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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 50px;
}

h3 {
    font-size: 40px;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
}

:root {
    --black: #16161B;
    --green: #C6EC64;
    --lightgreen: #EBF4D1;
    --lightblack:#16161B;
}

.bg-light-black {
    background-color: var(--black);
}
/* 
section {
    padding: 150px 0 0;
} */
div#recurly-card-number, div#recurly-card-expiry-month, div#recurly-card-expiry-year, div#recurly-card-cvv{
    border-radius: 6px;
    padding: 0;
    border: none;
    background-color: transparent;
}
#recurly-card-number .recurly-element-number, #recurly-card-expiry-month .recurly-element-month, div#recurly-card-expiry-year .recurly-element-year, div#recurly-card-cvv .recurly-element-cvv{
    width: 100%;
    background-color: #F1F1F1;
    height: 45px;
    border:none;
    border-radius: 5px;
}
.monthly-yearly-custom{
    display:flex;
    gap:5px;
}
div#recurly-card-cvv {
    margin-top: 26px;
}
#recurly-card-expiry-month .recurly-element-month, div#recurly-card-expiry-year .recurly-element-year{
    margin-top:3px;
}

.expiry-month-custom, .expiry-year-custom{
    position:relative;
}
.expiry-month-custom:before, .expiry-year-custom:before {
    content: "Month";
    font-size: 13px;
}
.expiry-year-custom:before{
    content:"Year"
}
input {
    border-radius: 10px !important;
    border-color: var(--lightgreen) !important;
}

.form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: #dfdfdf;
    z-index: 0 !important;
}
/* input::placeholder {
    opacity: 0.4 !important;
} */
/* .btn:hover {
    background-color: var(--green);
} */
.btn.log-out-sub:hover{
    background-color:transparent;
    color:#000;
}
#all-tab{
    border-radius: 5px 0px 0px 5px;
}
#annual-tab{
    border-radius: 0px 5px 5px 0px;
}

/* --header-start-- */
.btn-login {
    background-color: var(--green);
    padding: 10px 25px;
    border-radius: 10px;
}

.btn-login:hover {
    background-color: var(--green);
}

.template--home .buttonsidebar[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('/img/cross.svg');

}
.btn.discard-hover:hover{
    background-color:transparent;
}

/* Light toggle button background image */
.template--home .buttonsidebar .navbar-toggler-icon {
    background-image: url('/img/humburger.svg');
}

/* Dark toggle button background image */
.template--contact .buttonsidebar.navbar-toggler-icon {
    background-image: url('/img/humburgur-dark.png');
}

.template--contact .buttonsidebar[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('/img/x.png');
}

.logo--dark {
    display: none
}

.template--contact .logo--dark {
    display: block
}

.template--contact .logo--light {
    display: none
}

.navbar-nav li a {
    font-size: 16px;
}

.buttonsidebar:focus {
    box-shadow: none;
}

.menu--opened {
    overflow: hidden;
}

.menu--opened nav {
    height: 100vh;
    align-items: flex-start;
}

.mobile-view-show {
    display: none;
}

.btn.sign-btn:hover {
    background-color: transparent;
}

.template--home .bg-light-black {
    background-color: var(--black);
}

.template--home .bg-light-black .nav-link,
.template--home .bg-light-black .sign-btn {
    color: #fff;
}

.template--contact nav {
    background-color: #fff;
}

.template--contact .bg-light-black .nav-link {
    color: var(--black);
}

/* --header-end-- */
/* --banner-section-start-- */
.geo-target {
    color: var(--green);
}

.globe-img {
    transform: translate(-45%, -50%);
}

.banner-section {
    height: calc(100vh - 66px);
}

.custom-card {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #DEE3BD;
}

.custom-card p,
.tabs-wrapper p {
    color: #F9FFD2;
    margin-bottom: 0;
}

.custom-card p span {
    color: var(--green);
}

.search-box input {
    border: 1px solid #DEE3BD;
    border-radius: 10px;
    color: #fff;
}

.search-box input::placeholder {
    color: #F9FFD2;
    font-size: 18px;
    font-weight: 500;
}

.search-box input:focus {

    background-color: transparent;
    border-color: #C6EC64;
    color: #fff;
}

.search-icon {
    transform: translateY(-50%);
    cursor: pointer;
    border-left: 1px solid #DEE3BD;
    border-radius: 0px 10px 10px 0px;
    color: var(--green);
}

.copy-icon {
    cursor: pointer;
    margin-top: 10px;
}

/* --banner-section-end-- */

.links a {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
}
.input-group-append,
.input-group-append-dynamic {
    position: absolute;
    right: 8px;
    top: 4px;
}

.input-group-append-dynamic {
    top: 34px;
}

.btn-success-custom {
    background-color: var(--green);
}

.custom-row-design hr {
    color: #2E2E3A;
    margin: 0 48px 0 48px;
}

.newsletter input {
    background-color: transparent;
    border-radius: 10px !important;
}

.newsletter input::placeholder {
    color: var(--lightgreen);
}

/* login-page-start */
.login-page {
    background-color: var(--lightgreen);
}

.login-content {
    max-width: 843px;
    background-color: #fff;
    border-radius: 30px;
    padding: 63px 100px 100px;
}

.login-content input {
    background-color: #F1F1F1;
    padding: 13px 10px;
}

.login-content .input-group i {
    top: 6px;
}

.login-page-btn {
    background-color: var(--green);
    border-radius: 10px;
}

.login-page-btn:hover {
    background-color: var(--green);
}

.login-content label {
    font-size: 14px;
}

.login-content p,
.social-btn,
.login-content input::placeholder {
    font-size: 14px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #D1D5DB;
}

.separator:not(:empty)::before {
    margin-right: 20px;
}

.separator:not(:empty)::after {
    margin-left: 20px;
}

.social-btn:hover {
    background-color: transparent;
    color: var(--black);
}

.login-page-form {
    max-width: 490px;
    width: 100%;
}

#password-field:focus {
    border-color: #dfdfdf;
}

.style-custom {
    font-size: 40px !important;
}

/* login-page-end */
/* register-page-start */
#checked[type="checkbox"],
#check[type="checkbox"] {
    accent-color: #000;
    width: 20px;
    height: 20px;
}
.btn.btn-outline-danger-custom:hover {
    background-color: transparent;
}

.error-signup {
    font-size: 14px;
    display: flex;
    color: red;
    font-weight: 400;
    flex-wrap: wrap;
    padding-left: 10px;
}

.geoplugin-img {
    width: 213px;
    object-fit: cover;
}

/* register-page-end */
/* contact-page-start */
.connect-button .icon {
    width: 50px;
    object-fit: cover;
    margin-right: 10px;
    margin-top: -10px;
}

.connect-button span {
    color: var(--green)
}

.contentradius-cusom {
    border-radius: 30px;
    padding: 100px;
}

.contentradius-cusom:before {
    content: "";
    position: absolute;
    background-image: url('/img/globe-mark.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.contact-lets textarea {
    border-radius: 10px;
    background-color: #F1F1F1;
    border-color: #F1F1F1;
    width: 100%;
}

.recaptcha-text {
    background-color: var(--lightgreen);
    padding: 30px 20px;
    border-radius: 20px;
}

/* contact-page-end */
.apple-icon {
    width: auto;
    height: 24px;
    object-fit: cover;
}

.anchor-static {
    border: 1px solid var(--black);
    text-align: center;
    padding: 10px;
}
#monthly-tab {
    border-radius: 5px 0px 0px 5px;
}

/* checkout-page */
.data-check input,
#cardNumber-element,
#cardExpiry-element,
#cardCvc-element {
    background-color: #F1F1F1 !important;
    padding: 12px 10px !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-size: 14px;
}

#card-element {
    background-color: #F1F1F1 !important;
    border: 0 !important;
    border-radius: 5px !important;
    padding: 12px 10px;
}
.contain-dynamic{
    max-width: 1440px;
}
.chart-account{
    max-width: 1480px;
}
.custom-api-container{
    padding:0 60px;
}

.submit-check {
    background-color: #C6EC64;
    width: 100%;
    border: 0;
    font-weight: 700;
    color: #000;
}

.data-check {
    font-size: 16px;
}

.check-Out h5 {
    font-size: 40px;
}

.chart-api3 {
    padding: 0;
}

#cardNumber-element,
#cardExpiry-element,
#cardCvc-element {
    padding: 15px 10px !important;
}

/* //new api and checkout css // */
:root {
    --lightGray: #D1D5DB;
    --black: #16161B;
    --green: #C6EC64;
}

.apikey-header .bg-black {
    background-color: #27272E;
}

.navbar.apikey-header {
    border-bottom: 1px solid var(--lightGray);
}

.navbar.apikey-header .nav-link {
    font-family: "Poppins", sans-serif;
}

/* .navbar.apikey-header .navbar-brand img {
    max-width: 159px;
    width: 100%;
} */

.api_keys_wrapper {
    padding: 0;
}

.api_keys_wrapper .api-keys {
    margin: 50px 10px;
}

.key-heading-wrapper {
    border-radius: 10px 10px 0px 0px;
    padding: 20px;
}

.key-heading-wrapper h2 span {
    color: var(--green);
}

.api-column {
    border-bottom: 1px solid var(--lightGray);
}

.api-keys-detail-wrapper {
    border: 1px solid var(--lightGray);
    padding: 20px 20px 50px 20px;
}

.key_api-input {
    background-color: #F1F1F1 !important;
    padding: 15px 21px 15px 10px !important;
    border-radius: 10px 0px 0px 10px !important;
}

.form-select {
    font-size: 12px !important;
    font-weight: 400 !important;
    background-color: #F1F1F1 !important;
    width: 100% !important;
    padding: 15px 10px !important;
}

.add-subscription-btn {
    background-color: var(--green);
    color: var(--black);
    border: 1px solid var(--green);
    border-radius: 10px;
    width: 100%;
    font-size: 14px;
    padding: 14px 20px;
    max-width:190px;
    display:block;
}
.spantext{
    font-size: 24px;
    font-weight: 400;
    color: #16161B;
}

/* chartt */
.graph-wrapper {
    /* max-width: 1120px; */
    background-color: var(--black);
    border-radius: 30px;
    padding: 10px;
}

.chart-container {
    width: 96%;
    padding: 20px 0;
}

.chart-title,
.chart-subtitle,
.chart-footer {
    text-align: center;
}

.chart-subtitle p {
    padding-left: 30px;
    color: #fff;
}

.graph-content p {
    max-width: 745px;
}

.graph-content h3,
.graph-content p {
    padding: 0 0 30px;
}

.chart-footer {
    margin-top: 20px;
}

.spanText{
    color: var(--green);
}

.nav-menu.navbar-toggler:focus {
    border: 0;
    box-shadow: none;
}

.nav-menu.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"%3E%3Cpath d="M18 6 6 18"/%3E%3Cpath d="m6 6 12 12"/%3E%3C/svg%3E');
}

.chart-subtitle p {
    padding-left: 0px;
}

/* modal */
.card-imges {
    height: 30px;
}

.check-Out h5 {
    font-size: 40px;
}

.pricing-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 12px;
    max-width: 500px;
    margin: 20px auto;
}

.pricing-card .price {
    font-weight: 600;
    text-align: right;
}

.pricing-card .divider {
    border-top: 1px solid #ddd;
    margin: 20px -12px;
}

.pricing-card .quota {
    font-size: 16px;
    color: #595960;
}

.pricing-card .pageviews {
    text-align: right;
    color: #595960;
}

.card h4 {
    font-size: 20px;
}

.form-label {
    font-weight: bold;
}

.check-modal .input-group-text {
    background-color: #F1F1F1 !important;
}

.input-group .form-control {
    border-right: none;
}

.bi {
    font-size: 1.2rem;
}

.modal-dialog.check-modal {
    max-width: 610px;
}

.check-modal .modal-content {
    padding: 30px 40px 20px;
    border-radius: 30px;
}

#check-Out input {
    background-color: #F1F1F1;
    padding: 13px 10px;
}

#check-Out input::placeholder {
    color: #595960;
    font-size: 14px;
    font-weight: 400;
}

.check-footer button {
    width: 100%;
    background-color: #C6EC64;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 26px;
    border: 0;
}

.check-footer button:hover {
    background-color: #C6EC64;
    color: #000;
}


.chartWrapper {
    width: 100%;
    overflow-x: auto;
}

.chartWrapper::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.chartWrapper::-webkit-scrollbar-track {
    background: #2C2C2C;
    /* Track color */
}

.chartWrapper::-webkit-scrollbar-thumb {
    background-color: #C6EC64;
    border-radius: 6px;
    border: 3px solid #2C2C2C;
}

.chartWrapper::-webkit-scrollbar-thumb:hover {
    background-color: #C6EC64;
    /* Thumb color on hover */
}

.tooltip-inner {
    font-size: 10px !important;
}
#Payment-dynamic-design .modal-content {
    padding:15px;
  }
  #Payment-dynamic-design{
      max-width:600px;
      width:100%;
  }
  /* Payment Icons */
  #Payment-dynamic-design .payment-icons img {
    width: 40px;
    margin-right: 8px;
  }

  /* Button Styles */
  #Payment-dynamic-design .btn-save {
    background-color: #C6EC64;
    border: none;
  }

  #Payment-dynamic-design .btn-discard {
    border: 1px solid #161108;
    background-color: white;
  }
  .error-page{
    display: flex;
    align-items:center;
    justify-content: center;
}
    .error-page .error-found{
        height:auto;
        max-width:100%;
        object-fit: cover;
    }
  #Payment-dynamic-design .modal-footer {
    border: none;
    padding-top: 15px;
  }

  /* Label Styles */
  #Payment-dynamic-design label {
    font-weight: 500;
    font-size:14px;
  }
  #details-dynamic-setting .btn-succes-custom:hover {
    background-color: #c6ec64;
}
  #Payment-dynamic-design input{
    border-radius: 10px !important;
      background-color:#F1F1F1; 
      padding-top:6px ;
      padding-bottom:6px ;
  }

  #cardholderName{
      padding-left:5px !important;
  }
  #Payment-dynamic-design .btn-clode-payment{
  border: 1px solid #000;
  padding: 3px;
  }
  .CToWUd{
    margin: 0 auto;
    display:block;
  }
  .close-geoplugin-payment{
    width:100%;
    background-position:right;
  }
  .close-geoplugin-payment:focus{
    box-shadow:none;
  }

/* 
subscription page */
/* .nav-span {
    color: #000;
    vertical-align: middle;
} */
.card-bucket{
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

.nav-line-hover::after {
    content: "";
    position: absolute;
    border-bottom: 3px solid #C6EC64;
    width: 100%;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .35s;
}

.nav-line:hover .nav-line-hover::after {
    opacity: 1;
    visibility: visible;
}

/* .nav-line:hover .nav-span {
    color: #C6EC64;
} */

.nav-line:hover img {
    filter: brightness(0) saturate(100%) invert(74%) sepia(41%) saturate(391%) hue-rotate(56deg) brightness(96%) contrast(89%);
}

.subscription-setting span {
    letter-spacing: 4px;
}

.our-subsciption-menu {
    width: 100%;
    min-width: 233px;
    background-color: #ffffff;
    padding-inline-start: 0;
    padding: 4px 0;
    border-radius: 5px;
}

.our-subsciption-menu li button.active {
    background-color: #C6EC64;
}

.our-subsciption-menu li button {
    background-color: #ffffff;
    color: #16161B;
    border-radius: 5px;
    padding: 9px 20px;
    border: none;
    transition: all ease-in-out .35s;
    font-size: 14px;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
}

.subscription-setting {
    padding: 90px 0 0;
}

/* tabs-section */
.startUp_plan {
    border: 1px solid #D1D5DB;
    border-radius: 10px;
    padding:20px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.current_plan_wrapper{
    top: -32px;
    background-color: #C6EC64;
    border-radius: 10px 10px 0 0;
    font-size: 12px;
    font-weight: 500;
    left:-1px;
    right: 0;
    width: calc(100% + 2px);
    padding: 8px 0px;
    letter-spacing: 1.12px;
}
#free-package h5{
    font-size: 30px;
}
.billed_span {
    font-weight: 500;
    border: 1px solid #000;
    background-color: #000;
    color: #c6ec64;
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 10px;
    line-height: 1.6;
}
.price_box span{
    letter-spacing:1px;
}
.startUp_plan hr{
    margin: 30px 0px;
}

.quota_heading.card {
    padding: 15px 10px;
    border-radius: 20px;
}
.old-user-link {
    background-color: #fcfdfe;
    padding: 20px 10px;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    max-width: 640px;
    margin: 0 auto 30px;
}
.old-user-link a{
color: #000 !important;
  font-weight: 600 !important;
}

.quota_heading.card-header {
    background-color: #fff !important;

}



.pageViews .number {
    font-size: 16px;
    color: #595960;
}

.page_views {
    font-size: 16px;
    color: #595960;
}

.quota_wrapper {
    border-color: #E1E5EF;
}
.list_wrapper_content p{
    color: #16161B;
}
.cancel_button{
    background-color: #fff !important;
    border: 1px solid #161108 !important;
    border-radius: 10px !important;
    color: #161108 !important;
    padding: 10px !important;
    width: 100% !important;
}
.plan_price{
    font-size: 20px;
}
.plan_price span{
    font-size: 30px !important;
}
.pageViews {
    padding: 5px 20px;
}

.switch-btn {
    background-color: #c6ec64;
    color: #000;
    border: 1px solid #c6ec64;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    font-size: 16px;
}

.update-btn {
    background-color: #c6ec64;
    color: #000;
    border: 1px solid #c6ec64;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    font-size: 16px;
}
.btn.edit-btn:hover{
    background-color: #000;
    color: #fff !important;
}
.free_plan{
    background-color: #c6ec64;
    color: #000;
    border: 1px solid #c6ec64;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    font-size: 16px;
}
.price_box h5 {
    font-size: 20px;
}

.quota_heading h5 {
    font-size: 16px;
}

.tooltip-inner {
    /* background-color: rgb(6, 1, 1) !important; 
    color: #fff !important; */
    margin-bottom:20px !important;
}
.tooltip .tooltip-arrow::before{
    /* border-top-color: #000 !important; */
    margin-top:-20px;

}
.current-plan {
    background-color: #c6ec64;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    margin-top: -21px;
    margin-left: -1px;
    margin-right: -1px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 16px;
}

.percent-save {
    letter-spacing: 0 !important;
    line-height:1 !important;
}


.cancel-btn{
    background-color: transparent;
    border: 1px solid #161108;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    font-size: 16px;
    
}

.header-custom .navbar-toggler:focus {
    box-shadow: none;
}

.footer-api-key p {
    font-size: 16px;
}

/* plans include css */
.plans_include_container {
    position: relative;
    box-sizing: border-box;
    color: #16161B;
    background: #fff;
    background-clip: padding-box;
    border: solid 2px transparent;
    border-radius: 1em;
}

.plans_include_container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(18, 26, 0, 1) 0%, rgba(55, 75, 1, 1) 35%, rgba(190, 220, 113, 1) 59%, rgba(190, 220, 113, 1) 68%, rgba(55, 75, 1, 1) 100%);
}

.plan-include-wrapper .plans_include {
    padding: 40px 50px;
}

.plan-include-wrapper .include_heading {
    background-position: bottom;
}

.plans_heading {
    font-size: 24px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#billed_annually{
    color: #595960;
}
.plan-include-wrapper .common_border-style {
    background: linear-gradient(90deg, rgba(18, 26, 0, 1) 0%, rgba(55, 75, 1, 1) 35%, rgba(190, 220, 113, 1) 59%, rgba(190, 220, 113, 1) 68%, rgba(55, 75, 1, 1) 100%) no-repeat;
    background-size: 100% 2px;
    background-position: bottom;
}

.plan-include-wrapper .list_wrapper ul li {
    margin-bottom: 10px;
}

.plan-include-wrapper .plans-include-footer {
    background-position: top;
    padding: 38px 50px;
    background-color: #16161B;
    border-radius: 0 0 10px 10px;
}

.plan-include-wrapper .icon_img {
    width: 20px;
    height: 20px;
}

.plan-include-wrapper .prices_usd {
    font-size: 14px;
}

.plan-include-wrapper {
    padding: 68px 0 52px;
}
.header-custom .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"%3E%3Cpath d="M18 6 6 18"/%3E%3Cpath d="m6 6 12 12"/%3E%3C/svg%3E');

}
  /* Additional styles */
  .container.container-details-dynamic {
    max-width:1010px;
    width: 100%;
    margin: 20px auto;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 0;
  }
  .static-code {
    padding:30px 40px;
    background-color: #fff;
    border-radius: 8px;
  }
  .dynamic-account {
    background-color: #333;
    color: #fff;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
    border: none;
  }
  .dynamic-account span {
    color: #c6ec64;
  }
  .section-title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-top: 20px;
  }
  #details-dynamic-setting hr {
    margin: 20px 0;
    border-bottom: 1px solid #d1d5db;
  }
  .inputpasswordeye{
    bottom:10px;
    right:25px;
  }
  #details-dynamic-setting .btn-succes-custom, #password-reset-container .btn-succes-custom{
    background-color: #c6ec64;
  }
  #details-dynamic-setting btn:hover {
    background-color: #c6ec64;
    color: #000;
  }
  #Payment-dynamic-design h5{
    font-size:20px;
  }
  #details-dynamic-setting .input-group-text.input-custom, #Payment-dynamic-design .input-group-text.input-custom {
    background-color: #27272e;
  }
  .input-group span.input-group-text{
    padding:0.875rem 0.95rem;
  }
  .btn-add-url {
    background-color: #c6ec64;
    color: #333;
    font-weight: bold;
    border: none;
    width: 20%;
    border-radius: 10px !important;
  }
  #details-dynamic-setting  .btn-outline-success-custom {
    background-color: #c6ec64;
    border-radius: 10px !important;
  }
  #details-dynamic-setting .btn-outline-danger-custom {
    border: 1px solid #f25227;
    color:#f25227;
    border-radius: 10px !important;
  }
  #details-dynamic-setting label{
    font-size:14px;
  }
  #details-dynamic-setting .form-control{
    background-color:#F1F1F1;
  }
  body.custompassword{
    background-color: #EBF4D1; /* Light green background */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
  }
  .password-reset-container {
    background-color: #ffffff;
    padding:0;
    border-radius:30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 843px;
    width: 100%;
    text-align: center;
  }
  .password-reset-container p {
    color:#16161B;
  }
  .form-control {
    background-color:#F1F1F1;
    border-color: #ced4da;
    border-radius: 6px;
  }
  .form-control:focus {
    box-shadow: none;
    border-color: #80bdff;
  }
  .back-to-login {
    display: block;
    color: #161108;
    font-size: 0.9rem;
  }
  .back-to-login:hover {
    text-decoration: underline;
    color: #495057;
  }
  .password-reset-custom{
    max-width:400px;
    width:100%;
    margin:50px auto;
  }

.api-keys-detail-wrapper {
    padding: 50px 40px 50px 95px;
    border-radius: 0 0 10px 10px;
}
.startUp_plan.gro_free_plan {
    justify-content: start;
}
.ggeo-freePackage{
    margin-bottom:12px;
}
/* 12 feb 2025 */

.hero-banner .banner-contain{
  background-color:#27272E;
}

.banner-contain {border-radius:30px;}
.banner-contain h1 span {
color:var(--green)
}
.banner-contain h1{font-size:50px; margin-bottom:20px;}

.banner-contain:before, .banner-contain:after {
    content: "";
    background-image: url('/img/global-left.png');
    width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    position: absolute;
    background-size:contain;
    left: 0;
    bottom: 0;
}
.banner-contain:after {
    background-image: url('/img/hero-section-right.svg');
    background-position: right;
    right: 0;
    left:auto;
}
.banner-contain p{font-size:20px; font-weight:300 !important;}
.location-section, .features-section, .faq-iplocation, .geo-litedatabase, .ip-classes, .bg-script-dynamic, .webservices-section, .advantages
{padding:100px 0 0;}
.location-section h2, .features-section h2, .webservices-section-wrapper h2, .faq-iplocation h2, .reviews-section-clicks div, .bg-script-dynamic h2, .advantages h2{
    font-size:40px;
    color:#16161B;
    font-weight: 700;
}
.reviews-section-clicks{
    margin-top:100px;
    padding:100px 0 80px;
}
.location-section p, .webservices-section-wrapper p, .features-section p, .bg-script-dynamic p, .response-text,  .advantages p{
    font-size:16px;
    color:#595960;
    font-weight:400;
}
.location-section img{
    width:480px;
    object-fit: contain;
}
.banner-wrapper {
    padding:100px 0; max-width: 806px; margin: 0 auto; width:100%;
}
.features-section .features-section-wrapper{
    padding-top:100px;
}
.features-section-wrapper{max-width:760px; width:100%; margin:0 auto;}
.features-section-inner.linear-border{
    padding: 20px;
    margin: 20px 0 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #121A00 -7%, #374B01 -74%, #BEDC71 10%, #BEDC71 27%, #374B01 100%) border-box;
    background-clip: padding-box, border-box;
}
.features-section-inner h3{
    margin-bottom:20px !important;
}
.features-section-inner h3, .webservices-section-inner h3, .script-dynamic-wrapper h3, .ip-classes h3, .feature-api-inner h3 a{
    font-size:24px;
    margin-bottom:0;
    color: #16161B;
}
.features-section-inner p, .webservices-section-inner p, .webservices-section-inner span, .feature-api-inner p{
    color: #595960;
    font-size: 16px;
}
.features-section hr{
    color: #D1D5DB;
}

.webservices-section-inner{max-width:1130px; width:100%; margin:0 auto;}
.geoplugin-city-code .js0{
    color: var(--green);
}
.geoplugin-city-code .ge0{
    color:#FB5343;
}
.geoplugin-city-code {
    background-color: #16161B;
    padding: 30px;
    margin-top: 30px;
    border-radius: 20px;
}
.geoplugin-city-code a, .us0{
    color:#F9FFD2;
}
.webservices-section-inner hr{
    margin:50px 0;
}
.webservices-section-inner hr:last-child{
    margin:50px 0 0;
}
.faq-section-wrapper, .reviews-section-wrapper{max-width:661px; margin:0 auto; width:100%} 
.faq-iplocation .accordion-button {background-color:transparent !important; font-size:20px; font-weight:bold; color:#16161B; padding:30px 0; box-shadow: none;}
.faq-iplocation .accordion-header{
    border-bottom: 2px dashed #8f8f97;
}
.faq-iplocation .accordion-body{font-size:16px; font-weight:500; color:#595960; padding:30px 0;}
.faq-iplocation .accordion-button:focus{box-shadow:none;}
.faq-iplocation .accordion-item{border:none;}
.sign-up-button{
    background: linear-gradient(90deg, rgba(8, 8, 9, 1) 0%, rgba(54, 71, 10, 1) 25%, rgba(41, 55, 6, 1) 52%, rgba(31, 43, 1, 1) 78%, rgba(17, 22, 2, 1) 100%);
    padding: 15px 10px;
    border-radius: 10px;
    display: block;
    text-align: center;
    text-decoration: none;
    color:#C6EC64;
    font-weight:700;
    font-size:20px;
}
.reviews-section-clicks .features-section-wrapper{padding-top: 0;}
.reviews-section-clicks{background-color: #EBF4D1;}

.features-section h2{
    line-height:50px;
}
.feature-word{
    font-size: 18px !important;
    letter-spacing:4px !important;
    color:#16161B !important;
}
.color-anchor{
    color:#16161B;
}
.border-custom-static{
    border-bottom:1px solid #D1D5DB;
    padding:50px 0;
}
.reviews-section-clicks .features-section-wrapper{
    border-bottom:1px solid #5A5A5A;
}
.reviews-section-clicks .reviews-section-wrapper{
    max-width: 530px;
}
.reviews-inner:not(:last-child){
    border-right: 1px solid #5A5A5A;
}
.script-dynamic-wrapper{
    background-color: #EBF4D1;
    border-radius:50px;
    padding:50px 20px;
    margin-top:20px;
}
.script-dynamic-wrapper h3{
    color:#16161B;
}
.script-dynamic-wrapper p, .ip-classes p, .ip-classes span{
    font-size:16px;
    color:#595960;
}
.ip-classes .features-section-wrapper{
    padding:0;
}
.ip-classes hr{
    color:#D1D5DB;
    margin:50px 0 0;
}
.script-dynamic-wrapper .geoplugin-city-code, .xml-page .custom-input-api{
    max-width:881px;
    width:100%;
    margin:0 auto;
    padding:30px;
}
.xml-page .script-dynamic-wrapper .geoplugin-city-code, .xml-page .custom-input-api{max-width:545px;}
.xml-page .custom-input-api{padding:0 0 20px;}
.custom-input-api .form-control {
    background-color: #16161B;
    border-radius: 10px 0 0 10px !important;
    color:#F9FFD2;
    border: none;
    padding:15px;
}
.custom-input-api .btn-search {
    background-color: #16161B;
    border: none;
    border-left: 1px solid #333;
    padding:15px 20px;
}
.custom-input-api :not(.btn-check)+.btn:active{background-color: #16161B !important;}
.custom-input-api .btn-search i{
 color:#C6EC64;
}
.xml-page .script-dynamic-wrapper .geoplugin-city-code pre{font-size:16px;}
.script-dynamic-wrapper .geoplugin-city-code pre{
    font-family: "Poppins", sans-serif;
    margin-bottom:0;
    font-size: 20px;
    font-weight:300;
}
.code-root-dynamic {
    color: var(--lightblack);
    font-weight:600;
}
.bg-script-dynamic .features-section-wrapper{
    padding-top:0;
}
.advantages-featuer-wrapper ul{
    list-style: none;
    padding-inline-start:0;
}
.advantages-featuer-wrapper ul li{
    /* position: relative; */
    padding:30px 0 30px 40px;
    border-bottom:2px dashed #444450;
    color:#16161B;
    font-size:16px;
    font-weight:400;
    background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.5919 11.3651L20.1412 10.3791C18.5873 9.94098 17.1718 9.11143 16.0302 7.96981C14.8886 6.82819 14.059 5.4127 13.6209 3.85878L12.6348 0.408125C12.5853 0.287398 12.5009 0.18414 12.3925 0.11147C12.2841 0.0388 12.1565 0 12.026 0C11.8955 0 11.7679 0.0388 11.6595 0.11147C11.5511 0.18414 11.4667 0.287398 11.4171 0.408125L10.431 3.85878C9.99295 5.4127 9.1634 6.82819 8.02178 7.96981C6.88016 9.11143 5.46467 9.94098 3.91075 10.3791L0.460098 11.3651C0.327604 11.4028 0.210994 11.4826 0.127959 11.5924C0.0449252 11.7023 0 11.8363 0 11.974C0 12.1117 0.0449252 12.2457 0.127959 12.3556C0.210994 12.4655 0.327604 12.5453 0.460098 12.5829L3.91075 13.569C5.46467 14.0071 6.88016 14.8366 8.02178 15.9782C9.1634 17.1198 9.99295 18.5353 10.431 20.0892L11.4171 23.5399C11.4547 23.6724 11.5345 23.789 11.6444 23.872C11.7543 23.9551 11.8883 24 12.026 24C12.1637 24 12.2977 23.9551 12.4076 23.872C12.5174 23.789 12.5972 23.6724 12.6348 23.5399L13.6209 20.0892C14.059 18.5353 14.8886 17.1198 16.0302 15.9782C17.1718 14.8366 18.5873 14.0071 20.1412 13.569L23.5919 12.5829C23.7244 12.5453 23.841 12.4655 23.924 12.3556C24.007 12.2457 24.052 12.1117 24.052 11.974C24.052 11.8363 24.007 11.7023 23.924 11.5924C23.841 11.4826 23.7244 11.4028 23.5919 11.3651Z" fill="%23C6EC64"/></svg>');
    background-position:left 30px;
    background-repeat: no-repeat;

}

.advantages-featuer-wrapper{
    padding:20px 0 50px;
    max-width:700px;
    margin: 0 auto;
}
.feature-api .feature-api-wrapper{
    max-width:935px;
    width:100%;
    margin:0 auto;
    padding-top:100px;
}
.feature-api .feature-api-inner{
    max-width:800px;
    width:100%;
    margin:0 auto;
}
.features-section.feature-api .info-box{
    padding:8px 20px 10px;
    margin: 20px 0 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #121A00 -62%, #374B01 -74%, #BEDC71 10%, #BEDC71 27%, #374B01 100%) border-box;
    background-clip: padding-box, border-box;
}
.bg-content-heading{position: relative; margin-bottom:20px; text-align: left !important;}
.bg-content-heading:before {
    content: url('/img/hand-fingure.png');
    padding-right:15px;
}


/* 12 feb 2025 end */



@media (min-width:3000px){
    .account-dashboard-custom {
        height: calc(100vh - 70px);
    }
}
@media (min-width:2160px){
    .account-dashboard {
        height: calc(100vh - 70px);
    }
}

  

/* ---media query start--- */

@media (min-width:1025px) {
    .navbar.apikey-header {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbarapikey-header .navbar-toggler {
        display: none;
    }

    .navbar.apikey-header .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar.apikey-header .navbar-nav {
        flex-direction: row;
    }

    .mb-lg-00 {
        margin-bottom: 0;
    }

    .navbar.apikey-header .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }

    .header-custom {
        border-bottom: 1px solid #D1D5DB;
    }
    /* .created-limit{
        border-right: 1px solid #c1c1cb;
    border-left: 1px solid #c1c1cb;
    padding:0 20px;
    border-bottom: unset;
    } */

    .api_keys_wrapper .api-keys {
        margin: 100px 0 50px;
    }

}

@media(min-width: 990px) {
    /* .navbar .navbar-brand img {
        max-width: 100%;
        width: 100%;
    } */

    .key-heading-wrapper {
        padding: 35px 50px;
        /* margin-left:-12px;
        margin-right:-12px; */
    }


    .icon-wrapper {
        padding: 2px;
    }

    .api-column {
        border-right: 1px solid var(--lightGray);
        border-bottom: none;
        padding-right: 122px;
        /* width: 50%; */
    }

    .subscription-column {
        padding: 28px 0px 0px 90px;
    }

    .form-select {
        width: 270px !important;
    }

    /* .add-subscription-btn {
        width: 40%;
    } */
    .select-dashboard{
        width:94% !important;
    }
}

@media (min-width:768px) {
    .input-col-wrapper {
        width: 35%;
    }

    .data-col {
        flex: 1;
    }
    .startUp_plan .price_box{
        gap: 10px;
    }
    .startUp_plan h5{
        font-size: 12px;
    }
    .startUp_plan .price_box .billed_span{
        text-align: center;
    }
}


@media (max-width:1440px) {
    .api-keys-detail-wrapper {
        padding: 40px 30px 40px 60px;
    }
    .plans_include p{
        font-size:16px;
      }   
    .globe-mark img,
    .globe-mark-half img {
        width: 220px;
        object-fit: cover;
    }
    .plan_price{
        font-size:16px;
    }

    /* .api_keys_wrapper .api-keys {
        margin: 70px 0px 50px;
    } */

    .login-content {
        max-width: 560px;
        padding: 20px 50px;
    }

    .login-content input {
        padding: 10px;
    }

    .globe-img img {
        width: 420px;
        object-fit: cover;
    }

    .documentaion-content p {
        font-size: 18px;
    }

    .banner-section p {
        font-size: 16px !important;
    }

    .geo-targetting h4 {
        font-size: 20px !important;
    }

    .geo-litedatabase p {
        font-size: 16px !important;
    }

    h1,
    h2 {
        font-size: 45px;
    }

    .connect-button h1 {
        font-size: 40px !important;
    }

    .login-page-form {
        max-width: 380px;
        padding: 20px;
    }

    .style-custom {
        font-size: 20px !important;
    }

    .modal-dialog.check-modal {
        max-width: 500px;
    }

    .add-subscription-btn {
        font-size: 12px;
    }

    .api-column {
        padding-right: 72px;
    }

    .key-heading-wrapper {
        padding: 20px 30px;
    }

    .footer-api-key img {
        width: 160px;
        object-fit: cover;
    }

    .footer-api-key p {
        font-size: 13px;
    }

    .price_box h5 {
        font-size: 16px;
    }

    .quota_heading h5 {
        font-size: 14px;
    }

    .pageViews .number {
        font-size: 14px;
    }

    .page_views {
        font-size: 14px;
    }

    .switch-btn {
        font-size: 14px;
    }
    .contain-dynamic {
        max-width: 1240px;
        padding:0 20px;
    }
    .chart-account{
        max-width: 1260px;
    }

}

@media (max-width:1025px) {
    .banner-section {
        height: 100%;
    }
    .chart-account {
        max-width: 100% !important;
        padding: 0;
    }
    .graph-wrapper{
        border-radius: unset;
    }
    .common-width {
        width: 100%;
        margin: 15px 0;
    }

    .banner-section h1 {
        font-size: 38px;
        margin: 20px 0;
    }

    h1,
    h2,
    h3,
    h4 {
        text-align: center;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 32px !important;
    }

    .banner-section p,
    .documentaion-content p {
        text-align: center;
        font-size: 16px !important;
    }

    .btn-login {
        width: 100%;
        margin-bottom: 20px;
    }

    /* section {
        padding: 40px 0 0;
    } */

    .globe-img {
        top: -77px !important;
        right: 0;
        left: auto !important;
        transform: translateX(0);
    }

    .globe-img img {
        width: 180px;
    }

    .globe-mark-half {
        display: none;
    }

    .input-col-wrapper {
        margin-bottom: 20px;
    }

    .tabs-content-section button {
        font-size: 14px !important;
        padding: 8px;
    }

    .tabs-list p {
        font-size: 14px;
    }

    .tabs-wrapper {
        border-radius: 0;
    }

    .tabs-list {
        margin: 20px auto 0 !important;
    }

    .btn-login.login-btn-mobile {
        background-color: transparent;
        color: #000;
        margin: 0;
    }

    .navbar-nav.apikey-header {
        margin-top: 30px;
    }

    .navbar-nav.apikey-header li {
        border-bottom: 1px solid var(--lightgreen);
        padding: 15px 0;
    }

    .form-custom a {
        border-bottom: 1px solid var(--lightgreen);
        width: 100%;
        text-align: left;
        padding: 22px 0;
    }

    .geo-litedatabase h3 {
        font-size: 30px;
    }


    .geo-litedatabase {
        text-align: center;
    }

    .mobile-view-show {
        display: block;
    }

    .geo-litedatabase {
        margin: 50px 0 0;
    }

    .login-content {
        max-width: 340px;
        padding: 0;
    }

    .custom-row-design a img {
        display: block;
        margin: 0 auto;
    }

    .custom-row-design hr {
        margin: 0 48px 0 0;
    }

    .geo-target {
        display: block;
    }

    .connect-button {
        display: block !important;
    }

    .contentradius-cusom:before {
        top: 59%;
        background-size: 50%;
    }

    .contentradius-cusom {
        padding: 50px 20px;
        max-width: 840px;
        width: 100%;
    }

    .connect-button .icon {
        display: block;
        margin: 20px auto;
    }

    .contact-paragraph {
        text-align: center;
    }

    .template--home .button-login {
        color: #fff;
    }

    .sign-btn,
    .button-login {
        border: 0;
        border-bottom: 1px solid var(--lightgreen) !important;
        border-radius: 0;
    }

    .api-column {
        padding-right: 22px;
    }

    .api-column h4,
    .subscription-column h4 {
        text-align: left;
    }

    .api-keys-detail-wrapper {
        padding: 40px 10px;
        margin:0;
    }
    .custom-api-container{
        padding:0 25px;
    }
    .contain-dynamic {
        padding: 0px 20px;
    }
    .container.container-details-dynamic {
        max-width: 800px;
    }
}

@media (max-width:768px) {
    .old-user-link{
        max-width: 100%;
        margin:0 15px 30px;
    }
    .faq-iplocation .accordion-body {
        font-size: 14px;
    }
    .faq-iplocation .accordion-button {
        font-size: 16px;
    }
    .contentradius-cusom {
        max-width: 360px;
    }

    .check-modal .modal-content {
        padding: 10px 25px;
        border-radius: 7px;

    }
    .add-subscription-btn{
        max-width: none;
    }
    #password-reset-container{max-width:330px; padding:1rem;}

    .card-imges {
        height: 25px;
    }

    .plan-include-wrapper .plans_include {
        padding: 40px 30px 5px;
    }

    .chartAreaWrapper {
        min-width:470px;
    }

    .log-out-sub {
        width: 100%;
    }
    .btn-add-url{
        width: 100%;
        margin-top:20px;
        margin-left:0px !important;
    }
    .input-custom + input{
        width:80% !important;
    }
    .btn-outline-success-custom, .btn-outline-danger-custom{
        width:48%;
        margin-top:20px !important;
        margin-left: 0 !important;
    }
    .static-code{
        padding: 30px 20px;
  }
  .btn-outline-danger-custom{
    margin-left: 10px !important;
  }
  .plan-include-wrapper {
    padding: 40px 0 0px;
} 
.created-limit p, .created-limit span{
    font-size: 14px !important;
}
.container.container-details-dynamic {
    max-width: 350px;
}
.reviews-section-clicks .features-section-wrapper{border-bottom:none;}
.contain-dynamic {
    padding: 0px 10px;
}
.subscription-setting {
    padding: 20px 0 0;
}
.api-keys-detail-wrapper{
    padding:35px 10px 20px
}
.startUp_plan{
    padding: 25px 20px 20px 20px;
}
.banner-contain:after{
    display: none;
}
.banner-contain h1{
    font-size: 35px;
}
.banner-contain p{font-size:14px;}
.location-section h2, .features-section h2, .webservices-section-wrapper h2, .faq-iplocation h2, .bg-script-dynamic h2, .location-section h2, .features-section h2, .webservices-section-wrapper h2, .faq-iplocation h2, .reviews-section-clicks div, .bg-script-dynamic h2, .advantages h2{
    font-size:30px;
    line-height:40px;
}
.location-section p, .webservices-section-wrapper p, .advantages p{
    font-size: 14px;
    text-align:center;
}
.location-section, .features-section, .faq-iplocation, .geo-litedatabase, .ip-classes, .bg-script-dynamic, .webservices-section, .advantages{
    padding: 50px 0 0;
}
.location-section img {
    width:100%
}
.features-section .features-section-wrapper{
    padding-top:50px;
}
.features-section-inner h3, .webservices-section-inner h3{
    font-size:20px !important;
    text-align: left !important;
}
.feature-api-inner h3 a{
    font-size: 17px !important;
    text-align: left !important
}
.features-section-inner p, .webservices-section-inner p, .webservices-section-inner span, .ip-classes p, .bg-script-dynamic p, .feature-api-inner p{
    font-size:14px;
}
.webservices-section .webservices-section-inner h3{
        font-size: 18px !important;
        margin-bottom:20px;
    }
    .ip-classes h3 {
        font-size:18px !important;
    }
    .reviews-section-clicks {
        margin-top: 50px;
        padding: 40px 0 50px;
    }

    .reviews-section-clicks div{
        font-size:35px;
        /* margin-bottom:20px; */
        text-align: center;
    }
    .reviews-section-clicks hr{
        display:none;
    }
    .reviews-section-clicks .sign-up-button{
        display: block;
        width:100%;
        margin:30px 0 0;
    }
    .reviews-json-wrapper{
        margin-top:70px;
    }    
    .iplocation-software .form-custom a, .iplocation-software .btn-login.login-btn-mobile{
        border-bottom:none !important;
        padding: 5px 0 15px;
        color: #000000a6;
    }
    .iplocation-software .container{
        padding:0 25px;
    }
    .banner-contain:before{
        height:135px;
    }
    .geoplugin-city-code a{font-size:13px;}
    .reviews-box{
        margin: 80px 0 0;
    }
    
    .geoplugin-city-code .js0, .geoplugin-city-code .ge0{font-size: 13px;}
    .geoplugin-city-code{padding: 16px 16px 20px;}
    .border-custom-static{padding:30px 0;}
    .banner-wrapper{
        padding:50px 0;
    }
    .bg-script-dynamic .container{
        padding:0;
    }
    .bg-script-dynamic .features-section-wrapper{
        padding:0 25px;
    }
    .bg-script-dynamic .script-dynamic-wrapper{
        border-radius:0;
    }
    .advantages-featuer-wrapper ul li {font-size:14px; padding: 20px 0 20px 40px; background-position: left 20px}
    .feature-api .feature-api-wrapper{padding-top:0px;}
    .features-section.feature-api hr{display: none;}
    .advantages-featuer-wrapper{padding:20px 0 30px;}
    h2 br {
        display: none;
      }
      .features-section.feature-api .info-box{padding: 8px 10px 20px;}
      .script-dynamic-wrapper .geoplugin-city-code pre{font-size:13px;}
      .script-dynamic-wrapper h3{font-size:20px;}
}
/* Hide dropdown by default */
.nav-item.dropdown .dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  
  /* Show dropdown on hover */
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  
  .webservicesDropdown {
    min-width: 300px;
  }
  .productsDropdown {
    min-width: 250px;
  }
  
  /* Navbar dropdown styles */
  .navbar .dropdown-item:focus,
  .navbar .dropdown-item:hover {
    background-color: var(--lightgreen);
  }
  
  @media (max-width: 1025px) {
    .navbar {
      overflow-y: auto;
    }
  }
  
  @media (min-width: 1025px) {
    .navbar {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
  
    .navbar .navbar-toggler {
      display: none;
    }
  
    .navbar .navbar-collapse {
      display: flex !important;
    }
  
    .navbar .navbar-nav {
      flex-direction: row;
    }
  
    .navbar .dropdown-menu {
      position: absolute !important;
      z-index: 1050;
      left: auto;
      top: 100%;
      margin-top: 0.5rem;
    }
  
   .navbar .dropdown-item {
      padding: 6px;
    }
  
    .nav-item.dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }
  
    .navbar .dropdown-item:active {
      background-color: white;
      color: var(--black);
    }
  }