:root {

    --gcp-blue: #4285F4;
    --gcp-red: #EA4335;
    --gcp-yellow: #FBBC05;
    --gcp-green: #34A853;

  --black: #1B1616;

  --white: #fff;

  --grey: #666;

  --primary-color: #00d1ff;

  --secondary-color:#002e5b;

  --bg-light-grey:#f3f3f3;

  --bg-dark-grey:#EBEAE9;

  --bg-white:#fff;

  --bg-primary-color:#00d1ff;

  --bg-light-primary-color:#e9f8fb;

  --light-primary-color:#F0E6E1;

  --bg-secondary-color:#242d6b;

  --bg-secondary--dark:#222855;

  --green-tick:#6BB25F;

  --border-color:#e7e7e7;

/*  --heading-text-color:#0B0D11;*/

  --text-color:#444;

  --main-heading-color:#002e5b;

  --section-heading-color:#002e5b;

  --heading-color:#002e5b;



    /******for dark banner heading color*******/



  --secondary-main-heading-color:#fff;

  --secondary-section-heading-color:#fff;

  --secondary-heading-color:#fff;

  --secondary-text-color:#fff;



  --btn-primary-bgcolor: #00d1ff;

  --btn-primary-color: #002e5b;

  --btn-primary-border: #00d1ff;

  --btn-primary-bgcolor-hover:#fff;

  --btn-primary-color-hover: #002e5b;

 

  --btn-secondary-bgcolor: #242d6b;

  --btn-secondary-color: #fff;

  --btn-secondary-border: #242d6b;

  --btn-secondary-bgcolor-hover:#fff;

  --btn-secondary-color-hover:#242d6b;

}















/* compute products  */
.compute-products #pricing .price_top {
    /* display: none; */
}

.compute-products ul#changeProductGroup {
    width: 100%;
    display: flex;
    height: auto;
    margin: 15px auto 25px;
    background: #fff;
    padding-left: 0;
    /* border-radius: 25px; */
    border: 1px solid #000;
    cursor: pointer;
}

.compute-products #changeProductGroup li a{
    display: block;
    font-size: 16px;
    padding: 17px 0 17px;
    color: var(--grey);
    border-right: 1px solid #000;
    border-bottom: 2px solid transparent;
    transition: all 0.4s;
}
.compute-products #changeProductGroup li:last-child a {
    border-right: none;
}
.compute-products ul#changeProductGroup li {
    width: auto;
    text-align: center;
    flex: auto;
    float: none;
}
.compute-products #changeProductGroup li.active a{
    color: #fff;
    background-color: var(--bg-secondary-color);
}
.pricing-block-vps-page-V1 .price_group #productLists .owl-item .price_sect{
    border-radius: 25px;
}
.pricing-block-vps-page-V1 .price_group #productLists .owl-item .price_sect p {
    color: #646773;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0 !important;
    text-align: center;
}
.pricing-block-vps-page-V1 .price_group #productLists .owl-item .price_sect .pricing-vps-sec-lower{
    text-align: center;
}
.pricing-block-vps-page-V1 .price_group #productLists .owl-item .price_sect p {
    color: #646773;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0 !important;
}
.pricing-block-vps-page-V1.pricing_section .price_group #productLists .price_sect{
    padding: 0px 0px 0 0px;
}
.pricing-block-vps-page-V1 .price_group #productLists .owl-item .price_sect h2 {
    text-align: center;
    background-color: #00d1ff;
    padding-bottom: 30px;
    font-weight: 800;
    padding-top: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#productLists .owl-controls .owl-prev:before, #productLists_SSL .owl-controls .owl-prev:before, .dedicated-server .owl-prev:before , #productLists .owl-controls .owl-next:before, #productLists_SSL .owl-controls .owl-next:before, .dedicated-server .owl-next:before {
    z-index: 9;
}
.pricing_section .price_group #productLists .owl-item .price_sect {
    border-color: transparent;
    border-top: 2px solid transparent;
    max-width: calc(100% - 30px);
}

.pricing_section .price_group #productLists .price_sect, .pricing_section .price_group #productList_SSL .price_sect {
    width: 100%;
    text-align: left;
    position: relative;
    margin: auto 14px;
    padding: 15px 20px 0 20px;
    border: 1px solid var(--bg-light-primary-color);
    background: var(--bg-white);
    max-width: 23.111%;
}
@media(max-width:767px){
    .compute-products #changeProductGroup li a{
        border-right: 0 !important;
    }
    .compute-products ul#changeProductGroup{
        flex-direction: column;
    }
}
/* end compute products  */
.frequently-questions .frequently-questions-row .accordion-container-main {
    max-width: 1100px;
    margin: 0 auto;
}

.frequently-questions .frequently-questions-row .accordion-container-main [aria-expanded="false"]:before {
    right: 18px;
    left: unset;
    content: "\25BC";
    transition: transform 0.3s;
        top: 5px;
}
.frequently-questions .frequently-questions-row .accordion-container-main [aria-expanded="true"]:before {
    right: 18px;
    left: unset;
    content: "\25BC";
    transform: rotate(180deg);
    transition: transform 0.3s;
        top: 5px;
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a{
    display: block;
    position: relative;
    
}
body .domain h2 {
    color: var(--secondary-section-heading-color);

}
.frequently-questions .frequently-questions-row .accordion-container-main h5.mb-0 {
    margin-top: 0;
    font-size: 18px;
}
.features-option3 .features-col{
    border: 1px solid #ededed;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
.features-option2.features-option3 .img-box {
   border-radius: 50px;
}
.features-option2.features-option3 .img-box img {
    width: 35px;
}
.our-cloud-service .col-md-4:nth-child(1) {
    border-bottom: 1px solid;
    border-image: linear-gradient(88deg, transparent, var(--primary-color)) 1;
  }
  .our-cloud-service .col-md-4:nth-child(2) {
    border: 1px solid;
    border-image: linear-gradient(transparent, var(--primary-color)) 1;
    border-top: 0;
  }
  .our-cloud-service .col-md-4:nth-child(3) {
    border-bottom: 1px solid;
    border-image: linear-gradient(88deg, var(--primary-color), transparent) 1;
  }
 .our-cloud-service .col-md-4:nth-child(5) {
    border: 1px solid;
    border-image: linear-gradient(var(--primary-color), transparent) 1;
    border-top: 0;
    border-bottom: 0;
  }
.features-option2.features-option4.our-cloud-service .features-col {
    background: transparent;
    margin-bottom: 0;
}
.features-option2.features-option4.our-cloud-service .features-col:hover{
    box-shadow: none;
}
.features-option2.features-option4.our-cloud-service .img-box{
        margin-bottom: 10px;
}
.our-cloud-service h6 {
    font-size: 18px;
    line-height: 27px;
}
.wgsTestimonial .carousel-item{
    margin-right: auto;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
}
.wgsTestimonial button{
    background-color:#fff;
}
.testimonials-1.text-center .container {
    border: transparent;
    padding: 0;
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-header {
    cursor: pointer;
    padding: 1rem 1.5rem;
    margin-top: 15px;
    background-color: #f8f8f8;
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a{
        padding-left: 10px;
}
.frequently-questions {
    background-color: var(--bg-white);
}
.frequently-questions-row ul {
    padding-left: 20px;
    list-style: disc;
    padding-top: 15px;
}
.frequently-questions-row ul li {
    color: var(--text-color);
    margin-bottom: 10px;
}
.features-option2.features-option4.p-vertical.our-cloud-service {
    background: var(--bg-light-primary-color);
}
.frequently-questions .frequently-questions-row h2 {
    margin-bottom: 30px;
}
.homepageslider {
    clear: both;
    background: url(../images/dewinlayout/baner-bg-dewin.png);
}
.frequently-questions .frequently-questions-row .accordion-container-main .card p {
    margin-top: 0;
}
header.header.wgs-new-header-top-latest {
    background: var(--bg-primary-color);
}
.homepageslider .hx-banner-business-img img {
    max-width: 500px;
    max-height: 500px;
        margin: auto;
    display: block;
}
.hostx-nav-mega-menu-latest-style .top-mega-menu-latest-cls{
     box-shadow: none;
     border-bottom: transparent;
     border-top: transparent;
     background: #252E69;
     background: linear-gradient(100deg, rgba(37, 46, 105, 1) 0%, rgba(33, 43, 110, 1) 100%);
}
.new_hx-business-banner {
    background: transparent;
    padding-bottom: 120px;
}
.list-menu li a, .counrty-inner a{
    color: var(--white);
}
.footer-logo-container img {
    max-width: 200px;
}
.new_hx-business-banner .hx-banner-business-content h1 {
    color: var(--secondary-section-heading-color);
    font-size: 39px;
    line-height: 44px;
}
footer.footer {
    background-color: var(--bg-secondary-color);
}
.hx-banner-business-content p{
     color: var(--white);
     font-size: 16px;
    font-weight: 100;
    margin-bottom: 30px;
    margin-top: 30px;
    max-width: 530px;
}
.hx-banner-business-content h1 span {
    background: transparent;
    display: inline-block;
    color: var(--primary-color);
    box-shadow: none;
    font-size: 38px;
    padding: 0;
    position: relative;
}
.new_hx-business-banner .hx-banner-business-content {
    max-width: 600px;
}
.hx-banner-business-content h1 span:after {
    content: "";
    border-bottom: 2px solid;
    border-image: linear-gradient(45deg, transparent, var(--primary-color), transparent) 1;
    position:absolute;
    bottom: -18px;
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
}
.hx-banner-business-content>span{
    font-size: 16px;
    line-height: 35px;
    color: var(--primary-color);
    font-weight: 400;
    background-color: #3B4793;
    display: flex;
    width: max-content
}
.button-style {
    padding: 12.5px 30px;
    font-size: 18px;
    border-radius: 50px;
}

.homepageslider .row {
    align-items: center;
}
.homepageslider .row {
    align-items: center;
}

.homepageslider ul.slick-dots {
    position: absolute;
    display: flex !important;
    align-items: center;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    margin: 0;
}
.homepageslider ul.slick-dots button {
    font-size: 0;
    border: transparent;
    margin: 2px;
    width: 47px;
    background: #4856a9;
    height: 4px;
    cursor: pointer !important;
    border-radius: 50px;
}
.homepageslider ul.slick-dots li.slick-active button {
    background: var(--bg-primary-color);
}
span.image-span-wrapper img {
    margin-right: 5px;
}
a.btn.getstart-business-btn.button-style.banner-secondry-btn {
    color: var(--primary-color);
    display: flex;
    align-items: center;
    font-weight: 500;
    border: 2px solid var(--btn-primary-border);
    margin-left: 10px;
    width: max-content;
}

a.btn.getstart-business-btn.button-style.banner-secondry-btn span {
    display: block;
    margin-right: 5px;
}

.hx-business-btn .getstart-business-btn span img {
    visibility: visible;
    width: auto;
    opacity: 1;
}

.hx-business-btn.mb-4.mb-lg-0 {
    display: flex;
}
.hx-business-banner.p-vertical {
    background-image: none !important;
}
.media-body h5 {
    line-height: 26px;
    margin-bottom: 0;
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 500;
}
.media img.mr-4 {
    background: var(--bg-light-primary-color);
    width: 65px;
    height: 65px;
    padding: 15px;
    border-radius: 5px;
}

.why-hostx {
    background: var(--bg-white);
}
.why-hostx-left img {
    width: 100%;
    max-width: 700px;
    border-radius: 20px;
}

.media {
    align-items: center;
    margin-bottom: 20px;
}

.media:not(:last-child):after {
    left: 32px;
}
.wgsTestimonial .slick-slide img{
        border-radius: 50px;
}
.hx-business-banner.p-vertical {
    padding-bottom: 70px;
}

/* 18-03-26  */
.cloud_hosting .right .justify-content-center .hosting_box {
    background-color: #00d1ff;
    background-image: unset !important;
}
.google_offer_block-have-widgets {
    float: left;
    width: 100%;
}
.google_offer_block-have-widgets i {
    color: var(--primary-color) !important;
    font-size: 26px;
    margin-top: 8px;
}
.toll-free {
    background-color: #00d1ff;
}
.our-cloud-service .col-md-4:hover {
    transform: translateY(0px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.pricing_section.pricing-block-vps-page-V1 .button-style{
    font-size: 14px;
}
#productList .owl-controls .owl-prev:before, #productList_SSL .owl-controls .owl-prev:before, .dedicated-server .owl-prev:before , #productList .owl-controls .owl-next:before, #productList_SSL .owl-controls .owl-next:before, .dedicated-server .owl-next:before {
    z-index: 9;
}
.hero-banner  .btn-outline-light:hover{
    background-color: transparent;
}

.dewin-services {
    padding: 70px 0;
    background: var(--bg-white);
    clear: both;
}

.dewin-services .container {
    width: 90%;
    margin: auto;
}

/* Header */
.dewin-services .section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
}

.dewin-services .section-header h2 {
    font-size: 34px;
    font-weight: 700;
    color: #002e5b;
}

.dewin-services .section-header p {
    margin-top: 12px;
    color: #555;
    line-height: 1.6;
}

/* Grid */
.dewin-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* Card */
.dewin-services-card {
    display: flex;
    gap: 15px;
    padding: 0;
    background: #e9f8fb;
    border-radius: 15px;
    transition: 0.3s ease;
}

.dewin-services-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Icon Box */
.dewin-services-card .icon {
    min-width: 80px;
    height: 80px;
    background: #ffffff;
    border-top-left-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-right-radius: 15px;
    padding: 5px;
}

/* Placeholder for image/icon */
.dservice-image {
    width: 70px;
    height: 70px;
    background: #e9f8fb;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Content */
.dewin-services-card .content h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #002e5b;
    font-weight: 700;
}
.dewin-services-card .content p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}
.our-cloud-service .col-md-4 {
    transition: all 0.3s;
}
.content {
    padding: 20px;
}
.dservice-image img {
    width: 45px;
}
.dewin-services-card:hover {
    box-shadow: none;
}
.homepageslider.data-center-banner {
    float: left;
    width: 100%;
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-body {
    background: #f8f8f8;
}
.configoption-image-wrapper.text-center {
    margin: 10px;
}
.blue-color-icons i {
    color: #252e6a;
}
.pricing-block-vps-page-V1 .price_group #productList .owl-item .price_sect h2 {
    text-align: center;
    background-color: #00d1ff;
    padding-bottom: 30px;
    font-weight: 800;
    padding-top: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.pricing-block-vps-page-V1.pricing_section .price_group #productList .price_sect{
    padding: 0px 0px 0 0px;
}
.pricing-block-vps-page-V1 .image-price-wrapper {
    background: #fbfbfb;
    padding: 0 10px;
    position: relative;
    padding: 25px;
    border-radius: 0px;
}
.pricing-block-vps-page-V1  .price_sect ul {
    padding: 10px 20px 0px !important;
}
.configoption-image-wrapper.text-center img {
    margin-top: 0px;
}
 
.pricing-block-vps-page-V1 .image-price-wrapper p {
    margin-top: 20px !important;
    display: block;
}
 
.pricing-block-vps-page-V1 .price_group #productList .owl-item .price_sect p {
    color: #646773;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0 !important;
}
 
.pricing-block-vps-page-V1 .price_group .owl-item .price_sect .bottom_sect a {
    text-align: center !important;
    margin: 0 auto;
}
.configoption-image-wrapper.text-center {
    margin: 10px;
    background: #ffff;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    border-radius: 50px;
    /* margin-top: 80px; */
    margin-top: -50px;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
}
.pricing-block-vps-page-V1 .price_group #productList .owl-item .price_sect .pricing-vps-sec-lower{
    text-align: center;
}
.pricing-block-vps-page-V1 strong {
    display: block;
    color: var(--text-color);
    font-size: 24px;
    font-weight: 800;
    margin-top: 4px;
    line-height: 32px;
}
.pricing-block-vps-page-V1 .price_group #productList .owl-item .price_sect p {
    color: #646773;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0 !important;
    text-align: center;
}
.pricing-block-vps-page-V1 h5.blpr{
    min-height: auto;
}
.pricing-block-vps-page-V1 .price_group #productList .owl-item .price_sect{
    border-radius: 25px;
}
.pricing-block-vps-page-V1 .price_group .owl-item .price_sect .bottom_sect{
    margin: 0px 0px 7px 0px;
    background: transparent !important;
}
.vps-cloud-banner .new_hx-business-banner {
    padding-bottom: 70px;
}


/* gcf css  */

/* --- CONFIGURATORS --- */
/* --- CONFIGURATORS --- */
#storage-config.config-wrap, 
#server-config.config-wrap { padding: 80px 10%; background: #F8FAFC; text-align: center; }

#storage-config.config-wrap h2, 
#server-config.config-wrap h2 { font-size: 32px; font-weight: 800; margin-bottom: 40px; }

#storage-config.config-wrap h2 span, #server-config.config-wrap h2 span {
    color: var(--primary-color);
}
#storage-config .tab-nav, 
#server-config .tab-nav { display: inline-flex; background: #E2E8F0; padding: 6px; border-radius: 14px; margin-bottom: 30px; }

#storage-config .tab-item, 
#server-config .tab-item { padding: 12px 24px; border-radius: 10px; cursor: pointer; font-weight: 700; font-size: 14px; color: var(--section-heading-color); transition: 0.3s; }

#storage-config .tab-item.active, 
#server-config .tab-item.active { background: #fff; color: var(--primary-color); box-shadow: 0 4px 10px rgba(0,0,0,0.05); }

#storage-config .config-card, 
#server-config .config-card { max-width: 1100px; margin: 0 auto; background: #fff; border-radius: 25px; padding: 40px; text-align: left; box-shadow: 0 20px 50px rgba(0,0,0,0.03); display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 40px; border: 1px solid #EDF2F7; width: 100%; }

#storage-config .input-group, 
#server-config .input-group { margin-bottom: 25px; }

#storage-config .input-group label, 
#server-config .input-group label { display: block; font-weight: 700; font-size: 13px; color: #2D335E; margin-bottom: 8px; text-transform: uppercase; }

#storage-config .input-group select, 
#server-config .input-group select { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid #E2E8F0; background: #F8FAFC; font-weight: 600; cursor: pointer; }

#storage-config .slider-wrap, 
#server-config .slider-wrap { margin-bottom: 25px; }

#storage-config .slider-header, 
#server-config .slider-header { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: 700; }

#storage-config .value-badge, 
#server-config .value-badge { background: var(--bg-light-primary-color) !important;
    color: var(--section-heading-color); padding: 4px 10px; border-radius: 6px; font-size: 13px; }

#storage-config .slider-container, 
#server-config .slider-container { position: relative; width: 100%; height: 8px; background: #EDF2F7; border-radius: 10px; }

#storage-config .slider-fill, 
#server-config .slider-fill { position: absolute; height: 100%; background: #4285F4; border-radius: 10px; transition: width 0.2s; }

#storage-config input[type="range"], 
#server-config input[type="range"] { -webkit-appearance: none; width: 100%; height: 8px; background: transparent; position: relative; z-index: 5; outline: none; }

#storage-config input[type="range"]::-webkit-slider-thumb, 
#server-config input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; background: #fff; border: 4px solid #4285F4; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

#storage-config .price-box, 
#server-config .price-box { background: var(--bg-secondary-color); color: #fff; border-radius: 20px; padding: 35px; text-align: center; display: flex; flex-direction: column; justify-content: center; }

#storage-config .price-tag, 
#server-config .price-tag { font-size: 42px; font-weight: 800; margin: 15px 0; }

#storage-config .btn-gcc, 
#server-config .btn-gcc { width: 100%; padding: 16px; border-radius: 10px; border: none; background: #4285F4; color: #fff; font-weight: 800; cursor: pointer; }
#storage-config .price-box p, #server-config .price-box p {
    color: #fff;
}
/* end gcf css  */
.testimonials-1.p-vertical.text-center {
    background: var(--bg-light-primary-color);
}
span.below-image-text {
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.copyright{
    color: var(--white);
}

.cloud-storage-banner .cloud-for-boxes ,.cloud-pc-banner .cloud-for-boxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 boxes per row */
  gap: 20px; /* space between boxes */
  margin-bottom: 20px;
}

.cloud-storage-banner .cloud-for-box ,.cloud-pc-banner .cloud-for-box  {
  padding: 5px 15px;
  border: 1px solid #00d1ff;
  border-radius: 8px;
}
.cloud-storage-banner .cloud-for-box h4 , .cloud-pc-banner .cloud-for-box h4{
    color: #fff;
    font-size: 15px;
}
.cloud-storage-banner .cloud-for-box p ,.cloud-pc-banner .cloud-for-box p {
    margin: 0;
    /* display: none; */
}
.cloud-storage-banner .new_hx-business-banner , .cloud-pc-banner .new_hx-business-banner {
    padding-bottom: 70px;
}
.vps-hosting .vps-hosting-list .left{
    display: flex;
    align-items: center;
    justify-content: center;
}    
.vps-hosting .vps-hosting-list {
    border-radius: 15px;
    padding: 25px 30px;
    margin-top: 20px;
}
.pricing_section.pricing-block-vps-page-V1 .pricing-vps-sec-lower {
    min-height: 30px;
}
.cloud-pc-banner img {
    border-radius: 20px;
    border: 3px solid #374391;
}
.why-choose-domain  .dewin-services-grid {
    grid-template-columns: repeat(2, 1fr);
}
.why-choose-domain .dewin-services-card {
    min-height: 150px;
}
body .domain.domain-banner h2 {
    text-transform: capitalize;
}
body .domain.domain-banner.domain ul.domain-options {
    overflow-x: auto;
}
.domain-banner .hx-banner-business-img {
    padding-left: 50px;
}

.domain-what-you-get .how-it-works-offers-inner {
    border-radius: 15px;
}

.pricing-block-vps-page-V1 .price_group .owl-item .price_sect .bottom_sect, .pricing-block-vps-page-V1 .price_group .owl-item .price_sect .bottom_sect{
    margin: 0px -10px 7px -10px !important;
}
.domain.domain-banner ul.domain-options li,.domain.domain-banner ul.domain-block-tld-price li {
    border-radius: 10px;
}
/* .master-breadcrumb {
    margin-top: 9px;
} */
.domain-banner.domain .search_box {
    border-radius: 10px;
}
.domain-banner.domain  .search_box .submit {
    border-radius: 15px;
}
/* new */
section#storage-config {
    clear: both;
}
#storage-config.config-wrap, #server-config.config-wrap{
    padding: 80px 0;
    clear: both;
}

#storage-config.config-wrap{
    background: var(--bg-secondary-color) !important;
}
#storage-config .tab-nav, #server-config .tab-nav{
    background: var(--bg-light-primary-color) !important;
}
#storage-config.config-wrap h2 {
    color: var(--secondary-section-heading-color);
}
/* .dewin-custom-header {
    box-shadow: none;
    border-bottom: transparent;
    border-top: transparent;
    background: #252E69;
    background: linear-gradient(100deg, rgba(37, 46, 105, 1) 0%, rgba(33, 43, 110, 1) 100%);
} */
.simple-drop-down.dewin-custom-header .navbar-collapse {
    display: flex !important;
    justify-content: space-between;
}
.simple-drop-down.dewin-custom-header {
    background: #242e6a;
    padding: 10px 0px;
    border-top: transparent;
}
.hostx-nav-drop-down-style .inner-area-drop-down-menu {
    padding: 0;
}
.Testimonial-name-wrapper {
     display: flex;
    align-items: center;
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
    margin-top: 20px;
}
.wgsTestimonial .slick-slide .comma-oimg-sec img {
    border-radius: 0;
}
.wgsTestimonial .carousel-item {
    text-align: left;
    margin: 10px;
}

.testimonials-1 .testimonials_box p:after {
    display: none;
} 
.wgsTestimonial .carousel-item {
    text-align: left;
}
.container-custom-header-hostx-wrapper.hostx-nav-drop-down-style .header {
    background: var(--bg-primary-color);
}
.hostx-nav-drop-down-style .nav_bar .navbar-nav>li>a {
    color: #fff;
} 
.dewin-custom-header.nav_bar .navbar-nav>li a.active, .dewin-custom-header.nav_bar .navbar-nav>li a:focus, .dewin-custom-header.nav_bar .navbar-nav>li>a:hover {
    background: transparent;
    border-top: 3px solid transparent;
}
section#server-config {
    background: #ffff;
}
.config-settings-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
 .wgsTestimonial.carousel-inner {
    max-width: 100%;}
    

.testimonials-1 .container{
    max-width: 1280px;
}
.testimonials-1 .testimonials_box p {
    float: unset;
    margin-top: 0;
    min-height: 130px;
}
 
.Testimonial-name-wrapper img {
    width: 60px;
    margin-right: 10px;
}
 
.testimonials-1 .testimonials_box h2 {
    margin-top: 0;
}
/* td 01-04-26 Start */
.how-it-works-offers-inner{
    background-color: var(--bg-light-primary-color);
}
.product-card {
    border: 1px solid var(--border-color);
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.product-card .badge {
    background: var(--bg-light-primary-color);
    color: #202124;
    width: fit-content;
    font-size: 12px;
    padding: 5px;
    font-weight: 900;
}
.google_offer_block-have-widgets h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 25px;
}
.google_offer_block-have-widgets p {
    font-size: 18px;
    max-width: 760px;
    margin: 0 auto 40px auto;
    line-height: 1.8;
}
.google_offer_block-have-widgets p span{
    color: var(--primary-color);
}
.google-offer-inner-box {
    margin-top: 20px;
}
.website-rating .choose-us-row .rating-box .ratinginner {
    top: 60px;
}
.why-choose-inner-abt {
    min-height: 390px;
}
 
.google-product-btn {
    background: #00d1ff;
    border: 1px solid #00d1ff;
    color: #242e6a;
    font-weight: 600;
    border-radius: 20px;
}
.google-product-btn:hover {
    background: #fff;
    border: 1px solid #00d1ff;
    color: #242e6a;
}
.category-heading-section-cart .button-sec-cart a {
    border-radius: 30px !important;
    padding: 12px 14px !important;
}
.button-sec-cart a:nth-child(2) {
    background: var(--btn-secondary-bgcolor);
    color: var(--btn-secondary-color);
}
/* .hostx-nav-drop-down-style .dropdown-menu-default-open-on-click.open:hover ul.submenu{
    display: block !important;
}

.nav_bar ul.navbar-nav li:hover ul.submenu {
    display: block;
}

li.drop-down-have-child.drop-have-img-icon:hover ul.childsubmenu {
    display: block !important;
} */
.website-rating { 
    height: 521px;
}
.dewin-custom-header.nav_bar ul.navbar-nav>li:last-child ul.childsubmenu {
    left: -230px;
    margin-left: 0;
}
.dewin-custom-header.nav_bar ul.navbar-nav li:last-child {
    position: relative;
}
 
.dewin-custom-header.nav_bar ul.navbar-nav li:last-child .submenu {
right: 0;
}

.register-domain-banner.register-domain-banner2.contact-us-banner.p-vertical{
    background: url('/templates/hostx-child/images/term_bg_1.jpg');
}

/* td 01-04-26 End */
/* Responsive */
@media(min-width: 992px){
    a.logo.wgs-new-head-logo-dropdown {
        display: none;
    }
}
@media (max-width: 1440px) {
    .header-is-sticky .hostx-pages-sections{
            margin-top: 123px;
    }

}
@media (max-width: 1199px) {
    #storage-config .input-group select, #server-config .input-group select{
        font-size: 15px;
    }
    .hx-banner-business-content h1 span{
        font-size: 32px;
    }
    .new_hx-business-banner .hx-banner-business-content h1{
        font-size: 32px;
        line-height: 38px;
    }
}
@media (max-width: 992px) {
    .dewin-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    .hostx-nav-drop-down-style .inner-area-drop-down-menu {
        padding: 10px 0px;
    }
    .container-custom-header-hostx-wrapper.hostx-nav-drop-down-style .header {
        background: #252e69;
    }
    #storage-config .config-card, #server-config .config-card{
        max-width: 820px;
        padding: 30px 25px;
        grid-template-columns: 1fr;
    }
    .dewin-custom-header a.logo.mega-latest-menu {
        display: none;
    }
    .header-is-sticky .hostx-pages-sections {
        margin-top: 89px;
    }
    .bar1, .bar2, .bar3 {
        background: #ffffff;
    }
}
@media(max-width: 991px){
     .frequently-questions .frequently-questions-row .accordion-container-main [aria-expanded="false"]:before{
        right: 0;
    }
    .frequently-questions .frequently-questions-row .accordion-container-main [aria-expanded="true"]:before{
        right: 0;
    }
    .frequently-questions .frequently-questions-row .accordion-container-main h5.mb-0 {
        font-size: 13px;
    }

    h6 {
        font-size: 18px;
        line-height: 20px;
    }
    .hx-business-list li{
        max-width: 30%;
    }
    .why-hostx-right {
        margin-top: 20px;
        padding-left: 20px;
    }
    .dewin-services-card{
        flex-wrap: wrap;
        gap: 0;
    }
    .hx-bnr-list{
        flex-wrap: wrap;
    }
    .hx-business-banner .list-inline-item.business-brdr-right {
        padding: 0 10px;
    }
    .our-cloud-service .col-md-4:nth-child(1) {
        border-bottom: 1px dotted var(--primary-color);
        border-image: unset;
    }
    .our-cloud-service .col-md-4:nth-child(2) {
        border-bottom: 1px dotted var(--primary-color);
        border-image: unset;
        border-top: 0;
    }
    .our-cloud-service .col-md-4:nth-child(3) {
        border-bottom: 1px dotted var(--primary-color);
        border-image: unset;
    }
    .our-cloud-service .col-md-4:nth-child(4), .our-cloud-service .col-md-4:nth-child(5){
        border-bottom:  1px dotted var(--primary-color);
    }
    .our-cloud-service .col-md-4:nth-child(5){
        border-left: 0;
        border-right: 0;
    }
    .our-cloud-service .col-md-4:nth-child(6){
        border-left: 0;
        border-right: 0;
    }
    .our-cloud-service .col-md-4:nth-child(2){
        border-right: 0;
        border-left: 0;
    }
}

@media(max-width:767px){
     
    .wgsTestimonial.carousel-inner {
        padding: 0px 15px;
    }
    .dewin-services .section-header h2{
        font-size: 22px;
    }
    .new_hx-business-banner{
        padding-bottom: 70px;
    }
    .features-option2 .top{
        margin-bottom: 0;
    }
    .media-body h5 {
        font-size: 14px;
    }
    section.dewin-services {
        padding: 40px 0;
    }
    .hx-business-banner .business-content h1{
        font-size: 21px;
    }
    .hx-business-banner.p-vertical {
        padding-bottom: 30px;
    }
    .frequently-questions .frequently-questions-row .accordion-container-main .card .card-body{
        padding-left: 31px;
    }
    .hx-banner-business-content h1 span:after{
        display: none;
    }
    .mouse-leave-div .col-sm-4 {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .cloud-storage-banner .cloud-for-boxes , .cloud-pc-banner .cloud-for-boxes {
        grid-template-columns: 1fr;
    }
    a.btn.getstart-business-btn.button-style.banner-secondry-btn {
        margin-left: 0px;
    }
    .button-style{
        padding: 12px  20px;
    }
    .new_hx-business-banner .hx-banner-business-content h1 {
        font-size: 25px;
        line-height: 38px;
    }
    .hx-banner-business-content h1 span {
        font-size: 25px;
        display: inline;
    }
    .hx-business-btn.mb-4.mb-lg-0 {
        display: block;
    }
    .hx-banner-business-content p{
        margin-top: 5px;
    }
        .frequently-questions .frequently-questions-row .accordion-container-main .card .card-header{
            padding: 10px 10px;
    }
    .frequently-questions .frequently-questions-row .accordion-container-main h5.mb-0 {
       font-size: 16px;
    }
    #storage-config .input-group select, #server-config .input-group select{
        font-size: 13px;
    }
    #storage-config.config-wrap, #server-config.config-wrap{
        padding: 40px 0;
    }
}
@media (max-width: 600px) {
    .dewin-services-grid {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 575px){
    .config-settings-box {
        grid-template-columns: 1fr;
    }
    #storage-config .config-card, #server-config .config-card{
        padding: 20px 15px;
    }
    #storage-config .tab-nav, #server-config .tab-nav{
        flex-direction: column;
        width: 90%;
    }
    
    .frequently-questions .frequently-questions-row .accordion-container-main .card .card-header{
            padding: 10px 10px;
    }
    .frequently-questions .frequently-questions-row .accordion-container-main h5.mb-0 {
       font-size: 16px;
       margin-right: 10px;
    }
}

@media(max-width:575px){
    .why-choose-inner-abt {
        min-height: 300px !important;
    }
    .pricing-block-vps-page-V1 .price_group .price_sect .bottom_sect .blpr {
        width: 100%;
    }
    #storage-config .config-card, #server-config .config-card{
        max-width: 470px;
        width: 100%;
        margin: 0 auto;
    }
     .frequently-questions .frequently-questions-row .accordion-container-main h5.mb-0 {
        font-size: 16px;
        margin-right: 40px;
    }
    .frequently-questions .frequently-questions-row .accordion-container-main h5.mb-0 {
        font-size: 16px;
        margin-right: 40px;
    }
}

/**  20-03-2026  */

