/* :root{
   --banner-for-support: linear-gradient(to right, #00CED1 0%, #1E90FF 80%);
  --banner-for-Contact: linear-gradient(to right, #00CED1 0%, #1E90FF 80%);
} */

.chat-box {
  display: none;
}

.chat-box {
  width: 320px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: none;
  z-index: 9999;
  font-family: "Segoe UI", sans-serif;
  display: flex;
  flex-direction: column;
}

/* ✅ Fix header alignment */
.chat-header {
  background: #1a73e8;
  color: white;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chat-title {
  white-space: nowrap;
}

.close-btn {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  margin-left: 150px;
}

/* ✅ Content area */
.chat-content {
  padding: 16px;
  height: 180px;
  overflow-y: auto;
  background: #f9f9f9;
}

.message {
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  max-width: 90%;
  font-size: 14px;
  line-height: 1.4;
}

.message.bot {
  background: #e8f0fe;
  color: #202124;
  align-self: flex-start;
}

/* ✅ Input layout fix */
.chat-input {
  display: flex;
  border-top: 1px solid #e0e0e0;
  background: #fff;
  border-radius: 10px;
}

.chat-input input {
  border: none;
  padding: 12px;
  font-size: 14px;
  outline: none;
  border-radius: 0;
  box-sizing: border-box;
}

.send-btn {
  background: #1a73e8;
  color: white;
  border: none;
  padding: 0 16px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s;
  height: auto;
}

.send-btn:hover {
  background: #1665c1;
}

.message.user {
  text-align: right;
  background-color: #d1e7dd;
  margin: 5px;
  padding: 8px;
  border-radius: 8px;
}

.message.bot {
  text-align: left;
  background-color: #f8d7da;
  margin: 5px;
  padding: 8px;
  border-radius: 8px;
}

/* for the navigation menu  */

.rts-header.style-one.header__default {
  background-color: white;
}

.rts-header__wrapper
  nav#mobile-menu.rts-header__menu
  div.hostie-menu
  ul.list-unstyled.hostie-desktop-menu
  li.menu-item.hostie-has-dropdown
  a.hostie-dropdown-main-element {
  color: #000;
}

/* .easy-currency-switcher.switcher-list-content form#easy_currency_switcher_form.easy_currency_switcher_form button.easy-currency-switcher-toggle{
  border: 1px solid var(--btc);
  color: #000;
} */

.rts-header__right a.login__btn {
  border: 1px solid var(--btc);
  color: #000;
}

.rts-ht.rts-ht__bg {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
  backdrop-filter: blur(50px);
}

.hostie-menu
  .hostie-desktop-menu
  .hostie-has-dropdown
  .hostie-dropdown-main-element::before {
  color: #000;
}

/* .easy-currency-switcher.switcher-list-content form#easy_currency_switcher_form.easy_currency_switcher_form button.easy-currency-switcher-toggle span.dropdown-icon{
  border-top-color: var(--btc);
} */

.login-submenu form {
  margin-right: -51px;
}

.account-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background 0.2s ease;
}

.account-btn:hover {
  background-color: #f0f0f0;
}

.arrow {
  width: 16px;
  height: 16px;
  fill: #333;
}

.account-menu {
  position: absolute;
  right: 411px;
  /* top: 110px; */
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 10px 0;
  display: none;
  min-width: 180px;
  z-index: 1000;
}

.account-menu a {
  display: block;
  padding: 10px 16px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.account-menu a:hover {
  background-color: #f9f9f9;
}

.account-dropdown:hover .account-menu {
  display: block;
}

.hidden {
  display: none;
}

/* account section dropdown */

/* currency place change */

.easy-currency-switcher.switcher-list-content
  form#easy_currency_switcher_form.easy_currency_switcher_form
  button.easy-currency-switcher-toggle {
  padding: 11px 20px;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 30px;
}

.header-left {
  margin-right: 60px;
}

.header-center {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}

.header-right {
  margin-left: 60px;
}

.list-unstyled .hostie-desktop-menu {
  display: flex;
  gap: 0px; /* 👈 No gap between items */
}

.account-wrapper {
  display: flex;
  align-items: center;
}

.account-btn {
  background: transparent;
  cursor: pointer;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 6px;
}

.username {
  font-weight: 500;
  color: #333;
}

.rts-hero__content h1::before {
  background: none;
}

.rts-ht__promo p strong {
  color: #033aa7;
}

.rts-ht__links {
  gap: 30px;
}

.rts-hero__content--group.sal-animate a.primary__btn.white__bg:hover {
  color: white;
  background: #033aa7;
}

.rts-ds-two__wrapper {
  margin-top: -100px;
  padding: 20px;
  background: linear-gradient(180deg, #0445c5 100%, #044ddf 100%);
}

.rts-ds-two__wrapper form.domain-search button.domain-btn.rts-btn-secondary {
  color: #000;
  background: #fff;
}

.rts-ds-two__wrapper
  form.domain-search
  button.domain-btn.rts-btn-secondary:hover {
  background: #ff4b42 !important;
}

.rts-brand__wrapper--text h5.sal-animate span {
  color: #033aa7;
}

/*  for brand logo */

.brand-section {
  padding: 60px 20px;
  text-align: center;
}

.brand-section h2 {
  font-size: 24px;
  margin-bottom: 40px;
  color: #0a2c52;
}

.swiper {
  padding: 20px 0;
}

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

.brand-logo {
  max-width: 80%;
  max-height: 60px;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: filter 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}

.brand-logo:hover {
  filter: grayscale(0%);
  transform: scale(1.05);
  opacity: 1;
}

/* Optional: Slight card look */
.brand-card {
  width: 160px;
  height: 100px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}

.brand-card:hover {
  transform: translateY(-5px);
}

/* for service section  */

.section-header {
  padding: 0 15px;
}

.section-title {
  font-size: 28px;
  font-weight: 600;
  color: #1e1e1e;
}

.scroll-buttons {
  display: flex;
  gap: 10px;
}

.scroll-btn {
  background: var(--plan-bg);
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.scroll-btn:hover {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
}

.scroll-btn i {
  font-size: 16px;
}

html
  body.loaded
  div.rts-services-area.area-3.pb-120.sal-animate
  div.container
  div.section-header.mb-4.px-2
  div.header-row.d-flex.justify-content-between.align-items-center
  h3.title.sal-animate {
  font-size: 36px;
  font-weight: var(--bold);
  margin-top: 45px;
}

/* #servicesRow > .col-lg-4 {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    border: none;
} */

.service-wrapper {
  height: auto;
  /* overflow: hidden;  */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  word-wrap: break-word;
  white-space: normal;
}

/* .services-scroll-wrapper {
    overflow-x: hidden;  /* Only horizontal scroll hidden *
    overflow-y: visible; /* Allow vertical content *
} */

.service-wrapper .content {
  white-space: normal;
  word-break: break-word;
}

.service-wrapper .title,
.service-wrapper .desc {
  white-space: normal;
  word-break: break-word;
}

.service-wrapper * {
  overflow-wrap: break-word;
}

/* #servicesRow > .col-lg-4 {
  flex: 0 0 auto;
  width: 33.3333%;
} */

html body.loaded div.rts-services-area.area-3.pb-120.sal-animate {
  background: var(--plan-bg);
}



.image.bg-2 {
  background: var(147deg, #ffecec 14.12%, #e8f2ff 80.26%);
}

html
  body.loaded
  div.rts-about.position-relative.section__padding
  div.container
  div.row
  div.col-xl-5.col-lg-6
  div.rts-about__content
  div.rts-about__content--single.sal-animate
  div.image {
  background: var(147deg, #e6eeff 14.12%, #d6e4ff 80.26%);
}

html body.loaded div.rts-pricing-plan.alice__blue.section__padding {
  background: (--plan-bg);
}

/* for the adding button effect  */

.price__content.open
  div.row.g-30.monthly
  div.col-lg-3.col-md-6.col-sm-6
  div.card-plan.hover-effect-card
  div.card-plan__cartbtn
  a.glow-button {
  padding: 12px 18px;
  background: linear-gradient(white, white) padding-box,
 linear-gradient(to right, #033aa7, #ff4b42);
  color: #fff;
  border: 2px solid transparent;
  border-radius: 50px;
  color: var(--color-white);
  display: block;
  max-width: 200px;
  line-height: 100%;
  transition: var(--transition);
  font-size: 16px;
  font-family: var(--font-secondary);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.glow-button span {
  position: relative;
  z-index: 2;
  color: #000;
}

.card-plan.hover-effect-card:hover .glow-button span {
  color: #fff;
}

.glow-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 100%; /*  make height full from the beginning */
background: linear-gradient(to right, #033aa7, #ff4b42);
  color: #fff;
  border-radius: 50px; /* keep this same as hover */
  transform: translate(-50%, -50%);
  transition: width 0.4s ease;
  z-index: 1;
}

.hover-effect-card:hover .glow-button::before {
  width: 200px;
  height: 100%;
  border-radius: 50px;
  transform: translate(-50%, -50%);
}

.hover-effect-card:hover .glow-button {
  color: #ffffff;
}

.card-plan {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-effect-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.tab__button__item
  button.tab__price.text-white.active {
  background: linear-gradient(180deg, #187eff 0%, #0445c5 100%, #044ddf 100%);
}

.price__content.open
  div.row.g-30.monthly
  div.col-lg-3.col-md-6.col-sm-6
  div.card-plan:hover.hover-effect-card
  div.card-plan__offer
  span.offer-given {
background: linear-gradient(to right, #033aa7, #ff4b42);
  color: #fff;
}

.price__content.open
  div.row.g-30.monthly
  div.col-lg-3.col-md-6.col-sm-6
  div.card-plan.active.hover-effect-card
  div.card-plan__offer
  span.offer-given {
 background: linear-gradient(to right, #033aa7, #ff4b42);
  color: #fff;
}

.price__content.open
  div.row.g-30.monthly
  div.col-lg-3.col-md-6.col-sm-6
  div.card-plan:hover.hover-effect-card
  div.card-plan__feature
  ul.card-plan__feature--list
  li.card-plan__feature--list-trigered
  span.text {
  color: #033aa7;
}

.price__content.open
  div.row.g-30.monthly
  div.col-lg-3.col-md-6.col-sm-6
  div.card-plan.active.hover-effect-card
  div.card-plan__feature
  ul.card-plan__feature--list
  li.card-plan__feature--list-trigered {
  color: #033aa7;
}

.card-plan.active.hover-effect-card div.popular-tag {
  background: linear-gradient(to right, #033aa7, #ff4b42);
  color: #fff;
}

.view-plan-btn .long-btn:hover {
background: linear-gradient(to right, #033aa7, #ff4b42);
color: #fff;
}

/* .view-plan-btn
  a.btn.long-btn {
  border-color: navajowhite;
} */

.rts-section-button
  a.view-all:hover {
  color: #033aa7;
}

.rts-service-two .service-two__content a:hover {
  background: (to right, #add8e6, #ffb347);
}

html
  body.loaded
  section.rts-service-tab.ghost__white.section__padding.sevice-tab-section-bg {
  margin-top: 40px;
}

.rts-service-four__tab--content.tab__content.open
  div.tab__content--details {
  background: linear-gradient(180deg, #187eff 0%, #0445c5 100%, #044ddf 100%);
}

.rts-testimonial__single::before {
  background: linear-gradient(180deg, #187eff 0%, #0445c5 100%, #044ddf 100%);
}

html body.loaded div.rts-cta div.container div.row div.rts-cta__wrapper {
  background: linear-gradient(160deg, #033aa7 0%, #ff4b42 80%);
  margin-top: 40px;
}

.secondary__bg:hover {
  background: #fff !important;
  color: var(--color-secondary) !important;
}

.rts-about__image {
  background: linear-gradient(170deg, #033aa7 0%, #ff4b42 90%);
}

/* DEMO SERVICE  */

/* .service-box {
    
    transition: all 0.3s ease-in-out; 
    
}

.big-box {
   
    width: 600px; 
    height: 300px;  
    background-color: #007bff; 
    color: white;
}

.small-box {
    
    width: 280px;
    height: 150px;
    background-color: #f8f9fa; 
    color: #333;
}

.active-box-style {
 
    width: 600px;
    height: 300px; 
    background-color: #007bff; 
    color: white;
}

.shrink-big-box {
 
    width: 280px; 
    height: 150px; 
    background-color: #f8f9fa; 
    color: #333;
}
     */

html
  body.page-template.template-resell.loaded
  div.rts-hosting-banner.rts-hosting-banner-bg.banner-default-height {
  padding: 320px 0 185px 0;
}

.rts-hosting-banner.rts-hosting-banner-bg::before {
  background: linear-gradient(to right, #6a0dad 10%, #e0bbe4 90%);
}

html
  body.page-template.template-resell.loaded
  div.rts-about-reseller.section__padding
  div.container
  div.row
  div.col-lg-6
  div.hosting-info
  a.btn__two.btn__long.secondary__bg1.secondary__color:hover {
  background: #033aa7;
  color: #fff !important;
}

html
  body.page-template.template-resell.loaded
  div.rts-about-reseller.section__padding
  div.container
  div.row
  div.col-lg-6
  div.hosting-info
  a.btn__two.btn__long.secondary__bg1.secondary__color {
  background: var(--color-third);
  color: #fff;
}

.rts-about-reseller.area-2
  .hosting-info
  .feature
  .feature__list
  .feature__item::before {
color: #fff;
  background: var(--color-third);
}

html
  body.page-template.template-resell.loaded
  div.rts-cta
  div.container
  div.row
  div.rts-cta__wrapper {
  margin-top: 50px;
}

.rts-contact-form .form__content .submit__btn:hover{
  color: #fff;
  background-color: #2D3C58;
}

html body.page-template.template-resell.loaded section.rts-hero-three.rts-hero__one.rts-hosting-banner.domain-checker-padding.banner-default-height{
  background: linear-gradient(249deg, #9C46EB 6.08%, #FF5933 70.13%);
}

.rts-domain-pricing-area .section-title-area .desc{
  margin-left: 114px;
  max-width: none;
}

.rts-domain-pricing-area.area-2 .section-title-area .desc{
  margin-right: 116px;
}

html body.page-template.template-resell.loaded div.rts-why-choose.bg-white.section__padding div.container div.row div.rts-section.section-style-two div.rts-section-description p.description.w-400.sal-animate{
  margin-top: 15px;
}

html body.page-template.template-resell.loaded div.rts-why-choose.bg-white.section__padding div.container div.row div.rts-section.section-style-two div.rts-section__two h2.title.mb-0.sal-animate{
  margin-left: -5px;
}

html body.page-template.template-resell.loaded div.rts-why-choose.bg-white.section__padding div.container div.row div.rts-section.section-style-two{
  display: block;
}

html body.page-template.template-resell.loaded div.rts-hosting-banner.rts-hosting-banner-bg.banner-default-height div.container div.row div.banner-area div.rts-hosting-banner.rts-hosting-banner__content.w-530.contact__banner h1.banner-title{
  margin: -70px 0 25px 0;
}

.single-contact-method {
  height: 100%;
}

html body.page-template.template-affiliate.loaded section.rts-pricing-five.inner div.container div.section-inner div.pricing-list div.row.g-30 div.col-lg-3.col-md-6.col-sm-6 div.pricing-wrapper{
background: linear-gradient(125deg, #2575fc, #6a11cb, #8e2de2);
}

html body.page-template.template-affiliate.loaded section.rts-pricing-five.inner div.container div.section-inner div.pricing-list div.row.g-30 div.col-lg-3.col-md-6.col-sm-6 div.pricing-wrapper{
  height: 100%;
}

html body.page-template.template-affiliate.loaded section.rts-pricing-five.inner div.container div.row.mt--90.g-30 div.col-lg-7 div.commision-calculation{
  background: linear-gradient(170deg, #2575fc 0%, #6a11cb 100%);
}

html body.page-template.template-affiliate.loaded section.rts-pricing-five.inner div.container div.row.mt--90.g-30 div.col-lg-7 div.commision-calculation div.commision-tab.mb--50 div.tab__button.tab__btn.active{
  border: 1px solid #8e2de2;
}
html body.page-template.template-affiliate.loaded section.rts-pricing-five.inner div.container div.row.mt--90.g-30 div.col-lg-7 div.commision-calculation div#sales.commision-content.tab__content.open div.commision-type div.item{
  border: 1px solid #8e2de2;
}

html body.page-template.template-affiliate.loaded section.rts-pricing-five.inner div.container div.row.mt--90.g-30 div.col-lg-7 div.commision-calculation div.commision-tab.mb--50 div.tab__button.tab__btn{
  border: 1px solid #8e2de2;
}

.commision-calculation .commision-content .commision-type .item{
  border: 1px solid #8e2de2;
}

html body.page-template.template-affiliate.loaded div.rts-affiliate-earn.section__padding div.container div.row div.earning__tab div.earning__tab__width{
  min-width: 183px;
  background: var(--color-secondary);
  border-radius: 40px;
  height: 40px;
  border: none;
}

html body.page-template.template-affiliate.loaded div.rts-affiliate-earn.section__padding div.container div.row div.earning__tab div.earning__tab__width div.tab__button.tab__affiliate{
  color: #fff;
}

html body.page-template.template-affiliate.loaded div.rts-affiliate-earn.section__padding div.container div.row div.earning__tab div.earning__tab__width div.tab__button.tab__affiliate.active{
  background: var(--color-primary);
  padding: 7px 15px;
  border-radius: 40px;
  line-height: 100%;
}

html body.page-template.template-affiliate.loaded div.rts-affiliate-earn.section__padding div.container div#slab2.earning__tab__content.affiliate__content.open div.row.g-30 div.col-lg-3.col-md-6.col-sm-6 div.card-feature{
  height: 100%;
}

html body.page-template.template-affiliate.loaded div.rts-promote-hostie.alice__blue.section__padding div.container div.row.g-30 div.col-lg-3.col-md-6.col-sm-6 div.card-feature{
  height: 100%;
}

html body.page-template.template-affiliate.loaded div.rts-promote-hostie.alice__blue.section__padding div.container div.row.g-30 div.col-lg-3.col-md-6.col-sm-6 div.card-feature div.card-feature__single h5.card-feature__single--title{
    min-height: 48px; /* Adjust this value to match 2 lines of heading */
  font-weight: 600;
  margin-bottom: 10px;

}

html body.loaded div.rts-sign-up-section div.section-inner form h3.form-title{
  font-size: 36px;
}

html body.loaded div.rts-sign-up-section div.copyright-area{
  color: #fff;
}

/* for the chart in partner page */

.dashboard {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: flex-start;
  max-width: 1200px;
  margin: auto;
}

.info {
  flex: 1;
}

.info h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.info ul {
  list-style: none;
  padding: 0;
}

.info li {
  margin-bottom: 10px;
  font-size: 1rem;
}

.charts {
  flex: 2;
  display: flex;
  flex-direction: row;
  gap: 30px;
}

.chart-box {
  flex: 1;
  background: #f8fbff;
  border-radius: 12px;
  padding: 20px;
}

/* for the table in partner  */

.custom-table-wrapper {
  max-width: 700px;
  margin-left: 0;
  margin-right: auto;
  background: #f1f7ff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
}

.custom-table th, .custom-table td {
  padding: 16px 20px;
  text-align: left;
  
}

/* .custom-table thead {
  background-color: #e9f1fb;
} */

.custom-table th {
  font-weight: 600;
  color: #1c2a4d;
  font-size: 15px;
}

.custom-table tr {
  border-bottom: 1px solid #dfe9f4;
}

.custom-table tr:last-child {
  border-bottom: none;
}

.status {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}

.status i {
  margin-right: 6px;
}

.status.active {
  color: green;
}

.status.pending {
  color: #3366cc;
}

.action-menu {
  color: #888;
  cursor: pointer;
  text-align: right;
  font-size: 16px;
}

/* remove dropdown in home  */

html body.loaded header.rts-header.style-one.header__default div.container div.row div.rts-header__wrapper div.header-container div.header-center nav#mobile-menu.rts-header__menu div.hostie-menu ul.list-unstyled.hostie-desktop-menu li.menu-item.hostie-has-dropdown.no-arrow a.hostie-dropdown-main-element::before{
  content: none;
}

/* html body.loaded div.rts-cta div.container div.row div.rts-cta__wrapper div.rts-cta__left a.primary__btn.white__bg:hover.sal-animate{
  color: white;
  background: #033aa7;
} */

.primary__btn.white__bg:hover{
    color: white;
  background: #033aa7;
}

.primary__btn.white__bg{
  color: var(--color-secondary);
}

/* html body.page-template.template-resell.loaded div.rts-about-reseller.section__padding div.container div.row div.col-lg-6 div.hosting-info a.btn__two.btn__long.secondary__bg1.secondary__color{
  color: #fff;
} */

html body.page-template.template-pricing.loaded footer.rts-footer.site-footer-one.section__padding div.container div.row div.col-lg-3.col-md-6.rts-footer__widget--column div.rts-footer__widget.footer__widget form.newsletter.mx-40 button i.fa-regular.fa-arrow-right:hover{
  color: #fff;
}

html body.loaded div.rts-service-two.section__padding div.container div.row.g-30 div.col-lg-4.col-xl-3.col-md-4.col-sm-6 div.service-two-small:hover.style-two div.service-two-small__content a.service-btn i.fa-regular.fa-arrow-right{
  color: #fff;
}

html body.page-template.template-pricing.loaded div.rts-hosting-banner.rts-hosting-banner-bg.banner-default-height div.container div.row div.col-lg-12 div.banner-area div.rts-hosting-banner__image.pricing-compare div.shape__image img.shape__image--one.show-hide{
  margin-left: -31px;
}

.rts-faq {
  background: #fff;
}

.single__feature--box {
  transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
  background: linear-gradient(to bottom, #ffffff, #f9f9f9);
  border-radius: 12px;
  padding: 20px;
}

.single__feature--box:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  background: linear-gradient(145deg, #ffffff, #eef3ff);
}

.single__feature--box-icon img {
  transition: transform 0.35s ease;
}

.single__feature--box:hover .single__feature--box-icon img {
  transform: rotate(5deg) scale(1.1);
}


/* affiliate page  */

html body.page-template.template-affiliate.loaded section.rts-pricing-five.inner div.container div.section-inner div.pricing-list div.row.g-30 div.col-lg-3.col-md-6.col-sm-6 div.pricing-wrapper div.icon img{
    transition: transform 0.35s ease;
}

.pricing-wrapper:hover div.icon img{
  transform: rotate(5deg) scale(1.1);
}

html body.page-template.template-affiliate.loaded div.rts-promote-hostie.alice__blue.section__padding div.container div.row.g-30 div.col-lg-3.col-md-6.col-sm-6 div.card-feature div.card-feature__single div.card-feature__single--icon svg{
    transition: transform 0.35s ease;
}

.card-feature:hover div.card-feature__single div.card-feature__single--icon svg{
  transform: rotate(5deg) scale(1.1);
}

/* contact page  */

.icon i.fa-thin.fa-map-location-dot,
.icon i.fa-thin.fa-envelope-open,
.icon i.fa-thin.fa-phone,
.icon svg {
  transition: transform 0.35s ease;
}

.single-contact-method:hover div.method div.icon i.fa-thin.fa-map-location-dot,
.single-contact-method:hover div.method div.icon i.fa-thin.fa-envelope-open,
.single-contact-method:hover div.method div.icon i.fa-thin.fa-phone,
.single-contact-method:hover div.method div.icon svg {
  transform: rotate(5deg) scale(1.1);
}

/* home page  */

html body.loaded div.rts-services-area.area-3.pb-120.sal-animate div.container div.section-inner div.services-scroll-wrapper div#servicesRow.row.g-5.flex-nowrap div.col-lg-4.col-md-6.col-sm-6 div.service-wrapper div.icon img{
  transition: transform 0.35s ease;
}

.service-wrapper:hover div.icon img{
  transform: rotate(5deg) scale(1.1);

}

/* for pricing plan  */

.rts-pricing-plan .card-plan:hover .card-plan__offer .offer-given, .rts-pricing-plan .card-plan.active .card-plan__offer .offer-given {
  background: linear-gradient(to right, #033aa7, #ff4b42);
  color: #fff;
}

html body.loaded div.rts-pricing-plan.alice__blue.section__padding div.container div.row div#yearly.price__content.open div.row.g-30.yearly div.col-lg-3.col-md-6.col-sm-6 div.card-plan.hover-effect-card div.card-plan__cartbtn a.glow-button{
  padding: 12px 18px;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #033aa7, #ff4b42);
  color: #fff;
  border: 2px solid transparent;
  border-radius: 50px;
  color: var(--color-white);
  display: block;
  max-width: 200px;
  line-height: 100%;
  transition: var(--transition);
  font-size: 16px;
  font-family: var(--font-secondary);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

html body.loaded footer.rts-footer.site-footer-one.section__padding div.container div.row div.col-lg-3.col-md-6.rts-footer__widget--column div.rts-footer__widget.footer__widget form.newsletter.mx-40 button:hover i.fa-regular.fa-arrow-right{
  color: #fff;
}

html body.page-template.loaded div.rts-hosting-banner.rts-hosting-banner-bg.banner-default-height div.container div.row.justify-content-sm-center div.banner-area div.rts-hosting-banner__image.business-mail__image img.shape-image.one{
  right: 12.6%;
  top: 13.7%;
}

html body.page-template.template-pricing.loaded div.rts-hosting-banner.rts-hosting-banner-bg.banner-default-height div.container div.row div.col-lg-12 div.banner-area div.rts-hosting-banner__image.pricing-compare div.shape__image img.shape__image--two.top-bottom{
  right: 107px;
  top: 156px;
}

.feature-wrapper.text-center{
  height: 100%;
}

/* pricing plan css heading hover */


.card-plan {
    transition: all 0.3s ease;
}

/* Icon and heading styling */
.card-plan__package .icon img,
.card-plan__package .package__name {
    transition: transform 0.3s ease, color 0.3s ease;
}


.card-plan:hover .card-plan__package .icon img {
    transform: scale(1.2) rotate(5deg);
}

.card-plan:hover .card-plan__package .package__name {
    color: #ff4d4d;
    transform: translateY(-3px);
}

/*  for point box in ssl & affiliate */
.single-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: #fff;
}

/* Smooth icon & text transition */
.single-item .icon img,
.single-item .content {
    transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;
}

/* Hover effect */
.single-item:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-color: #4f46e5; /* Change border color on hover */
}

/* Icon animation on hover */
.single-item:hover .icon img {
    transform: rotate(5deg) scale(1.1);
    filter: drop-shadow(0 0 6px rgba(79, 70, 229, 0.5));
}

/* Text color change */
.single-item:hover .content {
    color: #4f46e5;
}

html body.page-template.template-resell.loaded section.rts-hero-three.rts-hero__one.rts-hosting-banner.domain-checker-padding.banner-default-height div.container div.row.align-items-center div.col-lg-12 div.rts-hero__content.domain form div.rts-hero__form-area div.select-button-area button{
  background: #FF5933;
  color: #fff;
}

html body.page-template.template-resell.loaded section.rts-hero-three.rts-hosting-banner.rts-hero__one.domain-checker-padding.banner-default-height div.container div.row.align-items-center div.col-lg-12 div.rts-hero__content.domain form.domain-form.d-flex.gap-3 button.submit-btn{
  background: #7D3AC1;
  color: #fff;
}

html body.page-template.template-resell.loaded div.rts-domain-service.section__padding div.container div.row.g-30 div.col-xl-3.col-lg-4.col-md-6.col-sm-6 div.card-feature{
  height: 100%;
}

.rts-hero__content.domain form.domain-form.d-flex.gap-2 button.submit-btn{
  background: #FF5933;
  color: #fff;
}

html body.page-template.template-resell.loaded div.rts-whois-feature.section__padding div.container div.row.justify-content-sm-center.justify-content-md-start.g-30 div.col-lg-4.col-md-6.col-sm-10 div.feature__card{
  height: 100%;
}

/* effect on whois page  */

.feature__card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.feature__card:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.feature__card .icon img {
  transition: transform 0.3s ease;
}

.feature__card:hover .icon img {
  transform: scale(1.15);
}



/* .rts-hosting-feature-two__image img {
    transition: transform 0.5s ease-out; 
}


.rts-hosting-feature-two__image:hover img {
    transform: scale(1.05) rotate(2deg);
}


@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.03);
    }
    100% {
        transform: scale(1);
    }
}

.rts-hosting-feature-two__image.pulsing-animation img {
    animation: pulse 2s infinite ease-in-out;
} */

/* .rts-hosting-feature-two__image {
    position: relative;
    display: inline-block;
}

.rts-hosting-feature-two__image img {
    display: block;
    width: 100%;
}


.rts-hosting-feature-two__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.4s ease;


    -webkit-mask-image: url('../images/customimages/bf1.png'), url('../images/customimages/bf1.png');
    -webkit-mask-repeat: no-repeat, no-repeat;
    -webkit-mask-position: center, center;
    -webkit-mask-size: cover, 90% 90%;
    -webkit-mask-composite: destination-out;
    
    mask-image: url('../images/customimages/bf1.png'), url('../images/customimages/bf1.png');
    mask-repeat: no-repeat, no-repeat;
    mask-position: center, center;
    mask-size: cover, 90% 90%;
    mask-composite: exclude;
}

.rts-hosting-feature-two__image:hover::after {
    opacity: 1;
} */


.image-border-container {
  position: relative;
  display: inline-block;
}

.image-border-container::after {
  content: '';
  position: absolute;
  top: -4px; /* expand outside */
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: red;
  -webkit-mask:
    url('../images/customimages/bf1.png') center/contain no-repeat,
    url('../images/customimages/bf1.png') center/contain no-repeat;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.image-border-container:hover::after {
  opacity: 1;
}

html body.page-template.template-pricing.loaded section.rts-hosting-feature-two.section__padding div.container div.row div.col-lg-5.offset-lg-1 div.rts-hosting-feature-two__content div.rts-section__two h6.sub__title.sal-animate{
  font-size: 20px;
}

.rts-hosting-feature-two__content .feature__list .feature__item::before{
  color: #fff;
  background: var(--color-third);
}

html body.page-template.template-resell.loaded div.rts-blog-details.section__padding div.container div.row.g-40 div.col-lg-8 div.blog-comment.mb-5.mb-lg-0 div.blog-comment__template form.comment-template button.rts-btn.rts-btn-secondary.w-auto{
  color: #fff;
}

html body.page-template.template-resell.loaded div.rts-blog-details.section__padding div.container div.row.g-40 div.col-lg-8 article.blog-details div.blog-details__featured-image img{
  border-radius: 5px;
}

html body.page-template.template-resell.loaded section.rts-blog.pt-120 div.container div.row.justify-content-sm-center.justify-content-md-start.g-30 div.col-lg-4.col-md-6.col-sm-10 div.rts-blog__single{
  height: 100%;
}

html body.shared-page.page-template.loaded div.rts-why-choose.bg-white.section__padding div.container div.row.g-30 div.col-lg-3.col-sm-6.sal-animate div.card-feature{
  height: 100%;
}

.rts-hosting-feature .hosting-feature .feature__list .feature__item::before{
  color: #fff;
  background: var(--color-third);
}

html body.shared-page.page-template.loaded section.rts-testimonial.section__padding{
  background-color: #fff !important;
}

html body.shared-page.page-template.loaded section.brand-section div.rts-brand.rts-brand__bg--section.pt-100.pb-120 div.container div.row div.col-lg-12 div.rts-brand__wrapper{
  margin-top: -100px;
}

html body.shared-page.page-template.loaded div.rts-cta div.container div.row div.rts-cta__wrapper{
  margin-bottom: 40px;
  margin-top: 0px;
}

html body.wordpress-hosting.page-template.loaded section.rts-pricing-five.inner.bg-white div.container div.section-inner div.pricing-list div.row.gy-30 div.col-lg-3.col-md-4.col-sm-6 div.pricing-wrapper{
  height: 100%;
}

html body.wordpress-hosting.page-template.loaded div.rts-hosting-feature.bg-white.section__padding div.container div.row.align-items-center div.col-lg-6.col-xl-5 div.hosting-feature.wordpress h2.hosting-feature__title.sal-animate{
  max-width: 520px;
}

html body.vps-hosting.page-template.loaded div.rts-vps-performance.pt--120 div.container div.row.align-items-center.gy-30 div.col-lg-4.col-xl-5.col-md-12.d-lg-block.d-md-flex.gap-md-3.justify-content-md-center div.rts-section-content h2.title.sal-animate{
  font-size: 40px;
}

html body.page-template.template-resell.loaded section.rts-cloud-feature.section__padding div.container div.row.g-30 div.col-lg-4.col-md-6.col-sm-6.sal-animate div.cloud-feature{
  height: 100%;
}

/* for reseller feature */

.cloud-feature:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.cloud-feature:hover .icon img {
  transform: scale(1.2) rotate(5deg);
  filter: drop-shadow(0 0 10px #4facfe);
} 

html body.page-template.template-dedicated.loaded div.rts-dedicated-feature.section__padding div.container div.row.gy-30 div.col-lg-4.col-md-6.col-sm-6 div.dedicated-feature{
  height: 100%;
}

/* for dedicated hosting */


.dedicated-feature:hover {
  transform: translateY(-12px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.dedicated-feature .icon img {
  transition: transform 0.4s ease, filter 0.4s ease;
}

.dedicated-feature:hover .icon img {
  transform: scale(1.2) rotate(8deg);
  filter: drop-shadow(0 0 12px rgba(0,150,255,0.6));
}


html body.page-template.template-dedicated.loaded div.dedicated-feature-area.section__padding div.container div.row.gy-30.justify-content-center div.col-lg-6.col-xl-4.col-md-12 div.dedicated-feature-section h3{
  font-size: 35px;
}

/* dedicated hosting feature list  */


.single-feature:hover {
  border-left: 4px solid var(--color-primary); /* sky blue accent */
  background: linear-gradient(90deg, #f0f9ff, #ffffff);
  box-shadow: 0 8px 20px rgba(14,165,233,0.15);
}

html body.page-template.template-dedicated.loaded div.dedicated-feature-area.section__padding div.container div.row.gy-30.justify-content-center div.col-xl-4.offset-xl-2.col-lg-5.offset-lg-1.col-md-12.mt--100 div.dedicated-feature-section h3{
  font-size: 34px;
}

/* for dedicated hosting footer  */

html body.page-template.template-dedicated.loaded footer.rts-footer.site-footer-one.section__padding{
    margin-top: auto; /* pushes footer after main */
  position: relative;
}


.space100{

  height: 100px;
  width: 100%;
  display: block;


}

html body.page-template.template-cloud.loaded section.rts-cloud-feature.section__padding div.container div.row.g-30 div.col-lg-4.col-md-6.col-sm-6.sal-animate div.cloud-feature{
  height: 100%;
}

html body.page-template.template-cloud.loaded div.rts-pricing-plan.alice__blue.section__padding div.container div.row div.row.justify-content-center div.col-lg-4.col-md-5 div.rts-pricing-plan__tab.plan__tab div.tab__button{
  background: var(--color-secondary) ;
}

html body.page-template.template-cloud.loaded div.rts-support-feature.section__padding div.container div.row div.col-xl-6.col-lg-7 div.support-feature__content h2.title.sal-animate{
  font-size: 47px;
}

html body.loaded div.page-template.template-pricing section.rts-cloud-feature.section__padding div.container div.row.g-30 div.col-lg-4.col-md-6.col-sm-6.sal-animate div.cloud-feature{
  height: 100%;
}

.feature__list .feature__item::before{
  color: #fff;
}

/* new  */

html body.page-template.template-resell.loaded header.rts-header.style-one.header__default.header-sticky div.container div.row div.rts-header__wrapper div.header-container div.header-right div#account-section.account-wrapper div.account-dropdown div.account-menu{
  top: 69px;
}
@media only screen and (max-width: 767px) {
  /* html body.loaded header.rts-header.style-one.header__default div.container div.row div.rts-header__wrapper div.header-container div.header-right div#account-section.account-wrapper button#menu-btn.mobile__active.menu-btn i.fa-sharp.fa-solid.fa-bars{
    margin-right: -59px;
  } */
  /* html body.loaded header.rts-header.style-one.header__default div.container div.row div.rts-header__wrapper div.header-container div.header-right div#account-section.account-wrapper div.account-dropdown button.account-btn{
    margin-right: -30px;
  } */
  html body.loaded header.rts-header.style-one.header__default div.container div.row div.rts-header__wrapper div.header-container div.header-left div.rts-header__logo a.site-logo img.logo-white,
  html body.loaded header.rts-header.style-one.header__default.header-sticky div.container div.row div.rts-header__wrapper div.header-container div.header-left div.rts-header__logo a.site-logo img.logo-dark{
    max-width: 160%;
  }
}

/* for mobile view responsive  */

.rts-hosting-banner__image.blog {
  right: 0px;
}


.rts-hosting-banner__image.blog .shape.one {
  top: -50px;
  right: 27px;
}

.rts-hosting-banner__image .shape-image.one {
  top: 0;
  left: 31px;
}

/* for profile page  */

.profile-avatar {
  width: 110px;
  height: 110px;
  object-fit: cover;
  border: 3px solid #e9ecef;
}

.profile-section .card {
  border-radius: 12px;
}

.profile-section p {
  margin-bottom: 8px;
}

@media (max-width: 991px) {
  .profile-section .text-end {
    text-align: center !important;
  }
}

/* Fix congested form layout */
.profile-section .card-body {
    padding: 30px;
}

/* Space between form groups */
.profile-section .form-label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
}

.profile-section .form-control {
    height: 48px;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
}

/* Vertical spacing between rows */
.profile-section .row.g-3 {
    row-gap: 22px;
}

/* Button spacing */
.profile-section .form-actions {
    margin-top: 30px;
}

.profile-section .btn-primary {
    height: 48px;
    font-weight: 500;
    font-size: 15px;
}


.profile-section .card-header {
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 600;
}


/* settings page  */

.settings-content {
  animation: fadeIn 0.3s ease-in-out;
}

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

.settings-section .form-control {
  height: 48px;
}

.settings-section .card {
  border-radius: 12px;
}


/* for conjucsted  */

.settings-section .card-body {
    padding: 32px;
}

.settings-section .card-header {
    padding: 18px 32px;
    font-size: 16px;
    font-weight: 600;
}

/* label */
.settings-section .form-label {
    font-size: 14px;
    font-weight: 500;
}

.settings-section .form-control {
    padding: 10px 14px;
    font-size: 14px;
    border-radius: 6px;
}

/* button */
.settings-section .btn {
    height: 48px;
    font-size: 15px;
    font-weight: 500;
}

.settings-menu .list-group-item {
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 6px;
}

/* from plugin-min.css */

.list-group-item + .list-group-item.active {
  margin-top: -6px;
}

/* for order page  */

/* Make header title align like first image */
.cart-sidebar .panel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
}

.cart-sidebar .panel-title .fa-chevron-up,
.cart-sidebar .panel-title .fa-chevron-down {
    margin-left: auto;
    font-size: 12px;
    color: #6b7280;
}

/* Optional: icon spacing */
.cart-sidebar .panel-title .fa-shopping-cart {
    margin-right: 6px;
}

.cart-sidebar .panel[menuitemname="Choose Currency"] {
    margin-top: 20px;
}

.cart-sidebar .panel[menuitemname="Choose Currency"] .panel-heading {
    padding: 12px 15px;
}

.cart-sidebar .panel[menuitemname="Choose Currency"] .panel-body {
    padding: 15px;
}

.cart-sidebar .panel[menuitemname="Choose Currency"] select {
    height: 38px;
    font-size: 13px;
}

.view-cart-tabs .btn-default {
    height: 42px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    font-weight: 600;
}

.view-cart-tabs .btn-default:hover {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

.view-cart-tabs .nav-tabs {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 0;
}

.view-cart-tabs .nav-tabs .nav-link {
    padding: 8px 16px;
    font-size: 13px;
    border: 1px solid transparent;
    border-bottom: none;
    background: transparent;
    color: #6b7280;
}

.view-cart-tabs .nav-tabs .nav-link.active {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom: 1px solid #ffffff;
    color: #111827;
    font-weight: 600;
}

.panel-heading {
    cursor: pointer;
}

.panel-minimise {
    transition: transform 0.2s ease;
}

/* scroller  */

/* .services-scroll-wrapper {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

#servicesRow {
    display: flex;
    flex-wrap: nowrap;
}

#servicesRow > div {
    scroll-snap-align: start;
    flex: 0 0 auto;
} */