.promo-section{
    background-color: white;
}


     
.ssl-section {
  position: relative;
  max-width: 1100px;
  margin: 4rem auto;
  padding: 2.5rem;
  border-radius: 32px;
  background: white;
  box-shadow: 0 6px 32px 0 rgba(155, 135, 245, 0.13), 0 1.5px 16px 0 rgba(51,195,240,0.07);
  border: 1.5px solid var(--gray-light);
  overflow: hidden;
  margin-top: -270px;
}
.ssl-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
}
.ssl-text {
  flex-basis: 390px;
  flex-grow: 1;
}
.ssl-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--gray-light);
  color: #1a1f2c;
  border-radius: 100px;
  padding: 8px 20px;
  font-weight: 600;
  margin-bottom: 18px;
}
.shield {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  color:  #008ac8;
}
.ssl-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a1f2c;
  margin-bottom: 18px;
}
.ssl-desc {
  color: #222;
  font-size: 1.07rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
.ssl-btn {
  display: inline-block;
  background: white;
  border: 1px solid #008ac8;
  color:#008ac8;
  border-radius: 999px;
  font-size: 1.12rem;
  font-weight: 700;
  padding: 0.8rem 2.4rem;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(51,195,240,0.08);
  transition: background .18s, box-shadow .18s, transform .15s;
}
.ssl-btn:hover {
  background: #008ac8;
  box-shadow: 0 4px 18px rgba(155,135,245,0.19);
  transform: scale(1.04);
  color:white;
}
.ssl-img-area {
  position: relative;
  max-width: 380px;
  flex-basis: 340px;
  flex-grow: 1;
  z-index: 2;
}


.ssl-img-box {
  position: relative;
  background: #fff;
  border-radius: 20px;
  border: 1.5px solid var(--gray-light);
  box-shadow: 0 6px 32px 0 rgba(155, 135, 245, 0.13);
  padding: 1rem;
  z-index: 2;
}
.ssl-img {
  width: 100%;
  display: block;
  border-radius: 14px;
  box-shadow: 0 2px 30px 0 rgba(51,195,240,0.09);
}
.ssl-img-shield {
  position: absolute;
  right: -18px;
  bottom: -18px;
  background: #008ac8;
  color: #fff;
  border-radius: 50%;
  padding: 1.1rem;
  box-shadow: 0 3px 13px rgba(155, 135, 245, 0.19);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
.ssl-img-shield svg {
  width: 27px; height: 27px;
}
@media (max-width: 900px) {
  .ssl-content {
    flex-direction: column;
  }
  .ssl-img-area {
    margin-top: 2rem;
  }
}




@media(min-width: 320px)and (max-width: 768px){
    .main-with-padding{
        padding-top:92px !important
    }
    .main-without-padding{
        padding-top:36px !important
    }
    .main-without-topbar{
        padding-top:0 !important
    }
}
#hero-shap-1{
    top:0
}
svg{
    overflow:hidden
}
svg:root{
    width:100%;
    height:100%
}
svg.shape-bg,svg.promo-bg{
    position:absolute;
    width:100%;
    left:0;
    z-index:-1
}
.hero-image{
    position:relative;
    width:100%;
    height:100%;
    display:block
}
#promo-shape{
    top:3.5%;
    width:100%;
    right:0
}
.main-with-padding{
    padding-top:105px
}
.hero-equal-height{
    position:relative;
    min-height:660px;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100%;
    width:100%
}
.fit-cover{
    top:0;
    left:0;
    right:0;
    bottom:0;
    -o-object-fit:cover;
    object-fit:cover
}
.z--1{
    z-index:-1
}
.animation-image-wrap{
    position:relative
}
.animation-icon-img{
    position:absolute;
    left:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-animation:bounce 1s ease-in-out 0s infinite alternate;
    animation:bounce 1s ease-in-out 0s infinite alternate
}
.animation-icon-img.animation-icon-1{
    left:15%;
    top:30%
}
.animation-icon-img.animation-icon-2{
    left:inherit;
    right:45%;
    top:0;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.animation-icon-img.animation-icon-3{
    top:30%;
    left:75%;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.animation-icon-img.animation-icon-4{
    left:inherit;
    right:45%;
    top:60%;
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.animation-icon-img.animation-icon-5{
    left:14%;
    top:55%
}
@-webkit-keyframes bounce{
    0%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
    to{
        -webkit-transform:translateY(-25px);
        transform:translateY(-25px)
    }
}
@keyframes bounce{
    0%{
        -webkit-transform:translateY(0px);
        transform:translateY(0px)
    }
    to{
        -webkit-transform:translateY(-25px);
        transform:translateY(-25px)
    }
}
.two-col-list{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.two-col-list li{
    -webkit-box-flex:1;
    -ms-flex:1 1 50%;
    flex:1 1 50%;
    max-width:50%;
    padding:0 12px 8px 0;
    font-size:14px;
    display:-ms-inline-flexbox;
    display:-webkit-inline-box;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
@media screen and (max-width: 768px)and (min-width: 320px){
    .two-col-list li{
        max-width:100%;
        -webkit-box-flex:1;
        -ms-flex:1 1 100%;
        flex:1 1 100%
    }
}
.shape-bottom img.bottom-shape{
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    z-index:0;
    width:100%;
    margin:0 auto
}
.offer-countdown{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:20px;
    color:#fff;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.left-arrow,.right-arrow{
    width:0;
    height:0;
    border-top:20px solid rgba(0,0,0,0);
    border-bottom:20px solid rgba(0,0,0,0)
}
.left-arrow{
    border-left:20px solid #fff;
    margin-right:25px
}
.right-arrow{
    border-right:20px solid #fff;
    margin-left:25px
}
.background-video-overly{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(3, 25, 116, 0.45)), to(rgba(25, 52, 167, 0.4)));
    background-image:linear-gradient(90deg, rgba(3, 25, 116, 0.45), rgba(25, 52, 167, 0.4))
}
.hero-slider-section{
    position:relative;
    overflow:hidden
}
.gradient-overly-right,.gradient-overly-left,.gradient-overly-bottom,.gradient-overly-top{
    z-index:1;
    width:100%;
    min-width:100%;
    position:relative;
    overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
}

client-img{
    -webkit-filter:none;
    filter:none;
    opacity:1
}
.accordion-faq .card{
    border-radius:0;
    border:0
}
.accordion-faq .card-header{
    padding:20px 0;
    background:rgba(0,0,0,0);
    border-bottom:1px solid #ebebeb;
    cursor:pointer;
    margin-bottom:0 !important;
    color:inherit
}
.accordion-faq .card-header h6{
    font-family:"Poppins",sans-serif;
    font-weight:600
}
.accordion-faq .card-body{
    padding:25px 0;
    background:rgba(0,0,0,0)
}
.accordion-faq .card-header.collapsed:after{
    content:"";
    -webkit-transition:.5s;
    transition:.5s
}
.accordion-faq .card-header:after{
    font-family:"Font Awesome 6 Pro";
    content:"";
    float:right;
    -webkit-transition:.5s;
    transition:.5s
}
@media(min-width: 320px)and (max-width: 992px){
    .promo-top.mt--165{
        margin-top:0 !important
    }
}
.single-promo-hover{
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out;
    will-change:transform
}
.single-promo-hover:hover{
    -webkit-box-shadow:2px 10px 20px 0 rgba(2,19,79,.1) !important;
    box-shadow:2px 10px 20px 0 rgba(2,19,79,.1) !important
}
a .single-promo-2 p{
    color:#707070
}
.circle-icon{
    display:block;
    margin-bottom:30px
}
.single-promo-2 span{
    border-radius:.25rem;
    font-size:28px;
    width:64px;
    height:64px;
    line-height:64px;
    background:var(--primary-darker)
}
.popular-categories-list li{
    position:relative;
    display:block;
    overflow:hidden;
    width:100%;
    margin-bottom:25px;
    -webkit-transition:all .3s ease-in;
    transition:all .3s ease-in
}
.popular-categories-list li:last-child{
    margin-bottom:0
}
.help-center-box-link{
    text-align:center;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    right:-50px;
    -webkit-transition:all .3s ease-in;
    transition:all .3s ease-in
}
.popular-categories-list li:hover{
    background:#f5f5f5
}
.popular-categories-list li:hover .help-center-box-link{
    right:20px
}
.features-box{
    position:relative;
    display:block
}
.features-box-icon{
    display:table-cell;
    vertical-align:top
}
.features-box-content{
    display:table-cell;
    padding-left:20px
}
.tech-feature-list li{
    font-size:14px
}
.start-website-box{
    position:relative;
    z-index:2
}
.start-website-box div[class*=box]{
    border-radius:4px;
    border:1px solid rgba(54,57,60,.1);
    -webkit-box-shadow:0 4px 8px rgba(81,85,88,.1);
    box-shadow:0 4px 8px rgba(81,85,88,.1)
}
.start-website-box div.left-box{
    padding:60px 90px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:0
}
.start-website-box div.right-box{
    padding:60px 90px;
    color:#fff;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left:0
}
.start-website-box ul li h5{
    margin-bottom:0
}
.start-website-box ul li{
    margin-bottom:20px
}
.start-website-box ul li p{
    font-size:14px
}
@media screen and (max-width: 991px){
    .start-website-box div.left-box{
        padding:40px 40px 50px;
        border-top-right-radius:4px;
        border-bottom-left-radius:0;
        border-right:1px solid rgba(54,57,60,.1)
    }
    .start-website-box div.right-box{
        padding:50px 40px 40px;
        border-bottom-left-radius:4px;
        border-top-right-radius:0;
        border-left:1px solid rgba(54,57,60,.1)
    }
}
.domain-list{
    position:relative;
    width:100%;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    grid-auto-flow:dense;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))
}
.custom-shadow{
    -webkit-box-shadow:0 1px 30px 0 rgba(0,0,0,.05);
    box-shadow:0 1px 30px 0 rgba(0,0,0,.05);
    -webkit-transition:all .3s ease-in;
    transition:all .3s ease-in;
    border-radius:1rem !important
}
.custom-shadow:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-box-shadow:0 1rem 3rem rgba(31,45,61,.125) !important;
    box-shadow:0 1rem 3rem rgba(31,45,61,.125) !important
}
.domain-list li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:hidden;
    text-align:center;
    margin:20px;
    border-radius:1rem;
    border:1px solid #ebebeb
}
.domain-list li a{
    padding:15px
}
@media(min-width: 320px)and (max-width: 1199px){
    .domain-list li{
        margin-bottom:0 !important
    }
}
.single-domain img{
    display:inline-block;
    max-width:45px;
    min-height:13px;
    max-height:34px;
    margin-bottom:10px
}
.domain-price h6{
    font-size:16px;
    font-weight:700;
    font-family:"Poppins",sans-serif
}
.domain-price h6 span.badge{
    font-size:10px;
    padding:1px 4px
}
.old-price{
    color:#757575;
    font-size:14px;
    font-weight:600;
    font-family:"Poppins",sans-serif;
    opacity:.7;
    text-decoration:line-through
}
.feature-tab li{
    border:1px solid #f5f5f5;
    border-right:0 !important
}
.feature-tab li:last-child{
    border-right:1px solid #ebebeb !important;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.feature-tab li:first-child{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.feature-tab li a{
    padding:12px 28px
}
.feature-tab li a h6{
    font-size:14px
}
.feature-tab li a.nav-link{
    border:0;
    font-family:"Poppins",sans-serif;
    font-weight:500;
    color:#333;
    margin-bottom:0
}
.feature-tab li a p{
    display:block
}
ul.disc-style{
    list-style-type:disc;
    padding:0 0 0 18px
}
ul.disc-style li{
    font-size:14px;
    margin-bottom:10px;
    list-style:disc
}
.feature-new-tab li{
    border:1px solid #035ded
}
.feature-new-tab li:last-child{
    border-right:1px solid #035ded !important
}
.feature-new-tab li.nav-item.show .nav-link,.feature-new-tab .nav-link.active{
    background:#035ded;
    border:rgba(0,0,0,0);
    border-radius:0
}