/* Common Css */
body {
   font-family: 'satoshi', serif;
   font-size: 16px;
   color: #fff;
}

.bg-color-1 {
   background: #0d0b11;
}

h1.entry-title {
   color: #000;
   text-align: center;
   font-weight: 500;
}

.page-id-2 h1.entry-title,
.page-id-46 h1.entry-title,
.page-id-17362 h1.entry-title,
.page-id-17354 h1.entry-title,
.page-id-17360 h1.entry-title,
.page-id-17364 h1.entry-title,
.page-id-17352 h1.entry-title,
.page-id-17366 h1.entry-title,
.page-id-17358 h1.entry-title,
.page-id-17350 h1.entry-title,
.page-id-17356 h1.entry-title {
   display: none !important;
}

div.type-page {
   color: #000;
   margin: 0 100px;
}

body .col-md-8 {
   width: 99%;
}

.newdesign-white h1.entry-title {
   display: none;
}

.newdesign-white div.type-page {
   color: #fff;
   margin: initial;
}

.newdesign-white body .col-md-8 {
   width: initial;
}

.page-id-1 div.type-page,
.page-id-2 div.type-page,
.page-id-17352 div.type-page,
.page-id-17366 div.type-page,
.page-id-17358 div.type-page,
.page-id-17350 div.type-page,
.page-id-17362 div.type-page,
.page-id-17360 div.type-page,
.page-id-17354 div.type-page,
.page-id-17364 div.type-page,
.page-id-13603 div.type-page {
   color: #fff;
   margin: initial;
}

.page-id-1 body .col-md-8,
.page-id-2 body .col-md-8,
.page-id-17352 body .col-md-8,
.page-id-17366 body .col-md-8,
.page-id-17358 body .col-md-8,
.page-id-17350 body .col-md-8,
.page-id-17362 body .col-md-8,
.page-id-17360 body .col-md-8,
.page-id-17354 body .col-md-8,
.page-id-17364 body .col-md-8,
.page-id-13603 body .col-md-8 {
   width: initial;
}

.btn a {
   color: #ffffff;
}

.purchase-banner-section {
   color: #000;
   background-image: url(https://civihosting.com/wp-content/uploads/2024/06/white-banner-bg-1-1.svg);
   background-repeat: no-repeat;
}

.page-id-13603 h1.entry-title {
   display: none
}

.text-tri-gradient-2 {
   background: linear-gradient(323deg, #ffffff, #9C8CF8, #6053AD, #ffffff) border-box;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.mbottm {
   margin-bottom: 80px;
}

.purchase-banner-section a {
   color: #4D55FF;
   text-decoration: underline;
}

.form-group.mb-5 .form-control {
   height: 46px !important;
   font-size: 20px !important;
   font-weight: 400 !important;
   color: #303030 !important;
   background-color: #fff;
   border: 1px solid #343CFF !important;
   box-shadow: none !important;
}

.form-group.mb-5 ::placeholder {
   color: #D8DAFF !important;
   opacity: 1;
}

.form-group.mb-5 .control-label {
   padding-top: 10px !important;
}

.form-group.domain-search-controls {
   margin-top: 40px;
}

.hosting-widget .page-header {
   display: none !important;
}

#hosting-information h3 {
   display: none !important;
}

.purchase-divider {
   color: #9C8CF8;
   opacity: inherit;
}

.hosting-widget .form-horizontal .control-label {
   font-weight: 800 !important;
   font-size: 16px !important;
}

.group-head .stronger {
   font-weight: 800 !important;
   font-size: 16px !important;
}

.hosting-widget .stronger,
.hosting-widget .control-label {
   font-weight: 800 !important;
   font-size: 16px !important;
}

.hosting-widget .group-head,
.hosting-widget .plan-row {
   padding-bottom: 5px !important;
   padding-top: 5px !important;
}

.page-id-13603 .hosting-widget .bg-light {
   background-color: #F5F5FF !important;
}

.page-id-17396 {
   color: #000;
}

.page-id-13603 #purchmessage {
   text-align: center !important;
}

.page-id-13603 .testimosidebar {
   text-align: center !important;
}

div#nf-form-1_1-cont {
   display: none;
}

#post-13603 .about-banner-section {
   margin-top: -60px;
}

.hosting-widget h1,
.hosting-widget .h1,
.hosting-widget h2,
.hosting-widget .h2,
.hosting-widget h3,
.hosting-widget .h3 {
   font-family: 'satoshi' !important;
   font-weight: 700 !important;
}

.hosting-widget {
   font-family: 'satoshi' !important;
   font-weight: 700 !important;
}

.hosting-widget .btn-primary {
   color: #fff;
   background-color: #343CFF !important;
   border-color: #343CFF !important;
   font-weight: 500 !important;
   padding: 14px 70px !important;
   border-radius: 0 !important;
   border-top-left-radius: 30px !important;
   border-bottom-right-radius: 30px !important;
}

.hosting-widget h1,
.hosting-widget .h1,
.hosting-widget h2,
.hosting-widget .h2,
.hosting-widget h3,
.hosting-widget .h3 {
   margin-left: 95px !important;
}

.hosting-widget .btn-primary:hover,
.hosting-widget .btn-primary:focus,
.hosting-widget .btn-primary.focus,
.hosting-widget .btn-primary:active,
.hosting-widget .btn-primary.active,
.hosting-widget .open>.dropdown-toggle.btn-primary {
   background: linear-gradient(to right, #0A00FF, #6264D1) !important;
}

.hosting-widget small,
.hosting-widget .small {
   font-size: 16px !important;
   font-weight: 500 !important;
}

.hosting-widget a {
   color: #4D55FF !important;
   text-decoration: underline !important;
}

.checkbox a {
   color: #4D55FF !important;
   text-decoration: none !important;
   font-weight: bold;
}

.hosting-widget .form-horizontal .radio,
.hosting-widget .form-horizontal .checkbox,
.hosting-widget .form-horizontal .radio-inline,
.hosting-widget .form-horizontal .checkbox-inline {
   font-size: 16px !important;
}

.hosting-widget .radio input[type="radio"],
.hosting-widget .radio-inline input[type="radio"],
.hosting-widget .checkbox input[type="checkbox"],
.hosting-widget .checkbox-inline input[type="checkbox"] {
   margin-top: 5px;
}

.hosting-widget .col-xs-1,
.hosting-widget .col-sm-1,
.hosting-widget .col-md-1,
.hosting-widget .col-lg-1,
.hosting-widget .col-xs-2,
.hosting-widget .col-sm-2,
.hosting-widget .col-md-2,
.hosting-widget .col-lg-2,
.hosting-widget .col-xs-3,
.hosting-widget .col-sm-3,
.hosting-widget .col-md-3,
.hosting-widget .col-lg-3,
.hosting-widget .col-xs-4,
.hosting-widget .col-sm-4,
.hosting-widget .col-md-4,
.hosting-widget .col-lg-4,
.hosting-widget .col-xs-5,
.hosting-widget .col-sm-5,
.hosting-widget .col-md-5,
.hosting-widget .col-lg-5,
.hosting-widget .col-xs-6,
.hosting-widget .col-sm-6,
.hosting-widget .col-md-6,
.hosting-widget .col-lg-6,
.hosting-widget .col-xs-7,
.hosting-widget .col-sm-7,
.hosting-widget .col-md-7,
.hosting-widget .col-lg-7,
.hosting-widget .col-xs-8,
.hosting-widget .col-sm-8,
.hosting-widget .col-md-8,
.hosting-widget .col-lg-8,
.hosting-widget .col-xs-9,
.hosting-widget .col-sm-9,
.hosting-widget .col-md-9,
.hosting-widget .col-lg-9,
.hosting-widget .col-xs-10,
.hosting-widget .col-sm-10,
.hosting-widget .col-md-10,
.hosting-widget .col-lg-10,
.hosting-widget .col-xs-11,
.hosting-widget .col-sm-11,
.hosting-widget .col-md-11,
.hosting-widget .col-lg-11,
.hosting-widget .col-xs-12,
.hosting-widget .col-sm-12,
.hosting-widget .col-md-12,
.hosting-widget .col-lg-12 {
   font-size: 16px !important;
   font-weight: 500 !important;
}

.form-control-static .price-amount {
   color: #000000 !important;
   font-weight: bold !important;
}

.hosting-widget h3,
.hosting-widget .h3 {
   text-align: center !important;
}

.hosting-widget label {
   font-weight: 500 !important;
}

.hosting-widget .form-control:focus {
   border-color: #9C8CF8 !important;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #9c8cf863 !important;
}

.hosting-widget input,
.hosting-widget button,
.hosting-widget select,
.hosting-widget textarea {
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 4px;
}

/* Purchase Form Css End */
/* Advancedsecurity Css Start */
.advancedsecurity-section tbody,
td,
tfoot,
th,
thead,
tr {
   border-color: inherit;
   border-style: solid;
   border-width: 0;
   color: #000;
}

/* Advancedsecurity Css End */
a {
   color: #9C8CF8;
   text-decoration: none;
}

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

h1,
h2,
h3 {
   font-weight: bold;
}

h4,
h5,
h6 {
   font-weight: 500;
}

h1 {
   font-size: 46px;
}

h2 {
   font-size: 42px;
}

h3 {
   font-size: 40px;
}

h4 {
   font-size: 32px;
}

h5 {
   font-size: 24px;
}

h6 {
   font-size: 20px;
}

.font-main {
   font-family: 'blemo', serif;
}

.section-heading {
   font-weight: 400;
}

.font-main {
   font-weight: 400;
}

.fsz-18 {
   font-size: 18px;
}

.fsz-14 {
   font-size: 14px;
}

.fsz-12 {
   font-size: 12px;
}

.text-main {
   color: #9C8CF8;
}

.text-main-1 {
   color: #343CFF;
}

.text-sec {
   color: rgba(255, 255, 255, 0.5);
}

.text-col-1 {
   color: rgba(255, 255, 255, 0.70);
}

.text-col-2 {
   color: #0B0146;
}

.text-col-3 {
   color: #f4f4f4;
}

.text-stroke {
   -webkit-text-stroke-width: 0.5px;
   -webkit-text-stroke-color: rgb(255 255 255);
}

.desktop-br {
   display: inline;
}

.text-main-gradient {
   background: linear-gradient(90deg, #9b8bf6 0%, #60559b 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.text-sec-gradient {
   background: -webkit-linear-gradient(top left, #A090FF, #c2b7fdad);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.bg-main {
   background-color: #0D0B11;
}

.btn-main,
.btn-main-alt,
.btn-main-primary {
   font-weight: 500;
   padding: 12px 24px;
   border-radius: 0;
   border-top-left-radius: 30px;
   border-bottom-right-radius: 30px;
}

.btn-key {
   padding: 20px 29px;
}

.btn-cont {
   padding: 20px 60px;
}

.btn-main {
   background: linear-gradient(to right, #343CFF, #343CFF);
}

.btn-main:hover {
   background: linear-gradient(to right, #0A00FF, #6264D1);
}

.btn-main-alt {
   border-color: #000;
}

.btn-main-alt:hover {
   box-shadow: 0px 4px 15px #DCDEF2;
   border: 1px solid #343CFF;
   color: #343CFF;
   background-color: #F1F1FF;
}

.althover:hover {
   background: linear-gradient(to right, #0A00FF, #6264D1);
   box-shadow: none;
}

.btn-main-primary {
   border-color: #343CFF;
}

.btn-main-primary:hover {
   box-shadow: 0px 4px 15px #DCDEF2;
   border: 1px solid #343CFF;
   color: #343CFF;
   background-color: #F1F1FF;
}

.btn-big {
   padding: 14px 64px;
}

.btn-big2 {
   padding: 12px 20px;
}

.text-col-01 {
   color: rgba(11, 1, 70, 0.5);
}

.main-title {
   font-size: 46px;
   font-family: 'blemo', serif !important;
}

.section-title {
   font-size: 42px;
}

.section-title p {
   font-size: 18px;
}

.white-page-bg {
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/white-banner-bg-1-1.svg');
   background-repeat: no-repeat;
   background-size: cover;
}

/*  End */
/*  Header Css here */
.bg-header {
   background-color: #0D0B11;
}

.theme-header {
   padding: 15px 0;
   border-bottom: 1px solid #3E3E3E;
}

.dropdown-toggle::after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   width: 17px;
   height: 11px;
   background-image: url(https://civihosting.com/wp-content/uploads/2024/06/nav_icon.svg);
   background-size: contain;
   background-repeat: no-repeat;
   border: none;
   top: 16px;
   position: absolute;
   right: 0px;
   transition: transform 0.3s ease;
}

.navbar-toggler-icon .close-icon {
   display: none;
}

.navbar-toggler.collapsed .open-icon {
   display: inline;
}

.nav-link,
.dropdown-item {
   text-align: left;
}

.navbar-toggler.collapsed .close-icon {
   display: none;
}

.navbar-toggler:not(.collapsed) .open-icon {
   display: none;
}

.navbar-toggler:not(.collapsed) .close-icon {
   display: inline;
}

.navbar-brand img {
   height: 28px;
}

.navbar-toggler {
   border-width: 0;
   border-style: none;
   width: 52px;
   height: 52px;
   position: relative;
   /* Ensure pseudo-element is positioned correctly */
}

.navbar-toggler::after {
   content: "";
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/border_nav.svg');
   background-size: contain;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 999;
}

.navbar-toggler:focus {
   box-shadow: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
   padding-right: 25px;
   padding-left: 25px;
}

.nav-link,
.dropdown-item {
   color: #fff;
   font-weight: 500;
}

/*  Common End */
/*  Banner Start */
.common-banner-space {
   padding: 100px 0;
}

.home-banner-section {
   padding: 150px 0;
   background-color: #0D0B11;
   background-image: url(https://civihosting.com/wp-content/uploads/2024/07/banner-home-new.jpg);
   background-size: cover;
   background-repeat: no-repeat;
}

#home-banner-video {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
   object-fit: cover;
}

.video-container {
   display: none;
}

.home-bannner-text {
   font-size: 12px;
   color: #77A5FF;
}

.home-banner-btn {
   padding: 20px 110px;
}

/*  Banner End */
/*  Partner Start */
.partner-divider {
   border-width: 1px;
   border-style: solid;
   width: 60%;
   margin: auto;
}

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

.partner-divider-start {
   border-image: linear-gradient(to right, #fff, #000) 1;
}

.partner-divider-end {
   border-image: linear-gradient(to right, #000, #fff) 1;
}

/*  Partner End */
/*  Achieve Start */
.achiev-title {
   font-size: 50px;
   font-weight: bold;
   display: flex;
   text-align-last: center;
   align-items: center;
   margin: 0px auto;
   justify-content: center;
   -webkit-text-stroke: 1px;
}

.achiev-title2 {
   font-size: 50px;
   font-weight: bold;
   display: flex;
   text-align-last: center;
   align-items: center;
   margin: 13px auto;
   justify-content: center;
   text-transform: uppercase;
}

.achiev-title span {
   text-transform: uppercase;
   vertical-align: middle;
}

.achieve-pd {
   padding-left: 0px;
   padding-right: 0px;
}

/* .worldwide_tow {
margin-top: 24px;
} */
.achiev-box {
   position: relative;
   overflow: hidden;
}

.achievement-value {
   display: inline-block;
}

@keyframes slotMachine {
   from {
      transform: translateY(100%);
   }

   to {
      transform: translateY(0);
   }
}

.number {
   display: block;
}

.number *+* {
   margin-top: 0;
}

.digit-con {
   display: inline-block;
   height: 6.5rem;
   overflow: hidden;
   vertical-align: top;
}

.digit-con span {
   display: block;
   line-height: 6.5rem;
   position: relative;
   text-align: center;
   top: 0;
}

/* Achieve End */
/*  Feature Start */
.theme-accordion-item {
   background-color: #0D0B11;
   border: 0;
   border-radius: 0 20px 0 0 !important;
}

.theme-accordion-btn {
   color: #fff;
   font-size: 24px;
   font-weight: 500;
   padding: 20px;
   margin-top: 15px;
   background-color: transparent !important;
   border: 1px solid #fff;
   border-radius: 0 20px 0 0 !important;
   transition: background 0.3s, color 0.3s;
}

.theme-accordion-item.active {
   /* 	background: #343cff; */
}

.theme-accordion-btn::after,
.theme-accordion-btn:not(.collapsed)::after {
   background-image: none;
}

.home-feature-section .theme-accordion-btn:hover {
   background: linear-gradient(to right, #081224 50%, #081224 90%, #0000ff 100%) !important;
   color: #fff;
}

.theme-accordion-item.active .theme-accordion-btn:hover {
   background: #343cff !important;
}

.theme-accordion-item.active .theme-accordion-btn {
   color: #fff;
   background-color: #343cff;
   border: none;
   box-shadow: none;
}

.theme-accordion-content {
   color: #fff;
   font-size: 18px;
   padding: 0 20px 20px 20px;
   background: #343cff;
   border: 1px solid #fff;
   border-top: 0px;
}

/*  Feature End */
/* Unrivaled Features Start */
.home-feature-section .accordion-body {
   display: none;
}

.home-feature-section .accordion-button {
   position: relative;
   overflow: hidden;
   background-color: #2a2a2a;
   color: white;
   border: 1px solid #fff;
   border-radius: 8px;
   padding: 15px 20px;
   text-align: left;
   width: 100%;
   transition: background-color 2s;
   background: #081224 !important;
   font-size: 24px;
   font-weight: 500;
   margin-top: 15px;
   border-radius: 0 20px 0 0 !important;
}

.home-feature-section .accordion-button::before {
   content: '';
   position: absolute;
   top: 0;
   right: -100%;
   transition: right 3s;
   width: 100%;
   height: 100%;
}

.home-feature-section .accordion-button.activated::before {
   right: 0%;
   background: #343cff;
   z-index: -2;
}

.home-feature-section .theme-accordion-item.active .theme-accordion-btn {
   border-bottom: 0px !important;
   border: 1px solid #fff;
   background-color: #343cff !important;
}

.home-feature-section .accordion-item:first-of-type>.accordion-header .accordion-button {
   border: 1px solid #fff;
}

.home-feature-section .theme-accordion-content {
   color: #fff;
   font-size: 17px;
   padding: 0 20px 20px 20px;
   background: #343cff;
   border: 1px solid #fff;
   border-top: 0px;
}

/* Unrivaled Features End */
/*  Testimonnial Start */
.radius-bo_top {
   border-radius: 70px 0px 0px 0px;
}

.radius-bo_bottom {
   border-radius: 0px 0px 70px 0px;
}

.home-review-box {
   padding: 30px 50px 30px 40px;
   border-radius: 0px 70px 0px 70px;
   position: relative;
   z-index: 1;
}

.text-black-grad {
   background: linear-gradient(90deg, #010101, #3D3D3D);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.home-review-box::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: inherit;
   padding: 1px;
   background: linear-gradient(87deg, #003CFF, #7A95ED);
   mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   mask-composite: exclude;
   z-index: -1;
}

.home-review-text {
   font-size: 30px;
}

.home-review-prev {
   position: absolute;
   transform: translate(0, -50%);
   left: 0;
}

.home-review-next {
   position: absolute;
   transform: translate(0, -50%);
   right: 0;
}

.carousel-indicators [data-bs-target] {
   background-color: #d7d7d7;
}

.carousel-indicators_2 [data-bs-target] {
   width: 15px !important;
   height: 15px !important;
   border-radius: 17px 0px 17px 0px !important;
   background-color: #DCDCDC !important;
}

.carousel-indicators_2 .active {
   width: 30px !important;
   height: 15px !important;
   border-radius: 17px 0px 17px 0px !important;
   background-color: #343CFF !important;
}

.carousel-indicators {
   bottom: -30px;
}

.carousel-indicators_2 {
   bottom: -30px !important;
}

/*  Testimonnial End */
/*  Solution Start */
.solution-heading-gradient {
   background: -webkit-linear-gradient(left, #5A81FF, #f6f6f6);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.solution-heading-sec {
   color: rgba(11, 1, 70, 0.1);
}

/*  Solution End */
/*  Paralaex Start */
.parallax {
   position: relative;
   height: 60vh;
   overflow: hidden;
   padding-top: 20vh;
}

.layer1,
.layer2 {
   position: absolute;
   width: 100%;
   height: auto;
   text-align: center;
   transition: top 0.1s;
}

.layer1 {
   top: 0rem;
   z-index: 10;
}

.parallax-layer img {
   width: auto;
   height: auto;
}

/*  Paralaex End */
/*  Empower Start */
#accordionEmpower {
   width: 1100px;
}

.home-empower-section h2 {
   font-weight: 400;
}

.empower-tab-item {
   padding: 0.5rem 0;
   background: transparent;
   border-width: 1px;
   border-style: solid;
   border-image: linear-gradient(to right, #ccc, #fff) 1;
}

.accordion-flush>.empower-tab-item:first-child {
   border-top-width: 1px;
   border-top-style: solid;
}

.accordion-flush>.empower-tab-item:last-child {
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.empower-tab-item.active {
   background: linear-gradient(270deg, #EBECFF 0%, rgba(78, 120, 255, 0) 100%);
}

.empower-tab-button:not(.collapsed) {
   color: #0B0146;
   background-color: transparent;
   box-shadow: none;
}

.empower-tab-button:focus {
   z-index: 3;
   border-color: #d6a96d;
   outline: 0;
   box-shadow: none;
}

.empower-tab-number {
   font-size: 28px;
   color: rgba(52, 60, 255, 0.2);
   margin-top: 10px;
}

.empower-tab-title {
   font-size: 22px;
}

.space-mar-t {
   margin-top: 80px;
}

.empower-tabs .accordion-item img {
   height: 50px;
   transition: height 0.3s;
}

.empower-tabs .accordion-item.active img {
   height: 100px;
}

.home-empower-text {
   color: #9B9B9B;
   width: 1100px;
   font-weight: 500;
}

/*  Empower End */
/*  Package Start*/
.home-plan-tag {
   padding: 6px 16px;
   background: #EAEBFF;
}

.home-plan-box {
   padding: 40px 50px;
}

.home-plan-box-1,
.home-plan-box-3 {
   background-color: #F3F3F3;
}

.home-plan-box-1 {
   border-radius: 50px 0px 0px 0px;
}

.home-plan-box-2 {
   background-color: #EAEBFF;
   border-radius: 50px 0px 50px 0px;
}

.home-plan-box-3 {
   border-radius: 0px 0px 50px 0px;
}

.home-plan-price {
   font-size: 24px;
}

.home-plan-price span {
   font-size: 32px;
}

/*  Package End */
/*  Org Start */
.org-wrapper {
   padding: 30px 20px;
   background: linear-gradient(to right, #e9efff, #ffffff);
   border-radius: 20px;
}

.organization-box {
   height: 250px;
   padding: 20px 15px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 0px 20px 0px 20px;
}

.org-desc {
   font-size: 12px;
}

.organization-box:hover {
   background-color: #E1E8FF;
   box-shadow: -8px 0px 30px rgb(214, 215, 224);
}

/*  Org End */
/*  Home Blog  Start */
.home-blog-box {
   border-radius: 30px 0 30px 0;
   border: 1px solid rgba(0, 0, 0, 0.2);
}

.home-blog-box .w-100 {
   height: 230px;
}

.home-blog-box .home-blog-img img {
   filter: grayscale(100%);
}

.home-blog-detail {
   padding: 20px 15px;
}

.home-blog-detail h5 {
   color: rgba(0, 0, 0, 0.6);
}

.home-blog-detail .home-blog-date {
   color: #959595;
}

.btn-blog {
   width: 62px;
   height: 62px;
   line-height: 42px;
   background-color: #fff;
   border: 1px solid #343CFF;
   border-radius: 50%;
   padding-top: 20px;
}

.blog-arrow-white {
   display: none;
}

.home-blog-box:hover {
   box-shadow: 0 4px 64px rgba(15, 18, 102, 0.1);
}

.home-blog-box:hover .home-blog-img img {
   filter: grayscale(0%);
}

.home-blog-box:hover .home-blog-detail h5 {
   color: #000;
}

.home-blog-box:hover .btn-blog {
   background-color: #343CFF;
}

.body_color {
   background: #000;
}

.home-blog-box:hover .blog-arrow-blue {
   display: none;
}

.home-blog-box:hover .blog-arrow-white {
   display: inline-block;
}

/*  Home Blog End */
/*  Faq Start */
.faq-item {
   padding: 0.5rem 0;
   background: transparent;
   border-width: 1px;
   border-style: solid;
   border-image: linear-gradient(to right, #000, #666) 1;
}

.accordion-flush>.faq-item:first-child {
   border-top-width: 1px;
   border-top-style: solid;
}

.accordion-flush>.faq-item:last-child {
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.faq-button {
   font-size: 18px;
   font-weight: 500;
   color: #fff;
   padding: 0.75rem 1.25em 0.75rem 0;
   background: transparent;
}

.faq-button::after {
   background-image: url("https://civihosting.com/wp-content/uploads/2024/06/faq_icon_1.svg");
}

button.theme-accordion-btn::after {
   display: none;
}

.accordion-item.faq-item:hover {
   background: linear-gradient(90deg, rgb(2 0 36 / 0%) 35%, #100F26 71%);
}

.faq-button:not(.collapsed)::after {
   background-image: url("https://civihosting.com/wp-content/uploads/2024/06/active_icon.svg");
}

.accordion-button::after {
   background-image: url("https://civihosting.com/wp-content/uploads/2024/06/faq_icon_1.svg");
}

.empower-tab-button::after {
   background-image: url("https://civihosting.com/wp-content/uploads/2024/06/active_icon.svg");
}

.accordion-button:not(.collapsed)::after {
   background-image: url("https://civihosting.com/wp-content/uploads/2024/06/active_icon.svg");
}

.accordion-item.faq-item.active {
   background: linear-gradient(90deg, rgb(2 0 36 / 0%) 35%, #100F26 71%);
}

.faq-button:not(.collapsed) {
   color: #fff;
   background-color: transparent;
   box-shadow: none;
}

.faq-button:focus {
   z-index: 3;
   border-color: #d6a96d;
   outline: 0;
   box-shadow: none;
}

.faq-body {
   font-size: 16px;
   color: #ececec;
   padding: 0.5rem 1.25rem 1.25rem 0;
}

/*  Faq End */
/*  Subscribe Start */
.subscribe-wrappper {
   padding: 20px 25px;
   background-color: #19171D;
}

/* Subscribe End */
.image-container {
   position: absolute;
   width: 100%;
   height: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.image-container img {
   width: 300px;
   height: auto;
}

.top-image {
   top: 0;
}

.bottom-image {
   bottom: 0;
}

.letters {
   color: rgba(11, 1, 70, 0.1);
}

.wpcf7-spinner {
   display: none;
}

/*  Common Css here */
/*  End */
/*  Blog Css here */
.blog-cat-tag {
   font-size: 12px;
   color: #f9f9f9;
   padding: 5px 8px;
   background: #000;
   border-radius: 32px;
}

blockquote,
q {
   padding-left: 24px !important;
   border-left: 2px solid #0B0146 !important;
   color: rgba(11, 1, 70, 0.5) !important;
   quotes: """";
   font-style: italic;
   font-size: 20px !important;
}

.blog-cat-tag a {
   color: #f9f9f9;
}

.blog-cat-tag-2 {
   background: #343CFF;
}

.blog-cat-tag-3 {
   background: #9C8CF8;
}

/*  End */
/*  Blog Detail Css here */
.white-page-bg-blog {
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/white-banner-bg-1-1.svg');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: 0 -100px;
}

.blog-detail-section .subscribe-form {
   padding: 0px 20px 20px 20px;
   border-top-left-radius: 32px;
   border-bottom-right-radius: 32px;
   position: relative;
   border: 1px solid #000;
}

.border_about-blo {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   border-radius: 32px 0px 32px 0px;
   border: 1px solid transparent;
   background: linear-gradient(32deg, #ebe8fd, #18161c, #18161c8f, #ddd8fc) border-box;
   -webkit-mask: linear-gradient(#dedbfe 0 0) padding-box, linear-gradient(#e5e2fd 0 0);
   mask-composite: exclude;
}

.comments {
   color: #000;
   padding-bottom: 100px;
}

.comment-reply-title {
   color: #0B0146;
}

.comments h2 {
   color: #000;
   font-size: 17px;
}

.comment-author img {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   padding: 6px;
}

ol.commentlist {
   list-style: none;
}

.comment-respond h3 {
   font-size: 18px;
}

.comment_btn {
   padding: 8px 120px;
}

.comment-reply-title {
   position: relative;
   padding-bottom: 10px;
}

.comment-reply-title:after {
   content: '';
   display: block;
   width: 85%;
   height: 1.4px;
   position: absolute;
   left: 126px;
   bottom: 14px;
   background: #000;
}

/*  End */
/*  Common Css here */
section {
   display: flow-root;
}

.black-page-bg {
   background-color: #0B0146;
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/solution-ho-bg-1.svg');
   background-repeat: no-repeat;
   background-size: cover;
}

/*  End */
/*  Hosting Solutions Css here */
.solution-plan-box {
   display: flex;
   flex-direction: column;
   position: relative;
   height: 100%;
   padding: 32px;
   background-color: #18161C;
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/hosting-plan-pattern-1.svg');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: right top;
   border-top-left-radius: 32px;
   border-bottom-right-radius: 32px;
}

.solution-plan-list {
   flex: 1 1 auto;
}

.solution-plan-price {
   font-size: 32px;
}

.solution-plan-price span {
   font-size: 48px;
}

/*  End */
/*  Contact Css here */
.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
   color: rgba(11, 1, 70, 0.5) !important;
   padding: .55rem .75rem !important;
   background: rgba(11, 1, 70, 0.05) !important;
   border-color: #EBEBEC !important;
   border-top-left-radius: 24px !important;
   border-bottom-right-radius: 24px !important;
}

.nf-form-fields-required {
   display: none;
}

.nf-form-content label {
   font-size: 16px !important;
   line-height: 20px !important;
   color: #0B0146 !important;
   font-weight: 500 !important;
}

.nf-form-content i {
   margin-right: 10px !important;
   color: #0B0146 !important;
}

.nf-error.field-wrap .nf-field-element:after {
   border-bottom-right-radius: 24px !important;
}

.nf-form-content button,
.nf-form-content input[type=button],
.nf-form-content input[type=submit] {
   padding: 10px 24px !important;
   border-radius: 0 !important;
   width: 100% !important;
   border-top-left-radius: 30px !important;
   border-bottom-right-radius: 30px !important;
   border-color: #343CFF !important;
   color: #fff !important;
   background-color: #343CFF !important;
}

.nf-form-content button:hover,
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=submit]:hover {
   background: linear-gradient(to right, #0A00FF, #6264D1) !important;
}

.theme-form p {
   margin: 0px;
}

.contact-faq-section .subscribe-wrappper {
   background-color: #EDEDED;
}

.contact-faq-section .accordion-item.faq-item:hover {
   background: linear-gradient(270deg, rgba(90, 129, 255, 0.2) 0%, rgba(78, 120, 255, 0) 100%)
}

.contact-faq-section .accordion-item.faq-item {
   border-width: 1px;
   border-style: solid;
   border-image: linear-gradient(to right, #ccc, #fff) 1;
   border-left: 0;
}

.contact-faq-section .accordion-flush>.faq-item:first-child {
   border-top-width: 2px !important;
}

.contact-faq-section .accordion-flush>.faq-item:last-child {
   border-bottom-width: 2px !important;
   border-bottom-style: solid;
}

.contact-faq-section .faq-item.active {
   background: linear-gradient(270deg, rgba(90, 129, 255, 0.2) 0%, rgba(78, 120, 255, 0) 100%);
}

.contact-faq-section .faq-button {
   color: #000;
}

.wpcf7-submit {
   font-weight: 500;
   padding: 10px 24px;
   border-radius: 0;
   width: 100%;
   border-top-left-radius: 30px;
   border-bottom-right-radius: 30px;
   border-color: #343CFF;
   color: #fff;
   background-color: #343CFF;
   margin-top: 10px;
}

.contact-faq-section .faq-button::after {
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/active_icon.svg');
}

.contact-faq-section .faq-body {
   color: #000;
}

.wpcf7 form.sent .wpcf7-response-output {
   border-color: #343CFF;
   color: #000;
}

/*  End */
/*  Common Css here */
.text-tri-gradient {
   background: -webkit-linear-gradient(top left, #685BB7, #9B8BF7);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.page-title-badge span {
   padding: 12px 16px;
   background-color: rgba(241, 241, 241, 0.05);
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(13, 11, 17, 0));
   border-radius: 32px;
}

/*  End */
/*  About Css here */
.about-benefit-box {
   display: flex;
   flex-direction: column;
   height: 100%;
   padding: 30px;
   position: relative;
   background-color: #18161C;
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/about-bg-box.svg');
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center top;
   z-index: 1;
   border-top-left-radius: 32px;
   border-bottom-right-radius: 32px;
}

.border_breadcrumb {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   border-radius: 350px;
   border: 1px solid transparent;
   background: linear-gradient(340deg, #ffffff, #423c65b5, #393161c9, #ffffff) border-box;
   -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
   -webkit-mask-composite: xor;
   mask-composite: exclude;
}

.page-badge .border_breadcrumb_2 {
   border-radius: 32px;
   position: relative;
   z-index: 1;
}

.border_about {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   border-radius: 32px 0px 32px 0px;
   border: 1px solid transparent;
   background: linear-gradient(323deg, #ffffff, #18161c, #18161c, #ffffff) border-box;
   -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
   mask-composite: exclude;
}

.about-benefit-box h4 {
   flex: 1 1 auto;
}

/*  End */
/* Common css here */
.btn-long {
   padding: 12px 44px;
}

.vps-two-bg {
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/vps-bg-1.svg'), url('https://civihosting.com/wp-content/uploads/2024/06/vps-bg-2.svg');
   background-position: left center, right center;
   background-repeat: no-repeat, no-repeat;
}

.pricing-table.table-dark {
   --bs-table-bg: #0D0B11;
}

.pricing-table>:not(caption)>tr>:nth-child(3) {
   --bs-table-bg-type: #39373C;
}

.pricing-table-heading.active {
   border-top-left-radius: 18px;
}

.pricing-table-last-item.active {
   border-bottom-right-radius: 18px;
}

.pricing-table .active-bg {
   --bs-table-bg-type: #0D0B11 !important;
}

.pricing-table>thead {
   vertical-align: top;
}

.pricing-table th {
   font-weight: normal;
}

.pricing-plan-price {
   font-size: 36px;
}

.pricing-plan-price span {
   font-size: 52px;
}

.pricing-plan-title.active {
   background-color: #343CFF;
   border-top-left-radius: 18px;
   border-bottom-right-radius: 18px;
}
.pricing-plan-title-border {
   border-bottom: 1px solid #4d5154;
}

.pricing-plan-box {
   overflow: hidden;
   padding-bottom: 24px;
   border: 1px solid rgba(243, 243, 243, 0.5);
   border-top-left-radius: 18px;
   border-bottom-right-radius: 18px;
}

.pricing-plan-box.active .pricing-plan-header,
.pricing-plan-box.active .pricing-plan-feature-list {
   background-color: #242228;
}

.pricing-plan-box.active .pricing-plan-feature-list {
   border-bottom-left-radius: 18px;
   border-bottom-right-radius: 18px;
}

.pricing-plan-feature-item {
   padding: .5rem;
   border-bottom: 1px solid #4d5154;
}

.vps-circle-bg {
   background-image: url('https://civihosting.com/wp-content/uploads/2024/06/vps-bg-circle.svg');
   background-position: right center;
   background-repeat: no-repeat;
}

.vps-review-wrapper {
   padding: 24px;
   background: linear-gradient(90deg, #242228, #413f43, #262429);
   border-top-left-radius: 32px;
   border-bottom-right-radius: 32px;
   backdrop-filter: blur(200px);
   min-height: 350px;
}

.vps-review-box {
   padding: 0 80px;
}

.vps-review-prev {
   position: absolute;
   top: 40%;
   left: 45px;
}

.vps-review-next {
   position: absolute;
   top: 40%;
   right: 45px;
}

.vps-review-dot {
   height: 8px;
   width: 8px;
   background-color: #B9B9BA;
   border-radius: 50%;
}

.carousel-indicators .active {
   background-color: #343CFF;
}

.carousel-indicators [data-bs-target] {
   padding: 0;
   width: 10px;
   height: 10px;
   border-radius: 50%;
}

/*  End */
/* common css here */
.list-style-disc {
   list-style: disc;
   list-style-position: inside;
}

.web-app-item {
   flex: 0 0 auto;
}

.web-app-item-col-1 {
   width: 10.5%;
}

.web-app-item-col-2 {
   width: 13.66%;
}

.web-app-item-col-3 {
   width: 12%;
}

/* End */
.app-benefit-box {
   background-image: url('../images/app-success-pattern.svg');
}

.app-benefit-box .border_about {
   background: linear-gradient(332deg, #343CFF, #18161c, #18161c, #9C8CF8) border-box;
}

.app-benefit-box h5 {
   background-image: -webkit-linear-gradient(top left, #F1F1F1, #9C8CF8);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.app-benefit-box p {
   color: #858487;
}

.dropdown-toggle.rotated::after {
   transform: rotate(-180deg);
}

.page-badge {
   position: relative;
   padding: 12px 16px;
   background-color: rgb(241 241 241 / 5%);
   background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1), rgba(13, 11, 17, 0));
   border-radius: 32px;
}

.pattern-layer {
   background-image: url(https://civihosting.com/wp-content/uploads/2024/06/Map-whie.svg) !important;
   background-size: contain;
}

span.input-image {
   position: absolute;
   padding: 15px;
}

.subscribe-from_css input {
   padding: 10px 35px !important;
}

.body_color_1 {
   background: #000;
}

.bg-white_bg {
   background: #fff;
}

/* world-map */
.padding_44 {
   padding: 0px 0px;
}

.menu-bottom-footer-menu li {
   padding: 0px 10px;
   font-size: 14px;
}

.menu-bottom-footer-menu li a {
   color: #bfbfbf !important;
}

.map-globe {
   width: 100%;
   height: 400px;
}

.dot {
   cursor: pointer;
   transition: fill 0.5s;
}

.pulse {
   animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
   0% {
      box-shadow: 0 0 0 0px rgba(9, 104, 228, 0.144);
   }

   50% {
      box-shadow: 0 0 0 20px rgba(17, 33, 252, 0.568);
   }

   100% {
      box-shadow: 0 0 0 20px rgba(9, 83, 241, 0.26);
   }
}

.hover-image {
   display: none;
   position: absolute;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   border: 1px solid #fff;
   transition: opacity 0.3s, transform 0.3s;
   transform: translateY(-70%);
   background: #fff;
}

.hover-image.show {
   display: block;
   opacity: 1;
   transform: translateY(-120%);
}

.hover-image.pulse {
   animation: pulse-animation 2s infinite;
}

/* world-map End*/
/*  Logos Carousel Start */
@keyframes scroll {
   0% {
      transform: translateX(0);
   }

   100% {
      transform: translateX(calc(-250px * 7));
   }
}

.slider {
   height: 100px;
   margin: auto;
   overflow: hidden;
   position: relative;
   width: auto;
}

.slider .slide-track {
   animation: scroll 40s linear infinite;
   display: flex;
   width: calc(450px * 11);
}

.slider .slide {
   height: 100px;
   width: 250px;
}

/*  Logos Carousel End */
/*  Forms Start */
.comment-form-author-email-url i {
   position: absolute;
   top: 16px;
   left: 10px;
   color: #7C779A !important;
   font-size: 16px;
   margin: 0px;
   padding: 0px;
}

.comment-form-author-email-url p {
   position: relative;
}

.theme-form .form-control {
   color: rgba(11, 1, 70, 0.5);
   padding: .55rem .75rem;
   background: rgba(11, 1, 70, 0.05);
   border-color: #EBEBEC;
   border-top-left-radius: 24px !important;
   border-bottom-right-radius: 24px;
}

.comment-form-author-email-url p {
   width: 94%;
   margin: 0px 10px 14px 10px;
}

input.theme-form {
   padding: 10px 33px;
   border-radius: 0px 19px;
   border: 2px solid #f3f2f6;
   background: #f3f2f6b3;
}

.comment-form-author-email-url {
   display: flex;
}

.theme-form .input-group-image {
   position: absolute;
   left: 15px;
   top: calc(50% - 7px);
}

.theme-form .form-control {
   color: rgba(11, 1, 70, 0.5);
   padding: .55rem .75rem;
   background: rgba(11, 1, 70, 0.05);
   border-color: #EBEBEC;
   border-top-left-radius: 24px !important;
   border-bottom-right-radius: 24px;
}

.theme-form .input-group .form-control {
   padding-left: 40px;
}

.page-id-188 .theme-form {
   width: 420px;
}

.blockquote {
   padding-left: 24px;
   border-left: 2px solid #0B0146;
}

/*  Forms End */
/*  Footer Start */
.footer-wrapper {
   padding: 65px 0 10px;
}

.footer-divider0 {
   color: #F4F4F4;
   opacity: inherit;
}

.footer-divider {
   color: #999999;
   opacity: inherit;
}

.footer-menu ul li a {
   color: #868686;
   font-weight: 500;
   text-decoration: underline;
   line-height: 32px;
}

.bottom-fo li a:hover {
   color: #fff;
   text-decoration: none;
}

.footer-menu ul li a:hover {
   color: #fff;
   text-decoration: none;
}

.bottom-fo li a {
   color: #f4f4f4 !important;
}

/*  Footer End */