/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.
#fdd700!important
***************************************************** */
.sticky-table {
  position: fixed !important;
  top: 0;
}
.wordpress-filter-flex{
    display: flex !important;
    justify-content:center !important;
    align-items:center !important;
}
input#fyft-option-one,
input#fyft-option-two {
    height: 50px;
    padding: 100px;
    width: 18px;
}
.wordpress-filter-flex label{
    padding: 10px !important;
    font-weight: 700;
}
.wordpress-filter-flex input{
    font-weight: 700;
}
input[type="radio"]:checked + label {
    font-weight: bold;
    color: white !important;
    background-color: #55bde5 !important;
    margin-right: 10px;
    border-radius: 20px;
}
.noUi-tooltip{
    display:none !important;
}
.pp-banner-img{
    background-image: url(../../webassets/img/topbanner001.jpg) !important;
    background-repeat:no-repeat;
    background-position: center center !important;
    background-size: cover;
}
.faq-steps {
    font-size: 50px !important;
    letter-spacing: 1px;
    font-weight: 600;
    color: #55bde5;
}
.run-switch .switch {
    background-color: #55bde5 !important;
}
#btn-yellow{
    background-color: #fdd700!important;
    color:#000 !important;
}
.highlight {
    background-color: yellow;
}
.copy-button,
.promo-code {
  cursor: pointer;
}
.promo-flex{
    display:flex !important;
    align-items: center !important;
}
.promo-code{
    border: 2px dotted #55bde5 !important;
    background-color: #ffff !important;
    text-align:center !important;
}
.promo-flex i{
    font-size: 35px !important;
    color:#55bde5 !important;
}
.btn-default-yellow-fill{
    color: #ffffff !important;
}
.maping .datacenters.newyork {
    top: 44% !important;
    left: 13%!important;
}
.maping .datacenters.hk {
    top: 45% !important;
    left: 78%!important;
}
.maping .datacenters.montreal {
    top: 30% !important;
    left: 15%!important;
}
.maping .datacenters.london {
    top: 48% !important;
    left: 24%!important;
}
.maping .datacenters.portugal {
    top: 52% !important;
    left: 17%!important;
}
.maping .datacenters.bangladesh {
    top: 53% !important;
    left: 72%!important;
}
.footer-below-text{
    font-size: 14px;
    color: #414142;
}
.maping .datacenters.moskow {
    top: 42% !important;
    left: 47%!important;
}
.maping .datacenters.burcharest {
    top: 43% !important;
    left: 52%!important;
}
.maping .datacenters.frankfut {
    top: 35% !important;
    left: 54%!important;
}
.maping .datacenters.europe {
    top: 29% !important;
    left: 50%!important;
}
table#clone {
    top: 0px !important;
    margin-top: 0px !important;
}
.custom-pt{
    padding-top:80px;
}
.drop-lng{
    display:none;
}
.btn-default-purple-fill {
    background-color: #55bde5 !important;
}
.about-description{
    font-size:15px !important;
}
.hightlighted{
    font-size:16px;
    color:#55bde5;
}
.bluecolor{
    color:#55bde5 !important;
}
.bluecolortext{
    color:#55bde5 !important;
    font-size:25px !important;
}

#addon-text-center{
    text-align:center !important;
}
.bcg-bluecolor{
    color:#55bde5 !important;
}
.item6d {
    background-image: url(../../webassets/img/topbanner06.jpg);
    background-repeat:no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.contact-backgroud{
    background-image: url(../../webassets/img/topbanner0005.png) !important;
    background-repeat:no-repeat;
    background-position: center center !important;
    background-size: cover;
}
.cloudWebHosting{
    background-image: url(../../webassets/img/topbanner00095.jpg) !important;
    background-repeat:no-repeat;
    background-position: center center !important;
    background-size: cover;
}
.ssl-banner-img{
    background-image: url(../../webassets/img/topbanner101.jpg) !important;
    background-repeat:no-repeat;
    background-position: center center !important;
    background-size: cover;
}
.wordpressHosting{
    background-image: url(../../webassets/img/topbanner00097.jpg) !important;
    background-repeat:no-repeat;
    background-position: center center !important;
    background-size: cover;
}
.resellerHosting{
    background-image: url(../../webassets/img/topbanner00096.jpg) !important;
    background-repeat:no-repeat;
    background-position: center center !important;
    background-size: cover;
}
.text-left{
    text-align: left !important;
}
.product .product-desc {
    padding: 25px 40px 40px 60px !important;
}
.decnone{
    text-decoration:none !important;
    color: #55bde5 !important;
    font-weight: 500 !important;
}
.text-light-color{
    font-size: 18px;
    color: #eaeaea;
    line-height: 32px;
}
.sec-uping {
    margin-top: -140px !important;
    z-index: 1;
}
#payment-options{
    display: flex !important;
    text-align: left !important;
    padding-left: 1px !important;
}
#payment-options li{
    list-style: none !important;
    margin-right: 1px !important;
    padding-left: 1% !important;
}
#payment-options i{
    font-size: 250% !important;
}

#promotionIcon{
    max-width: 28px !important;
}
#includedAfterz li {
    flex-wrap: nowrap !important;
    display: flex !important;
    align-items: start !important;
}
#includedAfter ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}
#includedAfter li {
    list-style: none !important;
    margin-right: 1px !important;
}
#includedAfterd ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-bottom: 30px !important;
}
#includedAfterd li {
    list-style: none !important;
    margin-right: 1px !important;
}
#includedAfterd i {
    font-size: 40px !important;
    padding: 15px !important;
    border: 3px solid #ebeff5!important;
    margin-right: 20px !important;
}
#includedAfterd b {
    font-size:20px !important;
    color: #55bde5 !important;
    letter-spacing: -1px !important;
}
#includedAfterd span {
    line-height: 1.3 !important;
    letter-spacing: .5 px !important;
    padding-right: 50px !important;
}
#line-heightNone{
    line-height: 1.5 !important;
}
.cimg-comparision{
    max-width: 80% !important;
}
.cloudimg-comparision{
    max-width: 95% !important;
}
.pricing .wrapper .top-content {
    padding: 40px 20px !important;
}
.pricing .list-info {
    padding: 30px 20px 40px !important;
}
.bg-match{
 background-color: #D8D8D8 !important;   
}
.hidden {
  display: none !important;
}
.hidden-row {
    display: none !important;
}

.display-flex-gsuite{
    display:flex !important;
    align-items:center;
}
.display-flex-gsuite-container{
    display:flex !important;
}
.display-flex-gsuite img{
    max-width: 20%;
    padding-right:15px;
}
.display-flex-gsuite-connect{
    display:flex !important;
    align-items:center;
}
.display-flex-gsuite-connect img{
    max-width: 10%;
    padding-right:15px;
}
.team-connect-heading {
    line-height: 70px !important;
}
#myVideo {
    max-width: 100%;
}
.table-img {
    max-width: 30px !important;
    margin-right:3px !important;
}
.imgsixpercent {
    max-width: 80% !important;
}

.sslbackground{
     background: 
     linear-gradient(to right, #55bde5d1 50%, transparent 50%),
     url('../../webassets/img/sslbgi.jpg');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center center;
  
}
.datacenterbackground{
     background-image: url(../../webassets/img/topbanner101.jpg) !important;
    background-repeat:no-repeat;
    background-position: center center !important;
    background-size: cover;
  
}
.w-100{
    max-width:100% !important;
}
#includedyellow i{
    color: white !important;
   
}
#includedyellow{
     margin-top: 10px !important;
}

#includedcol li {
    color: black !important;
}
.yellowcolor{
   color: #fed800 !important;
}
.heading-ssl {
    font-size: 65px !important;
}
.custom-flex{
    display:flex !important;
}
.custom-progress-bar {
    background-color: #55bde5;
  }
.custom-progress-g {
    background-color: #009f04;
  }
.text-leftalign{
    text-align: left;
}
.text-leftalign li{
    color: #28282b!important;
    font-weight:400 !important;
}
.text-leftalign ul{
    padding-left:2px !important;
}
.text-leftalign i{
    color: #55bde5 !important;
}
.justify-top-col{
    align-items: start !important;
}
.mfp-bottom-bar {
     border-radius: 1px !important;
}
.steps-ssl{
    display:flex !important;
    align-items: start !important;
    justify-content: space-around !important;
}
.steps-ssl div{
    max-width: 23%;
    background-color: #ebeff5;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 50px 10px;
    border-radius: 0 0 5% 5%;
    border-top: 7px solid #55bde5;
}
.ssl-green{
    border-top: 7px solid #009f04 !important;
}
.circle-ssl{
    margin-top: -35%;
}
.circle{
    background-color: #55bde5;
    padding: 12% 15% 12% 15%;
    border-radius: 50%;
    color:white;
}
.circle-green{
    background-color: #009f04 !important;
}
.greencolor{
    color: #009f04 !important;
}
.number-s{
  font-size: 25px;
    font-weight: 900;
}

/* *****************************************************

    ** Custom Slider**

***************************************************** */
.wrapper-slider {
  max-width: 1100px;
  width: 92%;
  position: relative;
}
.wrapper-slider i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
}
.wrapper-slider i:active{
  transform: translateY(-50%) scale(0.85);
}
.wrapper-slider i:first-child{
  left: -22px;
}
.wrapper-slider i:last-child{
  right: -22px;
}
.wrapper-slider .carousel-clients{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 12px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  list-style:none !important;
}
.carousel-clients::-webkit-scrollbar {
  display: none;
  list-style:none !important;
}
.carousel-clients.no-transition {
  scroll-behavior: auto;
}
.carousel-clients.dragging {
  scroll-snap-type: none;
}
.carousel-clients.dragging .slider-card {
  cursor: grab;
  user-select: none;
}
.img-client {
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel-clients .slider-card {
  scroll-snap-align: start;
  list-style: none;
  background: #fff;
  cursor: pointer;
  padding-bottom: 15px;
  flex-direction: column;
  border-radius: 8px;
}
.carousel-clients .slider-card .img {
  background: #8B53FF;
  height: 80px;
  width: 80px;
  border-radius: 50%;
}
.slider-card .img-client img {
  width: 80px;
  height: 80px;
  vertical-align: top !important;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #fff;
}
.carousel-clients .slider-card h2 {
  font-weight: 600;
  font-size: 1.3rem;
  margin: 30px 0 5px;
}
.carousel-clients .slider-card span {
  color: #6A6D78;
  font-size: 1.31rem;
}
.nomargin-slider{
    margin-top: 0 !important;
}
.slick #slider .plan-container .wrapper .top-content {
    padding: 40px 20px 20px !important;
}
.slick #slider .plan-container .wrapper .list-info {
    padding: 20px 20px 40px !important;
}
#run-switch, #run-switch * {
    pointer-events: auto;
}
.sec-uping{
    padding-top: 200px !important;
    background-color: white !important;
}

@media screen and (max-width: 990px) {
  .wrapper-slider .carousel-clients {
    grid-auto-columns: calc((100% / 2) - 9px);
      
  }
    .slider-margin-wordpress{
    margin-top:-16% !important;
  }
}
@media screen and (max-width: 1440px) {
    .slider-margin-wordpress{
    margin-top:-7% !important;
  }
}
@media screen and (min-width: 1440px) {
    .slider-margin-wordpress{
    margin-top:-6% !important;
  }
}
@media screen and (max-width: 600px) {
  .wrapper-slider .carousel-clients {
    grid-auto-columns: 100%;
  }
  .wrapper-slider {
  max-width: 1100px;
  width: 85%;
  position: relative;
}
}
@media screen and (max-width: 1000px) {
    .steps-ssl{
    display:flex !important;
    align-items: start !important;
    justify-content: space-around !important;
    flex-direction: column;
    text-align: center;
    padding-top: 50px;
}
.steps-ssl div{
    width: 99%;
    max-width: 100%;
    background-color: #ebeff5;
    min-height: 100px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 50px 10px;
    border-radius: 0 0 5% 5%;
    border-top: 7px solid #55bde5;
}
.circle-ssl{
    margin-top: -13%;
    padding: 2%;
}
.circle{
    background-color: #55bde5;
    padding: 3% 4% 3% 4%;
    border-radius: 50%;
    color:white;
}
.heading-ssl {
    font-size: 45px !important;
}
}
@media screen and (max-width: 764px ){
  .circle-ssl{
    margin-top: -18%;
}
.circle{
    background-color: #55bde5;
    padding: 5% 6% 5% 6%;
    border-radius: 50%;
    color:white;
}
}
@media screen and (max-width: 548px) {
  .circle-ssl{
    margin-top: -20%;
}
.circle{
    background-color: #55bde5;
    padding: 5% 6% 5% 6%;
    border-radius: 50%;
    color:white;
}
}
@media screen and (max-width: 400px ){
  .circle-ssl{
    margin-top: -27%;
}
.circle{
    background-color: #55bde5;
    padding: 8% 8% 8% 8%;
    border-radius: 50%;
    color:white;
}
}
@media screen and (min-width: 1000px ){
  .faq-wrap{
    min-height: 325px !important;
}
}