html {
    scroll-behavior: smooth
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    font-family: "Rubik", sans-serif;
}
img{
    max-width: 100%;
    height: auto;
}
a, a:hover{
    text-decoration: none !important;
}
ol, ul{
    padding-left: 0 !important;
}
li{
    list-style: none !important;
    margin: 10px 0;
}
.text_head {
    color: #080808
}
.head-tb-p-40 {
    padding: 40px 0
}
.section-heading {
    margin-bottom: 50px
}

.section-heading p {
    color: #080808;
    line-height: 1.7em;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px
}

.primary-btn-round{
    background-color: #3838ff;
    color: #fff;
    transition: 0.6s;
    border: 1px solid #3838ff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 50px;
    display: inline-block;
}
.primary-btn-round:hover{
    background-color: #000C66;
    color: #fff;
    border: 1px solid #000C66;
}
.primary-btn-sq{
    background-color: #3838ff;
    color: #fff;
    transition: 0.6s;
    border: 1px solid #3838ff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 6px;
    display: inline-block;
}
.primary-btn-sq:hover{
    background-color: #000C66;
    color: #fff;
    border: 1px solid #000C66;
}
.secondary-btn-round{
    background-color: #000C66;
    color: #fff;
    transition: 0.6s;
    border: 1px solid #000C66;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 50px;
    display: inline-block;
}
.secondary-btn-round:hover{
    background-color: #3838ff;
    color: #fff;
    border: 1px solid #3838ff;
}
.secondary-btn-sq{
    background-color: #000C66;
    color: #fff;
    transition: 0.6s;
    border: 1px solid #000C66;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 6px;
    display: inline-block;
}
.secondary-btn-sq:hover{
    background-color: #3838ff;
    color: #fff;
    border: 1px solid #3838ff;
}

.blk-btn-round{
    background-color: #080808;
    color: #fff;
    transition: 0.6s;
    border: 1px solid #080808;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 50px;
    display: inline-block;
}
.blk-btn-round:hover{
    background-color: #3838ff;
    color: #fff;
    border: 1px solid #3838ff;
}
.blk-btn-round-bdr{
    background-color: #fff;
    color: #080808;
    transition: 0.6s;
    border: 1px solid #080808;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 50px;
    display: inline-block;
}
.blk-btn-round-bdr:hover{
    background-color: #080808;
    color: #fff;
    border: 1px solid #080808;
}
.primary-btn-sq-bdr{
    background-color: #fff;
    color: #3838ff;
    transition: 0.6s;
    border: 1px solid #3838ff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 10px;
    display: inline-block;
}
.primary-btn-sq-bdr:hover{
    background-color: #3838ff;
    color: #fff;
    border: 1px solid #3838ff;
}
.blk-btn-sq{
    background-color: #080808;
    color: #fff;
    transition: 0.6s;
    border: 1px solid #080808;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 10px 30px;
    border-radius: 6px;
    display: inline-block;
}
.blk-btn-sq:hover{
    background-color: #3838ff;
    color: #fff;
    border: 1px solid #3838ff;
}


/* feaatures-box-s */
.vps-features {
    background-color: #e8f4ff;
    height: auto;
    overflow: hidden;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(216,216,255,1) 0%, rgba(255,255,255,1) 100%);
}
.vps-features .features-main {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.vps-features .features-main .features-start .feature-ul {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.vps-features .features-main .features-start .feature-ul .feature-box:nth-child(1), .vps-features .features-main .features-start .feature-ul .feature-box:nth-child(2), .vps-features .features-main .features-start .feature-ul .feature-box:nth-child(3) {
    border-top: none;
}

.vps-features .features-main .features-start .feature-ul .feature-box {
    display: inline-table;
    text-align: center;
    transition: all .3s ease-in-out;
    border-top: 1px solid #fff;
    padding: 40px 36px 46px;
    margin: 0;
}
.vps-features .features-main .features-start .content-main .feature-icon {
    height: 56px;
    display: inline-block;
    -webkit-transform: rotateY(0);
    -khtml-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
}
.vps-features .features-main .features-start .content-main span, 
.vps-features .features-main .features-start .content-main h3 {
    padding-top: 22px;
    padding-bottom: 22px;
    width: 100%;
    margin: 0;
    display: block;
}

.vps-features .features-main .features-start .content-main span,.vps-features .features-main .features-start .content-main h3, .vps-features .features-main .features-start .content-main h3 a {
    font-size: 18px;
    font-weight: 600;
    color: #172838;
    letter-spacing: .5px;
}
.vps-features .features-main .features-start .content-main .content {
    color: #172838;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    width: 100%;
}

.content {
    overflow: auto;
    position: relative;
    max-height: 260px;
    box-sizing: border-box;
}
#examples, .all-themes-switch, .callbacks, .callbacks+p, .content, .dialog, .disable-destroy, .scrollTo, .show-hide {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vps-features .features-main .features-start .feature-ul .feature-box:hover {
    background-color: #fff;
    -webkit-transform: translateY(-1px);
    -khtml-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .15);
}
.vps-features .features-main .features-start .feature-ul .feature-box:hover .content-main .feature-icon {
    transition: .3s;
    -webkit-transform: perspective(3838ff) rotateY(-180deg);
    -khtml-transform: perspective(3838ff) rotateY(-180deg);
    -moz-transform: perspective(3838ff) rotateY(-180deg);
    -ms-transform: perspective(3838ff) rotateY(-180deg);
    -o-transform: perspective(3838ff) rotateY(-180deg);
    transform: perspective(3838ff) rotateY(-180deg);
    transition-duration: 1s;
}
/* feaatures-box-E */


@media only screen and (max-width: 992px) { 
    .head-tb-p-40 {
        padding: 20px 0
    }   
}

@media only screen and (max-width: 767px) {
    .text_head{
        font-size: 22px;
    }
    .blk-btn-round, .blk-btn-round-bdr{
        font-size: 14px;
    }
    .section-heading{
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 380px) {
    .blk-btn-round, .blk-btn-round-bdr {
        font-size: 12px;
    }
}




/* footer-sticky-section-S */
.btm-bnnr-main {
    background-color: #7EC8E3;
    position: sticky;
    width: 100%;
    z-index: 11;
    bottom: 0;
}
.btm-bnnr-cnt {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btm-bnnr-main {
    opacity: 0; /* Start hidden */
    visibility: hidden; /* Hide from accessibility until shown */
    transform: translateY(20px); /* Move down slightly for smooth effect */
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    bottom: 0px; /* Adjust placement */
    width: 100%;
    position: fixed;
    transform: translateX(0%) translateY(20px); /* Center and apply initial offset */
    padding: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    background: rgb(126,200,227);
    background: linear-gradient(124deg, rgba(126,200,227,1) 0%, rgba(166,231,255,1) 51%, rgba(155,222,246,1) 100%);
}
.btm-bnnr-tx {
    font-size: 20px;
    font-weight: 500;
}
.btm-bnnr-btn {
    margin-left: 30px;
}

@media only screen and (max-width: 767px) {
    .btm-bnnr-main{
        display: none;
    }
}
/* footer-sticky-section-E */







.wh-server-location-tab .nav {
    justify-content: center;
}
.wh-server-location-tab ul li {
    width: 180px;
    text-align: center;
    display: grid;
    margin: 10px;
}
.wh-server-location-tab .nav-pills .nav-link.active {
    background-color: #3838FF;
    color: #fff;
    border: 1px solid #3838FF;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
}

.wh-server-location-tab .nav-pills .nav-link {
    padding: 12px;
    background: 0 0;
    border: 1px solid #7EC8E3;
    color: #080808;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
}
.wh-server-location-tab .nav-pills .nav-link img {
    margin-right: 8px;
}





.tsrt-box {
  background-color: #fff6e9;

  padding: 30px;

  border-radius: 10px;
}

.tsrt-box-icon-f {
  background-color: #fff;

  border-radius: 50px;

  font-weight: 400;

  font-size: 24px;

  height: 60px;

  width: 60px;

  display: flex;

  justify-content: center;

  align-items: center;
}

.tsrt-box-1 .tsrt-box-icon-f {
  color: #3838ff;
}

.tsrt-box-2 .tsrt-box-icon-f {
  color: #000c66;
}

.tsrt-box-3 .tsrt-box-icon-f {
  color: #3838ff;
}

.tsrt-box-4 .tsrt-box-icon-f {
  color: #050a30;
}

.tsrt-box-title {
  font-size: 20px;

  font-weight: 500;

  margin: 10px 0;
  color: #080808;
}

.tsrt-box-p {
  font-size: 14px;

  font-weight: 400;

  color: #080808;
}

.tsrt-box-icon-b {
  color: #fff;

  display: inline-block;

  padding: 5px 10px;

  border-radius: 40px;

  transform: rotate(-45deg);

  margin-top: 10px;
}

.tsrt-box-1 .tsrt-box-icon-b {
  background-color: #3838ff;
}

.tsrt-box-2 .tsrt-box-icon-b {
  background-color: #000c66;
}

.tsrt-box-3 .tsrt-box-icon-b {
  background-color: #3838ff;
}

.tsrt-box-4 .tsrt-box-icon-b {
  background-color: #050a30;
}

.tsrt-box-1 {
  background-color: #fff6e9;
}

.tsrt-box-2 {
  background-color: #ebfff4;
}

.tsrt-box-3 {
  background-color: #ffefef;
}

.tsrt-box-4 {
  background-color: #f2f3ff;
}

@media only screen and (max-width: 992px) {
    .tsrt-box{
      margin: 10px 0;
    }
}






.hits-prom-modal .modal-dialog {
    max-width: 880px;
}
.hits-prom-modal .modal-content{
  overflow: hidden;
  border: none;
  border-radius: 18px;
}    
.hits-prom-modal .modal-body{
  padding: 0;
}
.hits-prom-popup-cnt {
    padding: 30px;
}
.hits-prom-popup-title {
    color: #080808;
    font-size: 16px;
    font-weight: 500;
}
.hits-prom-popup-head {
    font-size: 34px;
    font-weight: 800;
    color: #3838ff;
    margin: 10px 0;
    line-height: 45px;
}
.hits-prom-popup-txt p {
    font-size: 16px;
    font-weight: 500;
    color: #080808;
    margin-bottom: 8px;
}
.hits-prom-popup-txt p span {
    color: #3838ff;
}
.hits-prom-popup-btn {
    text-align: center;
    margin-top: 20px;
}
.hits-prom-popup-img {
    background: #3838ff;
    display: flex;
    justify-content: center;
    padding: 20px;
    align-items: center;
}
.hits-prom-close-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 11;
    background: #fff;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
}
button.hits-prom-close-btn:hover {
    background-color: #e8e8ff;
}
button.hits-prom-close-btn svg {
    width: 11px;
}