@font-face {
  /* font-weight: 400; */
  font-family: "NeueMontreal-Regular";
  src: url('../font/NeueMontreal-Regular.otf');
}

@font-face {
  /* font-weight: 500; */
  font-family: "NeueMontreal-Medium";
  src: url('../font/NeueMontreal-Medium.otf');
}

@font-face {
  /* font-weight: 700; */
  font-family: "NeueMontreal-Bold";
  src: url('../font/NeueMontreal-Bold.otf');
}

@font-face {
    /* font-weight: 300; */
    font-family: "NeueMontreal-Light";
    src: url('../font/NeueMontreal-Light.otf');
  }

  @font-face {
    /* font-weight: 700; */
    font-family: "Geometria";
    src: url('../font/Geometria-Bold.ttf');
  }

  @font-face {
    font-family:"SFPRODISPLAYMEDIUM"; ;
    src: url('../font/SFPRODISPLAYMEDIUM.OTF');
  }


body {
  font-family: "NeueMontreal-Regular";
  background-color: #f6f6f6;
  color: #000;
}

.body-padding{
    padding-left: 140px!important;
    padding-right: 140px!important;
}

.logo-img{
  max-width: 195px;
  height: auto;
}
.font-13{
  color: var(--Black, #000);

font-family: "NeueMontreal-Medium";
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 21px; /* 161.538% */
}

.font-14 {
  font-family: "NeueMontreal-Regular";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 1px;
}

.font-14-v1{
  color: var(--primary-5, #004A66);

font-family: "NeueMontreal-Regular";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
}

.font-16{
font-family: "NeueMontreal-Regular";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 162.5% */
letter-spacing: 0.16px;
}
.font-18{
  color: var(--White, #FFF);
    text-align: center;
    font-family: "NeueMontreal-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px; /* 200% */
    letter-spacing: 0.36px;
  }

  .font-18-v2{
    color: var(--Black, #000);
text-align: justify;
font-family: "NeueMontreal-Regular";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 36px; /* 200% */
letter-spacing: 0.36px;
  }

  .font-20{
text-align: center;
font-family: "NeueMontreal-Regular";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 40px; /* 200% */
letter-spacing: 0.4px;
  }

  .font-20-bold{
    color: var(--Black, #000);
font-family: "NeueMontreal-Bold";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
  }

  .font-22{
    color: #FFF;
font-family: "Geometria";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 136.364% */
  }

  .font-24{
font-family: "NeueMontreal-Medium";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 40px; /* 166.667% */
letter-spacing: 0.48px;
  }

 .font-24-bold{
  color: var(--Neutral-Dark, #0A0907);
font-family: "NeueMontreal-Bold";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 180%; /* 43.2px */
letter-spacing: -0.24px;
 } 

  .font-30{
    color: var(--nutral-1, #252525);
font-family: "NeueMontreal-Medium";
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 38px;
letter-spacing: 1px;
  }

  .font-32{
    color: #000;
font-family: "NeueMontreal-Medium";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 50px; /* 156.25% */
  }


  .font-48{
    color: #000;
text-align: center;
font-family: "NeueMontreal-Bold";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 70px; /* 145.833% */
letter-spacing: 0.96px;
  }
.font-64{
font-family: "NeueMontreal-Bold";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 70px; /* 109.375% */
letter-spacing: 1px;
}
  .color-light{
   color: #6B6B6B;
  }
  
  .primary-6-color{
    color:#334857;
  }
.top-section {
  position: relative;
  background-color: #000000;
  padding: 16px 0px;
  z-index: 99999!important;
}

.unprotected-badge {
    padding: 8px 15px;
    gap: 10px;
    border-radius: 73px;
    background: rgba(214, 61, 61, 0.90);
}

.protected-badge{
  padding: 8px 15px;
   gap: 10px;
   border-radius: 73px;
   background:  #339C80;
}

.language-btn{
    display: flex;
    align-items: center;
    gap: 3px;
    border-radius: 8px;
border: 0.5px solid var(--Primary-3, #287B80);
background: rgba(51, 156, 128, 0.40);
}

.bg-body-tertiary{
    background-color: #FFF!important;
    border-radius: 0px 0px 70px 70px;
}

.nav-link{
color: var(--nutral-2, #6B6B6B);
font-family: "NeueMontreal-Medium";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 36px; /* 200% */
letter-spacing: 0.36px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #339C80!important;
    font-size: 20px;
}
.navbar {
  --bs-navbar-padding-y: 4px!important;
  z-index: 9999!important;
}

.nav-link:focus, .nav-link:hover {
    color: #339C80!important;
}

.save-btn{
color: #FFF;
border-radius: 67px;
border: 1px solid var(--Primary, #339C80);
background: var(--Primary, #339C80);
padding: 10px 47px;
margin-left: 30px;
justify-content: center;
align-items: center;
gap: 10px;
}

.hero-bg{
    background: url('../img/header-bg.png') no-repeat center center;
    background-size: cover;
    height: 83vh;
}

.hero-text{
color: var(--Primary, #339C80);
font-family: "NeueMontreal-Bold";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 70px;
letter-spacing: 1px;
}

.neutral-dark{
  color: #0A0907;
}
.testimoinal-text{
  color:#1D1A26;
}
.primary-color{
  color: #339C80;
}
.container-bg-color{
  background-color: #f6f6f6;
}
.company-text-color{
  color: #716E68;
}

.header-text{
color: #000;
text-align: center;
font-family: "NeueMontreal-Bold";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 70px;
letter-spacing: 1px;
}
.get-btn{
  border-radius: 67px;
border: none;
background: var(--Primary, #339C80);
display: flex;
padding: 10px 30px;
justify-content: center;
align-items: center;
gap: 10px;
}


.flex-container {
  display: flex;
  flex-direction: column;
  height: 100%; 
  position: relative;
}

.flex-end {
  margin-top: auto;
  align-self: flex-end;
  margin-bottom: 70px;
}

.chat-btn{
  position: relative;
  left: 70px;
display: flex;
align-items: center;
gap: 10px;
justify-content: center;
color: #FFF;
border-radius: 20px;
background: var(--Primary, #339C80);
border: 2.6px solid #FFF;
padding: 20px 33px;
}

.feature-card {
  padding: 40px;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 24px;
  border-right: 1px solid var(--Colors-brand-light-2, #81F0FB);
  border-bottom: 1px solid var(--Colors-brand-light-2, #81F0FB);
  background: var(--Colors-BW-10, #FFF);

  transition: 
    background 0.3s ease, 
    border-color 0.3s ease, 
    box-shadow 0.3s ease, 
    transform 0.3s ease;
  
  transform: translateY(0);
}

.feature-card:hover {
  border-radius: 24px;
  border-right: 1px solid #67DFBF;
  border-bottom: 1px solid #67DFBF;
  background: linear-gradient(125deg, #FFF 1.14%, #97FFF5 105.83%);
  box-shadow: 0px 4px 4px 0px #F4F4F4;
  transform: translateY(-8px);
}

.fast-server-card{
  border-radius: 39px;
background: var(--White, #FFF);
padding: 87px 90px;
}


.plus-server{
  padding: 16px 30px;
justify-content: center;
align-items: center;
  border-radius: 50px;
background: rgba(51, 156, 128, 0.20);
}

.explore-btn{
  border-radius: 67px;
background: var(--Primary-2, #2E8C83);
display: flex;
padding: 10px 20px;
justify-content: center;
align-items: center;
gap: 8px;
border: none;
}

.black-color-1{
 color: #1D1B20;
}

.unlock-card {
  border-radius: 36px;
  border: 1px solid var(--nutral-4, #DFDFDF);
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0px 20px;
}

.testimonial-active-card{
display: flex;
padding: 72px 56px 56px 56px;
flex-direction: column;
align-items: flex-start;
gap: 60px;
border-radius: 24px;
background: #FFF;
}

.testimonial-card{
  display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
border-radius: 24px;
background: #FFF;
justify-content: space-between;
height: 100%;
}

.testimonial-sub-text{
  color: #1D1A26;
font-family: "NeueMontreal-Medium";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 160%; /* 32px */
letter-spacing: -0.32px;
}

.footer-logo{
  width: 283px;
height: 53px;
}


.footer-bg{
  background: #f2f2f2;
}

.store-card{
  border-radius: 8px;
border: 1px solid var(--Black, #000);
padding: 7px 17.443px 7.921px 18px;
}

.language-btn-v2{
  display: flex;
  align-items: center;
  gap: 3px;
  border-radius: 8px;
border: 0.5px solid var(--Primary-3, #287B80);
}

.stroke{
  fill: var(--nutral-2, #6B6B6B);
stroke-width: 1px;
stroke: var(--nutral-2, #6B6B6B);
}

.feature-bg{
  background: url('../img/feature.png') no-repeat center center;
  background-size: cover;
  height: 90vh;
}

.server-bg{
  background: url('../img/server-bg.png') no-repeat center center;
  background-size: cover;
  height: 90vh;
}

.uni-feature-card{
  padding: 54px;
  border-radius: 45px;
background: linear-gradient(180deg, #000 0%, #339C80 95.62%);
}

.uni-feature-card:hover{
  background: url('../img/Rectangle.png') no-repeat center center;
  background-size: 105% 105%;
}

.scan-img1 {
  display: none;
}

.uni-feature-card:hover .scan-img {
  display: none;
}

.uni-feature-card:hover .scan-img1 {
  display: block;
}

.gaming-badge{
  color: #FFF;
  display: flex;
padding: 16px 30px;
justify-content: center;
align-items: center;
gap: 10px;
  border-radius: 50px;
background: var(--Primary, #339C80);
}

.support-bg{
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
background: var(--Colors-Neutral-black, #000);
padding-left: 82px;
display: flex;
align-items: center;
}

.help-bg{
  background: #339C80;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}


.server-text-color{
  color: #3E3E3E;
}


div.dt-container div.dt-layout-cell {
  display: flex;
  vertical-align: inherit;
  justify-content: center;
  padding: 5px 0;
}

div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
  margin-bottom: 30px;
  width: 75%!important;
}
div.dt-container div.dt-layout-cell.dt-start {
  text-align: left;
  display: none;
}
div.dt-container div.dt-layout-cell.dt-end {
  text-align: left;
}

div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: none!important;
}

.dt-search {
  border-radius: 10px;
  background: var(--Colors-netural-7, #DFDFDF);
  padding: 5px;
}

.dt-search-label {
  display: inline-flex;
  width: 17px;
  height: 20px;
  background-image: url("../img/search-normal.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
  margin-right: 10px;
  margin-left: 20px;
}

div.dt-container .dt-search input {
  border: none;
  border-radius: 3px;
  padding: 5px;
  margin-left: 3px;
  width: 93%;
  color: var(--nutral, #000);

/* Fonts/small & caption L */
font-family: "NeueMontreal-Regular";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
letter-spacing: 1px;
}
:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

#datatable {
  width: 100% !important;
  table-layout: fixed !important;
}

#datatable thead tr,
#datatable tbody tr {
  width: 100% !important;
}

#datatable tbody tr {
  width: 246% !important;
}

#datatable thead th {
  flex: 1 !important;
  text-align: center !important;
}

table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}

table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc{
  background: transparent;
  border: none;
}


table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover{
  outline: none;
}


.dt-column-order {
  display: none !important;
}

.dt-paging {
  display: none;
}

.dt-scroll-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  min-height: 500px;
}



table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
  padding: 20px;
  border-radius: 0;
}

table.dataTable > tbody > tr > th:first-child, table.dataTable > tbody > tr > td:first-child {
 border-radius: 10px 0 0 10px;
}

table.dataTable > tbody > tr > th:last-child, table.dataTable > tbody > tr > td:last-child {
  border-radius: 0px 10px 10px 0px;
 }


.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: #000;
  --bs-table-bg-type: #fff;
}

.table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-color-type: #000;
  --bs-table-bg-type: #F2F2F2;
}

.table.dataTable.tbody, td, tfoot, th, thead, tr {
  border-style: none;
}

.server-card{
  border-radius: 16px;
background: #FFF;
}

.premium-card{
  border-radius: 22px;
background: var(--nutral-4, #DFDFDF);
padding: 50px 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
flex-shrink: 0;
margin: 20px;
}

.pricing-bg-card{
padding: 80px 140px;

  border-radius: 24px;
background: var(--White, #FFF);
}

.form-check-input:checked {
  background-color: #339C80;
  border-color: #fff;
}

.form-switch .form-check-input {
  background-size: 13px 13px; /* adjust as needed */
  background-repeat: no-repeat;
  background-position: left center; /* default position */
  width: 31px!important;
}

/* On focus */
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("../img/Ellipse.png");
}

/* When checked */
.form-switch .form-check-input:checked {
  background-position: right center;
  border: 1px solid #fff;
  --bs-form-switch-bg: url("../img/Ellipse-2.png");
}

.form-check-input:focus {
  border-color: #000;
  outline: 0;
  box-shadow: none;
}

.form-check-input {
  height: 21px;
}

.price-card{
  border-radius: 16px;
border: 1px solid var(--nutral-4, #DFDFDF);
background: var(--White, #FFF);
padding: 28px 35px;
}

.active-price-card{
  border-radius: 16px;
border: 1px solid var(--Primary, #339C80);
background: var(--White, #FFF);
padding: 28px 24px;
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
}


#accordionFlushExample.accordion {
  --bs-accordion-bg: #434343!important;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 24px!important;
}

#accordionGeneralQuestion.accordion {
  --bs-accordion-bg: #000!important;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 24px!important;
}

#accordionAccount.accordion {
  --bs-accordion-bg: #000!important;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 24px!important;
}

#accordionPotentialQuestion.accordion {
  --bs-accordion-bg: #000!important;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 24px!important;
}

#accordionBillingQuestion.accordion {
  --bs-accordion-bg: #000!important;
  --bs-accordion-border-color: transparent;
  --bs-accordion-border-radius: 24px!important;
}

.accordion-item{
  border-radius: 20px!important;
}

.accordion-header{
  border-radius: 20px!important;
}

.accordion-button{
  border-radius: 20px!important;
}


.accordion-button:not(.collapsed) {
  background-color: transparent!important;
}

.accordion-button:not(.collapsed) span {
  color: #339C80!important;
}


.accordion-button:focus {
  box-shadow: none!important;
}

.accordion-button::after {
  background-image: url("../img/import.svg");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../img/arrow-up.svg");
}

.dns-text-color{
  color: #00000066;
}


label, a{
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  display: inline-block;
  color: inherit;
  transition: border 0.2s;
  border-bottom: 5px solid rgba(#8e44ad, 0.2);
  padding: 3px 2px;
  &:hover{
    border-bottom-color: #9b59b6;
  }
}

.layout{
  display: grid;
  height: 100%;
  width: 100%;
  overflow: hidden;
  grid-template-rows: 50px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

input[type="radio"]{
  display: none;
}

label.nav{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #00000066;
  border-bottom: 2px solid rgba(0, 0, 0, 0.10);
  user-select: none;
  transition: background 0.4s, padding-left 0.2s;
  padding-left: 0;
  input[type="radio"]:checked + .page + &{
    color: #339C80;
    border-bottom: 2px solid var(--Primary, #339C80);;
    padding-left: 20px;
    span{
      padding-left: 20px  
    }
    svg{
      opacity: 1;
    }
  }
  span{
    padding-left: 0px;
    position: relative;
  }
}

.page{
  grid-column-start: 1;
  grid-row-start: 2;
  grid-column-end: span 3;
  padding: 0px 20px;
  display: flex;
  align-items: center;
}

.page-contents > *{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.2s, transform 0.2s;
  @for $c from 1 through 20{
    &:nth-child(#{$c}){
      transition-delay: 0.2s + ($c * 0.2s);
    }
  }
}

input[type="radio"] + .page{
  transition: transform 0.2s;
  transform: translateX(100%);
}

input[type="radio"]:checked + .page{
  transform: translateX(0%);
  .page-contents > *{
    opacity: 1;
    transform: translateY(0px);
  }
}

.page-contents{
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}

.ipcard{
  border-radius: 16px;
border: 1px solid var(--info-red, #D63D3D);
background: var(--White, #FFF);
}

.ipcard-header{
  padding: 20px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background: var(--info-red, #D63D3D);
}

.ipadd-text{
  color: #000;
font-family: "NeueMontreal-Medium";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 40px; /* 166.667% */
letter-spacing: 0.48px;
}

.ipadd-sub-text{
  color: var(--nutral-2, #6B6B6B);
  font-family: "NeueMontreal-Medium";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 1px;
}

.ipadd-mid-text{
  color: var(--Colors-Neutral-black, #000);
font-family: "SFPRODISPLAYMEDIUM";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 166.667% */
letter-spacing: 0.36px;
}

.support-header-bg{
  background: url('../img/support-bg.png') no-repeat center center;
  background-size: cover;
  height: 98vh;
  position: relative;
  top: -180px;
  z-index: 0000;
  display: flex;
  align-items: center;
}

.support-card {
  border-radius: 20px;
  border: 1px solid var(--nutral-5, #DFDFDF);
  background: var(--nutral-8, #FFF);
  padding: 20px 0px;
  margin-bottom: 20px;
  cursor: pointer;
  transition: transform 0.4s ease, border-color 0.4s ease;
  transform-origin: center center;
}

.support-card img {
  transition: transform 0.4s ease;
}

.support-card:hover {
  border-color: #000;
  transform: scale(1.05); /* card grows a bit */
}

.support-card:hover img {
  transform: scale(1.2); /* image grows even more inside */
}

.blog-box{
  border-radius: 24px;
background: var(--White, #FFF);
padding: 40px;
}

.blog-card{
  border-radius: 24px;
border: 1px solid var(--nutral-4, #DFDFDF);
background: var(--nutral-7, #FAFAFA);
padding: 20px 20px 12px 20px;

}


.category-badge{
padding: 10px 24px;
border-radius: 90px;
background: var(--nutral-4, #DFDFDF);
width: auto;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}

.mobile-view{
display: none;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 7%;
  margin-top: var(--bs-dropdown-spacer);
}


.dropdown-menu {
 
  background-image: url('../img/dropdown-bg.png');
  border: none;
  border-radius: 0px 0px 36px 36px;
  width: 85%;
}



.download-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 100px 80px 40px 80px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.10);
  position: relative; /* Needed for absolute child */
  overflow: hidden; /* Optional: clips hover card if needed */
}

.download-hover-card {
  display: none;
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  height: 70%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding: 30px;
  background: linear-gradient(180deg, rgba(51, 156, 128, 0.80) 0%, rgba(170, 158, 34, 0.16) 100%);
  backdrop-filter: blur(10px);
  z-index: 10;
  cursor: pointer;
}

.download-card:hover .download-hover-card {
  display: flex;
}





@media (min-width:300px) and (max-width:575px) {

  .dropdown-menu[data-bs-popper] {
    width: 100%;
}
  .hero-bg{
    background: url('../img/header-bg-mobile.png') no-repeat center center;
    background-size: contain;
    height: 72vh;
}
  .row {
    --bs-gutter-x: 0rem;
}
  .desktop-view{
    display: none!important;
  }
  .mobile-view{
    display: block;
    }
  .logo-img{
    max-width: 93px;
    max-height:39px;
  }

  .unprotected-badge {
    padding: 4px 12px;
}

.save-btn {
  padding: 8px 30px;
  margin-left: 9px;
}

.language-btn {
  padding: 4px;
}

	.chat-btn {
    left: 14px;
    bottom: -137px;
    padding: 11px 19px;
}
	
	
  .body-padding{
    padding-left: 18px!important;
    padding-right: 18px!important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  --bs-gutter-x: 0px!important;
}

.navbar {
  --bs-navbar-padding-y: 17px!important;
}

.btn-small-screen{
justify-content: center;

}

.moblile-btn-position{
display: flex;
justify-content: center;
}
.gap-4{
  gap: 5px!important;
}
.header-text {
  font-size: 30px!important;
  line-height: 38px!important;
}
.pt-5{
  padding-top: 30px!important;
}

.mt-5{
  margin-top: 30px!important;
}
.my-5{
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.py-5{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.nav-link{
  font-size: 14px;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      font-size: 15px;
  }

  .font-13{
  font-size: 10px;
  line-height: 15px; /* 161.538% */
  }
  
  .font-14 {
    font-size: 12px;
    line-height: 18px;
  }
  
  .font-14-v1{
  font-size: 12px;
  line-height: 18px; /* 171.429% */
  }
  
  .font-16{
  font-size: 13px;
  line-height: 20px; /* 162.5% */
  }
  .font-18{
      font-size: 15px;
      line-height: 28px; /* 200% */
    }
  
    .font-18-v2{
  font-size: 15px;
  line-height: 28px; /* 200% */
    }
  
    .font-20{
      font-size: 16px!important;
      line-height: 25px!important;
    }

    .testimonial-sub-text {
      font-size: 12px;
      line-height: 152%;
  }
  
    .font-20-bold{
  font-size: 16px;
    }
  
    .font-22{
  font-size: 17px;
  line-height: 26px; /* 136.364% */
    }
  
    .font-24 {
      font-size: 18px;
      line-height: 30px;
  }
  
   .font-24-bold{
  font-size: 15px;
  line-height: 120%; /* 43.2px */
   } 
  
   .font-30 {
    font-size: 17px;
    line-height: 26px;
}
  
    .font-32{
  font-size: 24px;
  line-height: 40px; /* 156.25% */
    }
  
  
    .font-48{
  font-size: 30px;
  line-height: 50px; /* 145.833% */
    }
  .font-64{
  font-size: 48px;
  line-height: 50px; /* 109.375% */
  }

  .feature-card {
    padding: 15px;
}

.fast-server-card {
  padding: 20px 20px;
  text-align: center!important;
}
.mobile-text{
  text-align: center!important;
}
.testimonial-active-card {
  padding: 30px 12px 12px 12px;
  gap: 11px;
}

.testimonial-card {
  padding: 20px 20px;
}



.font-18-v2 {
  font-size: 12px;
  line-height: 24px;
}

.gaming-badge {
  padding: 8px 20px;
}

.help-bg {
  background: #339C80;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
  border-bottom-right-radius:0px;
}

.support-bg {
  border-bottom-left-radius: 50px; 
  border-bottom-right-radius: 50px;
  border-top-left-radius:0px;
  padding-top: 80px;
  padding-bottom: 80px;
}
}

@media (min-width:576px) and (max-width:767px) {
	
	.chat-btn {
    left: 14px;
    bottom: -137px;
    padding: 11px 19px;
}
  .dropdown-menu[data-bs-popper] {
    width: 100%;
}
  .desktop-view{
    display: none!important;
  }
  .mobile-view{
    display: block;
    }
  .logo-img{
    max-width: 93px;
    max-height:39px;
  }

  .unprotected-badge {
    padding: 4px 12px;
}

.language-btn {
  padding: 4px;
}

  .chat-btn {
    left: 60px;
    padding: 11px 19px;
}
  .body-padding{
    padding-left: 18px!important;
    padding-right: 18px!important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 83%;
  --bs-gutter-x: 0px!important;
}

.navbar {
  --bs-navbar-padding-y: 17px!important;
}

.btn-small-screen{
justify-content: center;

}

.moblile-btn-position{
display: flex;
justify-content: center;
}
.gap-4{
  gap: 5px!important;
}
.header-text {
  font-size: 37px!important;
  line-height: 50px!important;
}
.pt-5{
  padding-top: 30px!important;
}

.mt-5{
  margin-top: 30px!important;
}
.my-5{
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.py-5{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.nav-link{
  font-size: 14px;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      font-size: 15px;
  }

  .font-13{
  font-size: 10px;
  line-height: 15px; /* 161.538% */
  }
  
  .font-14 {
    font-size: 12px;
    line-height: 18px;
  }
  
  .font-14-v1{
  font-size: 12px;
  line-height: 18px; /* 171.429% */
  }
  
  .font-16{
  font-size: 13px;
  line-height: 20px; /* 162.5% */
  }
  .font-18{
      font-size: 15px;
      line-height: 28px; /* 200% */
    }
  
    .font-18-v2{
  font-size: 15px;
  line-height: 28px; /* 200% */
    }
  
    .font-20{
      font-size: 16px!important;
      line-height: 25px!important;
    }

    .testimonial-sub-text {
      font-size: 12px;
      line-height: 152%;
  }
  
    .font-20-bold{
  font-size: 16px;
    }
  
    .font-22{
  font-size: 17px;
  line-height: 26px; /* 136.364% */
    }
  
    .font-24 {
      font-size: 18px;
      line-height: 30px;
  }
  
   .font-24-bold{
  font-size: 15px;
  line-height: 120%; /* 43.2px */
   } 
  
   .font-30 {
    font-size: 17px;
    line-height: 26px;
}
  
    .font-32{
  font-size: 24px;
  line-height: 40px; /* 156.25% */
    }
  
  
    .font-48{
  font-size: 30px;
  line-height: 50px; /* 145.833% */
    }
  .font-64{
  font-size: 48px;
  line-height: 50px; /* 109.375% */
  }

  .feature-card {
    padding: 15px;
}

.fast-server-card {
  padding: 20px 20px;
  text-align: center!important;
}
.mobile-text{
  text-align: center!important;
}
.testimonial-active-card {
  padding: 30px 12px 12px 12px;
  gap: 11px;
}

.testimonial-card {
  padding: 20px 20px;
}



.font-18-v2 {
  font-size: 12px;
  line-height: 24px;
}

.gaming-badge {
  padding: 8px 20px;
}

.help-bg {
  background: #339C80;
  border-top-right-radius: 50px;
  border-top-left-radius: 50px;
  border-bottom-right-radius:0px;
}


.support-bg {
  border-bottom-left-radius: 50px; 
  border-bottom-right-radius: 50px;
  border-top-left-radius:0px;
  padding-top: 80px;
  padding-bottom: 80px;
}
}


@media (min-width: 768px) and (max-width: 991px) { 
  .dropdown-menu[data-bs-popper] {
    width: 100%;
}
  .logo-img{
    max-width: 120px;
  }
	
		.chat-btn {
    left: 14px;
    bottom: -137px;
    padding: 11px 19px;
}

  .chat-btn {
    left: 60px;
    padding: 11px 19px;
}
  .body-padding{
    padding-left: 40px!important;
    padding-right: 40px!important;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 94%;
  --bs-gutter-x: 0px!important;
}

.btn-small-screen{
justify-content: center;
margin-bottom: 25px;

}
.gap-4{
  gap: 5px!important;
}
.header-text {
  font-size: 48px!important;
  line-height: 50px!important;
}
.pt-5{
  padding-top: 30px!important;
}

.mt-5{
  margin-top: 30px!important;
}
.my-5{
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.py-5{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.nav-link{
  font-size: 14px;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      font-size: 15px;
  }

  .font-13{
  font-size: 10px;
  line-height: 15px; /* 161.538% */
  }
  
  .font-14 {
    font-size: 10px;
    line-height: 18px;
  }
  
  .font-14-v1{
  font-size: 12px;
  line-height: 18px; /* 171.429% */
  }
  
  .font-16{
  font-size: 13px;
  line-height: 20px; /* 162.5% */
  }
  .font-18{
      font-size: 15px;
      line-height: 28px; /* 200% */
    }
  
    .font-18-v2{
  font-size: 15px;
  line-height: 28px; /* 200% */
    }
  
    .font-20{
      font-size: 12px!important;
      line-height: 25px!important;
    }

    .testimonial-sub-text {
      font-size: 12px;
      line-height: 152%;
  }
  
    .font-20-bold{
  font-size: 16px;
    }
  
    .font-22{
  font-size: 17px;
  line-height: 26px; /* 136.364% */
    }
  
    .font-24 {
      font-size: 15px;
      line-height: 30px;
  }
  
   .font-24-bold{
  font-size: 15px;
  line-height: 120%; /* 43.2px */
   } 
  
   .font-30 {
    font-size: 17px;
    line-height: 26px;
}
  
    .font-32{
  font-size: 24px;
  line-height: 40px; /* 156.25% */
    }
  
  
    .font-48{
  font-size: 30px;
  line-height: 50px; /* 145.833% */
    }
  .font-64{
  font-size: 48px;
  line-height: 50px; /* 109.375% */
  }

  .feature-card {
    padding: 15px;
}

.fast-server-card {
  padding: 41px 0px;
}

.testimonial-active-card {
  padding: 30px 12px 12px 12px;
  gap: 11px;
}

.testimonial-card {
  padding: 20px 20px;
}

.footer-logos {
  width: 123px;
  height: 32px;
}

.uni-feature-card {
  padding: 20px;
}

.gaming-badge {
  padding: 8px 20px;
}

}


@media (min-width: 992px) and (max-width: 1199px) { 

  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 94%;
    --bs-gutter-x: 0px!important;
}
  .logo-img{
    max-width: 120px;
  }
  .body-padding{
    padding-left: 40px!important;
    padding-right: 40px!important;
}
.gap-4{
  gap: 5px!important;
}
.header-text {
  font-size: 48px!important;
  line-height: 50px!important;
}
.pt-5{
  padding-top: 30px!important;
}

.mt{
  margin-top: 30px!important;
}
.my-5{
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.py-5{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.nav-link{
  font-size: 14px;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      font-size: 15px;
  }

  .font-13{
  font-size: 10px;
  line-height: 15px; /* 161.538% */
  }
  
  .font-14 {
    font-size: 12px;
    line-height: 18px;
  }
  
  .font-14-v1{
  font-size: 12px;
  line-height: 18px; /* 171.429% */
  }
  
  .font-16{
  font-size: 13px;
  line-height: 20px; /* 162.5% */
  }
  .font-18{
      font-size: 15px;
      line-height: 28px; /* 200% */
    }
  
    .font-18-v2{
  font-size: 15px;
  line-height: 28px; /* 200% */
    }
  
    .font-20{
      font-size: 16px!important;
      line-height: 30px!important;
    }

    .testimonial-sub-text {
      font-size: 16px;
      line-height: 130%;
  }
  
    .font-20-bold{
  font-size: 16px;
    }
  
    .font-22{
  font-size: 17px;
  line-height: 26px; /* 136.364% */
    }
  
    .font-24{
  font-size: 18px;
  line-height: 30px; /* 166.667% */
    }
  
   .font-24-bold{
  font-size: 18px;
  line-height: 120%; /* 43.2px */
   } 
  
    .font-30{
  font-size: 22px;
  line-height: 30px;
    }
  
    .font-32{
  font-size: 24px;
  line-height: 40px; /* 156.25% */
    }
  
  
    .font-48{
  font-size: 36px;
  line-height: 50px; /* 145.833% */
    }
  .font-64{
  font-size: 48px;
  line-height: 50px; /* 109.375% */
  }

  .feature-card {
    padding: 15px;
}
.uni-feature-card {
  padding: 20px;
}

.gaming-badge {
  color: #FFF;
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: var(--Primary, #339C80);
}

 }

 @media (min-width: 1200px) and (max-width: 1399px) { 
  .logo-img{
    max-width: 160px;
  }
  .body-padding{
    padding-left: 60px!important;
    padding-right: 60px!important;
}
.gap-4{
  gap: 5px!important;
}
.header-text {
  font-size: 48px!important;
  line-height: 50px!important;
}
.pt-5{
  padding-top: 30px!important;
}

.mt{
  margin-top: 30px!important;
}
.my-5{
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.py-5{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.nav-link{
  font-size: 16px;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      font-size: 18px;
  }


  .font-13{
  font-size: 10px;
  line-height: 15px; /* 161.538% */
  }
  
  .font-14 {
    font-size: 12px;
    line-height: 18px;
  }
  
  .font-14-v1{
  font-size: 12px;
  line-height: 18px; /* 171.429% */
  }
  
  .font-16{
  font-size: 13px;
  line-height: 20px; /* 162.5% */
  }
  .font-18{
      font-size: 15px;
      line-height: 28px; /* 200% */
    }
  
    .font-18-v2{
  font-size: 15px;
  line-height: 28px; /* 200% */
    }
  
    .font-20{
      font-size: 16px!important;
      line-height: 30px!important;
    }
  
    .font-20-bold{
  font-size: 16px;
    }

    .testimonial-sub-text {
      font-size: 16px;
      line-height: 130%;
  }
  
    .font-22{
  font-size: 17px;
  line-height: 26px; /* 136.364% */
    }
  
    .font-24{
  font-size: 18px;
  line-height: 30px; /* 166.667% */
    }
  
   .font-24-bold{
  font-size: 18px;
  line-height: 120%; /* 43.2px */
   } 
  
    .font-30{
  font-size: 22px;
  line-height: 30px;
    }
  
    .font-32{
  font-size: 24px;
  line-height: 40px; /* 156.25% */
    }
  
  
    .font-48{
  font-size: 36px;
  line-height: 50px; /* 145.833% */
    }
  .font-64{
  font-size: 48px;
  line-height: 50px; /* 109.375% */
  }
 }

 @media (min-width: 1400px) and (max-width: 1600px) { 
  .body-padding{
    padding-left: 80px!important;
    padding-right: 80px!important;
}
.gap-4{
  gap: 10px!important;
}
.header-text {
  font-size: 48px!important;
  line-height: 50px!important;
}
.pt-5{
  padding-top: 30px!important;
}

.mt{
  margin-top: 30px!important;
}
.my-5{
  margin-top: 15px!important;
  margin-bottom: 15px!important;
}

.py-5{
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.nav-link{
  font-size: 16px;
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      font-size: 18px;
  }


  .font-13{
  font-size: 10px;
  line-height: 15px; /* 161.538% */
  }
  
  .font-14 {
    font-size: 12px;
    line-height: 18px;
  }
  
  .font-14-v1{
  font-size: 12px;
  line-height: 18px; /* 171.429% */
  }
  
  .font-16{
  font-size: 13px;
  line-height: 20px; /* 162.5% */
  }
  .font-18{
      font-size: 15px;
      line-height: 28px; /* 200% */
    }
  
    .font-18-v2{
  font-size: 15px;
  line-height: 28px; /* 200% */
    }
  
    .font-20{
      font-size: 16px!important;
      line-height: 30px!important;
    }
  
    .font-20-bold{
  font-size: 16px;
    }

    .testimonial-sub-text {
      font-size: 18px;
      line-height: 130%;
  }
  
    .font-22{
  font-size: 17px;
  line-height: 26px; /* 136.364% */
    }
  
    .font-24{
  font-size: 18px;
  line-height: 30px; /* 166.667% */
    }
  
   .font-24-bold{
  font-size: 18px;
  line-height: 120%; /* 43.2px */
   } 
  
    .font-30{
  font-size: 22px;
  line-height: 30px;
    }
  
    .font-32{
  font-size: 24px;
  line-height: 40px; /* 156.25% */
    }
  
  
    .font-48{
  font-size: 36px;
  line-height: 50px; /* 145.833% */
    }
  .font-64{
  font-size: 48px;
  line-height: 50px; /* 109.375% */
  }
  }