@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');
     :root {
            --primary-color: #AD1919;
            --secondary-color: #8B0000;
            --light-bg: #f8f9fa;
            --card-bg: #ffffff;
            --text-color: #212529;
            --text-muted-color: #6c757d;
            --border-color: rgba(0, 0, 0, 0.1);
             --primary-red: #AD1919; 
            --dark-blue: #181836; 
            --card-bg: #2a2a4b; 
            --text-light: #f5f5f5;
            --text-muted: #b0b0b0;
            --subtle-gray: #777;
        }

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    z-index: 0;
}

body{
     font-family: 'Poppins';
    left: 0;
    top: 0;
    font-family: 'Poppins' !important;
    font-weight: 300;
    font-style: normal;
    font-size: 16px !important;
    width: 100%;
    height: 100%;

}

a{
    text-decoration: none;
}

.mx-9{
  margin: 0 7rem !important;
}

/* navbar */

.navbar{
    padding: 0 !important;
    z-index: 3;


}

.navbar-nav{
    display: contents !important;
}
.navbar-brand img{
    height: 70px;
    width: auto;
    margin-left: 50px;
}

.navbar-brand img:hover{
    opacity: 0.6;
}

.nav-content{
  color: rgb(0 0 0);
  margin: 0 22px;
  font-size: 18px;
  font-weight: 500;
}

.nav-content a{
    color: black;
}

.nav-content a:hover{
    text-decoration: none;
    color: black;
}

.navbar-collapse {
    justify-content: flex-end;

}

.navbar-btn{
    display: flex;
    justify-content: end;
    align-items: center;
    padding-right: 6px;
    padding-left: 100px;

}

.footer-btn{
  display: flex;
  justify-content: end;
  align-items: center;
  padding-right: 20px;
  padding-left: 100px;

}

.navbar-login-btn{
    background-color: white;
    padding: 5px 25px;
    border: 2px solid #1995AD;
    border-radius: 5PX;
}

.navbar-login-btn:focus{
    outline: none;
}

.navbar-login-btn:hover{
    opacity: 0.6;
}

.navbar-signup-btn{
    background-color: #1995AD;
    padding: 5px 20px;
    color: white;
    border: 2px solid #1995AD;
    border-radius: 5PX;
    margin: 10px;
}

.navbar-signup-btn:focus{
    outline: none
}

.navbar-signup-btn:hover{
    opacity: 0.6;
}

.dropdown-menu{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f8f9fa !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;    
}


.dropdown-toggle:hover{
    cursor: pointer;
}

.dropdown-menu {
    min-width: 280px;
}

.dropdown-menu li{
    padding: 10px 20px;
    cursor: pointer;
    width: 280px;
}

.nav-content{
    padding: 10px 0px;
}

.dropdown-menu .menu-border{
    border-bottom:1px solid #00000047!important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    box-shadow: 0px 0px 5px -2px #000;
}

.dropdown-menu .space{
    padding-top: 40px;
}

.dropdown-menu i{
    padding-right: 5px;
    color: #AD1919;
    font-size: 20px;
}

ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  background-color: white;
}

.dropdown-menu li:hover{
    cursor: pointer;
}

.dropdown-menu li a{
    display: flex;
    text-decoration: none;
    align-items: center;
    color: #181836;
    font-size: 16px;
    font-weight:500;
}

    .header-actions .new-search-container {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-right: 20px;
}

/* Styles for the search icon */
.header-actions .search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #1995ad;
    font-size: 18px;
    pointer-events: none;
    z-index: 2;
    transition: color 0.3s ease;
}

/* Styles for the search input field */
.header-actions .header-search-input {
    width: 100%;
    padding: 7px 24px 7px 52px;
    background: linear-gradient(135deg, #181836 0%, #1a1a3e 100%);
    border: 2px solid rgba(25, 149, 173, 0.3);
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    outline: none;
    box-sizing: border-box;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 20px rgba(24, 24, 54, 0.4);
    backdrop-filter: blur(10px);
}

.header-actions .header-search-input::placeholder {
    color: rgba(255, 255, 255);
    font-weight: 400;
}

.header-actions .header-search-input:focus {
    border-color: #1995ad;
    box-shadow: 
        0 0 0 3px rgba(25, 149, 173, 0.2),
        0 8px 30px rgba(24, 24, 54, 0.6),
        inset 0 1px 3px rgba(25, 149, 173, 0.1);
    transform: translateY(-1px);
}

.header-actions .header-search-input:focus + .search-icon {
    color: #ffffff;
}

/* Styles for the dropdown results container */
.header-actions .location-search-results-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #181836 0%, #1a1a3e 100%);
    border: 2px solid rgba(25, 149, 173, 0.3);
    border-radius: 12px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1000;
    padding: 20px;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.3),
        0 2px 10px rgba(24, 24, 54, 0.5);
    backdrop-filter: blur(15px);
    animation: slideUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Custom scrollbar for the dropdown */
.header-actions .location-search-results-dropdown::-webkit-scrollbar {
    width: 8px;
}

.header-actions .location-search-results-dropdown::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.header-actions .location-search-results-dropdown::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #1995ad, #AD1919);
    border-radius: 4px;
}

.header-actions .location-search-results-dropdown::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #1995ad, #c41d1d);
}

/* This class is added by JavaScript to show the dropdown */
.header-actions .location-search-results-dropdown.active {
    display: block;
}

/* Styling for the region titles (e.g., NORTH AMERICA) */
.header-actions .location-search-results-dropdown h3 {
    margin: 20px 0 12px;
    padding: 12px 16px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: linear-gradient(135deg, #1995ad 0%, #AD1919 100%);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.header-actions .location-search-results-dropdown h3 a{
    color: #ffffff;
}

.header-actions .location-search-results-dropdown h3:first-child {
    margin-top: 0;
}

.header-actions .location-search-results-dropdown h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
    transform: translateX(-100%);
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Styling for the list of cities */
.header-actions .location-search-results-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

.header-actions .location-search-results-dropdown li {
    margin-bottom: 4px;
    border-radius: 8px;
    overflow: hidden;
}

.header-actions .location-search-results-dropdown li a {
    display: block;
    padding: 14px 16px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 8px;
    font-weight: 500;
    position: relative;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.05);
}

.header-actions .location-search-results-dropdown li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #1995ad, #AD1919);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 8px;
}

.header-actions .location-search-results-dropdown li a:hover {
    color: #ffffff;
    transform: translateX(4px);
    border-color: rgba(25, 149, 173, 0.5);
    box-shadow: 0 4px 15px rgba(25, 149, 173, 0.2);
}

.header-actions .location-search-results-dropdown li a:hover::before {
    opacity: 0.1;
}

.header-actions .location-search-results-dropdown li a:active {
    transform: translateX(2px) scale(0.98);
}

/* Enhanced focus states for accessibility */
.header-actions .header-search-input:focus-visible,
.header-actions .location-search-results-dropdown li a:focus-visible {
    outline: 2px solid #1995ad;
    outline-offset: 2px;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .header-actions .new-search-container {
        max-width: 100%;
    }
    
    .header-actions .header-search-input {
        padding: 14px 20px 14px 48px;
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    .header-actions .search-icon {
        left: 16px;
    }
    
    .header-actions .location-search-results-dropdown {
        padding: 16px;
        max-height: 300px;
    }
}

@media screen and (max-width:1573px) {

      .navbar-nav .nav-content{
        font-size:15px !important;
        margin: 0 19px;
    }

    .header-actions .header-search-input::placeholder {
    font-size:15px !important;
}
    
    .navbar-login-btn{
        font-size:15px !important;
    }
}
@media screen and (max-width:1193px) {

      .navbar-toggler{
        margin-right: 1rem;
    }
    
    
}

@media screen and (max-width: 1394px) {
    
    .navbar-brand img{
        height: 60px;
    }

      .navbar-nav .nav-content{
        font-size:14px !important;
        margin: 0 13px;
    }

    .header-actions .header-search-input::placeholder {
    font-size:14px !important;
}
    
    .navbar-login-btn{
        font-size:14px !important;
    }
}

@media screen and (max-width: 1314px) {
    
    .navbar-brand img{
        height: 50px;
    }
    
      .navbar-nav .nav-content{
        font-size:12px !important;
    }

    .header-actions .header-search-input::placeholder {
    font-size:12px !important;
}
    
    .navbar-login-btn{
        font-size:12px !important;
    }
}

@media screen and (max-width:1690px) {

    .navbar-btn{
      /*display: none;*/
      padding-left: 15px !important;
        display: flex;
        justify-content: flex-start;
    }

    .header-actions .new-search-container{
        display: flex;
        justify-content: flex-start;
        margin: 10px 15px !important;
    }

    .continents{
      display: none !important;
    }
    .home-page-price-table{
      margin-top: 0 !important;
    }
}

/* -------------------------------------------------------------------- */

.home-page-banner{
  
  z-index: 0;
}

.banner-contents{
  display: flex;
  justify-content:center;
  align-items: center;
  flex-direction: column;
}

.home-page-banner h1{
  color: white;
  font-size: 50px;
}
.home-page-banner h1 strong{
  color: #1995AD;
}

.home-page-banner h1 strong span{
  color: #AD1919;
}

.banner-img img{
  border-radius: 10px;
}

/* home-page-header */

.home-page-header{
    position: relative;
    background-image: linear-gradient(#0000000f, #00000021), url(../img/banner.webp);
    background-color: #0d4468;
    min-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    background-position: center;
}

.home-page-header-message{
  padding: 155px 0 0 150px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items:flex-start;
    color: white;
    font-family: "Poppins";
}

.home-page-header-message h1{
    word-spacing: 5px;
    font-weight: bold;
    font-size: 55px;
}

.home-page-header-message p{
    font-size: 20px;
}



.home-page-header-message a{
    padding: 10px 20px;
    background-color: #AD1919;
    border-radius: 5px;
    text-align: center;
    margin-top: 30px;
    color: white;

}

.header-img{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.header-img img{
    width: auto;
    height: 600px;
    opacity: 0.7;
    border-top-left-radius: 700px;
    border-left: 15px solid #AD1919;
}

.home-page-header-message a:hover{
    text-decoration: none;
    color: white;
}

@media screen and (max-width:1300px){
    .home-page-header{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .home-page-header-message{
        padding: 30px;
    }


}


@media screen and (max-width:640px){
    .home-page-header-message h1 {
        font-size: 40px;
    }

    .home-page-header-message p {
        font-size: 16px;
    }

    .footer-down{
      flex-direction: column;
    }

    .section-head h2{
      line-height: 35px !important;
      font-size: 22px !important;
    }
    .pricing-table-section h2{
      padding-top: 20px;
    }
    .ds-card-title{
      font-size: 25px !important;
    }

    h2{
      font-size: 22px !important;
      line-height: 35px !important;
    }
}

@media screen and (max-width:640px){
  .home-page-header{
    min-height:510px;
  }
}

/* our-technologies */

.our-technologies .container{
    max-width: 1750px;
}

.our-technologies h2{
    color: #181836;
    text-align: center;
    font-family: "Poppins";
    font-weight: bold;
    font-size: 20px;
    padding: 30px 0 25px;

}

.technology ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 10px 0 10px 0;
   
}

.technology ul li{
    list-style: none;
    display: flex;
}

.technology ul li img{
    width: 210px;
    padding: 20px 0 20px 0;
}

@media screen and (max-width:1000px){

}

@media screen and (max-width:600px) {

.our-technologies h2 {
    font-size: 16px;
    padding: 0 10px 0 10px;
}

}

/* home-page-price-table */

    .home-page-price-table{
        position: relative;
        /* margin-top: 175px; */
        
    }

    .home-page-price-table span{
      color: #1995ad;
    }

    .home-page-price-table .container{
        max-width: 1450px;
    }


@media screen and (max-width:1619px) {

    .home-page-price-table h2{
        margin: 30px
    }

    .home-page-price-table{
      margin-top: 550px;
      
  }
       

        }

@media screen and (max-width:810px) {
  .home-page-price-table{
    margin-top: 850px;
    
}
}
    
 @media screen and (max-width:600px){

    .price {
      padding-top: 30px;
      flex-direction: column;
 }  
 .price-table-style {
    flex-direction: column;
 }

    .home-page-price-table h2{
        font-size: 18px;
}
   
}

@media screen and (max-width:540px){
  .home-page-price-table{
    margin-top: 1750px;
    
}
}


@media screen and (max-width:465px){
  .home-page-price-table{
    margin-top: 1850px;
    
}
}  

.i-hme-sec h2{
  line-height: 1.5;
  font-size: 36px; 
}

    .home-page-price-table h2 {
        margin: 40px 0 40px ;
        text-align: center;
        padding: 20px;
        color: #AD1919;
        font-weight: bold;
        font-family: "Poppins";                                                                                                                                                                                                                 
      }

      .price-table-style {
        justify-content: center;
        align-items: center;
      }
      
      /*.price {*/
      /*  text-align: center;*/
      /*  position: relative;*/
      /*  cursor: pointer;*/
      /*  display: flex;*/
      /*  justify-content: center;*/
      /*  align-items: center;*/
      
        
      /*}                                                                                                                                                                                                                                     */
      
      .price-table {
        background: #fff;
        padding: 10px 20px 15px 20px;
        border-radius: 10px;
        bottom: 0;
        z-index: 1;
        box-shadow: 0 0 20px -15px #030380;
        transition: transform .8s;
        border: 2px solid #181836;
        margin: 30px 10px 30px 10px;
        display: flex;
        flex-direction: column;
        max-width: 400px;


      }
      
      /* Mengatur posisi logo service */
      .service-logo {
        width: 125px;
        height: 125px;
        border-radius: 50%;
        margin: -72px auto 0;
        background: #181836;
        border: 10px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #0000002e;
      }

      .service-logo span{
        color: #fff;
        font-size: 16px;
      }

      .service-logo span strong{
        font-size: 40px;
      }
      
      /* Membuat border title */
      .price-table h4 {
        height: 30px;
        width: 80%;
        margin: 30px auto;
        background: #fff;
        position: relative;
        font-weight: bold;
        font-family: "Poppins";
      }

      .price-table ul{
        text-align: left;
        padding: 15px 0px 0px 20px;
      }

      .price-table ul li{
        padding: 5px;
      }

      .price-table ul li i{
        padding-right: 10px;
        color: #AD1919;
      }
      
      .price-table h4::after,
      .price-table h4::before {
        content: '';
        width: 40px;
        height: 30px;
       position: absolute;
       z-index: -1;
      }

      
      .price:hover .service {
        transform: translateY(-50px);
      }
      
      .price:hover::after {
        transform: translateY(-25px);
      }

      .pricing-table-btn{
        padding: 10px 50px;
        border-radius: 50px;
        background: #181836;
        color: #fff;
        border: 2px solid #181836;
        margin: 15px;
        font-weight: bold;
    }
/* Responsiveness:End */

/* Home-page-services */



/* Home-page-aboutus */

.Home-page-aboutus{
    padding: 0 200px 0 200px;
    background: linear-gradient(#181836f0, #181836f0), url(../img/home-page-server.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 50px;
    font-family: "Poppins";
    background-attachment: fixed;
}

.Home-page-aboutus-content{

    border-radius: 25px;
    padding: 10px;
}

.Home-page-aboutus-discription{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.Home-page-aboutus-discription h2{
    color: #fff;
    font-weight: bold;
}

.Home-page-aboutus-discription p{
    text-align: center;
    color: white;
    padding: 25px 0 50px 0;
    line-height: 30px;

}


.btn-aboutus{
    padding: 10px 25px;
    background-color: #ec0303;
    margin: 0 25px;
    border-radius: 25px;
}
.btn-aboutus a{
    color: white !important;

}

.aboutus-btn{
    display: flex;
    justify-content: center;
} 

@media screen and (max-width: 900px) {
  .Home-page-aboutus-content {
      display: flex;
      flex-direction: column;
  }
}


@media (max-width:600px) {
    
    
    .Home-page-aboutus{
        padding: 50px 15px !important ;
    }

    .Home-page-aboutus-discription h2 {
        font-size: 20px;
    }

    .Home-page-aboutus-discription p{
      text-align: justify !important;
    }
    .pricing-table-btn {
      padding: 10px 25px;
      margin: 5px;
      border-radius: 30px;

  }
  .price-table h4{
      width: 100%;
      font-size: 18px;
  }

  #services{
    padding: 0 15px 50px 15px !important;
  }

}

/* continents */

.continents{
  position: relative;
    padding: 50px 0 0 0;
    background-repeat: no-repeat;
    font-family: "Poppins";
    background-size: cover;
 
   
}

.continents .container{
    max-width: 1875px;
    position: absolute;
    z-index: 1;
    top: -337%;

}

.continents-box{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.continents h2{
    color: #181836;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
}

.continents-part p{
    text-align: center;
    color: black;
  }
  
  .continents-imgs{
    justify-content: center;
   
   
  }
  .continents-img {
    display: flex;
  }

  .continents-img img{
    border: 6px solid #fff;
    border-radius: 200px;
    max-width: 240px;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #00000045;
   
  }

  .continents-img-boreder{
    position: relative;
  }
  
  .continents-img-boreder a{
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
  }
  
  
  .continents-img-boreder a p{
    color: white;
    font-size: 20px;
    align-items: center;
    position: absolute;
    font-weight: bold;
    background-color: #002c54cc;
    width: 200px;
    padding: 10px;
    display: flex;
    justify-content: space-around;
    border-radius: 30px;
    top: 90px;
    left: 18px;
  
  }
  @media screen and (max-width:1624px){
    .continents-imgs{
     display: none;
  }
}
  
  
/* Home-page-Partners */

.Home-page-Partners .container{
    max-width: 1800px;
}

.Home-page-Partners h2{
    font-family: "Poppins";
    color: #181836;
    text-align: center;
    padding-bottom: 30px;
    font-weight: bold;
}



    @keyframes scroll {
        0% { transform: translateX(0); }
        100% { transform: translateX(calc(-250px * 6))}
    }
    
 
.Home-page-Partners-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.Home-page-Partners-details{
    background-color: white;
    border-radius: 10px;
    padding: 50px 0;
}

.Home-page-Partners-list ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.Home-page-Partners-list ul li{
    list-style: none;
    display: flex;
    padding: 10px 10px;
}

.Home-page-Partners-list ul li img{
    border: 2px solid #18183621;
    padding: 10px 20px;
    width: 240px;
}

.Home-page-Partners-list ul li img:hover{
    opacity: 0.5;
}

@media screen and (max-width:600px) {
    .slider{
        margin: auto;
        overflow:hidden;
        position: relative;
        width: auto;
        
        .slide-track {
            animation: scroll 40s linear infinite;
            width: calc(450px * 7);
        }
       
    }
    .slider-01{
      margin: auto;
      overflow:hidden;
      position: relative;
      width: auto;
      
      .slide-track-01 {
          animation: scroll 40s linear infinite;
          width: calc(700px * 5);
      }
     
  } 
 
}
/* services */

#services{
    padding-left: 50px;
    padding-right: 50px;
    font-family: "Poppins";
    
    
}

a {
    text-decoration: none !important;
}
.center-heading {
  text-align: center;
}

.center-heading .section-title {
  color: #AD1919;
  font-weight: bold;
  line-height: 38px;
  margin-bottom: 20px;
}

.section-title span{
  color: #1995AD;
}

.center-heading.colored .section-title {
  color: #ffffff;
}

.center-text {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #6F8BA4;
  line-height: 28px;
  margin-bottom: 50px;
}

.center-text.colored {
  color: #C7E5FF;
}

.center-text p {
  margin-bottom: 30px;
}

.services-small-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
 
.color-blue{
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 25px;
    padding: 42px 10px;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    height: 315px;
    border: 3px solid #ad1919;
  }

  .color-red{
    background: #181836;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 25px;
    padding: 32px 12px;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    height: 315px;
  }


.services-small-item .icon {
  width: 139px;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
}


.color-red .icon i {
  display: block;
  line-height: 30px;
  width: 100%;
  top: 22px;
  z-index: 2;
  font-size: 50px;
  color: #fff;
}

.color-blue .icon i {
    display: block;
    line-height: 30px;
    width: 100%;
    top: 22px;
    z-index: 2;
    font-size: 50px;
    color: #ad1919;
  }

.color-red .services-title {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.7px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
  font-weight: bold;
}

.color-blue .services-title {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.7px;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    font-weight: bold;
   
  }

.color-red p {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.88px;
  line-height: 25px;
  position: relative;
  z-index: 2;
  
  margin-bottom: 30px;
}
.color-blue p {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.88px;
    line-height: 26px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 30px;
  }

.services-small-item .button {
  position: relative;
  z-index: 2;
}

.services-small-item .button i {
  width: 42px;
  height: 42px;
  background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);
  line-height: 42px;
  text-align: center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  padding-left: 3px;
}

.services-small-item:hover + .item-bg {
  bottom: 30px;
}

.item-bg {
  content: '';
  position: absolute;
  width: 80%;
  height: 15px;
  bottom: 15px;
  left: 0px;
  right: 0px;
  margin: auto;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 1;
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media screen and (max-width:1800px) {

    .services-small-item {
        height: 90%;
    }
    
}

@media screen and (max-width:1800px) {

    .center-heading .section-title{
        font-size: 20px;
    }
    
}

/* faq */

.faq{
    padding: 25px 50px 50px 50px;
    /* background-image: linear-gradient(#ffffffe3, #fffffff2), url(../img/faq.webp); */
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.faq .container{
  max-width: 1600px;
}

.faq-styles h2{
    font-weight: bold;
}


#accordion{
    display: flex;
    justify-content: space-around;
    margin: 10px;
}

.testimonials{
	margin:100px auto 100px;
	display:grid;
	grid-template-columns: repeat(auto-fit,minmax(350px, 1fr));
	grid-gap:20px;
}
.testimonials .card{
	position:relative;
	width:350px;
	margin:0 auto;
	background:#333;
	padding:20px;
	box-sizing: border-box;
	text-align:center;
	box-shadow:0 10px 40px rgba(0,0,0,.5);
	overflow: hidden;
}
.testimonials .card .layer{
	position: absolute;
	top: calc(100% - 3px);
	width:100%;
	height:100%;
	left:0;
	z-index:1;
	transition:0.5s;
}
.testimonials .card:hover .layer{
	top:0;
}
.testimonials .card .content{
	position:relative;
	z-index:2;
}
.testimonials .card .content p{
	font-size:18px;
	line-height:24px;
	color:#FFF;
}
.testimonials .card .content .image{
	width:100px;
	height:100px;
	margin: 0 auto;
	border-radius:50%;
	overflow:hidden;
}
.testimonials .card .content .details h2{
	font-size:15px;
	color:#fff;
}
.testimonials .card .content .details h2 span{
	color:#03a9f4;
	font-size:12px;
	transition: 0.5s;
}
.testimonials .card:hover .content .details h2 span{
	color:#fff;
}

.content h4{
    color: white;
}

.panel-body{
    padding: 15px 30px;
    text-align: justify;
    font-size: 16px;
}

.panel-title a{
    color: #181836 !important;
    font-size: 16px !important;
    display: flex;
    justify-content: space-between;
    
}

.icollapse {
    flex-shrink: 0;
}

.acollapse{
  line-height: 25px;
  flex: 1; /* Allows this container to grow and shrink */
    
    /* --- THIS IS THE KEY PART --- */
    white-space: normal;   /* Allows text to wrap */
    word-wrap: break-word; /* Breaks long words if needed */
    overflow-wrap: break-word;
    /* -------------------------- */
    
    text-align: left; /* Ensures text is left-aligned */
    padding-right: 15px;
}


.panel-title a i{
  color: #829CD0;
  font-weight: bold;
}

.panel-group ul{
    margin: 20px;
    
}
.faq{
  background-color:#f5f5f5;
}


.collapsed i{
    padding-right: 10px;
    color: #829CD0;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
    color: #181836;
}
.panel-heading {
    padding: 20px 15px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel {
    margin-bottom: 20px !important;
    background-color: #ffffff;
    border: 2px solid #829cd073;
    border-radius: 10px;
}
.faq-styles {
    text-align: center;
    color: #AD1919;
    font-weight: bold;
    padding: 20px !important;
    margin: 0 !important;
}

.faq-styles h2{
    font-family: "Poppins";
}


.jumbotron {

    color: inherit;
    background-color: #00bcd4 !important;
    text-align: center;
    color: #fff;
    padding: 20px !important;
}

@media screen and (max-width:600px) {

    #accordion{
        justify-content: center;
        flex-direction: column;
    }

    .faq{
        padding: 0 !important;
    }

    .faq-styles h2{
        font-size: 20px;
    }
}

/* footer */

.footer-down{
    display: flex;
    border-top: 2px solid #ffffff57;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
}

.copyright{
  padding-top: 15px;
}

.copyright p{
    color: white;
    font-size: 14px;
}

.col-sm-3{
    max-width: 500px;
}
.footer{
    background-color: #181836;
    padding: 50px 50px 30px;
    font-family: "Poppins";
}

.footer-section{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


.footer-section-content li{
    list-style: none;
    padding-bottom: 10px;
    color: white;
}

.footer-section-content li h4{
    font-weight: bold;
}

.footer-section-content li a{
    text-decoration: none;
    color: white !important;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.footer-section-content li a .fa-circle-check{
    color: #829CD0;
    padding-right: 10px;
    font-size: 16px;
}

.footer-social{
    display: flex;
    margin: 20px 0 10px 0;
    
}

.footer-social li{
    list-style: none;
    padding: 0px 10px 20px 0px;
    
}

.footer-social li a{
    color: #AD1919;
    font-size: 18px;
    background-color: #f1f1f2;
    border-radius: 5px;
    padding: 5px 11px;
}

.footer-billing-section ul button{
  background: #ad1919 !important;
  border:2px solid #ad1919;
  border-radius:5px;

}

.footer-down .copyright p{
  padding:0 !important;
  
}


.footer-billing-section button li{
  padding:5px 10px !important;
}

.footer-billing-section button li a{
  color: #fff !important;
}

/* Contact Us */

/* contact-header */

.contact-header{
    background-color: #181836;
    padding: 50px;
    font-family: "Poppins";

}

.contact-header h1{
    color: white;
    text-align: center;
    font-weight: bold;
}

.contact-header h5{
    padding-top: 20px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    
}


.active{
  color: #829CD0 !important;
  font-weight: bold;
}

.contact-header h5 a{
    color: white !important;
    
    
}


.contact-header h5 i{
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

/* contact-form */

.contact-form{
    padding: 50px;
    display: flex;
    justify-content: center;
    font-family: "Poppins";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-form .container{
    max-width: 1450px;
}

.contact-form .title{
    padding-bottom: 40px;
    color: #AD1919;
    font-weight: bold;
    text-align: center;
}

.contact-us{
    display: flex;
    border-radius: 15px;
    justify-content: center;
}

.contact-infirmation{
    font-family: "Poppins";
    padding: 50px;
    border-left: 5px solid #ad19191c;
    background: #181836;
   
}

.contact-infirmation h3{
    font-weight: bold;
    color: white;
}

.contact-infirmation i{
    color: #1995AD;
    padding-right: 20px;
    font-size: 25px;

}

.contact-infirmation p{
    padding: 15px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-align: justify;
    color: white;
}

.contact-infirmation p a{
    display: flex;
    align-items: center;
    color: white;
}

/* .form{
    display: flex;
} */

.is-half{
    padding: 25px;
    background: aliceblue;
}

.field{
    padding: 10px;
    display: flex;
}

.label{
    margin-left: 10px;

}

.textarea{
    width: 730px;
    height: 150px;
    border-radius: 5px;
    padding: 10px;
    border: 2px solid #1995ad4d;
}

.is-primary{
    padding: 10px 45px;
    border-radius: 10px;
    border: 2px solid #1995AD;
    color: white;
    background-color: #1995AD;
}

.contact-img{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    background-color: white;
    border-radius: 10px;
}

.contact-img img{
    border-radius: 500px;
}

@media screen and (max-width:1250px) {

    .contact-us{
        flex-direction: column;
    }
    .contact-infirmation{
        border-left: 0px solid #AD1919;
    }
}

@media screen and (max-width:1000px) {

    .footer-section {
        flex-direction: column;
    }
    
}

@media screen and (max-width:1000px){
    .footer{
        padding: 50px 50px;

    }
}

/* contact-us-details */

.contact-us-details{
    position: relative;
    background:linear-gradient(hsl(0, 0%, 100%), #ffffff99), url(../img/contact-us/map.webp); 
}

.contact-us-details .container{
    max-width: 1750px;
}

.contact-us-details-boxes{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px;
    background: white;
    margin: 50px;
}

.contact-uu-box a img{
    border-radius: 20px;
}

/* ----------------------------------------- */

.contact-form .container{
    width: 85%;
    border-radius: 6px;
    padding: 40px 60px 40px 40px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border: 3px solid #00000021;
  }
  .contact-form .container .content{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #18183640;
    padding: 50PX 0;
    
  }
  .container .content .left-side{
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    position: relative;
  }
  .content .left-side::before{
    content: '';
    position: absolute;
    height: 70%;
    width: 2px;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
   
  }
  .content .left-side .details{
    margin: 14px;
    text-align: center;
  }

  .gpu-img-01{
    transform: scaleX(-1);

  }

  .address img{
    width: 285px;
    transform: scaleX(-1);

  }
  .content .left-side .details i{
    font-size: 30px;
    color: #AD1919;
    margin-bottom: 10px;
  }
  .content .left-side .details .topic{
    font-size: 18px;
    font-weight: 500;
  }
  .content .left-side .details .text-one a{
    font-size: 14px;
    color: #181836;
  }
  .container .content .right-side{
    width: 75%;
    margin-left: 75px;
  }
  .content .right-side .topic-text{
    font-size: 23px;
    font-weight: 600;
    color: #AD1919;
  }
  .right-side .input-box{
    height: 50px;
    width: 100%;
    margin: 12px 0;
  }
  .right-side .input-box input,
  .right-side .input-box textarea{
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background: #F0F1F8;
    border-radius: 6px;
    padding: 0 16px;
    margin: 0 -15px;
    resize: none;
    border: 2px solid #18183629;

  }
  .right-side .message-box{
    min-height: 110px;
  }
  .right-side .input-box textarea{
    padding-top: 6px;
  }
  .right-side .button{
    display: inline-block;
    margin-top: 12px;
  }
  .right-side .button input[type="button"]{
    color: #fff;
    font-size: 18px;
    outline: none;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    background: #AD1919;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .button input[type="button"]:hover{
    background: #AD1919;
  }
  
  @media (max-width: 950px) {
    .contact-form .container{
      width: 90%;
      padding: 30px 40px 40px 35px ;
    }
    .container .content .right-side{
     width: 75%;
     margin-left: 55px;
  }
  }
  @media (max-width: 820px) {
    .contact-form .container{
      margin: 40px 0;
      height: 100%;
    }
    .container .content{
      flex-direction: column-reverse;
    }
   .container .content .left-side{
     width: 100%;
     flex-direction: row;
     margin-top: 40px;
     justify-content: center;
     flex-wrap: wrap;
   }
   .container .content .left-side::before{
     display: none;
   }
   .container .content .right-side{
     width: 100%;
     margin-left: 0;
   }
  }


  /* ----------------------------------------------------------------------------------------------------------------------- */

.input-box-line{
    display: flex;
}


.ft-fm-2 {
	font-family: "Poppins";
}

.m-t-120 {
	margin-top: 120px;
}
.section-common-space {
  background-image:linear-gradient(#ffff, #ffffff00), url(../img/map-image.webp);
	padding: 0 50px 50px 50px;
}
.section-header {
	margin-bottom: 60px;
}

.section-title {
    font-family: "Poppins";
	color:  #fff;
	margin-bottom: 60px;
}


.ft-wt-bold {
	font-weight: 700;
}
.section-subtitle {
	font-size: 17px;
}
.features-item {
  background-color: #fff;
  padding: 75px 20px 40px;
  position: relative;
  transition: .3s;
  border-radius: 10px; /* Only one border-radius is needed */
  border: 2px solid #181836;
  min-height: 257px;
}

.features-item:hover {
  box-shadow: 0 40px 70px 0 rgba(0, 0, 0, 0.22);
  cursor: pointer;
}

.features-item:hover .features-icon {
  color: #fff;
  border-color: #181836;
}

.features-item:hover .features-info .title {
  color: #AD1919;
  border-color: #AD1919;
}

.features-item:hover .features-info a {
  color: #181836;
  border-color: #AD1919;
}


.features-info p a{
  color: #181836;
}
.features-icon {
	font-size: 36px;
	width: 96px;
	height: 96px;
	line-height: 96px;
	text-align: center;
	background: #181836;
	border-radius: 60px;
	border: 2px dashed #181836;
	box-shadow: 0 0 0 10px #fff;
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translate(-50%);
	color: #fff;
	transition: .3s;
  border: 5px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #0000002e;
}
@media only screen and(max-width: 992px) {
	.clear-problem > div:nth-child(3n + 1) {
		clear: none;
	}
}
@media only screen and(max-width: 768px) {
	.section-common-space {
		padding: 50px 0;
	}
	h4 {
		font-size: 17px;
	}
	h2 {
		font-size: 21px;
	}
	.section-title {
		margin-bottom: 20px;
		span:before {
			bottom: -10px;
		}
	}
}
.clear-problem > div:nth-child(3n + 1) {
	clear: left;
}
.features-info .title {
	color: #AD1919;
	font-weight: 700;
	margin-bottom: 10px;
}
  
  
/* -------------------------------------------- */

:root {
  --Cyan: hsl(179, 62%, 43%);
  --Light-Cyan: hsl(179, 47%, 52%);
  --Bright-Yellow: hsl(71, 73%, 54%);
  --Light-Bright-Yellow: hsl(71, 73%, 62%);
  --Light-Gray: hsl(204, 43%, 93%);
  --Grayish-Blue: hsl(218, 22%, 67%);
  --border-radius: 6px;
}


ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

.main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 50px;
  background-color: #f1f1f2;
}

.card-wrapper {
  max-width: 90%;
  margin: auto;
  text-align: start;
  overflow: hidden;
  border-radius: calc(var(--border-radius) + 2px);
  box-shadow: 4px 10px 15px hsla(217, 22%, 67%, 0.438);
}

@media (min-width: 767px) {
  .card-wrapper {
    max-width: 640px;
  }
}
.card-wrapper .card-summary {
  background-color: #fff;
  
  margin: 20px;
}

@media (min-width: 767px) {
  .card-wrapper .card-summary {
    padding: 15px 15px;
  }
}

.card-summary h1 {
  color: #AD1919;
  margin-bottom: 20px;
}

.card-summary h2 {
  color: #1995AD;
  margin-bottom: 25px;
  font-size: 20px;
}

@media (min-width: 767px) {
  .card-summary h2 {
    margin-bottom: 10px;
  }
}


#services

.card-summary p {
  color: black;
  line-height: 1.7;
}



/* End Attribution */

/* about-us */
.about-us-header{
    font-family: "Poppins";
    background-color: #181836;
    padding: 50px;
    text-align: center;
    color: white;
    
}
.about-us-header h1{
    font-weight: bold;
}

.about-us-header h5{
    padding: 20px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    
}

.about-us-header h5 a:active{
    color: #1995AD;
}

.about-us-header h5 a{
    color: white !important;
    
}

.about-us-header h5 i{
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

/* Our services */

.data-center-services{
  padding: 50px;
  overflow: hidden;
  position: relative;
}
.data-center-services .sec-title {
  text-align: center;
}

.data-center-services .container{
  max-width: 1650px;
}

.our-services {
  padding: 50px;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
}

.our-services .container{
    max-width: 1650px;
}

.our-services .sec-title {
    text-align: center;
}
.sec-title {
    position: relative;
    margin-bottom: 20px;
}
.sec-title h2 {
    position: relative;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 700;
}
.center {
    text-align: center;
}
.our-services .sec-title p {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 20px;
}
.sec-title h2.center:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
}
.our-services .clearfix {
    margin-top: 66px;
}
.single-service-item {
    margin-bottom: 26px;
    position: relative;
    text-align: center;
}

.our-services .single-service-item .service-icon {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}
.our-services .single-service-item .service-icon i {
    font-size: 40px;
    background: white;
    padding: 20px;
    border-radius: 100%;
    border: 2px solid #1995ad;
    color: #1995ad;
}
.service-text {
    overflow: hidden;
}
.service-text h4 {
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 10px;
}
.service-text p {
    font-size: 14px;
    line-height: 22px;
}
.service-text h4 {
    transition: .5s;
    font-weight: bold;
}
.service-text h4 a:hover {
    color: #26cdff;
    transition: .5s;
    text-decoration:none;
}

.container-03{
    padding-left: 170PX;
    padding-right: 170px;

}

/*Partners */

.Partners h1{
    font-family: "Poppins";
    color: #181836;
    text-align: center;
    padding: 30px;
    font-weight: bold;
}

.Partners{
    padding: 50px;
}

.Partners .container{
    max-width: 1800px;
}

.Partners-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Partners-list ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.Partners-list ul li{
    list-style: none;
    padding: 25px;
}

.Partners-list ul li img{
    border: 1px solid #00000017;
    padding: 15px 20px;
    width: 280px;
}

.Partners-list ul li img:hover{
    opacity: 0.5;
}

.contact-section{
    background-image: linear-gradient(#ffffffe0, #ffffff), url(../img/about-us/server-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-section .container{
    max-width: 1800px;
}



.aboutus-contact-section{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}


/* aboutus  */

.aboutus {
    position: relative;
    background-image: linear-gradient(#fff, #ffffff69), url(../img/about-us/about-us.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.aboutus .container{
    max-width: 1450px;
}

.dedicated-server-aboutus-content .container{
  max-width: 1500px;
}

.dedicated-server-aboutus-content span{
  color: #1995ad;
}


@media screen and (max-width:1420px) {
  .dedicated-server-aboutus-content{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .dedicated-server-aboutus-text{
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width:950px){

  .dedicated-server-aboutus-text{
    padding: 50px 20px 0 20px !important;
  }
}

.co-location-aboutus-content{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap !important;
}

.table-container-blue .price-tag .amount{
  font-size: 30px;
  color: #181836;
}

.price-tag{
  padding-top: 15px;
}

.table-container-red .price-tag .amount{
  font-size: 30px;
  color: #AD1919;
}

.table-container-blue .price-tag .symbol{
  color: #181836;
}

.table-container-red .price-tag .symbol{
  color: #AD1919;
}

.dedicated-server-aboutus-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 25px;
}

.aboutus-content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap !important;
    
}

.aboutus-content-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
    z-index: 1;
    padding: 0 50px;
    
}

.aboutus-content-text span{
  color: #1995ad;
}

.dedicated-server-card{
  justify-content: center;
  padding-top: 20px;
}

.dedicated-server-card .col{
    display: flex;
    justify-content: center;
}

.ds-card-title{
  font-size: 28px ;
  height: 60px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-shadow: 2px 2px #000;
  margin-bottom: 1.75rem !important;
}

.ds-card{
  margin:15px 0 !important;
  border-radius: 15px !important;
}

.ds-card-01{
  background: linear-gradient(#181836c7, #181836), url(../img/server-north-america.png);
}

.ds-card-02{
  background: linear-gradient(#181836c7, #181836), url(../img/server-asia.png);

}

.ds-card-03{
  background: linear-gradient(#181836c7, #181836), url(../img/server-africa.png);

}

.ds-card-04{
  background: linear-gradient(#181836c7, #181836), url(../img/server-europe.png);

}

.ds-card-05{
  background: linear-gradient(#181836c7, #181836), url(../img/server-australia.png);

}

.ds-card-06{
  background: linear-gradient(#181836c7, #181836), url(../img/server-south-america.png);

}

.ds-card-body{
  display: flex;
  flex-direction: column;
}

.ds-btn{
  background: #ad1919 !important;
  color: white !important;
  font-weight: bold !important;
  font-size: 16px !important;
  letter-spacing: 0.5px;
}

.dedicated-server-aboutus-content h2{
  color: #AD1919;
  font-weight: bold;
  text-align: left;
}

hr .border{
  border: 2px solid black;
}

.partners-content-img{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}

.partners-content-text{
  display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
    z-index: 1;
    padding: 20px 50px;
}

.partners-content-text h4{
  font-size: 28px;
}

.partners-content-text h4 i{
  color: #AD1919;
  padding-right: 10px;
}

.text-first{
  display: flex;
    flex-direction: column;
    justify-content: left;
    border-radius: 20px;
    z-index: 1;
    padding: 50px 50px !important;
}

.dedicated-server-aboutus-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  z-index: 1;
  padding: 50px 20px;
}

.gpu-dedicated-server-aboutus-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center !important;
  border-radius: 20px;
  z-index: 1;
}
.gpu-dedicated-server-aboutus-text h2{
  color: #AD1919;
  font-weight: bold;
  padding: 0 0 20px ;
  text-align: center;

}

.dedicated-server-aboutus-text h2{
  color: #AD1919;
  font-weight: bold;
  padding: 0 0 20px ;
}

.dedicated-server-aboutus-text h2 span{
  color: #1995AD;
}

.dedicated-server-aboutus-text h2 strong{
  color: #AD1919;
}
.dedicated-server-aboutus-text p{
  text-align: justify;
  line-height: 30px;
}

.aboutus-content-text h2{
    color: #AD1919;
    font-weight: bold;
    padding: 0 0 20px ;
    text-align: left;
}

.aboutus-content-text p{
    text-align: justify;
    line-height: 30px;
 
}

.aboutus-content-img{
z-index: 1;
display: flex;
justify-content: center;
position: relative;
    
   
}

.price-content-text{
  display: flex;
  justify-content: center;
  align-items: center;
}

.aboutus-content-img img{
  height: 325px;
    border-radius: 35px;
  padding: 20px;
    
}

.about-us-server img{
  padding: 0 !important;
  height: 400px;
}

.price-content-img img{
  height: 300px;
    border-radius: 225px;
    border: 7px solid #181836;
}

.price-content-img{
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.dedicated-server-co-location-img{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
 
}

.dedicated-server-co-location-img img{
    height: 320px;
    border-radius: 200px;
}

.dedicated-server-aboutus-img img{
  border-radius: 15px;
  height: 100% !important;
}

.ds-about{
  position: relative;
  flex-wrap: nowrap !important;
  flex-direction: row;
}

@media (max-width:1024px) {
  .ds-about{
    flex-direction: column !important;
  }

  .co-location-aboutus-content{
    flex-direction: column !important;
  }
  
}

.dedicated-server-aboutus-img{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}
.aboutus-contact{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #ad1919;
}
.contact-text{
    color: #ad1919;
    padding: 10px;
    text-align: center;
}

.contact-text a{
    color: #ad1919;
    font-weight: bold;
}

.contact-text a.hover{
    color: #ad1919 !important;
}

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

.contact-icon i{
    color: #ad1919;
    font-size: 50px;
    padding: 15px;
}

@media screen and (max-width:1450) {
    .aboutus-content{
        flex-direction: column;
    }

  
    .industry-leading-solution img{
        width: 324px;
    }
    
}

@media screen and (max-width:700px ){

}

@media screen and (max-width:600px ) {
    .aboutus-content-img img{
        height: 175px;
        padding: 10px !important;
    }
    
    .industry-leading-solution img {
        width: 324px !important;
    }
    .industry-leading-solution {
        padding: 10px !important;
    }

    .our-services {
        padding: 50px !important;
    }
}


/* ------------------------------------------------------------------------------ */
.ours{
  background: linear-gradient(#ffffffd1,#fffffff2), url(../img/about-us/about-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 50px;
}

.ours .container{
  max-width: 1550px;
}

.ours-img{
  display: flex;
  justify-content: center;
  align-self: center !important;
}

.ours ul li{
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
}


.ours ul li i{
  padding-right: 10px;
  color: green;
}

.ours ul li p{
  padding: 10px 0;
  font-size: 16px;
  font-weight: normal;
}

.ours-img img{
  width: 100%;
  height: 100%;
}
.ours-site{
  flex-direction: row;
  margin-top: 30px;
}

@media screen and(max-width:1300px) {
  .ours-site{
    flex-direction: column !important;
  }
  .ours-text{
    display: flex;
    justify-content: center;
    align-self: center;
  }

  .ours-img{
    display: none;
  }
  
}

/* .industry-leading-solution */

.industry{
    position: relative;
    background: #181836;
    
}

.industry .container{
    max-width: 1650px;
}
.industry-leading-solution{
    position: relative;
    padding: 50px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}

.industry-leading-solution-text{
    text-align: center;
    line-height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    color: white;


}

.industry-leading-solution-text h2{
    color: #fff;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.industry-leading-solution-img{
    display: flex;
    justify-content: center;
    align-items: center;
}

.industry-leading-solution img{
    border-radius: 10px;
    width: 650px;
   
}

/* dedicated server page */


/* banner for dedicated server page */

.dedicated-server-banner-section{
    background-color: #181836;

}

.dedicated-server-banner{
    text-align: center;
    color: white;
    padding: 50px;
    height: 100%;
    width: 100%;
    font-family: "Poppins";
}
.dedicated-server-banner .container{
  max-width: 1400px;
}

.dedicated-server-banner h5{
  padding: 20px;
  font-size: 16px;
  display: flex;
  justify-content: center;
}
.dedicated-server-banner h5 i {
color: white;
padding-left: 10px;
padding-right: 10px;
}

.dedicated-server-banner h1{
    font-family: "Poppins";
    font-weight: bold;
}

.dedicated-server-banner a{
    text-decoration: none;
    color: white;
}

.dedicated-server-banner a button{
    padding: 10px 25px;
    background-color: #AD1919;
    border: 2px solid #AD1919;
    color: white;
    border-radius: 10px;
    margin-top: 20px;  
    font-family: "Poppins";  
}


@media screen and (max-width:1000px) {
    .dedicated-server-banner{
        padding: 50px 15px !important;
    }
}

.ban_sec {
    width: 100%;
  }
  .ban_img {
    width: 100%;
    position: relative;
  }
  .ban_img img {
    width: 100%;
  }
  .ban_text {
    position: absolute;
    top: 50%;
    left: 6%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .ban_text strong {
    font: 800 62.22px/70px "Montserrat", sans-serif;
    color: #fff;
    text-transform: uppercase;
  }
  .ban_text strong span {
    font: 400 44.44px/52px "Montserrat", sans-serif;
    letter-spacing: 3px;
  }
  .ban_text p {
    font: 400 25px/30px "Montserrat", sans-serif;
    color: #fff;
    margin: 7px 0 25px;
  }
  .ban_text a {
    display: inline-block;
    font: 800 19.39px/24px "Montserrat", sans-serif;
    background: #282828;
    border-radius: 26px;
    color: #fff;
    padding: 12px 28px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration:none;
  }
  .ban_text a:hover {
    background: #50af47;
  }
  
  @media (min-width: 1200px) and (max-width: 1399px) {
    .ban_text p {
      font-size: 21px;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1199px) {
    .ban_text p {
      font-size: 17px;
    }
    .ban_text strong {
      font-size: 50px;
      line-height: 60px;
    }
    .ban_text strong span {
      font-size: 37px;
    }
    .ban_text a {
      font-size: 16px;
      line-height: 19px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .ban_text strong {
      font-size: 35px;
      line-height: 40px;
    }
    .ban_text strong span {
      font-size: 28px;
      line-height: 35px;
      letter-spacing: 2px;
    }
    .ban_text p {
      font-size: 14px;
      line-height: 20px;
    }
    .ban_text a {
      font-size: 13.39px;
      line-height: 15px;
    }
  }
  @media only screen and (max-width: 767px) {
    .ban_img img {
      min-height: 290px;
      object-fit: cover;
    }
  }
  @media only screen and (max-width: 575px) {
    .ban_text strong {
      background: rgba(0, 0, 0, 0.8);
      padding: 10px;
      width: 100%;
      display: block;
    }

    .featuresSection-centent{
      flex-direction: column;
    }

    .featuresSection-centent-text{
      text-align: center;
      padding-top: 20px;
    }

    #features .box-item{
      display: flex !important;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    #features .box-item .icon{
      margin:12px 0 0 0 !important;
    }

    .iq-features-content-text h2{
      margin-bottom: 0 !important;
    }

    .iq-features-content-text{
      padding-top: 35px !important;
    }

    #features .box-item .text{
      text-align: center !important;
    }
  }
  @media only screen and (max-width: 480px) {
    .ban_text strong span {
      font-size: 22px;
      line-height: 31px;
      letter-spacing: 1px;
    }
    .ban_text {
      left: 2%;
    }
  }

  /* ---------------------------------------------------------------- */

  .footer_get_touch_outer {
    padding: 50px;
  }
  .footer_get_touch_outer .container {
    width: 95%;
    max-width: 1400px;
    margin: auto;
  }
  .grid-70-30 {
    display: grid;
    grid-template-columns: 70% 30%;
  }
  .get_form_inner {
    display: block;
    padding: 50px 40px;
    background: #fff;
    box-shadow: -4px -2px 20px -7px #cfd5df;
  }

  .grid-50-50 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  .grid-full {
    margin: 20px 0;
  }
  textarea {
    border: 1px solid #181836;
    border-radius: 2px;
    color: #333;
    padding: 12px 0 0 20px;
    width: 100%;
    outline: 0;
    margin-bottom: 20px;
  }
  .get_form_inner_text h3 {
    color: #333;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 40px;
  }
  input[type="submit"] {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    background: #181836;
    border: 2px solid;
    font-weight: 500;
    padding: 10px 20px;
    outline: 0;
    cursor: pointer;
    color: white;
    transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  input[type="submit"]:hover {
    background-color: #829CD0;
    border-color: #829CD0;
    color: #fff;
  }
  .get_say_form {
    display: inline-block;
    padding: 45px 0 25px 30px;
    background: #103e65;
    position: relative;
  }
  .get_say_form h5 {
    color: #fff;
    font-size: 26px;
    margin: 0 0 40px;
  }
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .get_say_social-icn {
    display: flex;
    position: absolute;
    bottom: 40px;
  }
  .get_say_social-icn a {
    font-size: 22px;
    color: #fff;
    padding: 0 20px 0 0;
  }
  .get_say_info_sec i {
    color: #fff;
    font-size: 32px;
  }
  .get_say_info_sec > li {
    display:flex;
    flex-direction: column;
    margin-bottom: 40px;
    color: #fff;
    padding: 0 20px;
  }

  .get_say_info_sec > li h4{
    font-weight: bold;
  }
  .get_say_info_sec > li a {
    width: 90%;
    display: block;
    padding: 15px 25px;
    color: #fff;
    font-size: 16px;
    text-decoration: unset;
    font-weight: 500;
    background: #162b65;
    border-radius: 5px 0 0 5px;
    transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -ms-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -o-transition: background 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  .get_say_info_sec > li a:hover {
    background-color: #829CD0;
  } 

/* continents section for dedicated server page  */

.continents-section{
    position: relative;
    background-image: linear-gradient(#fffffff7, #ffffffd4), url(../img/world-map.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 10px;

}

.continents-section .container{
    max-width: 1600px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.continents-content{
    display: flex;
    align-items: center;
    padding: 10px 0;
}



.continents-content-img{
    display: flex;
    justify-content: center;
    align-items: center;
}

.continents-content-img img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Change the color and opacity as needed */
}

.continents-content-title{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    width: 240px;
    height: 140px;
    border-radius: 10px;
    margin: 10px 10px;
    box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #829cd085;
   background: linear-gradient(#000000c7,#0000001f), url(../img/continents-img.png);
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   border: 5px solid #fff;
    


}

.continents-content-title strong{
  color: white !important;
  display: flex;
  font-size: 25px;
  align-items: center;
  text-shadow: 2px 2px #000;
}

.continents-content-title:hover{
  box-shadow: 0.2rem 0.2rem 0.1rem 0.1rem #18183626;
  transition: all 0.3s ease;
}

.continents-content-title a strong{
    color: #181836;
    display: flex;
    align-items: center;
}


.continents-content-title a strong i{
  padding-right: 10px;
  color: #20368f;
  font-size: 45px;
}

.continents-content-img img{
    width: 400px;
    border: 5px solid black;
    border-radius: 10px;
}

.continents-content{
  justify-content: center;
}





.continents-content-number{
    border: 5px solid black;
    padding: 15px;
    margin: 38px 0;
    font-size: 20px;
}

.continents-out-box{
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* ------------------------------------------------------------------ */

.header-design {

    text-align: center;
  }

  .listar-map-button-text h2 {
    color: #AD1919;
    text-shadow: none;
    font-weight: bold;
  }
  
  .listar-page-header-content .listar-map-button-text span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    height: 44px;
    line-height: 1.6;
    padding: 10px 25px;
    box-shadow: 0 0 300px rgba(0, 0, 0, 0.65), 0 0 30px rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    background-color: rgba(35, 40, 45, 0.9);
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  }
  

  @keyframes wave {
    0% {
      background-position: 0;
    }
    100% {
      background-position: 1440px;
    }
  }
  
  .listar-feature-item-wrapper {
    margin-bottom: 120px;
    padding-left: 27px;
    padding-right: 27px;
  }
  
  .listar-feature-item {
    height: calc(100% - 20px);
  }
  
  .listar-feature-item.listar-feature-has-link
    ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
  }
  
  .listar-feature-item a {
    position: absolute;
    top: -12px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% + 4px);
    border-radius: 1000px;
    z-index: 10;
  }
  
  .listar-feature-with-image .listar-feature-item a:before {
    content: "";
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -74px;
    width: 148px;
    height: 148px;
    border-radius: 1000px;
    z-index: 10;
  }
  
  .listar-feature-item a:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 1000px;
    z-index: 10;
    animation: ripple 0.7s linear infinite;
    box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
      -5px -5px 10px rgba(255, 255, 255, 0.5);
  }
  
  
  @keyframes ripple {
    0% {
          box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
    }
    100% {
      box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
    }
  }
  
  
  
  .listar-feature-item .listar-feature-item-inner {
    padding: 50px 30px;
    border-radius: 6px;
    z-index: 5;
    position: relative;
    height: 100%;
  }
  
  .listar-feature-item .listar-feature-item-inner {
    padding-top: 95px;
    padding-bottom: 60px;
  }
  
  .listar-feature-item .listar-feature-item-inner:before {
    border: 0;
    box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
      10px 0px 10px rgba(80, 80, 80, 0.02);
    border-radius: 1000px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-gradient(
      left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(40%, rgba(255, 255, 255, 0)),
      color-stop(100%, rgba(255, 255, 255, 1))
    );
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -o-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%
    );
    background: -ms-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
  }
  
  .listar-feature-item .listar-feature-item-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .listar-feature-right-border {
    position: absolute;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    top: -12px;
    left: 50%;
    overflow: hidden;
  }
  
  .listar-feature-items {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .listar-feature-right-border:before,
  .listar-hovering-features
    .listar-feature-item
    a:hover
    ~ .listar-feature-item-inner
    .listar-feature-right-border:before {
    border: 11px solid #2f53bf;
  }
  
  .listar-feature-right-border:before,
  .listar-hovering-features
    .listar-feature-item
    a:hover
    ~ .listar-feature-item-inner
    .listar-feature-right-border:before,
  .listar-hovering-features-grey
    .listar-feature-item
    a:hover
    ~ .listar-feature-item-inner
    .listar-feature-right-border:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 11px solid #258bd5;
    border-radius: 800px;
    left: -50%;
  }
  
  .listar-feature-item .listar-feature-block-content-wrapper {
    position: relative;
    display: block;
    text-decoration: none;
    margin: -30px;
    padding: 30px;
    height: calc(100% + 100px);
  }
  
  .listar-features-design-2 .listar-feature-item-wrapper {
    margin-bottom: 120px;
    padding-left: 27px;
    padding-right: 27px;
  }
  
  .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
    content: "";
    background-color: #fff;
    z-index: 6;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  .listar-feature-icon-wrapper {
    width: 100px;
    height: 100px;
    line-height: 148px;
    border-radius: 500px;
    position: relative;
    background-color: #fff;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 50%;
    vertical-align: middle;
    margin-left: -50px;
    top: -66px;
    margin-top: -74px;
  }
  
  .listar-feature-icon-inner {
    width: 80px;
    height: 80px;
    line-height: 120px;
    border-radius: 500px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
    background: #fff;
  }
  
  .listar-feature-icon-inner div {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: left;
  }
  
  .listar-feature-icon {
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    height: 55px;
  }
  
  .listar-feature-item img,
  .listar-feature-item i {
    position: relative;
    display: inline-block;
    border-bottom: 0;
    font-size: 40px;
    top: 0;
    padding: 0;
    color: #258bd5;
  }
  
  .listar-feature-with-image .listar-feature-content-wrapper {
    top: 0;
  }
  .listar-feature-content-wrapper {
    position: relative;
    margin-top: -15.5px;
  }
  
  .listar-feature-item .listar-feature-item-title {
    padding-top: 0;
    margin: 0 0 30px;
    text-align: center;
    line-height: 1.5;
  }
  
  .listar-feature-item
    .listar-feature-item-title.listar-feature-counter-added
    > span {
    margin-left: 25px;
    border-radius: 0 50px 50px 0;
  }
  
  .listar-feature-item .listar-feature-item-title > span {
    box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
      5px 0px 40px rgba(80, 80, 80, 0.1);
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    background-color: #fff;
  }
  
  .listar-feature-item .listar-feature-item-title > span span {
    box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
      5px 0px 80px rgba(80, 80, 80, 0.15);
    padding: 10px 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 30px;
    white-space: nowrap;
    position: absolute;
    top: -3px;
    left: -40px;
    border-radius: 50px;
    background-color: #fff;
  }
  
  .listar-feature-item .listar-feature-item-title span {
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    text-shadow: none;
    border-radius: 50px;
    color: #252525;
    font-size: 18px;
  }
  
  .listar-feature-item-excerpt {
    padding: 0 20px;
  }
  
  .listar-feature-item-excerpt {
    color: black;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  
  .pset {
    padding-top: 100px;

  }
  
  .listar-map-button-text span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    height: 44px;
    line-height: 1.6;
    padding: 10px 25px;
    box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
    border-radius: 50px;
    background-color: rgba(35, 40, 45, 0.9);
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  }
  
  .listar-map-button-text span {
    background-color: #fff;
    color: #252525;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  
  .listar-map-button-text span:after {
    border: 12px solid #fff;
  }
  
  .listar-map-button-text span:after {
    content: "";
    position: absolute;
    top: -14px;
    left: -14px;
  }
  
  .listar-map-button:hover .listar-map-button-text span {
    padding: 10px 43px 10px 51px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  
  .listar-feature-with-image .listar-feature-item a:before {
    content: "";
    position: absolute;
    top: -74px;
    left: 50%;
    margin-left: -74px;
    width: 148px;
    height: 148px;
    border-radius: 1000px;
    z-index: 10;
  }
  
  .listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
      15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
    bottom: -30px;
    background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
    background-size: 40%;
    color: #555;
    line-height: 52px;
  }
  
  
  /* --------------------------------------------------------------- */

.iq-features .container{
    max-width: 1500px;
  }
.iq-features{
    background: #fff;
    background-image: linear-gradient( #fffffd, #fffffff5), url(../img/service-model.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}
 
  .holderCircle { width: 500px; height: 500px; border-radius: 100%; position: relative; }


.dotCircle 
{ 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  margin: auto; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  border-radius: 100%; 
  z-index: 20; 
}
.dotCircle  .itemDot 
{ 
  display: block; 
  width: 75px; 
  height: 75px; 
  position: absolute; 
  background: #ffffff; 
  color: #AD1919; 
  border-radius: 20px; 
  text-align: center; 
  line-height: 80px; 
  font-size: 30px; 
  z-index: 3; 
  cursor: pointer; 
  border: 2px solid #e6e6e6; 
}
.dotCircle  .itemDot .forActive 
{ width: 56px; 
  height: 56px; 
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  display: none; 
}
.dotCircle  .itemDot .forActive::after 
{ content: ''; 
  width: 5px; 
  height: 5px; 
  border: 3px solid #AD1919; 
  bottom: -31px; 
  left: -14px; 
  filter: blur(1px); 
  position: absolute; 
  border-radius: 100%; 
}
.dotCircle  .itemDot .forActive::before 
{ 
  content: ''; 
  width: 6px; 
  height: 6px; 
  filter: blur(5px); 
  top: -15px; 
  position: absolute; 
  transform: rotate(-45deg); 
  border: 6px solid #AD1919; 
  right: -39px; 
}
.dotCircle  .itemDot.active .forActive 
{ 
  display: block; 
}
.round 
{ 
  position: absolute; 
  left: 50px; 
  top: 50px; 
  width: 380px; 
  height: 380px; 
  border: 2px dotted #AD1919; 
  border-radius: 100%; 
  /* -webkit-animation: rotation 100s infinite linear; */
 }
.dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s;   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */ background: #fff; /* Old browsers */ background: -moz-linear-gradient(left, #fff  0%, #fff  100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #181836 0%, #181836 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fff 0%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4ac7', endColorstr='#a733bb', GradientType=1); /* IE6-9 */ border: 2px solid #ffffff; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13); }
.dotCircle .itemDot { font-size: 35px; }
.contentCircle { width: 250px; border-radius: 100%; color: #222222; position: relative; top: 150px; left: 50%; transform: translate(-50%, -50%); }
.contentCircle .CirItem { border-radius: 100%; color: #000000 !important; position: absolute; top: 50%; text-align: center; bottom: 0; left: 0; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; line-height: 250px; }
.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; color: #000000; }
@media only screen and (min-width:300px) and (max-width:599px) {
	.holderCircle {/* width: 300px; height: 300px;*/ margin: 110px auto; }
	.holderCircle::after { width: 100%; height: 100%; }
	.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}
@media only screen and (min-width:600px) and (max-width:767px) { }
@media only screen and (min-width:768px) and (max-width:991px) { }
@media only screen and (min-width:992px) and (max-width:1199px) { }
@media only screen and (min-width:1200px) and (max-width:1499px) { }
  .title-box .title { font-weight: 600; letter-spacing: 2px; position: relative; z-index: -1; }
        .title-box span { text-shadow: 0 10px 10px rgba(255, 186, 186, 0.15); font-weight: 800; color: #181836; }
        .title-box p {font-size: 16px; line-height: 2em; }

.iq-features-out-box{
    display: flex;
    justify-content: space-around;
}

@media only screen and (max-width:600px){
  .round{
    left:25px !important;
    top: -100px !important;
    width: 300px !important;
    height: 300px !important;
  }
  .dotCircle{
    top: 15px !important;
  }
  .contentCircle .CirItem{
    top: -350px !important;
  }
  .holderCircle{
    margin-top: 150px;
  }
  .holderCircle{
    height: 100px !important;
  }
  .iq-features{
    padding: 10px 15px 20px 15px !important;
  }

  #featuresSection{
    padding:35px 10px !important;
    
  }
  #features{
    padding: 50px 15px !important;
  }
  .Home-page-Partners-details{
    padding: 50px 15px;
  }
  .continents-section p{
    text-align: justify !important;
  }
  .section-title{
    margin-bottom: -40px;
  }
}

.iq-features-content-text{
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Poppins";

}
.iq-features-content-text h2{
    color: #AD1919;
    font-weight: bold;
    padding-bottom: 20px;
}

.iq-features-content-text p{
    line-height: 35px;
    text-align: justify;
}

.iq-features-content-services{
    padding: 50px 50px 50px 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
 
}

@media screen and (max-width:725px) {
  .iq-features-content-services{
    display: none;
  }
}


/* --------------------------------------------------------------------------------- */

/*start global */


.heading h1:after {
    content: '';
    display: block;
    width: 8px;
    height: 2px;
    background: #BABABA;
    margin-top: 4px;
    
}

.clear-fix {
    clear: both;
}

.hidden {
    visibility: hidden !important;
}

/* end global */

/* start of our services section */

#our-partner-section {
    background: #f6f6f6;
    min-height: 100vh;
    padding-top: 25vh;
    max-width: 1800px;
}

/* OUR SEERVICES LEFT SIDE */

#our-partner-section .desc {
    width: 33%;
    float: left;
}

#our-partner-section .desc .heading h1 {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.4px;
    margin-bottom: 30px;
}

#our-partner-section .desc .text {
    color: #BABABA;
}

/* OUR SERVICES RIGHT SIDE */

#our-partner-section .services {
    width: 67%;
    float: left;
}

#our-partner-section .services .column {
    float: left;
    margin-right: 60px;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

#our-partner-section .services .column .service {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    transition: all 0.1s ease;
    margin-bottom: 7px;
}

#our-partner-section .services .column .service:hover {
    background: #28282e;
    color: #fff;
}

#our-partner-section .services .column .service:hover .service-icon {
    color: #fff;
}

#our-partner-section .services .column .service .service-desc {
    transform: rotate(-45deg);
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

#our-partner-section .services .column .service .service-desc .partner-image-icon{
   width:100px;
    margin-bottom: 5px;
}

.gm-style{
  background-color: #000 !important;
}

/* end of our services section */

/* media query */

@media all and (max-width: 967px) {
    #our-partner-section {
        padding-top: 60px;
    }
    
    #our-partner-section .desc {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    
    #our-partner-section .services {
        width: 100%;
    }
    
    #our-partner-section .services .column {
        transform: rotate(0deg);
        margin-right: 10px;
    }
    
    #our-partner-section .services .column .service .service-desc {
        transform: rotate(0deg);
    }
}



/* ---------------------------------------------------------------------------------- */



#featuresSection {
    font-family: "Poppins";
    padding: 50px;
    background: aliceblue;
}
#featuresSection .container{
    max-width: 1650px !important ;
}

.featuresSection-centent i{
  color: #1995ad;
  font-size: 45px;
  padding: 20px;
  background: #18183614;
  border-radius: 100%;
  margin-bottom: 5px;
}


.featuresSection-centent-text p{
  margin-bottom: 0 !important;
}

.featuresSection-centent{
  display: flex;
  align-items: center;
  padding: 10px 0;
  flex-direction: column;
}

#featuresSection img {
    width: 22%;
    margin-right: 20px;
    
}

.mainHeading {
    font-weight: bold;
    color: #ad1919;

}

.mainHeading span{
  color: #1995ad;
}
.subheading {
    color: #323f4b;
    font-size: 20px;
    font-weight: 900;
}

#featuresSection h6 {
    color: #7b8794;
}

#featuresSection h4 {
    color: #323f4b;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#featuresSection p {
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

/* ---------------------------------------------------------------------------------------- */

.usa-header{
    background: #181836;
    padding: 50px;
    color: white;
}
    
    /* ---------------------------------------------------------------------- */
    
    .section-title {
        font-weight: bold;
    }
    
    #features {
        background: #181836;
        padding: 50px;
        font-weight: bold;
    }

    #features .container{
      max-width: 1600px;
    }
    
    #features .icon {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 4px;
        text-align: center;
        position: relative;
        z-index: 1
    }
    
    #features .content-left span {
        float: right
    }
    
    #features .content-left .text {
        text-align: right
    }
    
    #features .content-right span {
        float: left
    }
    
    #features .box-item {
        padding: 15px;
        line-height: 22px;
        margin-top: 30px;
        border-radius: 3px;
        -webkit-transition: all .3s ease-in-out;
        -mox-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        position: relative;
        top: 0;
        border:2px solid #ffffff61;
    }
    
    #features .box-item .icon {
        text-align: center;
        margin: 12px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }
    
    #features .box-item .icon i {
        color: #fff;
        font-size: 30px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }
    
    #features .box-item .text h4 {
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        line-height: 22px;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
        color: white;
    }
    
    #features .box-item .text p {
        font-size: 14px;
        line-height: 26px;
        color: white;
    }
    
    #features .box-item:hover {
        box-shadow: 0 10px 22px 10px rgba(27, 38, 49, .1)
    }
    
    #features .box-item:hover h4 {
        color: #fff;
    }
    
    #features .show-box {
        margin-top: 50px;
        display: flex;
        justify-content: center;
    }
    
    #features .show-box img {
        width: 220px
    }

    /* --------------------------------------------------------------------------------------- */




/* Container */
.container-fluid {
  background: #FFFFFF;
  margin: 40px auto 10px;
  padding: 20px 40px 0;
  max-width: 960px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


/* Page Header */
.page-header {
  background: #f9f9f9;
  margin: -30px -40px 40px;
  padding: 20px 40px;
  border-top: 4px solid #ccc;
  color: #999;
  text-transform: uppercase;
  }
  .page-header h3 {
      line-height: 0.88rem;
      color: #000;
      }



/* Thumbnail Box */
.caption h4 {
  font-size: 1rem;
  color: #444;
  }
  .caption p {
      font-size: 0.75rem;
      color: #999;
      }
      .btn.btn-mini {
          font-size: 0.63rem;
          }


/* Carousel Control */
.control-box {
  text-align: right;
  width: 100%;
  }
  .carousel-control{
      background: #666;
      border: 0px;
      border-radius: 0px;
      display: inline-block;
      font-size: 34px;
      font-weight: 200;
      line-height: 18px;
      opacity: 0.5;
      padding: 4px 10px 0px;
      position: static;
      height: 30px;
      width: 15px;
      }




/* Mobile Only */
@media (max-width: 767px) {
  .page-header, .control-box {
  text-align: center;
  } 
}
@media (max-width: 479px) {
  .caption {
  word-break: break-all;
  }
}


/* north-america-countries */
.africa-countries,
.south-america-countries,
.australia-countries,
.asia-countries,
.europe-countries,
.north-america-countries{
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px;

}

.north-america-countries{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/north-america/north-america-bg.webp);
}

.europe-countries{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/europe/europe.webp);
}

.asia-countries{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/asia.webp);
}

.africa-countries{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/africa.webp);
}
.south-america-countries{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/south-america/south-america.webp);
}
.australia-countries{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/australia.webp);

}

.continents-north-america-countries{
  position: relative;
  padding:15px 0 0 0;
}



.continents-north-america-countries .container{
  max-width: 1750px;
}

.africa-countries .container,
.south-america-countries .container,
.australia-countries .container,
.asia-countries .container,
.europe-countries .container,
.north-america-countries .container{
  max-width: 1750px;
}

.africa-countries,
.south-america-countries,
.australia-countries,
.asia-countries,
.europe-countries,
.north-america-contries{
  padding: 30px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.countries-map-img img{
  height: 250px;
 
}

.countries-map-img{
  display: flex;
  justify-content: center;
  align-items: center;
}


.countries{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.countries ul{

  display: flex;
  justify-content: center;
  align-items: center;
}

.countries ul li{
  border-radius: 10px;
}

.countries ul li h2{
  font-weight: bold;

}


.countries ul li strong{
  color: #181836;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;

}


.country strong{
  padding: 5px 15px;
  background: white;
  margin: 20px;
  width: 150px;
  border-radius: 10px;
  font-size: 20px;
  border: 2px solid #000;
  box-shadow: 0.1rem 0.1rem #00000040;
}

/* Add constant animated arrow to the left of country names */
.country strong {
  position: relative;
}

.country strong i {
  font-size: 16px;
  animation: arrowPulse 1.2s infinite;
}

@keyframes arrowPulse {
  0% {
    opacity: 0.4;
    transform: translateX(-3px);
  }
  50% {
    opacity: 1;
    transform: translateX(2px);
  }
  100% {
    opacity: 0.4;
    transform: translateX(-3px);
  }
}

/* Hover effect for country buttons */
.country {
  transition: all 0.2s ease-in-out;
  position: relative;
}

/* Scale slightly larger on hover */
.country:hover {
  transform: scale(1.05);
}

/* Add subtle shadow change on hover */
.country:hover strong {
  box-shadow: 0.2rem 0.2rem 0.3rem rgba(0, 0, 0, 0.3);
}

/* .industry-leading-solution */

.about-north-america-solution{
  position: relative;
 
 
  
}

.country-img img{
  border-radius: 250px;
    width: 350px;
    border: 15px solid #181836;

}

@media screen and (max-width:1700px) {
  .country-img img{
    display: none;
  }

  .country-color{
    margin: 50px 0 !important;
  }

  .continents-usa-countries-advantage {
    padding: 50px 0 50px 0 !important;
  }

}
@media screen and (max-width:1400px) {
  .aboutus-content{
    flex-direction: column;
  }
}


.country{

  padding: 15px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.country img{
  width: 100px;
  border: 8px solid #181836;
  border-radius: 163px;
  box-shadow: 0.1rem 0.1rem #00000057;
  background: white;
}

.south img{
  width: 95px !important;
  border: 5px solid #181836;
}

.africa{
  padding: 0;
}

.africa img{
  width: 85px !important;
  border: 5px solid #181836;

}

.africa strong{
  margin: 15px;
  width: 175px;
  padding: 5px 10px;
}

.country-content{
  padding: 10px 20px;
border-radius: 10px;
margin: -35px 40px;
}

.country-color{
    padding: 20px !important;
    max-width: 500px !important;
    text-align: center;
    border-radius: 30px;
    margin: 10px; 
    border: 2px solid #181836!important;
}


.country-color p{
  
  padding-top: 10px;
}


.countinents-country{
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 20px;
  background: #181836;
  padding: 25px 25px;
  width: 250px;
  border-radius: 10px;
  margin: 0 35px;
  border: 2px solid #181836;
}
.usa-country-title{
  position: relative;
 font-size: 20px;
 margin: 0 5px;
 color: #181836;
 font-weight: bold;
 font-family: "Poppins";
  
}

.usa-country-one{
  border: 2px solid #181836;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem black;
   border-radius: 10px;
   margin: 10px;
   width: 245px;

}
@keyframes glowPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.usa-country-elements img {
    width: 70px;
    border-radius: 50%;
    animation: glowPulse 2s infinite;
    position: relative;
}

/* Make cursor indicate it's clickable */
.usa-countries ul li {
    cursor: pointer;
}

.city,
.montevideo,
.mexico-city,
.beauharnois,
.los-angeles,
.new-jersey,
.santa-clara,
.washington{
  left: 33px !important;
}

.guatemala-city{
  left: 33px !important;
}

.rio-de-janeiro{
  left: 23px !important;
}

.usa-country-elements-change img{
  width: 70px;
}

.usa-country-elements-change{
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  top: 21px;
  left: 50px;
  color: white;
}

.countinents-country-usa{
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 20px;
  background: #181836;
  padding: 25px 25px;
  width: 250px;
  border-radius: 10px;
  margin: 0 35px;
  border: 2px solid #181836;
}

.countinents-country strong{
  color: white !important;
}

.about-north-america-solution .container{
  max-width: 1650px;
}
.industry-leading-solution{
  position: relative;
  padding: 50px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
}

.north-america-continents{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: #829cd05e;
  padding: 15px 10px;
  width: 217px;
  border-radius: 10px;
  margin: 10px 15px;
  border: 2px solid #181836;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #18183654;
}

.Data-center-location{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: #11869D;
  width: 240px;
  border-radius: 10px;
  margin: 10px 5px;
  border: 5px solid #fff; 
  box-shadow: 2px 2px 2px 2px #00000040;
  color: #fff;
}

.Data-center-country-location{
  display: flex;
  align-items: center;
  font-size: 20px;
  width: 260px;
  border-radius: 5px;
  margin: 10px 5px;

}

.Data-center-country-location strong{
  color: #11869d;
  border-bottom: 2px solid;

}

.Data-center-country-location i{
  width: 19%;
    color: #181836;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    border-radius: 15px;
}


.datacenter-continents h3{
  font-weight: bold;

}

.Data-center-country-location{
  color: #181836;
}

.Data-center-location strong{
  color: #fff !important;
  font-size: 25px;
  padding:15px;
  text-shadow: 2px 2px #0000001f;
}
.north-america-continents strong{
  color: #181836 !important;
  font-size: 20px;
}
.north-america-continents i{
  padding-right: 20px;
  color: #181836;
  font-size: 35px;
}




.industry-leading-solution-img{
  display: flex;
  justify-content: center;
  align-items: center;
}

.industry-leading-solution img{
  border-radius: 10px;
  width: 650px;
 
}


/* ---------------------------------------------------- */


.cta-card {
  position: relative;
  width: 100rem;
  border-radius: 2rem;
  padding: 8.5rem;
  text-align: center;
  background: linear-gradient(to bottom right, #173ab7, #5271e0);
}

.cta-card::before {
  content: "";
  position: absolute;
  top: -2.5rem;
  left: -2.5rem;
  z-index: -10;
  display: block;
  width: calc(100% + 5rem);
  height: calc(100% + 5rem);
  border-radius: 2rem;
  background-color: #dde5f9;
}

.cta-card__title {
  margin-bottom: 1rem;
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
}

.cta-card__description {
  max-width: 75%;
  margin: 0 auto;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  font-weight: 300;
  color: #fff;
}

.cta-card__input-box {
  position: relative;
}

.cta-card__input {
  width: 100%;
  padding: 2.2rem 2.5rem;
  display: inline-block;
  outline: none;
  border: 2px solid rgba(243, 248, 254, 0.3);
  border-radius: 10rem;
  font-size: 2rem;
  font-family: "Poppins";
  color: #fff;
  background-color: rgba(243, 248, 254, 0.4);
}

.cta-card__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.cta-card__input:focus {
  outline: 4px solid rgba(218, 70, 218, 0.4);
  border: 2px solid transparent;
}

.cta-card__button {
  position: absolute;
  top: 50%;
  right: 0.9rem;
  width: 5.1rem;
  height: 5.1rem;
  transform: translateY(-50%);
  outline: none;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.cta-card__button path {
  transition: all 0.3s ease;
}

.cta-card__button:hover path {
  stroke: rgb(218, 70, 218);
}

.cta-card__button:active {
  transform: translate(0.3rem, -50%);
}

/* --------------------------------------------------------------- */


.search-bar{
  position: relative;
  padding:50px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.search-bar .container{
  max-width: 1600px;
}


/* SEARCH BAR CONTAINER */
.search-local {
	width: 100%;
	max-width: 625px;
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding-left: 10px;
	background: #fbfbfb;
	border-radius: 1rem;
	min-height: 50px;
	height: auto;
	border: 0.1rem solid #292929;
	border-right: none;
  justify-content: center;
}

/* ICON */
.search-local .icon {
	color: #da2535;
	font-size: 20px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.search-local 
.icon:hover {
	animation: funny-icon 0.4s ease-in-out;
}

@keyframes funny-icon {
	0% {
		scale: 1;
	}

	50% {
		scale: 0.8;
		transform-origin: bottom;
		transform: rotate(-15deg);
	}

	100% {
		scale: 1;
	}
}

/* INPUT */
.search-local input {
	height: 100%;
	width: 100%;
	flex: 1 1 25rem;
	background: #fbfbfb;
	display: flex;
	outline: none;
	border: none;
	color: #292929;
	font-size: 20px;
}

input[type="text"]::placeholder {
	color: #292929;
	font-size: 16px;
}

/* BUTTON */
.search-local button {
	background: #da2535;
	border: none;
	border-radius: 0 1rem 1rem 0;
	font-weight: 500;
	font-size: 16px;
	height: 50px;
	width: 300px;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
}

button a {
	color: #fbfbfb;
}

.search-local button .search-icon {
	display: none;
}

.search-local button:hover {
	letter-spacing: 0.5rem;
}

/* MEDIAS */
@media (max-width: 575px) {
	.search-local {
		padding-left: 0;
		column-gap: 0.25rem;
	}

	.search-local button {
		width: 80px;
	}

	button a {
		display: none;
	}

	.search-local button .search-icon {
		display: block;
		margin-inline: auto;
		color: #fbfbfb;
		font-size: 18px;
	}

	input[type="text"]::placeholder {
		font-size: 16px;
	}

  .africa-countries,
.south-america-countries,
.australia-countries,
.asia-countries,
.europe-countries,
.north-america-countries{
  padding: 50px 0 !important;
}

.about-north-america-solution-leading-solution-header-text p{
  padding: 0 10px !important;
  text-align: justify;
  line-height: 35px;
}

.about-north-america-part{
  padding: 35px 15px !important;
}

.about-north-america-solution-leading-solution-text p{
  text-align: justify;
  line-height: 35px;
}

.aboutus-content-text{
  padding: 0 15px !important;
  line-height: 35px;
}

.aboutus{
  padding: 35px 0 !important;
}

.aboutus-content-text h2{
  margin-bottom: 0 !important;
}

.aboutus-content-text h2{
  padding: 20px 0 20px !important;
}

.service{
  padding: 10px !important;
}
}




/* --------------------------------------------------------------------- */
.about-north-america-part .container{
  max-width: 1700px;
}

.about-north-america-part{
  background: #181836;
  color: white;
  padding: 50px;
 
}

.about-data-center-part{
  background: #fff !important;
  color:  #000 !important;
}

.about-data-center-part h2{
  color: #ad1919 !important;
}

.about-data-center-part h5{
  font-weight: bold;
  font-size: 17px;
}

.about-data-center-part i{
  color: #1995ad !important;
  padding: 15px;
  border: 2px solid #1995ad;
  border-radius: 100%;
  margin-bottom: 25px !important;
}

.data-centers-services{
margin-top: 0 !important;
border: 2px solid #1995AD !important;
}



.container h1 {
  text-align: center;
  font-weight: 600;
  position: relative;
}

.container h1::after {
  content: '';
  width: 100px;
  height: 5px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
}

.about-north-america-solution-leading-solution-text{
  text-align: center;
  line-height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;


}

.about-north-america-solution-leading-solution-header-text{
  text-align: center;
  line-height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

@media screen and (max-width:1300px) {
  .usa-solution-leading-solution-header-text{
    padding: 0 30px !important;

  }
}

.usa-solution-leading-solution-header-text{
  padding: 0 50PX;
  text-align: center;
  line-height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

.usa-solution-leading-solution-header-text h2{
  color: #AD1919;
  font-weight: bold;
  padding-bottom: 15px;
}
.usa-solution-leading-solution-header-text P{
  font-size: 16px;
  line-height: 30px;
}


.africa-countries h2,
.south-america-countries h2,
.australia-countries h2,
.asia-countries h2,
.europe-countries h2,
.north-america-countries h2{
  color: #AD1919;
  font-weight: bold;
  padding: 0 0 10px 0;
  text-align: center;
}

.about-north-america-solution-leading-solution-text h2{
  color: white;
  font-weight: bold;
  padding: 0 0 10px 0;
}

.about-north-america-solution-leading-solution-header-text p{
  font-size: 16px;
  padding: 0 50px;
}

.north-america-services {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 30px;
  justify-content: center;align-items: center;
  padding-top: 60px;
  /*padding-bottom: 20px;*/
  border: 2px solid #ffffff8f;
  margin-top: 40px;
  border-radius: 10px;
}

.service {
  width: 350px;
  text-align: center;
  padding: 25px 10px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  background: transparent;
  transition: transform 0.5s, background 0.5s;
}

.continent-site-service{
  width: 300px !important;
}
.continent-site-service h5{
    margin-top:10px;
    min-height:50px;
}
.continent-site-service p{
    min-height:220px;
}
.service i {
  font-size: 40px;
  margin-bottom: 10px;
  color: #FFF;
}

.service h2 {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 18px;
}



.service:hover i {
  color: #fff;
}

.g-recaptcha{
  padding-left: 15PX;
}
.contact-g-recaptcha{
  padding-left:0 !important;
}

/* -------------------------------------------------------------------------------------------------------- */
/* generic */


.list ul:nth-child(odd) {
  background-color:#ddd;
}

.list ul:nth-child(even) {
  background-color:#fff;
}

/* big */
@media screen and (min-width:600px) {
  
  .list {
    display:table;
    margin:3em;
  }
 
  .list ul {
    display:table-row;
  }
  
  .list ul:first-child li {
    background-color:#444;
    color:#fff;
  }
  
  .list ul > li {
    display:table-cell;
    padding:.5em 1em;
  }
  

  
}

/* small */
@media screen and (max-width:599px) {
  
  .list ul {
    border:solid 1px #ccc;
    display:block;
    list-style:none;
    margin:1em;
    padding:.5em 1em;
  }
  
  .list ul:first-child {
    display:none;
  }
  
  .list ul > li {
    display:block;
    padding:.25em 0;
  }
  
  .list ul:nth-child(odd) > li + li {
    border-top:solid 1px #ccc;
  }
  
  .list ul:nth-child(even) > li + li {
    border-top:solid 1px #eee;
  }
  
  .list ul > li:before {
    color:#4f6185;
    content:attr(data-label);
    display:inline-block;
    font-size:75%;
    font-weight:bold;
    text-transform:capitalize;
    vertical-align:top;
    width:50%;
  }
  
  .list p {
    margin:-1em 0 0 50%;
  }
  
}

/* tiny */
@media screen and (max-width:349px) {
    
  .list ul > li:before {
    display:block;
  }
  
  .list p {
    margin:0;
  }
  
}

.continents-usa-countries{
  position: relative;
}

.continents-usa-countries-advantage{
  position: relative;
  padding: 100px 0 100px 0;
  background-image: linear-gradient(#ffffffd9, #ffffffc9), url(../img/country-banner.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;


}

.continents-usa-countries-advantage .container{
  max-width: 1750px;
}


.continents-usa-countries .container{
  max-width: 1750px;
}

.south-america-header{
  position: relative;
  padding: 50px;
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/usa-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.south-america-header .container{
  max-width: 1650px;
}

.about-australia,
.about-africa,
.about-south-america,
.about-asia,
.about-europe,
.about-usa{
  position: relative;
  padding: 50px;
  /* background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/usa-bg.webp); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.about-australia{
  background-image: linear-gradient(#fffffff2, #fffffff0), url(../img/australia.webp);

}
.about-africa{
  background-image: linear-gradient(#fffffff2, #fffffff0), url(../img/africa.webp);

}
.about-south-america{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/south-america/south-america.webp);

}
.about-asia{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/asia.webp);
}

.about-usa{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/north-america/north-america-bg.webp);
}

.about-europe{
  background-image: linear-gradient(#fffffff2, #ffffffde), url(../img/europe/europe.webp);
}

.about-australia .container,
.about-africa .container,
.about-asia .container,
.about-europe .container,
.about-south-america .container,
.about-usa .container{
  max-width: 1650px;
}
.usa-countries{
  display: flex;
  justify-content: center;
  align-items: center;
}

.usa-countries ul{
  display: flex;
  justify-content: center;
  align-items: center;
}

.usa-countries ul li{
  padding: 10px 0;
  border-radius: 10px;
}

.usa-countries ul li h2{
  font-weight: bold;
}
.usa-countries ul li a{
  color: #181836;
  font-size: 18px;
  font-weight: bold;
}

/* === Responsive Rules === */

/* --- Medium Screens (Tablets, < 992px) --- */
@media (max-width: 991.98px) {
    .continents-usa-countries-advantage .country-content {
        /* Allow 2 cards per row */
        flex-basis: 45%;
        margin-top: 1px;
    }
}


/* --- Small Screens (Phones, < 768px) --- */
@media (max-width: 767.98px) {
    .continents-usa-countries-advantage .row {
        /* 1. Stack the items vertically */
        flex-direction: column;
        
        /* 2. When direction is column, this centers them horizontally */
        align-items: center; 
    }
    
    .continents-usa-countries-advantage .country-content {
        /* 3. Make cards take up most of the width */
        flex-basis: 100%;
       
        max-width: 450px; /* Optional: prevent it from being too wide */
    }
}


/* ----------------------------------------------------- */



:root {
  --Very-Dark-Blue: hsl(234, 12%, 34%);
  --Grayish-Blue: hsl(229, 6%, 66%);
  --Very-Light-Gray: hsl(0, 0%, 98%);
  --border-color: hsl(0, 0%, 50%);
  --fw-light: 200;
  --fw-regular: 400;
  --fw-bold: 600;

  color: var(--Grayish-Blue);
  font-size: 15px;
  font-family: "Poppins";
  font-weight: var(--fw-regular);
}

.usa-section-02{
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #181836;
  padding: 50px;
}

.usa-section-02 .container{
  max-width: 1750px;
}

.cyan {
  --border-color: hsl(180, 62%, 55%);
  grid-area: 1 / 1 / 3 / 2;
  padding: 22px !important;
}



.red {
  --border-color: hsl(0, 78%, 62%);
}

.orange {
  --border-color: hsl(34, 97%, 64%);
}

.blue {
  --border-color: hsl(212, 86%, 64%);
  grid-area: 1 / 3 / 3 / 4;
}

.header {
  text-align: center;
}

.header_title {
  font-size: clamp(1.6rem, 5vw, 2rem);
  color: white;
  font-weight: bold;

}
.header-p{
    color: white;
  font-weight: bold;
  font-size:1rem;
}

.header_subtitle {
  font-weight: var(--fw-light);
}

.header_title {
  margin-bottom: 1rem;
}

.card_title {
  color: var(--Very-Dark-Blue);
  font-size: 18px !important;
}

.header_description {
  max-width: 500px;
  margin: 0 auto;
}

.card_grid {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.card {
  width: 430px;
  margin: 0 auto;
  padding: 2rem;
  border-top: 5px solid var(--border-color);
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(23, 79, 138, 0.1);
  margin: 15px;
  max-height: 260px;
}


.card_grid .card{
  width: 350px;
  margin: 0 auto;
  padding: 2rem;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(23, 79, 138, 0.1);
  margin: 15px;
  max-height: 370px;
}

.card_title {
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: var(--fw-bold);
}

.card_content {
  margin-bottom: 1.5rem;
  font-size: 16px;
}

.card_img {
  margin-left: auto;
  display: block;
}

@media (max-width: 768px) {
  .card_grid {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    align-items: stretch;
  }

  .cyan {
    grid-area: auto;
  }

  .blue {
    grid-area: auto;
  }

  .card {
    max-width: 600px;
  }
}

@media screen and (max-width: 500px) {
  .card_grid {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
}


/* --------------------------------------------------------------- */


#wrapper {
position: relative;
}
.selectMenu {
  position: relative;
  font-family: "Poppins";

  
}


.selectMenu ul{
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
}

.selectMenu ul li a{
  color: #181836;
  padding:10px 15px;
  display: flex;
  align-items: center;
  font-size: 18px;
  background: #1995ad1c;
  margin: 0 20px;
  width: 210px;
  border-radius: 10px;
    /* text-align: center; */
  justify-content: center;
  font-weight: bold;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #1995ad;
}


.selectMenu ul li a i{
  color: green;
  padding-right: 10px;
}

#chartdiv {
  width: 100%;
  height: 450px;
max-width:100%;
background: #fff0;
}

.left-slide{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.continents-section h2,
.continents-section p{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  line-height: 35px;
  text-align: center;
  max-width: 1000px;
  
}



.continents-section h2{
  color: #AD1919; 
  font-weight: bold;
}

.left-slide i{
  font-size: 35px;
  padding-right: 10px;
  color: #20368f;
}


.left-slide p{
  padding:15px 30px;
  font-size: 16px;
}

.logof{
  opacity: 0 !important;
}


/* ------------------------------------------------------------------------------------ */
.dedicated-server{
  padding-bottom: 50px;
}
.dedicated-server .container{
  max-width: 1450px !important;
}
.co-location{
  padding-top: 30px;
}
.dedicated-server-aboutus-content{
  text-align: justify;
  line-height: 35px;
}
.gpu-dedicated-server-section .container{
  max-width: 1700px;
}


#co-location-services {
 padding: 40px 0;
  background: linear-gradient(#181836ed, #181836ed), url(../img/bg-co-location.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.co-location .container{
  max-width: 1500px;
}

#co-location-services .container{
  max-width: 1750px !important;
}

.co-location-services_title h2{
  color: #fff;
  font-weight: bold;
  padding: 20px;
}
.co-location-services h2 {
  color: #333333;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.brand_border .fa.fa-minus {
    color: #fff;
    font-size: 16px;
    height: 2px;
        background: #fff none repeat scroll 0 0;
    width: 100px;
}
.brand_border .fas.fa-handshake {
    font-size: 16px;
        color:#fff;
}


.section_title p {
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  padding: 14px 0;
}

.choose_us .section_title {
    margin-top: 45px;
}

#co-location-services .single_service {
  padding: 32px;
  box-shadow: 1px 1px 3px #ffffff47;
  margin-bottom: 50px;
  border: 1px solid #fff;
  height: 96%;
}

#co-location-services .single_service:hover{
  box-shadow: 10px 10px 15px #ffffff1c;
}

#co-location-services .icon {
  border: 1px solid #fff;
  border-radius: 5%;
  color: #fff;
  font-size: 35px;
  line-height: 65px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 70px;
}

#co-location-services .single_service .single_service-left {
  padding-right: 25px;
}

.single_service-heading {
      font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.single_service-body p {
  font-size: 16px;
  line-height: 25px;
}

.single_service-left {
  display: table-cell;
  vertical-align: top;
}
.single_service-body {
  color: #fff;
  display: table-cell;
  vertical-align: top;
}
.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}


  /* Style for the map container */
  #map {
    height: 400px;
    width: 100%;
}

/* ------------------------------------------------------------------------------- */

.address-map {
  color: blue;
  text-decoration: none;
}
.address-map:hover {
  text-decoration: underline;
}

/* -------------------------------------------------------------- */
.usa-country-elements img{
  width: 40px;
}

.usa-country-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: auto 10px auto 10px;
    width: -webkit-fill-available;
}

.usa-btn-margin-top{
    margin-top: 12px;
}

.usa-country-btn i{
   color: white;
}

.usa-country-elements{
  position: relative;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     color: white;
     font-size: 20px;
     gap: 6px;

}

.usa-country-elements span{
  text-shadow: 2px 2px #000;
}




.pricing-table{
  padding: 50px;
} 

.pricing-table  h2{
  color: #AD1919;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}



td{
  border: 1px solid  #1818362b;
    padding: 10px;
}
table{
  padding: 10px;
  border-top-left-radius: 10px;
}
th{
  padding: 10px;
}
.tr-color{
  background-color: #1818360d;
}

.th-border-left{
  border-top-left-radius: 10px;
}

.same-width-150px{
  width: 150px !important;
  height: 150px !important;
}

.width-100px{
  width: 100px !important;
}

.th-border-right{
  border-top-right-radius: 10px;
}

.pricing-table .container{
    max-width: 1700px;
}

.pricing-table p{
    padding: 10px 20px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.table{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
}

th{
    font-weight: bold;
    /* background: #1818368f;  */
    color: #fff;
}


td a{
    padding: 10px;
    /* background: #181836; */
    color: #fff;
    font-weight: bold;
}

td a i{
  padding-right: 10px;
}

td a:hover{
  color: #fff;
}

/* ---------------------------- */

.server .container{
  max-width: 1700px;
}

.server-about{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px 0;
}

.thingsOfServer-img img{
    height: 300px;
    width: 300px;
    border: 5px solid;
    border-radius: 150px;
}

.thingsOfServer{
    display: flex;
    justify-content: center;
    align-items: center;
}
.thingsOfServer-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.thingsOfServer-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.thingsOfOthers-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.thingsOfOthers-content{
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.thingsOfOthers-content h4{
  padding-bottom: 20px;
  font-weight: bold;
}


.others{
    background: #181836;
}

.others .container{
  max-width: 1400px;
}

.server-others{
  padding: 50px;
  text-align: center;
}
.server-others-left{
    padding: 50px;
}
.server-others-left h4{
    text-align: center;
}
.thingsOfOthers-img img{
    height: 350px;
}


/* --------privacy-policy----------- */

.privacy-policy-section .container{
  max-width: 1800px;
}

.privacy-policy{
  padding: 50px;
}

.privacy-policy h2,
.privacy-policy h3,
.privacy-policy h4,

.privacy-policy h5{
  padding-top: 20px;
  font-weight: bold;
  color: #181836;

}

.privacy-policy p{
  line-height: 28px;
}


/* --------------------------------------------- */
.contact-from-legal .container{
  max-width: 1450px !important;
}

.contact-from-legal{
  padding: 50px 0;
}

.form-wrapper-legal h2{
  font-weight: bold;
  color: #181836;
  margin-bottom: 0.5rem;
}

.form-wrapper-legal p{
  margin-bottom: 2.5rem;
}
.form-wrapper-legal{
  background: #fff;
  border-radius: 5px;
  padding: 50px;
  border: 2px solid #181836;
}
.form-control, .custom-select{
  border-radius: 0px;
    color: #495057;
    background-color: #f1f1f1;
    border-color: none;
    border: 1px solid #181836 !important;
    height: 42px !important;
}

.custom-select{
  height: calc(2.5em + .75rem + 2px) !important;
}

.form-group{
  padding:5px 0;
}

.comments{
  min-height: 200px;
}

.form-control:focus {
    color: #495057;
    background-color: #ffffff;
    border:1px solid #b5b6b3;
    outline: 0;
    box-shadow: none;
}

#sucessfull-message {
  background: #00800033;
}

#sucessfull-message {
  margin-top: 20px;
  text-align: center;
  padding: 10px 20px;

}


/* --------------------------------------------------------------------------------- */

.select-location .container{
  max-width: 950px;
  background: #829CD0;
  padding: 50px;
  border-radius:10px;

}

/* -------------------------------------------- */

.gpu-server-section{
  position: relative ;
  padding: 50px;
}
.gpu-server-section .container{
  max-width: 1700px;
}



.gpu-server h2{
  color: #AD1919;
  font-weight: bold;
  text-align: center;
}

/* -------------------------------------------------------------------------- */
span :hover {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  }
  .section-head {
  margin-bottom: 30px;
  }
  .section-head h2 {
  position: relative;
  padding-top: 20PX;
  color:#AD1919;
  line-height: 1;
  letter-spacing:0.3px;
  font-weight: bold;  
  text-align:center;
  text-transform:none;
  margin-bottom:30px;
  }
 
 
  p.service_text{
  color:#cccccc !important;
  font-size:16px;
  line-height:28px;
  text-align:center;    
  }
  .section-head p, p.awesome_line{
  color:#818181;
  font-size:16px;
  line-height:28px;
  text-align:center;  
  }
  
  .extra-text {
  font-size:34px;
  font-weight: 700;
  color:#2f2f2f;
  margin-bottom: 25px;
  position:relative;
  text-transform: none;
  }
  .extra-text::before {
  content: '';
  width: 60px;
  height: 3px;
  background: #f91942;
  position: absolute;
  left: 0px;
  bottom: -10px;
  right: 0;
  margin: 0 auto;
  }
  .extra-text span {
  font-weight: 700;
  color:#f91942;
  }
  .item {
  background: #fff;
  text-align: center;
  padding: 30px 25px;
  -webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
  box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  border:5px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
  -webkit-transition: all .5s ease 0;
  transition: all .5s ease 0;
  transition: all 0.5s ease 0s;
  border: 2px solid #AD1919;
  }
  .item:hover{
  background:#829CD0;
  box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .5s ease 0;
  transition: all .5s ease 0;
  transition: all 0.5s ease 0s;
  }
  .item:hover .item, .item:hover span.icon{
  background:#fff;
  border-radius:10px;
  -webkit-transition: all .5s ease 0;
  transition: all .5s ease 0;
  transition: all 0.5s ease 0s;
  }
  .item:hover h6, .item:hover p{
  color:#fff;
  -webkit-transition: all .5s ease 0;
  transition: all .5s ease 0;
  transition: all 0.5s ease 0s;
  }
  .item .icon {
  font-size: 40px;
  margin-bottom:25px;
  color: #f91942;   
  width: 90px;
  height: 90px;
  line-height: 96px;
  border-radius: 50px;
  padding: 15px 25px;
  }
  .item .feature_box_col_one{
  background:rgba(247, 198, 5, 0.20);
  color:#AD1919
  }
  .item .feature_box_col_two{
  background:rgba(255, 77, 28, 0.15);
  color:#AD1919
  }
  .item .feature_box_col_three{
  background:rgba(0, 147, 38, 0.15);
  color:#AD1919
  }
  .item .feature_box_col_four{
  background:rgba(0, 108, 255, 0.15);
  color:#AD1919
  }
  .item .feature_box_col_five{
  background:rgba(146, 39, 255, 0.15);
  color:#AD1919
  }
  .item .feature_box_col_six{
  background:rgba(23, 39, 246, 0.15);
  color:#AD1919
  }
  .item p{
  font-size:15px;
  line-height:26px;
  }
  .item h6 {
  margin:20px;
  color:#2f2f2f;
  font-weight: bold;
  font-size: 16px;
  }
  .mission p {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  }
  .mission i {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #f91942;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  }
  .mission .small-text {
  margin-left: 10px;
  font-size: 13px;
  color: #666;
  }
  .skills {
  padding-top:0px;
  }
  .skills .prog-item {
  margin-bottom: 25px;
  }
  .skills .prog-item:last-child {
  margin-bottom: 0;
  }
  .skills .prog-item p {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 10px;
  }
  .skills .prog-item .skills-progress {
  width: 100%;
  height: 10px;
  background: #e0e0e0;
  border-radius:20px;
  position: relative;
  }
  .skills .prog-item .skills-progress span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #f91942;
  width: 10%;
  border-radius: 10px;
  -webkit-transition: all 1s;
  transition: all 1s;
  }
  .skills .prog-item .skills-progress span:after {
  content: attr(data-value);
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 10px;
  font-weight:600;    
  color: #fff;
  background:rgba(0, 0, 0, 0.9);
  padding: 3px 7px;
  border-radius: 30px;
  }
  

/* ------------------------------------------------------------------------------------- */

.gpu-server-optimize{
  position: relative;
}

.gpu-server-optimize .container{
  max-width: 1400px;
}

.gpu-server-optimize h2{
  text-align: center;
  color: #AD1919;
  font-weight: bold
}


.gpu-server-optimize-first{
    position: relative;
    background-image: linear-gradient(#fffffff5, #fffffff0), url(../img/bg-prices.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

 

  .gpu-server-optimize-secound{
    position: relative;
    background-image: linear-gradient(#fffffff0, #fffffff5), url(../img/bg-price.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .gpu-server-optimize-first h2{
    text-align: center;
    color: #AD1919;
    font-weight: bold
  }
  
  .gpu-server-optimize-first .container{
    max-width: 1600px;
  }

  .gpu-server-optimize-secound h2{
    text-align: center;
    color: #AD1919;
    font-weight: bold
  }

  .gpu-server-optimize-secound .container{
    max-width: 1600px;
  }


  /* -------------------------------------------------------------------------------------- */
  .gbps-dedicated-server{
    position: relative;
    padding: 50px 50px 0 50px;
  }
  
  .gbps-dedicated-server .container{
    max-width: 1650px;
  }

  .data-center{
    position: relative;
    padding: 50px;
  }

  .data-center .container{
    max-width: 1650px;
  }


  /* ------------------------------------------------------------------------------------------------ */

  .gbps-dedicated-server-features {
      padding: 50px 0;
  }

  .gbps-dedicated-server-features .container{
    max-width: 1750px;
  }
  
  .site-heading h2 {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    color: #AD1919;

  }
  
  
  .site-heading h4 {
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
  }
  
  .site-heading h4::before {
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px;
  }
  
  .site-heading {
    padding-top: 30px;
    overflow: hidden;
    margin-top: -5px;
  }
  
  
  .features-items,
  .features-items .items-box {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .personalize-items .items .info{
    color: #FFF;
    border: 2px solid #fff;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    margin: 10px;
  }

  .personalize-items .items .info H4{
    font-weight: bold;
  }

 
  
  .features-area .equal-height::after {
    background: #e7e7e7 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
  }
  
  .features-area.item-full .equal-height::before {
    background: #e7e7e7 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 100%;
  }
  
  .features-area .features-items .col-md-5, 
  .features-area .features-items .col-md-7 {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  
  .features-area .features-items.reversed .col-md-5, 
  .features-area .features-items.reversed .col-md-7 {
    display: inline-block;
    /* float: left; */
  }
  
  .features-area .features-items.reversed .info-box {
    float: right;
  }
  
  .features-area .features-items .items {
    padding: 15px 30px;
  }
  
  .features-area.item-full .features-items .items {
    padding: 30px;
  }
  
  .features-area .features-items .items h4 {
    position: relative;
  }
  
  .features-area.bottom-small {
    padding-bottom: 25px;
  }
  
  .features-area.default-padding.bottom-none {
    padding-bottom: 30px;
  }
  
  .features-area .items .icon {
    margin-bottom: 20px;
  }
  

  .features-area .items .icon i {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    color: #1995ad;
    display: inline-block;
    font-size: 40px;
    height: 100px;
    line-height: 100px;
    position: relative;
    text-align: center;
    width: 100px;
    z-index: 1;
    border: 2px solid #1995ad;
  }
  
  .features-area .features-items .items-box i {
    background: transparent;
  }
  
  .features-area .items .icon {
    margin-bottom: 25px;
  }
  
  .features-area .features-items.icon-solid i {
    border-radius: inherit;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    color: #ffaf5a;
    display: inline-block;
    font-size: 50px;
    height: 80px;
    line-height: 80px;
    position: relative;
    text-align: center;
    width: 80px;
  }
  
  
  .features-area .items .info h4 {
      font-weight: 600;
      text-transform: capitalize;
      font-size: 20px;
    min-height: 50px;
  }
  .features-area .items .info p {
    margin: 0;
  }
  
  .features-area .features-items.less-icon .items-box.inc-cell .items .info {
    padding-left: 0;
  }
  
  .features-area .features-items .items-box.inc-cell .items .info a {
    color: #666666;
    display: inline-block;
    margin-top: 15px;
    text-transform: uppercase;
  }
  
  .features-area .features-items .items-box.inc-cell .items .info a:hover {
    color: #ffaf5a;
  }
  

  /* --------------------------------------------------------------------------- */


  @import "compass/css3";

  .pricing-table-section{
    position: relative;
    padding: 0 15px 50px 15px;
  }

  .pricing-table-section h2{
    text-align: center;
    color: #181836;
    font-weight: bold;
    padding-bottom: 30px;
  }

  .pricing-table-section .container{
    max-width: 1550px;
  }

table {
  display: block;
}
tr,td,tbody, tfoot {
  display: block;
}
thead {
  display: none;
  text-align: center;
}
tr {
  padding-bottom: 10px;
}
td {
  padding: 10px 10px 0;
  text-align: center;
  &:before {
    content: attr(data-title);
    color: lighten(#2C3845,35%);
    text-transform: uppercase;
    padding-right: 10px;
    display: block;
  }
}
table {
  width: 100%;

}

th {
  text-align: left;
  font-weight: 700;
  padding: 20px 20px !important;
}
thead {
  th {
    display: block;
    background-color: darken(#2C3845,6%);
    color: #fff;
    border: 1px solid darken(#2C3845,6%);
  }
}
tfoot {
  th {
    display: block;
    padding: 10px;
    text-align: center;
    color: lighten(#2C3845,55%);
  }
}

.legal-button{
  line-height: 1;
  display: inline-block;
  font-size: 1.2rem;
  text-decoration: none;
  border-radius: 5px;
  color: #fff;
  padding: 15px 50px;
  text-align: center;
  background: #AD1919;
  border: 2px solid #AD1919;
  font-weight: bold;

}

.pricing-table-button {
  line-height: 1;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  border-radius: 5px;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
}
.select {
  &:before {
    display: none;
  }
  padding-bottom: 20px;
}
.detail {
  background-color: #BD2A4E;
  width: 100%;
  height: 100%;
  padding: 40px 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}
.detail-container {
  margin: 0 auto;
  padding: 40px;
  max-width: 500px;
}

dl {
  margin: 0;
  padding: 0;
}
dt {
  font-size: 2.2rem;
  font-weight: 300;
}
dd {
  margin: 0 0 40px 0;
  font-size: 1.8rem;
  padding-bottom: 5px;
  border-bottom: 1px solid darken(#BD2A4E,4%);
  box-shadow: 0 1px 0 lighten(#BD2A4E,2%);
}
.close {
  background: none;
  padding: 18px;
  color: #fff;
  font-weight: 300;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 4px;
  line-height: 1;
  font-size: 1.8rem;
  position: fixed;
  right: 40px;
  top: 20px;
}
@media (min-width: 460px) {
  td {
    text-align: center;
    &:before {
      display: inline-block;
      text-align: center;
    }
  }


}
@media (min-width: 720px) {
  table {
    display: table;
    
  }
  tr {
    display: table-row;
  }

  td,th {
    display: table-cell;
  }
  tbody {
    display: table-row-group;
  }
  thead {
    display: table-header-group;
  }
  tfoot {
    display: table-footer-group;
  }
  td {
      border: 1px solid darken(#2C3845,2%);
    &:before {
      display: none;
  
    }
  }
  td,th {
    padding: 10px;
  }
  tr:nth-child(2n+2) {
    td {
      background-color: darken(#2C3845,4%);
    }
  }
  thead tr th {
    display: table-cell;
  }
  .select {
    padding: 20px;
  }
}


.td-pricing-table:nth-of-type(1):before { content: "Server Type     :   "; }
.td-pricing-table:nth-of-type(2):before { content: "RAM    :   "; }
.td-pricing-table:nth-of-type(3):before { content: "Disk Size    :   "; }
.td-pricing-table:nth-of-type(4):before { content: "Traffic    :   "; }
.td-pricing-table:nth-of-type(5):before { content: "Price/month    :   "; }
		.td-price active:before { content: " " !important; }




/* ----------------------------------------------------------------------------------------------- */

.card-circle-section{
  position: relative;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 
.card-circle-section .container{
  max-width: 1750px;
} */

.card-circle{
    text-align:center;
     margin-top:50px;
     background:#27496D;    
     border:10px solid transparent;
     color:#fff;
     padding:50px;
     border-radius:50%;
    

}
 .card-circle .card-title{
    font-weight:600;
     font-size:26px;
}
 .card-circle .card-text{
    font-weight:400;
}
 .card-circle .card-icon i{
     font-size:60px;
     display:block;
}
 .card-circle:nth-child(2){
    background:#142850;
}
 .card-circle .btn{
    background:transparent;
     border:1px solid #fff;
     text-transform:uppercase;
     padding:5px 30px;    
     border-radius:0px;
     Font-weight:600;
}
.card-circle .btn,.card-circle .card-icon i,.card-circle{
   transition: all ease-in-out 0.2s;
}
 .card-circle:hover .btn{
    background:#00A8CC;
     color:#fff;
   border: 1px solid transparent;
}
 .card-circle .btn:hover{
    transform: scale(1.1);
}
 .card-circle:hover{
    border:10px solid #00A8CC;
}
 .card-circle:hover i {
   text-shadow: 0px -1px 10px #00A8CC;
    transform:scale(1.2)rotate(20deg);
}
 @media only screen and (min-width: 1200px) {
     .card-circle:nth-child(3){
         margin-left:-40px;
         z-index:0;
    }
     .card-circle{
         width:400px;
         height:400px;
    }
     .card-circle:nth-child(2){
         margin-left:-20px;
         box-shadow: 1px 2px 20px 8px rgba(241, 235, 235, 0.12);
         transform: scale(1.2);
         z-index:1;
    }
   .card-circle .card-icon i{
      margin-top: 20px;
     }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
   .card-circle{
         width:340px;
         height:340px;
    }
  .card-circle .card-icon i{
     font-size:50px;
   }
  .card-circle .card-icon i{
      margin-top: -25px;
     }
   .card-circle:nth-child(3){
         margin-left:-50px;
         z-index:0;
    }
   .card-circle:nth-child(2){
         margin-left:-20px;
         z-index:1;
    }
}


/* --------------------------------------------------------------------------------------------------- */

.faq-section{
  padding: 50px;
  background: #f7fbff;
}

.faq-section .container{
  max-width: 1600px;
}

.faq-section .section-title {
  margin-bottom: 54px;
}

.faq-section .section-title h2 {
  margin-bottom: 22px;
  color: #AD1919;
  font-weight: bold;
}

.faq-section .accordion .cardss {
  border: none;
  margin-bottom: 30px;
}

.faq-section .accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 10px;
}

.faq-section .accordion .cardss .card-header {
  border: none;
  border-radius: 10px;
  padding: 0;
}

.faq-section .accordion .cardss .card-header h5 {
  padding: 0;
}

.faq-section .accordion .cardss .card-header h5 button {
  color: #181836;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  padding: 0 30px 0 20px;
  height: 80px;
  display: block;
  width: 100%;
  color: rgba(30, 48, 86, 0.8);
  text-align: left;
  background: #fff;
  -webkit-box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);
  box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);
  border-radius: 10px 10px 0 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-section .accordion .cardss .card-header h5 button:hover{
  color: #181836 !important;
}

.faq-section .accordion .cardss .card-header h5 button:after {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -10px;
  width: 15px;
  height: 15px;
  background-color: transparent;
  color: #ff5f74;
  text-align: center;
  border: 1px solid #181836;
  border-radius: 50%;
  line-height: 100%;
  font-size: 10px;
  line-height: 18px;
  font-weight: 900;
  
}

.faq-section .accordion .cardss .card-header h5 button.collapsed {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(97, 125, 255, 0.2);

}



.faq-section .accordion .cardss .card-body {
  -webkit-box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);
  box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);
  border-radius: 0 0 10px 10px;
  padding: 10px 20px 10px 20px;
  margin-top: -6px;
  color: rgba(30, 48, 86, 0.8);
  line-height: 30px;
}


/* ------------------------------------------------------------------------------------------- */
.text-box-about-us{
  padding: 10px 0 10px 20px;
  text-align: justify;
}

.text-box-about-us h4{
  color: #AD1919;
  padding-bottom: 10px;
  font-weight: bold;
}

/* ---------------------------------------------------------------------------- */
.contact-page-sec{
  padding: 50px 0;
}
.data-center-contact-page-sec{
  background:  #181836;
}
.data-center-contact-page-sec .container{
  max-width: 1750px;
}

.data-center-contact-form-border{
  padding: 20px;
  border-radius: 10px;
}

.contact-form-border{
  border: 2px solid #18183626;
  padding: 20px;
  border-radius: 10px;
  background: #829cd02e;
}
.contact-page-sec .container{
  max-width: 1500px;
}
.contact-info {
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.contact-info-icon {
margin-bottom: 15px;
}
.contact-info-item {
padding: 30px 0px;
box-shadow: 2px 2px 2px #00000026;
}
.contact-page-sec .contact-page-form h2 {
color: #071c34;
text-transform: capitalize;
font-weight: 700;
}
.contact-page-form .col-md-6.col-sm-6.col-xs-12 {
padding-left: 0;
}  

.contact-page-form .col-md-12.col-sm-12.col-xs-12 {
  padding-left: 0;
  }
.contact-page-form.contact-form input {
margin-bottom: 5px;
}  
.contact-page-form.contact-form textarea {
height: 110px;
}
.contact-page-form.contact-form input[type="submit"] {
background: #071c34;
width: 150px;
border-color: #071c34;
}
.contact-info-icon i {
font-size: 48px;
color: #181836;
}
.contact-info-text p{margin-bottom:0px;}
.contact-info-text h2 {
color: #fff;
font-size: 22px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 10px;
}
.contact-info-text span {
color: #000;
font-size: 16px;
display: inline-block;
width: 100%;
}

.contact-page-form input {
background: #ffffffcc none repeat scroll 0 0;
border: 1px solid #18183659;
margin-bottom: 20px;
padding: 12px 16px;
width: 100%;
border-radius: 4px;
}

.contact-page-form .message-input {
display: inline-block;
width: 100%;
padding-left: 0;
}
.single-input-field textarea {
background: #ffffffcc none repeat scroll 0 0;
border: 1px solid #18183659;
width: 100%;
height: 120px;
padding: 12px 16px;
border-radius: 4px;
}
.single-input-fieldsbtn{
  position: relative;
}
.contact-single-input-fieldsbtn button{
  left: 190px !important;
}
.single-input-fieldsbtn button {
  position: absolute;
background: #AD1919 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-weight: 600;
padding: 10px 0;
text-transform: capitalize;
width: 150px;
margin-top: 20px;
font-size: 16px;
top: 10px;
left: 330px;
}
.single-input-fieldsbtn button:hover{background:#071c34;transition: all 0.4s ease-in-out 0s;border-color:#071c34}

.single-input-field  h4 {
color: #464646;
text-transform: capitalize;
font-size: 14px;
}
.contact-page-form {
display: inline-block;
width: 100%;
margin-top: 10px;
padding: 15px;
}

.contact-page-form h2{
  color: #fff;
  font-weight: bold;
}
.contact-page-map iframe{
  border: 10px solid #fff !important;
  color: #181836;

}
.contact-page-form form {
padding: 20px 15px 0;
}

@media screen and (max-width:770px) {
  .single-input-fieldsbtn input[type="submit"]{
    top: 0 !important;
    left: 0 !important;
    position: relative;
  }
}

/* ------------------------------------------------------------------------------ */


@media screen and (max-width:1400px) {
  .aboutus-content-text-gpu{
    padding: 0 !important;
    margin: 10px 30px 10px !important;
  }
}

.aboutus-content-text-gpu{
  padding: 30px 0;
  margin: 10px 30px 30px;
  border-radius: 10px;
  text-align: justify;
  display: flex;
  align-self: center;
  flex-direction: column;
}

.feat{
  padding:0 15px 50px; 
}
.feat .container{
  max-width: 1500px;
}

.legal-btn{
  display: flex;
  justify-content: end;
}


.partners-buttom{
  padding-bottom: 50px;
}

/* ------------------------------------------------------------------------ */

.data-center-location-img{
  background-image: linear-gradient(#0000009c, #000000), url(../img/data-center.webp);
  padding: 50px;
  border-radius: 20px;
  border: 5px solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.data-center-header{
  color: #fff;
  padding: 50px;
}


/* ---------------------------------------------------------------------------- */


/*  Team Starts */
.team-members {
	transform: rotate(-45deg);
}
.team-members li > div {
	float: left;
	width: 20%;
}

.team-members li:nth-child(2) > div:first-child {
	margin-left: 20%;
}

.team-members li:last-child > div:first-child {
	margin-left: 40%;
}

.member-details > div {
	background-color: #ddd;
	margin: 5px;
}
.member-details img {
	transform: rotate(45deg) translate(0, 15px) scale(1.2);
	display: block;
	width: 100%;
	height: 100%;
}

/* hover content - style */
.member-details > div {
	position: relative;
	overflow: hidden;
}

.member-info {
	position: absolute;
	top: 50%;
	transform: rotate(45deg) translate(-12px, 15px);
	left: 0;
	right: 0;
	z-index: 2;
	text-align: center;
}

.member-info h3,
.member-info p {
	margin: 0;
	color: #fff;
	position: relative;
	opacity: 0;
	visibility: hidden;
}

.member-info h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	top: -100px;
}

.member-info p {
	font-weight: 300;
	font-size: 12px;
	bottom: -150px;
}

.member-details > div:after {
	content: '';
	background-image: linear-gradient(45deg, #181836cf 50%, transparent 50%);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

/* hover content - onhover */
.member-details *,
.member-details > div:after {
	cursor: pointer;
	transition: all .4s ease;
}

.member-details:hover *,
.member-details:hover > div:after {
	opacity: 1;
	visibility: visible;
}

.member-details:hover .member-info h3 {
	top: 0;
}

.member-details:hover .member-info p {
	bottom: 0;
}

/* Team overview */
.team-overview {
  padding: 50px;
}
.team-overview h2 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 5px;
}

.team-overview > a {
	margin-bottom: 30px;
	display: block;
}

.team-overview > a:before {
	content: '';
	width: 10px;
	height: 2px;
	position: relative;
	top: -3px;
	margin-right: 5px;
	background-color: #ccc;
	display: inline-block;
}


/* For centering elements - optional - Can use table,tablecell instead */
.flex-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.flex-center > div:first-child {
	order: 2;
}

/* RESPONSIVE */
@media only screen and (max-width : 992px) {
	.sm-no-flex {
		display: block;
	}
	.sm-no-float {
		float: none !important;
	}
	.sm-text-center {
		text-align: center;
	}
}

@media only screen and (max-width : 550px) {
	.team-members li {
		text-align: center;
	}
	.team-members li > div {
		float: none;
		display: inline-block;
		width: 30%;
		margin: 0 !important;
	}
	.team-members {
		transform: rotate(0);
	}
	.member-details img {
		transform: rotate(0) translate(0, 0);
	}
	.team-overview {
		padding: 15px;
	}
	
}

@media only screen and (max-width : 399px) {
	.team-members li > div {
		width: 48%;
	}
}



.toptal {
	color: #204ecf;
}

.upstack {
	color: #008bf7;
}

.upwork {
	color: #37a000;
}

.fiverr {
	color: #1dbf73;
}

.jobs {
	color: magenta;
	text-decoration: underline;
	margin-top: -15px;
}


.data-center-eny-section{
  background: linear-gradient(#ffffff, #fffffff7), url(../img/bg-data-center.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px;
}

.data-center-eny-section .container{
  max-width: 1500px;
}


.pricing-co-location-section{
  display: flex !important;
  padding: 20px !important;
}

.pricing-co-location-section .container{
  max-width: 1700px;
}

.pricing-co-location-section .container > .row {
  margin: 20px 0;
}

.pricing-co-location-section .container > .row > .row-heading {
  width: 100%;
  height: 50px;
  font-size: 2em;
  text-align: center;
}

.pricing-co-location-section .container > .row > .row-heading h2{
  color: #AD1919;
  font-weight: bold;
}

/* --- MODIFIED FOR RESPONSIVENESS --- */
.row > .col-md-3 > .table-container {
  width: 100%;
  /* REMOVED fixed height: 400px; */
  /* ADDED min-height to maintain consistent card size on desktop */
  min-height: 400px; 
  background-color: #f5f5f5;
  color: grey;
  border-radius: 10px;
  transition: 0.7s ease-in-out;
  margin: 30px 0 50px 0;
  
  /* ADDED Flexbox to manage internal layout */
  display: flex;
  flex-direction: column;
}

.table-container-blue{
  border: 2px solid #181836;
}

.table-container-red{
  border: 2px solid #ad1919;
}

.row > .col-md-3 > .table-container:hover {
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
}

.row > .col-md-3 > .table-container:hover,
.col-md-4 .table-head,
.col-md-4 .btn {
  background-color: #fafafa;
}

/* --- MODIFIED FOR RESPONSIVENESS --- */
.table-container .table-head {
  width: 100%;
  /* REMOVED height: 25%; */
  /* ADDED min-height and padding for flexibility */
  min-height: 100px; /* Keeps roughly the old size */
  padding: 15px;
  text-align: center;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0; /* Prevents header from shrinking */
}

.table-head > p {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom:0 !important;
}

/* --- MODIFIED FOR RESPONSIVENESS --- */
.table-container > .table-body {
  width: 100%;
  /* REMOVED fixed height: calc(100% - 100px); */
  /* REMOVED position: relative; */
  text-align: center;
  
  /* ADDED Flexbox to push button to bottom */
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* Makes body fill available space */
  padding: 20px 0; /* Adds vertical spacing */
}

.table-body ul {
  width: 75%;
  margin: 0 auto;
  list-style: none;
  padding-left: 0; /* Reset browser default padding */
}

.table-body ul li {
  line-height: 38px;
  border-bottom: 1px solid #eee;
  color: #000;
  display: flex;
  justify-content: flex-start;
  text-align: -webkit-left;
  align-items: baseline;
}

.table-body ul li i{
  padding-right: 10px;
  color: #181836;
}

.table-body ul li:last-child {
  border: none;
}

/* --- MODIFIED FOR RESPONSIVENESS --- */
.table-body > .btn {
  border: none;
  border-radius: 5px;
  color: white;
  width: 80%; /* Kept original width */
  height: 45px;
  /* REMOVED position: absolute; */
  /* REMOVED bottom: 20px; */
  /* REMOVED left: 10%; */
  transition: 0.5s ease;
  font-size: 18px;
  font-weight: bold;

  /* ADDED properties to position button at the bottom */
  margin-top: auto;   /* Pushes button to the bottom of the flex container */
  margin-bottom: 20px;/* Replicates old 'bottom: 20px' spacing */
  align-self: center; /* Centers button horizontally */
}

.btn:hover {
  color: white !important;
}


.col-md-3:nth-child(2) .btn {
  background-color: #181836;
 }

 .col-md-4:nth-child(2) .btn:hover {
  background-color: #181836;
 }


.col-md-3:nth-child(3) .btn {
  background-color: #ad1919;
 }


 .col-md-3:nth-child(3) .btn:hover {
  background-color: #ad1919;
 }


.col-md-3:nth-child(4) .btn {
  background-color: #181836;
 }

 

 .col-md-3:nth-child(4) .btn:hover {
  background-color: #181836;
 }


.col-md-3:nth-child(5) .btn {
  background-color: #ad1919;
 }

 

 .col-md-3:nth-child(5) .btn:hover {
  background-color: #ad1919;
 }

/* ------------------------------------------------------------------ */

.data-center-co-location-section .container{
  max-width: 1600px;
}
.map-img-data-center{
  position: relative;
  border-radius: 10px;
  display: flex;

}
.map-img-data-center a{
  position: absolute;
  cursor: pointer;
  font-weight: bold;
  color: #AD1919;
}

.map-img-data-center a:hover{
  color: #ad1919;
}

.map-img-data-center a strong{
  padding: 10px 20px;
  background:  #181836;
  color: #fff;
  margin-left: 25px;
  border-radius: 10px;
}

.circle-01{
  content: "";
  height: 20px;
  width: 20px;
  background: #181836;
  border-radius: 1000px;
  border: 2px solid #fff;
}

.circle-02{
  content: "";
  height: 20px;
  width: 20px;
  background: #181836;
  border-radius: 1000px;
  border: 2px solid #fff;
  
}

.circle-03{
  content: "";
  height: 20px;
  width: 20px;
  background: #181836;
  border-radius: 1000px;
  border: 2px solid #fff;
}
.circle-04{
  content: "";
  height: 20px;
  width: 20px;
  background: #181836;
  border-radius: 1000px;
  border: 2px solid #fff;
}
.circle-05{
  content: "";
  height: 20px;
  width: 20px;
  background: #181836;
  border-radius: 1000px;
  border: 2px solid #fff;
}
.circle-06{
  content: "";
  height: 20px;
  width: 20px;
  background: #181836;
  border-radius: 1000px;
  border: 2px solid #fff;
}

.asia-location{
  top: 278px;
  left: 974px;
}

.africa-location{
  top: 414px;
  left: 657px;
}
.australia-location{
  top: 580px;
  left: 1107px;
}
.north-america-location{
  top: 320px;
  left: 278px;
}

.south-america-location{
  top: 548px;
  left: 419px;
}
.europe-location{
  top: 254px;
  left: 754px;
}

.data-center-places{
  display: flex;
  justify-content: center;
  align-items: center;
}



.data-center-places-box {
  justify-content: center;
}


.data-center-country-box .col{
  display: flex ;
  justify-content: center ;
  align-items: center;
  width: 265px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.data-center-country-box-heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px;
  background-color: #181836;
  margin-bottom: 30px;
  border-radius: 10px;
 
}

.datacenter-continents{
  padding: 25px;
  background-color: #181836;
  margin-bottom: 30px;
  border-radius: 10px;
  color: #FFF;
}

.data-center-country-box-heading h3{
  margin-bottom: 0 !important;
  color: #fff;
  font-weight: bold;
}

.data-center-places-box .col{
  display: flex ;
  justify-content: center ;
  align-items: center;
  width: 240px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.map-img-data-center img{
  padding:20px;
  border-radius: 10px;
  margin: 50px 0;

}
.data-center-country-box-section{
  padding: 25px 25px 50px 25px;
}
.data-center-places-box-section .container{
  max-width: 1600px;
}

.data-center-country-box-section .container{
  max-width: 1600px;
}


/* -----------------------------------------usa-data-center-location---------------------------------------------- */
.usa-data-center-location-section{
  padding: 50px;
}

.usa-data-center-location-section .container{
  max-width: 1700px;
}
.usa-data-center-location .col{
  max-width: 210px;
  padding: 0 !important;
}

.usa-data-center-location-card{
  align-items: center;
 max-width: 230px !important;
 padding: 0 !important;
 border: 2px solid #158397 !important;
  border-radius: 10px !important;
}



.usa-data-center-location-btn{
  color: #181836 !important;
  min-width: 140px;
  font-size: 20px !important;
  font-weight: bold !important;
  padding: 0 !important;
  height: 30px !important;
}

.usa-data-center-location-btn:focus{
  box-shadow: 2px 2px #fff !important;
}
.card-body{
  padding: 10px !important;
}
.usa-data-center-location-btn:hover{
  color: #181836 !important;
}

.usa-data-center-location-icon i{
  font-size: 25px;
  color: #fff !important;
 
}

.usa-data-center-location-icon {
  padding: 2px 10px !important;
  display: flex;
  align-items: center;
  background: #158397 !important;
  width: 100%;
  justify-content: center;
  border-bottom-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  height: 5px;
}
  


.usa-data-center-location-icon a{
color: #fff !important;
font-size: 16px;
}




.usa-data-center-location h2{
  padding-bottom: 20px;
  color: #ad1919;
  text-align: center;
  font-weight: bold;
}






/* -------------------------------------------------------------------------------------------------- */


.tiles{
  display:flex; 
  flex-direction: column !important;
  align-items: center;
  padding: 0 !important;
  
}

.usa-data-center-card-header{
  padding: 0 !important;
  margin-bottom: 0;
  background-color: #fff !important;
  border-bottom: 0 !important;
}



.tiles .col{
  max-width: 250px !important;
  padding: 0 !important;
}
.tiles .icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  width: 260px;
  border-radius: 5px;
  margin: 10px 5px;
  border: 2px solid #18183657;
  background: aliceblue;
  padding: 5px 10px;
 
}

.california-cities strong{
  font-size: 25px !important;
 margin-bottom: 25px !important;
  font-weight: bold !important;
  color: #ad1919;
  display: flex;
  justify-content: center;
}
.california-cities{
  max-width: 1650px !important;
  padding: 40px 0 50px 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}

.btn.focus, .btn:focus{
  box-shadow: none !important;
}

.tiles .icon i{
  width: 19%;
  background: #181836;
  color: #fff ;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  border-radius: 15px;

}
.tiles .icon strong{
  color: #181836 !important;
}



.btn-link.focus, .btn-link:focus{
  text-decoration: none !important;
}

.btn-link:hover{
  text-decoration: none !important;
}

.cardss .card-header .btn-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none; /* Optional: Removes underline */
}

.panel{
  margin-bottom:20px; 
  background-color:#fff; 
  border:none; 
  border-radius:0; 
  -webkit-box-shadow:none; 
  box-shadow:none;
}
.panel-group .panel{
  margin-bottom:0; 
  border-radius:0;}
.panel-group .panel+.panel 									{margin-top:0;}
.panel-default 												{border:none;}
.panel-heading 												{padding:20px 15px; border:none; border-radius:0; }
.panel-default>.panel-heading	{
  color:#333; 
  background:none; 
  border-top:1px solid #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border:none;
}

.panel-heading .accordion-toggle:after {
  font-family:'Glyphicons Halflings'; 
  content:"\e114"; 
   color:grey;
  }

.panel-heading .accordion-toggle.collapsed:after {
  content:"\e080";
}



/* ------------------------------canada-data-center-location-------------------------------- */

.canada-data-center-location-section{
  padding: 50px;
}

.canada-data-center-location-section .container{
  max-width: 1700px;
}


.canada-data-center-location .col{
  max-width: 210px;
  padding: 0 !important;
}

.canada-data-center-location .section-title h2{
  color: #ad1919 !important;
  text-align: center;
  font-weight: bold !important;
}


.canada-cities strong{
  font-size: 25px !important;
 margin-bottom: 20px !important;
  font-weight: bold !important;
  color: #181836;
  display: flex;
  justify-content: center;
}
.canada-cities{
  max-width: 1700px !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}


.canada-data-center-location-card{
  align-items: center;
 max-width: 230px !important;
 padding: 0 !important;
 border: 2px solid #158397 !important;
  border-radius: 10px !important;
}


.canada-data-center-location-icon i{
  font-size: 25px;
  color: #fff !important;
 
}

.canada-data-center-location-icon {
  padding: 2px 10px !important;
  display: flex;
  align-items: center;
  background: #158397 !important;
  width: 100%;
  justify-content: center;
  border-bottom-right-radius: 100% !important;
  border-bottom-left-radius: 100% !important;
  height: 5px;
}
  


.canada-data-center-location-icon a{
color: #fff !important;
font-size: 16px;
}


.canada-data-center-location-btn{
  color: #181836 !important;
  min-width: 140px;
  font-size: 20px !important;
  font-weight: bold !important;
  padding: 0 !important;
  height: 30px !important;
}

.canada-data-center-location-btn:focus{
  box-shadow: 2px 2px #fff !important;
}

.canada-data-center-location-btn:hover{
  color: #181836 !important;
}

/* 
----------------------------------------data-center-overview------------------------------------------------ */

/* Base styles for the data center overview section */
.data-center-overview-section {
  padding: 40px 0;
}

.data-center-overview-section .container {
  max-width: 1870px;
  margin: 0 auto;
}

.data-center-overview-paragraph h2{
  font-weight: bold;
  color: #ad1919;
  text-align: left;
  padding-bottom: 8px;
}
.data-center-overview{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.data-center-overview-map{
  align-items: center;
  text-align: justify;
  padding-top: 20px;
  max-width: 1350px;
}

.data-center-overview-map img{
  border: 2px solid #1995ad47;
  border-radius: 10px;
  width: 300px;
  height: 300px;
}

.data-center-overview-map-section{
  padding-bottom: 50px;
  position: relative;
}

.data-center-overview-map-section .container{
  max-width: 1350px;
}


.data-center-overview-map-address{
  justify-content: space-between;
  align-items: center;
}

.data-center-overview-section .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.data-center-overview-map iframe {
  width: 100%;
  height: 450px;
  border: 0;
}

.data-center-overview-content {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: flex-start;
}

.data-center-overview-content-one {
  list-style: none;
 padding-top: 20px;
  margin: 0;
  display: flex;
  color: #181836;
}

.data-center-overview-content-one li {
  margin-bottom: 10px;
  font-size: 16px !important;
  border: 2px solid #181836;
  padding: 5px;
  margin-right: 5px;
  width: 200px;
  display: flex;
  justify-content: center;
  font-weight: bold;
  align-items: center;
  border-radius: 10px;

}

.th-table-datacenter{
  padding:10px 0 !important;
}

/* Responsive styles */
@media (max-width: 991px) {
  .data-center-overview {
      width: 100%;
  }

  .data-center-overview-map {
      width: 100%;
  }

  .data-center-overview-map iframe {
      height: 300px;
  }

  .data-center-overview-map{
    flex-direction: column;
  }
}



@media (max-width: 600px) {
  .data-center-overview-section {
      padding: 35px 0;
  }

  h1{
    font-size: 30px !important;
    line-height: 35px;
  }
  .dedicated-server-aboutus-content h2{
    text-align: center !important;
  }

  .data-center-overview-map iframe {
      height: 250px;
  }

  .footer{
    padding: 50px 20px;
  }

  .data-center-overview-map{
    flex-direction: column;
  }
  .data-center-overview-paragraph h2{
    text-align: center !important;
  }
}

@media (max-width: 936px) {
  .data-center-country-box-heading{
    flex-direction: column;
  }
}
.network-data-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  border:2px solid #1995ad38;
  background-color: #fff;
  align-items: center;
  width: 300px;
}

.data-centers-logo{
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #18183640;
}

.equnix-logo{
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #18183640;
}

.equinix-logo img{
  height: 70px;
  width: auto;
  padding-top: 5px;
}

.data-centers-logo img{
  height: 100px;
  padding-top: 5px;
}

.network-data-text p{
  position: relative;
  display: flex;
  padding: 15px 15px 15px 15px;
  /* width: 310px; */
  border-radius:10px;
  
  /* box-shadow: 2px 2px #00000029; */
  color: #181836;
  text-align: left !important;
  margin-bottom: 0 !important;


}

/* 
---------------------------------------------------------------------------------------- */
/* General styles for the section and container */
.data-center-services-section {
  padding: 35px;
  background-color: #f9f9f9;
}

.data-center-services-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* Styles for the table and its elements */
.table-datacenter {
  width: 100%;
  border-collapse: collapse;
  margin: 20px;
  font-size: 16px;
  text-align: left;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.thead-dark {
  background-color: #343a40;
  color: #fff;
}

.th-table-datacenter {
  padding: 12px;
  text-align: center;
  font-weight: bold;
}
.data-centers-table .container{
  max-width: 1750px;
}
.data-centers-table-element{
  display: flex;
  justify-content: center;
}
.tbody-data-center tr {
  border-bottom: 1px solid #ddd;
}

.td-table-datacenter {
  padding: 12px;
  text-align: center;
}

.td-table-datacenter .fa-circle-check{
  color: green;
}

.td-table-datacenter .fa-circle-xmark{
  color: red;
}

.td-table-datacenter:first-child {
  text-align: left;
}

.td-table-datacenter:nth-child(3){
  text-align: left;
}
.Meet-Me-Room{
  max-width: 600px;
}

/* Responsive styles */
@media (max-width: 768px) {
  .thead-dark, .td-table-datacenter {
      display: block;
  }

  .data-centers-table-element{
    flex-direction: column;
  }

  .thead-dark {
      text-align: center;
  }

  .th-table-datacenter {
      display: block;
      width: 100%;
  }

  .td-table-datacenter {
      display: block;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
  }

  .td-table-datacenter:first-child {
      background-color: #f1f1f1;
      text-align: center;
  }

  .td-table-datacenter:nth-child(3){
    text-align: center;
  }
}



/* ------------------------------------------------------------------------------------------ */


/* Responsive styles */
@media (max-width: 768px) {
  .table-datacenter, .thead, .tbody, .th-table-datacenter, .td-table-datacenter, tr {
      display: block;
  }

  .thead {
      display: none;
  }

 
  .td-table-datacenter::before {
      content: attr(data-label);
      position: relative;
      padding-right: 10px;
      text-align: center;
      font-weight: bold;
  }
  .data-center-overview-content-one{
    padding-top: 0px !important;
  }

  .pricing-services{
    padding: 50px 10px !important;
    text-align: justify;
    font-size: 16PX !important;
    line-height: 30px;
  }
  .table-datacenter{
    margin: 0 !important;
    
  }

  .data-center-services-section{
    padding: 35PX 10PX !important;
  }
 

}
/* ------------------------------------------------------------------------------------------------ */

.pricing-services-section{
  background-color: #181836;
}
.pricing-services{
  padding: 50px;
}

.pricing-services h2{
  color: #fff;
  font-weight: bold;
  text-align: center;

}
.pricing-services p{
  color: #fff;
  text-align: center;
}

.network-data-centers{
  padding: 0 50px ;
}

.network-data h5{
  color: #ad1919;
  font-weight: bold;

}


.data-center-services-section {
  /* background:linear-gradient(#ffffffbd, #ffffffbd), url(../img/data-center-bg-img.webp); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed
}

.data-centers-table{
  background:linear-gradient(#ffffffbd, #ffffffbd), url(../img/data-center-bg-img.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed
}

.data-center-services-section .container{
  max-width: 1750px !important;
 
}
.data-center-services-sub-section{
  display: flex;

  padding: 30px;
}

.data-center-services{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center ;

}

.data-center-services-icons-content{
  position: relative;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  background: #f0f8ffe6;
  padding: 10px;
  border-left: 20px solid #181836;
  border-radius: 0 10px 10px 0;

}

.data-center-services-icons-heading h3{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}

.data-center-circle{
  position: relative;
  margin: 0 10px !important;
  padding: 10px;

 
}

.data-center-circle .fa-circle-check{
  color: white;
  border: 4px solid green;
  border-radius: 100%;
  background: green;
  font-size: 18px;
  margin-right: 10px;
  
}

.data-center-circle  .fa-circle-xmark{
  color: white;
  border: 4px solid red;
  border-radius: 100%;
  background: red;
  font-size: 18px;
  margin-right: 10px;

}
.data-center-services-contents{
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 25px;
  top: 30px;
 
}

.data-center-circle-content-one{
  position: absolute;
  top: -135px;
  font-size: 20px;
  font-weight: bold;
}

.data-center-circle-content-two{
  position: absolute;
  left: 110px;
  font-size: 20px;
  font-weight: bold;
}

.data-center-circle-content-three{
  position: absolute;
  top: -135px;
  left: 240px;
  font-size: 20px;
  font-weight: bold;
}

.data-center-circle-content-four{
  position: absolute;
  left: 422px;
  font-size: 20px;
  font-weight: bold;
}

.data-center-circle-content-five{
  position: absolute;
  top: -135px;
  left: 545px;
  font-size: 20px;
  font-weight: bold;
}

.data-center-circle-content-six{
  position: absolute;
  left: 635px;
  font-size: 20px;
  font-weight: bold;
}

.data-center-circle-content-seven{
  position: absolute;
  top: -135px;
  left: 785px;
  font-size: 20px;
  font-weight: bold;
}

.data-center-circle-content-eight{
  position: absolute;
  left: 890px;
  font-size: 20px;
  font-weight: bold;
}

.tbody-data-center{
  background: #ffffffe8;
}
.data-center-thead-dark{

  background-color: #AD1919 !important;
}

.th-table-datacenter{
  background: #AD1919 !important;
}


@media (max-width:1200px) {
  .map-img-data-center{
    display: none !important;
  }
  
}


/* ----------------------------------------------------------------------------------------- */

.tab__container h2{
  text-align: center;
  color: #545454;
  padding: 0;
  margin: 0;
  color: #ad1919;
  font-weight: bold;

}

.tab__container span{
  color: #1995AD;
}
.tab__container h3 {
  padding: 0;
  margin: 0;
  color: blue;
}

/*Tabs*/
.tab__container {
  position: relative;
  border-radius: 5px;
  background: #829cd026;
  
}

.tab__inside-text .btn{
  border: 2px solid #181836;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: inherit;
  font-size: 16px;
  position: relative;
  padding-right: 25px;
  overflow: hidden;
}

.tab__inside-text .btn::after {
  font-family: "Font Awesome 6 Free";
  content: "\f105";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  animation: arrowBounce 1.5s infinite ease-in-out;
}

/* Keyframes for back-and-forth motion */
@keyframes arrowBounce {
  0%, 100% {
    transform: translateY(-50%) translateX(0);
  }
  50% {
    transform: translateY(-50%) translateX(5px);
  }
}

.tab__container .container{
  max-width: 1700px;
  padding: 50px 50px 0 50px;
}

.tab__title {
  display: flex;
  margin: 25px 0 0;
      text-align: center;
  
    .tab__button:first-of-type {
      margin:0;
  }
  
  .tab__button {
    padding: 15px;
    margin: 0 -2.5px;
    color: #fff;
    font-weight: bold;
    border: 1px solid #fff;
    background: #000000;
    outline: none;
 
    cursor: pointer;
    width: 16%;

  }

  .tab__button:hover{
    border-bottom: none;
    background: #829cd026;
    color: #181836;
  }
  
  .tab_button-active {
    border-bottom: none;
    background: #829cd026;
    color: #181836;
    font-weight: bold;
    
    img {
      filter: none;
    }
  }
}


.tab__inside {
  visibility: hidden; 
  opacity: 0;
  height: 0;
  transform: translateY(10px);
  transition: transform .3s ease-in;
 
  
  
  .tab__inside-text {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 50px 0;
    margin: 0 !important;
    
    p {
      color: #545454;
      font-size: 16px;
      font-weight: 100;
    }

    a{
      padding: 8px;
    }
    
    .div-btn button{
      border-radius: 10px;
      text-transform: uppercase;
      box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
      /*border: 1px solid #181836 !important;*/
      border: none;
      padding: 0 10px !important;
      cursor: pointer;
      color: #ffffff !important;
      transition: all 0.3s ease;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-weight: bold;
      margin: 10px !important;
     background: #181836; 
    }
    
    .north-america-div-btn button{
      width: 300px;
      font-size: 20px;
    }
    
    .north-america-div-btn .div-btn-flag{
      height: 70px;
      /*border: 2px solid #18183645;*/
      overflow: hidden;
      width: 90px;
      margin: 10px 0;
    }
    
    .south-america-div-btn button{
        width: 260px;
        font-size: 18px;
    }
    
    .south-america-div-btn .div-btn-flag{
      height: 55px;
      /*border: 2px solid #18183645;*/
      overflow: hidden;
      width: 75px;
      margin: 10px 0;
    }
    
    .asia-div-btn button{
        width: 235px;
        font-size: 15px;
    }
    
    .asia-div-btn .div-btn-flag{
      height: 40px;
      /*border: 2px solid #18183645;*/
      overflow: hidden;
      width: 60px;
      margin: 10px 0;
    }

  }
}


.div-btn button:hover{
  transform: translateY(-5px) !important;;
    box-shadow: 0 10px 20px rgba(60, 7, 83, 0.15) !important;;
    border-color: rgba(145, 10, 103, 0.3) !important;;
}


/*.div-btn button:hover {*/
/*  background: #fff !important;*/

/*  }*/


.div-btn button img{
      width: 100%;
    /* margin: -10px 0 0 -2px; */
    height: 100%;
    object-fit: cover;
}




.tab__inside-active {
  visibility: visible; 
  opacity: 1;
  height: auto;
	transform: translateY(0);
	transition: transform .3s ease-out 0.1s, opacity .3s ease-out 0.1s;
}



.search-container {
  display: flex;
  justify-content: right;
  align-items: center;
}

.search-box {
  width: 300px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.search-button {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  background-color: #ad1919;
  color: white;
  cursor: pointer;
  margin-left: 10px;
}

.los-angeles-data-centers-section {
  padding: 50px 0;
}

.los-angeles-data-centers-section .container{
  max-width: 1750px !important;
}
.los-angeles-data-centers-location{
  padding: 15px 50px;
}
.los-angeles-data-centers-location-main-box{
  position: relative;
}

.los-angeles-data-centers-location-img-box{
  position: absolute;
  top: 25px;
  left: -35px;
}

.los-angeles-data-centers-location-img-box img{
  width: 170px;
  border-radius: 10px;
  border: 2px solid #18183626;
  box-shadow: 2px 2px #00000014;
}

.los-angeles-data-centers-location-text-box{
  position: relative;
  border: 2px solid #18183626;
  padding: 21px 15px 21px 165px;
  border-radius: 10px;
  background: #829cd017;
  width: 460px;
  box-shadow: 2px 2px #00000047;
  /* opacity: 0.8; */
}



.los-angeles-data-centers-location-btn-style{
  border: 2px solid #ad1919 !important;
  padding: 3px 50px !important;
  background: #ad1919 !important;
  color: #fff !important;
  font-weight: bold !important;
}

.los-angeles-data-centers{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.los-angeles-data-centers h2{
  color: #ad1919;
  font-weight: bold;
  text-align: center;

}

.los-angeles-data-centers p{
  max-width: 1200px;
  text-align: center;
  padding-top: 15px;

}

.los-angeles-data-centers-location-name h5{
  font-weight: bold;
  color: #181836;
  font-size: 18px !important;
}

.los-angeles-data-centers-location-address{
  color: #000 !important;
  height: 110px;
}
.los-angeles-data-centers-location{
  display: flex;
  align-items: center;
  justify-content: center;
}
.los-angeles-data-centers-location a{
  padding: 25px 35px;
}


.map-container {
  position: relative;
  padding-bottom: 200px; /* 16:9 Aspect Ratio */

}
.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
}

.city-form {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment:fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.city-form-divid{
  display: flex;
  justify-content: space-between;
}

.city-form .container {
  background-color: #fff;
  padding: 20px;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 45px;
}

.unsuccess-msg,
.success-msg{
  display: none;
}
.city-form h2 {
  margin-bottom: 20px;
  text-align: center;
  margin-bottom: 20px;
  text-align: center;
  padding: 20px;
  font-weight: bold;
  color: #ad1919;
}
.section-header  .dedicated-server-section-title{
  height: 0 !important;
color: #fff;
font-weight: bold;
}
.city-form h2 span{
  color: #1995AD;
} 


.city-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  width: 100%;
}

.city-form h4{
  padding: 20px 20px 10px 20px ;
 
  color: #ad1919;
  font-weight: bold;
}
.city-form p{
  text-align: center;
}

.city-form input, 
.city-form textarea, 
.city-form button {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #1995ad7a;
  border-radius: 4px;
  background: #1995ad00;
}

.city-form button {
  background-color: #ad1919;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.city-form button:hover {
  background-color: #ad1919;
}

.city-form-btn{
  display: flex;
  width: 200px !important;
}


.tanks-message p{
  background-color: green;
  text-align: center;
  color: #fff;
  margin-bottom: 0 !important;
  padding: 10px;
  display: none;

}

.alert{
  background: #00800054;
  width: 98%;
  margin-bottom: 0 !important;
  margin-left: 15px;
}
.message-alert{
  background-color: #008000 !important;
}

.contact-invalidalert{
  background-color: #ff7878 !important;
  margin-left: 0 !important;
}

.contact-erroralert{
  background-color: orange !important;
  margin-left: 0 !important;
}

.contact-alert{
  margin-left: 0 !important;
}

.single-input-fieldsbtn input[type="submit"] ::after > .tanks-message p{
  display: block;
}

.home-page-asia-img{
  background: linear-gradient(#00000033, #00000033), url(../img/home-page-dedicated-server/asia-dedicated-server.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  border: 6px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #00000045;
  position: relative;
}

.home-page-north-america-img{
  background: linear-gradient(#00000033, #00000033), url(../img/home-page-dedicated-server/north-america-dedicated-server.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  border: 6px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #00000045;
  position: relative;
}

.home-page-south-america-img{
  background: linear-gradient(#00000033, #00000033), url(../img/home-page-dedicated-server/south-america-dedicated-server.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  border: 6px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #00000045;
  position: relative;
}

.home-page-australia-img{
  background: linear-gradient(#00000033, #00000033), url(../img/home-page-dedicated-server/australia-dedicated-server.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  border: 6px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #00000045;
  position: relative;
}
.home-page-africa-img{
  background: linear-gradient(#00000033, #00000033), url(../img/home-page-dedicated-server/africa-dedicated-server.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  border: 6px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #00000045;
  position: relative;
}
.home-page-europe-img{
  background: linear-gradient(#00000033, #00000033), url(../img/home-page-dedicated-server/europe-dedicated-server.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 250px;
  height: 250px;
  border-radius: 100%;
  border: 6px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem 0.1rem #00000045;
  position: relative;
}

@media screen and (max-width:1790px){
    .service{
        width:275px !important;
    }
    
    .single-input-fieldsbtn input[type="submit"]{
        left: 210 !important;
    }
    
    .north-america-services{
            grid-gap: 0 !important;
    }
    
    
}

@media screen and (max-width:1690px){
     .card_grid .card{
         width: 600px;
     }
}

@media screen and (max-width:996px){
.network-data-centers{
  padding: 25px 0 !important;
  text-align: justify;
  line-height: 35px;
}


}

@media screen and (max-width:750px){
    .dedicated-server-card .card{
      width: 255px !important;
  }
}

@media screen and (max-width:732px){
.tab__title{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
   }
}

@media screen and (max-width:600px) {
  .los-angeles-data-centers-location-main-box{
    display: flex;
    flex-direction: column;
  }
  
  .pricing-table-section .container{
      margin: 0 !important;
  }
  .pricing-table-section{
      padding:0  !important;
  }
  
  #tableContainer tr{
    margin-bottom: 20px !important;
  }
  
  

.about-australia,
.about-africa,
.about-south-america,
.about-asia,
.about-europe,
.about-usa{
  padding: 50px 0 0 0 !important;
}

.usa-solution-leading-solution-header-text{
  padding: 0 !important;
}

  .los-angeles-data-centers-location-img-box{
    position: relative;
    display: none;
  }

  .network-data-text{
    display: flex;
    justify-content: left;
    margin:40px 0 20px 0 !important;
  }

  .network-data-text p{
    margin-bottom: 0!important;
  }

  .data-center-country-box-heading h3{
    font-size: 22px !important;
  }

  .search-container{
  margin-top: 25px !important;
  }
  .data-center{
    padding: 50px 0 15px 0 !important;
  }

  .data-center-places-box{
    padding-bottom: 40px;
  }

  .datacenter-continents{
    padding: 15px !important;
    margin-top: 20px;
  }

  .datacenter-continents h3{
    text-align: center;
  }

  .data-center-country-box-section{
    padding: 0 !important;
  }
  .data-center-country-box{
    justify-content: center;
  }
  .search-box{
    width: 230px !important;
  }
  .search-container{
    flex-direction: column;
  }

  .data-center-eny-section{
    padding: 50px 0 !important;
  }

  .data-center-services{
    padding: 50PX 10PX !important;
  }
  
  .los-angeles-data-centers-location-text-box {
    padding: 25px !important ;
    width: 310px !important;
  }
  .single_service-body{
    padding-top: 30px;
    text-align: center;
  }
  #co-location-services{
    padding: 50px 10px !important;
  }
  #co-location-services .single_service{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .table-container .table-head {
    height: 0 !important;
    padding: 50px 0 30px;
  }

  .single_service-body p{
    margin-bottom: 0 !important;
  }

  .los-angeles-data-centers p{
    padding: 15px !important;
    text-align: justify;
    line-height: 35px;
  }

  .row > .col-md-3 > .table-container{
    height: 430PX !important;
  }
 

  .los-angeles-data-centers-location a{
    padding: 25px 15px !important;
  }

  .los-angeles-data-centers-location{
    padding: 0 !important;
  }
  .contact-header h5{
    display: none;
  }
  .network-data-text{
    justify-content: center;
  }
  .data-center-overview-map-container{
    display: none !important;

   }

   

   .tab_button-active{
    width: -webkit-fill-available;
   }

   .tab__button{
    width: 100% !important;
   }


   .map-img-contact{
    padding: 0 !important;
   }

   .contact-page-form{
    padding: 30px 0 !important;
   }

   .contact-page-sec{
    padding: 40px 0 0 0 !important;
   }

   .gbps-dedicated-server{
    padding: 50px 0 20px 0 !important;
   }
   .partners-content-img{
    padding: 20px !important;
   }

   .partners-content-text{
    padding: 20px;
    text-align: justify;
    line-height: 35px;
   }

   .partners-content-text p{
    margin-bottom: 0 !important;
   }

   .partners-buttom{
    padding-bottom: 20px !important;
   }

   .reverse-img{
    flex-direction: column-reverse;
   }

   .form-wrapper-legal{
    padding: 25px !important;
   }

   .privacy-policy{
    padding: 20px 10px !important;
   }

   .privacy-policy h3{
    font-size: 22px;
   }

   .city-form-divid{
    display: block;
   }

   .about-usa{
    padding: 50px 0px !important;

   }


   .about-usa p{
    text-align: justify !important;
    }

    .usa-section-02{
      padding:  50px 0 !important;
    }
    .card_title{
      line-height: 20px !important;
    }

    .usa-section-02 .card{
      padding: 25px !important;
    }

    .about-us-server img{
      height: 230px !important;
    }

    .ours{
      padding: 50px 15px 0 15px !important;
    }

    .ours p{
      margin-bottom: 0 !important;
    }

    .ours-text{
      padding-top: 50px;
    }

    .faq-section{
      padding: 50px 0 !important;
    }
    
    .server-others{
      padding: 50px 0 !important;
    }

    .collapsed {
      font-size: 16PX !important;
    }

    .price-content-img{
      padding: 50px 15px !important;
    }

  }


  
.bg-darkblue{
   background-color:#181836 !important;   
  }
  
 .raidoffer .row .border-bottom {
     border-bottom:2px solid black !important;
 }
 .ezy__clients16 {
  /* Bootstrap variables */
  --bs-body-color: #28303b;
  --bs-body-bg: rgb(255, 255, 255);

  /* Easy Frontend variables */
  --ezy-theme-color: rgb(13, 110, 253);
  --ezy-theme-color-rgb: 13, 110, 253;

  background-color: var(--bs-body-bg);
  overflow: hidden;
  padding: 60px 0;
}

@media (min-width: 768px) {
  .ezy__clients16 {
    padding: 100px 0;
  }
}



.ezy__clients16-heading {
  font-weight: bold;
  font-size: 25px;
  line-height: 25px;
  color: var(--bs-body-color);
}

.ezy__clients16-img {
  max-height: 75px;
  margin: 0 15px;
  transition: 0.5s ease-in-out;
}




/* ------------ */


.g-modal-wrapping{
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  padding: 15px;
  top: 0;
  z-index: 9999;
  display: none;
}

.g-sales-modal-container{
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  background-image: linear-gradient(207deg, rgba(0,0,0,0.0),rgba(0,0,0,0.7)), url("/assets/img/wallpapers/skyblue-wallpaper.webp");
  backdrop-filter: blur(2px);
  color: #fff !important;
  background-size: cover;
  background-position: left;
  border: 2px solid #fff;
}



.g-sales-modal-body{
  display: flex;
  gap: 50px;
  justify-content: center;
  align-items: center;
}

.g-sales-modal-body-content-content{
  margin: 0 !important;
  font-family: 'Poppins' !important;
  font-weight: 600;
}

.g-sales-modal-body-content-title{
  font-family: 'Poppins' !important;
  font-weight: 600 !important;
}

.g-sales-modal-body-content-title{
  display: flex;
  align-items: center;
  gap: 5px;
}

.g-sales-modal-body-content-title-img{
  width:150px;
}


.g-sales-modal-footer-btn-red{
  background-color: #ad1919;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: 'Poppins' !important;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
}
.g-sales-modal-footer-btn-black{
  background-color: #000;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: 'Poppins' !important;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
}

.g-sales-modal-footer-blue-white{
  background-color: #1995AD;
  font-weight: 600 !important;
  color: #fff !important;
  font-family: 'Poppins' !important;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
}

.g-sales-modal-footer-btn-white{
  background-color: #fff;
  font-weight: 600 !important;
  color: #000 !important;
  font-family: 'Poppins' !important;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 30px;
}

.g-sales-modal-footer{
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.g-modal-closing{
  font-size: 23px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  color: #000;
}
.g-modal-closing:hover{
  transform: rotate(-90deg);
  transition: 0.3s ease-in-out;
}
.g-sales-modal-header{
  display: flex;
    justify-content: end;
}

.g-sales-modal-body-image{
  width: 350px;
}

.g-sales-modal-body-image-div{
  margin-bottom: -83px;
}


@media screen and (max-width:1040px)
{
  .g-sales-modal-body{
    flex-direction: column;
  }
  .g-sales-modal-body-image-div{
    display: none;
  }

  .g-sales-modal-body-content-title{
    justify-content: center !important;
    flex-direction: column;
  }

  .g-sales-modal-footer{
    justify-content: center !important;
  }

  .g-modal-points-div{
    display: none;
  }

  .g-sales-modal-body-content-content{
    text-align: center;

  }


}


.g-ribbon-img{
  width: 150px;
}


@media screen and (max-width:750px)
{
  .g-ribbon-img{
    display: none;
  }
  .g-sales-modal-body-content-div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .ribbon-left{
    margin-left: 0px !important;
  }
}

@media screen and (max-width:481px)
{
  .ribbon{
    font-size: 22px !important;
  }
}



/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  display: flex;
    gap: 8px;
    font-family: poppins !important;
}
.ribbon {
  --r: .8em; /* control the cutout */
  
  border-block: .5em solid #0000;
  padding-inline: .5em calc(var(--r) + .25em);
  line-height: 1.8;
  clip-path: polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - var(--r)) calc(100% - .25em),100% 50%,calc(100% - var(--r)) .25em);
  background:
   radial-gradient(.2em 50% at left,#000a,#0000) border-box,
   #1e00ff padding-box; /* the color  */
  width: fit-content;
}

.ribbon-left{
  margin-left: 50px ;
}



/* ------------ */








.g-ribbon {
  font-size: 28px;
  font-weight: bold;
  font-family: poppins !important;
  color: #fff;
}
.g-ribbon {
  --s: 1.8em; /* the ribbon size */
  --d: .8em;  /* the depth */
  --c: .8em;  /* the cutout part */
  
  padding: var(--d) calc(var(--s) + .5em) 0;
  line-height: 1.8;
  background:
    conic-gradient(from  45deg at left  var(--s) top var(--d),
     #0008 12.5%,#0000 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(from -45deg at right var(--s) top var(--d),
     #0004 62.5%,#0000 0 87.5%,#0008 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 0,calc(var(--s) + var(--d)) 0,calc(var(--s) + var(--d)) var(--d),calc(100% - var(--s) - var(--d)) var(--d),calc(100% - var(--s) - var(--d)) 0,100% 0, calc(100% - var(--c)) calc(50% - var(--d)/2),100% calc(100% - var(--d)),calc(100% - var(--s)) calc(100% - var(--d)),calc(100% - var(--s)) 100%,var(--s) 100%,var(--s) calc(100% - var(--d)),0 calc(100% - var(--d)),var(--c) calc(50% - var(--d)/2));
  background-color: #ff005e; /* the main color */
  width: fit-content;
}



/*  */



.example {
  font-family: 'Roboto', sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 510px;
  height: 350px;
  margin: 35px auto 0px auto;
}

.example .flipdown {
  font-family: sans-serif;
  font-weight: bold;
  overflow: visible;
  height: 110px;
}

.example h1 {
  text-align: center;
  font-weight: 100;
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 10px;
}

.example p {
  text-align: center;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 35px;
}

.example .buttons {
  width: 408px;
  height: 50px;
  margin: 50px auto 0px auto;
}

.example .buttons p {
  float: left;
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  padding: 0px 25px 0px 0px;
  color: #333;
}

.example .button {
  display: inline-block;
  height: 50px;
  box-sizing: border-box;
  line-height: 46px;
  text-decoration: none;
  color: #333;
  padding: 0px 20px;
  border: solid 2px #333;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
}

.example .button:hover {
  background-color: #333;
  color: #FFF;
}

.example .button i {
  margin-right: 5px;
}

.flipdown.flipdown__theme-dark .rotor-group-heading:before{
  color: #fff !important;
  font-family: poppins !important;
}


@media screen and (max-width:550px) {
 
  .flipdown{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    height: auto !important;
    width: auto !important;
  }

  .g-ribbon{
    font-size: 23px !important;
  }

  .ribbon{
    font-size: 18px !important;
  }

  .g-modal-outline{
width: 100% !important;
  }
}

.g-top-promotions-section{
    background-color: #222;
    color: #fff;
}

.g-top-promotions-content-div{
        display: flex;
    padding: 5px 0;
}

.g-header{
        position: sticky;
    top: 0;
    z-index: 9999;

}

/*  */

.header-upper {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    position: relative;
    background: #02073e;
    padding: 0px;
}
.offer-header {
    display: flex;
    min-width: 100%;
    gap: 0px;
    text-decoration: none;
    color: white;
    background: #02073e;
}
.marquee-content {
    display: flex;
    gap: 15px;
    width: 100%;
    min-width: max-content;
    animation: marquee 20s linear infinite;
    padding: 10px 10px;
    background: #02073e;
    justify-content: center;
    font-size: 18px;
    align-items: center;
    text-transform: capitalize;
        color: white;
}

.offer-header-link {
        font-weight: bold;
    /* background: white; */
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 3px;
    border: 3px dotted #fff;
}
.price-color {
    color: #48ff48;
    font-size: 22px;
}
/* Helpers */
.is-hidden {
	display: none !important;
}

.is-desktop {
	display: block;
}

@media (max-width: 768px) {
	.is-desktop {
		display: none !important;
	}
}

.is-mobile {
	display: none !important;
}

@media (max-width: 768px) {
	.is-mobile {
		display: block !important;
	}
}

.announcement {
	--base-font: inherit;
	--small-font: 0.75rem;
	--normal-font: 1rem;
	--medium-font: 1.25rem;
	--primary-color: #ad1919;
	--secondary-color: #fff;
	--base-padding: 0.5rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--primary-color);
	font-family: var(--inherit-dev), sans-serif;
	padding: var(--base-padding);
}

@media (max-width: 768px) {
	.announcement {
		flex-direction: column-reverse;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 4;
	}
}

/* Removes the announcement on Print */
@media print {
	.announcement {
		display: none;
	}
}

.announcement .text {
	padding: 0 1rem;
	color: #af1a16;
}

@media (max-width: 768px) {
	.announcement .text {
		padding-bottom: var(--base-padding);
	}
}

.announcement input,
.announcement button {
	font-family: var(--base-font);
	font-size: var(--small-font);
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: var(--base-padding);
	border: 2px dashed #af1a16;
	/* height: 36px; */
}

.announcement input {
	background: var(--primary-color);
	color: #af1a16;
	text-align: center;
	border-right: 0;
	font-size: 16px;
}

.announcement button {
	background: #af1a16;
	color: var(--primary-color);
	cursor: pointer;
	box-shadow: none;
	border-radius: 0;
	font-size: 1rem;
}

.announcement .newtime {
	/* font-weight: bold; */
	background: #af1a16;
	color: var(--primary-color);
	padding: var(--base-padding);
	margin-left: 1rem;
	width: 200px;
	text-align: center;
	border: 1px dashed #af1a16;
	margin-right: 2.5rem;
	line-height: 1.3;
}

.announcement .coupon {
	display: flex;
	align-items: center;
}

@media (max-width: 768px) {
	.announcement .coupon {
		margin: 1rem auto;
	}
}

/* Style the close button (span) */
.announcement .close {
	cursor: pointer;
	position: absolute;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
	background: var(--primary-color);
	color: #af1a16;
	height: 35px;
	width: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
}

@media (min-width: 769px) {
	.announcement .close {
		top: 50%;
		transform: translateY(-50%);
		border-radius: 50%;
		left: inherit;
		right: 0.5rem;
		background: #af1a16;
		color: var(--primary-color);
	}
}

.announcement .tooltip {
	position: relative;
	display: inline-block;
	color: #af1a16;
	opacity: 1;
	line-height: inherit;
	font-size: inherit;
	z-index: inherit;
}

.announcement .tooltip .tooltiptext {
	visibility: hidden;
	position: absolute;
	bottom: 130%;
	left: 50%;
	background-color: #555;
	color: #fff;
	width: 170px;
	font-size: smaller;
	/* font-weight: bold; */
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 1;
}

.announcement .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
	bottom: -100%;
}

.announcement .tooltip .tooltiptext::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
	top: -35%;
	transform: rotate(180deg);
}

@media (max-width: 768px) {
	.announcement .tooltip:hover .tooltiptext {
		bottom: 150%;
	}

	.announcement .tooltip .tooltiptext::after {
		top: 100%;
		transform: rotate(0deg);
	}
}


.g-404-page-section-layout{
  display: flex;
    justify-content: center;
    padding: 80px 20px;
    text-align: center;
}

.g-404-page-section-title{
  padding-top: 30px ;
}

.g-404-page-section-btn{
  background-color: #1995AD;
    padding: 10px 20px;
    margin-top: 10px;
    display: inline-block;
    color: #fff !important;
    font-weight: 600 !important;
}

.g-404-page-section-img{
  max-width: 100% !important;
}

/* 2024-10-10 changes */

.i-hdng-sec h2{
  font-size: 36px;
  margin-bottom: 15px;
  font-weight: 600;
}

.i-blue{
  color: #1995ad; 
}

.pt-80{
  padding-top: 80px;
}

.container-2{
    max-width: 1490px !important;
}

.pt-5 .container-2{
    max-width: 2000px !important;
    padding: 0;
}


.container-3{
  max-width: 1675px !important;
}

.fs-36{
  font-size: 36px;
}

/* red card section with icon */

.snip1519 {
  position: relative;
  overflow: hidden;
  margin: 10px 1%;
  background-color: #efefee;
  border-radius: 5px;
  border: 1px solid rgba(60, 7, 83, 0.08);
  /*border-top: 5px solid #ad1919;*/
  /*border-bottom: solid 1px #ad1919;*/
  /*border-left: solid 1px #ad1919;*/
  /*border-right: solid 1px #ad1919;*/
  color: #424242;
  text-align: center;
  font-size: 18px;
  /*box-shadow: 0 0 5px rgb(147 126 126 / 59%);*/
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}


.snip1519-active {
  position: relative;
    overflow: hidden;
    margin: 10px 1%;
    background-color: #ffe5db;
    border-radius: 5px;
    border: 1px solid rgba(60, 7, 83, 0.08);
    /*border-top: 5px solid #ffffff;*/
    /*border-bottom: solid 1px #ffffff;*/
    /*border-left: solid 1px #ffffff;*/
    /*border-right: solid 1px #ffffff;*/
    color: #424242;
    text-align: center;
    font-size: 18px;
    /*box-shadow: 0 0 5px rgb(147 126 126 / 59%);*/
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.snip1519 figcaption {
  padding: 8% 6% 0%;
  flex-grow: 1;
}

.snip1519 i {
  font-size: 34px;
  color: #fff;
  width: 80px;
  line-height: 80px;
  background-color: #ab191b;
  border-radius: 50%;
  margin: 0 0 10px;
  text-align: center;
  display: inline-block;
}

.snip1519-active i {
  font-size: 34px;
    color: #ab191b;
    width: 80px;
    line-height: 80px;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 0 10px;
    text-align: center;
    display: inline-block;
}

.snip1519 h3 {
  color: #3c3c3c;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 10px 0;
}

.snip1519-active h3 {
  color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 10px 0;
}

.snip1519 p {
  font-size: 0.9em;
  font-weight: 400;
  margin: 0 0 20px;
}

.snip1519-active p {
  font-size: 0.9em;
  font-weight: 400;
  margin: 0 0 20px;
  color: #000000;
}

.snip1519 .button {
  text-decoration: none;
  color: #777;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.snip1519 .button:before {
  background-color: #d2652d;
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -1;
  opacity: 0;
}

.snip1519 .button:hover {
  color: #fff;
}

.snip1519 .button:hover:before {
  top: 0;
  opacity: 1;
}


.unique-need-section .container{
        max-width: 1600px;
}

  .srch-br button {
    border-radius: 7px 0px 0px 7px;
    border: 0;
    padding: 15px;
    cursor: pointer;
    background-color: #b52121;
    color: white;
    font-weight: 600;
  }

  .srch-br button:hover {
      background: #1565C0;
      color: #ffffff;
  }

  /* Responsive styling */
  @media (max-width: 768px) {
      .hero-container {
          height: 50vh;
      }

      .bnner h1 {
          font-size: 6vw;
      }

      .bnner span {
          font-size: 3vw;
      }

      .bnner input {
          width: 60%;
      }
  }

  @media (max-width: 480px) {
      .hero-container {
          height: 40vh;
      }

      .bnner h1 {
          font-size: 5vw;
      }

      .bnner span {
          font-size: 2.5vw;
      }

      .bnner input {
          width: 100%;
          padding: 10px;
      }

      .bnner button {
        width: 20%;
        border-radius: 0px;
      }
      .form input[type="text"] {
        padding: 10px 12px;
        font-size: 1px;
      }
  }

  /* main banner section */

  /* who are we section */

  .about-us-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .about-us-info a{
    background-color: white;
    color: #0c4c91;
    width: 180px;
    text-align: center;
    padding: 12px 16px;
    font-size: 14pt;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;  
  }

  @media screen and (max-width: 860px) {

  }

  @media screen and (max-width: 500px) {

  }

  #about-section {
    background: #003158;
    width: 100%;
    height: 50%;
    padding: 55px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  @media screen and (max-width: 860px) {
    #about-section {
      flex-direction: column;
      justify-content: space-between;
    }
  }

  .section-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
  }

  @media screen and (max-width: 860px) {
    .section-image {
      position: relative;
      width: 100%;
      height: 45%;
    }
  }

  @media screen and (max-width: 747px) {
    .section-image {
      height: 35%;
    }
  }

  .info-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-evenly;
    width: 40%;
    height: 80%;
    margin-right: 850px;
    margin-left: 12px;
    z-index: 2;
    color: white;
    text-align: justify;
  }

  @media screen and (max-width: 1353px) {
    .info-section {
      margin-right: 400px;
      width: 60%;
      background: #0c4c9199;
      padding: 0 25px 0 0;
    }
  }

  @media screen and (max-width: 1238px) {
    .info-section {
      margin-right: 340px;
      width: 100%;
    }
  }

  @media screen and (max-width: 1111px) {
    .info-section {
      margin-right: 270px;
    }
  }

  @media screen and (max-width: 910px) {
    .info-section {
      margin-right: 150px;
    }
  }

  @media screen and (max-width: 860px) {
    .info-section {
      margin: 0 !important;
      padding: 0 20px !important;
      width: 100%;
      height: 55%;
    }
  }

  /* who are we section */


  /* Customized Options */

  .content-wrapper {
    max-width: 1400px;
    margin: 0 auto;
  }
  
  
  section article {
    background-color: #fff;
    padding: 2em;
    border-radius: .7em;
    position: relative;
    height: 100%;
  }
  
  .unique-need-section article{
      height: 100%;
  }
  
  section article {
    background-color: unset;
    border: 2px solid #000000;
    margin: 5px;
  }
  
  .text-icon {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  article h3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
  }
  
  article i {
    font-size: 26px;
  }
  
  article p {
      font-size: 16px;
      font-weight: 400;
      color: #324441;
      margin-top: 10px;
  }
  
  .i-mre-btn{
      float: inline-end;
      background: #0c6099;
      padding: 7px 17px;
      color: white;
      border-radius: 3px;
      font-weight: 600;   
  }
  
  .unique-need-section .view-more-btn{
      position: absolute;
    bottom: -17px;
    right: 16px;
  }
  
  .i-mre-btn:hover{
      color: white; 
  }

  /* Customized Options */


.third-grid {
  padding: 40px;
}

.page-short-deco {
  color: black !important;
  font-weight: 600 !important;
  font-size: 25px;
}

.testi-slider-head {
  color: black;
  font-weight: 700;
  font-size: 35px;
}

.testi-slider-head span {
  color: #2475de;
  font-size: 35px;
  font-weight: bold;
}


.page-sub-deco {
  color: #000 !important;
  font-weight: 400;
  font-size: 17px;
}

.grid-container-1 {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-top: 50px;
  column-gap: 25px;
}

@media screen and (max-width:860px){
  .grid-container-1 {
  display: flex;
  flex-direction: column;
  padding-top: 50px;
  column-gap: 25px;
}
}

.grid-container-1 ul li {
  padding: 5px;
  font-size: 17px;
  list-style: none;
}
.built-list li {
  line-height: 25px;
}
.conet-list li {
  color: #000;
  font-weight: 400;
  line-height: 35px;
  font-size: 17px;
}

.n-c-h-point-list-div {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
}

.n-c-h-point-list-div p {
    margin-bottom: 10px;
}

.n-c-h-point-list-div ul {
    margin-bottom: 20px;
}

.conet-list li span {
  color: #000;
  font-weight: 600;
  font-size: 19px;
}

.home-check-icon {
  font-size: 25px !important;
  color: #2475de;
}

.grid-container-1 P {
  color: black;
  margin-top: 10px;
  font-size: 16px;
  line-height: 2;
}

.index-box-contain {
  max-width: 1600px !important;
}


/* 2024/10/15 */

/*.i-bnr-st-3{*/
  /*background: rgb(8 28 81);*/
  /*color: white;*/
  /*text-align: center;*/
  /*padding: 130px 20px 200px;  */
  
/*  background: linear-gradient(501deg, rgb(0 0 0 / 90%), rgb(0 0 0 / 25%)), url('/assets/img/dedicated-server/datacenter-banner-img.webp');*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*    padding: 135px 20px 300px;*/
/*}*/

/**********/

.i-bnr-st-3 {
  position: relative; 
  padding: 135px 20px 300px; 
  overflow: hidden; 
}


.hero-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

}


.i-bnr-st-3::before {
  content: ''; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
 
  background: linear-gradient(501deg, rgb(0 0 0 / 90%), rgb(0 0 0 / 25%));
  
  z-index: 1; 
}


.i-bnr-st-3 .container {
  position: relative; 
  z-index: 2; 
}
/**********/
.max-container{
    max-width: 2000px !important;
}
.i-bnr-st-3 h1{
    color: #fff;
  font-size: 65px;
  margin-bottom: 25px; 
}

.i-bnr-st-3 p{
  color: #ffffffd6;
  font-size: 18px;
  line-height: 1.7;
}

.i-bnr-pnts ul {
  display: flex;         /* Arranges items in a row */
  flex-wrap: wrap;       /* Allows items to wrap on small screens */
  gap: 15px;             /* Adds space between items (adjust as needed) */
  padding: 0;            /* Removes default <ul> padding */
  list-style-type: none; /* Removes bullet points */
  margin: 0;             /* Removes default <ul> margin */
}

.i-bnr-pnts li {
  flex: 1;               /* NEW: Makes all items grow to be the same width */
  text-align: center;    /* NEW: Centers the text inside the equal-width box */

  /* --- Your existing styles --- */
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  background-color: #00000080;
  padding: 10px 30px;
  border-radius: 5px;
}

.i-bnr-pnts i{
  font-weight: 600;
  padding-right: 8px;
  color: #c92323;
  font-size: 18px;
}

.i-srch-area h2{
  font-size: 35px;
  margin-bottom: 25px; 
  font-weight: 600;
}

.i-srch-area-full{
  padding: 40px 40px !important;
  background: white;
  border: solid 1px #00000024;
 
  box-shadow: 4px 5px 8px -3px rgb(0 0 0 / 29%);
}


/* main banner section */

    /* Simple styling for the search bar and results */
    .search-container {
      margin: 20px auto;
      width: 300px;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .form input[type="text"] {
      padding: 12px 15px;
      width: 100%;
      border: 1px solid #ccc;
      background-color: #efefef;
      border-radius: 0px 8px 8px 0px;
  }

  .search-results {
      width: 100%;
      max-height: 200px;
      overflow-y: auto;
      background-color: #f1f1f1;
      border: 1px solid #ccc;
      border-radius: 4px;
      display: none; /* Hidden until results appear */
  }

  .search-results a {
      text-align: left;
      padding: 10px 25px;
      display: block;
      text-decoration: none;
      color: #000;
      border-bottom: 1px solid #ddd;
  }

  .search-results a:hover {
      background-color: #ddd;
  }

  .srch-br {
      display: flex;
      width: inherit;
  }

  .i-bdr-r{
    border-right: solid 1px #978c8c6b; 
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .i-cnt-sc h3{
    font-size: 18px;
  }

  .i-cnt-sc{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .i-cnt-srh {
    display: flex;
    flex-direction: column;
    justify-content: center;

  }
.fs-25{
  font-size: 25px;
}
  .i-cnt-s-bdr {
    position: relative; /* Make sure the container is positioned */
    border-radius: 4px;
    width: -webkit-fill-available !important;
    padding: 30px 14px !important;
    display: flex;
    justify-content: center;
    display: block;
    text-align: center;
    background-size: cover;
    background-position: center;
    color: white; /* Adjust text color for better contrast */
    text-decoration: none;
    border: 1px solid #ccc;
    width: -moz-available;
    height: 100%;
}
.globe-css{
    color: #181836;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 40px;
    font-size: 30px;
}
.i-cnt-s-bdr.north-america {
    background-image: linear-gradient(367deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 25%)), url('/assets/images/index/north-america.webp');
}

.i-cnt-s-bdr.south-america {
    background-image: linear-gradient(367deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 25%)), url('/assets/images/index/south-america.webp');
}

.i-cnt-s-bdr.europe {
    background-image: linear-gradient(367deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 25%)), url('/assets/images/index/europe.webp');
}

.i-cnt-s-bdr.africa {
    background-image: linear-gradient(367deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 25%)), url('/assets/images/index/africa.webp');
}

.i-cnt-s-bdr.asia {
    background-image: linear-gradient(367deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 25%)), url('/assets/images/index/asia.webp');
}

.i-cnt-s-bdr.autralia {
    background-image: linear-gradient(367deg, rgb(0 0 0 / 49%), rgb(0 0 0 / 25%)), url('/assets/images/index/australia.webp');
}

.i-cnt-s-bdr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 35%); /* Black overlay with 50% opacity */
    border-radius: 4px; /* Match the border-radius of the container */
    z-index: 1; /* Place it below the text */
}

.i-cnt-s-bdr > * {
    position: relative; /* Ensure child elements are above the overlay */
    z-index: 2; /* Place text above the overlay */
}

  .i-cnt-s-bdr h3{
    margin-bottom: 0;
    color: white;
    font-weight: 700;
    font-size: 30px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  }


  .i-promo-sec {
    margin-top: 10px;
    margin-bottom: 90px;
}

.i-promo-link {
    display: block; /* Make the anchor a block element */
    text-decoration: none; /* Remove underline from link */
}

.i-promo-section {
    position: relative; /* Position relative for absolute positioning of overlay */
    background-image: url('../../assets/images/index/10gbps-dedicated-server-solution.webp'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    color: white;
    padding: 50px 60px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.i-promo-section::before {
    content: ""; /* Required for the pseudo-element */
    position: absolute; /* Position overlay absolutely */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
    right: 0; /* Stretch to the right */
    bottom: 0; /* Stretch to the bottom */
    background-color: rgb(6 37 94 / 65%); /* Black color with 50% opacity */
    z-index: 1; /* Ensure the overlay is above the background image */
}

.i-promo-section h2,
.i-promo-section p {
    position: relative; /* Position relative to ensure they appear above the overlay */
    z-index: 2; /* Ensure text is above the overlay */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.i-promo-section p {
  font-weight: 600;
  margin-top: 10px;
  font-size: 18px;
}

.i-p-btn{
  background: #ffffff;
  width: fit-content;
  padding: 7px 12px;
  color: #000000;
  text-shadow: 0 0 black !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  margin-top: 10px;
}

.i-bg-sb-bnr{
  background-color: #122a4c;
  padding: 60px 0px;
}


.i-bg-sb-bnr h1{
  color: #fff;
  text-align: start;
  margin-top: 30px;
}

.i-bg-sb-bnr p{
  color: #fff;
}

.i-bg-sb-bnr button{
  font-weight: 500;
  padding: 10px 25px;
  background-color: #AD1919;
  border: 2px solid #AD1919;
  color: white;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.i-bcrm{
  background: #f0f8ff99;
  max-width: fit-content;
  padding: 6px 0px 6px 14px;
  border-radius: 20px;
  list-style: none;
  display: flex;
  margin-bottom: 0;
}

.i-bcrm li {
  margin-right: 10px;
}

.i-bcrm li a {
  color: #000000;
  text-decoration: none !important;
  font-weight: 600;
}

.i-bcrm li a:hover {
  text-decoration: underline;
}

.i-bcrm li::after {
  content: ">";
  margin-left: 10px;
}

.i-bcrm li:last-child::after {
  content: "";
}

.i-bcrm .i-bcrm-active {
  color: #ffffff ;
  font-weight: 500;
}

.i-dedi-sec-hdr{
  padding: 5px;
  font-size: 28px;
  font-weight: 600;
  border-radius: 30px;
  background: #ffffffc9;
  color: #000000;

}

.i-dedi-btn{
  color: #fff !important;
  background: #ad1919 !important;
  font-weight: 600 !important;
  padding: 5px 36px;
  border-radius: 5px;
}

.i-bg-card {
  background-size: cover;
  background-position: center;
  color: white;
}

.dedi-nort-america{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.5), 
    rgb(0 0 0 / 52%)
    ), 
    url('../../assets/images/dedicated-server/dedicated-servers-hosting-in-north-america.png');
}

.dedi-south-america{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.5), 
    rgb(0 0 0 / 52%)
    ), 
    url('../../assets/images/dedicated-server/dedicated-servers-in-south-america.png');
}

.dedi-europe{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.5), 
    rgb(0 0 0 / 52%)
    ), 
    url('../../assets/images/dedicated-server/dedicated-servers-in-europe.png');
}

.dedi-asia{
  background-image: linear-gradient(
    rgb(0 0 0 / 49%), rgb(0 0 0 / 73%)), 
    url('../../assets/images/dedicated-server/dedicated-servers-in-asia.png');
}


.dedi-africa{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6), 
    rgb(0 0 0 / 62%)
    ), 
    url('../../assets/images/dedicated-server/dedicated-servers-in-africa.png');
}

.dedi-australia{
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.6), 
    rgb(0 0 0 / 62%)
    ), 
    url('../../assets/images/dedicated-server/dedicated-servers-in-australia.png');
}

.float-end{
  float: inline-end;
}

.i-bg-card p{
  color: #fff;
  font-weight: 500;
  height: 100%;
}

.i-dedi-cnt-hdr{
  padding-bottom: 25px;  
}

.i-dedi-cnt-hdr h2{
  color: #ad1919;
  font-weight: 600;
  font-size: 38px;
  margin-bottom: 20px;
}

.i-dedi-btm-loc{
  padding: 30px 5px;
  background: #000;
}

.dedi-srch-bar {
  background: aliceblue;
  border-radius: 25px;
  display: flex;
  align-items: center;
  padding: 5px;
}
.dedi-srch-bar i {
  padding: 0 16px;
}
.dedi-srch-bar input {
  flex: 1;
  padding: 5px 20px;
  background: aliceblue;
  border: 0;
  border-radius: 25px;
}
.dedi-srch-bar button {
  background: #30b4aa;
  padding: 6px 13px;
  border: 0;
  color: #ffffff;
  font-weight: 500;
  border-radius: 25px;
}
.dedi-srch-bar input:focus-visible {
  outline: none;
}

.i-dedi-loc-bar {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 10px;
}

.i-dedi-con-btn {
  background: #ffffff;
  padding: 10px 25px;
  border-radius: 12px;
  flex: 1 1 calc(33.333% - 20px);
  text-align: center;
}

.i-dedi-con-btn{
  font-size: 21px;
  font-weight: 600;
  color: #ad1919;
  display: flex;
    align-items: center;
    justify-content: space-around;
}

.dedi-btn-name{
    min-width: 175px;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
}

.mx-130 {
  margin: 0 130px;
}

.i-br-lft-wht {
  border-right: solid 2px #ffffffb8;
}


/* Responsive styles */

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.i-sec-row{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.i-br-lft-wht {
      border-right: none;
      margin-bottom: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.i-sec-row{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.i-br-lft-wht {
      border-right: none;
      margin-bottom: 20px;
  }
}


@media (max-width: 1200px) {
  .i-dedi-con-btn {
      flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 1690px) {
.mx-130 {
  margin: 0 16px;
}
}


@media (max-width: 992px) {
  .i-dedi-con-btn {
      flex: 1 1 calc(50% - 20px);
  }
  .i-br-lft-wht {
      border-right: none;
      margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .i-dedi-con-btn {
      flex: 1 1 100%;
  }
  .dedi-srch-bar input {
      width: 100%;
      margin-bottom: 10px;
      padding: 12px;
  }
  .dedi-srch-bar button {
      padding: 12px;
  }
  .mx-130 {
      margin: 0 20px;
  }
}

@media (max-width: 576px) {
  .i-dedi-con-btn a {
      font-size: 18px;
  }
  .dedi-srch-bar input,
  .dedi-srch-bar button {
      padding: 10px;
  }
}

.mlb-mb-10 h2{
  color: white;
  font-size: 24px;
  margin-bottom: 23px;
  font-weight: 600; 
}

.dedi-page{
  background: #9999995e; 
  padding: 18px 5px;
}

.dedi-page-sec2 h2{
  color: #000000;
  font-size: 20px;
  margin-bottom: 16px;
}

.dedi-page-sec3{
  border: solid 1px #00000082;
}

.dedi-sec3-btn{
  font-size: 20px;
  padding: 6px 20px;
}

.dedi-page-sec3 input{
  padding: 5px 20px;
}

.dedi-page-sec3 button{
  padding: 6px 13px;
}

.i-gpu-dedi h3{
  font-size: 22px;
  margin-bottom: 16px;
  margin-top: 16px;
  font-weight: 600;
}

.justify-p p{
  text-align: justify;
}

.i-gpu-drk{
  margin: 60px 0;
  background: #3e4348;
  padding: 80px 4px; 
}

.i-gpu-drk h2{
  color: #ffffff;
  font-weight: bold;
  font-size: 30px;  
}

.i-gpu-drk article{
  background-color: unset;
  border: 2px solid #ffffff;
}

.i-gpu-drk-icon{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff; 
}

.i-gpu-p{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
}

.i-gpu-sec-3 h3{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 14px; 
  color: #188597; 
}

.i-gpu-sec-3 p{
  margin-bottom: 38px;  
}

.i-bg-sb-bnr a{
  color: #fff;
  font-weight: 700;
  text-decoration: underline !important;
}

.i-bg-sb-bnr a:hover{
  color: #fff;
}

.i-lb-sec{
  background: #0e7687;
  padding: 30px 33px !important;
  color: white;
}

.i-lb-sec h4{
  font-weight: 700;
  margin-bottom: 15px;  
}

.i-drkb-sec h4{
  font-weight: 700;
  margin-bottom: 15px;  
}


.i-drkb-sec{
  background: #181836;
  padding: 30px 33px !important;
  color: #fff;
}

.i-tbl-dedi td{
  text-align: left;
  color: #fff;
  border: solid 1px #fff;
}

.i-bnrs-img img{
  border-radius: 150px; 
  background: aliceblue; 
  padding: 5px; 
  width: 520px
}

.i-bnrs-icn img{
  width: 500px; 
  float: inline-end;
}

.i-bnrs-icn-2 img{
  float: inline-end;
}

.id-rw{
  display: flex !important;
  flex-wrap: nowrap !important;
  }

.ia-txt{
  font-size: 20px;
  color: #ad1919;
  font-weight: 600; 
}


.otp-modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6); /* Dark overlay with transparency */
  backdrop-filter: blur(5px); /* Smooth blur effect */
}

/* Modal Content */
.otp-modal-content {
  background: #ffffff;
  margin: 10% auto;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  width: 90%;
  max-width: 400px;
  text-align: center;
  animation: fadeIn 0.3s ease-in-out;
}

/* Close Button */
#closeModalBtn {
  background-color: #c12107;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
  transition: background-color 0.3s ease;
}

#closeModalBtn:hover {
  background-color: #a01a06;
}

/* Input Field */
.otp-modal-content input[type="text"] {
  width: 100%;
  padding: 10px;
  margin: 15px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px !important;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.otp-modal-content input[type="text"]:focus {
  outline: none;
  border-color: #c12107;
  box-shadow: 0 0 5px rgba(193, 33, 7, 0.5);
}

/* Verify Button */
#verifyOtpBtn {
  background-color: #c12107;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#verifyOtpBtn:hover {
  background-color: #a01a06;
}

/* Heading */
.otp-modal-content h3 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}

.sucess-msg-cnt{
  background-color: #71e18b4d;
  padding: 5px 25px;
  color: #146e29;
  font-weight: 500;
  margin-bottom: 13px;
  border: solid 1px #7bc38d;
}

.fail-msg-cnt{
  background-color: #c12107;
  padding: 5px 25px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 13px;
  border: solid 1px #7bc38d;
}

@media (max-width: 1440px) and (min-width: 475px) {
  .pricing-table-section .select i {
    display: none;
  }
  
  .pricing-table-button{
    font-size: 15px;  
    padding: 10px 11px;
  }
}


.team-row {
  border: solid 1px #1995ad85;
  color: black;
  background-color: #f0f0f1;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.team-row img {
  margin-right: 10px;
}
.bonus {
  background-color: #a81419;
  padding: 6px 12px;
  border-radius: 5px;
  font-size: 16px;
  color: white;
  font-weight: bold;
}

.detail-p p{ 
  margin-bottom: 0 !important;
  font-weight: 700;
  font-size: 20px; 
}
.points {
  font-weight: 500;
  font-size: 12px;
}

.points::after{
  font-family: 'Font Awesome\ 6 Free';
  content: "\f061";
  font-weight: 900;
  padding-left: 5px;
}





/*promo*/

.modal-big-promo{
  max-width: 770px !important;
}

.bg-promo{
    background: #25255c !important;
    border-radius: 15px;
}


.promo-close{
  float: inline-end;
  margin: 5px;
  border: solid 1px #991010;
  border-radius: 15px;
  padding: 0 5px;    
}

.promo-title{
  color: white;
  text-align: center;
}

.promo-title h5{
    margin-bottom: 10px;
    font-size: 32px;
}

.promo-title p{
   margin-bottom: 15px;
}

.promo-bdy{
    padding: 0 0 0 0 !important;    
}

.promo-detail{
 display: flex;
 justify-content: space-evenly;
 flex-wrap: wrap;
}

/* Specifications Card */
.specs-card {
  width: fit-content;
  justify-self: center;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.specs-card h5 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}

.promo-table th, .promo-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.promo-table th {
  font-weight: 600;
  color: #fff;
}

.promo-table td {
  color: #ddd;
  text-align: left;
}

/* Payment Methods */
.payment-methods p {
  font-size: 1rem;
  color: #fff;
}

.payment-icon {
  width: 50px;
  margin: 0 5px;
  height: auto;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  padding: 8px;
  transition: transform 0.3s ease;
}

.payment-icon:hover {
  transform: translateY(-5px);
}

.btn-buy-now {
  margin-bottom: 15px;
  background-color: #a1111f;
  border: none;
  padding: 12px 40px;
  font-size: 1.2rem;
  border-radius: 30px;
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-buy-now:hover {
    color: #fff;
}

.btn-buy-now i {
  font-size: 1.2rem;
}

.promo-payment{
    display: flex;
    flex-direction: column;
    justify-content: center;   
}

.promo-price{
 text-align: center;
 padding-bottom: 30px;
}

.promo-price h3{
 font-size: 40px;
 color: aliceblue;
 font-weight: 600;   
}

.promo-price span{
    font-weight: 300;
    font-size: 25px;  
}




        .product-card {
            box-shadow: 0 15px 30px 1px rgba(0, 0, 0, 0.1);
            background: rgba(255, 255, 255, 0.90);
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 20px;
            height: 350px;
            display: flex;
            border: solid 1px #0000002b;
        }

        .product-image {
            flex: 1;
            position: relative;
            overflow: hidden;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .product-details h2{
          font-size: 22px;  
        }

        .product-details {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            color: #fff;
            padding: 20px;
            transform: translateX(-100%);
            transition: transform 0.3s ease;
        }

        .product-image:hover .product-details {
            transform: translateX(0);
        }

        .product-info {
            flex: 1;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .product-info h2 {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        
        .product-info h3{
         font-size: 22px;
         color: #ad1919;
         font-weight: 600;   
        }

        .product-info p {
            font-size: 14px;
            color: #666;
        }

        .rating-stars {
            color: gold;
            margin-bottom: 10px;
        }

        .btn-custom-promo {
            background: #931b1b;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            transition: background 0.3s ease;
        }

        .btn-custom-promo:hover {
            background: #1a66ff;
            color: #fff;
        }

        .btn-custom-promo .price-promo {
            background: #333;
            padding: 5px 10px;
            border-radius: 3px;
        }

        .btn-custom-promo .cart-icon-promo {
            margin-left: 8px;
        }
        
        
/*filter*/
.filter-container{
    max-width: 2000px !important;
        margin-top: -40px;
}
.filter-common-btn.active {
    background-color: #1995ad;
    color: white !important;
}

.product-filtering-title{
    font-size: 21px;
    font-weight: 600;
    color: white;
}
.product-filtering-container{
        display: grid;
        /*grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));*/
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        margin-top: 10px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding: 60px 35px;
        border-radius: 15px;
        border: 1px solid #ccc;
            background-color: #181836;
}
@media (max-width: 500px) {
    .product-filtering-container{
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
}
}
.product-filtering{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-filtering:not(:last-child){
    border-right: 1px solid #ccc;
    padding: 0px 20px 0 0;
}

.filter-common-btn{
    padding: 7px 14px;
    border-radius: 24px;
    border: none;
}

.filter-common-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 15px;
}
.custom-popup-class{
    display: block !important;
    justify-items: center !important;
}

.custom-title-class{
    font-size: 20px !important;
}
.title-h2{
    font-size: 26px;
    font-weight: 600;
    color: #000;
    text-align: center;
}
.section-main-layout{
    /*background-color: #181836;*/
        background-color: #ffffff;
    padding: 26px;
}

.section-main-heading{
        display: flex;
    justify-content: space-between;
    align-items: baseline;
}

  /* Styling the range input */
#productPriceRangeMin {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%; /* Makes the range take up the full width */
  height: 12px; /* Adjust track height */
  border-radius: 10px;
  background: linear-gradient(to right, #b30000 0%, #b30000 0%, #1995ad 0%, #1995ad 100%);
 /* Track color */
  outline: none;
  transition: background 0.3s ease;
}

/* Styling the track (the background of the range) */
#productPriceRangeMin::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 10px;
  /*background: #ddd;*/
}

#productPriceRangeMin::-moz-range-track {
  height: 8px;
  border-radius: 10px;
  /*background: #ddd;*/
}

#productPriceRangeMin::-ms-track {
  height: 8px;
  border-radius: 10px;
  /*background: #ddd;*/
  border-color: transparent;
  color: transparent;
}

/* Styling the thumb (the draggable part) */
#productPriceRangeMin::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 25px;
  border-radius: 10px;
  background: #ffffff; /* Thumb color */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-top: -8px; /* Aligns the thumb properly with the center of the track */
  transition: background 0.3s ease;
}

#productPriceRangeMin::-moz-range-thumb {
  width: 50px;
  height: 25px;
  border-radius: 10px;
  background: #ffffff; /* Thumb color */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-top: -8px; /* Aligns the thumb properly with the center of the track */
  transition: background 0.3s ease;
}

#productPriceRangeMin::-ms-thumb {
  width: 50px;
  height: 25px;
  border-radius: 10px;
  background: #ffffff; /* Thumb color */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin-top: -8px; /* Aligns the thumb properly with the center of the track */
  transition: background 0.3s ease;
}

/* Change thumb color on hover */
#productPriceRangeMin:hover::-webkit-slider-thumb {
  background: var(--prime-blue-color);
}

#productPriceRangeMin:hover::-moz-range-thumb {
  background: var(--prime-blue-color);
}

#productPriceRangeMin:hover::-ms-thumb {
  background: var(--prime-blue-color);
}

/* Add a range label to show value */
#productPriceRangeMin:focus {
  outline: none;
}

.no-results-container{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
}

.no-results-container > p {
  color: var(--prime-blue-color);
  font-weight: 600;
}

.reset-filters-btn{
  background-color: #008af8;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  padding: 8px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  font-size: 16px !important;
  transition: 0.3s ease-in-out;
}
         
#rangeMinValue{
  color: #03a300;
  font-weight: 700;
}

#rangeMaxValue{
  color: #b30000;
  font-weight: 700;
}

/*filter*/

/* 10 Gbps Servers New CSS */

.secondary-color-text{
    color: #1995AD;
}
  
.personalize-items .items ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 5%;
}

.personalize-items .items ul li::before{
    font-family: "Font Awesome 5 Free";
    color: #edc812;
    content: "\f0a4";
    font-weight: 900;
    padding-right: 10px;
}

.tengbps{
  margin-top: 50px;
}

.tengbps-nic ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 5%;
}

.tengbps-nic ul li::before{
  font-family: "Font Awesome 5 Free";
  color: green;
  content: "\f058";
  font-weight: 900;
  padding-right: 10px;
}

.tengbps .fs-36{
    color: #1995ad;
}

#tengbps-faq .n-c-h-point-list-div ul li{
    padding: 0;
    padding-left: 0px;
    font-size: 16px;
    list-style: none;
}

#tengbps-faq .n-c-h-point-list-div ul li::before {
    font-family: "Font Awesome 5 Free";
    color: #b01a1a;
    content: "\f061";
    font-weight: 900;
    padding-right: 5px;
    padding-left: 10px;
}


#resetAllConfig{
        background-color: #ff0001;
    color: #fff;
    padding: 8px 13px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    border: none;
}

/* Storage Dedicated Server Page */

#storage-about-north-america-part{
    background: #1995ad;
    padding: 80px 50px;
}

#storage-about-north-america-part .north-america-services p{
    min-height: 120px;
}

#storage-features{
    margin: 60px auto;
}

.pricing-layout {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.table-iframe {
    width: 70%;
    height: 500px;
    border: 1px solid #ddd;
}

.location-list {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.location-btn {
    padding: 10px;
    background-color: #63276A;
    color: white;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 16px;
}

.location-btn:hover {
    background-color: #4a1c52;
}

.mb-5{
    margin-bottom: 50px !important;
}

.mb-6{
    margin-bottom: 60px !important;
}

.mb-7{
    margin-bottom: 70px !important;
}

.mb-8{
    margin-bottom: 80px !important;
}

.mt-8{
    margin-top: 80px !important;
}

/* ------------------------- GPU Servers Section Styles ------------------------- */

.gpu-servers-section {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 80px 1%;
    gap: 20px;
    background: #ffffff;
}

.active .g-new-product-pricing-table-data{
    color: #555;
}

.active .g-new-product-pricing-table-thead-row .g-new-product-pricing-table-data{
    color: white;
}

.gpu-servers-section .g-new-product-pricing-table-container{
    padding-top: 0px;
}

.gpu-servers-section .gpu-servers-right-side .g-new-product-pricing-table-container {
    display: none;
}

.gpu-servers-section .gpu-servers-right-side .g-new-product-pricing-table-container.active {
    display: block;
}

.gpu-servers-section .no-selection-message {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #555;
}

.gpu-servers-section .gpu-servers-right-side .g-new-product-pricing-table-container {
    display: none;
}

.gpu-servers-section .gpu-servers-right-side .g-new-product-pricing-table-container.active {
    display: block;
}

.gpu-servers-section .no-selection-message.hidden {
    display: none;
}

.gpu-servers-section .hidden {
    display: none;
}

.gpu-servers-section .visible {
    display: block;
}

.no-selection-message p{
    display: flex;
    height: max-content;
    background: #ffffff;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    padding: 41px;
    font-size: 18px;
    font-weight: 700;
}

.gpu-servers-section .gpu-servers-left-side{
    flex: 1;
    background: black;
    height: max-content;
}

.gpu-servers-section .gpu-servers-right-side{
    flex: 4;
    max-height: max-content;
    overflow-y: auto;
}

.gpu-servers-section .gpu-servers-left-side-header{
    background-color: var(--primary-color);
    color: white;
    scroll-margin-top: 150px;
    text-align: center;
    padding: 19px 15px;
    /*border-radius: 15px;*/
    margin-bottom: 15px;
}

.gpu-servers-section .gpu-servers-left-side-header h2{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0px;
}

.gpu-servers-right-side{
    max-height: max-content;
    overflow-y: auto;
}

.gpu-servers-section .gpu-servers-left-side-tabs{
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: max-content;
    overflow-y: auto;
    padding: 0px 8px;
}

.gpu-servers-section .gpu-servers-left-side-tab {
    cursor: pointer;
    padding: 5px;
    /*border-bottom: 1px solid #ccc;*/
}

.gpu-servers-section .country-tab{
    background: #ffffff;
    padding: 10px 20px 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gpu-servers-section .gpu-servers-left-side-tab i {
    margin-left: 10px;
}

.gpu-servers-section .gpu-servers-left-side-tab h4 {
    display: inline-block;
    margin: 0;
    font-size: 18px;
}

.gpu-servers-section .gpu-server-country-dropdown-menu{
}

.gpu-server-country-dropdown-menu-city {
    padding: 10px 10px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    border-radius: 15px;
    background: #1995ad;
    color: white;
    margin-bottom: 5px !important;
    padding-left:20px;
    width: 80%;
    margin: auto;
}

.gpu-server-country-dropdown-menu {
    display: none;  /* Hide cities initially */
    margin-left: 0px;
}

.gpu-servers-section .gpu-country-flag{
    width: 25px;
    height: 25px;
}

.gpu-servers-section .gpu-country-rectangle-flag{
    width: 40px;
    height: 40px;
}

.gpu-server-dropdown-menu-city i{
}

.gpu-servers-section .g-new-product-pricing-table-caption{
    border-radius: 0px;
}

.gpu-servers-section .g-new-product-pricing-table {
    margin-bottom: 0px;
    padding: 0px 10px;
}

.gpu-servers-section .g-new-product-pricing-table-container {
    margin-bottom: 0px !important;
}

@media screen and (max-width: 800px){
    .gpu-servers-section {
        display: flex;
        flex-direction: column;
    }
    .gpu-servers-section .gpu-servers-left-side {
        width: 100%;
    }
    .gpu-servers-section .gpu-servers-left-side-tabs {
        max-height: 150px;
    }
    .gpu-servers-right-side .g-new-product-pricing-table-tbody {
        margin-top: 15px;
    }
}

/* ------------------------- 10gbps Servers Section Styles ------------------------- */

.tengbps-servers-section {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 50px 1% 80px;
    gap: 20px;
    background: #ffffff;
}

.active .g-new-product-pricing-table-data{
    color: #555;
}

.active .g-new-product-pricing-table-thead-row .g-new-product-pricing-table-data{
    color: white;
}

.tengbps-servers-section .g-new-product-pricing-table-container{
    padding-top: 0px;
}

.tengbps-servers-section .tengbps-servers-right-side .g-new-product-pricing-table-container {
    display: none;
}

.tengbps-servers-section .tengbps-servers-right-side .g-new-product-pricing-table-container.active {
    display: block;
}

.tengbps-servers-section .no-selection-message {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #555;
}

.tengbps-servers-section .tengbps-servers-right-side .g-new-product-pricing-table-container {
    display: none;
}

.tengbps-servers-section .tengbps-servers-right-side .g-new-product-pricing-table-container.active {
    display: block;
}

.tengbps-servers-section .no-selection-message.hidden {
    display: none;
}

.tengbps-servers-section .hidden {
    display: none;
}

.tengbps-servers-section .visible {
    display: block;
}

.no-selection-message p{
    display: flex;
    height: max-content;
    background: #ffffff;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    padding: 41px;
    font-size: 18px;
    font-weight: 700;
}

.tengbps-servers-section .tengbps-servers-left-side{
    flex: 1;
    background: black;
    height: max-content;
}

.tengbps-servers-section .tengbps-servers-right-side{
    flex: 4;
    max-height: max-content;
    overflow-y: auto;
}

.tengbps-servers-section .tengbps-servers-left-side-header{
    background-color: var(--primary-color);
    color: white;
    scroll-margin-top: 150px;
    text-align: center;
    padding: 19px 15px;
    /*border-radius: 15px;*/
    margin-bottom: 15px;
}

.tengbps-servers-section .tengbps-servers-left-side-header h2{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0px;
}

.tengbps-servers-right-side{
    max-height: max-content;
    overflow-y: auto;
}

.tengbps-servers-section .tengbps-servers-left-side-tabs{
    display: flex;
    flex-direction: column;
    gap: 5px;
    max-height: max-content;
    overflow-y: auto;
    padding: 0px 8px 8px;
}

.tengbps-servers-section .tengbps-servers-left-side-tab {
    cursor: pointer;
    padding: 5px;
    /*border-bottom: 1px solid #ccc;*/
}

.tengbps-servers-section .country-tab{
    background: #ffffff;
    padding: 10px 20px 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tengbps-servers-section .tengbps-servers-left-side-tab i {
    margin-left: 10px;
}

.tengbps-servers-section .tengbps-servers-left-side-tab h4 {
    display: inline-block;
    margin: 0;
    font-size: 18px;
}

.tengbps-servers-section .tengbps-server-country-dropdown-menu{
}

.tengbps-server-country-dropdown-menu-city {
    padding: 10px 10px;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    border-radius: 15px;
    background: #1995ad;
    color: white;
    margin-bottom: 5px !important;
    padding-left:20px;
    width: 80%;
    margin: auto;
}

.tengbps-server-country-dropdown-menu {
    display: none;  /* Hide cities initially */
    margin-left: 0px;
}

.tengbps-servers-section .tengbps-country-flag{
    width: 25px;
    height: 25px;
}

.tengbps-servers-section .tengbps-country-rectangle-flag{
    width: 40px;
    height: 40px;
}

.tengbps-server-dropdown-menu-city i{
}

.tengbps-servers-section .g-new-product-pricing-table-caption{
    border-radius: 0px;
}

.tengbps-servers-section .g-new-product-pricing-table {
    margin-bottom: 0px;
    padding: 0px 10px;
}

.tengbps-servers-section .g-new-product-pricing-table-container {
    margin-bottom: 0px !important;
}

@media screen and (max-width: 800px){
    .tengbps-servers-section {
        display: flex;
        flex-direction: column;
    }
    .tengbps-servers-section .tengbps-servers-left-side {
        width: 100%;
    }
    .tengbps-servers-section .tengbps-servers-left-side-tabs {
        max-height: 150px;
    }
    .tengbps-servers-right-side .g-new-product-pricing-table-tbody {
        margin-top: 15px;
    }
}

#search-input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

/* ==================================== Commercial Content Table ===================================== */

.g-cityBtnToggler{
    width: auto;
    margin-top: 13px;
    border: none;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 14px;
    color: #fff;
    border-radius: 20px;
    background: rgb(131, 0, 22);
    background: -moz-linear-gradient(93deg, rgba(131, 0, 22, 1) 0%, rgba(215, 0, 36, 1) 100%);
    background: -webkit-linear-gradient(93deg, rgba(131, 0, 22, 1) 0%, rgba(215, 0, 36, 1) 100%);
    background: linear-gradient(93deg, rgba(131, 0, 22, 1) 0%, rgba(215, 0, 36, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#830016",endColorstr="#d70024",GradientType=1);
}

.gLocation-Finder{
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 5px 16px !important;
    border-left: 3px solid #e32020;
    outline:none;
    width:100%;
    position:relative;
    font-size: 16px !important;
}

.gLocation-Finder::placeholder{
    font-size: 14px !important;
    color: #ccc !important;
}

.NavigateBtnimgDiv{
    width: 30px;
    margin-right: 10px;
}

.filterwrap{
    padding: 0px 30px;
}

.g-side-panel-btn-container{
    background: #fbf8f8;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: 1px solid #ccc;
    flex: 1 1 350px;
    height: fit-content;
    text-align:center;
}

.g-content-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.g-side-by-side-panel-container{
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
}

.g-sub-tbl-Navigate-Btn{
    background-color: #0e2b68;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: justify;
    color: #fff;
    font-weight: 600;
    border-radius: 6px;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size:14px;
}

#gspectablewrapper{
    width: 100%;
}

.g-sub-tbl-Navigate-Btn:hover{
    background-color: #000;
    transition:0.3s ease-in-out;
}

#gsubBtnGroupContainer{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gwidth100 > .g-new-product-pricing-table > .g-new-product-pricing-table-thead {
    color:#fff !important;
}

@media screen and (max-width:1400px){
    .g-side-panel-btn-container {
        flex: 1 1 320px;
    }
}

@media screen and (max-width:1100px){
    .g-side-by-side-panel-container {
        flex-wrap:wrap;
    }
    .g-side-panel-btn-container {
        flex: 1 auto !important;
    }
    .g-side-by-side-panel-container {
        flex-direction: column-reverse;
    
    }
    #gsubBtnGroupContainer{
        flex-direction: row;
        flex-wrap: wrap;
    }
    #gsubBtnGroupContainer > .g-sub-tbl-Navigate-Btn{
        flex: 1 1 200px;
    }
}

.g-side-panel-btn-container-defr-div{
    flex: 1 1 auto !important;
}

.gsubBtnGroupContainerdef{
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px !important;
} 

.gsubBtnGroupContainerdef > .g-sub-tbl-Navigate-Btn{
    width: 100% !important;
} 

.g-new-product-pricing-table-wrapper-title-2{
    font-size: 37px !important;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
}

.g-new-product-pricing-table-wrapper-title-2 .red{
    color: hsl(0, 78%, 62%);
}

/**/

.gpu-server-optimize .container {
    margin-top: 0;
    padding-top: 50px;
    margin-bottom: 50px;
}

/* =====------------------ intel xeoon processor section -------------------===== */

.advertisers-service-sec {
    background-color: #f5f5f5;
    padding: 70px 50px 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.section-header {
    margin-bottom: 20px;
}

.section-header h2{
    font-weight: 700;
}

.sec-icon {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 auto 10px;
}

.sec-icon::before {
    content: "";
    position: absolute;
    height: 1px;
    left: -70px;
    margin-top: -5.5px;
    top: 60%;
    background: #333333;
    width: 50px;
}

.sec-icon::after {
    content: "";
    position: absolute;
    height: 1px;
    right: -70px;
    margin-top: -5.5px;
    top: 60%;
    background: #333;
    width: 50px;
}

.advertisers-service-sec span {
    color: #af1a16;
}

.home-tabs-container {
    width: 100%;
    max-width: 1500px;
    height: auto;
    background-color: #02073e;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    color: white;
}

.home-tabs-container:not(:last-child) {
    margin-bottom: 50px;
}

.home-tabs-container .tabs {
  padding: 10px 20px 15px 20px;
}

.home-tabs-container .tab-links {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #3a3a3a;
}

.home-tabs-container .tab-link {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
    color: #919191;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    text-align: left;
    line-height: 1;
}

.home-tabs-container .tab-link2 {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
    color: #919191;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    text-align: left;
    line-height: 1;
}

.tab-content.active h2{
    color: #ffffff !important;
    font-weight: 700;
}

.tab-content.active p{
    color: #ffffff !important;
    font-weight: 300;
}

.tab-content.active ul{
    list-style: disc;
    padding-left: 30px;
    color: white;
    font-weight: normal;
}

.tab-content2.active h2{
    color: #ffffff !important;
    font-weight: 700;
}

.tab-content2.active p{
    color: #ffffff !important;
    font-weight: 300;
}

.tab-content2.active ul{
    list-style: disc;
    padding-left: 30px;
    color: white;
    font-weight: normal;
}

.home-tabs-container .tab-link.active, .home-tabs-container .tab-link:hover {
  color: #ffffff !important;
}

.home-tabs-container .tab-link2.active, .home-tabs-container .tab-link2:hover {
  color: #ffffff !important;
}

.home-tabs-container .tab-link i {
  margin-right: 0px;
    font-size: 26px;
}

.home-tabs-container .tab-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -1px;
    left: 50%;
    background: linear-gradient(45deg, #af1a16, #af1a16);
    transition: all 0.4sease;
}

.home-tabs-container .tab-link.active::after {
    width: 100%;
    left: 0;
}

.home-tabs-container .tab-link2 i {
  margin-right: 0px;
    font-size: 26px;
}

.home-tabs-container .tab-link2::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -1px;
    left: 50%;
    background: linear-gradient(45deg, #af1a16, #af1a16);
    transition: all 0.4sease;
}

.home-tabs-container .tab-link2.active::after {
    width: 100%;
    left: 0;
}

.home-tabs-container .tab-content {
    display: none;
    animation: fadeInUp 0.5s ease;
    padding: 20px 10px 15px 10px;
}

.home-tabs-container .tab-content.active {
    display: block;
}

.home-tabs-container .tab-content2 {
    display: none;
    animation: fadeInUp 0.5s ease;
    padding: 20px 10px 15px 10px;
}

.home-tabs-container .tab-content2.active {
    display: block;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.home-tabs-container .cta-btn {
    display: inline-block;
    padding: 12px 25px;
    background: #af1a16;
    color: white;
    border-radius: 50px;
    cursor: pointer;
    transition: background 0.4s ease;
    font-weight: 700;
    margin-top: 5px;
}

.home-tabs-container .cta-btn:hover {
    background: white;
    color: #af1a16;
}

@media screen and (max-width: 900px) {
    .home-tabs-container .tab-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    .home-tabs-container .tab-link i {
        margin-right: 0px;
    }
    .home-tabs-container .tab-link2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    .home-tabs-container .tab-link2 i {
        margin-right: 0px;
    }
    .advertisers-service-sec {
        padding: 50px 50px 50px;
    }
}

@media screen and (max-width: 700px) {
    .advertisers-service-sec {
        padding: 70px 20px 100px;
    }
    .home-tabs-container .tab-links {
        flex-direction: column;
        align-items: center;
    }
    .home-tabs-container .tab-link {
        text-align: left;
        width: 100%;
        padding: 15px 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }
    .home-tabs-container .tab-link i {
        margin-right: 10px;
    }
    .home-tabs-container .tab-link2 {
        text-align: left;
        width: 100%;
        padding: 15px 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }
    .home-tabs-container .tab-link2 i {
        margin-right: 10px;
    }
    .header-logo img {
        height: 50px;
    }
    .advertisers-service-sec {
        padding: 50px 20px 50px;
    }
}

.amd-ds-ul{
    list-style: none;
    text-align: left;
    display: flex;
    gap: 15px;
    font-weight: 700;
}

.amd-ds-ul li{
    display: flex;
    align-items: center;
    gap: 5px;
}

.amd-ds-ul li i{
    font-size: 20px;
    color: #1995ad;
}

.uses-of-gbps-dedicated-server-section{
    display: flex;
    flex-direction: column;
    padding: 50px 2%;
    background: aliceblue;
}

.uses-of-gbps-dedicated-server-section h2{
    text-align: center;
    margin-bottom: 20px;
    color: #1995ad;
    font-weight: bold;
    padding-bottom: 15px;
}

.uses-of-gbps-dedicated-servers{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.uses-of-gbps-dedicated-server{
    display: flex;
    max-width: 400px;
    flex-direction: column;
    background: black;
    color: white;
    padding: 10px;
    min-height: 430px;
}

.uses-of-gbps-dedicated-server h3{
    display: flex;
    text-align: center;
    min-height: 62px;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    background: antiquewhite;
    color: black;
}

.uses-of-gbps-dedicated-server p{
    min-height: 170px;
    padding: 0px 10px;
}

.uses-of-gbps-dedicated-server h5{
    padding: 0px 10px;
}

.uses-of-gbps-dedicated-server ul{
    list-style: none;
    text-align: left;
    display: flex;
    gap: 4px;
    font-weight: 400;
    flex-direction: column;
    padding: 0px 10px;
}

.uses-of-gbps-dedicated-server ul li{
    display: flex;
    gap: 4px;
    align-items: flex-start;
}

.uses-of-gbps-dedicated-server ul li i{
    margin-top: 3px;
    color: #1995ad;
}

#additional-ip-features .service i{
    width: 85px;
    height: 80px;
}

#additional-ip-features .service p{
    height: 120px;
}

.g-dedicated-servers-advantages-details-section{
    padding: 20px 2% 50px;
    padding-bottom: 60px;
}

.g-dedicated-servers-advantages-details-main-div {
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px;
}

.g-user-quick-links-sections-title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}

.g-def-title-color {
    color: #c12701 !important;
}

.g-ip-pricing-table {
    font-family: poppins !important;
    background-color: #f5f5f5;
}

.g-ip-pricing-table thead {
    background: #f8f8f8;
    color: #0a0a0a;
}

.g-ip-pricing-table-head-row {
    background-color: #1995ad;
    color: #fff;
}

.g-ip-pricing-table-heading {
    font-weight: 700 !important;
    font-size: 20px;
    padding: 10px 20px;
}

.g-ip-pricing-table-body-row {
    transition: 0.1s ease-in-out;
    border-bottom: 1px solid #d7d7d7;
}

.g-ip-pricing-table-data {
    font-weight: 500;
    padding: 15px 20px;
}

.g-ip-pricing-table-data:not(:first-child) {
    text-align: center;
    color: green;
    font-size: 19px;
}

.g-ip-pricing-table-data:first-child {
    text-align: left;
    font-weight: 700;
}

.g-ip-pricing-table-data-primary{
    background: antiquewhite;
}

.g-text-center{
    text-align: center;
    margin-top: 20px;
    font-size: 14px !important;
}

.cpanel-color {
    background-color: #f27138 !important;
}

.plesk-color {
    background-color: #354658 !important;
}

.directadmin-color {
    background-color: #37b9ea !important;
}

/* USA States */

.state-city-section{
    display: flex;
    gap: 20px;
    padding: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.state-city-box {
    display: flex;
    padding: 15px 20px;
    background: #1995ad;
    border-radius: 10px;
    gap: 8px;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 26px;
    font-weight: 700;
    border: 2px dashed #ffffff;
}

.state-city-box:hover {
    background: black;
    color: white;
}

.state-city-box p {
    display: flex;
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
}

@keyframes pointBackForth {
    0% { transform: translateX(0); }
    50% { transform: translateX(5px); }
    100% { transform: translateX(0); }
}

.point-animate {
    animation: pointBackForth 1.0s infinite;
}

.card-ul{
    text-align: left;
    padding-left: 1.5rem;
    list-style-type: disclosure-closed;
    
}

.thingsOfOthers-content ul {
    list-style: none;
    padding: 0;
    margin-left: 375px;
}

.thingsOfOthers-content ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
   
}

.home-check-icon {
    color: #28a745; /* green checkmark */
    margin-right: 10px;
    font-size: 18px;
}
.figcaption-ul {
    list-style: disc;
    padding-left: 60px;
    text-align: left !important;
}



.promo-section {
  position: relative;
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
  color: #fff;
  padding: 50px 30px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
  text-align: center;
  margin: 60px 100px;
}


.promo-content {
  position: relative;
  z-index: 2;
}

.promo-content h2 {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 20px;
  line-height: 1.2;
}

.promo-content p {
  font-size: 20px;
  line-height: 1.7;
  margin: 25px auto 30px auto;
  color: #ddd;
}

.promo-button {
  display: inline-block;
  padding: 10px 30px;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #ff512f, #AD1919);
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 8px 20px rgba(173, 25, 25, 0.5);

}

.promo-button:hover {
  background: linear-gradient(90deg, #AD1919, #ff512f);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(173, 25, 25, 0.6);
  color:white;
}
@media screen and (max-width: 550px) {
    .promo-section {
        margin: 0px 0px;
    }
}
.p-usa-use-case{
    margin-bottom:-20px;
}

.p-service{
    min-height:300px;
}
.h5-service{
    min-height:50px;
}


/************************************************************/
.city-container{
    max-width: 1500px;
            margin: 0 auto;
            padding: 0 20px;
}

 .city-section-title {
            font-size: 2.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, #AD1919, #181836);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 30px;
            text-align: center;
            position: relative;
        }

        .city-section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(135deg, #AD1919, #181836);
            border-radius: 2px;
        }

        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            margin-top: 40px;
        }

        .benefit-card {
                background: linear-gradient(135deg, #f8f9ff 0%, #ad191924 100%);
            border-radius: 15px;
            padding: 30px;
            transition: all 0.3s ease;
            border: 1px solid rgba(102, 126, 234, 0.1);
            position: relative;
            overflow: hidden;
        }

        .benefit-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(135deg, #AD1919, #AD1919);
        }

        .benefit-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2);
        }

        .benefit-icon {
            font-size: 2rem;
            margin-bottom: 15px;
            display: block;
        }

        .benefit-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: #2d3748;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .benefit-description {
            color: #4a5568;
            font-size: 1rem;
            line-height: 1.7;
        }

        .features-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 20px;
            margin-top: 40px;
        }

        .feature-item {
            background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);
            border-radius: 12px;
            padding: 20px;
            display: flex;
            align-items: center;
            gap: 15px;
            transition: all 0.3s ease;
            border-left: 4px solid #181836;
        }

        .feature-item:hover {
            transform: translateX(10px);
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.15);
        }

        .feature-check {
            color: #10b981;
            font-size: 1.5rem;
            font-weight: bold;
            min-width: 24px;
        }

        .feature-text {
            color: #2d3748;
            font-weight: 600;
            font-size: 1.1rem;
        }

        .highlight {
            background: linear-gradient(135deg, #ad1919, #ad1919);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 700;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .container {
                padding: 0 15px;
            }

            .section {
                padding: 25px;
                margin-bottom: 20px;
            }

            .city-section-title {
                font-size: 2rem;
            }

            .benefits-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .benefit-card {
                padding: 25px;
            }

            .benefit-title {
                font-size: 1.2rem;
            }

            .features-list {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .feature-item {
                padding: 18px;
            }

            .feature-text {
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 10px 0;
            }

            .section {
                padding: 20px;
                border-radius: 15px;
            }

            .city-section-title {
                font-size: 1.8rem;
            }

            .benefit-card {
                padding: 20px;
            }

            .feature-item {
                padding: 15px;
                gap: 12px;
            }
        }

        /* Pulse animation for icons */
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }

        .benefit-icon {
            animation: pulse 2s infinite;
        }

      /*************faq section***********************/
       .faq-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .faq-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .faq-header h2 {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 15px;
            background: linear-gradient(45deg, #1995ad, #1b2e32);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 4px 20px rgba(25, 149, 173, 0.3);
        }

        .faq-header p {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(580px, 1fr));
            gap: 25px;
        }

        .faq-item {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }

        .faq-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(25, 149, 173, 0.1);
            border-color: #181836;
        }

        .faq-question {
    padding: 25px;
    cursor: pointer;
    position: relative;
    background: linear-gradient(
        135deg,
        rgba(25, 149, 173, 0.1) 0%,
        rgba(173, 25, 25, 0.1) 100%
    ), #181836;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff; /* Optional: ensure text is visible on dark background */
}

.faq-question:hover {
    background: linear-gradient(
        135deg,
        rgba(25, 149, 173, 0.2) 0%,
        rgba(173, 25, 25, 0.2) 100%
    ), #181836;
}

        .faq-question h3 {
            font-size: 1.1rem;
            font-weight: 600;
            margin: 0;
            padding-right: 40px;
            color: #ffffff;
        }

        .faq-toggle {
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            width: 30px;
            height: 30px;
            background: linear-gradient(45deg, #1995ad, #ad1919);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .faq-toggle::before,
        .faq-toggle::after {
            content: '';
            position: absolute;
            background: white;
            transition: all 0.3s ease;
        }

        .faq-toggle::before {
            width: 14px;
            height: 2px;
        }

        .faq-toggle::after {
            width: 2px;
            height: 14px;
        }

        .faq-item.active .faq-toggle {
            transform: translateY(-50%) rotate(45deg);
            background: linear-gradient(45deg, #ad1919, #1995ad);
        }

        .faq-item.active .faq-toggle::after {
            opacity: 0;
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background: rgba(24, 24, 54, 0.08);
        }

        .faq-answer-content {
            padding: 25px;
            font-size: 1rem;
            line-height: 1.7;
            color: #000000;
        }

        .faq-item.active .faq-answer {
            max-height: 300px;
        }

        .highlight {
            color: #1995ad;
            font-weight: 600;
        }

        .number-badge {
            display: inline-block;
            background: linear-gradient(45deg, #ad1919, #1995ad);
            color: white;
            font-size: 0.8rem;
            font-weight: bold;
            padding: 4px 10px;
            border-radius: 20px;
            margin-right: 10px;
            min-width: 25px;
            text-align: center;
        }

        @media (max-width: 768px) {
            .faq-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .faq-header h2 {
                font-size: 2.2rem;
            }

            .faq-header p {
                font-size: 1rem;
            }

            .faq-question {
                padding: 20px;
            }

            .faq-question h3 {
                font-size: 1rem;
                padding-right: 35px;
            }

            .faq-answer-content {
                padding: 20px;
                font-size: 0.95rem;
            }

            .faq-container {
                padding: 0 15px;
            }
        }

        @media (max-width: 480px) {
            .faq-header h2 {
                font-size: 1.8rem;
            }

            .faq-question {
                padding: 15px;
            }

            .faq-answer-content {
                padding: 15px;
            }
        }

        /* Scroll animation */
        .faq-item {
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp 0.6s ease forwards;
        }

        .faq-item:nth-child(even) {
            animation-delay: 0.1s;
        }

        .faq-item:nth-child(odd) {
            animation-delay: 0.2s;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

.continent-row{
    margin-top:80px;
}


        /* --- Section Styling --- */
        .dublin-advantage-section {
            padding: 80px 0;
            width: 100%;
        }

        .dublin-advantage-container {
            max-width: 2500px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* --- Section Title --- */
        .dublin-advantage-title {
            text-align: center;
            margin-bottom: 60px;
        }

        .dublin-advantage-title h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            position: relative;
            display: inline-block;
            padding-bottom: 10px;
            color: #333333;
        }

        .dublin-advantage-title h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: #AD1919;
            border-radius: 2px;
        }

        .dublin-advantage-title p {
            font-size: 1.1rem;
            color: #6c757d;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.7;
        }

        /* --- Services Grid --- */
        .dublin-advantage-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
        }

        /* --- Service Item Card --- */
        .dublin-advantage-card {
            flex: 1 1 280px;
            max-width: 320px;
            background-color: #ffffff;
            border-radius: 12px;
            padding: 40px 30px;
            text-align: center;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            border-top: 5px solid transparent;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-top-color 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .dublin-advantage-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
            border-top-color: #AD1919;
        }

        /* --- Card Icon --- */
        .dublin-advantage-card-icon {
            margin-bottom: 25px;
        }

        .dublin-advantage-card-icon i {
            font-size: 50px;
            color: #AD1919;
            transition: color 0.3s ease;
        }
        
        .dublin-advantage-card:hover .dublin-advantage-card-icon i {
            color: #8e0a0a; /* Darker shade of primary */
        }

        /* --- Card Text Content --- */
        .dublin-advantage-card-text h3 {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: #333333;
            min-height:80px
        }

        .dublin-advantage-card-text p {
            font-size: 0.95rem;
            line-height: 1.8;
            color: #6c757d;
        }
        
        /* --- Removing unused element --- */
        .service-left-bg {
            display: none;
        }
        
        /* --- Responsive Adjustments --- */
        @media (max-width: 768px) {
            .dublin-advantage-title h2 {
                font-size: 2rem;
            }
            .dublin-advantage-title p {
                font-size: 1rem;
            }
            .dublin-advantage-card {
                max-width: 100%;
            }
        }
 
.single-service-p{
  min-height: 300px;
}

  /* --- Layout & Container --- */
        .pricing-section {
            padding: 64px 16px;
        }

        .pricing-container {
            margin: 0 auto;
            padding: 0 24px;
        }

        /* --- Header --- */
        .section-header {
            
            margin: 0 auto 64px auto;
            text-align: center;
        }

        .section-header h2 {
            font-size: 36px;
            line-height: 40px;
            font-weight: 700;
            letter-spacing: -0.025em;
            color: #0f172a;
        }

        .section-header p {
            margin-top: 24px;
            font-size: 18px;
            line-height: 28px;
            color: #475569;
        }
        
        /* --- Pricing Grid --- */
        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, 400px);
            justify-content: center;
            gap: 32px;
            margin: 0 auto;
        }

        /* --- Pricing Card --- */
        .pricing-card {
            position: relative;
            display: flex;
            flex-direction: column;
            background-color: white;
            padding: 32px;
            border-radius: 24px;
            box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease-in-out;
        }

        .pricing-card:hover {
            transform: scale(1.05);
            border: 2px solid #AD1919;
        }
        
        .popular-plan {
            border: 2px solid #AD1919;
        }
        
        .popular-badge {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: #AD1919;
            color: white;
            padding: 4px 16px;
            border-radius: 9999px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .pricing-card h3 {
            font-size: 22px;
            font-weight: 600;
            color: #0f172a;
        }
        
        .pricing-card .description {
            margin-top: 5px;
            font-size: 14px;
            line-height: 24px;
            color: #475569;
            min-height: 70px;
        }

        .price-wrapper {
            margin-top: 5px;
            display: flex;
            align-items: baseline;
            gap: 4px;
            justify-content: center;
        }

        .price {
            font-size: 30px;
            font-weight: 700;
            color: #0f172a;
            letter-spacing: -0.025em;
        }

        .period {
            font-size: 14px;
            font-weight: 600;
            color: #475569;
        }

        .spec-list, .ideal-list {
            list-style: none;
            padding: 0;
            margin-top: 32px;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
        
        .ideal-list {
           margin-top: 16px;
           gap: 12px;
        }

        .spec-list li, .ideal-list li {
            display: flex;
            gap: 12px;
            align-items: center;
        }
        
        .spec-list i, .ideal-list i {
            width: 20px;
            height: 24px;
            flex-shrink: 0;
        }
        
        .spec-list i {
            color: #AD1919;
        }
        
        .ideal-list i {
            color: #22c55e;
        }
        
       .hr-pricing {
            margin: 24px 0;
            border-color: #AD1919;
        }
        
        h4 {
            font-weight: 600;
            font-size: 14px;
            color: #1e293b;
        }

.why-container{
      padding: 30px 100px;
}
         .strategic-nexus-section {
            position: relative;
            padding: 100px 0;
            overflow: hidden;
        }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-weight: 700;
            font-size: 2.8rem;
            margin-bottom: 15px;
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }

        .section-header p {
            font-size: 1.1rem;
            max-width: 1000px;
            margin: 0 auto;
            color: var(--text-muted-color);
            font-weight: 300;
        }

        .why-card {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 15px;
            padding: 30px;
            margin-bottom: 30px;
            transition: all 0.3s ease-in-out;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .why-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 30px rgba(173, 25, 25, 0.15);
            border-color: var(--primary-color);
        }

        .why-icon {
            font-size: 3rem;
            margin-bottom: 20px;
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: #fff;
            box-shadow: 0 0 20px rgba(173, 25, 25, 0.4);
        }

        .why-card h3 {
            font-weight: 600;
            font-size: 1.5rem;
            color: var(--text-color);
            margin-bottom: 15px;
        }

        .why-card p, .why-card ul {
            font-weight: 300;
            color: var(--text-muted-color);
            flex-grow: 1;
        }
        
        .why-card ul {
            padding-left: 20px;
            margin-top: 15px;
        }

        .why-card ul li {
            margin-bottom: 8px;
            position: relative;
        }
        
        .why-card ul li::before {
            content: '✓';
            position: absolute;
            left: -20px;
            color: var(--primary-color);
            font-weight: bold;
        }

        .final-cta {
            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            border: 2px solid;
            border-image-slice: 1;
            border-image-source: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            margin-top: 40px;
            font-weight: 400;
            font-size: 1.2rem;
        }

        @media (max-width: 768px) {
            .section-header h2 {
                font-size: 2.2rem;
            }
            .why-card {
                padding: 25px;
            }
        }
 .features-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
            margin-top: 4rem;
            margin-bottom: 3rem;
        }

        @media (min-width: 768px) {
            .features-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (min-width: 1024px) {
            .features-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }
      .feature-card {
            background-color: #181836; 
            color: #cbd5e1;
            border: 1px solid #334155;
            border-radius: 0.75rem;
            padding: 1.5rem;
            text-align: center;
            transition: all 0.3s ease-in-out;
        }
        
        .feature-card:hover {
            box-shadow: 0 0 25px 0 rgba(173, 25, 25, 0.4);
            transform: translateY(-5px);
            border-color: #AD1919;
        }

        .icon-wrapper {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 1rem;
            background-color: #020617;
            border-radius: 50%;
            padding: 1rem;
            border: 2px solid #AD1919;
        }

        .icon-wrapper i {
            font-size: 2rem; /* 32px */
            color: #AD1919;
        }
        
        .feature-card h3 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #ffffff;
            margin: 0 0 0.5rem 0;
        }

        .feature-card p {
            font-size: 1rem;
            color: #94a3b8;
        }

      .sydney-benefits-section {
            width: 100%;
           
            background-color: #181836; 
            padding: 60px 150px;
           
        }
        
        /* Header for the section title and description */
        .sydney-section-header {
            text-align: center;
            margin-bottom: 60px;
        }
        
        /* Main heading (H2) styling */
        .sydney-section-header h2 {
            font-size: 2.5rem;
            font-weight: 700;
            color: #FFFFFF;
            margin: 0 0 15px 0;
            line-height: 1.2;
        }
        
        /* Sub-heading/introductory paragraph styling */
        .sydney-section-header p {
            font-size: 1.1rem;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.7);
        }
        
        /* Container for the new list-based design */
        .sydney-benefits-list {
            display: flex;
            flex-direction: column;
            gap: 40px; /* Space between items */
        }

        /* Styling for each individual benefit item */
        .sydney-benefit-item {
            display: flex;
            align-items: flex-start;
            gap: 25px;
        }
        
        /* Styling for the icon/marker */
        .sydney-marker {
            flex-shrink: 0;
            width: 30px;
            height: 30px;
            background-color: rgba(173, 25, 25, 0.15); /* Faded red background */
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 2px;
            position: relative;
        }
        
        /* The inner dot of the marker using the main red color */
        .sydney-marker::before {
            content: '';
            width: 12px;
            height: 12px;
            background-color: #AD1919;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(173, 25, 25, 0.7);
        }

        /* Container for the text content */
        .sydney-content {
            border-left: 2px solid rgba(255, 255, 255, 0.1);
            padding-left: 25px;
        }

        .sydney-content h3 {
            margin: 0 0 10px 0;
            font-size: 1.3rem;
            font-weight: 500;
            color: #FFFFFF;
        }

        .sydney-content p {
            margin: 0;
            font-size: 1rem;
            line-height: 1.7;
            color: rgba(255, 255, 255, 0.8);
        }
        
        /* Responsive design for tablets and mobile devices */
        @media (max-width: 768px) {
            .sydney-benefits-section {
                padding: 50px 25px;
            }
            .sydney-section-header h2 {
                font-size: 2rem;
            }
            .sydney-section-header p {
                font-size: 1rem;
            }
            .sydney-benefit-item {
                gap: 20px;
            }
            .sydney-content {
                padding-left: 20px;
            }
            .sydney-content h3 {
                font-size: 1.15rem;
            }
        }

         /* --- CTA Section --- */
        .cta {
            padding: 0;
            margin-bottom: 50px;
        }
        .cta .container {
            background-color: #181836;
            border-radius: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 60px;
            position: relative;
            overflow: hidden;
        }
        .cta .container::before {
            content: '';
            position: absolute;
            width: 250px;
            height: 250px;
            background: linear-gradient(45deg, #AD1919, #c21a1a);
            border-radius: 50%;
            right: -80px;
            top: -80px;
            opacity: 0.8;
            filter: blur(50px);
        }
        .cta-content {
            z-index: 2;
            flex: 1;
            max-width: 60%;
        }

        .cta h2 {
            color: #FFFFFF;
            margin-bottom: 15px;
            text-align: left;
        }
        
        .cta p {
            color: #ccc;
            margin: 0 0 30px 0;
        }

        .cta-button {
            display: inline-block;
            background-color: #AD1919;
            color: #FFFFFF;
            padding: 15px 35px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: transform 0.3s ease, background-color 0.3s ease;
            box-shadow: 0 5px 15px rgba(173, 25, 25, 0.4);
        }

        .cta-button:hover {
            transform: scale(1.05);
            background-color: #c21a1a;
            color: white;
        }

       .use-case-section {
     
      padding: 80px 20px;
    }
    .use-case-title {
      font-size: 2.3rem;
      font-weight: 700;
      text-align: center;
      margin-bottom: 15px;
      color: var(--primary-color);
    }
    .use-case-subtitle {
      text-align: center;
      
      max-width: 720px;
      margin: 0 auto 60px;
      font-size: 1.1rem;
    }
    .use-case-item {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      margin-bottom: 40px;
    }
    .use-case-icon {
      flex-shrink: 0;
      width: 60px;
      height: 60px;
      background: #AD1919;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-size: 1.8rem;
      color: #fff;
      transition: all 0.3s ease;
    }
    .use-case-item:hover .use-case-icon {
      transform: scale(1.1);
      box-shadow: 0 0 15px rgba(173,25,25,0.6);
    }
    .use-case-content h5 {
      font-weight: 600;
      margin-bottom: 10px;
      
    }
       .use-case-content h3 {
      font-weight: 600;
      margin-bottom: 10px;
      
    }
    .use-case-content p {
      
      font-size: 0.95rem;
      margin: 0;
      line-height: 1.6;
    } 
/* prcing section */
    .ds-pricing-section {
            padding: 0 0;
        }

      .ds-container{
            max-width: 2000px;
    padding: 50px 150px
      }

        .ds-section-title {
            color: var(--primary-color);
            margin-bottom: 20px;
            font-weight: 700;
        }

        .ds-section-subtitle {
            
            margin-bottom: 60px;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }

        /* --- Pricing Card Design --- */
        .ds-pricing-card {
            background-color: #181836;
            border: 2px solid transparent;
            border-radius: 15px;
            padding: 35px;
            text-align: center;
            transition: all 0.4s ease-in-out;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            height: 100%;
            margin-bottom: 30px;
        }

        .ds-pricing-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(
                transparent,
                rgba(173, 25, 25, 0.3),
                transparent 30%
            );
            animation: rotate 6s linear infinite;
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .ds-pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
        }

        .ds-pricing-card:hover::before {
            opacity: 1;
        }

        @keyframes rotate {
            100% {
                transform: rotate(360deg);
            }
        }
        
        .ds-card-content-wrapper {
            background-color: #181836;
            position: relative;
            z-index: 2;
            border-radius: 13px; /* Slightly less than the parent to show border */
            padding: 20px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        /* Highlighted/Featured Card */
        .ds-pricing-card.ds-highlighted {
            border-color: #AD1919;
            box-shadow: 0 0 25px rgba(173, 25, 25, 0.5);
        }
        
        .ds-highlighted-badge {
            position: absolute;
            top: 20px;
            right: -40px;
            background-color: #AD1919;
            color: #fff;
            padding: 5px 40px;
            font-size: 14px;
            font-weight: 600;
            transform: rotate(45deg);
            z-index: 3;
        }

        .ds-card-header .ds-processor {
            font-size: 1.3rem;
            font-weight: 600;
            color: #fff;
            margin-bottom: 10px;
            min-height: 30px; 
        }

        .ds-card-header .ds-cores {
            font-size: 1rem;
            font-weight: 400;
            color: #a0a0c0;
            margin-bottom: 25px;
        }

        .ds-price {
            font-size: 3.5rem;
            font-weight: 700;
            color: #AD1919;
            margin: 15px 0;
        }

        .ds-price .ds-period {
            font-size: 1rem;
            font-weight: 400;
            color: #a0a0c0;
        }

        .ds-features-list {
            list-style: none;
            padding: 0;
            margin: 20px 0;
            text-align: left;
            flex-grow: 1;
        }

        .ds-features-list li {
            padding: 12px 0;
            border-bottom: 1px solid #2a2a4a;
            color: #c0c0e0;
        }

        .ds-features-list li strong {
            color: #fff;
            float: right;
        }

        .ds-features-list li:last-child {
            border-bottom: none;
        }

        .ds-use-case {
            margin-top: auto; /* Pushes content below it down */
            padding-top: 20px;
            border-top: 1px solid #2a2a4a;
        }
        
        .ds-use-case h6 {
            font-size: 1rem;
            font-weight: 600;
            color: #fff;
            margin-bottom: 10px;
        }

        .ds-use-case p {
            font-size: 0.9rem;
            color: #a0a0c0;
            line-height: 1.6;
            min-height: 88px;
        }

        /**************/
        .seoul-pricing-container{
         
          padding:0 50px;
        }
 .seoul-pricing-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: none;
            border-radius: 15px;
            background: white;
            overflow: hidden;
        }

        .seoul-pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .seoul-pricing-card .card-header {
            background: #AD1919;
            color: white;
            font-size: 1.5rem;
            font-weight: 600;
            padding: 20px;
            text-align: center;
        }

        .seoul-pricing-card .card-body {
            padding: 30px;
        }

        .seoul-pricing-card .price {
            font-size: 2.5rem;
            font-weight: 700;
            color: #AD1919;
            text-align: center;
            margin-bottom: 20px;
        }

        .seoul-pricing-card ul {
            list-style: none;
            padding: 10px;
            margin-bottom: 20px;
    min-height: 220px;
        }

        .seoul-pricing-card ul li {
            margin-bottom: 10px;
            font-size: 1.1rem;
        }

        .seoul-pricing-card ul li i {
            color: #AD1919;
            margin-right: 10px;
        }

@media (max-width: 768px) {
          

            .seoul-pricing-card .price {
                font-size: 2rem;
            }

            .seoul-pricing-card .card-header {
                font-size: 1.2rem;
            }
        }

  
           .advantage-section {
            padding: 80px 0;
            background-color: #1a1a1a;
             color: #f8f9fa;
        }

        .section-header h2 {
            color: #ffffff;
            font-weight: 700;
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
            padding-bottom: 10px;
        }

        /* Underline effect for the main title */
        .section-header h2::after {
            content: '';
            position: absolute;
            display: block;
            width: 60px;
            height: 4px;
            background: #AD1919;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            border-radius: 2px;
        }

        .section-header p {
            color: #ced4da;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        /* New styles for alternating feature blocks */
        .feature-block {
            margin-top: 60px;
        }
        
        .feature-icon-wrapper {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100px;
            height: 100px;
            background-color: #212529;
            border-radius: 50%;
            border: 3px solid #343a40;
            transition: all 0.3s ease-in-out;
        }

        .feature-icon-wrapper i {
            font-size: 3rem;
            color: #AD1919;
            transition: transform 0.3s ease-in-out;
        }

        .feature-block:hover .feature-icon-wrapper {
            border-color: #AD1919;
            transform: scale(1.05);
            box-shadow: 0 0 25px rgba(173, 25, 25, 0.3);
        }
        
        .feature-block:hover .feature-icon-wrapper i {
            transform: scale(1.1);
        }

        .feature-content h3 {
            color: #ffffff;
            font-weight: 600;
            font-size: 1.8rem;
            margin-bottom: 25px;
            padding-left: 20px;
            border-left: 4px solid #AD1919;
        }

        .feature-content ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .feature-content ul li {
            color: #ced4da;
            margin-bottom: 15px;
            line-height: 1.7;
            display: flex;
            align-items: flex-start;
        }

        .feature-content ul li::before {
            content: '\f058'; /* Font Awesome solid check circle */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            color: #AD1919;
            margin-right: 12px;
            font-size: 1.1rem;
            margin-top: 4px;
        }
        
        /* Responsive adjustments for mobile */
        @media (max-width: 767.98px) {
            .feature-icon-wrapper {
                width: 140px;
                height: 140px;
                margin-bottom: 30px;
            }
            .feature-icon-wrapper i {
                font-size: 3rem;
            }
            .feature-content {
                text-align: center;
            }
            .feature-content h3 {
                text-align: left;
            }
            .feature-content ul {
                text-align: left;
                display: inline-block;
            }
        }
.zurich-custom .table-body{
  min-height: 407px !important;
}

.stockholm-servers99{
    background-color: var(--dark-blue);
            color: var(--text-light);
            
            padding-top: 50px;
            padding-bottom: 50px;
}
.stockholm-servers99 .row{
  row-gap: 32px !important;
}
 .main-header {
            text-align: center;
            margin-bottom: 60px;
            padding-bottom: 20px;
        }

        .main-title {
            color: var(--text-light);
            font-weight: 700;
           font-size: 35px;
            letter-spacing: 1px;
            margin-bottom: 5px;
        }
        
        .main-subtitle {
            color: var(--primary-red);
            font-size: clamp(1rem, 2vw, 1.5rem);
            font-weight: 700;
            text-transform: uppercase;
            display: inline-block;
            padding: 5px 15px;
            border-radius: 5px;
            background: rgba(173, 25, 25, 0.1);
            border: 1px solid var(--primary-red);
        }

        /* Feature Card Styling */
        .stock-feature-card {
            background-color: var(--card-bg);
            border: 1px solid rgba(173, 25, 25, 0.2);
            border-radius: 15px;
            transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            height: 100%;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
            padding: 30px;
            position: relative;
        }

        .stock-feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(173, 25, 25, 0.4);
            background-color: #3b3b64;
        }

        .stock-icon-wrapper {
            background-color: var(--primary-red);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            box-shadow: 0 0 15px rgba(173, 25, 25, 0.6);
        }

        .stock-feature-icon {
            font-size: 2rem;
            color: white;
        }

        .stock-feature-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--text-light);
            margin-bottom: 10px;
            border-left: 3px solid var(--primary-red);
            padding-left: 10px;
        }

        .stock-feature-description {
            font-size: 0.9rem;
            color: var(--text-muted);
            line-height: 1.7;
        }
/* bgp page */
 
.bgp-wrapper-split {
    padding: 3rem 3rem;
    background: linear-gradient(to right, #ede1e1 50%, var(--dark-blue) 50%);
}
@media (max-width: 991px) {
    .bgp-wrapper-split {
        background: white;
    }
}

.bgp-visual-card {
    background-color: var(--dark-blue);
    color: white;
    border-radius: 0.75rem;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
    height: 100%;
    padding-left: 1rem;
}

.bgp-visual-card::before {
    content: '';
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 150px;
    height: 150px;
    background-color: var(--primary-red);
    opacity: 0.1;
    transform: rotate(45deg);
    border-radius: 20px;
}
.bgp-visual-card h4 {
    color: white;
}
.bgp-visual-icon {
    font-size: 4.5rem;
    color: var(--primary-red);
    display: block;
    margin-bottom: 1rem;
}
.bgp-card-list {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
}
.bgp-card-list li {
    padding: 0.5rem 0;
    font-weight: 600;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
}
.bgp-card-list i {
    color: var(--primary-red);
    margin-right: 0.5rem;
}
/* Section Utility Classes */
.bgp-section-padding {
    padding: 4rem 6rem;
}
.bgp-section-heading {
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
}
.bgp-section-heading h2 {
    display: inline-block;
    padding-bottom: 0.5rem;
    font-weight: 800;
}
.bgp-section-heading h2::after {
    content: '';
    display: block;
    width: 80px;
    height: 5px;
    background-color: var(--primary-red);
    margin: 0.5rem auto 0;
    border-radius: 5px;
}
.bgp-benifits-container{
    max-width: 1500px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* UNIQUE GEOMETRIC CARD DESIGN */
.bgp-benefit-creative-card {
    position: relative;
    background-color: var(--dark-blue);
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border: 2px solid transparent;
}
.bgp-benefit-creative-card:hover {
    box-shadow: 0 15px 35px rgba(173, 25, 25, 0.4);
    transform: translateY(-5px);
    border-color: var(--primary-red);
}

/* The unique angled header slice */
.bgp-card-angled-header {
    background-color: var(--light-bg);
    padding: 2.5rem 1.5rem 4rem 1.5rem;
    position: relative;
    z-index: 2;
    /* Creates the diagonal cut at the bottom of the header */
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
    margin-bottom: -30px;
    transition: background-color 0.3s;
}

/* Icon styling inside the slice */
.bgp-card-icon {
    font-size: 2.5rem; 
    color: var(--primary-red);
    margin-bottom: 0.5rem;
    display: block;
    text-align: left;
}

/* Title styling inside the slice */
.bgp-card-title {
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--dark-blue);
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

/* Description styling in the dark section */
.bgp-card-description-body {
    padding: 2.5rem 1.5rem;
    color: #ddd;
    text-align: left;
    position: relative;
    z-index: 1;
}
.bgp-card-description-body p {
    margin-bottom: 0;
    font-size:17px;
}

/* Subtle red accent line under the angled header */
.bgp-card-angled-header::after {
    content: '';
    position: absolute;
    bottom: 30px;
    left: 1.5rem;
    width: 50px;
    height: 4px;
    background-color: var(--primary-red);
    border-radius: 2px;
}

/* Responsiveness for smaller screens: soften the angle */
@media (max-width: 767px) {
    .bgp-card-angled-header {
        /* Less aggressive angle for better text flow on mobile */
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
        padding-bottom: 3rem;
        margin-bottom: -15px;
    }
    .bgp-card-angled-header::after {
        bottom: 10px;
    }
}

.bgp-audience-section {
    background-color: var(--dark-blue);
    position: relative;
    overflow: hidden;
    border-top: 5px solid var(--primary-red);
}
.bgp-audience-section h2 {
    color: white !important;
}
.bgp-audience-intro {
    color: #ccc;
    font-weight: 600;
}

/* Updated to be a simple container wrapper for the Bootstrap grid */
.bgp-feature-list {
    max-width: 1200px;
    margin: auto;
}

.bgp-feature-item {
    background-color: white;
    padding: 1.5rem 2rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border-left: 10px solid var(--primary-red);
    height: 100%;
}

/* Diagonal top/bottom shadow effect */
.bgp-feature-item::after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 95%;
    height: 5px;
    background: linear-gradient(to right, transparent, rgba(173, 25, 25, 0.5));
    transform: skewX(-45deg);
    opacity: 0.5;
    z-index: 1; 
}

.bgp-feature-item:hover {
    box-shadow: 0 10px 40px rgba(173, 25, 25, 0.4);
    transform: translateY(-5px);
    border-left: 10px solid var(--dark-blue);
}

.bgp-feature-icon {
    font-size: 3rem;
    color: var(--primary-red);
    margin-right: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.bgp-feature-content {
    flex-grow: 1;
}
.bgp-feature-title {
    color: var(--dark-blue);
    font-size: 1.3rem;
    font-weight: 800;
    margin-bottom: 0.25rem;
}
.bgp-feature-text {
    color: var(--subtle-gray);
    margin-bottom: 0;
    font-size: 1rem;
}

/* Specific styling for the last, full-width item */
.bgp-feature-item.bgp-full-width {
    text-align: center;
    flex-direction: column;
    background-color: var(--light-bg);
    border-left: 10px solid var(--primary-red);
}
.bgp-feature-item.bgp-full-width .bgp-feature-icon {
    margin-right: 0;
    margin-bottom: 0.75rem;
}
.bgp-feature-item.bgp-full-width .bgp-feature-title {
    color: var(--primary-red);
    text-align: center;
}
.bgp-feature-item.bgp-full-width .bgp-feature-text {
    color: var(--dark-blue);
    text-align: center;
}
/* Disable slant shadow on full width item */
.bgp-feature-item.bgp-full-width::after {
    content: none;
}

@media (max-width: 767px) {
    .bgp-feature-item {
        padding: 1rem 1.5rem;
        border-left-width: 6px;
    }
    .bgp-feature-item::after {
        content: none;
    }
    .bgp-feature-icon {
        font-size: 2.5rem;
        margin-right: 1rem;
    }
}

.bgp-onboarding-section {
    background-color: white;
    border-bottom: 1px solid #ddd;
}
.bgp-sub-heading {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--primary-red);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid var(--dark-blue);
    padding-bottom: 0.5rem;
}

/* Class to increase horizontal gutter on desktop (newly added) */
@media (min-width: 992px) {
    .bgp-large-column-gap {
        --bs-gutter-x: 6rem;
    }
}

/* Wrapper for the requirements content */
.bgp-requirements-container { 
    background-color: var(--light-bg);
    border-radius: 12px;
    padding: 1.5rem;
}

/* Requirements Styling (Left Column) - ENHANCED */
.bgp-requirements-wrapper {
    background-color: white;
    border-radius: 8px;
    padding: 2.5rem;
    height: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 3px solid var(--dark-blue);
    position: relative;
}

.bgp-req-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ddd;
}
.bgp-req-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.bgp-req-icon {
    font-size: 2.5rem;
    color: var(--primary-red);
    margin-right: 1rem;
    flex-shrink: 0;
}
.bgp-req-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0.25rem;
}
.bgp-req-text {
    font-size: 0.95rem;
    color: var(--subtle-gray);
    margin: 0;
}

/* Onboarding Process Timeline Styling (Right Column) - ENHANCED */
.bgp-process-step {
    position: relative;
    padding-left: 3.5rem;
   
    border-left: 2px solid var(--primary-red);
    transition: border-color 0.3s;
    padding-bottom: 3rem;
}

.bgp-process-step:last-child {
    margin-bottom: 0;
    border-left: 2px solid transparent;
}

/* The Numbered Dot/Node (Creative Step Indicator) */
.bgp-process-step::before {
    content: attr(data-step);
    position: absolute;
    left: -18px;
    top: 0;
    width: 36px;
    height: 36px;
    background-color: var(--primary-red);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    border: 4px solid white;
    box-shadow: 0 0 0 2px var(--primary-red);
    z-index: 10;
}

.bgp-process-step-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--dark-blue);
    margin-bottom: 0.25rem;
}

.bgp-process-step-text {
    font-size: 0.95rem;
    color: var(--subtle-gray);
    margin: 0;
}

/* Responsive adjustments for mobile/small screens */
@media (max-width: 767px) {
    .bgp-requirements-container {
        padding: 1rem;
    }
    .bgp-requirements-wrapper {
        padding: 1.5rem;
    }
    .bgp-requirements-wrapper::before {
        top: -10px;
        right: -10px;
        width: 30px;
        height: 30px;
    }
    .bgp-process-step {
        border-left: none;
        padding-left: 0;
        margin-left: 2.5rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #ddd;
    }
    .bgp-process-step:last-child {
        border-bottom: none;
    }
    .bgp-process-step::before {
        left: -40px;
        border: 2px solid white;
    }
    .bgp-sub-heading {
        margin-top: 2rem;
    }
}
.custom-col-bgp{
    padding-right: 60px !important;
}   
.bgp-process-timeline{
    padding: 1.5rem;
}

.bgp-package-section {
    background-color: var(--dark-blue);
    border-top: 5px solid var(--primary-red);
}
.bgp-package-section h2, .bgp-package-section h3 {
    color: white;
}
.bgp-package-section p {
    color: #ccc;
}

.bgp-pricing-card {
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
    padding: 2.5rem;
    margin: 0 auto;
    max-width: 570px;
    position: relative;
    overflow: hidden;
    border: 5px solid var(--primary-red);
}

/* Price Display */
.bgp-price-display {
    text-align: center;
    margin-bottom: 2rem;
}
.bgp-price-number {
    font-size: 4.5rem;
    font-weight: 900;
    color: var(--dark-blue);
    line-height: 1;
    display: inline-block;
}
.bgp-price-unit {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--primary-red);
    display: inline-block;
    vertical-align: top;
    margin-top: 0.5rem;
}
.bgp-setup-fee {
    color: #605f5f !important;
    font-size: 1rem;
    margin-top: 0.5rem;
    font-weight: 500;
}

/* Feature List Styling */
.bgp-feature-list-card {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.bgp-feature-list-card li {
    font-size: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    color: var(--dark-blue);
    font-weight: 500;
}
.bgp-feature-list-card li i {
    color: var(--primary-red);
    font-size: 1.25rem;
    margin-right: 0.75rem;
    width: 20px;
    flex-shrink: 0;
}

/* Activation Button */
.bgp-activate-btn {
    background-color: var(--primary-red);
    color: white;
    font-weight: 700;
    padding: 1rem;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s, transform 0.2s;
    border: none;
    width: 100%;
    margin-top: 2rem;
    box-shadow: 0 4px 15px rgba(173, 25, 25, 0.4);
    display: block;
    text-align: center;
    text-decoration: none;
}
.bgp-activate-btn:hover {
    background-color: #921717;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(173, 25, 25, 0.6);
    color: white !important;
}

.bgp-tech-specs-section {
    background-color: white;
}
.bgp-code-block-container {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0;
}
.bgp-code-block-item {
    background-color: var(--light-bg);
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #ddd;
    border-left: 4px solid var(--primary-red);
    color: var(--dark-blue);
}
.bgp-code-block-item:last-child {
    border-bottom: none;
}
.bgp-spec-title-code {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-red);
    margin-bottom: 0.25rem;
}
.bgp-spec-value-code {
    font-size:16px;
    color: var(--dark-blue);
    margin: 0;
}
.bgp-spec-value-code strong {
    color: var(--dark-blue);
    font-weight: 700;
}

.bgp-final-cta-section {
    background-color: var(--dark-blue);
    position: relative;
    overflow: hidden;
    padding: 6rem 0;
    text-align: center;
}

/* Pseudo-element for the dramatic red slant */
.bgp-final-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-red);
    /* Creates a slanted area cutting diagonally across the top right */
    clip-path: polygon(0 0, 100% 0, 100% 40%, 0 70%); 
    opacity: 0.1;
    z-index: 1;
}

.bgp-final-cta-content {
    position: relative;
    z-index: 3;
    color: white;
    max-width: 800px;
    margin: 0 auto;
}
.bgp-cta-heading {
    font-size: 2.5rem; 
    font-weight: 900;
    color: white;
    margin-bottom: 1rem;
    line-height: 1.2;
}
.bgp-cta-text {
    color: #e0e0e0;
    font-size: 1.1rem; 
    margin-bottom: 2.5rem; 
    max-width: 6900px;
    margin-left: auto;
    margin-right: auto;
}

/* CTA Button Specific Styles */
.bgp-large-cta {
    font-size: 1.15rem;
    padding: 1.1rem 3rem !important;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--primary-red);
    color: white;
    border: 2px solid var(--primary-red); 
    box-shadow: 0 8px 25px rgba(173, 25, 25, 0.6);
    transition: background-color 0.3s, transform 0.2s, box-shadow 0.3s;
}
.bgp-large-cta:hover {
    background-color: #921717;
    border-color: #921717;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(173, 25, 25, 0.8);
}
.bgp-wrapper-split h2{
    font-weight: 800;
    color: var(--primary-color);
}
.lead{
    font-size: 16px !important;
}
.bgp-tech-card-wrapper{
  margin: 40px;
}



/* popup banner */

#offer-popup-container {
            position: fixed;
            inset: 0;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--backdrop-color);
            backdrop-filter: blur(5px);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }

        #offer-popup-container.popup-visible {
            opacity: 1;
            visibility: visible;
        }
        
        #offer-popup-container.popup-hidden {
            opacity: 0;
            visibility: hidden;
        }

        /* --- Main Popup Card --- */
        #offer-popup {
            background-color: #FFFFFF;
            border-radius: 12px;
            width: 90%;
            max-width: 900px;
            display: flex;
            overflow: hidden;
            position: relative;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
            transform: scale(0.95);
            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            
        }

        .popup-visible #offer-popup {
            transform: scale(1);
            margin-top: 50px;
        }

        @media screen and (max-width:400px){
          .popup-visible #offer-popup {
            transform: scale(1);
            margin-top: 200px;
        }

        }

        .popup-hidden #offer-popup {
            transform: scale(0.95);
        }

        /* --- Close Button --- */
        #close-popup {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: #E5E7EB;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.2s ease, transform 0.2s ease;
            z-index: 10;
        }

        #close-popup:hover {
            background-color: #9CA3AF;
            transform: rotate(90deg);
        }

        #close-popup svg {
            width: 18px;
            height: 18px;
            stroke: #4B5563;
        }

        /* --- Left Content Panel (Offer Details) --- */
        .popup-left {
          flex: 1;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: #FFFFFF;
    justify-content: center;
    align-items: center;
        }

        .popup-left h2 {
            display: flex;
    font-size: 2.2rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: #1F2937;
    line-height: 1.2;
    flex-direction: column;
    text-align: center;
        }

        .popup-offer-highlight {
        font-family: 'Oswald', sans-serif;
    color: #AD1919;
    font-size: 60px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bolder;
            
        }

        .popup-features-list {
            list-style: none;
            padding: 0;
            margin-bottom: 2rem;
        }

  .popup-features-list li {
    display: flex;
    align-items: center;
    flex-wrap: wrap; 
    gap: 0.5rem;    
    font-size: 18px;
    font-weight: 600;
}

        .popup-discount-badge {
    display: inline-block;
    padding: 3px 12px;         
    font-size: 0.8rem;          
    font-weight: 700;           
    line-height: 1.2;
    color: #111;               
    background-color: #ffc107;  
    border-radius: 999px;       
    text-transform: uppercase;  
}

        .popup-features-list li:last-child {
            margin-bottom: 0;
        }

        .popup-features-list svg {
            width: 20px;
            height: 20px;
            margin-right: 0.75rem;
            color: #AD1919;
            flex-shrink: 0;
        }

        /* --- CTA Button --- */
        .popup-cta-button {
            background-color: #AD1919;
            color: white;
            font-weight: 600;
            padding: 0.9rem 2rem;
            border-radius: 8px;
            text-decoration: none;
            display: inline-block;
            transition: background-color 0.2s ease;
            border: none;
            width: 100%;
            max-width: 300px;            
            text-align: center;
            font-size: 1.05rem;
        }

        .popup-cta-button:hover {
            background-color: #181836;
            color: white;
        }

        /* --- Right Content Panel (Themed Image) --- */
        .popup-right {
            flex: 1;
            background-image: url('/assets/images/promotion/11_sale.webp'); 
            background-size: cover;
            background-position: center;
            display: flex;
            flex-direction: column;
            /* justify-content: center;
            align-items: center; */
            padding: 1.5rem;
            color: white;
            position: relative;
            /* text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); */
        }

        /* Overlay for better text readability on image */
        .popup-right::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, rgb(20 30 48 / 81%), #181836b8);
            z-index: 1;
        }

        .popup-right > * {
            position: relative;
            z-index: 2;
        }

        .popup-promo-title {
            font-family: 'Oswald', sans-serif;
            font-size: 50px;
            font-weight: 800;
            line-height: 1.1;
            margin: 0;
            color: #FFFFFF;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 20px !important;
            text-align: center;
        }
        
        .popup-promo-subtitle {
            font-size: 1.2rem;
            font-weight: 500;
            margin-top: 0.5rem;
            color: #E5E7EB; 
            text-align: center;
        }
  #countdown-timer {
            display: flex;
            justify-content: center;
            gap: 0.75rem; /* Space between blocks */
            margin-top: 2rem;
            margin-bottom: 2rem;
        }

        .countdown-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background-color: rgba(0, 0, 0, 0.3);
            border: 2px solid #AD1919;
            border-radius: 8px;
            padding: 0.75rem;
            min-width: 65px;
            backdrop-filter: blur(3px);
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        }

        .countdown-number {
            font-family: var(--font-sans);
            font-size: 2rem;
            font-weight: 700;
            color: #ffc107; /* Bright pumpkin/gold color */
            line-height: 1;
        }

        .countdown-label {
            font-size: 0.7rem;
            font-weight: 600;
            color: #E5E7EB;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 0.25rem;
        }

        #countdown-expired {
            display: none; /* Hidden by default */
            font-size: 1.5rem;
            font-weight: 700;
            color: #ffc107;
            text-align: center;
            margin-top: 2rem;
            font-family: var(--font-display);
            letter-spacing: 2px;
        }

        /* --- Responsive Styles --- */
        @media screen and (max-width: 768px) {
            #offer-popup {
                flex-direction: column;
                max-width: 500px;
            }

            .popup-left, .popup-right {
                padding: 2rem;
            }
            .popup-right {
                min-height: 200px;
            }

            .popup-left h2 {
                font-size: 1.8rem;
                margin-bottom: 1rem;
            }

            .popup-features-list li {
                font-size: 0.9rem;
                margin-bottom: 0.75rem;
            }

            .popup-cta-button {
                max-width: none;
            }

            .popup-promo-title {
                font-size: 2rem;
            }

            .popup-promo-subtitle {
                font-size: 1rem;
            }

            #close-popup {
                top: 8px;
                right: 8px;
                width: 28px;
                height: 28px;
            }
            #close-popup svg {
                width: 16px;
                height: 16px;
            } #countdown-timer {
                gap: 0.5rem;
                margin-top: 1.5rem;
            }
            .countdown-block {
                min-width: 60px;
                padding: 0.5rem;
            }
            .countdown-number {
                font-size: 1.75rem;
            }
        }

        @media screen and (max-width: 480px) {
            .popup-left, .popup-right {
                padding: 1.5rem;
            }
            .popup-left h2 {
                font-size: 1.5rem;
            }
            .popup-features-list li {
                font-size: 0.85rem;
            }
            .popup-promo-title {
                font-size: 1.8rem;
            }
            .popup-promo-subtitle {
                font-size: 0.9rem;
            }
             #countdown-timer {
                flex-wrap: wrap; /* Allow wrapping on very small screens */
            }
            .countdown-block {
                min-width: 55px;
                padding: 0.5rem;
            }
            .countdown-number {
                font-size: 1.5rem;
            }
            .countdown-label {
                font-size: 0.6rem;
            }
        }
        
        /* --- Responsive Styles for very small screens (down to 320px) --- */
        @media screen and (max-width: 375px) {
            .popup-left, .popup-right {
                padding: 1.5rem 1rem; /* Reduce horizontal padding */
            }
            .popup-left h2 {
                font-size: 1.3rem; /* Further reduce heading size */
            }
            .popup-features-list li {
                font-size: 0.8rem; /* Make list text slightly smaller */
                margin-bottom: 0.5rem;
            }
            .popup-features-list svg {
                width: 18px;
                height: 18px;
                margin-right: 0.5rem;
            }
            .popup-promo-title {
                font-size: 1.5rem;
            }
            .popup-promo-subtitle {
                font-size: 0.8rem;
            }
            .popup-cta-button {
                padding: 0.8rem 1.5rem;
                font-size: 0.9rem;
            }
        }
        .sale-text-3d {
 
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 5rem; 
  color: #FF6B6B; 
  
  /* The 3D effect: */
  text-shadow: 
    1px 1px 0px #A30000, 
    2px 2px 0px #A30000,
    3px 3px 0px #A30000,
    4px 4px 0px #A30000,
    5px 5px 0px #A30000,
    6px 6px 2px rgba(0,0,0,0.2); 
        }