.handle-preloader .animation-preloader .spinner {
    background: linear-gradient(95.45deg, #f57954 0.64%, #e95b30 98.23%);
}
.handle-preloader .animation-preloader .txt-loading .letters-loading {
    color: #e95b30;
}
@media only screen and (min-width: 480px) {
  .logo {
        max-width: unset;
        max-height: 42px;
    }
}
@media only screen and (min-width: 980px) {
    .nav-wrapper ul li.has-submenu .submenu-wrapper.theme-megamenu {
        width:850px;
    }
}
.hero-5, .handle-preloader {
    /*background: #006ad3;*/
    /*background-image: linear-gradient(180deg, #148fc4, #006ad3);*/
}
/*.sticky-header.header-5 {*/
    /*background-color: #006ad3 !important;*/
/*}*/
.header-5 {
    background-color: #000f57 !important;
    border-bottom: 2px solid rgba(255, 255, 255, .1);
}
.nav-wrapper ul li.has-submenu .submenu-wrapper li .menu-list-wrapper .menu-list-content-right span, .nav-wrapper ul li.has-submenu .submenu-wrapper .megamenu-item .menu-list-wrapper .menu-list-content-right span {
    font-size:12px;
}
.discount_lbl {
    /* background: #1256f4; */
    /* background: linear-gradient(95.45deg, #0082F8 0.64%, #1C40F2 98.23%); */
    font-size: 11px;
    color: red;
    position: absolute;
    right: 30px;
    background: #f3494921;
    padding: 2px 5px;
    border-radius: 3px;
}
.product_strike-price {
    opacity: .7;
    font-weight: 400;
    line-height: 120%;
    text-decoration: line-through;
}
.dm-pp-domain-item img {
    max-height: 30px;
    margin-right:10px;
    float: left;
}
.counter-sec .hm10-counter-box {
     min-width: calc(25% - 20px); 
    text-align: center;
}
.customer-support-sec .hm2-app-item {
    padding: 30px 20px;
    min-height: 390px;
}

.developer-section {
    display: flex;
    justify-content: space-between;
}

.developer-section .left-column {
    flex: 1;
    max-width: 40%;
    padding-right: 10px;
}

.developer-section .left-column h1 {
    font-size: 36px;
    color: #0d1c39;
    margin-bottom: 10px;
}

.developer-section .left-column p {
    color: #3b4a63;
    font-size: 16px;
    margin-bottom: 30px;
}

.developer-section .code-img img {
    width: 100%;
    border-radius: 10px;
}

.developer-section .code-box {
    background-color: #0c1d2f;
    color: #b4e1ff;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
    overflow-x: auto;
}

.developer-section .code-header {
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}

.developer-section .code {
    font-family: monospace;
    font-size: 14px;
    white-space: pre;
}

.developer-section .api-button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #eef3fb;
    color: #0d1c39;
    border: none;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 20px;
}

.developer-section .right-column {
    flex: 1;
    max-width: 55%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top:10px;
}

.developer-section .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.developer-section .grid img {
    width: 105px;
    height: 110px;
    object-fit: contain;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.1));
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
}

.developer-section .integration-button {
    padding: 10px 20px;
    background-color: #eef3fb;
    color: #0d1c39;
    border: none;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 20px;
}
.proxy_list .tab-content>.tab-pane img {
    width: 100%;
}
.proxy_list .h5-tab-controls li a {
    padding: 12px 12px 3px 12px;
    background: #eef3fb;
    border-radius: 4px 4px 0 0;
}
.happy_customers.h5-feedback .h5-feedback-slider
{
    padding:30px 0;
}
.happy_customers.h5-feedback .h5-feedback-slider .h5-feedback-single{
    opacity:1;
}
.built_needs_faq .img{
    padding: 0 10px;
}
.built_needs_faq .img img{
    width: 100%;
}
.built_needs_faq .faq-content{
    padding: 60px 30px;
}
.outline_btn {
    color: #666;
    font-size:15px;
    font-weight:600;
    border: 1px solid #e9eef1;
    border-radius:4px;
    padding:6px 14px;
}
.outline_btn:hover {
    border: 1px solid #666;
}
/*Pricing Section CSS*/

.pricing_section .h5-pricing-single {
    margin:0 5px;
}

.pricing_section .h5-pricing-single .left-panel,.pricing_section .h5-pricing-single .right-panel {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.pricing_section .h5-pricing-single .left-panel {
    flex: 2;
    width:60%;
    float:left;
}

.pricing_section .h5-pricing-single.right-panel {
    background-color: #000f57;
    color: #fff;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 20px;
    border-radius: 10px;
    margin-right:10px;
}

.pricing_section .h5-pricing-single .location-row {
    /*display: flex;*/
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.pricing_section .h5-pricing-single select, .pricing_section .h5-pricing-single input[type="number"] {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-right:10px;
}

.pricing_section .h5-pricing-single .delete-btn {
    background: none;
    border: none;
    color: #666;
    font-size: 20px;
    cursor: pointer;
}

.pricing_section .h5-pricing-single .price-info {
    margin-top: 8px;
}

.pricing_section .h5-pricing-single button.add-location {
    margin-top: 10px;
    padding: 10px 15px;
    background: #f0f0f0;
    border: 1px dashed #ccc;
    border-radius: 5px;
    cursor: pointer;
}
.signup-area::before {
    opacity:70%;
}
.signup-form-wrapper.signup-pg form input {
    width: 100%;
    padding: 12px 15px;
}


.img_logo_40 {
    max-height: 40px;
}
.text-red {
    color:red;
}
.text-green {
    color:green;
}
.fnt-wt-500 {
    font-weight:500;
}
.fnt-10 {
    font-size:10px;
}
.fnt-12 {
    font-size:12px;
}
.fnt-15 {
    font-size:15px;
}
.fnt-20 {
    font-size:20px;
}
.fnt-30 {
    font-size:30px;
}