body,p {
    color:var(--color-common)
}
body,h1,h2,h3,h4,h5,h6 {
    font-family:var(--font-primary)
}
:root {
    --font-primary:'Roboto',sans-serif;
    --color-primary:0,90,171;
    --color-primary-dark:46,196,242;
    --color-secondary:16,45,71;
    --color-two:#00050e;
    --color-white:#fff;
    --color-common:#102D47;
    --font-remixicon:remixicon;
    --font-bootstrap-icons:bootstrap-icons;
    scroll-behavior:smooth
}
.img-darken {
    mix-blend-mode:darken
}
[dir=rtl] body {
    direction:rtl
}
* {
    scrollbar-width:thin;
    scrollbar-color:rgb(var(--color-primary)) transparent
}
::-webkit-scrollbar {
    width:8px;
    height:8px
}
::-webkit-scrollbar-track {
    background:0 0
}
::-webkit-scrollbar-thumb {
    background-color:rgb(var(--color-primary))
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0
}
input[type=number] {
    -moz-appearance:textfield
}
::selection {
    background:rgb(var(--color-primary));
    color:#fff;
    text-shadow:none
}
body {
    overflow-x:hidden
}
@media (min-width:1000px) {
    .container {
        max-width:95%
    }
}
@media (min-width:1600px) {
    .container {
        max-width:1560px
    }
}
p {
    margin-bottom:0
}
a,a:hover {
    color:unset;
    text-decoration:none
}
img {
    max-width:100%;
    height:auto
}
.pricing-item .pricing_body ul,ul {
    margin:0;
    padding:0
}
ul li {
    list-style:none
}
.scroll-top {
    position:fixed;
    visibility:hidden;
    opacity:0;
    inset-inline-end:15px;
    bottom:-40px;
    z-index:99999;
    background:rgb(var(--color-primary));
    width:40px;
    height:40px;
    border-radius:4px;
    transition:.5s;
    cursor:pointer;
    border:0;
    outline:unset;
    box-shadow:unset
}
.scroll-top:after {
    position:absolute;
    z-index:-1;
    content:"";
    top:100%;
    inset-inline-start:5%;
    height:10px;
    width:90%;
    opacity:1;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)
}
.scroll-top i {
    font-size:24px;
    color:#fff;
    line-height:0
}
.scroll-top:hover {
    background:rgb(var(--color-primary-dark));
    color:#fff
}
.btn-01,.btn-02:hover,.btn-03:hover {
    color:var(--color-white)
}
.scroll-top.active {
    visibility:visible;
    opacity:1;
    bottom:15px
}
#preloader {
    position:fixed;
    inset:0;
    z-index:9999;
    overflow:hidden;
    background:#fff;
    transition:.6s ease-out;
    width:100%;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center
}
.btn-01,.btn-03 {
    font-size:17px;
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    text-align:center;
    box-shadow:none;
    letter-spacing:.3px;
    line-height:1.5;
    font-weight:500;
    cursor:pointer
}
#preloader .custom-loader {
    width:12px;
    height:12px;
    background:rgb(var(--color-primary));
    border-radius:50%;
    box-shadow:20px 0 rgba(var(--color-primary),.3),-20px 0 rgb(var(--color-primary));
    animation:1s linear infinite alternate d5
}
@keyframes d5 {
    0% {
        box-shadow:20px 0 rgb(var(--color-primary)),-20px 0 rgba(var(--color-primary),.3);
        background:rgb(var(--color-primary))
    }
    33% {
        box-shadow:20px 0 rgb(var(--color-primary)),-20px 0 rgba(var(--color-primary),.3);
        background:rgba(var(--color-primary),.3)
    }
    66% {
        box-shadow:20px 0 rgba(var(--color-primary),.3),-20px 0 rgb(var(--color-primary));
        background:rgba(var(--color-primary),.3)
    }
}
.swiper-container {
    width:100%;
    height:100%;
    overflow:hidden
}
.swiper .swiper-pagination {
    margin-top:20px;
    position:relative
}
.swiper .swiper-pagination .swiper-pagination-bullet {
    width:13px;
    height:13px;
    background-color:var(--color-white);
    opacity:1;
    border:1px solid rgb(var(--color-primary))
}
.btn-01,.domain-tld-table table thead tr th,.header-support .cart-icon .count,.swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color:rgb(var(--color-primary))
}
.inline-btns {
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    align-items:center
}
.btn-01 {
    border:2px solid rgb(var(--color-primary));
    transition:.4s ease-in-out;
    border-radius:10px;
    padding:14.4px 28.8px;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.btn-02,.btn-03 {
    -webkit-user-select:none;
    -moz-user-select:none;
    color:rgb(var(--color-primary))
}
.btn-01:hover,.btn-02:hover {
    color:var(--color-white);
    background:rgb(var(--color-primary-dark));
    border-color:rgb(var(--color-primary-dark))
}
.btn-02 {
    border:2px solid #1d5baa!important;
    background-color:#ffffff00!important;
    border-radius:10px!important;
    user-select:none
}
.btn-02:hover {
    background:rgb(var(--color-primary-dark))!important;
    border-color:rgb(var(--color-primary-dark))!important
}
.btn-03 {
    border:2px solid #1d5baa!important;
    background-color:var(--color-white);
    transition:.4s ease-in-out;
    border-radius:10px!important;
    padding:12px 48px;
    user-select:none
}
.btn-03:hover {
    background:0 0!important;
    border-color:#fff!important
}
.btn-02 {
    font-size:17px;
    font-weight:500;
    border:2px solid var(--color-white);
    background:var(--color-white);
    color:rgb(var(--color-primary));
    -webkit-transition:.4s ease-in-out;
    -moz-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    padding:14.4px 28.8px;
    line-height:1.5;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    box-shadow:none;
    letter-spacing:.3px
}
.top-bar {
    display:block;
    background:#ebf3fe;
    border-bottom:1px solid #e4e4e4;
    padding:7px 0
}
.top-bar .country-select {
    font-size:14px;
    color:#616871;
    cursor:pointer;
    width:fit-content;
    user-select:none;
    display:none
}
.top-bar .country-select i {
    margin-inline-end:5px
}
.top-bar .country-select::after {
    content:'\EA4E';
    font-family:var(--font-remixicon);
    color:#424242;
    font-size:16px;
    transition:.3s;
    display:inline-block;
    margin-inline-start:5px
}
.top-bar .support-item {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:end
}
.top-bar .support-item .items {
    font-size:14px;
    line-height:1;
    color:var(--color-common);
    font-weight:400;
    cursor:pointer
}
.Forget-pass:hover,.domain-transfer-wrap .domain-transfer-form .input-text a,.for-signup a:hover,.header-support .call-mob,.mob-secreen-page-slider .slide-item:hover,.tabings .tabs.column-type .tabbutton.active,.theme-language-popup .content-wrap .inner-content .country-list li a.active,.theme-language-popup .content-wrap .inner-content .country-list li a:hover,.top-bar .support-item .items:hover {
    color:rgb(var(--color-primary))
}
.header-support .items+.items,.top-bar .support-item .items+.items {
    margin-inline-start:15px
}
.navbar .dropdown ul a i,.top-bar .support-item .items i {
    font-size:12px
}
.theme-language-popup {
    position:fixed;
    top:0;
    inset-inline-start:0;
    inset-inline-end:0;
    width:100%;
    z-index:9999999999999;
    display:flex;
    -webkit-transform:scale(1,0);
    -ms-transform:scale(1,0);
    transform:scale(1,0);
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.theme-language-popup.open {
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1);
    height:100%
}
.theme-language-popup .content-wrap {
    background-color:#fff;
    width:100%;
    max-height:400px;
    position:relative;
    box-shadow:0 10px 40px 0 rgba(0,0,0,.08);
    padding:20px;
    z-index:999
}
.just-one-click,.services-one:hover {
    box-shadow:rgba(100,100,111,.2) 0 7px 29px 0
}
.theme-language-popup .content-wrap .inner {
    width:100%;
    padding-top:20px;
    overflow:auto;
    position:relative;
    max-height:350px
}
.theme-language-popup .content-wrap .inner-content #closeButtoncountry {
    position:absolute;
    inset-inline-end:0;
    cursor:pointer
}
.theme-language-popup .content-wrap .inner-content #closeButtoncountry i {
    font-size:22px
}
.theme-language-popup .content-wrap .inner-content .title {
    font-size:25px;
    margin-bottom:10px
}
.pricing-item-two .pricing-body ul,.theme-language-popup .content-wrap .inner-content .country-list {
    margin:0;
    padding:0;
    list-style:none
}
@media (min-width:580px) {
    .theme-language-popup .content-wrap .inner-content .country-list {
        -webkit-column-count:2;
        column-count:2
    }
}
@media (min-width:767px) {
    .theme-language-popup .content-wrap .inner-content .country-list {
        -webkit-column-count:3;
        column-count:3
    }
}
@media (min-width:991px) {
    .theme-language-popup .content-wrap .inner-content .country-list {
        -webkit-column-count:4;
        column-count:4
    }
}
.theme-language-popup .content-wrap .inner-content .country-list li {
    padding:5px 0
}
.theme-language-popup .content-wrap .inner-content .country-list li a {
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    color:var(--color-common);
    cursor:pointer;
    transition:.3s
}
.main-header {
    padding:20px 0;
    background-color:#ebf3fe
}
.main-header .logo {
    display:block;
    width:fit-content
}
.main-header .logo img {
    max-height:55px
}
.logo-mob img {
    max-height:100px
}
.header-support {
    display:flex;
    align-items:center;
    justify-content:end
}
.header-support ul.support-item-web {
    display:inline-block;
    text-align:end;
    margin:0;
    padding:0
}
.header-support ul.support-item-web .call-no {
    display:block;
    color:#7c7c7c;
    margin-bottom:3px;
    font-size:14px;
    font-weight:400
}
.header-support ul.support-item-web .call-no strong {
    font-weight:500
}
.header-support .call-mob {
    height:30px;
    width:30px;
    line-height:30px;
    border:1px solid;
    border-color:rgb(var(--color-primary));
    border-radius:100%;
    text-align:center;
    transition:.5s;
    font-size:14px
}
.header-support .cart-icon,.table-plans tbody tr th.first-coloumn .main-headings span.icons-views {
    position:relative
}
.header-support .cart-icon img {
    height:30px;
    width:30px
}
.header-support .cart-icon .count {
    position:absolute;
    width:14px;
    height:14px;
    font-size:9px;
    color:#fff;
    text-align:center;
    top:0;
    inset-inline-end:0;
    border-radius:25rem;
    padding:1px 0;
    transition:transform .3s ease-in-out
}
.navbar .menu-account-btn i,.navbar .menu-account-btn:focus i {
    font-size:16px;
    margin:0;
    margin-inline-end:5px
}
.navbar .menu-account-btn:focus:hover,.navbar .menu-account-btn:hover {
    background:rgb(var(--color-primary-dark))!important;
    color:var(--color-white)!important
}
.navbar .dropdown.megamenu,.navbar .megamenu {
    position:static
}
.navbar .dropdown ul {
    display:block;
    position:absolute;
    inset-inline-start:0px;
    top:calc(100% + 30px);
    margin:0;
    padding:10px 0;
    z-index:99;
    opacity:0;
    visibility:hidden;
    background:#fff;
    box-shadow:0 0 30px rgba(127,137,161,.25);
    transition:.3s;
    border-radius:4px
}
.navbar .dropdown ul li {
    min-width:250px
}
.navbar .dropdown ul a {
    padding:10px 20px;
    font-size:15px;
    text-transform:none;
    font-weight:400;
    color:var(--color-common);
    align-items:center
}
.backup-recovery p span,.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a,.payment-getways #Refund p strong {
    color:rgb(var(--color-primary-dark))
}
.navbar .dropdown:hover>ul {
    opacity:1;
    top:100%;
    visibility:visible
}
.navbar .megamenu .mega-menu {
    width:max-content;
    height:auto;
    transform:translateY(0) translateX(-50%);
    left:50%;
    box-shadow:0 36px 35px rgba(61,60,60,.08);
    transform-origin:0 0 0;
    padding:30px;
    border-radius:10px;
    transition:.3s
}
.navbar .mini-megamenu:hover>.megamenu {
    transform:translateY(5px) translateX(-15%)
}
.navbar .megamenu.mini-megamenu {
    transform:translateY(0) translateX(-15%)
}
.navbar .megamenu .mega-menu li {
    min-width:300px;
    width:100%
}
.navbar .megamenu .mega-menu-item {
    padding:0;
    margin:0;
    flex-direction:column;
    display:flex;
    align-items:flex-start!important
}
.navbar .megamenu .mega-menu-item li:not(:last-child) {
    margin-bottom:20px
}
.navbar .megamenu .mega-menu-item a,.navbar .menu-item a {
    display:flex!important;
    align-items:start;
    padding:10px!important;
    border:1px solid transparent;
    width:100%;
    font-size:16px;
    border-radius:4px
}
.navbar .megamenu .mega-menu-item a:hover,.navbar .menu-item a:hover {
    border:1px solid #e6e5ff
}
.navbar .megamenu .mega-menu-item a i,.navbar .menu-item a i {
    margin-inline-end:16px;
    padding:10px;
    max-width:max-content;
    background:#f0f0ff;
    border-radius:4px;
    color:rgb(var(--color-primary));
    line-height:1;
    margin-inline-start:0;
    margin-top:5px
}
.navbar .megamenu .mega-menu-item a i {
    font-size:16px
}
.navbar .megamenu .mega-menu-item a .info,.navbar .menu-item a .info {
    display:block;
    width:inherit
}
.navbar .megamenu .mega-menu-item a .info .heading,.navbar .menu-item a .info .heading {
    margin-bottom:2px;
    font-weight:500;
    font-size:16px;
    line-height:26px;
    color:var(--color-secondary);
    display:block
}
.navbar .megamenu .mega-menu-item a .info .content,.navbar .menu-item a .info .content {
    font-weight:400;
    font-size:14px;
    color:rgba(var(--color-secondary),.8);
    display:block;
    white-space:collapse;
    line-height:1.5
}
.navbar .dropdown .dropdown ul {
    top:0;
    inset-inline-start:calc(100% - 30px);
    visibility:hidden
}
.navbar .dropdown .dropdown:hover>ul {
    opacity:1;
    top:0;
    inset-inline-start:100%;
    visibility:visible
}
.navbar .dropdown ul.menu-item {
    padding:10px
}
.navbar .dropdown ul.menu-item li {
    min-width:300px
}
.navbar .menu-item a i {
    font-size:16px!important
}
@media (min-width:1200px) and (max-width:1366px) {
    .navbar .dropdown .dropdown ul {
        inset-inline-start:90%
    }
    .navbar .dropdown .dropdown:hover>ul {
        inset-inline-start:100%
    }
}
@media (min-width:1200px) {
    .header {
        padding:0;
        background:#000
    }
    .navbar {
        padding:0;
        margin-bottom:0;
        position:static;
        width:100%
    }
    .navbar>ul {
        width:100%;
        justify-content:space-between
    }
    .navbar ul {
        margin:0;
        padding:0;
        display:flex;
        list-style:none;
        align-items:center
    }
    .navbar li {
        position:relative
    }
    .navbar a,.navbar a:focus {
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:15px 20px;
        font-family:var(--font-primary);
        font-size:16px;
        font-weight:400;
        white-space:nowrap;
        transition:.3s;
        margin-left:10px
    }
    .navbar a i,.navbar a:focus i {
        font-size:12px;
        line-height:0;
        margin-inline-start:5px
    }
    .navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a {
        color:#fff
    }
    .navbar>ul>li:hover>a {
        color:#102e47;
        border-bottom:1px solid rgb(var(--color-primary))
    }
    .navbar .menu-account-btn,.navbar .menu-account-btn:focus {
        color:rgb(var(--color-primary));
        padding:14px 18px;
        border:1px solid rgb(var(--color-primary));
        border-radius:10px
    }
    .mobile-nav-hide,.mobile-nav-show {
        display:none
    }
}
.section-bg.bg1,.section-head .lines:after {
    background:rgb(var(--color-primary))
}
.mob-secreen-page-slider {
    display:block;
    padding:10px
}
.mob-secreen-page-slider .slide-item {
    display:block;
    text-align:center;
    color:#707275
}
.mob-secreen-page-slider .slide-item i {
    font-size:25px;
    margin-bottom:10px;
    display:block
}
.mob-secreen-page-slider .slide-item span {
    display:block;
    font-size:15px;
    font-weight:400;
    line-height:1.2
}
.section-gap {
    padding:60px 0
}
.section-bg.bg2 {
    background:#eff8ff
}
.section-bg.bg3 {
    background:rgba(var(--color-secondary),1)
}
.login-content :nth-child(n):not(:last-child),.section-head.gap-bottom {
    margin-bottom:25px
}
.neft-steps,.section-head.center {
    text-align:center
}
.section-head h2 {
    position:relative;
    display:inline-block;
    text-transform:capitalize;
    font-size:36px;
    font-weight:700;
    line-height:1.4;
    margin:0 auto;
    color:var(--color-two)
}
.banner-heading.white .banner-list li,.banner-heading.white h1,.banner-heading.white h4,.banner-heading.white p,.login-form .section-head h2,.section-head.white h2,.section-head.white p {
    color:#fff
}
.section-head .lines {
    position:relative;
    width:330px;
    height:1px;
    background:#e6e6e6;
    margin:10px auto 0
}
.section-head .lines:after {
    content:"";
    position:absolute;
    inset-inline-start:50%;
    top:0;
    width:200px;
    height:1px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:.5s linear;
    transition:.5s linear
}
.section-head .lines span {
    position:absolute;
    background:#fff;
    border:1px solid rgb(var(--color-primary));
    width:10px;
    height:10px;
    inset-inline-start:50%;
    top:50%;
    border-radius:50%;
    z-index:2;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
[dir=rtl] .section-head .lines:after {
    inset-inline-end:50%;
    inset-inline-start:unset
}
.section-head p {
    font-size:18px;
    font-weight:400;
    line-height:30px;
    margin:0 auto;
    color:rgba(3,27,78,.7)
}
.section-head.with-line p {
    margin:20px auto 0
}
@media (max-width:580px) {
    .theme-language-popup .content-wrap .inner-content .title {
        font-size:21px;
        padding-inline-end:20px
    }
    .section-head h2 {
        text-align:center;
        font-size:28px;
        display:block
    }
    .section-head p {
        text-align:center;
        font-size:16px;
        line-height:24px
    }
    .section-head .inline-btns {
        justify-content:center
    }
}
.crypto-icons {
    display:flex;
    justify-content:center;
    gap:15px
}
.crypto-icons img {
    width:40px;
    height:40px;
    transition:transform .3s
}
.crypto-icons img:hover {
    transform:scale(1.1)
}
.footer-main {
    padding-top:80px;
    padding-bottom:10px;
    background:#eaf3ff
}
.accordion li,.banner-one {
    background:rgba(var(--color-secondary),.1)
}
.banner-heading,.domain-transfer-wrap,.footer-main .footer-list,.footer-main .footer-logo,.footer-main .legal-link li,.services-two .content,.tabing-contents.active,.tabscontents.active,.underhood-content {
    display:block
}
.footer-main .footer-list h5 {
    font-size:20px;
    font-weight:500;
    color:#000;
    margin-bottom:15px;
    line-height:30px;
    position:relative;
    padding-bottom:10px
}
.footer-main .footer-list h5:before {
    content:'';
    width:60px;
    height:3px;
    background:#000;
    position:absolute;
    inset-inline-start:0;
    bottom:0
}
.footer-main .footer-list h5:after {
    content:'';
    width:8px;
    height:3px;
    background:#b5b3b3;
    position:absolute;
    inset-inline-start:65px;
    bottom:0
}
.footer-main .footer-list a {
    display:block;
    position:relative;
    font-size:16px;
    color:#505050;
    padding-inline-start:20px;
    line-height:25px;
    transition:.3s
}
.footer-main .footer-list a:hover {
    color:#000
}
.footer-main .footer-list a::before {
    content:'';
    width:12px;
    height:1.5px;
    background:#000;
    position:absolute;
    inset-inline-start:0;
    top:50%;
    transform:translate(0,-50%)
}
.footer-main .footer-list a:hover::before {
    background:#000
}
.footer-main .footer-list a+a {
    margin-top:10px
}
.footer-main .footer-logo img,.services-one .icon img {
    max-height:50px
}
.footer-main .company-info {
    font-size:15px;
    margin-top:10px;
    line-height:26px;
    color:#a6a2a2
}
.footer-main .footer-social-media {
    display:flex;
    flex-wrap:wrap;
    justify-content:end!important
}
.footer-main .footer-social-media a {
    width:35px;
    height:35px;
    line-height:40px;
    border-radius:5px;
    border:1px solid;
    border-color:rgba(255,255,255,.2)!important;
    color:#fff;
    text-align:center;
    font-size:15px;
    transition:.5s;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:5px
}
.footer-main .footer-social-media a svg {
    width:15px;
    height:15px;
    fill:#fff
}
.footer-main .footer-social-media a:hover {
    background:#fff!important;
    border-color:#fff!important;
    fill:rgb(var(--color-primary))
}
.footer-main .footer-social-media a:hover svg {
    fill:rgb(var(--color-primary))
}
.footer-main .copyright-text {
    font-size:14px;
    color:#505050;
    padding:15px 0
}
.footer-main .legal-link {
    display:flex;
    flex-wrap:wrap;
    gap:15px 25px;
    justify-content:center
}
.footer-main .legal-link li a {
    display:block;
    color:#a6a2a2;
    font-size:16px;
    font-weight:400;
    transition:.3s
}
.footer-main .legal-link li a:hover,.list-check.white li,.list-check.white li::before {
    color:var(--color-white)
}
.coins-div,.footer-logo-div {
    width:50%
}
.footer-logo-main {
    padding-top:1rem!important;
    padding-bottom:1rem!important;
    border-bottom:2px solid #afafaf;
    margin-top:30px
}
@media (max-width:900px) {
    .coins-div,.footer-logo-div {
        width:50%
    }
}
.banner-one {
    position:relative;
    overflow:hidden
}
.banner-section {
    padding:60px 100px 50px;
    position:relative
}
.banner-section.bottom-up {
    padding-bottom:50px;
    background-color:#ebf3fe
}
.banner-heading h4 {
    font-weight:700;
    font-size:26px;
    line-height:1.5;
    margin-bottom: 32px;
    margin-top: 22px;
    color:var(--color-common)
}
.banner-heading h1 {
    font-size: 46px;
    font-weight: 700;
    color: #282b37;
    margin-bottom: 24px;
}
.banner-heading p {
    font-size:18px;
    line-height:1.5;
    margin-bottom: 22px;
    color:var(--color-common)
}
.banner-heading .banner-list {
    display:block;
    margin:0;
    padding:0;
    list-style:disc inside
}
.banner-heading .banner-list li {
    margin:0;
    font-weight:400;
    font-size:18px;
    list-style:disc inside;
    line-height:1.7
}
@media (max-width:1180px) {
    .banner-section {
        padding:70px 20px 50px
    }
    .banner-section.bottom-up {
        padding-bottom:90px
    }
}
.top-up-banner {
    position:relative;
    z-index:2;
    padding-bottom:0;
    padding-top:30px
}
.top-up-banner>.upside {
    margin-top:0
}
@media (max-width:700px) {
    .top-bar {
        display:none
    }
}
.top-up-banner .upside.inner {
    border:1px solid #eaeaea;
    background-color:#fff;
    border-radius:8px;
    padding:15px
}
.imp-pt {
    border:4px solid #55c3f2;
    border-radius:0 0 10px 10px!important
}
.pt-top {
    background-color:#55c3f2;
    color:#fff;
    padding:10px;
    border-radius:10px 10px 0 0;
    margin-top:-50px
}
.pt-80 {
    padding-top:80px
}
.pricing-item {
    padding:25px;
    border-radius:10px;
    overflow:hidden;
    background-color:#ebf3fe9c;
    background-position:bottom right;
    background-repeat:no-repeat;
    background-size:auto;
    height:100%
}
.pricing-item .pricing-heading {
    background:center/cover no-repeat;
    border-radius:10px;
    overflow:hidden;
    padding:20px 20px 0
}
.pricing-item .pricing-heading .name {
    display:inline-block;
    font-size:24px;
    font-weight:700;
    line-height:36px;
    padding:0;
    border-radius:36px;
    color:#000;
    background-color:transparent;
    letter-spacing:.5px
}
.pricing-item .pricing-heading .title {
    font-size:46px;
    line-height:1;
    color:#1d5baa;
    display:flex;
    align-items:flex-end;
    font-weight:600;
    margin:15px 0 0;
    flex-wrap:wrap
}
@media (max-width:1199px) {
    .header {
        padding:20px 0;
        border-bottom:1px solid #ddd
    }
    .navbar {
        position:fixed;
        top:0;
        inset-inline-start:-100%;
        width:100%;
        max-width:400px;
        bottom:0;
        transition:.3s;
        z-index:9997
    }
    .mobile-nav-hide,.mobile-nav-show {
        cursor:pointer;
        line-height:0;
        transition:.5s;
        z-index:9999
    }
    .navbar ul {
        position:absolute;
        inset:0;
        padding:50px 0 10px;
        margin:0;
        background:rgba(var(--color-secondary),.8);
        overflow-y:auto;
        transition:.3s;
        z-index:9998
    }
    .navbar a,.navbar a:focus {
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px 20px;
        font-family:var(--font-primary);
        font-size:16px;
        font-weight:500;
        color:rgba(255,255,255,.7);
        white-space:nowrap;
        transition:.3s
    }
    .navbar a i,.navbar a:focus i {
        font-size:12px;
        line-height:0;
        margin-inline-start:5px
    }
    .navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a {
        color:#fff
    }
    .navbar .menu-account-btn,.navbar .menu-account-btn:focus {
        background:rgb(var(--color-primary));
        padding:8px 20px;
        border-radius:4px;
        margin:15px;
        color:#fff;
        display:block;
        text-align:center;
        border:1px solid rgb(var(--color-primary))
    }
    .navbar .menu-account-btn i {
        font-size:16px;
        margin-inline-end:5px
    }
    .navbar .menu-account-btn:focus:hover,.navbar .menu-account-btn:hover {
        color:var(--color-primary);
        background:0 0
    }
    .navbar .menu-account-btn:focus i {
        font-size:16px
    }
    .navbar .dropdown .dropdown ul,.navbar .dropdown ul {
        position:static;
        display:none;
        padding:10px 0;
        margin:10px 20px;
        transition:.5s ease-in-out;
        border:1px solid #19335c
    }
    .navbar .dropdown .dropdown>.dropdown-active,.navbar .dropdown>.dropdown-active {
        display:block
    }
    .mobile-nav-show {
        color:#383838;
        font-size:28px;
        margin-inline-end:10px
    }
    .mobile-nav-hide {
        color:#fff;
        font-size:32px;
        position:fixed;
        inset-inline-end:20px;
        top:20px
    }
    .mobile-nav-active {
        overflow:hidden
    }
    .mobile-nav-active .navbar {
        inset-inline-start:0
    }
    .mobile-nav-active .navbar:before {
        content:"";
        position:fixed;
        inset:0;
        background:rgba(14,29,52,.8);
        z-index:9996
    }
    .navbar .megamenu .mega-menu-item a .info .content,.navbar .megamenu .mega-menu-item a i,.navbar .menu-item a .info .content,.navbar .menu-item a i {
        display:none
    }
    .pt-top {
        margin-top:0
    }
    .imp-pt {
        height:auto!important
    }
}
.pricing-item .pricing-heading .title .durection {
    color:#1d5baa;
    font-size:18px;
    font-weight:400;
    line-height:1.5;
    display:inline-block;
    padding-inline-start:10px;
    position:relative
}
.pricing-item .pricing_body {
    padding:20px
}
.pricing-item .pricing_body ul li {
    font-size:16px;
    font-weight:400;
    line-height:32px;
    color:#002559;
    display:flex;
    align-items:center;
    position:relative;
    padding-inline-start:25px
}
.accordion li+li,.pricing-item .pricing_body ul li+li {
    margin-top:15px
}
.pricing-item .pricing_body ul li:before {
    content:'';
    position:absolute;
    inset:8px 0 0 0;
    width:15px;
    height:15px;
    border-radius:50%;
    line-height:15px;
    border:1px solid rgb(var(--color-primary))
}
.pricing-item .pricing_body ul li.tootips-list {
    color:rgb(var(--color-primary));
    width:fit-content;
    cursor:pointer
}
.pricing-item .pricing_body ul li.tootips-list span,.pricing-item-two .pricing-body ul li.tootips-list span {
    position:absolute;
    background:#000;
    color:#fff;
    display:block;
    font-size:15px;
    line-height:1.5;
    padding:9px 14px;
    border-radius:5px;
    text-align:center;
    max-width:200px;
    top:0;
    inset-inline-start:50%;
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,-100%);
    transition:.1s;
    text-transform:lowercase;
    width:250px
}
[dir=rtl] .pricing-item .pricing_body ul li.tootips-list span,[dir=rtl] .pricing-item-two .pricing-body ul li.tootips-list span {
    inset-inline-start:-50%
}
.pricing-item .pricing_body ul li.tootips-list span:after,.pricing-item-two .pricing-body ul li.tootips-list span:after {
    content:"";
    position:absolute;
    top:100%;
    inset-inline-start:50%;
    margin-inline-start:-5px;
    border-width:5px;
    border-style:solid;
    border-color:#000 transparent transparent
}
.pricing-item .pricing_body ul li.tootips-list:hover span,.pricing-item-two .pricing-body ul li.tootips-list:hover span {
    opacity:1;
    visibility:visible;
    display:block;
    transition:.1s
}
.services-one {
    padding:35px 30px;
    border-radius:6px;
    overflow:hidden;
    position:relative;
    background:#edf5ff;
    transition:.3s;
    height:100%
}
.services-one:hover {
    background:#fff
}
.services-one .icon {
    margin-bottom:15px
}
.services-one h4 {
    font-size:22px;
    line-height:1.5;
    color:rgb(var(--color-secondary));
    font-weight:500;
    margin-bottom:10px;
    text-align:start
}
.services-one p {
    font-size:16px;
    margin-bottom:0;
    text-align:start
}
.services-one .number-box {
    position:absolute;
    inset-block-start:30px;
    inset-inline-end:0;
    width:75px;
    height:60px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-start-start-radius:30px;
    border-end-start-radius:30px;
    background:#fff;
    font-size:25px;
    font-weight:700;
    color:#b9b9b9;
    transition:.3s
}
.services-one:hover .number-box {
    background:#f7f7f7;
    color:#b9b9b9
}
.accordion {
    background:0 0;
    padding:20px;
    margin:0;
    list-style:none
}
.accordion li {
    list-style:none;
    border-radius:5px
}
.accordion li>a {
    font-size:16px;
    font-weight:500;
    color:#4b4b4b;
    padding:15px;
    display:flex;
    align-items:center;
    transition:.3s;
    cursor:pointer;
    user-select:none;
    border-radius:5px
}
.accordion li>a>span {
    display:contents
}
.accordion li.active>a,.accordion li.active>a:focus,.accordion li.active>a:hover {
    color:var(--color-white);
    background:rgb(28 91 171);
    border-radius:5px 5px 0 0
}
.accordion li>a::after {
    content:'+';
    width:30px;
    height:30px;
    display:flex;
    background:#fff;
    color:#353535;
    justify-content:center;
    align-items:center;
    font-size:17px;
    margin-inline-start:auto
}
.accordion li.active>a:after {
    content:'-';
    font-size:22px
}
.accordion li p {
    padding:15px;
    font-size:15px;
    line-height:1.7;
    color:#4b4b4b;
    background-color:#edf5ff;
    display:none;
    border-radius:0 0 5px 5px
}
.accordion li p a {
    display:contents;
    color:rgb(var(--color-primary));
    text-decoration:underline!important;
    cursor:pointer
}
.testmonilas-section {
    background-image:url(../images/testimonials_bg.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.swiper-testimonilas .testimonilas_item {
    background:#fff;
    padding:45px 50px 50px 40px;
    margin:30px 0 30px 30px;
    box-shadow:-5px 8px 20px 0 rgba(0,37,89,.06);
    border-radius:10px;
    position:relative
}
.swiper-testimonilas .testimonilas_item .icon {
    width:40px;
    position:absolute;
    top:-24px;
    inset-inline-start:40px
}
[dir=rtl] .swiper-testimonilas .testimonilas_item .icon {
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1)
}
.swiper-testimonilas .testimonilas_item p {
    font-size:18px;
    line-height:32px;
    margin-bottom:0
}
.swiper-testimonilas .testimonilas_item::after {
    position:absolute;
    content:"";
    inset-inline-start:0px;
    bottom:-29px;
    border-bottom:0 solid;
    border-inline-start:0 solid;
    border-inline-end:45px solid;
    border-top:45px solid;
    background-color:initial;
    border-color:#fff transparent transparent
}
.swiper-testimonilas .testimonial-author {
    margin-inline-start:30px;
    margin-top:55px;
    display:flex;
    align-items:center
}
.swiper-testimonilas .testimonial-author .author-thumb {
    width:110px;
    border:1px solid rgb(var(--color-secondary));
    border-radius:10px;
    margin-inline-end:20px
}
.swiper-testimonilas .testimonial-author .author-thumb img {
    margin-inline-start:10px;
    margin-top:10px;
    border-radius:10px;
    width:100px;
    margin-bottom:-1px
}
.swiper-testimonilas .testimonial-author .author-content h5 {
    font-size:20px;
    font-weight:500;
    color:rgb(var(--color-secondary))
}
.swiper-testimonilas .testimonial-author .author-content span {
    font-size:16px;
    font-weight:400;
    color:#454545
}
.domain-checker-wrap .domain-search-form {
    position:relative;
    width:100%;
    background:#fff;
    padding:15px;
    border-radius:8px
}
.domain-checker-wrap .domain-search-form .input {
    width:100%;
    position:relative;
    display:block;
    border:0;
    box-shadow:unset;
    outline:unset;
    padding:10px;
    font-size:17px;
    color:rgb(var(--color-secondary))
}
.domain-checker-wrap .domain-search-form .submit {
    width:fit-content;
    display:block;
    border:0;
    box-shadow:unset;
    outline:unset;
    padding:10px 20px;
    background:rgb(var(--color-primary));
    font-size:17px;
    position:absolute;
    inset-block-start:15px;
    inset-inline-end:15px;
    border-radius:5px;
    color:#fff;
    transition:.5s
}
.domain-checker-wrap .domain-search-form .submit:hover,.domain-transfer-wrap .domain-transfer-form .submit:hover,.pricing-item-two .pricing-item-btn:hover {
    background:rgb(var(--color-primary-dark))
}
@media (max-width:992px) {
    .testmonilas-section {
        background-image:none;
        background-color:#f6f6f6
    }
    .domain-checker-wrap .domain-search-form .submit span {
        display:none
    }
}
.domain-checker-wrap .domain-search-list {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px
}
.domain-checker-wrap .domain-search-list .items {
    border:1px solid rgba(var(--color-secondary),.2);
    padding:8px 20px;
    border-radius:4px;
    background:#fff;
    transition:.3s
}
.domain-checker-wrap .domain-search-list .items .name {
    font-size:20px;
    line-height:1.5;
    color:rgb(var(--color-secondary));
    text-transform:uppercase;
    font-weight:600;
    display:block;
    width:100%;
    text-align:center
}
.domain-checker-wrap .domain-search-list .items .price {
    font-size:16px;
    line-height:1.5;
    color:rgb(var(--color-primary));
    text-transform:uppercase;
    font-weight:500;
    display:block;
    width:100%;
    text-align:center
}
.tooltips {
    position:absolute;
    background-color:#333;
    color:#fff;
    padding:5px 10px;
    border-radius:4px;
    z-index:9999;
    display:none
}
.hrline {
    position: relative;
    display: inline-block; /* Ensures underline matches content width */
}

.hrline::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px; /* Adjust as needed */
    height: 18px;   /* Height of the SVG arc */
    pointer-events: none;
    background: url('data:image/svg+xml;utf8,<svg width="100%" height="18" viewBox="0 0 200 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 14 Q100 0 190 14" stroke="rgba(0, 77, 255, 0.5)" stroke-width="6" fill="none" stroke-linecap="round"/></svg>') no-repeat center bottom;
    background-size: 100% 100%;
}


.domain-tld-table table {
    background-color:#fff;
    border-radius:20px;
    border-style:none;
    width:100%
}
.domain-tld-table table thead tr {
    border-bottom:none;
    background-color:#fff
}
.domain-tld-table table thead tr th {
    padding:23px 58px;
    text-align:start;
    color:#fff;
    font-size:16px;
    font-weight:500
}
.domain-tld-table table thead tr th:first-child {
    border-top-left-radius:10px
}
.domain-tld-table table thead tr th:last-child {
    border-top-right-radius:10px
}
.domain-tld-table table tbody tr {
    border-bottom:1px solid #efefef;
    background:#f9f9f9
}
.domain-tld-table table tbody tr td {
    color:rgb(var(--color-secondary));
    padding:17px 76px 17px 58px;
    text-align:start;
    font-weight:300;
    font-size:17px
}
@media (max-width:767px) {
    .banner-heading {
        text-align:center
    }
    .banner-heading .inline-btns,.domain-checker-wrap .domain-search-list {
        justify-content:center
    }
    .banner-heading h4 {
        font-size:18px
    }
    .banner-heading h1 {
        font-size:35px
    }
    .banner-heading .banner-list li,.banner-heading p {
        font-size:16px
    }
    .domain-tld-table table {
        margin-bottom:15px
    }
    .domain-tld-table table tbody tr td,.domain-tld-table table thead tr th {
        padding:20px;
        white-space:nowrap
    }
}
.domain-tld-table table tbody tr td:first-child {
    font-weight:600;
    font-size:16px;
    text-transform:uppercase
}
.services-two {
    display:flex;
    align-items:start
}
.services-two.list {
    align-items:start
}
.services-two .icon {
    margin-inline-end:15px;
    border-radius:50%;
    padding:20px;
    background:#edf5ff;
    width:fit-content
}
.section-bg.bg1 .services-two .icon {
    background:#fff
}
.services-two .icon img {
    max-width:40px
}
.services-two .content h3 {
    font-size:22px;
    margin-bottom:10px;
    color:rgb(var(--color-secondary));
    line-height:1.5
}
.services-two .content p {
    color:#5e5e5e;
    font-size:16px;
    line-height:28px
}
@media (max-width:550px) {
    .services-two {
        flex-direction:column;
        align-items:center
    }
    .services-two .icon {
        margin-inline-end:unset;
        margin-bottom:10px
    }
    .services-two .content h3,.services-two .content p {
        text-align:center
    }
}
.domain-transfer-wrap .domain-transfer-form {
    display:flex;
    flex-direction:column
}
.domain-transfer-wrap .domain-transfer-form .input-text,.domain-transfer-wrap .domain-transfer-form .label {
    font-size:16px;
    color:#5e5e5e;
    margin-bottom:10px
}
.domain-transfer-wrap .domain-transfer-form .input {
    width:100%;
    position:relative;
    display:block;
    border:0;
    box-shadow:unset;
    outline:unset;
    padding:10px 15px;
    font-size:17px;
    color:rgb(var(--color-secondary));
    border-radius:4px;
    margin-bottom:10px;
    background:#fff
}
.domain-transfer-wrap .domain-transfer-form .submit {
    width:100%;
    position:relative;
    display:block;
    border:0;
    box-shadow:unset;
    outline:unset;
    padding:10px 20px;
    background:rgb(var(--color-primary));
    font-size:17px;
    border-radius:5px;
    color:#fff;
    transition:.5s;
    margin-top:10px
}
.domain-tld-price {
    padding:20px 20px 25px;
    border-radius:10px;
    background:rgba(var(--color-secondary),.1)
}
.domain-tld-price .name {
    text-align:center;
    font-size:40px;
    font-weight:600;
    margin-bottom:0;
    -webkit-text-stroke:4px #fff;
    paint-order:stroke fill;
    text-shadow:-4px 4px 2px rgba(187,184,184,.57);
    color:rgb(var(--color-secondary))
}
.domain-tld-price .content {
    text-align:center;
    width:90%;
    margin:10px auto 0
}
.domain-tld-price .price {
    margin-top:15px;
    text-align:center
}
.domain-tld-price .price .starting {
    font-size:15px;
    color:#353535;
    line-height:1
}
.domain-tld-price .price .tldprice {
    font-size:25px;
    color:rgb(var(--color-primary));
    line-height:1;
    margin-top:5px;
    margin-bottom:0;
    font-weight:600
}
.domain-tld-price .link {
    margin:15px auto auto;
    font-size:16px;
    color:rgb(var(--color-primary));
    text-align:center;
    display:block;
    font-weight:500;
    width:fit-content;
    position:relative
}
.domain-tld-price .link i {
    transition:.3s
}
.domain-tld-price .link:after {
    content:'';
    width:0%;
    height:2px;
    background:rgb(var(--color-primary));
    position:absolute;
    inset-inline-start:0;
    bottom:0;
    transition:.3s
}
.domain-tld-price .link:hover:after {
    width:100%
}
.domain-tld-price .link:hover i {
    transform:translate(10px)
}
.just-one-click-images {
    display:flex;
    gap:25px;
    flex-wrap:wrap;
    justify-content:center
}
.just-one-click {
    padding:20px;
    border-radius:8px;
    background:#fff
}
@media (max-width:575px) {
    .btn-01,.btn-02 {
        padding:10.4px 25.8px;
        font-size:16px
    }
    .logo-mob img {
        max-height:150px
    }
    .top-up-banner.unset-mob-screen>.upside {
        margin-top:unset
    }
    .pricing-item .pricing-heading .title {
        font-size:35px
    }
    .swiper-testimonilas .testimonilas_item {
        padding:45px 30px 30px;
        margin-inline-start:0
    }
    .swiper-testimonilas .testimonial-author {
        margin-inline-start:0
    }
    .tooltips {
        display:none!important
    }
    .just-one-click-images {
        flex-wrap:unset;
        overflow:auto;
        padding-bottom:15px;
        display:inline-flex
    }
    .just-one-click-images .just-one-click {
        box-shadow:unset;
        display:block ruby
    }
}
.underhood-content h4 {
    font-size:21px;
    color:rgb(var(--color-secondary));
    line-height:1;
    margin-bottom:15px;
    font-weight:500;
    text-align:start
}
.underhood-content ul {
    margin:0!important;
    padding:0!important;
    list-style:none!important
}
.underhood-content ul li {
    padding-inline-start:25px;
    position:relative;
    padding-block-end:10px;
    font-size:17px;
    color:#6c757d;
    text-align:start
}
.underhood-content ul li:last-child {
    padding-block-end:0px
}
.list-check li::before,.underhood-content ul li:before {
    content:"\F26B";
    font-family:bootstrap-icons;
    font-size:15px;
    color:rgb(var(--color-primary));
    position:absolute;
    inset-inline-start:2px;
    inset-block-start:2px
}
ul.feature-list {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:0
}
ul.feature-list li.list-item {
    border:1px solid #eee;
    cursor:auto;
    padding:25px 0 15px;
    position:relative;
    text-align:center;
    width:19%;
    list-style:none;
    margin:2px;
    transition:.5s
}
ul.feature-list li.list-item:hover {
    border:1px solid rgb(var(--color-primary))
}
@media(max-width:991px) {
    ul.feature-list li.list-item {
        width:32%
    }
}
@media(max-width:767px) {
    ul.feature-list li.list-item {
        width:48%
    }
}
@media(max-width:550px) {
    ul.feature-list li.list-item {
        width:98%
    }
}
ul.feature-list .feature-img img {
    height:auto;
    margin-bottom:20px;
    max-width:65px;
    aspect-ratio:2/2;
    object-fit:contain
}
ul.feature-list h3 {
    font-size:18px;
    margin:10px auto 5px;
    font-weight:600;
    width:90%;
    color:rgb(var(--color-secondary))
}
ul.feature-list .feature-content p {
    font-size:16px;
    font-weight:400;
    letter-spacing:0;
    line-height:1.5;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    margin-bottom:0
}
.big-screen-tab {
    display:flex;
    align-items:stretch;
    gap:0;
    margin-bottom:15px;
    justify-content:center
}
.big-screen-tab button {
    flex:0 20%;
    background-color:#fafafa;
    width:100%;
    border:1px solid #ddd;
    display:block;
    font-size:15px;
    font-weight:400;
    height:auto;
    margin:0;
    outline:0;
    padding:20px;
    position:relative;
    color:#606060
}
.big-screen-tab.six-coloumn button {
    flex:0 16.66%
}
.big-screen-tab.four-coloumn button {
    flex:0 25%
}
.big-screen-tab button img {
    display:block;
    filter:grayscale(1);
    margin:0 auto 7px;
    max-width:30px;
    width:100%
}
.big-screen-tab button.active img {
    filter:unset
}
.big-screen-tab button.active {
    background-color:#eaf3ff;
    box-shadow:0 0 10px 0 rgba(23,84,116,.18);
    transform:scale(1.02);
    transition:.15s linear;
    z-index:1;
    color:#000
}
.big-screen-tab button.active:before {
    border:14px solid transparent;
    border-color:#ddd transparent transparent;
    margin-left:-14px;
    content:" ";
    height:0;
    left:50%;
    pointer-events:none;
    position:absolute;
    top:100%;
    width:0
}
.biannual-price,.mob-screen-tabs .items button,.tabing-contents,.table-plans tbody.tbody-collapsed tr:not(:first-child),.tabscontents,.triennial-price,.yearly-price {
    display:none
}
@media (max-width:991px) {
    .mob-screen-tabs {
        display:flex;
        flex-direction:column;
        flex-wrap:wrap;
        width:100%;
        gap:25px 0
    }
    .mob-screen-tabs .items {
        border-bottom:1px solid #eaeaea
    }
    .mob-screen-tabs .items button {
        display:flex;
        align-items:center;
        width:100%;
        font-size:16px;
        padding-bottom:25px;
        background:0 0;
        border:0;
        outline:unset;
        box-shadow:unset;
        cursor:pointer;
        color:#000;
        transition:.3s;
        text-align:start;
        color:rgb(var(--color-secondary));
        font-weight:500
    }
    .mob-screen-tabs .items button:after {
        content:"+";
        font-size:16px;
        line-height:1;
        transition:transform .3s ease-in-out;
        margin-inline-start:auto
    }
    .mob-screen-tabs .items button.active {
        color:rgb(var(--color-primary));
        padding-bottom:5px
    }
    .mob-screen-tabs .items button.active:after {
        transform:rotate(-225deg)
    }
}
.radio-box-wrap {
    display:flex;
    flex-flow:row wrap;
    transition:.25s linear
}
.radio-box-wrap .single-radio-box {
    flex:1;
    transition:.25s linear;
    display:block
}
.single-radio-box {
    display:block;
    position:relative;
    border:1px solid #ebebeb;
    margin:5px 12px;
    border-radius:4px;
    width:100%;
    user-select:none
}
.single-radio-box input[type=radio] {
    position:absolute;
    visibility:hidden
}
.single-radio-box label {
    display:block;
    position:relative;
    z-index:9;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    -webkit-transition:.25s linear;
    margin-bottom:0;
    padding:20px!important
}
.single-radio-box label .custom-check {
    display:block;
    position:absolute;
    border:2px solid transparent;
    border-radius:100%;
    height:25px;
    width:25px;
    left:50%;
    transform:translate(-50%);
    top:-30%;
    z-index:5;
    transition:border .25s linear;
    -webkit-transition:border .25s linear
}
.single-radio-box label .custom-check:before {
    display:block;
    position:absolute;
    border-radius:100%;
    font-size:14px;
    height:11px;
    width:11px;
    left:40%;
    transform:translate(-50%);
    top:0;
    right:0;
    bottom:60%;
    margin:auto;
    transition:background .25s linear;
    -webkit-transition:background .25s linear
}
.single-radio-box input[type=radio]:checked~label .custom-check {
    border:2px solid rgb(var(--color-primary));
    background:#fff
}
.single-radio-box input[type=radio]:checked~label .custom-check::before {
    font-family:"Font Awesome 5 Pro";
    font-weight:900;
    content:"\f00c";
    color:rgb(var(--color-primary))
}
.single-radio-box input[type=radio]:checked~label {
    color:#fff;
    background:rgb(var(--color-primary));
    border-radius:4px
}
.pricing-item-two {
    border:1px solid #e8e8e8;
    background:#fff;
    transition:.3s;
    position:relative;
    height:100%;
    padding-bottom:60px;
    border-radius:5px
}
.pricing-item-two:hover {
    border-color:rgb(var(--color-primary));
    box-shadow:rgba(100,100,111,.2) 0 7px 29px 0
}
.pricing-item-two h3 {
    text-align:center;
    font-size:22px;
    color:#737373;
    line-height:60px;
    margin-bottom:0
}
.pricing-item-two .price-box {
    background:rgb(var(--color-secondary));
    padding:10px 0;
    transition:.5s
}
.pricing-item-two .price-box .price {
    font-size:30px;
    font-weight:600;
    display:block;
    color:#fff;
    text-align:center
}
.pricing-item-two .price-box .duretion {
    display:block;
    color:#fff;
    text-align:center;
    font-size:16px;
    font-weight:400
}
.pricing-item-two .pricing-body {
    padding-top:15px
}
.pricing-item-two .pricing-body ul li {
    color:#8e8e8e;
    text-align:center;
    list-style:none;
    display:block;
    margin:0 20px;
    padding:6.5px 0;
    font-weight:400;
    font-size:16px
}
.pricing-item-two .pricing-body ul li strong {
    font-weight:600
}
.pricing-item-two .pricing-body ul li.tootips-list {
    color:rgb(var(--color-primary));
    cursor:pointer;
    position:relative
}
.pricing-item-two .pricing-item-btn {
    padding:13px 20px;
    width:100%;
    margin:0;
    border:0;
    box-shadow:none;
    outline:unset;
    cursor:pointer;
    font-size:16px;
    text-align:center;
    position:absolute;
    inset-inline-start:0%;
    inset-block-end:0px;
    border-radius:0 0 5px 5px;
    background:rgb(var(--color-primary));
    color:#fff;
    transition:.3s;
    font-weight:600
}
.list-check {
    display:flex;
    flex-wrap:wrap;
    position:relative;
    margin:0;
    padding:0;
    list-style:none
}
.list-check li {
    padding-inline-start:25px;
    position:relative;
    padding-block-end:10px;
    font-size:17px;
    color:#6c757d;
    text-align:start;
    display:block;
    width:100%
}
.vps-plan ul,.vps-plan-details ul {
    align-items:center;
    height:60px;
    padding:0 20px
}
@media (min-width:992px) {
    .text-lg-end {
        text-align:end!important
    }
    .text-lg-start {
        text-align:start!important
    }
    .domain-checker-wrap .domain-search-form .submit i {
        display:none
    }
    .list-check.two-min-992 li {
        width:50%
    }
}
.vps-plan ul {
    display:flex;
    justify-content:space-between;
    background-color:rgb(var(--color-primary));
    border-radius:10px 10px 0 0
}
.vps-plan ul li {
    text-align:start;
    color:#fff;
    font-size:16px;
    font-weight:500;
    width:110px
}
.vps-plan-details ul {
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #efefef;
    background:#f9f9f9
}
.vps-plan-details ul li {
    text-align:start;
    color:rgb(var(--color-common));
    font-size:16px;
    font-weight:300;
    width:110px
}
.vps-plan-details ul li.pheading.name {
    font-weight:600;
    font-size:16px
}
ul li.storage {
    max-width:80px
}
.vps-plan-details ul li.button,.vps-plan-details ul li.fit-content,.vps-plan-details ul li.price {
    width:fit-content
}
.bg-pattern-2 .tabscontents ul li,.vps-plan-details .disk {
    display:flex;
    align-items:center
}
.vps-plan-details .disk-type {
    background:#8f70e8;
    text-align:center;
    font-size:12px;
    height:18px;
    width:48px;
    border-radius:4px;
    margin-inline-start:4px;
    line-height:1.5
}
.vps-plan-details .duration select {
    padding:5px 10px;
    border:1px solid var(--bs-border-color-translucent);
    border-radius:4px;
    background:#fff
}
.vps-plan-details ul li.button button {
    padding:5px 10px
}
@media(max-width:1199px) {
    .vps-plan-details li.mobile-view {
        display:flex;
        align-items:center;
        justify-content:start;
        width:100%
    }
    .vps-plan-details li.mobile-view::before {
        content:attr(data-value);
        display:block;
        width:45%;
        font-weight:500;
        text-align:start;
        font-size:15px
    }
    .vps-plan-details {
        background:var(--color-white)
    }
    .vps-plan-details .pheading.name {
        width:100%;
        padding:10px;
        background-color:rgb(var(--color-primary));
        color:var(--color-white);
        text-align:center
    }
    .vps-plan-details ul {
        display:block;
        line-height:30px;
        padding:0;
        height:auto
    }
    .vps-plan-details ul li.mobile-view {
        display:flex;
        padding:10px 15px!important;
        text-align:start;
        justify-content:start;
        min-width:100%;
        border-bottom:1px solid #000;
        line-height:22px
    }
    .vps-plan-details .duration {
        margin:10px 0 0;
        text-align:center;
        width:100%
    }
    .vps-plan-details ul li.button,.vps-plan-details ul li.price {
        width:fit-content;
        margin:10px auto;
        font-weight:500
    }
    .vps-plan-details .duration select {
        padding:10px
    }
}
.banner-list li {
    font-weight:400;
    font-size:18px;
    list-style:disc;
    line-height:1.7;
    margin-left:20px
}
.contact-form input,.contact-form textarea {
    outline:unset;
    box-shadow:unset!important
}
.login-form {
    position:relative;
    background:#102D47D1!important
}
.login-content {
    background:var(--color-white);
    padding:20px;
    border-radius:var(--bs-border-radius)!important
}
.login-form::before {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    content:"";
    background-image:url(../images/34.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:-1
}
.login-content input {
    padding:10px 20px;
    border:1px solid var(--color-two)
}
.login-content button {
    border:unset;
    padding:15px 50px
}
input:focus {
    box-shadow:none!important;
    border-color:unset
}
.custom-checkbox {
    display:flex;
    align-items:baseline;
    gap:8px
}
.custom-checkbox .form-checkbox {
    margin-bottom:0!important
}
.Forget-pass,.custom-control-label,.for-signup a {
    transition:.4s ease-in-out;
    font-size:16px
}
.for-signup {
    text-align:center;
    gap:20px;
    display:flex
}
@media(max-width:480px) {
    .login-content {
        padding:15px
    }
    .for-signup,.for-signup span {
        display:block
    }
}
.table-plans table {
    background:#44414a!important;
    border-radius:4px
}
.table-plans>.table-responsive>table thead {
    border:1px solid var(--color-white)
}
.table-plans>.table-responsive>table thead th {
    background:#e6e9ec!important;
    min-width:220px;
    border:none;
    text-align:center;
    border-right:1px solid;
    border-color:var(--color-common);
    vertical-align:middle;
    border-top:1px solid var(--color-common)
}
.table-plans>.table-responsive>table thead th:nth-child(2) {
    border-radius:0
}
[dir=rtl] .table-plans>.table-responsive>table thead th:first-child {
    border-radius:0 4px 0 0;
    text-align:right
}
[dir=rtl] .table-plans>.table-responsive>table thead th {
    border-right:unset;
    border-left:1px solid
}
.table-plans>.table-responsive>table thead th:last-child {
    border-radius:0 4px 0 0
}
[dir=rtl] .table-plans>.table-responsive>table thead th:last-child {
    border-right:unset;
    border-left:0;
    border-radius:4px 0 0
}
.table-plans>.table-responsive>table thead th:first-child {
    text-align:left;
    font-size:16px;
    color:var(--color-common);
    min-width:200px;
    vertical-align:bottom;
    border-radius:0;
    border-left:1px solid var(--color-common);
    border-top:1px solid var(--color-common)
}
.table-plans>.table-responsive>table thead th .name {
    font-size:22px;
    color:var(--color-primary);
    margin-bottom:0;
    font-weight:600
}
.table-plans>.table-responsive>table thead th .price {
    font-size:24px;
    color:var(--color-common);
    margin-bottom:0;
    font-weight:500;
    line-height:1.5
}
.table-plans>.table-responsive>table thead th .cuttedprice {
    font-size:16px;
    color:var(--color-common);
    margin-bottom:0;
    font-weight:400;
    text-decoration:line-through
}
.table-plans>.table-responsive>table thead th .cuttedprice.unset {
    text-decoration:unset
}
.table-plans>.table-responsive>table thead th a {
    margin-top:5px;
    display:block
}
.table-plans tbody th {
    border:0;
    border-top:1px solid;
    border-bottom:1px solid;
    border-color:var(--color-common)
}
.table-plans tbody th.tbale-titles {
    background:var(--color-common);
    padding:0
}
.table-plans tbody tr th span.table-toogler {
    display:block;
    position:relative;
    padding:7px 48px 7px 24px;
    color:var(--color-white);
    font-size:18px;
    cursor:pointer;
    user-select:none;
    font-weight:500
}
.table-plans tbody tr th span.table-toogler::before {
    position:absolute;
    top:50%;
    right:24px;
    width:0;
    height:0;
    margin-top:-4px;
    border-top:none;
    border-right:7px solid transparent;
    border-bottom:8px solid #fff;
    border-left:7px solid transparent;
    content:"";
    transition:.5s
}
.table-plans tbody.tbody-collapsed tr th span.table-toogler::before {
    transform:rotate(180deg)
}
.table-plans tbody tr th.first-coloumn {
    background:#e6e9ec
}
.table-plans tbody tr th.first-coloumn .main-headings {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:5px
}
.table-plans tbody tr th.first-coloumn .main-headings span.name {
    font-size:16px;
    font-weight:500;
    color:var(--color-common);
    line-height:1.5
}
.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .icon {
    width:21px;
    height:21px;
    line-height:21px;
    font-weight:500;
    font-size:14px;
    background:var(--color-primary);
    border-radius:50%;
    display:block;
    text-align:center;
    color:var(--color-white)
}
.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content {
    position:absolute;
    top:50%;
    left:50%;
    padding:6px;
    text-align:left;
    cursor:auto;
    z-index:999;
    display:block;
    visibility:hidden;
    opacity:0;
    transition:.5s;
    transform:translate(4%,-50%)
}
[dir=rtl] .table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content {
    left:auto;
    right:50%;
    text-align:right;
    transform:translate(-4%,-50%)
}
.table-plans tbody tr th.first-coloumn .main-headings span.icons-views:hover .content {
    display:block;
    visibility:visible;
    opacity:1
}
.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content .icon-toogler {
    position:absolute;
    width:30px;
    height:30px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background:#6d6e70;
    top:42%
}
.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content .tootips-contens {
    display:inline-block;
    width:260px;
    padding:15px 20px;
    border-radius:5px;
    background:#6d6e70;
    color:#fff;
    font-size:13px;
    font-weight:500;
    line-height:1.5;
    text-transform:none;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3);
    z-index:1;
    position:relative
}
.table-plans .table>:not(:last-child)>:last-child>* {
    border-bottom-color:var(--color-primary-dark)
}
.table-plans tbody tr td {
    border-top:1px solid;
    border-bottom:1px solid;
    border-color:var(--color-border);
    font-size:14px;
    color:var(--color-common);
    text-align:center;
    vertical-align:middle;
    border-right:1px solid
}
.table-plans tbody tr td .bi-check-circle {
    color:var(--bs-green)
}
.tabings .tabs.column-type {
    flex-direction:column
}
.tabings .tabs.column-type .tabbutton {
    padding:13px 20px;
    color:#333;
    border:1px solid #e8e8e8;
    text-align:left;
    font-size:15px;
    display:flex;
    align-items:center;
    background:#f9f9f9;
    width:100%;
    border-bottom:unset
}
.tabings .tabs.column-type .tabbutton:last-child {
    border-bottom:1px solid #e8e8e8
}
.tabings .tabs.column-type .tabbutton i {
    margin-right:10px
}
[dir=rtl] .tabings .tabs.column-type .tabbutton i {
    margin-right:unset;
    margin-left:10px
}
.bg-pattern-2 .tabscontents ul li::before {
    content:"\F4B6";
    font-size:25px;
    color:var(--color-primary);
    font-family:bootstrap-icons;
    margin-right:10px
}
.counter-box {
    background:#e6e9ec!important;
    padding:20px 30px!important;
    border-radius:6px
}
.counter-box .purecounter {
    font-size:25px;
    font-weight:500
}
.payment-getways img {
    width:auto;
    height:100px
}
.neft-steps img {
    width:40px!important;
    height:auto
}
.neft-steps h6 {
    font-weight:400;
    color:#484848
}
.backup-recovery h4 {
    margin:20px 0 0!important;
    color:rgb(var(--color-primary-dark))
}
.backup-recovery p {
    text-align:start;
    font-size:16px;
    line-height:24px
}
.feature-style-ten {
    position:relative;
    padding-inline-start:60px
}
.feature-style-ten h5 {
    font-size:17px;
    font-weight:600
}
.feature-style-ten p {
    font-size:18px;
    font-weight:400;
    line-height:20px;
    margin:0 auto;
    color:rgba(3,27,78,.7)
}
.feature-style-ten .icon {
    width:40px!important;
    height:40px!important;
    justify-content:center;
    display:flex;
    align-items:center;
    line-height:1;
    background:var(--color-common);
    border-radius:100%;
    color:var(--color-white);
    font-size:18px;
    position:absolute;
    inset-inline-start:0px;
    padding-block-start:0px
}
@media(max-width:767px) {
    .feature-style-ten {
        display:block;
        padding-inline-start:unset;
        padding-block-start:unset
    }
    .feature-style-ten .icon {
        margin-bottom:10px;
        position:unset
    }
}
@media (min-width:1100px) {
    #headerMobile {
        display:none
    }
}
@media (max-width:1100) {
    #headerDesktop {
        display:none
    }
}
@media (max-width:480px) {
    .coins-div,.footer-logo-div {
        width:100%
    }
    .footer-main .footer-social-media {
        justify-content:start!important
    }
    .footer-main .copyright-text {
        width:100%;
        text-align:center!important;
        padding:20px
    }
}
.legals {
    margin-top:50px!important;
    margin-bottom:50px!important
}
.bg-theme {
    background-color:#1d5baa
}
<style>
.pricing-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
</style>
<style>
.pricing-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
</style>
/* Allow tag to overflow when card lifts */
.pricing-item:hover {
  transform: translateY(-6px);
  z-index: 2;
}

/* Make sure parent rows or sections don’t clip */
.row,
.container {
  overflow: visible !important;
}


.footer-social-icons {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 10px;
}

<style>
/* Dedicated Plan Cards Hover & Style */
.pricing-item {
  background-color: #f4faff;
  border: 1px solid #cce6ff;
  border-radius: 10px;
  padding: 30px;
  transition: 0.3s ease-in-out;
  height: 100%;
}

.pricing-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
  z-index: 2;
  border-color: #0073e6;
}

.pricing-heading .name {
  font-family: 'Poppins', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #111;
  margin-bottom: 10px;
}

.pricing-heading .title {
  font-size: 32px;
  font-weight: 700;
  color: #0073e6;
}

.pricing-heading .durection {
  font-size: 16px;
  color: #555;
}

.pricing_body ul {
  padding-left: 20px;
  color: #444;
  font-size: 14px;
  line-height: 1.8;
}

.pricing-item {
  background-color: #f4faff;
  border: 1px solid #cce6ff;
  border-radius: 10px;
  padding: 30px;
  transition: all 0.3s ease;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.pricing-item:hover {
  border-color: #3399ff;
  box-shadow: 0 8px 20px rgba(0, 115, 230, 0.1);
  transform: translateY(-5px);
}

.popular-tag-wrapper {
  position: absolute;
  top: -20px;
  right: 20px;
  z-index: 5;
}

.popular-tag-wrapper span {
  background-color: #0073e6;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  display: inline-block;
}

/* Make sure hover on pricing-item does not affect the tag */
.pricing-item {
  position: relative;
  transition: 0.3s ease-in-out;
}
.pricing-item:hover .popular-tag-wrapper {
  transform: none;
  opacity: 1;
}
/* Allow the tag to overflow beyond the card */
.pricing-item {
  position: relative;
  overflow: visible;  /* Ensure external elements aren't clipped */
}

/* Position the tag above the card */
.popular-tag-wrapper {
  position: absolute;
  top: -12px;        /* Slightly above the top edge */
  right: 20px;
  z-index: 5;
}

/* Tag styling */
.popular-tag-wrapper span {
  background-color: #0073e6;
  color: white;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  display: inline-block;
}

/* Keep tag visible during hover */
.pricing-item:hover .popular-tag-wrapper {
  transform: none;
  opacity: 1;
}


:root {
  --brand-blue: #0066cc;
  --brand-blue-dark: #004aad;
  --gradient-blue: linear-gradient(135deg, #0066ff, #00c3ff);
  --gradient-blue-hover: linear-gradient(135deg, #0056d2, #00a8e0);
  --header-yellow: #ffffff;
  --text-dark: #0d1e3f;
  --light-bg: #f4f8fc;
}

/* 🔝 Top Bar */
.top-bar {
  background-color: var(--brand-blue);
  color: white;
  font-size: 0.95rem;
}

.topbar-link {
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.3s ease;
}

.topbar-link:hover {
  color: #ffcc00; /* Bright brand-style blue on hover */
  text-decoration: none;
}

.promo-text strong {
  color: var(--header-yellow);
}

/* 🔠 Header Navigation (except Client Area) */
.navbar ul {
  display: flex;
  gap: 24px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.navbar ul li a:not(.menu-account-btn) {
  position: relative;
  font-weight: 500;
  font-size: 1rem;
  color: var(--text-dark);
  padding: 8px 4px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.navbar ul li a:not(.menu-account-btn)::after {
  content: '';
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: var(--brand-blue);
  left: 0;
  bottom: 0;
  transition: width 0.3s ease;
}

.navbar ul li a:not(.menu-account-btn):hover::after {
  width: 100%;
}

.navbar ul li a:not(.menu-account-btn):hover {
  color: var(--brand-blue);
}

/* 🚀 Modern Button */
.btn-modern {
  display: inline-block;
  background: var(--gradient-blue);
  color: #fff;
  padding: 12px 32px;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 8px 16px rgba(0, 102, 255, 0.2);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  text-align: center;
}

.btn-modern:hover {
  background: var(--gradient-blue-hover);
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(0, 102, 255, 0.3);
  color: #fff !important;
  text-decoration: none;
}

/* 🏷️ Popular Tag Styling */
.popular-tag-wrapper span {
  background-color: #0073e6;
  color: white;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  display: inline-block;
}

/* Keep tag visible on hover */
.pricing-item:hover .popular-tag-wrapper {
  transform: none;
  opacity: 1;
}

/* 🧼 Optional Banner Background */
.banner-section {
  background-color: var(--light-bg);
}


.menu-account-btn {
  padding: 6px 18px !important;  /* ✅ Adjust values as needed */
}



.section-spacing {
  padding-top: 100px;
  padding-bottom: 100px;
}

.services-one {
  background: #ffffff;
  border: 1px solid #ddeeff;
  border-radius: 14px;
  padding: 30px 25px;
  box-shadow: 0 4px 12px rgba(0, 115, 230, 0.05);
  transition: all 0.3s ease;
}

.services-one:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0, 115, 230, 0.1);
}

.services-one .icon {
  width: 48px;
  transition: transform 0.3s ease;
}

.services-one:hover .icon {
  transform: scale(1.1);
}

.services-one h4 {
  font-size: 18px;
  font-weight: 700;
  color: #0d1e3f;
}

.services-one p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}



.pricing-item {
  background-color: #f4faff;
  border: 1px solid #cce6ff;
  border-radius: 14px;
  padding: 30px;
  transition: all 0.3s ease;
}

.pricing-item:hover {
  box-shadow: 0 12px 30px rgba(0, 115, 230, 0.12);
  transform: translateY(-5px);
}

.pricing-heading .name {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #111;
}

.pricing-heading .price {
  font-size: 42px;
  font-weight: 800;
  color: #0073e6;
}

.pricing-heading .per {
  font-size: 16px;
  color: #555;
}

.discount-tag {
  background-color: #0073e6;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
  display: inline-block;
  margin-top: 12px;
}

.choose-plan-btn {
  display: block;
  width: 100%;
  background: linear-gradient(to right, #0073e6, #00c3ff);
  color: white;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 0;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.choose-plan-btn:hover {
  background: linear-gradient(to right, #0056d2, #009be0);
  color: #fff;
  transform: translateY(-2px);
}

.desc {
  font-size: 14px;
  color: #555;
  margin-top: 10px;
}


.bg-light {
  background-color: #f4faff;
}

.feature-group h4 {
  font-size: 18px;
  font-weight: 700;
  color: #0d1e3f;
}

.feature-group p {
  font-size: 14px;
  color: #555;
  margin-bottom: 12px;
}

.section-spacing {
  padding: 100px 0;
}

/* Section layout */
.section-spacing {
  padding: 100px 0;
}

.bg-theme {
  background-color: #0066cc;
}

.text-white {
  color: #ffffff;
}


.migration-list {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}

.migration-list li {
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 10px;
}




.faq-card {
  background: #ffffff;
  border: 1px solid #ddeeff;
  border-radius: 10px;
  padding: 24px 22px;
  box-shadow: 0 4px 12px rgba(0, 115, 230, 0.05);
  transition: all 0.3s ease;
  height: 100%;
}

.faq-card:hover {
  box-shadow: 0 10px 24px rgba(0, 115, 230, 0.1);
}

.faq-card h4 {
  font-size: 18px;
  font-weight: 700;
  color: #0d1e3f;
  margin-bottom: 12px;
}

.faq-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

.faq-card a {
  color: #0073e6;
  text-decoration: underline;
}

.bg-footer {
  background-color: #11223d;
}

.footer-main a {
  color: #cccccc;
  text-decoration: none;
}

.footer-main a:hover {
  color: #ffcc00;
}

.footer-main ul li {
  margin-bottom: 8px;
}

.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #ffffff;
  transition: background-color 0.3s;
}

.footer-social a:hover {
  background-color: #0073e6;
  color: #ffffff;
}

.crypto-icons img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.crypto-icons img:hover {
  transform: scale(1.1);
}

.footer-main ul li {
  margin-bottom: 12px;
}

.footer-heading {
  font-weight: 700;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem; /* or 8px */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Optional line */
}



.header-mobile {
  position: relative;
  background: #fff;
  z-index: 1000;
}

.navbar-mobile {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
  padding: 20px;
}

body.mobile-nav-active .navbar-mobile {
  display: block;
}

.navbar-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar-mobile ul li {
  margin-bottom: 12px;
}

.navbar-mobile ul li a {
  text-decoration: none;
  font-weight: 500;
  color: #0d1e3f;
  display: block;
  padding: 10px;
  border-radius: 5px;
}

.navbar-mobile ul li a:hover {
  background-color: #eef6ff;
}

.mobile-nav-toggle {
  font-size: 28px;
  color: #0d1e3f;
  cursor: pointer;
}

.mobile-nav-overlay {
  display: none;
}

body.mobile-nav-active .mobile-nav-overlay {
  display: block;
  position: fixed;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
}






.flat-blue-btn {
  background-color: #1e73be;       /* Base deep blue */
  color: #ffffff;
  border: none;
  padding: 12px 28px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.flat-blue-btn:hover {
  background-color: #2ec4f2;       /* Lighter blue on hover */
}




.cta-dedicated-btn {
  background-color: #ffffff;
  color: #1e73be;
  border: none;
  padding: 12px 28px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.cta-dedicated-btn:hover {
  background-color: #2ec4f2;
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(78, 169, 247, 0.3);
}




body {
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
}

.review-section {
  padding: 60px 20px;
  text-align: center;
  background: #fff;
}

.review-section h2 {
  color: #1c3d5a;
  font-size: 32px;
  margin-bottom: 10px;
}

.review-section p {
  font-size: 16px;
  color: #333;
  margin-bottom: 40px;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: auto;
}

.review-card {
  background: #f0f7ff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  text-align: left;
  position: relative;
}

.review-card p {
  color: #555;
  font-size: 14px;
  line-height: 1.5;
}

.review-card .stars {
  color: #f5a623;
  margin-top: 10px;
}

.review-card .source {
  margin-top: 15px;
  font-size: 13px;
  color: #888;
}

.review-card .reviewer {
  font-weight: bold;
  margin-top: 10px;
  color: #000;
}

.review-card .logo-wrap {
  margin-bottom: 10px;
}

.review-logo {
  height: 22px;
  width: auto;
  display: block;
}

.summary-rating {
  margin-top: 40px;
  color: #333;
  font-size: 16px;
}

.summary-rating span {
  font-weight: bold;
  color: #1c3d5a;
}

.stars-static {
  display: inline-block;
  color: #f5a623;
  font-size: 18px;
  vertical-align: middle;
}

@media (max-width: 600px) {
  .review-section h2 {
    font-size: 24px;
  }
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: auto;
  align-items: stretch;
}

.review-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f0f7ff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  text-align: left;
  height: 100%;
}

.review-card p {
  flex-grow: 1;
}

.review-card .reviewer {
  font-weight: bold;
  margin-top: 10px;
  color: #000;
}

.review-card .source {
  font-size: 13px;
  color: #888;
}

.review-text {
  position: relative;
  font-size: 14px;
  color: #444;
}

.review-text .full-text {
  display: none;
}

.review-text .toggle-btn {
  background: none;
  border: none;
  color: #007BFF;
  cursor: pointer;
  padding: 0;
  font-size: 13px;
  margin-top: 4px;
  display: inline-block;
}

.review-text .hidden {
  display: none;
}

.review-text.expanded .short-text {
  display: none;
}

.review-text.expanded .full-text {
  display: inline;
}

.rating-ribbon {
  background-color: #ffffff;
  padding: 30px 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.rating-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.rating-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  text-align: center;
}

.rating-text,
.rating-score {
  font-size: 16px;
  color: #222;
}

.rating-stars {
  display: inline-block;
}

.rating-score .score-flex {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.rating-score span {
  font-size: 16px;
  color: #222;
}

.rating-platform-logo {
  display: inline-block;
  vertical-align: middle;
}

.review-section {
  overflow-x: hidden; /* Prevents horizontal scroll on mobile */
  padding: 20px 16px; /* Responsive padding */
  box-sizing: border-box;
}

.review-section p,
.review-section .reviewer,
.review-section .source,
.review-section .toggle-btn {
  color: #0d1e3f;
  max-width: 100%;
  word-wrap: break-word;
}

.toggle-btn {
  display: inline-block;
  color: #0d1e3f;
  background-color: #e6f0ff;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;       /* Prevents text from breaking */
  max-width: 100%;           /* Ensure button doesn't overflow */
  overflow: hidden;
  text-overflow: ellipsis;
}

.toggle-btn:hover {
  background-color: #cce0ff;
}


@media (max-width: 767px) {
  .toggle-btn {
    font-size: 14px;
    padding: 5px 10px;
  }
}

@media (max-width: 767px) {
  .footer-social {
    justify-content: center !important;
  }
}



.datacenter-banner {
  background-color: #ebf3fe;
  padding: 80px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.datacenter-banner .container {
  max-width: 1200px;
  margin: 0 auto;
}

.datacenter-banner .banner-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}

.datacenter-banner .banner-text {
  flex: 1 1 500px;
  max-width: 600px;
}

.datacenter-banner .banner-text h1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #1c2b3a;
  line-height: 1.3;
  margin-bottom: 20px;
}

.datacenter-banner .highlight {
  color: #0074d9;
}

.datacenter-banner .subheading {
  font-size: 1.1rem;
  color: #444;
  margin-bottom: 30px;
}

.datacenter-banner .feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 30px;
}

.datacenter-banner .feature-list li {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #333;
}

.datacenter-banner .feature-list img {
  width: 24px;
  height: auto;
  margin-right: 10px;
}

.datacenter-banner .banner-image {
  flex: 1 1 400px;
  text-align: center;
}

.datacenter-banner .banner-image img {
  width: 100%;
  max-width: 400px;  /* You can increase this to 600px or more */
  height: auto;
}



.affiliate-banner {
  background-color: #ebf3fe;
  padding: 80px 20px;
  font-family: 'Segoe UI', sans-serif;
}

.affiliate-banner .container {
  max-width: 1200px;
  margin: 0 auto;
}

.affiliate-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}

.affiliate-text {
  flex: 1 1 500px;
  max-width: 600px;
}

.affiliate-text h1 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #1c2b3a;
  line-height: 1.3;
  margin-bottom: 20px;
}

.affiliate-highlight {
  color: #0074d9;
}

.affiliate-subheading {
  font-size: 1.05rem;
  color: #444;
  margin-bottom: 30px;
}

.affiliate-buttons {
  margin-top: 20px;
}

.affiliate-buttons .btn-01 {
  background-color: #0074d9;
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.affiliate-buttons .btn-01:hover {
  background-color: #005fa3;
}

.affiliate-image {
  flex: 1 1 400px;
  text-align: center;
}





.affiliate-steps-new {
  padding: 80px 20px;
  background-color: #f6faff;
  font-family: 'Roboto', sans-serif;
}

.steps-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1c2b3a;
  margin-bottom: 20px;
}

.steps-desc {
  font-size: 1.1rem;
  color: #444;
  margin-bottom: 25px;
  line-height: 1.6;
}

.steps-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.steps-list li {
  font-size: 1rem;
  padding: 8px 0;
  border-left: 4px solid #0074d9;
  padding-left: 12px;
  color: #333;
}

.ready-box {
  background: #e1efff;
  border-left: 5px solid #0074d9;
  padding: 20px 25px;
  border-radius: 6px;
}

.ready-box h4 {
  font-size: 1.3rem;
  color: #1c3d5a;
  margin-bottom: 10px;
}

.ready-box p {
  font-size: 1rem;
  margin-bottom: 15px;
  color: #444;
}

.btn-affiliate {
  display: inline-block;
  background-color: #0074d9;
  color: white;
  padding: 12px 28px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-affiliate:hover {
  background-color: #005bb5;
}

.affiliate-img {
  max-width: 100%;
  height: auto;
}




.affiliate-commission-section {
  padding: 80px 20px;
  background-color: #f8fbff;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

.commission-centered {
  max-width: 800px;
  margin: 0 auto;
}

.commission-title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #1c2b3a;
  margin-bottom: 20px;
}

.commission-title .highlight {
  color: #0074d9;
}

.commission-desc {
  font-size: 1.1rem;
  color: #444;
  line-height: 1.6;
  margin-bottom: 40px;
}

.commission-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.commission-cards .card {
  background: #ffffff;
  border: 1px solid #dde9f5;
  border-radius: 8px;
  width: 180px;
  padding: 25px 15px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 115, 199, 0.05);
  transition: 0.3s ease;
}

.commission-cards .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 115, 199, 0.1);
}

.commission-cards .card h5 {
  font-size: 1.05rem;
  color: #1c3d5a;
  margin-bottom: 10px;
  font-weight: 600;
}

.commission-cards .card p {
  font-size: 1.2rem;
  font-weight: bold;
  color: #0074d9;
  margin: 0;
}




.tos-wrapper {
  background-color: #f8fbfe;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.tos-box {
  width: 100%;
  max-width: 100%;
}
.tos-title {
  font-size: 2.4rem;
  color: #003566;
  font-weight: 700;
}
.tos-section-heading {
  font-size: 1.6rem;
  font-weight: 600;
  color: #00509d;
  border-left: 4px solid #0d6efd;
  padding-left: 12px;
  margin-top: 2rem;
}
.tos-block h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #0a3966;
  margin-top: 1.5rem;
}
.tos-content p {
  color: #1c3d5a;
  font-size: 1rem;
  line-height: 1.7;
}
.btn-report {
  display: inline-block;
  background-color: #0d6efd;
  color: white;
  padding: 0.6rem 1.5rem;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
}
.btn-report:hover {
  background-color: #084298;
}