/*--------------------------------------------------------------
 Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.ttf');
}
@font-face {
  font-family: 'Poppins-Black';
  src: url('../fonts/Poppins-Black.ttf');
}

@font-face {
  font-family: 'Poppins-ExtraBold';
  src: url('../fonts/Poppins-ExtraBold.ttf');
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/Poppins-Bold.ttf');
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.ttf');
}

/*--------------------------------------------------------------
  common-css-start
--------------------------------------------------------------*/

:root {
  scroll-behavior: smooth;
  --primary-color: #ED1D48;
  --purple-color: #20243D;
  --dark-color: #43445F;
  --black-color: #292929;
}

body {
  font-family: 'Poppins-Regular';
  color: #585858;
}

a {
  text-decoration: none;
  transition: all .3s ease-in-out;
}

a:hover {
  text-decoration: none;
}
.btn:focus, .navbar-toggler:focus,.accordion-button:not(.collapsed), .form-control:focus{
  box-shadow: none;
}
.form-control:focus{
  border-color: #C5C5C5;
}
.form-control {
  font-size: 15px;
  line-height: 24px;
  color: var(--dark-color);
  padding: 18px 27px;
  border-radius: 6px;
  border: 1px solid rgb(108 108 108 / 30%);
}
.form-control::placeholder{
  color: #777777;
}
.btn {
  transition: all 500ms;
  background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, white 50%, white 100%);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 180px;
  padding: 10px 22px;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
  border: 2px solid  var(--primary-color);
  background-color: var(--primary-color);
  border-radius: 50px;
  font-family: 'Poppins-Medium';
}
.outline-primary-btn{
  background-color: #fff;
  color: var(--primary-color);
}
.btn.outline-primary-btn:hover{
  background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, var(--primary-color) 50%, var(--primary-color) 100%);
  color: #fff;
}


.btn:hover {
  background-position: 0 -90px;
  color: #000;
}

.medium-btn {
  padding: 11px 10px;
  min-width: 134px;
  font-size: 15px;
}
.large-btn {
  padding: 15px 15px;
  min-width: 175px;
  font-size: 16px;
}
.semi-large-btn{
  min-width: 159px;
  padding: 8px 22px;
  font-size: 14px;
}
.medMedium-btn {
  min-width: 174px;
  padding: 9px 10px;
  font-size: 14px;
}
.btn-green{
  background-color: #28A745;
  border-color: #28A745;
}
.btn.btn-green:hover{
  color: #28A745;
}
.primary-btn{
  border-color: var(--primary-color);
}

.primary-btn:hover, .outline-btn:hover, .btn:hover, .btn-white:hover{
  color:  var(--primary-color);
}
.primary-btn:hover svg path{
  stroke: var(--primary-color);
}
.btn svg{
  transition: all 500ms;
}

.btn-white{
  background-color: #fff;
  border-color: #fff;
  color: var(--purple-color);
  background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, var(--primary-color) 50%, var(--primary-color) 100%);
}
.btn-white:hover{
  color: #fff;
}
.font-primary, .font-primary:hover{
  color: #506D9A;
}
h1,h2,h3,.font-large, .md-font, .subtitle {
  font-family: 'Poppins-Bold';
}
h1 {
  font-size: 50px;
  line-height: 62px;
}
.font-large {
  font-size: 60px;
  line-height: 70px;
  color: var(--dark-color);
}

.subtitle {
  font-size: 50px;
  line-height: 57px;
  color: var(--black-color);
}

h3{
  font-size: 50px;
  line-height: 60px;
}
.font-forty{
  font-size: 40px;
  line-height: 60px;
}
h2{
  font-size: 48px;
  line-height: 72px;
}
.med-font{
  font-size: 30px;
  line-height: 40px;
}
.small-subtitle{
  font-size: 32px;
  line-height: 42px;
}
.md-font {
  font-size: 35px;
  line-height: 45px;
  color: var(--dark-color);
}
.font-small{
  font-size: 25px;
  line-height: 34px;
}

.md-para {
  font-size: 20px;
  line-height: 30px;
}

.sml-para{
  font-size: 18px;
  line-height: 27px;
}

.font-sixteen{
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.aln-center {
  display: flex;
  align-items: center;
}

.t-center {
  text-align: center;
}

.p-relative {
  z-index: 0;
  position: relative;
}
.sec-pd{
  padding: 70px 0px;
}
.blue-txt, .blue-txt:hover{
  color: #173D7A;
}
.hovered-pink{
  color: #fff;
}
.hovered-pink:hover{
  color: var(--primary-color);
}
/*--------------------------------------------------------------
 common-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 Header start
--------------------------------------------------------------*/
.navbar-brand img {
  max-width: 215px;
}
.header {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1030;
  padding: 35px 0px;
  transition: all 0.5s;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  box-shadow: 0px 2px 20px rgb(1 41 112 / 10%);
  background-color: var(--purple-color);
  padding: 10px 0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 9px 0px;
}

.navbar-nav li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-family: 'Poppins-SemiBold';
  padding: 0;
  margin: 0px 25px;
  position: relative;
  transition: all .5s ease-in-out;
}
.navbar-nav li:last-child a::after {
  display: none;
}
.navbar-nav li a:hover, .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-nav li a::after {
  content: "";
  position: absolute;
  left: 50%;
  height: 5px;
  width: 0;
  background: transparent;
  transition: all .5s ease;
  background-color: var(--primary-color);
  bottom: 0px;
  border-radius: 20px;
}

.navbar-nav li a:hover::after, .navbar-nav .nav-link.active::after {
  width: 100%;
  left: 0;
}

.navbar-nav li.hover-hid a::after {
  display: none;
}
.navbar-nav .nav-link:focus{
  color: #fff;
}
.navbar-toggler{
  width: 32px;
  margin-top: 2px;
}
.navbar-toggler span {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #fff;
  margin: 4px 0;
  transition: .5s;
}
.navbar-toggler .bar2{
  width: 30px;
}
.navbar-toggler:focus{
  outline: 0;
}
.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgb(0 0 0 / 59%);
  overflow: hidden;
}
.nav-dropdown .dropdown-toggle::after{
  display: none;
}
.nav-user .nav-link, .nav-dropdown img {
  width: 28px;
}
.nav-user img {
  width: 100%;
  width: 28px;
  height: 28px;
}
.nav-user .nav-link{
  margin-left: 10px;
  margin-right: 0;
}
.nav-dropdown{
  margin-left: 35px;
}
.nav-dropdown li a::after{
  display: none;
}
.nav-dropdown .dropdown-menu {
  background-color: #C4C6D6;
  min-width: 335px;
  right: -40px;
  left: auto;
  margin: 6px 0;
  padding: 15px 20px 5px;
  margin-top: 32px;
  border-radius: 5px;
  /* box-shadow: 0px 20px 40px rgb(26 28 38 / 40%); */
  border: 0;
  padding-top: 56px;
}
.nav-dropdown .dropdown-menu li {
  max-width: 50%;
  width: 100%;
  margin-bottom: 15px;
  float: left;
  padding-right: 10px;
}
.nav-dropdown .dropdown-menu li a {
  margin: 0;
  word-break: break-word;
  padding: 0;
  display: flex;
  align-items: flex-start;
  white-space: normal;
}

.nav-dropdown .dropdown-menu li a span {
  font-size: 13px;
  margin-left: 6px;
  color: var(--dark-color);
  transition: all .3s ease-in-out;
  font-weight: 600;
  margin-top: 3px;
}
.nav-dropdown .dropdown-menu li a:hover {
  background-color: transparent;
}
.nav-dropdown .dropdown-menu li a:hover span {
  color: #20243d;
}

.nav-dropdown .dropdown-menu::before {
  content: "Choose Your Country:";
  color: var(--dark-color);
  font-size: 13px;
  font-weight: 700;
  top: 20px;
  position: absolute;
  left: 20px;
}
.nav-dropdown .dropdown-menu::after {
  content: "";
  position: absolute;
  top: -27px;
  background: url('../img/menu-drop-icon.svg') no-repeat;
  width: 43px;
  height: 27px;
  left: auto;
  right: 32px;
}
.mob-logins{
  width: 100%;
}
.mob-logins .btn{
  min-width: 153px;
  font-size: 14px;
  border-radius: 5px;
 /*  padding: 5px 10px; */
  padding: 10px 14px;
  margin: 0px 2px;
}
.login-btn.btn {
  color: rgb(32 36 61 / 50%);
  background-color: #F8FAF9;
  border-color: #F8FAF9;
}
.mob-signup-btn {
  background-color: var(--primary-color);
  color: #fff;
}
.login-btn.btn:hover {
  color: rgb(32 36 61 / 50%);
}
.navbar-nav .mob-signup-btn:hover{
  color: var(--primary-color);
}
.nav-user a::after {
  display: none;
}
.overflow-hid {
  overflow: hidden;
}
/*--------------------------------------------------------------
 Header end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 Home-page-css start
--------------------------------------------------------------*/

.banner-sec {
  padding: 200px 0px;
  background: linear-gradient(109.89deg, #101C31 1.71%, #204988 99.61%);

}

.banner-sec::after {
  content: "";
  position: absolute;
  background: url('../img/banner-right-shape.svg') no-repeat;
  max-width: 400px;
  width: 100%;
  height: 548px;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.banner-sec::before {
  content: "";
  position: absolute;
  background: url('../img/banner-left-shape.svg') no-repeat;
  max-width: 340px;
  width: 100%;
  height: 245px;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.banner-img {
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 100%;
  z-index: 0;
  /* height: 594px; */
}
.home-bg .banner-content{
  position: relative;
  z-index: 1;
  padding: 100px 0px 65px;
}
/* .banner-img::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 594px;
  right: 0;
  background-size: cover;
  bottom: 0;
} */

.banner-content {
  padding-top: 90px;
}
.banner-content p {
  font-family: 'Poppins-Light';
}
.banner-content h3 {
  font-size: 30px;
  line-height: 45px;
  color: #fff;
  font-family: 'Poppins-Bold';
  margin-bottom: 0;
}
.banner-content h3 {
  font-size: 30px;
  line-height: 45px;
  color: #fff;
  font-family: 'Poppins-Bold';
  margin-bottom: 0;
}

.banner-content .banner-heading {
  font-size: 30px;
  line-height: 45px;
  color: #fff;
  font-family: 'Poppins-Bold';
  margin-bottom: 0;
}
.banner-content h1 {
  color: #fff;
  margin-bottom: 22px;
}
/* .banner-content .text-white{
	font-size: 48px;
    line-height: 72px;
} */

.homepage-banner-content .text-white{
	font-size: 48px;
    line-height: 72px;
}
.banner-content h5 {
  color: #fff;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 14px;
  max-width: 430px;
  font-size: 18px;
  line-height: 28px;
}

.banner-content .banner-txt {
  font-size: 15px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 48px;
  max-width: 465px;
}

.stack-content h5 {
  font-size: 35px;
  line-height: 40px;
  color: var(--dark-color);
  letter-spacing: -0.02em;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 12px;
}

.stack-content p{
  font-size: 15px;
  line-height: 22px;
}
.openstack-sec {
  padding: 85px 0px;
}

.openstack-sec::after {
  content: "";
  position: absolute;
  top: 0;
  background: url('../img/open-stack-bg.png') no-repeat;
  width: 100%;
  height: 929px;
  left: 0;
  z-index: -1;
  background-size: 100%;
  background-position: 100%;
}
.open-stack{
  position: relative;
}
.openstack-sec::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url('../img/stack-bg-shape.svg') no-repeat;
  width: 100%;
  max-width: 822px;
  height: 334px;
  z-index: 0;
  background-size: 100%;
}

.stack-box {
  margin-right: 69px;
}
.stack-box img {
  max-width: 267px;
}
.hosting-service-sec {
  padding: 120px 0px 190px;
  overflow: hidden;
}

.heading span {
  font-size: 40px;
  color: var(--dark-color);
  line-height: 47px;
  font-family: 'Poppins-Medium';
  margin-bottom: 5px;
  display: inline-block;
}

.service-count {
  background: #22ACBF;
  border-radius: 10px;
  display: inline-block;
  font-size: 25px;
  line-height: 42px;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  margin-bottom: 11px;
  font-family: 'Poppins-SemiBold';
}

.hosting-service-sec .heading {
  margin-bottom: 110px;
}

.cloud-hosting-img img {
  max-width: 650px;
  width: 100%;
  transition: all .3s ease-in-out;
}
.cloud-hosting-img img:hover {
  transform: translateY(-10px);
}
.cloud-hosting-content {
  padding-top: 50px;
}

.cloud-hosting-innr p{
  font-size: 15px;
  line-height: 23px;
}
.cloud-hosting-innr h5{
  font-size: 32px;
  line-height: 40px;
  font-family: 'Poppins-Bold';
  color: var(--dark-color);
}
/* .service-rt .cloud-hosting-content, .service-rt .cloud-hosting-img {
  text-align: left;
} */

.service-block {
  margin-bottom: 20px;
}

.cloud-hosting-content h5 {
  margin-bottom: 10px;
}
.hosting-service-sec::after{
  content: "";
  position: absolute;
  background: url('../img/testimonial-bg.png') no-repeat;
  width: 100%;
  height: 420px;
  bottom: 0;
  background-size: 100%;
}
/*================ testimonial-css============== */

.testimonial-sec {
  background-color: rgba(239, 240, 251, 0.9);
  padding-bottom: 42px;
}
.testimonial-sec::before{
  content: "";
  position: absolute;
  background: url('../img/testimonial-left-cloud.svg') no-repeat;
  width: 360px;
  height: 669px;
  left: 0;
  bottom: 0;
}
.testimonial-sec::after{
  content: "";
  position: absolute;
  background: url('../img/testimonial-right-cloud.svg') no-repeat;
  width: 329px;
  height: 192px;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.testimonial-innr h5 {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: -0.02em;
  color: #444444;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 0;
}
.testimonial-sec h2{
  font-size: 30px;
  line-height: 45px;
}
.review-time {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #707070;
}
.test-reviews {
  padding-left: 57px;
}
.review-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  align-items: center;
}

.review-stars span {
  font-size: 10px;
  letter-spacing: -0.02em;
  color: #444444;
}

.review-stars i {
  color: #FEB633;
  font-size: 13px;
}

.testimonial-innr p {
  line-height: 24px;
}

.read-more {
  letter-spacing: -0.02em;
  font-size: 14px;
  color: var(--black-color);
}
.read-more:hover{
  color: #292929d9;
}
.read-more::after {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 12px;
  line-height: 25px;
  margin-left: 5px;
  margin-inline-start: -1.25rem;
  opacity: 0;
  color: #292929d9;
  transition: all 0.6s ease-in-out;
}
.read-more:hover::after{
  opacity: 1;
  margin-inline-start: 0.3rem;
}
.client-img {
  position: absolute;
  width: 103px;
  height: 103px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #fff;
  left: -22px;
  top: -25px;
}
.client-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonial-innr {
  background-color: #fff;
  border-radius: 10px;
  padding: 28px 35px 37px;
  position: relative;
  height: 100%;
}
.read-more-btn {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 100%;
  padding-right: 50px;
}
#testimonial-slider .item {
  padding: 35px 9px 35px 24px;
  height: 100%;
}
.testimonial-sec h2 {
  margin-bottom: 47px;
  max-width: 1015px;
}

/* ==========slider-css========= */
.owl-stage-outer, .owl-stage{
  display: flex;
}
.owl-next span::after, .owl-prev span::after {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-size: 16px;
  line-height: 38px;
  color: #000;
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
}
.owl-prev span, .owl-next span{
  font-size: 0;
}
.owl-prev span::after {
  content: "\f053";
}
.owl-nav {
  position: absolute;
  top: -50px;
  right: 10px;
}
.owl-theme .owl-nav [class*='owl-']:hover{
  background: transparent;
}
.owl-theme .owl-nav [class*='owl-']{
  margin: 0px 6px;
}
.testimonial-cloud {
  position: absolute;
  right: 0;
  top: 13px;
}
.testimonial-cloud {
  position: absolute;
  right: -100px;
  top: 50px;
}
#testimonial-slider {
  margin-bottom: 12px;
}
/*============ try-out-sec=============== */
.try-out-sec {
  background-color: var(--purple-color);
  padding: 70px 0px;
}
.title-brdr::after {
  content: "";
  position: absolute;
  width: 158px;
  height: 7px;
  background-color: var(--primary-color);
  bottom: 0;
  left: 0;
  border-radius: 20px;
}
.title-brdr {
  position: relative;
  padding-bottom: 2px;
}
.try-out-block p {
  font-family: 'Poppins-Light';
}
.try-out-block h3 {
  margin-bottom: 44px;
}
/*--------------------------------------------------------------
 Home-page-css end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 Cloudplans-css start
--------------------------------------------------------------*/
.cloud-bnnr-length{
  min-height: 815px;
}
.cloud-plans-block {
  background-color: #FAFAFA;
}
.cloud-banner-sec{
  background: var(--purple-color);
  padding: 180px 0px 20px;
}
.cloud-banner-sec p {
  max-width: 745px;
  margin: 0 auto 20px;
}
.cloud-banner-sec h2 {
  margin-bottom: 2px;
}
.loc-txt {
  padding: 0px 12px;
  /* border-bottom: 1px solid #fff; */
}
.cloud-banner-sec::before {
  background: url('../img/hosting1.png') no-repeat;
  max-width: 469px;
  height: 850px;
}
.banner-sec.cloud-banner-sec::after {
  background: url('../img/hosting2.png') no-repeat;
  width: 200px;
  height: 180px;
}
.plans-innr {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 3px solid #3E5093;
  transition: all .3s ease-in-out;
  box-shadow: 0px 15px 30px rgb(0 0 0 / 20%);
}
.plans-innr:hover{
  transform: translateY(-5px);
}

.activePlan .plan-head h5{
  color: var(--primary-color);
}
.activePlan .view-plan-btn, .plans-innr:hover .view-plan-btn{
  background-position: 0 -90px;
  color: #fff;
}
.plan-head h5 {
  font-size: 25px;
  line-height: 38px;
  font-family: 'Poppins-Bold';
  color: var(--dark-color);
}
.plan-head {
  background-color: #FAFAFA;
  padding: 18px 45px;
  text-align: center;
}
.plans-innr ul li {
  color: rgba(70, 70, 70, 0.9);
  padding: 10px 30px 10px 60px;
  font-size: 16px;
}

.plan-bullets li, .plan-bullets dd{
  position: relative;
}
.plan-bullets li::before, .plan-bullets dd::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: var(--dark-color);
  left: 45px;
  border-radius: 50%;
  top: 20px;
}
.plan-bullets dd::before {
  left: 0;
  top: 11px;
}
.view-plan-btn {
  font-size: 16px;
  background-color: #EFEFEF;
  color: rgba(54, 54, 54, 0.6);
  font-family: 'Poppins-SemiBold';
  background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, var(--primary-color) 50%, var(--primary-color) 100%);
  padding: 10px 26px;
  border-color: #EFEFEF;
}

.view-plan-btn:hover{
  color: #fff;
}
.plan-btn-block{
  padding: 30px 33px 22px;
}
.cloud-plans {
  padding-top: 0;
  margin-top: -215px;
  position: relative;
}
.managing-openstack-sec{
  background-color: #FAFAFA;
}
.managed-open-stack {
  max-width: 982px;
  margin: auto;
}
.managed-open-stack h2{
  color: var(--black-color);
  margin-bottom: 10px;
  /* font-size: 32px; */
}
.managed-open-stack p {
  margin-bottom: 54px;
}
.powered-content {
  background-color: var(--primary-color);
  height: 100%;
  display: flex;
  align-items: center;
}
.powered-content-innr {
  max-width: 470px;
  margin: auto;
  padding: 35px;
}
.powered-stack-innr {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #B7B7B7;
}
.powered-stack-block {
  padding: 80px 62px;
}
.pricing-header {
  position: sticky;
  top: 86px;
  z-index: 99;
  background-color: #fff;
}
.pricing-header.pricing-mrgn{
  padding: 30px 0px 35px;
}
.pricing-header ul li a.active {
  color: #000;
}
.pricing-header ul li a {
  font-size: 16px;
  line-height: 24px;
  color: rgba(41, 41, 41, 0.6);
  font-family: 'Poppins-SemiBold';
  margin: 0px 22px;
  padding: 0px 7px;
  position: relative;
  white-space: nowrap;
}
.pricing-header ul li a::after {
  content: "";
  position: absolute;
  width: 0%;
  background-color: var(--primary-color);
  height: 5px;
  bottom: -9px;
  left: 50%;
  opacity: 0;
  border-radius: 50px;
  transition: all .3s ease-in-out;
}
.pricing-header ul li a.active::after, .pricing-header ul li:hover a::after{
  opacity: 1;
  width: 100%;
  left: 0;
}
.pricing-header ul li.active a, .pricing-header ul li:hover a{
  color: var(--black-color);
}
.pricing-header ul {
  border-bottom: 1px solid rgb(32 36 61 / 50%);
  margin: auto;
  max-width: 970px;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: center;
}
.pricing-header ul li{
  padding-bottom: 5px;
}
.pricing-header ul li:first-child a{
  margin-left: 0;
}
.pricing-header ul li:last-child a{
  margin-right: 0;
}
.plans-heading h2{
  color: var(--black-color);
  margin-bottom: 10px;
  font-family: 'Poppins-SemiBold';
}
.pricing-mrgn {
  padding: 50px 0px;
}
#add-ons .pricing-mrgn {
  padding-top: 5px;
}
.plans-heading p{
  color: #6C6C6C;
}
.plans-title h3 {
  font-size: 30px;
  color: #444444;
  line-height: 42px;
  display: flex;
  align-items: end;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 5px;
}
.plans-title h3 img {
  margin-right: 10px;
  height: 47px;
  top: -5px;
  position: relative;
}
.plans-content {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 32px;
}
.plans-title p {
  color: #464646;
  padding-right: 20px;
  font-size: 14px;
}

/* ==table-css-start======= */
.plans-table th {
  font-size: 16px;
  line-height: 24px;
  color: #20243D;
  font-family: 'Poppins-Bold';
  padding: 18px 34px;
  background-color: transparent;
  text-align: center;
}
/* .plans-table th:not(:last-child),.plans-table tbody td:not(:last-child) {
  border-right: 1px solid #fff;
} */
.plans-table tbody td {
  font-size: 16px;
  line-height: 24px;
  color: #464646;
  font-family: 'Poppins-Medium';
  padding: 20px 34px;
  border: 0;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid rgba(94, 96, 101, 0.4);
}
.plans-table tbody tr td:first-child {
  color: var(--primary-color);
  font-family: 'Poppins-Semibold';
}
.plans-table.addons-table tbody tr td:first-child{
  color: #464646;
}
 .plans-table tbody tr:hover td{
  background-color: rgba(250, 250, 250, 0.6);
}
.plans-table {
  /* box-shadow: 0px 30px 50px rgb(113 113 113 / 10%); */
  /* background-color: #ffffff; */
  border-radius: 10px;
  overflow: hidden;
}
.pricing-block .signup-btn {
  padding: 33px 0px 0px;
  text-align: center;
}
.pricing-block .signup-btn .btn {
  margin: 0px 4px;
}
.table>:not(:first-child) {
  border-top: 2px solid #32363B;
}
.sign-link{
  color: var(--primary-color);
}
.sign-link:hover {
  color: #ed1d48c7;
}
.addons-table th:first-child, .addons-table tr td:first-child {
  padding-left: 0;
}
/* ==table-css-end======= */
.volume-storage-blk{
  padding: 75px 0px;
  max-width: 921px;
  margin: auto;
}
.storage-brdr {
  background-color: #353535;
}
.storage-section {
  background-color: rgba(250, 250, 250, 0.6);
}
.flex-title {
  display: flex;
  justify-content: center;
  align-items: end;
}
.flex-title img {
  height: 40px;
}
.volume-block {
  padding: 25px 0px 0;
  border-radius: 15px;
}
.range-title {
  font-size: 50px;
  color: #2d2d2d;
  line-height: 68px;
  font-family: 'Poppins-SemiBold';
}
.range-title span {
  color: #2d2d2d;
  font-family: 'Poppins-Medium';
}
.plan-hd-mb {
  margin-bottom: 20px;
}
#add-ons .plan-hd-mb {
  margin-bottom: 40px;
}
#add-ons .plans-heading p {
  font-size: 15px;
}
.addons-blk, .pricing-block{
  max-width: 88%;
  margin: auto;
}
.plans-table tbody tr td:last-child {
  white-space: nowrap;
}
/* =============service-block-css============ */
.service-box {
  background-color: #fff;
  padding: 55px 45px;
  border-radius: 10px;
  max-width: 393px;
  margin: auto;
  transition: all .3s ease-in-out;
  height: 100%;
}
.service-box:hover {
  box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
  transform: scale(1.01);
}
.service-content h5 {
  font-size: 20px;
  line-height: 30px;
  color: var(  --purple-color);
  font-family: 'Poppins-SemiBold';
}
.service-img{
  margin-bottom: 10px;
}
.title-info {
  color: #6C6C6C;
  font-size: 15px;
  line-height: 22px;
}

.service-txt {
  font-size: 13px;
  line-height: 20px;
  color: #414141;
  font-family: 'Poppins-Light';
  max-width: 310px;
  margin: 25px auto 30px;
  min-height: 80px;
}
.service-content {
  margin-bottom: 25px;
}
.service-innr {
  padding-top: 55px;
  max-width: 875px;
  margin: auto;
}
.service-img img{
  height: 99px;
}
.service-innr .col-lg-6:last-child .service-txt {
  max-width: 248px;
}
/* =========range-slider-css-start=========== */

.selector {
  max-width: 1014px;
  margin: 38px auto 10px;
  position: relative;
}

.selector .price-slider {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-top: 17px
}

.selector .price-slider:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: 0;
  color: #39c9a9;
  content: attr(data-currency);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.selector #slider-range {
  width: 90%;
  margin-bottom: 30px;
  border: none;
  background: #EDEDED;
  height: 16px;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 50px;
}
.selector .ui-slider-handle {
  border-radius: 50%;
  background-color: #fff;
  outline: none;
  width: 28px;
  height: 28px;
  border: 15px solid #20243D;
}
.selector .ui-slider-range {
  background-color: #EDEDED;
}

.selector .slider-price {
  font-size: 18px;
  line-height: 24px;
  color: #2D2D2D;
  font-family: 'Poppins-SemiBold';
}

.selector .slider-price:before {
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: 0;
  color: #39c9a9;
  content: attr(data-currency);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.selector-content h5 {
  font-size: 30px;
  color: #2D2D2D;
  line-height: 40px;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 0;
}
.selector-content p {
  font-size: 12px;
  line-height: 20px;
  color: #2d2d2d;
  font-style: italic;
  margin-bottom: 28px;
}
.selector-content{
  margin-bottom: 65px;
}
.selector-content .btn{
    min-width: 174px;
    padding: 9px 20px;
    font-size: 14px;
}
/* =========range-slider-css-end=========== */
.volum-block-content p {
  color: #3F3F3F;
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 20px;
}
.volum-block-content {
  max-width: 1015px;
  margin: auto;
}
.def-list dt {
  color: #3F3F3F;
  font-size: 18px;
  line-height: 24px;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 8px;
}
.def-list dd {
  color: #3F3F3F;
  padding-left: 14px;
  font-size: 14px;
}
.vol-mrgn {
  margin-bottom: 35px;
}
.def-mrgn{
  margin-bottom: 25px;
}
.addons-table tbody tr td:nth-of-type(2) {
  font-family: 'Poppins-Regular';
  width: 170px;
}
.addons-table tbody tr td:nth-of-type(3) {
  font-family: 'Poppins-Medium';
}
/* .light-brdr-table tbody tr td:not(:last-child){
  border-right: 1px solid #ebebeb;
} */
/* .light-brdr-table thead tr th:not(:last-child){
  border-color: #ebebeb;
} */
.order-btn {
  font-size: 15px;
  padding: 3px 19px;
  font-family: 'Poppins-Medium';
}
/* .addons-price .btn {
  margin-left: 20px;
  font-size: 14px;
  min-width: 152px;
}
.addons-price {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  max-width: 320px;
  text-align: left;
} */

/* =============faq-section-start======= */
.faq-sec {
  background-color: #F9F9F9;
  padding: 60px 0px;
}
.faq-sec .plans-heading{
  margin-bottom: 50px;
}
.accordion-button {
  font-size: 16px;
  line-height: 24px;
  background-color: transparent;
  color: #444444;
  transition: all .3s ease-in-out;
  cursor: pointer;
  padding:16px 63px 16px 30px;
  font-family: 'Poppins-Medium';
}
.accordion-button:not(.collapsed){
  background-color: var(--purple-color);
  color: #fff;
}
.accordion-item {
  border-radius: 10px;
  overflow: hidden;
  background-color: transparent;
  border: 1px solid #cfcfcf;
}
.accordion-item:first-of-type{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.accordion-body p {
  color: #6C6C6C;
  font-size: 14px;
  line-height: 21px;
}
.feature-accdn .feature-acc-txt{
  font-size: 15px;
  line-height: 22px;
}
.feature-accdn p{
  font-size: 13px;
  line-height: 20px;
}
.accordion-item:not(:last-child){
  margin-bottom: 18px;
}
.accordion-body {
  padding: 30px;
  background-color: #fff;
}
.accordion-item:not(:first-of-type){
  border-top: 1px solid #cfcfcf;
}
.accordion-button:not(.collapsed)::after {
  content: "\f078";
  
  background-color: #fff;
  color: var(--purple-color);
  line-height: 29px;
}
.accordion-button:not(.collapsed)::after, .accordion-button::after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  font-size: 18px;
  background-image: none;
  right: 28px;
  width: 25px;
  height: 27px;
  background-color: #EFEFEF;
  text-align: center;
  border-radius: 4px;
}
.accordion-button::after{
  content: "\f077";
  line-height: 27px;
  color: #444444;
  transform: rotate(-180deg);
}
/* =============faq-section-end======= */
.launch-cloud-sec {
  padding: 170px 0px;
  background-color: var(--purple-color);
  overflow: hidden;
}

.launch-cloud-sec::after {
  content: "";
  position: absolute;
  background: url('../img/rocket.png') no-repeat;
  right: 0;
  max-width: 100%;
  width: 100%;
  height: 815px;
  bottom: -1px;
  left: 0;
  background-position: bottom;
  background-size: 100%;
  z-index: -1;
}
.launch-block h3 {
  margin-bottom: 28px;
}
.launch-block p, .launch-block small {
  font-family: 'Poppins-Light';
}
.launch-content {
  margin-bottom: 110px;
}
.launch-block {
  min-height: 434px;
}
.launch-block p b, .launch-block small b {
  font-family: 'Poppins-Bold';
}
/* .create-cloud-acc-link{
  color: #fff;
}
.create-cloud-acc-link:hover{
  color: var(--primary-color);
} */

/*--------------------------------------------------------------
 Cloudplans-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 features-css -start
--------------------------------------------------------------*/
.features-banner .banner-content{
  padding-bottom: 40px;
}
.features-banner{
  padding: 180px 0px 280px;
  margin-bottom: -224px;
  min-height: 760px;
}
.feature-block {
  position: relative;
}
.feature-section {
  background-color: #FAFAFA;
  padding: 30px 0px;
}
.features-innr {
  padding: 34px 32px;
  background-color: #fff;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  text-align: center;
  height: 100%;
  transition: all .3s ease-in-out;
}
.features-innr:hover{
  transform: translateY(-5px);
}
.features-img {
  min-width: 107px;
  height: 107px;
  background-color: #D6EFFB;
  width: 107px;
  margin: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.features-content h5 {
  color: #464646;
  font-family: 'Poppins-Medium';
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 25px;
}
.features-content p {
  font-size: 14px;
  color: #6C6C6C;
  line-height: 21px;
  max-width: 295px;
  margin: auto;
}
.feature-section .col-lg-4 {
  margin-bottom: 45px;
}
.features-img img{
  height: 44px;
}
.choose-section{
  overflow: hidden;
}
.choose-heading h3 strong {
  font-family: 'Poppins-Bold';
}
.choose-heading h3 {
  margin: auto;
  color: var( --dark-color);
  font-family: 'Poppins-Medium';
  /* line-height: 48px;
  font-size: 38px; */
}
.choose-heading {
  margin-bottom: 80px;
}
.feature-accdn .accordion-button:not(.collapsed)::after, .feature-accdn .accordion-button::after {
  font-size: 16px;
  width: 30px;
  height: 30px;
}
.feature-accdn .accordion-button:not(.collapsed)::after{
  line-height: 31px;
}
.feature-accdn .accordion-button::after {
  line-height: 29px;
  right: 0;
  top: 0;
}
.feature-accdn .accordion-button:not(.collapsed){
  color: var(--black-color);
  background-color: transparent;
}
.feature-accdn .accordion-button {
  font-size: 23px;
  line-height: 34px;
  color: #292929;
  padding: 0 65px 0px 0px;
}
.feature-accdn .accordion-item {
  border: 0;
  border-radius: 0;
  padding: 20px 0px;
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
}
.feature-accdn .accordion-body {
  padding: 6px 0px;
}
.list-block li::before{
  left: 0;
  top: 8px;
  width: 9px;
  height: 9px;
  background-color: #59E166;
}
.list-block {
  padding-left: 19px;
  margin-top: 15px;
}
.list-block li{
  position: relative;
  padding-left: 17px;
}
.list-block li h6{
  font-family: 'Poppins-SemiBold';
  color: #363636;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 7px;
}
.choose-img img {
  max-width: 520px;
  width: 100%;
}
.help-section h3 {
  margin-bottom: 0;
}
.help-section p {
  margin-bottom: 44px;
}
.help-img {
  position: absolute;
  bottom: 0;
}

.help-img img {
  max-width: 427px;
}
/*--------------------------------------------------------------
 features-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 company-page-css-start
--------------------------------------------------------------*/
.company-banner{
  background: url('../img/company-banner.jpg') no-repeat;
  background-size: cover;
  padding: 170px 0px 50px;
}
.about-us-img img {
  max-width: 476px;
  width: 100%;
  animation: move 2s ease-in-out infinite alternate-reverse both;
}
.company-banner p{
  max-width: 100%;
  font-family: 'Poppins-Light';
  font-size: 15px;
}
.company-banner-content {
  padding: 0px 0px 55px;
}
.motive-innr h5{
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 15px;
  font-family: 'Poppins-Bold';
}
.motive-innr {
  background-color: var(--purple-color);
  padding: 30px;
  border-radius: 20px;
  height: 100%;
  transition: all .3s ease-in-out;
}
.motive-innr:hover{
  transform: translateY(-5px);
}
.motive-innr p {
  margin-bottom: 50px;
  max-width: 455px;
  font-size: 15px;
}
.company-banner .banner-content p {
  font-size: 15px;
  line-height: 27px;
}
.motive-block {
  margin-bottom: -170px;
}
.white-section{
  padding: 120px 0px 90px;
}

.affiliate-sec{
  background: url('../img/affiliate-banner.jpg') no-repeat;
  background-size: cover;
}
.affiliate-innr h5 {
  font-family: 'Poppins-Medium';
  margin-bottom: 5px;
}
.affiliate-innr h3 {
  margin-bottom: 50px;
  font-family: 'Poppins-Bold';
}
.affiliate-innr p {
  font-family: 'Poppins-Light';
  max-width: 750px;
  margin-bottom: 45px;
  font-size: 15px;
}
.join-now-btn {
  margin-right: 18px;
}
.partnership-content p{
  font-size: 15px;
  line-height: 22px;
  color: rgba(108, 108, 108, 0.8);
  margin-bottom: 0;
}
.partnership-sec{
  background-color:#FAFAFA;
  /* padding: 70px 0px; */
}
.partnership-innr h3 {
  color: var(--black-color);
  margin-bottom: 35px;
  font-family: 'Poppins-SemiBold';
}
.partnership-content img {
  height: 40px;
  margin-bottom: 23px;
}
.partnership-content {
  padding: 32px 25px;
  box-shadow: 0px 1px 9px rgb(0 0 0 / 12%);
  border-radius: 10px;
  height: 100%;
  background-color: #fff;
  transition: all .3s ease-in-out;
}
.partnership-content:hover{
  transform: translateY(-5px);
}

/*--------------------------------------------------------------
  company-page-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  affiliate-program-page-css-end
--------------------------------------------------------------*/
.affiliate-program-banner .banner-content {
  padding-top: 70px;
}
.affiliate-program-banner{
  background: url('../img/aff-program-banner.png') no-repeat;
  background-size: cover;
  padding: 200px 0px;
}
.breadcrumb-contain {
  padding: 155px 0px 160px;
}
.affiliate-program-banner p{
  max-width: unset;
  margin: 12px auto 60px;
}
.affiliate-try-sec .try-out-block h3 {
  margin-bottom: 15px;
}
.work-section {
  background-color: #f9f9f9;
}
.work-section h2{
  color: var(--black-color);
}
.work-section .heading p {
  max-width: 1015px;
  margin: auto;
  color: var(--black-color);
}
.work-box h5{
  font-size: 20px;
  line-height: 30px;
  color:#464646;
  margin-bottom: 8px;
  font-family: 'Poppins-SemiBold';
}
.work-box p {
  color: #6C6C6C;
  margin: auto;
  font-size: 15px;
  line-height: 22px;
}
.work-box {
  border: 0.5px solid #acabab59;
  background-color: #FAFAFA;
  border-radius: 10px;
  padding: 25px ​20px;
  transition: all .3s ease-in-out;
  height: 100%;
}
.work-box:hover{
  border-color: var(--primary-color);
  background-color: #fff;
}
.count-nm {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--purple-color);
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 20px;
  justify-content: center;
  font-family: 'Poppins-SemiBold';
}
.work-box-img img {
  margin-bottom: 12px;
  height: 100px;
}
.work-section .heading {
  margin-bottom: 55px;
}
.steps-section .work-box {
  background-color: transparent;
  border: 0;
}
.steps-section .heading {
  margin-bottom: 50px;
}
.step-box img {
  margin-bottom: 22px;
  height: 140px;
  transition: all .3s ease-in-out;
}
.step-box:hover img {
  transform: scale(1.1);
}
.step-box p {
  max-width: 318px;
  font-size: 16px;
  line-height: 24px;
}
.commission-section{
  background-color: #f9f9f9;
}
.commission-lists li::before{
  width: 15px;
  height: 15px;
  background-color: #59E166;
  left: 0;
  top: 3px;
}
.commission-lists li {
  padding-left: 30px;
  margin-top: 25px;
  font-size: 16px;
  color: var(--black-color);
}
.commission-lists {
  max-width: 825px;
  margin: auto;
  margin-top: 30px;
}
/*--------------------------------------------------------------
  affiliate-program-page-css-end
--------------------------------------------------------------*/


/*--------------------------------------------------------------
  Blog-page-css-start
--------------------------------------------------------------*/

.blog-section{
  background: url('../img/blog-banner.jpg') no-repeat;
  background-size: cover;
}
.search-input{
  font-size: 16px;
  color: var(--black-color);
  height: 58px;
  border-radius: 50px;
  padding: 10px 37px;
  border: 1px solid #C5C5C5;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
}
.search-input::placeholder{
  color: #777777;
}
.search-input {
  margin-right: 20px;
}
.search-container {
  display: flex;
  max-width: 796px;
  margin: 32px auto 0px;
}
.blog-section .banner-content{
  padding-bottom: 0px;
}
.search-container .btn.search-btn{
  padding: 10px 37px;
}
.nav-tabs .nav-link {
  color: #363636;
  font-size: 16px;
  line-height: 23px;
  font-family: 'Poppins-Medium';
  padding: 17px 20px;
  min-width: 192.5px;
  border-radius: 50px;
  margin: 0px 1px;
}
.nav-tabs .nav-link:not(:last-child){
  margin-right: 1px;
}
.nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {
  color: #fff;
  background-color: var(--purple-color);
}
.nav-tabs {
  box-shadow: 1px 0px 10px rgb(0 0 0 / 17%);
  border-radius: 50px;
  padding: 6px;
  text-align: center;
  max-width: 985px;
  margin: 30px auto 24px;
}
.categories-section h2{
  color: #363636;
}
.cartegories-navtabs .nav-tabs{
  margin-bottom: 80px;
}
.categories-innr h3{
  color: #363636;
  margin-bottom: 30px;
}
.blog-box {
  background-color: #fafafa;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  transition: all .3s ease-in-out;
}
.blog-box:hover .blog-img img{
  transform: scale(1.1);
  transition: all .3s ease-in-out;
}
.blog-img, .help-section{
  overflow: hidden;
}
.blog-content {
  padding: 30px 42px;
}
.blog-content h5 {
  font-family: 'Poppins-Bold';
  color: #464646;
  margin-bottom: 15px;
}
.blog-content p {
  font-size: 15px;
  line-height: 26px;
  color: #6C6C6C;
  margin-bottom: 20px;
}
.post-innr h6 {
  font-family: 'Poppins-SemiBold';
  color: #323232;
  margin-bottom: 1px;
}
.post-innr small {
  color: #6C6C6C;
  font-size: 12px;
}
.post-time {
  color: #464646;
  font-size: 10px;
  background-color: #FFD33F;
  border-radius: 50px;
  display: inline-block;
  padding: 1px 10px;
  font-family: 'Poppins-Medium';
}
.post-innr .post-time{
  margin-left: 5px;
}
.post-read-more {
  font-size: 16px;
  color: #3EA5EC;
  font-family: 'Poppins-Medium';
}
.blog-posted-detail{
  display: flex;
}
.post-read-more:hover{
  color: var(--purple-color);
}
.blog-img img {
  height: 349px;
  object-fit: cover;
  width: 100%;
  transition: all .3s ease-in-out;
}
.categories-innr .col-md-6 {
  margin-bottom: 45px;
}
.categories-innr .col-md-6:nth-last-child(1), .categories-innr .col-md-6:nth-last-child(2) {
  margin-bottom: 0;
}
.blog-slider-section {
  background-color: #FAFAFA;
}
.grey-border{
  border-color: #DCDCDC;
}
.blog-slider-innr {
  padding: 12px 22px;
  height: 100%;
}
.owl-carousel .owl-item .item {
  height: 100%;
}
.blog-slider-innr .blog-box {
  background-color: #fff;
  box-shadow: 0px 0px 12px rgb(0 0 0 / 14%);
}
.blog-slider-section h3 {
  margin-bottom: 30px;
  color: #363636;
}
.full-nav-btn .owl-nav {
  position: absolute;
  top: 43%;
  right: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.blog-slider{
  max-width: 1047px;
  margin: auto;
}
.full-nav-btn .owl-nav button.owl-prev {
  left: -80px;
  position: absolute;
}
.full-nav-btn .owl-nav button.owl-next {
  right: -80px;
  position: absolute;
}
.full-nav-btn .owl-next span::after, .full-nav-btn .owl-prev span::after{
  width: 57px;
  height: 57px;
  box-shadow: 0px 1px 8px rgba(0,0,0,22%);
  font-size: 18px;
}
.full-nav-btn .blog-img img {
  height: 296px;
}
.owl-theme .owl-nav .disabled{
  opacity: 1;
}
.owl-carousel .owl-nav button:hover span::after {
  background-color: var(--dark-color);
  color: #fff;
}
.owl-carousel .owl-nav button{
  transition: all .6s ease-in-out;
}
/*--------------------------------------------------------------
  Blog-page-css-end
--------------------------------------------------------------*/


/*--------------------------------------------------------------
  contact-page-css-start
--------------------------------------------------------------*/

.contact-section{
  background: var(--purple-color);
  padding: 140px 0px 40px;
  overflow: hidden;
}
.contactBanner-img img {
  height: 400px;
}
.contactBanner-img {
  padding-top: 65px;
}
.contact-section p{
  margin: 10px 0px 25px;
}
.contact-section .submit-ticket-btn{
  margin-top: 60px;
}
.form-title{
  font-size: 20px;
  line-height: 30px;
  color: var(--black-color);
  background-color: #FAFAFA;
  padding: 17px 40px;
  border-bottom: 1px solid #E1E1E1;
}
.contact-form form {
  padding: 40px;
}
.contact-form {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 17%);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.contact-form-loader {
 margin-left: 10px;
}
.contact-form .form-group {
  margin-bottom: 27px;
}
.mail-list {
  padding: 22px 40px;
}
.mail-form-list li:not(:last-child) .mail-list{
  border-bottom: 1px solid #E1E1E1;
} 
.formMail-id {
  font-size: 16px;
  line-height: 26px;
  color: #6C6C6C;
}
.mail-list h6 {
  margin-bottom: 5px;
  font-family: 'Poppins-Medium';
  color:#444444;
}
.formMail-id i{
  margin-right: 10px;
}
.formMail-id i, .contact-info-icon i {
  color: var(--primary-color);
  font-size: 15px;
}
.contact-info-icon {
  margin-right: 14px;
}
.contact-email{
  margin-bottom: 52px;
}
.contact-info-block{
  position: relative;
}
.conatct-info-icon{
  position: absolute;
  left: 0;
  top: 0;
}
.msg-response {
  color: #198754;
  position: absolute;
  top: -35px;
  font-size: 14px;
  /* background-color: #e7f4ee;
  border-radius: 4px;
  left: 0;
  right: 0; */
  padding: 3px 15px;
  font-family: 'Poppins-Medium';
}
.form-innr {
  position: relative;
}
/*--------------------------------------------------------------
 contact-page-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 privacy-page-css-start
--------------------------------------------------------------*/

.privacy-section {
  background: var(--purple-color);
  padding: 140px 0 100px;
}
.privacy-section p {
  max-width: 555px;
}
.cookies-img img {
  max-width: 498px;
  width: 100%;
}
.disclosure-content p:not(:last-child) {
  margin-bottom: 25px;
}
.unmanaged-block h2, .licence-block h2 {
  margin-bottom: 8px;
}
.unmanaged-block p, .disclosure-content p, .license-section p, .aggreement-list li {
  color: #6C6C6C;
}
.font-black{
  color: var(--black-color);
}

/*--------------------------------------------------------------
 privacy-page-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 terms-condition-page-css-end
--------------------------------------------------------------*/
.bg-light-grey{
  background-color: #FAFAFA;
}
.terms-condition-section{
  background: var(--purple-color);
  padding: 200px 0 0px;
}
.terms-condition-section::after{
  content: "";
  position: absolute;
  background: url('../img/terms-condition-shape.png') no-repeat;
  width: 100%;
  height: 587px;
  bottom: 0;
  z-index: -1;
  background-size: 100% 100%;
}
.terms-banner-img img {
  max-height: 420px;
}
.terms-condition-section .banner-content{
  padding-top: 100px;
}
.custom-pd{
  padding: 50px 0px;
}
.updated-block h6 {
  color: #363636;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 15px;
}
.licence-block {
  margin-bottom: 30px;
}
.aggreement-block h6{
  color: #363636;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 25px;
}
.aggreement-list li{
  box-shadow: 0px 1px 11px rgba(0,0,0,15%);
  padding: 19px 30px 19px 52px;
  list-style-type: none;
  width: 48%;
  margin-bottom: 27px;
}
.aggreement-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.aggreement-block {
  margin-bottom: 20px;
}
.aggreement-list.plan-bullets li::before{
  width: 10px;
  height: 10px;
  left: 30px;
  top: 27px;
  background-color: #363636;
}
.pay-info-tabs {
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  overflow: hidden;
} 

.pay-info-tabs .nav-link {
  font-size: 20px;
  line-height: 30px;
  color: var(--black-color);
  background-color:transparent;
  border: 0;
 padding: 29px 23px;
 font-family: 'Poppins-SemiBold';
 width: 100%;
}
.pay-info-tabs .nav-link.active{
  color: #fff;
  background-color: var(--primary-color);
}
.pay-info-tabs ul li{
  flex-grow: 1;
}
.pay-info-tabs ul li:not(:first-child){
  border-left: 1px solid #D8D8D8;
}
.license-tab-body {
  padding: 30px 40px;
  border-top: 1px solid #E1E1E1;
}
.license-tab-body p {
  margin-bottom: 8px;
}
.license-tab-body p:last-child{
  margin-bottom: 0;
}
.policy-list li {
  padding: 0px 0px 0px 24px;
}
.policy-list li::before{
  left: 0;
  top: 9px;
  width: 10px;
  height: 10px;
  background-color: #363636;
}
.termination-blk li{
  width: 100%;
}
.termination-list-box {
  min-height: 57px;
}
.termination-blk li:last-child, .updated-section .updated-block p:last-child{
  margin-bottom: 0;
}
/*--------------------------------------------------------------
 terms-condition-page-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 vloume-block-storage-page-css-end
--------------------------------------------------------------*/
.volume-title h4 {
  font-family: 'Poppins-Bold';
}
.volume-title h4:first-child {
  margin-bottom: 28px;
}
.volume-title{
  margin: 16px 0 25px;
}
.volume-block-storage-section .banner-content{
  max-width: 813px;
  margin: 0 auto 95px;
  padding-top: 65px;
}
.volume-block-storage-section .container {
  z-index: 1;
  position: relative;
}
.volume-block-storage-section{
  background: var(--purple-color);
  padding: 155px 0px 200px;
  margin-bottom: -265px;
}
.volume-block-storage-section::before{
  content: "";
  position: absolute;
  background: url('../img/storage-bg-shapes.svg') no-repeat;
  width: 100%;
  top: 27%;
  right: 0;
  left: 0;
  bottom: 0;
  height: 529px;
  z-index: 0;
  background-size: 100% 100%;
}
.volume-block-storage-section::after{
  content: "";
  position: absolute;
  background: url('../img/storage-layer.svg') no-repeat;
  width: 100%;
  top: auto;
  bottom: 0;
  height: 654px;
  z-index: -1;
}
/*====== breadcrumb-css-start======= */
.breadcrumb-item.active, .breadcrumb-item a {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before{
  font-size: 0;
  background: url('../img/right-icon.svg') no-repeat;
  width: 16px;
  margin-top: 5px;
}
.breadcrumb-item a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  bottom: 0;
  left: 0;
}
.breadcrumb-item a {
  position: relative;
}
/*====== breadcrumb-css-end======= */
.hovered-user-icon,.nav-user a:hover .user-icon{
  opacity: 0;
}
.nav-user a:hover .hovered-user-icon{
  opacity: 1;
}
.nav-user a:hover .user-icon{
  transition: all .6s ease-in-out;
}
.nav-user .hovered-user-icon{
  position: absolute;
  left: 0;
  transition: all .3s ease-in-out;
  top: 9px;
}
.performance-txt p {
  margin-bottom: 22px;
}
.performance-txt {
  margin-bottom: 35px;
}
.storage-block-content dd::before {
  top: 8px;
  color: #606060;
}
.storage-block-content dt{
  color: #000;
}
.storage-title{
  font-size: 22px;
  line-height: 30px;
  color: #000;
  font-family: 'Poppins-SemiBold';
}
.storage-img-block {
  margin-bottom: 35px;
}
.strg-service-innr {
  background-color: #fff;
  box-shadow: 0px 20px 40px rgba(0,0,0,25%);
  border-radius: 20px;
  padding: 55px 130px;
  position: relative;
}
.strg-service-innr .def-list dt {
  font-size: 22px;
  line-height: 30px;
}
.strg-service-innr .def-list dd{
  font-size: 16px;
  line-height: 21px;
}
/*--------------------------------------------------------------
 vloume-block-storage-page-css-end
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 load-balancer-page-css-start
--------------------------------------------------------------*/
.certified-txt p{
  font-size: 16px;
  line-height: 24px;
}
.lb-banner-img img {
  height: 500px;
}
.load-balancer-section{
  background: var(--purple-color);
  padding-bottom: 100px;
}
.load-balancer-section.banner-sec::before{
  background: url('../img/load-balancer-left-shape.svg') no-repeat;
  max-width: 642px;
  height: 410px;
}
.load-balancer-section.banner-sec::after{
  background: url('../img/load-balencer-right-shape.svg') no-repeat;
  max-width: 297px;
  height: 186px;
}
.load-bal-title {
  margin-bottom: 12px;
}
.load-balancer-section h3 {
  margin-bottom: 30px;
  max-width: 435px;
}
.load-banner-txt{
  margin-bottom: 65px;
  max-width: 500px;
}
.load-balancer-section .banner-content {
  padding-top: 60px;
}
.get-title{
  font-size: 45px;
  line-height: 60px;
  color: var(--purple-color);
}
.get-content p{
  color: #414141;
}
.get-section {
  background-color: #F9F9F9;
  margin-bottom: -110px;
  min-height: 455px;
  padding-bottom: 155px
}
.block img {
  height: 81px;
  margin-bottom: 16px;
}
.management-blocks {
  max-width: 950px;
  margin: auto;
}
.block {
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0px 0px 12px rgb(0 0 0 / 6%);
  padding: 30px;
  text-align: center;
  height: 100%;
  max-width: 257px;
  margin: auto;
  transition: all .3s ease-in-out;
}
.block:hover{
  transform: scale(1.05);
}
.block p {
  max-width: 185px;
  margin: 0 auto;
  color: #3F4048;
  font-family: 'Poppins-Medium';
}

.management-content h3{
  font-size: 27px;
  line-height: 41px;
  color: var(--black-color);
  font-family: 'Poppins-Medium';
  margin-bottom: 6px;
}
.management-content p{
  color: #5E5E5E;
}
.management-list li::before{
  left: 0;
  top: 9px;
  width: 9px;
  height: 9px;
  background-color: #59E166;
}
.management-list li {
  padding-left: 23px;
}
.management-txt h6{
  color: #363636;
  font-family: 'Poppins-SemiBold';
  margin-bottom: 4px;
}
.management-txt p{
  color:#6C6C6C;
}
.management-list {
  margin-top: 20px;
  padding-left: 15px;
}
.management-list li:not(:last-child) {
  margin-bottom: 15px;
}

.server-health-sec{
  background-color: #FCFCFC;
}

.certified-block{
  border: 1px solid #E0DFE2;
  background-color: #F9F9F9;
  padding: 40px 55px;
  border-radius: 7px;
}
.management-innr, .certified-block{
  max-width: 1180px;
  margin: auto;
}
.management-innr, .management-section, .privacy-section, .cookies-section, .terms-condition-section{
  overflow: hidden;
}
.certified-block h3 {
  font-family: 'Poppins-Regular';
  margin-bottom: 15px;
}
.certified-block h3 span{
  color: var(--primary-color);
  font-family: 'Poppins-Medium';
}
.certified-content{
  display: flex;
  align-items: center;
}
.certified-content img{
  margin-right: 25px;
}
.certified-txt span{
  color:#396CAA;
}
.certified-txt span a{
  color:#396CAA;
}
.get-started-sec{
  background-color: var(--purple-color);
}
.get-started-block h2 {
  font-family: 'Poppins-SemiBold';
  margin-bottom: 15px;
}
.get-started-block p {
  margin-bottom: 35px;
}
/*--------------------------------------------------------------
 load-balancer-page-css-end
--------------------------------------------------------------*/
.cookiealert {
  background: #20243d;
  padding: 15px 20px;
  font-size: 15px;
  border-top: 1px solid #ffffff29;
}

.cookiealert .acceptcookies {
  padding: 5px 24px;
  font-size: 15px;
}
.cookiealert .acceptcookies:hover, .cookiealert .acceptcookies:active, .cookiealert .acceptcookies:focus {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.btn-primary:active:focus{
  box-shadow: none;
}
.btn-primary:focus-visible{
  outline: 0;
}
.cookiealert a {
  color: #22acbf;
}
.mail-form-list li:last-child .formMail-id {
  max-width: 248px;
}
.contact-map img {
  width: 100%;
}
/*--------------------------------------------------------------
 Footer-css start
--------------------------------------------------------------*/

.footer-top {
  background-color: #F9F9F9;
  padding: 48px 0px;
}
.footer-menu ul li a {
  font-size: 14px;
  line-height: 26px;
  color: #707070;
  margin: 0px 14px;
}
.footer-menu ul li:first-child a{
  margin-left: 0;
}
.footer-social ul li a {
  width: 39px;
  height: 39px;
  background-color: var(--purple-color);
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: inline-block;
  line-height: 40px;
  font-size: 15px;
  transition: all .3s ease-in-out;
}
.footer-menu ul li a:hover {
  color: #151515;
}
.footer-social ul li a:hover {
  transform: translateY(-4px);
  background-color: #20243dd1;
}
.footer-social ul li {
  margin: 0px 6px;
}
.footer-social ul li:last-child{
  margin-right: 0;
}
.footer-bottom ul li,.footer-bottom ul li a{
  font-size: 14px;
  line-height: 21px;
  color: #959595;
}
.footer-bottom {
  padding: 37px 0px;
}
footer .footer-social li {
  margin-right: 0;
}
/*--------------------------------------------------------------
 Footer-css end
--------------------------------------------------------------*/
/*--------------------------------------------------------------
 custom-css start
--------------------------------------------------------------*/

.testimonial-descr {
    font-size: 15px;
}
.want-try-heading {
    font-size: 30px;
}
.want-try-desc {
    font-size: 15px;
}
h5.stack-content-head {
    line-height: 40px;
}
.easy-deploy-block {
  padding: 70px 0px;
}
.easy-deploy-block h3{
  color: var(--purple-color);
  margin-bottom: 15px;
}
.traffic-management-sec {
  background-color: #FCFCFC;
}

/* .feature-h3 {
    font-size: 25px !important;
    line-height: 37px;
} */
/* strong.fture-strong {
    font-size: 35px;
} */

/* ======explore-section=========== */
.explore-title{
  font-size: 25px;
  color: var(--dark-color);
  line-height: 30px;
  font-family: 'Poppins-Medium';
}
.explore-title span {
  display: block;
  font-family: 'Poppins-Bold';
  margin-bottom: 5px;
}
.explore-container {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: -1px -1px 10px #717171;
  background-color: #21243d;
}
.video-container {
  display: flex;
  padding: 0px;
  align-items: flex-start;
  padding: 0px 4px 4px;
}
.explore-heading{
  margin-bottom: 30px;
}
.exploring-sec{
  padding: 180px 0px 0px;
}
.exploring-sec .col-12 {
  position: relative;
  z-index: 1;
}
.video-container video{
  width: 100%;
  margin-top: -1px;
  border-radius: 8px;
}
.plans-table .table-responsive {
  overflow: hidden;
}
label.error {
  color: #dc3545;
  font-size: 13px;
}
.contact-bottom-block {
  display: flex;
  justify-content: space-between;
}
[type=button], [type=reset], [type=submit], button{
  -webkit-appearance: none;
} 
.mob-menu .dropdown.nav-dropdown .dropdown-toggle{
  white-space: unset;
}
 /*--------------------------------------------------------------
 keyframes start
--------------------------------------------------------------*/
@keyframes move{
  0%{
    transform: translateY(-10px);
  }
 
  100%{
    transform: translateY(10px);
  }
}
/*22-Dec-21*/
.alert-notification {
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  background-color: #ea1d48;
  border-color: #ea1d48;
  border-radius: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
/*   z-index: 9; */
  z-index: 100; 
}
.notifi-text .btn {
  border: 1px solid #fff;
  border-radius: 6px;
  padding: 7px 13px;
  font-size: 12px;
  line-height: normal;
  margin-left: 8px;
}
.notifi-text {
  font-size: 16px;
  line-height: 24px;
  font-family: 'Poppins-Medium';
  padding-right: 20px;
}
.promo-code {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.promo-code i:hover {
  color: #7d86c2 !important;
}

@media (max-width:  991px){  
  .alert-notification { padding: 13px 15px; }
  .notifi-text { font-size: 14px; }
}

@media(max-width:  767px){
  .notifi-text { font-size: 12px; line-height: 30px; padding-right: 15px; }
  .promo-code i { font-size: 15px !important; }
  .notifi-text .btn { font-size: 10px; padding: 5px 8px; line-height: 14px; }

}

@media(max-width: 375px){
  .notifi-text { font-size: 11px; }
}

@media screen and (min-width: 320px) and (max-width: 620px) {
 /*  .header { top: 88px !important; }  */
  .promo-code { top: 100%; transform: translateY(-100%); }
}

/* Custom CSS class for the gold star */
.gold-star {
  color: gold;
}


/*Border color */
.border-color {
  border: #3E5093;
}


/*Negative margin for plan-head*/
.mt-negative-10 {
  margin-top: -10px;
  margin-bottom: -10px;
  
}


/*Plan-head bg color */
.bg-color {
  background: #3E5093;
}