@charset "utf-8";
/* CSS Document */
:root {
  --rj-font:"Rubik", serif;
  --rj-primary:#004185;
  --rj-secondary:#07aa58;
  --rj-base:#2c1975;	
  --rj-black:#212529;
  --rj-white:#ffffff;
  --rj-text-body:#3F3F46;
  --rj-title:#123455;
  --rj-text-dark:#1d1e20;
  --rj-text-light:#d4dae3;
  --rj-bg-one:#9affff;
  --rj-bg-two:#ffec89;
  --rj-bg-dark:#0f0717;
  --rj-bg-light:#f4f5ff;
  --rj-bg-light-2:#ebebf6;
  --rj-bg-light-3:#f5f9f3;
  --rj-bg-light-4:#E6F5FF;
  --rj-bg-light-5:#dff7ff;
  --rj-border-dark:#212529;
  --rj-border-light:#eaeaea;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
	font-family:var(--rj-font);
	font-style: normal;
	font-size:15px; 
	font-weight: 500;
	line-height: 1.5; 
	color:var(--rj-text-body);
	padding: 0; margin: 0; overflow-x: hidden;
}
p {
	line-height: 24px;
	color:var(--rj-text-body);
	font-size: 15px;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--rj-font);
	margin: 0px;
	padding: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
a {
	color: var(--rj-primary);
	text-decoration:none;
}
a:hover { 
	color: var(--rj-secondary);
	text-decoration:none;
}
/*Global Settings*/
.section-padding {
	padding:30px 0px;
}
/* Background Color */
.bg-one {
	background-color:#F4F4F4;
}
.bg-two {
	background-color:var(--rj-bg-one);
}
.bg-three {
	background-color:var(--rj-bg-two);
}
.bg-four {
	background-color: var(--rj-bg-light);
}
.bg-five {
	background-color:var(--rj-bg-light-5);
}
/* Buttons */
.btn-style-1 {
 background-color:var(--rj-primary);
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  padding: 21px 32px;
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  position: relative;
  z-index: 0;
  border-radius: 10px;
}
.btn-style-1:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	background-color:var(--rj-secondary);
	border-radius: 10px;
	left: 50%;
	bottom: 50%;
	z-index: -1;
}
.btn-style-1:hover:before {
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
}
.btn-style-1:hover {
	color: #fff;
}
.btn-style-2 {
	background-color: #41c281;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	padding: 12px 25px 12px 25px;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	position: relative;
	z-index: 0;
}
.btn-style-2:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	background-color: #181617;
	left: 50%;
	bottom: 50%;
	z-index: -1;
}
.btn-style-2:hover:before {
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
}
.btn-style-2:hover {
	color: #fff;
}
/*Section Title*/
.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 130px; 
}
.section-title {
	margin-bottom:40px;
}
.section-title .subtitle {
	font-weight:500;
	text-transform: uppercase;
	color:var(--rj-primary);
	display: block;
}
.section-title .subtitle {
	padding-bottom: 15px;
	font-weight:500;
	text-transform: uppercase;
	color:var(--rj-primary);
	display: block;
}
.section-title span {
	color:#41c281;
}
.section-title .title {
  font-size: 50px;
  font-weight:500;
  color: var(--rj-title);
  line-height: 55px;
}
.section-title .txt {
  line-height: 24px;
  color: var(--rj-text-body);
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (max-width:991px) {
	.section-title{margin-bottom: 35px;}
	.section-title .title {font-size:30px;}
}
/*Image Animation*/
.image-anime{
	position: relative;
	overflow: hidden;
}

.image-anime:after{
	content: "";
	position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255,255,255,.3);
    transform: translate(-50%,-50%) rotate(-45deg);
    z-index: 1;
}

.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}
/*Header*/
/*-- Navbar Area --*/
#header-wrap { position: relative; z-index: 999;}
#header-wrap.fixed-header { 
	position: fixed !important; 
	top:0px;
	left:0;
	width:100%;
	z-index:999 !important;
	animation:smoothScroll 1s forwards;
	box-shadow:0 4px 10px rgba(0,0,0,.1); 
}
@media (max-width:991.98px) {
	#header-wrap.fixed-header {top:0px;}
}
/*--navigation--*/
.navbar { padding:14px 60px; }
.navbar { border-bottom-left-radius:0rem; border-bottom-right-radius:0rem; }
.navbar-nav .nav-item.dropdown .dropdown-menu { 
  background: var(--rj-white);
  padding:5px 5px 10px;
  border-radius: 10px;
  border: none;
  border-top: 2px solid var(--rj-primary);		
  box-shadow: 0 0 15px rgba(0,0,0,.15);
  min-width: 300px;
  top: 45px;
  left:-90px;
}
.navbar-brand { margin-right: 0; }
header .navbar-nav .nav-item { margin: 0 2px }
.navbar-nav .nav-link { 
	color:var(--rj-text-body);
	font-size: 16px;
	font-weight:400;
	padding: 0.5rem 1rem !important;
	/*border-radius: 1rem;*/
	text-transform: capitalize;
	position: relative;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover, .navbar-nav .show > .nav-link, .dropdown-item:focus, .dropdown-item:hover {
	color:var(--rj-primary);
}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus, .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{
	background: none;
	color: var(--rj-base);
	border-radius: 0;
}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
  padding:8px 10px 8px;
  font-size: 16px;
  font-weight:500;
  color: var(--rj-title);
}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .navicon {
  background-color: var(--rj-bg-light-3);
  border-radius:10px;	
  margin-right: 5px;
  padding:8px;	
  display:inline-block;
  align-items: center;
  justify-content: center;	
}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{background-color:var(--rj-bg-light-4); color:var(--rj-primary); border-radius:10px;}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item small {
  color:var(--rj-black);
  font-size: 14px;
  font-weight: 400;
}
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item .dropdown-sup{
  display: inline-block;
  color: var(--rj-primary);
  background: var(--rj-bg-one);
  vertical-align: middle;
  font-size: 11px;
  padding: 3px 6px;
  border-radius: 10px;
  font-weight: 700;
  margin-left: 2px;
  text-transform: uppercase;
}
/*.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item img {
  margin-right: 15px;
}*/
.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item svg {
	margin-right:0px;
	text-align: center;
	line-height: 30px;
	fill: var(--rj-primary);
	position: relative;
}
.navbar-nav .nav-item.dropdown .dropdown-menu li:last-child .dropdown-item { margin-bottom: 0; }
.nav-link.dropdown-toggle::after {
	content: "\f107";
	font-size: 16px;
	color: var(--rj-text-body);
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
	margin-left: 5px;
	border: none;
	display: inline-block;
	vertical-align: middle;
    transition: transform .4s ease-in-out;  /* Add transition for the transform */
}
/* When dropdown is shown, rotate the arrow up */
.nav-link.dropdown.show .nav-link.dropdown-toggle::after {
  transform: rotate(180deg);  /* Rotate the arrow to face up */
}

@media (max-width:991.98px) {
.navbar { padding:10px 20px; }
.rj-contact-info {display:none !important;visibility:hidden;}
.site-header .btn {
    font-size: 14px;
    font-weight: 500;
    display: block;
    border: none;
	background: var(--rj-primary);
    color: var(--rj-white);
    border-radius: 35px;
	width: 40px;
    height: 40px;
	line-height:25px;
}
/*Header*/
#header-wrap > .navbar-toggler { background: none; height: 40px; width: 40px; padding: 0; border-radius: 0; margin-right: 0; }
.navbar-toggler:focus {box-shadow: none; }
.site-header .navbar-nav .nav-item { margin: 0; margin-bottom: 5px;}
.site-header .navbar-nav .nav-item:last-child {margin-bottom: 0;}
.navbar-collapse { border-radius: 1rem; background: var(--rj-white); max-height: 400px; left: 0; padding: 10px; position: absolute; z-index: 99; top:64px; width: 100%; overflow: auto; border: medium none; -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .15); -moz-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .15); box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .15); }
.navbar-nav .dropdown-toggle::after { position: absolute; top: 50%; right: 15px; margin: -.6rem 0.8em 0 0; }
}
@media (min-width: 992px) {
/*.navbar {
  padding: 15px 60px;
}*/	
.navbar-nav .nav-link {
  padding-right:16px !important;
  padding-left:16px !important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover, .navbar-nav .show > .nav-link, .dropdown-item:focus, .dropdown-item:hover {
	color:var(--rj-primary);
}
}
/*.header-widget-group {display:none !important; visibility:hidden;}*/
@media (max-width: 768px) {
	.navbar-brand {max-width: 190px;}	
}
#header-wrap .btn-style-1 {
  padding:10px 8px;
  font-size:12px;
}
/*#header-wrap .btn-style-1 i {display:none;visibility:hidden;}	*/

#header-wrap .chat-btn{
  background-color:var(--rj-bg-one);
  border-radius: 10px;
  padding: 9px 26px;
  display: block;
  font-size: 16px;
  color:var(--rj-border-dark);
  border: 1px solid var(--rj-bg-one);
}
#header-wrap .chat-btn:hover, #header-wrap .chat-btn.login:hover {
  background-color: var(--rj-white);
  border-color:#cfdfea;
}
#header-wrap .chat-btn.login{
	margin-left:15px;
	background-color:var(--rj-bg-two);
	border-color:var(--rj-bg-two); 
}
.login-btn {}
/*RJ Support Section End Here*/
.header-widget-group {
 display:flex;
 align-items:center;
 justify-content:flex-end
}
.header-profile {
 position:relative
}
.header-user {
 padding:25px 0px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 color: var(--rj-base) !important;	
}
.header-user:hover span,
.header-user:hover i {
 color:var(--primary-light)
}
/*.header-user img {
 width:35px;
 height:35px;
 border-radius:50%
}*/
.header-user span {
 font-size:16px;
 margin-left:8px;
 font-weight:500;	
 color:var(--rj-text-body);
 white-space:nowrap;
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
 .header-user small {
  display: block;
	position: absolute;
	bottom:30px;
	left: 60px;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.1;
	color: var(--rj-bg-dark);
}
.header-user i {
 font-size:18px;
 margin-left:6px;
 color:var(--rj-primary);
 transition:all linear .3s;
 -webkit-transition:all linear .3s;
 -moz-transition:all linear .3s;
 -ms-transition:all linear .3s;
 -o-transition:all linear .3s
}
.header-user i.fa-phone {
	border-radius: 60px;
	font-size: 24px;
	color: var(--rj-base);
	transform: scaleX(-1);
	background: var(--rj-border-light);
	padding: 10px;
}
.header-widget {
 display:flex;
 align-items:center;
 justify-content:center;
 margin-left:30px
}
.header-widget button,
.header-widget a {
 position:relative;
 margin-left:30px;
 line-height:14px
}
.header-widget button:first-child,
.header-widget a:first-child {
 margin-left:0px
}
.header-widget button i,
.header-widget a i {
 font-size:28px;
 color:var(--white);
 display:inline-block
}
.header-widget button sup,
.header-widget a sup {
 position:absolute;
 top:60%;
 left:50%;
 font-size:15px;
 font-weight:500;
 color:var(--white);
 transform:translate(-50%, -50%)
}
/*Hero Banner Start Here*/
.hero-area {
	background-color:var(--rj-bg-light);
	padding:20px 0 60px 0;
	position:relative;
}
@media only screen and (min-width: 1601px) {
.hero-area {height: 100%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.hero-area {height: 800px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero-area {
    height: auto;
	padding: 80px 0 0;
}
}
@media (max-width: 991px) {
.hero-area {
    height: auto;
    padding:30px 0;
    overflow-x: hidden;
}
}
.title .promotional-discount {
  font-style: normal;
  color:var(--rj-primary);	
  font-weight:400;
  font-size:18px;
  margin-bottom:10px;
}
.title h1 {
  font-size:41px;
  line-height:45px;
  font-weight:500;
  color:var(--rj-title);
}
.title h1 span {color:var(--rj-secondary);}
@media (max-width: 767px) {
  .title h1 {
    font-size:32px;
    line-height:42px;
  }
 .title {padding: 0px 12px;}
}
@media (max-width: 400px) {
  .title h1 {
    font-size: 30px;
    line-height:36px;
  }
}
.title p {
  color: var(--rj-title);
  font-size: 16px;
  line-height:27px;
  margin:12px 0 0px 0;
  width: 80%;
  font-weight:400;
}
.title p strong {color:var(--rj-primary);font-weight:400;}
.title .money-back {
	font-size: 16px;	
}
.title .money-back i {
	color:var(--rj-primary);
	font-size: 18px
}
.hero-area .btn-style-1 {
  font-size: 18px;
  font-weight: 600;
}
.rj-hero-list {margin-bottom:14px}
.rj-hero-list li {
  padding:7px 0;
  color: var(--rj-text-body);
  font-size:16px;
  font-weight: 500;
}
.rj-hero-list li:before {
  font-family: "Font Awesome 6 Pro";
  content: '\f058';
  margin: 0 10px 0 3px;
  font-size: 16px;
  color:var(--rj-primary);
  vertical-align: middle;
  font-weight: 500;
}
.rj-hero-price {
  color: var(--rj-title);
  font-size:18px;
  font-weight: 400;	
}
.rj-hero-price span {
  font-size:24px;
  position: relative;
  vertical-align: super;
  top:-14px;
  font-weight:600;
  font-family: "Arial";	
  color: var(--rj-primary);	
}
.rj-hero-price strong {
  font-size:52px;
  font-weight:600;
  color: var(--rj-primary);	
}
.rj-hero-price small {
  font-weight: 400;
  font-size: 18px;
}
.rj-free {
  color:var(--rj-primary);
  font-size: 18px;
}
.rj-free small {color:var(--rj-title);font-weight:400;}

@media (max-width: 991px) {
  .title p {width: 100%;}
}
.hero-soft2 {position:relative;margin-right:-15%;float:right;}
.hero-webhosting {position:relative;margin-right:-15%;float:right;}
@media only screen and (min-width: 1200px) {
  .hero-soft2 {max-height:600px;max-width:640px;}
  .hero-webhosting {max-width:755px;max-height:592px;top: 58px;}
}

@media only screen and (min-width: 1200px) {
  .hero-soft2 img {max-height:600px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-soft2 {margin-right: 0;}
}
.hero-soft2 img {width: 100%;}
@media only screen and (min-width: 1200px) {
  .hero-soft2.app-screen {max-height: 700px;}
}
@media (max-width: 991px) {
.hero-soft2 {max-height: 500px;display:none;}
}
@media (max-width: 991px) {
.hero-soft2 {margin-right: 0;margin-top: 60px;}
}
@media (max-width: 768px) {.hero-webhosting{display:none;}}
/*Timer */
.countdown {
	background-color:#d9eeec;
    text-align: center;
    display: inline-flex; /* Use flexbox for better alignment */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    padding: 18px 45px;
    border-radius: 10px;
    font-size: 21px;
    font-weight: 600;
	
}
.countdown-number {
    color: #123455;
    display: inline-block;
    margin: 0 5px; /* Adjust margin for better spacing */
}
.countdown-time {
    display: inline-block;
}
@media (max-width: 768px) {
	.countdown{padding:18px 12px;font-size:18px;}
	.hero-area .btn-style-1 {padding:18px 21px;font-size:16px;}
}
/*Pricing Area Start Here*/
.pricing-section {
	position: relative;
}
.pricing-section .section-title .title{font-size:42px;}
@media (max-width: 768px) {
	.pricing-section .section-title .title {
  	font-size: 27px;
  	line-height: 36px;
	}
}
.pricing-section .hosting-plan-wrapper {
    background: var(--rj-white);
    box-shadow: 1px 1px 25px 0px rgba(0,0,0,0.06);
	transition: all 0.3s ease-in-out;
    border-radius:20px;
    padding:30px 18px 15px;
    border: 1px solid var(--rj-border-light);
}
.pricing-section .hosting-plan-wrapper.popular-rj {
    padding:30px 18px 15px;
    position: relative;
    border: 2px solid var(--rj-secondary);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);
}
.pricing-section .hosting-plan-wrapper .pricing-lable {
  position: absolute;
  display: block;
  top: -11px;
  right: 18px;
}
.pricing-section .hosting-plan-wrapper .lable-name {
  position: relative;
  background-color:var(--rj-secondary);
  color: #ffffff;
  font-size:16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  width: 40px;
  -webkit-transform: rotate(-90deg) translateX(-27%);
  transform: rotate(-90deg) translateX(-27%);
}
.pricing-section .hosting-plan-wrapper .lable-name i {
  -webkit-transform: rotate(90deg) translateX(-0%);
  transform: rotate(90deg) translateX(-0%);
}
.pricing-section .hosting-plan-wrapper .lable-name:after {
  content: "";
  border-top: 20px solid var(--rj-secondary);
  border-bottom: 20px solid var(--rj-secondary);
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  position: absolute;
  left: -11px;
  top: 0;
}
.pricing-section .hosting-plan-wrapper.popular-rj .best-selling {
  background: var(--rj-secondary);
  color: var(--rj-white);
  position: absolute;
  top:-18px;
  text-align: center;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  left:130px;
  text-transform: uppercase;
}
.pricing-section .hosting-plan-wrapper.popular-rj .best-selling.vps {left:75px;}
.pricing-section .hosting-plan-wrapper:hover {
	transform: scale(1.05);
}
.pricing-section .hosting-plan-wrapper .rj-title {
    font-size:36px;
    font-weight:500;
    color:var(--rj-primary);
    margin:0;
}
.pricing-section .hosting-plan-wrapper .rj-title.gw {font-size: 24px;}
.pricing-section .hosting-plan-wrapper .hosting-plan-price div {
  color: #262626 !important;
  font-family: var(--rj-title);
  font-size:40px;
  font-weight:600;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-price div span {
	font-size:20px;
	font-weight:300;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-price div sup {font-size:18px;font-weight:300;}
.pricing-section .hosting-plan-wrapper .hosting-plan-price div span.gw {font-size:16px;font-weight:400;}
.pricing-section .hosting-plan-wrapper .hosting-plan-price i {
  font-size: 24px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 500;
  vertical-align: super;
  font-family: var(--rj-font);
}
.pricing-section .hosting-plan-wrapper .hosting-plan-price i.gw {font-size: 21px;}
.pricing-section .hosting-plan-wrapper h5 {
    font-size: 16px;
    font-weight: 600;
    color: #475254;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pricing-section .regular-pricing {
  font-size: 13px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.pricing-section .regular-pricing .google-workspace-txt {
  margin:0 0 16px 0;
  font-weight: 400;
}
.pricing-section .regular-pricing .plansdiscounttxt {
  background-color: var(--rj-bg-two);
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 2px;
  color: var(--rj-black);
  border: 1px solid #f4dd64;
  font-weight: 700;
}
.pricing-section .plan-regular-pricing {
  font-size:16px;
  text-align: left;
  padding:10px 0 24px;
  color:var(--rj-black);
  font-weight: 600;	
  font-family: "Arial";
}
.pricing-section .plan-regular-pricing.gw {padding: 10px 0 5px;}
.pricing-section .plan-regular-pricing span {
  text-decoration: line-through;
  color: var(--rj-text-body);
  font-weight: 500;
  margin-right: 5px;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list {
    padding:5px 35px;
    position: relative;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.vps {padding:5px 10px;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.gw {padding:16px 5px;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.gw .highlighted{font-size:16px;line-height:28px;text-align:left;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.gw .gw-features{margin-top: 24px;display: flex;flex-direction: column;gap: 16px;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.gw .gw-features .gw-features-list {display: grid;grid-gap: 16px;grid-template-columns: 20px 1fr;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.gw .gw-features .gw-features-list .gw-feature-icon {width: 20px;height: auto;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.gw .gw-features .gw-features-list .gw-title {font-size:16px;line-height:24px;font-weight:600;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list.gw .gw-features .gw-features-list .gw-text {font-size: 14px;line-height: 22px;font-weight: 400;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom:15px;
    text-align-last: left;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li {
  margin:15px 0;
  color:var(--rj-black);
  font-weight: 400;	
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li strong {font-weight:500;}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li:before {
  font-family: "Font Awesome 6 Pro";
  content: '\f00c';
  margin: 0 10px 0 3px;
  font-size: 15px;
  color:var(--rj-secondary);
  font-weight: 400;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li.no-free::before {
  content: '\f00d';
  color: var(--bs-danger);
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li.plan-border {
  display: block;
  border-top:1px solid #e3e8ea;
  margin-top:22px;
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li.package-title {
  font-size: 16px;
  font-weight: 600;
  padding: 0 0 5px;
  color: var(--rj-primary);
}
.pricing-section .hosting-plan-wrapper .hosting-plan-list ul li i {
    font-size: 18px;
    margin-right: 10px;
    color:var(--rj-primary);
}
.pricing-section .hosting-plan-wrapper .btn {
  height: 50px;
  padding: 12px 90px;
  line-height: 24px;
  display: inline-block;
  font-family: var(--rj-font);
  background-color: var(--rj-primary);
  color:var(--rj-white);
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid var(--rj-primary);
}
.pricing-section .hosting-plan-wrapper .btn:hover {
    bottom: -10px;
	color: var(--rj-primary);
    background-color:var(--rj-white);
	border:2px solid var(--rj-primary);
}
.pricing-section .hosting-plan-wrapper .btn.popular-rj {background-color:var(--rj-secondary);color:var(--rj-white);border:1px solid var(--rj-secondary);}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.pricing-section .hosting-plan-wrapper {margin-bottom: 40px !important;}
	.pricing-section .hosting-plan-wrapper.popular-rj .best-selling {right:140px;}
}
@media only screen and (max-width: 767px) {
.pricing-section .hosting-plan-wrapper .hosting-plan-list {
  padding: 5px 25px;
}	
.pricing-section .hosting-plan-wrapper .btn {
    height: 40px;
    padding: 8px 25px;
  }
}
.rj-paln-tab {
  background-color:var(--bs-white);
  /*border: 1px solid var(--rj-border-light);*/
  box-shadow: 1px 1px 25px 0px rgba(0,0,0,0.06);	
  max-width: fit-content;
  cursor: pointer;
  margin:5px auto 45px;
  justify-content: space-between;
  border:1px solid #DDE1FD;
  user-select: none;
  border-radius:20px;
}
.pricing-section .nav-tabs {border-bottom:none;}
.pricing-section .nav-tabs .nav-link {
  font-weight: 500;
  font-size: 21px;
  margin: 10px;
  padding: 12px 35px;
  border:none;;
  border-radius:10px;	
}
.pricing-section .nav-tabs .nav-link i {
  background-color: var(--rj-primary);
  color:var(--rj-white);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 30px;
}
.pricing-section .nav-link{color:var(--rj-black);}
.pricing-section .nav-link:focus, .nav-link:hover{color:var(--rj-black);}
.pricing-section .nav-tabs .nav-link.active {background-color: var(--rj-bg-one);color: var(--rj-primary);}
@media (max-width: 575px) {
  .pricing-section .nav-tabs .nav-link {
	padding: 12px 16px;
	font-size: 14px;
  }
}
.pricing-section .product-box {
  padding: 50px 39px;
  background: #d9eeec;
  border-radius: 6px;
  position: relative;
  /*z-index: 1;*/
  overflow: hidden;
  box-shadow:1px 1px 25px 0px rgba(0,0,0,0.06);
  transition: all .3s ease-in;
  border:1px solid var(--rj-border-light);
}
.pricing-section .product-box.vps{
	background:#ebf0fc
}
.pricing-section .product-box.manage-vps{
	background:#eee8e3
}
.pricing-section .product-box.servers{
	background:#f8e9e0
}
.pricing-section .product-box .product-box-title {
  color: #343434;
  letter-spacing: 0;
  font-size: 21px;
  font-weight: 500;	
}
.pricing-section .product-box .product-box-title hr {
  width: 30%;
  border: 1px solid var(--rj-primary);
  padding: 0px;
  margin:5px 0 7px 0;
  opacity: 09;
}
.pricing-section .product-box .sub-heading {
  color: var(--rj-text-body);
  font-size: 16px;
  margin-bottom: 7px;
  opacity: 1;
  font-weight: 400;
}
.pricing-section .product-box .start-at {
  color: var(--rj-black);
  font-size: 16px;
  opacity: 1;
  font-weight: 500;
  margin-bottom:20px;	
}
.pricing-section .product-box .product-price-content {
  display: flex;
  padding-bottom: 12px;	
}
.pricing-section .product-box .product-price-content .currency {
 color: var(--rj-black);
  place-self: center;
  position: relative;
  top:-18px;
  font-size: 18px;
}
.pricing-section .product-box .product-price-content .product-price {
  color:var(--rj-black);
  font-size:27px;
  line-height: 5px;
  font-weight:500;	
}
.pricing-section .product-box .product-price-content .product-tenure {
  color:var(--rj-black);
  font-size:16px;
  position: relative;
  top:-7px;
}
.pricing-section .product-box .product-btn {
	background:var(--rj-black);
	border:2px solid var(--rj-black);
	text-transform: uppercase;
	color:var(--rj-white);
	padding:10px 45px;
	border-radius: 3px;
}
.pricing-section .product-box .product-btn:hover {
  color: var(--rj-primary);
  background: var(--rj-white);
  border:2px solid var(--rj-primary);	
}
.rj-modal input{
  border-radius:12px;
  background:transparent;
  height:52px;
}
/* Input padding to show icon */
.rj-modal input.is-valid,
.rj-modal input.is-invalid {
    padding-right: 2.5rem;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}
/* Green checkmark */
.rj-modal input.is-valid {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M31.535 72.231C39.849 59.45 70.43 26.55 95.79 9.457c1.077-.726 2.293.7 1.4 1.642-24.092 25.444-49.845 54.223-64.635 79.109-.412.693-1.406.717-1.837.035C23.276 78.455 16.893 61.51 3.211 56.316c-1.016-.386-.919-1.823.138-2.077 13.111-3.16 19.255 8.054 28.186 17.99z' fill='%23198754'/%3E%3C/svg%3E");
}

/* Red exclamation */
.rj-modal input.is-invalid {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' xml:space='preserve'%3E%3Cg fill='%23dc3545'%3E%3Cpath d='M58.519 58.599c-.56.54-1.45.53-2.01 0L30 33.96 3.491 58.599c-.56.53-1.45.54-2.01 0-.61-.56-.64-1.49-.09-2.1L25.9 30.14 2.361 8.27c-4.05-4.03 1.85-9.97 5.91-5.91L30 25.729 51.729 2.36c4.06-4.06 9.96 1.88 5.91 5.91L34.1 30.14l24.509 26.359c.55.61.52 1.54-.09 2.1'/%3E%3Cpath d='M10.788 14.494a1 1 0 0 1-.7-.286L3.207 7.461c-.618-.529-1.001-1.362-1.001-2.242 0-.39.073-.769.218-1.125a1 1 0 1 1 1.854.749 1.01 1.01 0 0 0 .283 1.145l6.929 6.791a1 1 0 0 1-.7 1.714z'/%3E%3C/g%3E%3C/svg%3E");
}

.rj-modal .modal-title {
  font-size:24px;
  font-weight:500;
  color: var(--rj-primary);
}
.rj-modal .btn-modal {
    position: relative;
    display: inline-block;
    background: var(--rj-primary);
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
    color: var(--rj-white);
    padding:16px 36px 16px 36px;
    overflow: hidden;
    border: none;
    transition: color 0.4s ease-in-out;
    z-index: 0; /* base stacking context */
}
/* hover background */
.rj-modal .btn-modal::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background:var(--rj-secondary);
	color: var(--rj-white);
    transition: width 0.4s ease-in-out;
    z-index: -1; /* below text & arrow */
}
.rj-modal .btn-modal:hover::after,
.rj-modal .btn-modal:focus-visible::after {width: 100%;left: 0;right: auto;}
/* Remove focus border / outline */
.rj-modal input:focus,
.rj-modal input:focus-visible {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}
.rj-modal .form-control:focus {
    outline: 0;
    box-shadow: none !important;
    border-color: var(--rj-primary);
}
/*RJ CTA Section Start Here*/
.rj-support {
	padding:30px 0;
	position:relative;
	background: var(--rj-bg-one);
}
.rj-support .rj-support-title {
  font-size:36px;
  font-weight:700;
  color: var(--rj-title);
  margin: 0;
}
.rj-support .support-methods {
  	display: flex;
  	gap:15px;
}
.rj-support .support-methods.email {
	border-right:0;
}
.rj-support .support-methods .icon {
  width:64px;
  height:64px;
  line-height:64px;
  text-align: center;
  margin-bottom: 12px;	
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  position: relative;	
}
.rj-support .support-methods .support-details {
	align-self: center;
}
.rj-support .support-methods .title {
  color: var(--rj-title);
  font-size:24px;
  font-weight: 600;
}
.rj-support p, .support-methods p {
	font-size:18px;
  	color:var(--rj-bg-dark);
}
.rj-support .support-methods p a {
	color:var(--rj-bg-dark);
}
.rj-support .support-methods p a:hover {color:var(--rj-primary)}
/* Tablet */
@media (max-width: 991px) {
  .rj-support {
    padding: 25px 0;
  }

  .rj-support .rj-support-title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
  }

  .rj-support .support-methods {
    justify-content: center;
  }

  .rj-support .support-methods .title {
    font-size: 20px;
  }

  .rj-support p,
  .support-methods p {
    font-size: 16px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .rj-support {
    padding: 20px 0;
    text-align: center;
  }

  .rj-support .rj-support-title {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .rj-support .support-methods {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
  }

  .rj-support .support-methods .icon {
    width: 56px;
    height: 56px;
  }

  .rj-support .support-methods .title {
    font-size: 18px;
  }

  .rj-support p,
  .support-methods p {
    font-size: 15px;
  }
}
/*RJ CTA Section End Here*/
/*100% Rebrandable Unlimited Reseller Start Here*/
.rj-rebrandable {
  padding: 60px 0;
  position: relative;
}
.rj-rebrandable .rj-rebrandable-inner {
  padding: 45px 30px;
  border-radius: 40px;
  background-color:var(--rj-bg-two);
}
.rj-rebrandable .rj-rebrandable-inner .section-title {margin-bottom:5px;}
.rj-rebrandable .rj-rebrandable-inner .section-title .subtitle {color: var(--rj-title);}
.rj-rebrandable .rj-rebrandable-inner .section-title .title {font-size: 36px;color: var(--rj-black);}
.rj-rebrandable .rj-rebrandable-inner .rebrandable-box {padding:16px 21px 0px 16px;}
.rj-rebrandable .rj-rebrandable-inner .rebrandable-box .title {
  font-size: 24px;
  color: var(--rj-primary);
  padding-bottom: 15px;}
/* Large Devices (Desktops ≤ 1199px) */
@media (max-width: 1199px) {
  .rj-rebrandable .rj-rebrandable-inner {
    padding: 40px 25px;
    border-radius: 30px;
  }
  .rj-rebrandable .rj-rebrandable-inner .section-title .title {
    font-size: 32px;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box .title {
    font-size: 22px;
  }
}

/* Medium Devices (Tablets ≤ 991px) */
@media (max-width: 991px) {
  .rj-rebrandable {
    padding: 50px 0;
  }
  .rj-rebrandable .rj-rebrandable-inner {
    padding: 35px 20px;
    border-radius: 25px;
  }
  .rj-rebrandable .rj-rebrandable-inner .section-title .title {
    font-size: 28px;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box {
    padding: 20px 15px;
    margin-bottom: 20px;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box .title {
    font-size: 20px;
    padding-bottom: 10px;
  }
}
/* Small Devices (Mobile ≤ 767px) */
@media (max-width: 767px) {
  .rj-rebrandable {
    padding: 40px 0;
  }
  .rj-rebrandable .rj-rebrandable-inner {
    padding: 25px 15px;
    border-radius: 20px;
  }
  .rj-rebrandable .rj-rebrandable-inner .section-title {
    margin-bottom: 20px;
  }
  .rj-rebrandable .rj-rebrandable-inner .section-title .title {
    font-size: 24px;
    line-height: 1.3;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box {
    padding: 15px 10px;
    margin-bottom: 25px;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box .title {
    font-size: 18px;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box p {
    font-size: 14px;
    line-height: 1.6;
  }
}
/* Extra Small Devices (≤ 480px) */
@media (max-width: 480px) {
  .rj-rebrandable .rj-rebrandable-inner {
    padding: 20px 12px;
    border-radius: 15px;
  }
  .rj-rebrandable .rj-rebrandable-inner .section-title .title {
    font-size: 20px;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box .title {
    font-size:18px;
  }
  .rj-rebrandable .rj-rebrandable-inner .rebrandable-box p {
    font-size:15px;
  }
}
/*100% Rebrandable Unlimited Reseller end Here*/
/*Our Services Css*/
.our-services{
	padding: 100px 0;
}
.our-service-content{
	position: sticky;
	top: 20px;
}
.our-service-list{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #F3F3F3;
	border-radius: 20px;
	overflow: hidden;
}
.service-item{
	position: relative;
	width: 50%;
	background: var(--rj-white);
	border: 1px solid #F3F3F3;
	padding: 40px;
	overflow: hidden;
}
.service-item:nth-child(odd){
	border-bottom: none;
}
.service-item:nth-child(even){
	border-left: none;
	border-bottom: none;
}
.service-item:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--rj-bg-one);
	z-index: 0;
	transition: all 0.4s ease-in-out;
}
.service-item:hover::before,
.service-item.active::before{
	top: auto;
    height: 100%;
}
.service-content-box{
	display: flex;
}
.service-item .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	background: var(--rj-primary);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	overflow: hidden;
}
.service-item .icon-box:before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--rj-primary);
    border-radius: 5px;
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
}
.service-item:hover .icon-box:before,
.service-item.active .icon-box::before{
	top: auto;
	height: 100%;
}
.service-item .icon-box img{
	position: relative;
	z-index: 1;
	max-width: 30px;
}
.service-item-content{
	position: relative;
    width: calc(100% - 70px);
    z-index: 1;
}
.service-item-content h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 15px;
	transition: all 0.4s ease-in-out;
}

.service-item-content p{
	margin-bottom: 30px;
	transition: all 0.4s ease-in-out;
}
.service-item:hover .service-item-content h3,
.service-item.active .service-item-content h3,
.service-item:hover .service-item-content p,
.service-item.active .service-item-content p{
	color:var(--rj-text-body);
}
.service-no{
	position: absolute;
	right: 40px;
	bottom: -40px;
	z-index: 1;
}
.service-no h2{
	font-size: 100px;
	letter-spacing: 0.03em;
	color: transparent;
    -webkit-text-stroke-width: 1px;
    stroke-width: 10px;
    -webkit-text-stroke-color:var(--rj-bg-light-2);
    stroke:var(--rj-bg-light-2);
	transition: all 0.4s ease-in-out;
}
.service-item:hover .service-no h2,
.service-item.active .service-no h2{
	-webkit-text-stroke-color: var(--rj-white);
    stroke: var(--rj-white);
}
@media only screen and (max-width: 991px){
 .our-services{padding: 50px 0;}
 .our-service-content{margin-bottom: 30px;}
 .service-item{padding: 30px;}
 .service-no{bottom: -30px;}
 .service-item .icon-box{width: 45px;height: 45px;margin-right: 15px;}
 .service-item .icon-box img{max-width: 26px;}
 .service-item-content{width: calc(100% - 60px);}
 .service-item-content h3{margin-bottom: 10px;}
 .service-item-content p{margin-bottom: 20px;}
 .service-no h2{font-size: 80px;}
 .service-footer{margin-top: 30px;}
}
@media only screen and (max-width: 767px){
 .service-item{width:100%;padding:20px;border-right:none;border-left:none;}
 .service-item-content h3{font-size: 18px;}
 .service-no{bottom: -25px;}
 .service-no h2{font-size: 60px;}
 .service-footer{text-align: center;}
 .service-footer p{font-size: 12px;}
}
/*Get Real-Time Support Section Start*/
.fact-counter{
	padding: 100px 0;
}
.fact-counter-image{
	position: relative;
	padding: 0 45px 55px 0;
}
.fact-counter-img figure{
	display: block;
	border-radius: 20px;
}
.fact-counter-img img{
	width: 100%;
	aspect-ratio: 1 / 0.945;
	object-fit: cover;
	border-radius: 20px;
}
.fact-counter-content{
	margin-left: 20px;
}
.fact-counter-content .section-title .title{font-size: 50px;}
.fact-counter-box-list{
	display: flex;
	gap: 30px;
	border-bottom: 1px solid #F3F3F3;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.fact-counter-box{
	width: calc(33.33% - 20px);
}
.fact-counter-box .icon-box{
	position: relative;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	display: flex;
	background-color:var(--rj-secondary);
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}

.fact-counter-box .icon-box::before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--rj-primary);
	border-radius: 5px;
	transform: scale(0);
    transition: all 0.4s ease-in-out;
}
.fact-counter-box:hover .icon-box::before{
	transform: scale(1);
}
.fact-counter-box .icon-box img{
	position: relative;
	max-width: 30px;
	z-index: 1;
}
.fact-counter-box-content h2{
	font-size:45px;
	color:var(--rj-primary);
	margin-bottom: 10px;
}
.fact-counter-box-content p{
	text-transform: capitalize;
	margin-bottom: 0;
}
.fact-counter-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
}
.fact-counter-list ul li{
	/*width: calc(50% - 15px);*/
	position: relative;
	color:var(--rj-text-body);
	text-transform: capitalize;
	font-weight: 400;
	padding-left: 30px;
}
.fact-counter-list ul li:before{
	content: '\f058';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    font-size: 20px;
    color:var(--rj-secondary);
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 50%;
    left: 0;
	transform: translateY(-50%);
}
/* Fact Counter Responsive Only  */
/* Large Devices (≤1199px) */
@media (max-width: 1199px) {
  .fact-counter {
    padding: 80px 0;
  }
  .fact-counter-content .section-title .title {
    font-size: 42px;
  }
  .fact-counter-box-content h2 {
    font-size: 38px;
  }
}
/* Medium Devices (≤991px) */
@media (max-width: 991px) {
  .fact-counter {
    padding: 70px 0;
  }
  .fact-counter-image {
    padding: 0 0 10px 0;
  }
  .fact-counter-content {
    margin-left: 0;
    margin-top: 20px;
  }
  .fact-counter-content .section-title .title {
    font-size: 36px;
  }
  .fact-counter-box-list {
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .fact-counter-box {
    width: calc(33.33% - 14px);
  }
  .fact-counter-box-content h2 {
    font-size: 32px;
  }
}
/* Small Devices (≤767px) */
@media (max-width: 767px) {
  .fact-counter {
    padding: 60px 0;
  }
  .fact-counter-img img {
    aspect-ratio: auto;
  }
  .fact-counter-content .section-title .title {
    font-size: 30px;
    line-height: 1.3;
  }
  .fact-counter-box-list {
    flex-wrap: wrap;
    gap: 25px;
  }
  .fact-counter-box {
    width: calc(50% - 13px);
  }
  .fact-counter-box-content h2 {
    font-size: 28px;
  }
  .fact-counter-list ul {
    flex-direction: column;
    gap: 15px;
  }
  .fact-counter-list ul li {
    width: 100%;
  }
}
/* Extra Small Devices (≤480px) */
@media (max-width: 480px) {
  .fact-counter {
    padding: 50px 0;
  }
  .fact-counter-content .section-title .title {
    font-size: 24px;
  }
  .fact-counter-box-list {
    gap: 20px;
	  flex-wrap: nowrap;
  }
  .fact-counter-box {
    width: 100%;
  }
  .fact-counter-box-content h2 {
    font-size: 24px;
  }
  .fact-counter-box .icon-box {
    width: 45px;
    height: 45px;
  }
  .fact-counter-box .icon-box img {
    max-width: 24px;
  }
}
/*Get Real-Time Support Section End*/
/*Unmatched Hosting Performance Section Start Here*/
.unmatched-features {
    position: relative;
    overflow: hidden;
    padding:80px 0;
}
.unmatched-features::after{
    content: "";
    background: url(../images/feature-dot-shape.png) no-repeat center;
    background-size: contain;
    width: 509px;
    height: 543px;
    position: absolute;
    right: 0;
    top: 0;
}
.unmatched-features .section-title {margin-bottom:20px}
.unmatched-features .section-title .title {
  font-size: 50px;
  line-height: 60px;
}
.unmatched-features .section-title .subtitle {
  padding-bottom: 0;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--rj-text-body);
  font-size: 18px;	
}
.unmatched-features .unmatched-features-list { margin-bottom: 14px;}
.unmatched-features .unmatched-features-list li {padding: 6px 0;color: var(--rj-text-body);font-size:15px;font-weight: 400;}
.unmatched-features .unmatched-features-list li:before {
	font-family: "Font Awesome 6 Pro";
    content: '\f058';
    margin: 0 10px 0 3px;
    font-size: 16px;
    color: var(--rj-secondary);
    vertical-align: middle;
    font-weight: 500;
}
@media only screen and (max-width: 575px) {
  .unmatched-features::after {
    width: 160px;
    height: 160px;
  }
  .unmatched-features .section-title .title {
  	font-size: 36px;
  	line-height: 50px;
  	text-align: center;
 }
 .unmatched-features .section-title .subtitle {text-align:center;}
}
/* Unmatched Features Responsive Updates */
/* Large Devices (≤1199px) */
@media (max-width: 1199px) {
  .unmatched-features {
    padding: 70px 0;
  }
  .unmatched-features .section-title .title {
    font-size: 42px;
    line-height: 54px;
  }
  .unmatched-features::after {
    width: 420px;
    height: 450px;
  }
}
/* Medium Devices (≤991px) */
@media (max-width: 991px) {
  .unmatched-features {
    padding: 60px 0;
  }
  .unmatched-features .section-title .title {
    font-size: 36px;
    line-height: 48px;
  }
  .unmatched-features .section-title .subtitle {
    font-size: 16px;
  }
  .unmatched-features::after {
    width: 300px;
    height: 320px;
    opacity: 0.4;
  }
  .feature-right-box {
    margin-top: 40px;
    text-align: center;
  }
}
/* Small Devices (≤767px) */
@media (max-width: 767px) {
  .unmatched-features {
    padding: 50px 0;
  }
  .unmatched-features .section-title .title {
    font-size: 32px;
    line-height: 44px;
    text-align: center;
  }
  .unmatched-features .section-title .subtitle {
    text-align: center;
  }
  .unmatched-features .unmatched-features-list {
    margin-bottom:0px;
  }
  .unmatched-features .unmatched-features-list li {
    font-size: 14px;
    padding: 5px 0;
  }
  .feature-right-box {
    margin-top: 30px;
  }
  .unmatched-features::after {
    display: none;
  }
}
/* Extra Small Devices (≤480px) */
@media (max-width: 480px) {
  .unmatched-features {
    padding: 40px 0;
  }
  .unmatched-features .section-title .title {
    font-size: 26px;
    line-height: 36px;
  }
  .unmatched-features .section-title .subtitle {
    font-size:14px;
  }

  .unmatched-features .unmatched-features-list li {
    font-size:14px;
  }
}
/*Unmatched Hosting Performance Section End Here*/
.rj-solution {
	padding:60px 0;
	position:relative;
}
.solution-box {
  text-align: center;
  padding:40px 55px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}
.solution-box .generic-btn{
    margin-top: auto;
}
.solution-box h3,
.solution-box p{
    color:var(--rj-black);
}
.solution-box figure{
    margin-bottom: 35px;
    transition: .3s ease-in-out;
}
.solution-box:hover figure{
    transform: translateY(6px);
}
.solution-box p{
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 25px;
}
.solution-box h3{
    margin-bottom: 18px;
}
.solution-box .generic-btn a{
    width: 241px;
	font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  height: 55px;
  border-radius: 35px;
  background: var(--rj-primary);
  color: var(--rj-white);
  padding: 17px 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease-in-out;
  cursor: pointer;
  border: 1px solid transparent;
}
.solution-box .generic-btn a:hover {
    transform: translateY(-4px);
    box-shadow: 0px 5px 30px 2px rgb(0 0 0 / 16%);
}
@media only screen and (max-width: 575px) {
	.solution-box {margin-bottom:15px;}
}
/*ResellerJungle Free Migration Section Start*/
.rj-migration {
	padding-top:45px;
	padding-bottom:30px;
}
.rj-migration .rj-migration-inner {
	background-color: var(--rj-bg-one);
	padding:40px;
	border-radius:40px;
}
.rj-migration .rj-migration-inner.os{background-color:#f5f7f8;}
.rj-migration .rj-migration-inner.os .features-images, .rj-blazing-fast .rj-blazing-fast-inner.contorl-panel .features-images{height:auto;}
.rj-migration .rj-migration-inner .content-box {
	 margin-left:60px;
}
.rj-migration .rj-migration-inner .content-box .rj-title {
	font-size:32px;
	color:var(--rj-title);
	margin-bottom:18px;
}
.rj-migration .rj-migration-inner .content-box p{
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 25px;
}
.rj-migration .rj-migration-inner .content-box .generic-btn a{
    width: 241px;
	font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  height: 55px;
  border-radius: 35px;
  background: var(--rj-primary);
  color: var(--rj-white);
  padding: 17px 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease-in-out;
  cursor: pointer;
  border: 1px solid transparent;
}
.rj-migration .rj-migration-inner .content-box .generic-btn a:hover {
    transform: translateY(-4px);
    box-shadow: 0px 5px 30px 2px rgb(0 0 0 / 16%);
}
.features-images {
  position:relative;
  height:330px;
}
@media (max-width: 767px) {
  .features-images {
    height:230px;
    margin-top: 30px;
  }
}
/* Tablet */
@media (max-width: 991px) {
  .rj-migration {
    padding-top: 35px;
    padding-bottom: 25px;
  }
  .rj-migration .rj-migration-inner {
    padding: 30px;
    border-radius: 30px;
  }
  .rj-migration .rj-migration-inner .content-box {
    margin-left: 0;
    margin-top: 30px;
  }
  .rj-migration .rj-migration-inner .content-box .rj-title {
    font-size: 26px;
  }
}
/* Mobile */
@media (max-width: 767px) {
  .rj-migration {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .rj-migration .rj-migration-inner {
    padding: 20px;
    border-radius: 20px;
  }
  .rj-migration .rj-migration-inner .content-box {
    margin-left: 0;
    margin-top: 25px;
    text-align: center;
  }
  .rj-migration .rj-migration-inner .content-box .rj-title {
    font-size: 22px;
    line-height: 30px;
  }
  .rj-migration .rj-migration-inner .content-box p {
    font-size: 15px;
    line-height: 24px;
  }
  .rj-migration .rj-migration-inner .content-box .generic-btn a {
    width: 100%;
    max-width: 260px;
  }
  .features-images {
    height: 200px;
    margin-top: 20px;
    text-align: center;
  }
}
/*ResellerJungle Free Migration Section End*/
/*ResellerJungle Blazing-Fast Hosting Section Start*/
.rj-blazing-fast {
	padding-bottom:45px;
}
.rj-blazing-fast .rj-blazing-fast-inner {
	background-color:var(--rj-bg-two);
	padding:40px;
	border-radius:40px;
}
.rj-blazing-fast .rj-blazing-fast-inner.contorl-panel{background-color:#eff7f5;}
.rj-blazing-fast .rj-blazing-fast-inner .content-box {
	 margin-right:60px;
}
.rj-blazing-fast .rj-blazing-fast-inner .content-box .rj-title {
	font-size:32px;
	color:var(--rj-title);
	margin-bottom:18px;
}
.rj-blazing-fast .rj-migration-inner .content-box p{
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 25px;
}
.rj-blazing-fast .rj-blazing-fast-inner .content-box .generic-btn a{
    width: 241px;
	font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  height: 55px;
  border-radius: 35px;
  background: var(--rj-primary);
  color: var(--rj-white);
  padding: 17px 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease-in-out;
  cursor: pointer;
  border: 1px solid transparent;
}
.rj-blazing-fast .rj-blazing-fast-inner .content-box .generic-btn a:hover {
    transform: translateY(-4px);
    box-shadow: 0px 5px 30px 2px rgb(0 0 0 / 16%);
}
/* Tablet */
@media (max-width: 991px) {
  .rj-blazing-fast {
    padding-bottom: 35px;
  }
  .rj-blazing-fast .rj-blazing-fast-inner {
    padding: 30px;
    border-radius: 30px;
  }
  .rj-blazing-fast .rj-blazing-fast-inner .content-box {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .rj-blazing-fast .rj-blazing-fast-inner .content-box .rj-title {
    font-size: 26px;
  }
}
/* Mobile */
@media (max-width: 767px) {
  .rj-blazing-fast {
    padding-bottom: 25px;
  }
  .rj-blazing-fast .rj-blazing-fast-inner {
    padding: 20px;
    border-radius: 20px;
  }
  .rj-blazing-fast .rj-blazing-fast-inner .content-box {
    margin-right: 0;
    margin-bottom: 25px;
    text-align: center;
  }
  .rj-blazing-fast .rj-blazing-fast-inner .content-box .rj-title {
    font-size: 22px;
    line-height: 30px;
  }
  .rj-blazing-fast .rj-blazing-fast-inner .content-box p {
    font-size: 14px;
    line-height: 24px;
  }
  .rj-blazing-fast .rj-blazing-fast-inner .content-box .generic-btn a {
    width: 100%;
    max-width: 260px;
  }

  .rj-blazing-fast .features-images {
    height: 200px;
    margin-top: 20px;
    text-align: center;
  }
}
/*ResellerJungle Blazing-Fast Hosting Section End*/

.vps-management-area {
	position: relative;
	padding:60px 0;
}
.vps-management-area .table {font-weight:400}
.vps-management-area .table .rj-check{color:#41c281;font-size:24px;}
.vps-management-area .table .rj-xmark{color:#ff5c4b;font-size:24px;}
.vps-management-area .table-light tr {border-color:#dee2e6;}
.vps-management-area .table tr td:nth-child(3){border-bottom:1px solid #dee2e6 !important;}
.vps-management-area .table tr td:nth-child(3),
.vps-management-area .table tr th:nth-child(3) {
    border:1px solid var(--rj-secondary);
	border-left: 1px solid var(--rj-secondary);
}
.vps-management-area .table tr td:nth-child(2),
.vps-management-area .table tr th:nth-child(2) {
	border-right:1px solid var(--rj-secondary);
}
.vps-management-area .table tr td.rj-table-last{
	border-bottom:1px solid var(--rj-secondary) !important;
}
.rj-table-title {color:var(--rj-primary);font-size:24px;}
/*ResellerJungle Guarantee Section Start*/
.rj-guarantee {
  padding: 60px 0;
  position: relative;
}
.rj-guarantee .section-title .title {font-size:45px}
.rj-guarantee .guarantee-box {
    border-top: 2px solid var(--rj-primary);
	background-color:var(--rj-white);
    border-radius: 10px;
    text-align: center;
    padding: 40px 44px;
    transition: .3s ease-in-out;
    box-shadow: 1px 1px 61px 2px rgb(0 0 0 / 3%);
}
.rj-guarantee .guarantee-box .guarantee-title {
	color:var(--rj-primary);
	font-size:24px;
}
.rj-guarantee .guarantee-box:hover {
    box-shadow: 0px 5px 30px 2px rgb(0 0 0 / 5%);
    transform: translateY(-8px);
}
.rj-guarantee .guarantee-box p:last-child{
    margin-bottom: 0;
}
/*ResellerJungle Guarantee Section End*/
/*ResellerJungle Guarantee Section Start*/
.rj-guarantee {
  padding: 60px 0;
  position: relative;
}
.guarantee-block {
  border-radius: 20px;
  padding:24px;
  box-shadow: 0 3px 25px rgb(0 0 0 / 2%);
  background-color: var(--rj-white);	
  border: 1px solid #f2f2f2;
}
.guarantee-block.contact{background-color: var(--rj-bg-light);}
.guarantee-block__icon {
  display: inline-block;
  width:60px;
  height:60px;
  line-height:60px;
  text-align: center;
}
.guarantee-block__title {
  color: var(--rj-primary);
  font-size: 24px;
  font-weight: 600;
}
.guarantee-block__text {font-size:15px;}
.guarantee-block__text strong {font-weight:500;color: var(--rj-primary);}
.custom__btn .btn-style-1 {font-weight:600;}
/* Tablet */
@media (max-width: 991px) {
  .rj-guarantee {
    padding: 45px 0;
  }
  .rj-guarantee .section-title .title {
    font-size: 26px;
  }
  .guarantee {
    margin-bottom: 35px;
  }
  .guarantee-block {
    padding: 20px;
  }
  .guarantee-block__title {
    font-size: 20px;
  }
  .guarantee-block__text {
    font-size:15px;
  }
}
/* Mobile */
@media (max-width: 767px) {
  .rj-guarantee {
    padding: 35px 0;
  }
  .rj-guarantee .section-title{margin-bottom: 20px;}	
  .rj-guarantee .section-title .title {
    font-size: 22px;
    text-align: center;
  }
  .guarantee {
    text-align: center;
    margin-bottom: 30px;
  }
  .guarantee__text {
    font-size:15px;
  }
  .custom__btn {
    text-align: center;
  }
  .guarantee-block {
    padding: 18px;
    text-align: center;
  }
  .guarantee-block__icon {
    margin: 0 auto;
  }
  .guarantee-block__title {
    font-size: 18px;
  }
  .guarantee-block__text {
    font-size:15px;
  }
}
/*ResellerJungle Guarantee Section End*/
/*Web Hosting Solutions for Every Business Start*/
.rj-hosting-section {
	padding:60px 0 0;
	position:relative;
}
.rj-hosting-section .title {
  text-align: center;
  font-size: 36px;
  line-height: 41px;
}
 .rj-hosting-section .hosting-box {
  position:relative;
  padding: 40px 20px 36px 28px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  transition: all 0.8s ease-in-out;
  min-height:360px;	 
  margin-bottom: 30px;
}
 .rj-hosting-section .rj-popular {
  position: absolute;
  right: 66px;
  display: inline-block;
  width: unset;
  background:#41c281;
  font-size: 14px;
  border-radius: 50px;
  color:var(--rj-white);
  font-weight: 500;
  top: -18px;
  padding: 8px 19px;
}
.rj-hosting-section .hosting-box .icon {
    width: 90px;
    margin-bottom: 18px;
    transition: all 0.8s ease-in-out;
}
.rj-hosting-section .hosting-box h4 {
	color: var(--rj-title);
    margin-bottom: 14px;
}
.rj-hosting-section .hosting-box p {
    margin-bottom: 20px;
    font-family: "Inter", sans-serif;
}
.rj-hosting-section .hosting-box a {
	font-weight:400;
}
.rj-hosting-section .hosting-box a strong {
	font-size:22px;
	font-weight:500;
}
.rj-hosting-section .hosting-box i {
    font-size: 16px;
    color: var(--e-global-color-secondary);
    transition: all 0.8s ease-in-out;
}
.rj-hosting-section .hosting-box:hover .icon {
    transform: translateY(-5px);
}
.rj-hosting-section .hosting-box i:hover {
    color: var(--e-global-color-bright-violet);
}
.rj-hosting-section .hosting-box.box1 {
    background: var(--rj-bg-one);
}
.rj-hosting-section .hosting-box.box2 {
    background-color:var(--rj-bg-light);
}
/*Web Hosting Solutions for Every Business End*/
/*Domain Reseller Section Start Here*/
.domain-reseller-hero {
	padding:60px 0;
	background-color: var(--rj-bg-light);
} 
.domain-reseller-hero .section-title {
  margin-bottom:20px;
}
.domain-reseller-warp {
	padding-bottom: 15px;
  	overflow: hidden;
}
.domain-reseller-warp .reseller-form {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.domain-reseller-warp .reseller-form .form-control {
  padding:0px 25px 0px 25px;
  height:60px;
  font-size: 16px;
  color:var(--rj-text-body);
  border-radius:10px;
  position: relative;
  border: 1px solid #e8eaf1;
  margin-bottom:15px;	
}
.domain-reseller-warp .reseller-form .form-control.captcha {margin-bottom:0px;}
.domain-reseller-warp .reseller-form .captcha-refresh {
  cursor: pointer;
  background-color: var(--rj-primary);
  color: var(--rj-white);
  border: none;
  margin-left: 10px;
  border-radius: 10px;
  height:57px;
  width:110px;
  font-size:18px;      
}
.domain-reseller-warp .reseller-form .btn {
  background: var(--rj-black);
  border: 2px solid var(--rj-black);
  padding: 12px 30px;
  border-radius: 10px;
}
.domain-reseller-warp .reseller-form .form-control:focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Large Tablets (≤ 992px) */
@media (max-width: 992px) {
  .domain-reseller-hero {
    padding: 50px 0;
    text-align: center;
  }

  .domain-reseller-hero .section-title {
    margin-bottom: 15px;
  }

  .hero-webhosting1 {
    margin-top: 30px;
    text-align: center;
  }
}

/* Tablets (≤ 768px) */
@media (max-width: 768px) {
  .domain-reseller-hero {
    padding: 40px 0;
  }

  .domain-reseller-warp .reseller-form .form-control {
    height: 55px;
    font-size: 15px;
  }

  .domain-reseller-warp .reseller-form .captcha-refresh {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    height: 55px;
  }

  .domain-reseller-warp .reseller-form .btn {
    width: 100%;
    padding: 12px 20px;
  }
}

/* Mobile (≤ 576px) */
@media (max-width: 576px) {
  .domain-reseller-hero {
    padding: 30px 0;
  }

  .domain-reseller-warp {
    padding-bottom: 0;
  }

  .domain-reseller-warp .reseller-form .form-control {
    height: 50px;
    font-size: 14px;
    padding: 0 15px;
  }

  .domain-reseller-warp .reseller-form .captcha-refresh {
    height: 50px;
    font-size: 16px;
  }

  .domain-reseller-warp .reseller-form .btn {
    font-size: 15px;
  }

  #captcha-image {
    width: 100%;
    height: auto;
  }
}
/*Domain Reseller Section End Here*/
/***********************
* Buy Domain
***********************/
.buy-domain {
  position: relative;
  display: block;
  padding: 109px 0 90px;
}
.buy-domain__single {
  position: relative;
  display: block;
  background:var(--rj-bg-light);
  border-radius: 20px;
  padding: 30px 30px 30px;
  margin-bottom: 30px;
}

.buy-domain__tag {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background:var(--rj-primary);
  border-radius: 0px 20px 0px 15px;
  max-width: 140px;
  width: 100%;
  top: 0;
  right: 0;
  color: var(--rj-white);
}

.buy-domain__tag-icon {
  position: relative;
  display: block;
  top: -2px;
}

.buy-domain__tag-icon img {
  width: auto;
}

.buy-domain__tag-text {
  font-size: 11px;
  margin: 0;
  line-height: 11px;
  color: var(--hostup-white);
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 5px;
}

.buy-domain__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: #FF8383;
  margin: 0;
  margin-bottom: 8px;
}

.buy-domain__text {
  letter-spacing: -0.015em;
  line-height: 26px;
  margin: 0;
  margin-bottom: 30px;
}

.buy-domain__price-box {
  font-weight: 600;
  font-size: 36px;
  line-height: 60px;
  color: var(--rj-text-dark);
  margin: 0;
}

.buy-domain__price-point {
  font-size: 20px;
  position: relative;
  left:0px;
}

.buy-domain__price-validity {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  left:-6px;
}

.buy-domain__save {
  color: #2959EB;
  font-size: 16px;
  line-height: 16px;
  margin: 0;
  font-weight: 400;
  position: relative;
  display: block;
  margin-top: -4px;
  margin-bottom: 32px;
}

.buy-domain__btn {
  width: 100%;
  color: var(--hostup-white);
  text-align: center;
  justify-content: center;
}

.buy-domain__btn::before {
  background-color: var(--hostup-secondary);
}

.buy-domain__title--online {
  color: #F7C64B;
}

.buy-domain__title--store {
  color: #93DB7A;
}

.buy-domain__title--info {
  color: #63EAD2;
}

.buy-domain__title--co {
  color: #59AFFF;
}

.buy-domain__title--org {
  color: #FF9FE4;
}

.buy-domain__title--net {
  color: #B28DFF;
}

.buy-domain__title--live {
  color: #FFB571;
}

.buy-domain__title--tech {
  color: #86A8FF;
}

.buy-domain__title--social {
  color: #F0E940;
}

.buy-domain__title--shop {
  color: #E09FFF;
}

.buy-domain__title--site {
  color: #87FFB7;
}
/*Hero Banner Inner pages Start Here*/
.resellerjungle-hero {
	padding-top:30px;
	position:relative;
}
.resellerjungle-hero .section-title {
  margin-bottom: 10px;
}
.resellerjungle-hero .section-title .subtitle {
  font-size:18px;
  font-weight: 500;
  padding-bottom:10px;	
  text-transform: inherit;
}
.resellerjungle-hero .section-title .title {
  font-size:48px;
  font-weight: 500;
  line-height:60px;
  padding-bottom:10px;	
}
.resellerjungle-hero .section-title .title.contact {font-size:42px;}
.resellerjungle-hero .section-title .title.win-vps {font-size:36px;line-height:45px;}
.resellerjungle-hero .section-title .txt {
	font-size:18px;
	font-weight:500;
}
.resellerjungle-hero .section-title .txt.contact {font-size:16px;font-weight:400;}
.resellerjungle-hero ul {margin-bottom:10px}
.resellerjungle-hero ul li {
	padding:5px 0;
	font-weight:400;
	font-size: 16px;
}
.resellerjungle-hero ul li::before {
  font-family: "Font Awesome 6 Pro";
  content: '\f00c';
  margin: 0 10px 0 0px;
  font-size: 16px;
  color: var(--rj-secondary);
  vertical-align: middle;
  font-weight: 700;
}
.resellerjungle-hero ul li span {transition: all .3s ease;border-bottom:1px dashed; cursor: pointer;}
.custom-tooltip {
    --bs-tooltip-bg: var(--rj-bg-one);  /* Custom tooltip background */
    --bs-tooltip-color: black;  /* Custom tooltip text color */
    --bs-tooltip-border-radius: 5px;  /* Rounded corners */
    opacity:1 !important; /* Adjust opacity */
}
.resellerjungle-hero .hero-main-img {
  position: relative;
}
.resellerjungle-hero .hero-main-img.wp {top:50px;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.resellerjungle-hero .hero-main-img {
    height: 500px;
  }
}
@media (max-width: 991px) {
  .resellerjungle-hero .hero-main-img {
    height: auto;
    text-align: center;
  }
  .resellerjungle-hero .hero-main-img img {
    width: 80%;
  }
}
@media (max-width: 768px) {
	
}
.rj-tag-txt {
	padding-top:20px;
	font-size:14px;
}

/*.hero-images{
    position: relative;
    padding: 0 42px 0 80px;
    margin-left: 54px;
    z-index: 1;
}
.hero-image,
.hero-image figure{
    display: block;
	overflow: hidden;
}
.hero-image figure:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--secondary-color);
    opacity: 20%;
	border-radius: 999px;
    z-index: 0;
}
.hero-image img{
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}*/
/*Hero Banner Inner pages End Here*/
/*What is Shared Hosting? Section Start Here*/
.shared-feature-area {
  position: relative;
  display: block;
  padding:60px 0;
}
.shared-feature-area .shared-feature-area-left {
  position: relative;
  display: block;
  margin-top: 10px;
}
.shared-feature-area .shared-feature-area-left .section-title {
  margin-bottom: 20px;
}
.shared-feature-area .shared-feature-area-left .section-title .title {
  font-size: 36px;
  line-height:50px;
}
.shared-feature-area .shared-feature-area-left p {
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}
.shared-feature-area .shared-feature-area-left ul li {
  padding:5px 0;	
  font-size: 15px;
  font-weight: 400;
}
.shared-feature-area .shared-feature-area-right {
  position: relative;
  display: block;
  margin-left: 74px;
}
.shared-feature-area .shared-feature-area-right.left-side {margin-right: 87px;}

.shared-feature-area .shared-feature-area-right img {
	max-width:540px;
}
/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shared-feature-area .shared-feature-area-left {
	max-width:500px;
    margin-left: auto;
    margin-right: auto;
}
.shared-feature-area .shared-feature-area-right {
	max-width: 685px;
    margin: 50px auto 0;
}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shared-feature-area .shared-feature-area-left {
  max-width:500px;
  margin-left: auto;
  margin-right: auto;
}
.shared-feature-area .shared-feature-area-right {
	max-width: 685px;
    margin: 50px auto 0;
}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.shared-feature-area {padding:20px 0;}	
.shared-feature-area {text-align: center;}	
.shared-feature-area .shared-feature-area-right {margin-left: 0;margin-top: 50px;}
.shared-feature-area .shared-feature-area-right img {max-width: 260px !important;height: auto !important;}
.shared-feature-area .shared-feature-area-right.left-side {margin-right:0px;}
}
/*What is Shared Hosting? Section End Here*/
/*RJ Hosting Advanced Features Start Here*/
.rj-hosting-advanced {
  position: relative;
  display: block;
  padding:60px 0;
}
.rj-hosting-advanced .rj-hosting-advanced-left {
  position: relative;
  display: block;
  margin-top: 10px;
}
.rj-hosting-advanced .rj-hosting-advanced-left .section-title {
	margin-bottom: 20px;
}
.rj-hosting-advanced .rj-hosting-advanced-left .section-title .title {
  font-size: 36px;
  line-height:50px;
}
.rj-hosting-advanced .rj-hosting-advanced-left p {
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}
.rj-hosting-advanced .rj-hosting-advanced-left ul li {
  padding:5px 0;	
  font-size: 15px;
  font-weight: 400;
}
.rj-hosting-advanced .rj-hosting-advanced-right {
  position: relative;
  display: block;
  margin-left: 74px;
}
.rj-hosting-advanced .rj-hosting-advanced-right.left-side {margin-right: 87px;}

.rj-hosting-advanced .rj-hosting-advanced-right img {
	max-width:540px;
}
/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.rj-hosting-advanced .rj-hosting-advanced-left {
	max-width:500px;
    margin-left: auto;
    margin-right: auto;
}
.rj-hosting-advanced .rj-hosting-advanced-right {
	max-width: 685px;
    margin: 50px auto 0;
}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.rj-hosting-advanced .rj-hosting-advanced-left {
  max-width:500px;
  margin-left: auto;
  margin-right: auto;
}
.rj-hosting-advanced .rj-hosting-advanced-right {
	max-width: 685px;
    margin: 50px auto 0;
}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.rj-hosting-advanced {padding:20px 0;}	
.rj-hosting-advanced {text-align: center;}	
.rj-hosting-advanced .rj-hosting-advanced-right {margin-left: 0;margin-top: 50px;}
.rj-hosting-advanced .rj-hosting-advanced-right img {max-width: 260px !important;height: auto !important;}
.rj-hosting-advanced .rj-hosting-advanced-right.left-side {margin-right:0px;}
}
/*RJ Hosting Advanced Features End Here*/
/*VPS features comes here*/
.vps-features-section {padding: 50px 0;}
.feature-card {border-radius: 25px;padding: 30px;height: 100%;}
.feature-card .card-title {color:var(--rj-title);font-size:24px;font-weight:600;}
.card-paleblue {background-color:#f4f1ef;}
.card-aquablue {background-color:#dceeef;}
.card-lightpurple {background-color:#e5f1ff;}
/*VPS features End here*/
/*FAQ Code comes here*/
.our-faqs{
	padding: 100px 0;
}
.our-faqs .section-title .subtitle {text-align:center;}
.our-faqs .section-title .title {text-align:center;font-size:36px;line-height:41px;}
.our-faqs-image{
	position: relative;
	padding-right: 70px;
}
.our-faqs-img figure{
	display: block;
	border-radius: 20px;
}
.our-faqs-img img{
	width: 100%;
	aspect-ratio: 1 / 1.065;
	object-fit: cover;
	border-radius: 20px;
}
.faq-tab {
	position:relative;
}
.faq-tab .nav-tabs {
    border-bottom:none;
	margin-bottom: 35px;
}

.faq-tab .nav-tabs .nav-item {
    margin-bottom: -1px;
}

.faq-tab .nav-tabs .nav-link {
    background:var(--rj-bg-light);
    border:none;
    border-radius:10px;
    color:var(--rj-title);
    font-weight: 600;
    padding: 12px 20px;
    transition: all 0.3s ease;
	text-transform:capitalize;
	margin-right: 15px;
	font-size: 18px;
}

.faq-tab .nav-tabs .nav-link:hover {
    border:none;
    background:var(--rj-bg-one);
}

.faq-tab .nav-tabs .nav-link.active {
    background:var(--rj-bg-one);
    color:var(--rj-title);
}

.faq-accordion .accordion-item{
    border: 1px solid #F3F3F3;
	border-radius: 10px;
	margin-bottom: 30px;
    padding: 0;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.faq-accordion .accordion-item:last-child{
	margin-bottom: 0;
}

.faq-accordion .accordion-header .accordion-button{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em;
	padding: 16px 45px 16px 20px;
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed){
  background-color: var(--rj-white);
  color: var(--rj-primary);
  border-bottom: 1px solid #FFFFFF1A;
}

.faq-accordion .accordion-header .accordion-button.collapsed{
	background-color:var(--rj-white);
	color:var(--rj-primary);
}

.faq-accordion .accordion-item .accordion-button::after,
.faq-accordion .accordion-item .accordion-button.collapsed::after{
	content: '\f068';
	font-family: "Font Awesome 6 Pro";
	font-size: 20px;
	font-weight: 900;
	color:var(--rj-primary);
	position: absolute;
	right: 16px;
	top: 50%;
	bottom: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	transform: translate(0px, -10px);
	transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-item .accordion-button.collapsed::after{
	content: '\f067';
	color: var(--rj-primary);
}

.faq-accordion .accordion-item .accordion-body {
	background-color:var(--rj-white);
	padding: 16px 45px 16px 20px;
}

.faq-accordion .accordion-item .accordion-body p{
    color:var(--rj-text-body);
	margin: 0;
}
.faq-accordion .accordion-item .accordion-body ul li {
	padding-bottom:7px;
	color: var(--rj-text-body);
	font-size: 15px;
    font-weight: 400;
}
.faq-accordion .accordion-item .accordion-body ul li strong {color:var(--rj-primary);font-weight:500;opacity:100%;}
/* Tablet */
@media (max-width: 991px) {
  .our-faqs {
    padding: 70px 0;
  }

  .our-faqs .section-title .title {
    font-size: 30px;
    line-height: 36px;
  }

  .our-faqs-image {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .faq-tab .nav-tabs {
    margin-bottom: 25px;
  }

  .faq-tab .nav-tabs .nav-link {
    font-size: 16px;
    padding: 10px 16px;
  }

  .faq-accordion .accordion-header .accordion-button {
    font-size: 18px;
    padding: 14px 40px 14px 18px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .our-faqs {
    padding: 50px 0;
  }

  .our-faqs .section-title .title {
    font-size: 24px;
    line-height: 30px;
  }

  .our-faqs .section-title .subtitle {
    font-size: 14px;
  }

  .our-faqs-image {
    margin-bottom: 30px;
  }

  .faq-tab .nav-tabs {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
  }

  .faq-tab .nav-tabs .nav-link {
    font-size: 14px;
    padding: 8px 14px;
    margin-right: 0;
  }

  .faq-accordion .accordion-header .accordion-button {
    font-size: 16px;
    padding: 12px 38px 12px 16px;
  }

  .faq-accordion .accordion-item .accordion-body {
    padding: 14px 20px;
  }

  .faq-accordion .accordion-item .accordion-body p,
  .faq-accordion .accordion-item .accordion-body ul li {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
	.section-btn {display:none;}
	.our-faqs-image {padding-right:0;}
	.faq-tab .nav-tabs .nav-link {padding:9px 9px;font-size:14px;margin-right:4px;}
}
/*FAQ Code end Here*/
/*Content Start*/
.rj-content {
	position: relative;
}
.rj-content h1 {color: var(--rj-primary);font-size:42px;font-weight:600;padding-bottom:16px;}
.rj-content h3 {color: var(--rj-secondary);font-size:21px;font-weight:600;padding-bottom:5px;}
.rj-content p, .rj-content ul li {
	color:#262626 !important;
}
 .rj-content ul li {
     font-size: 14px;
    padding: 4px 0;
}
.rj-content p i {
	font-size:14px;
}
.rj-content p strong {
	color: #ed1216;
}
.rj-content a {
	color:#ed1216;
	text-decoration:underline;
}
.rj-content a:hover {
	color:#ed1216;
}


/*Contact Us Page css*/
.page-contact-us{
    padding: 100px 0;
	background-color:#fbf8f2
}
.contact-us-box {
    background:var(--rj-white) url('../images/contact-bg.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px 60px;
    padding:100px 80px;
}
.contact-us-box .section-title .title {font-size:42px;padding-bottom: 18px;}
.contact-us-box .section-title .subtitle {color:var(--rj-text-body);font-weight:400;text-transform:capitalize;line-height:27px;}
.contact-us-content,
.contact-us-form{
    width: calc(50% - 30px);    
}
.contact-us-form{
    background-color:#fbf8f2;
    border-radius: 20px;
    padding: 40px;
}

.contact-form .form-control{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5em;
	color: var(--rj-text-body);
	background-color:var(--rj-white);
	border:1px solid #F9F3E8;
	border-radius: 10px;
	padding: 14px 20px;
	box-shadow: none;
	outline: none;
}
.contact-form .form-control::placeholder{
	color: var(--text-color);
}
.contact-form .btn-style-1{
    width: 100%;
	border: none;
}
.captcha-image {border-radius:10px;}
.btn-primary-re {
  background:var(--rj-bg-two);
  border-color:var(--rj-bg-two);
  border-radius:10px;
  line-height: 36px;
  color:var(--rj-text-body);
  padding:6px 24px;
}
.btn-primary-re:hover {background-color: var(--rj-bg-one);}
/*Domain Finding Section Start Here*/
.domain-section {position:relative;padding:120px 0;}
.domain-section	.btn-primary {background-color: var(--rj-primary);border-color:var(--rj-primary);}
.input-group .form-control:focus {box-shadow: none;}
.domain-tld {font-size:16px;font-weight:400;}
.domain-tld small	{font-size:14px;}
.domain-search-box{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  max-width:980px;
  height: 70px;
  margin: 0 auto;
  border: 1px solid #123455;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: #e6ebfe 0 1px 0 13px;}
.tld-logo {
  max-width:90px;
  height: auto;
}
/*Domain Finding Section End Here*/
/*Domain Pricing Section Start Here*/
.domain-pricing-section {
    position: relative;
  }

  .domain-header {
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    padding:21px 30px;
    background:var(--rj-bg-light);
    border-radius: 12px;
    margin-bottom:24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	color:var(--rj-primary) !important;
  }

  .domain-card {
    border-radius: 12px;
    padding: 20px 30px;
    margin-bottom: 15px;
    background: #fff;
	border:1px solid #e2e2e2;  
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: 0.3s ease;
  }

  .domain-card:hover {
    background: #f4f6ff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  }

  .domain-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
	

  .domain-name,
  .domain-price {
    text-align: left;
    color:var(--rj-title);
    font-weight: 400;
    padding-right: 10px;
  }

  /* Set fixed widths for consistent alignment */
  .domain-name {
    flex-basis: 30%;
    max-width: 30%;
  }

  .domain-price {
    flex-basis: 23%;
    max-width: 23%;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .domain-row,
    .domain-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 5px;
    }

    .domain-name,
    .domain-price {
      flex-basis: 100%;
      max-width: 100%;
      padding-right: 0;
    }
  }
/*Domain Pricing Section End Here*/
/*Footer*/
.main-footer {
	background-color:#202736;
	padding-top:60px;
}
.footer-widget {
  margin-bottom: 40px;
}
.footer-widget .footer-title .title {
  color: var(--rj-white);
  position:relative;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;	
  padding-bottom: 10px;
  margin-bottom: 18px; 	
}
.footer-widget .footer-title .title:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background-color:var(--rj-bg-two);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-widget .footer-title .title {
    margin-bottom: 20px;
	padding-right: 0;
    padding-left: 0;  
  }
}
.footer-widget ul {
  margin: 0;
  padding: 0 0 5px 0;
  list-style: none;
}
.footer-widget ul li {
  color:var(--rj-white);
}
.footer-widget ul li:last-child {
  margin-bottom: 0;
}
.footer-widget ul li a {
  color:var(--rj-white);
  display: block;
  padding-bottom: 9px;
  font-size: 14px;
  font-weight: 100;
}
.footer-widget ul li a:hover {
  color:var(--rj-bg-one);
}
.footer-contact-wrap {
  position:relative;
}
.footer-contact-wrap .card {
	background-color:transparent;
}
.footer-contact-wrap .card h4 {
	font-family: 'Oswald', sans-serif;
	color:var(--rj-white);
}
.footer-contact-wrap .card .text-secondary{
	color:var(--rj-bg-one) !important;
	font-weight:100;
}
.fw-about-social {
    margin-top: 15px;
	margin-right:0px;
	float:right;
}
.fw-about-social h6 {
	text-align:right !important;
	font-size:18px;
	padding-bottom:15px;
	color:#fff;
}
.fw-about-social ul {
    position: relative;
    margin:0-7px;
}
.fw-about-social ul:before,
.fw-about-social ul:after {
    content: " ";
    display: table;
}
.fw-about-social ul:after {
    clear: both;
}
.fw-about-social ul li {
    float: left;
}
.fw-about-social ul li a {
	background-color:#3d4557;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
	color:var(--rj-white);  	
}
.fw-about-social ul li a:hover {
  color:var(--rj-bg-one);
}
.rj-copyright-area {
	padding-bottom:30px;
}
.rj-copyright-area .copyright-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  row-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top:1px solid #424d64;
  padding-top:30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rj-copyright-area {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .rj-copyright-area {
    padding: 20px 0;
  }
  .rj-copyright-area .copyright-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.copyright-text p {
  font-weight:100;
  color:var(--rj-white);
}
.copyright-text p.gst {font-size:14px;}
.copyright-text p:last-child {
  margin-bottom: 0;
}
.copyright-text p a {
  color:var(--rj-white);
}
.copyright-text p a:hover {
  color:var(--rj-bg-one);
}
.copyright-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.copyright-menu ul li {
  position: relative;
 color:var(--rj-white); 
  padding-right: 15px;
  margin-right: 15px;
  line-height: 1;
  z-index: 1;
}
.copyright-menu ul li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  background: #424d64;
}
.copyright-menu ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.copyright-menu ul li:last-child::before {
  display: none;
}
.copyright-menu ul li a {
  color:var(--rj-white); 
  font-weight:100;
}
.copyright-menu ul li a:hover {
  color:var(--rj-bg-one);
}
/* WhatsChat Start Here*/
.whatsapp-chat-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px; /* Ensures proper spacing */
}

/* Survey Button */
.survey-btn {
    background-color:#fff;
    color:#007fff;
    padding: 10px 20px;
    border-radius:10px;
    border: 1px solid #007fff;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    white-space: nowrap; /* Prevents text from wrapping */
    margin-bottom: 10px; /* Adds spacing */
    position: relative; /* Ensures it doesn't float over WhatsApp button */
    z-index: 10; /* Keeps it above other elements */
}

.survey-btn:hover {
   color:var(--rj-white);
   background-color:#007fff;
}
@media (max-width: 767px) {
	.survey-btn {display:none;}
}
/* Fully Rounded WhatsApp Button */
.whatsapp-chat {
    width: 60px;
    height: 60px;
    background-color:#007fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    position: relative;
}
.whatsapp-chat:hover {
    background-color:#007fff;
}
.whatsapp-chat img {
    width: 35px;
    height: 35px;
}
/*WhatsChat Button*/
/*WhatsApp Input Container */
.whatsapp-input-container {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    padding: 10px;
    border-radius:10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    width: 300px;
}
.whatsapp-input-container input {
    flex-grow: 1;
    border: none;
    outline: none;
    font-size: 14px;
    padding:2px;
}
.whatsapp-input-container button {
    background: none;
    border: none;
    cursor: pointer;
}
.whatsapp-input-container img {
    width: 20px;
    height: 20px;
}
@media (max-width: 767px) {
	.whatsapp-input-container {display:none;}
}
/* Existing WhatsApp Chat Container */
.whatsapp-chat-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
}
@media (max-width: 768px) {
    .whatsapp-chat {
        transition: none;  /* Disable transition for mobile devices */
    }
    .whatsapp-chat:hover {
        transform: none;  /* Remove scale effect on hover for mobile */
    }
}
@media (max-width: 768px) {
    #headerwhatsapp {
        animation: none !important;
        transition: none !important;
    }
}
/*WhatsChat Button*/
.modal-title {
  color: var(--rj-title);
  font-weight: 600;
  font-size: 24px;
}
.modal-footer .btn-primary {
  background-color: var(--rj-primary);
  text-transform: uppercase;
  color: var(--rj-white);
  font-size: 18px;
  padding: 14px 32px;
  border-radius: 10px;
  font-weight: 600;
}