@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPe-thin-font.woff2) format("woff2"),url(../fonts/AvertaStdPe-thin-font.woff) format("woff");
    font-weight: 200
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPe-Light-font.woff2) format("woff2"),url(../fonts/AvertaStdPe-Light-font.woff) format("woff");
    font-weight: 300
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdpe-Regular-font.woff2) format("woff2"),url(../fonts/AvertaStdpe-Regular-font.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPe-Semibold-font.woff2) format("woff2"),url(../fonts/AvertaStdPe-Semibold-font.woff) format("woff");
    font-weight: 600
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPe-Bold-font.woff2) format("woff2"),url(../fonts/AvertaStdPe-Bold-font.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPe-Extrabold-font.woff2) format("woff2"),url(../fonts/AvertaStdPe-Extrabold-font.woff) format("woff");
    font-weight: 800
}

@font-face {
    font-family: AvertaStd;
    src: url(../fonts/AvertaStdPe-Black-font.woff2) format("woff2"),url(../fonts/AvertaStdPe-Black-font.woff) format("woff");
    font-weight: 900
}

body{
    padding: 0;
    margin:0;
    font-family: AvertaStd;
    color: #524972;
}

a {
    text-decoration: none;
    transition: 0.5s;
}
  
button:focus, .btn:focus, .btn:visited{
    outline: none !important;
    box-shadow: none !important;
}
  
a:hover,
a:active,
a:focus, .form-control:focus, .form-control:active {
    color: #f67a3c;
    outline: none;
    box-shadow: none;
    border-color: #f67a3c;
    text-decoration: none;
}

.main-btn:hover{
    background-color: #fff;
    color: #f67a3c;
}


p {
    padding: 0;
    margin: 0 0 30px 0;
}
  
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
  
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0 0 20px 0;
    color: #2b1f51;
    padding: 0;
}

@media (min-width: 1650px) {
    .container {
        max-width: 1520px;
        max-width: 1490px;
    }
}

.header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.header.header-scrolled{
    position: fixed;
    z-index: 999;
    box-shadow: 0px 0px 10px #00000012;
    transition: all 0.3s ease-in-out;
}

.header-top-nav{
    background-color: #1f1f1f;
}

.header.header-scrolled .header-top-nav{
    display: none;
}

.header-bottom-nav{
    padding: 10px 0px;
    background-color: #fff;
}

.header-top{
    text-align: right;
    padding: 5px 0px;
}

.header-top ul{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

.header-top ul li{
    display: inline-block;
}

.header-top ul li a{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.header-top ul li a:hover{
    background-color: #2f2f2f;
    transition: all 0.3s ease;
}

.header-top ul li a img{
    width: 20px;
    margin-right: 10px;
}

.header-logo img{
    height: 50px;
}

.main-nav{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
.main-nav > ul {
    display: flex;
    justify-content: end;
} 
.main-nav > ul > li {
    position: relative;
    display: inline-block;
    text-align: left;
}
  
.main-nav a {
    display: inline-block;
    position: relative;
    color: #000;
    padding: 10px 20px;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 500;
}
  
.main-nav a:hover,
.main-nav .active > a,
.main-nav li:hover > a {
    color: #7c51fb;
    transition: color .3s ease;
    text-decoration: none;
}
  
.main-nav .ely-dropdown .mega-menu {
    display: block;
    position: absolute;
    right: 0;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
}
  
.main-nav a.login-btn{
    background: linear-gradient(60deg,rgba(124, 81, 251, 1) 0%, rgba(246, 122, 60, 1) 100%);
    border-radius: 6px;
    border: none;
    transform: scale(1);
    color: #fff !important;
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-nav a.login-btn:hover{
    transform: scale(1.02);
    box-shadow: 0px 0px 10px rgba(127, 137, 161, 0.25);
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-nav .ely-dropdown .mega-menu.mega-menu-04{
    position: absolute;
    width: 1140px;
    left: auto;
    transform: translateX(0);
    right: -92px;
    top: calc(100% + 30px);
    padding: 20px 30px;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
  
.main-nav .ely-dropdown:hover > .mega-menu, .main-nav .ely-dropdown:hover > .mega-menu.mega-menu-04 {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
  
.main-nav .ely-dropdown li {
    position: relative;
    transition: all 0.3s ease-in-out;
    border-radius: 2px;
}
  
.main-nav .ely-dropdown ul a {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    text-transform: none;
    color: #000;
}
  
.main-nav .ely-dropdown ul a img{
    margin-right: 10px;
}
  
.main-nav .ely-dropdown ul a:hover,
.main-nav .ely-dropdown ul .active > a,
.main-nav .ely-dropdown ul li:hover > a {
    color: #726FFF;
    background-color: #7c51fb1a;
}
  
.main-nav .ely-dropdown > a:after {
    content: "";
    background-image: url(../images/Arrow_drop_down.png);
    width: 15px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}
  
.main-nav .ely-dropdown .ely-dropdown ul {
    top: 0;
    left: calc(100% - 30px);
}
  
.main-nav .ely-dropdown .ely-dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
}
  
.main-nav .ely-dropdown .ely-dropdown > a {
    padding-right: 35px;
}
  
.main-nav .ely-dropdown .ely-dropdown > a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
}
  
.ely-dropdown a{
    padding-right: 32px;
}
  
.main-nav .ely-dropdown .mega-menu{
    width: 640px;
    display: flex;
    flex-wrap: wrap;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}

.mega-menu::before{
    position: absolute;
    top: -15px;
    content: '';
    background-image: url(../images/arrow-top.png);
    width: 20px;
    height: 20px;
}

.mega-menu-01::before{
    right: 270px;
}

.mega-menu-02::before{
    right: 272px;
}

.mega-menu-03::before{
    right: 240px;
}

.mega-menu-05::before{
    right: 268px;
}

.mega-menu-04::before{
    right: 96px;
}

.mega-menu-04 h3{
    font-size: 20px;
    font-weight: 700;
}

.main-nav .ely-dropdown .mega-menu li{
    width: calc(100% / 2);
    border-radius: 6px;
}
  
.main-nav .ely-dropdown .mega-menu li a{
    padding-left: 70px;
}
  
.main-nav .ely-dropdown .mega-menu li a img{
    width: 50px;
    position: absolute;
    top: 5px;
    left: 5px;
}
  
.main-nav .ely-dropdown .mega-menu li a h4{
    font-weight: 600;
    font-size: 16px;
    color: #1b1c21;
    margin-bottom: 8px;
}
  
.main-nav .ely-dropdown .mega-menu li a p{
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #524972;
}

.main-nav .ely-dropdown .nav-pills .nav-item{
    width: auto;
}

/* Mobile Navigation */
  
.mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background-color: #fff;
    padding: 10px;
    transition: 0.4s;
}
  
.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}
  
.mobile-nav a {
    display: block;
    position: relative;
    color: #0e0624;
    padding: 10px 20px;
    font-weight: 700;
}
  
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
    color: #110a26;
    text-decoration: none;
}
  
.mobile-nav .ely-dropdown > a:after {
    content: "\f078";
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
    padding-left: 10px;
    position: absolute;
    right: 15px;
}
  
.mobile-nav .active.ely-dropdown > a:after {
    content: "\f077";
}
  
.mobile-nav .ely-dropdown > a {
    padding-right: 35px;
}
  
.mobile-nav .ely-dropdown ul {
    display: none;
    overflow: hidden;
}
  
.mobile-nav .ely-dropdown li {
    padding-left: 20px;
}
  
.mobile-nav-toggle {
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
}
  
.mobile-nav-toggle i {
    color: #fff;
}
  
.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(40, 38, 70, 0.8);
    overflow: hidden;
    display: none;
}
  
.mobile-nav-active {
    overflow: hidden;
}
  
.mobile-nav-active .mobile-nav {
    left: 0;
}
  
.mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
}

.bg-gradient-color{
    background-image: linear-gradient(90deg, #7c51fb 0%, #9b7aff 38.98%, #b69dff 100%);
    background: linear-gradient(90deg, #7c51fb 0%, #9b7aff 38.98%, #b69dff 100%);
}

.home-banner{
    padding: 200px 0px 100px;
}

.bg-light{
    background-color:#f8f6ff;
}

.home-banner-content h1{
    font-weight: 900;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 30px;
}

.inner-banner-content h1{
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 30px;
}

.home-banner-content h5{
    font-size: 14px;
    color: #7c51fbe6;
    font-weight: 500;
}

.home-banner-content h5 span{
    width: 32px;
    height: 32px;
    background-color: #7c51fb1a;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.home-banner-content p{
    font-size: 16px;
    line-height: 28px;
}

.search-box{
    position: relative;
    margin-bottom: 30px;
}

.search-box form{
    display: flex;
    align-items: center;
    gap: 20px;
}

.search-box .form-control{
    height: 46px;
    padding: 7px 20px;
    border-radius: 30px;
    border: none;
}

.shiny-wrapper {
  position: relative;
  display: inline-block;
  border-radius: 30px;
  width: 100%;
  padding: 2px;
  background: linear-gradient(90deg, #e6e6e6, #7c51fb, #f67a3c, #e6e6e6);
  background-size: 300% 100%;
  animation: shine 5s linear infinite;
}

@keyframes shine {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.search-box .submit-btn{
    padding: 7px 20px;
    background: linear-gradient(60deg,rgba(124, 81, 251, 1) 0%, rgba(246, 122, 60, 1) 100%);
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    border-radius: 30px;
    border: none;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    transform: scale(1);
    transition: all 0.3s ease;
}

.btn-gradient{
    padding: 7px 20px;
    background: linear-gradient(60deg,rgba(124, 81, 251, 1) 0%, rgba(246, 122, 60, 1) 100%);
    color: #fff;
    font-size: 16px;
    border: none;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    transform: scale(1);
    transition: all 0.3s ease;
}

.btn-gradient:hover{
    color: #fff;
    transform: scale(1.02);
    box-shadow: 0px 0px 10px rgba(127, 137, 161, 0.25);
}

.search-box .submit-btn:hover{
    color: #fff;
    transform: scale(1.02);
    box-shadow: 0px 0px 10px rgba(127, 137, 161, 0.25);
}

.domains-list-name{
    padding: 6px 10px;
    background: #ffece3;
    border-radius: 8px;
    text-align: center
}

.domains-list-name h4{
    font-size: 14px;
    line-height: 30px;
    color: #F67A3C;
    font-weight: 600;
    white-space: nowrap;
    margin: 0;
}

.domains-list-name h4 .dot{
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #F67A3C;
    margin-right: 5px;
}

.domains-list-name h4 .domain{
    font-size: 14px;
    color: #6b7280;
    margin-right: 5px;
    font-weight: normal;
}

.domains-list-name h4 sup{
    top: auto;
    bottom: 0;
    color: #5e5e5e;
}

.domain-tabs .nav{
    padding: 6px 8px;
    background-color: #ebe5ff;
    display: inline-flex;
    border-radius: 30px;
    align-items: center;
}

.domain-tabs .nav-pills .nav-link{
    border-radius: 30px;
    color: #7c51fb;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 20px;
    display: inline-flex;
    align-items: center;
}

.domain-tabs .nav-pills .nav-link .ely-ai{
    font-size: 12px;
    background-color: #fff;
    padding: 3px 7px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
}

.domain-tabs .nav-pills .nav-link.active .ely-ai{
    color: #7c51fb;
}

.domain-tabs .nav-pills .nav-link .ely-ai img{
    width: 14px;
}

.domain-tabs .nav-pills .nav-link.active{
    color: #fff;
    background-color: #7c51fb;
}

.price-bx-bg-gradient{
    background:linear-gradient(135deg,#7c51fb22,#F67A3C22);
    position: absolute;
    top: 0;
    right: 0;
    width: 16rem;
    height: 16rem;
    filter: blur(64px);
}

.price-boxes{
    margin-top: -80px;
    padding-bottom: 100px;
}
.price-box{
    position: relative;
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    border-radius: 16px;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.banner-price-box .btn{
    padding: 10px 20px;
    width: 100%;
    border-radius: 8px;
}

.price-bx-features{
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.price-bx-feature-info p{
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
}

.price-bx-feature-info span{
    font-size: 14px;
    color: #9ca3af;
}

.banner-price-box{
    padding: 30px;
    background-color: #FFFFFF;
    border-radius: 16px;
}

.price-box .label-title{
    padding: 7px 15px;
    text-transform: uppercase;
    display: inline-block;
    background: linear-gradient(90deg, #FF7E5D 0%, #FF0766 100%);
    color: #fff;
    margin-bottom: 24px;
}

.banner-price-box .label-title{
    position: absolute;
    top: 30px;
    right: 30px;
    margin: 0px;
    border-radius: 6px;
}

.price-box h3{
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #2b1f51;
}
.price-box .amount-title{
    color: #089CCB;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
}

.price-box h2, .horizontal-price-info h2{
    font-weight: 700;
    font-size: 32px;
    color: #F67A3C;
}

.price-box h2 sup, .horizontal-price-info h2 sup{
    top: auto;
    bottom: 0;
    font-weight: normal;
    font-size: 14px;
    color: #707070;
}

.price-box h4, .horizontal-price-info h4{
    color: #F67A3C;
    font-size: 18px;
    line-height: 25px;
}

.price-box h4 span, .horizontal-price-info h4 span{
    padding: 7px 10px;
    background: rgba(133, 82, 215, 0.2);
    border-radius: 5px;
    font-size: 16px;
    line-height: 25px;
    color: #7c51fb;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}

.price-box p{
    font-size: 15px;
    line-height: 24px;
}

.main-bx-btn{
    display: inline-block;
    padding: 10px 25px;
    width: 100%;
    background: linear-gradient(60deg,rgba(124, 81, 251, 1) 0%, rgba(246, 122, 60, 1) 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 12px;
    transform: scale(1);
    transition: all 0.3s ease;
}

.main-bx-btn:hover{
    color: #fff;
    transform: scale(1.02);
}

.section-header{
    position: relative;
    margin-bottom: 60px;
}

.section-header h3{
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    color: #2b1f51;
    margin-bottom: 20px;
}

.section-header h5{
    font-size: 18px;
    font-weight: 600;
    color: #464646;
    text-align: center;
}

.section-header p{
    font-size: 16px;
    line-height: 22px;
    width: 60%;
    margin: 0px auto;
    text-align: center;
}

.section-pad{
    padding: 100px 0px;
}

.elyspace-security{
    position: relative;
    min-height: 1200px;
}

.top-curve-img{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 250px;
}

.bottom-curve-img{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height: 250px;
}

.why-choose-elyspace{
    position: relative;
}

.security-bx{
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    border-radius: 16px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.security-bx:hover{
    transform: translateY(-20px);
}

.security-bx img{
    width: 80px;
    margin: 0px auto 20px;
}

.security-bx h4{
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #2b1f51;
}

.security-bx span{
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    color: #4B4B4B;
}

.security-bx h3{
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #F67A3C;
}

.security-bx h3 sup{
    top: auto;
    bottom: 0;
    font-size: 14px;
    color: #4B4B4B;
    font-weight: normal;
}

.security-bx p{
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 26px;
}

.learn-more-btn{
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 6px;
    line-height: 22px;
    font-weight: 600;
    color: #F67A3C;
    margin-top: auto;
    display: inline-block;
    transition: all 0.3s ease;
}

.learn-more-btn:hover{
    background-color: #ffefe7;
    transition: all 0.3s ease;
}

.learn-more-btn i{
    margin-left:10px;
}


.section-middle-content h4{
    font-weight: 800;
    font-size: 32px;
    color: #fff;
}

.section-middle-content p{
    font-size: 15px;
    font-weight: 300;
    color: #fff;
}

.main-btn{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    background-color: #F67A3C;
    border:1px solid #F67A3C;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.migrant-img{
    text-align: center;
}

.migrant-img img{
    max-width: 100%;
}

.why-choose-elyspace h3{
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.why-us-box{
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    position: relative;
    border-radius: 16px;
}

.why-us-box img{
    margin-right: 20px;
    width: 45px;
}

.why-us-content h4{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #2b1f51;
}

.why-us-content p{
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    margin: 0;
}

.review-carousel h5{
    font-size: 14px;
    color: #949494;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-carousel h5 img{
    height: 25px;
    margin-left: 10px;
}

.testimonial-carousel{
    padding-bottom: 50px;
}

.testimonial-bx{
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    border: 1px solid #673ab7ad;
}

.reviewer-profile{
    display: flex;
    margin-bottom: 20px;
}

.reviewer-profile-img{
    margin-right: 10px;
}

.reviewer-profile-img img{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
    object-position: 50% top;
}

.reviewer-profile-content{
    width: 100%;
}

.reviewer-profile-content h4{
    font-size: 14px;
    font-weight: 600;
    color: #474747;
    margin-bottom: 6px;
}

.review-icon{
    position: relative;
}

.review-icon span{
    font-size: 12px;
    color: #353535;
    position: absolute;
    bottom: 0;
    right: 0;
}

.review-area{
    padding: 20px 15px;
    position: relative;
    margin-bottom: 20px;
}

.review-area i{
    position: absolute;
    color: #353535;
}

.icon-top{
    top: 0;
    left: 0;
}

.icon-bottom{
    right: 0;
    bottom: 0;
}

.review-area p{
    margin: 0;
    text-align: justify;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
}

.review-area p + p{
    margin-top: 20px;
}

.google-logo img{
    height: 32px;
}

.swiper-wrapper{
    flex-wrap: nowrap;
}

.swiper-pagination{
    bottom: 0;
}

.swiper-pagination .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    background-color:#404040;
}

.swiper-pagination .swiper-pagination-bullet-active{
    background-color:#7c51fb;
}

.web-application{
    min-height: auto;
}

.faq-area h3{
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.accordion-button:focus{
    outline:none;
    border-color: none !important;
    box-shadow: none;
}

.accordion-button:not(.collapsed){
    color: #2b1f51;
    background-color: transparent;
}

.accordion-button{
    font-weight: 600;
    color: #2b1f51;
    font-size: 18px;
}

.accordion-button::after{
    position: absolute;
    background-image: unset;
    content: '\f067';
    color: #7c51fb;
    right: 20px;
    top: 50%;
    font-size: 20px;
    transform:translateY(-50%);
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
}

.accordion-button:not(.collapsed)::after{
    background-image: unset;
    content: '\f068';
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
    transform: rotate(0deg) translateY(-50%);
}

.faq-area .accordion-item{
    margin-bottom: 20px;
    border-radius: 12px;
    border: none;
}

.faq-area .accordion-button{
    background-color: transparent;
}

.blog-box{
    background-color: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    margin-bottom: 40px;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.blog-box:hover{
    transform: translateY(-15px);
}

.blog-box img{
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: center center;
}

.blog-box-content{
    padding: 20px;
}

.blog-box-content h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #2b1f51;
}

.blog-box-content p{
    font-size: 15px;
    line-height: 22px;
    color: #524972;
}

.blog-box-content span{
    font-size: 14px;
    color: #524972;
}

@media (min-width: 992px){
    .footer-top .col-lg-2{
        width: 20%;
    }
}

.footer{
    background-color: #120735;
}

.footer-top{
    padding: 80px 0px;
}

.footer-box img{
    height: 40px;
    margin-bottom: 20px;
}

.footer-box p{
    font-size: 15px;
    line-height: 24px;
    color: #fff;
}

.payment-icon img{
    height: 30px;
}

.footer-box h4{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.footer-box ul li a{
    color: #e0e0e0;
    font-size: 14px;
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
}

.footer-box ul li a:hover{
    transition: all 0.3s ease;
    padding-left: 20px;
}

.footer-box ul li a::before{
    font: var(--fa-font-solid);
    content: '\f101';
    font-family: "Font Awesome 7 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.footer-box ul li a:hover::before{
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.footer-box ul li{
    padding-bottom: 10px;
}

.footer-bottom{
    padding: 20px 0px;
    text-align: center;
    border-top: 1px solid #c7c7c7;
}

.footer-bottom p{
    margin: 0;
    color: #fff;
    font-size: 15px;
}

.domain-list{
    display: flex;
    align-items: center;
    gap: 10px;
}

.domain-list .domains-list-name h4 .domain{
    color: #454242;
}

.mega-menu .search-box{
    margin-bottom: 20px;
}

.see-more-btn{
    color: #28A9E0 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 0 !important;
}

.view-all-btn{
    display: inline-block;
    padding: 10px 30px;
    font-weight: 600;
    font-size: 20px;
    color: #5B41B6;
    border-radius: 4px;
    border: 1px solid #5B41B6;
}

.inner-banner-content{
    text-align: center;
}

.inner-banner-content h2{
    font-weight: 800;
    font-size: 26px;
    color: #fff;
    margin-bottom: 30px;
}

.inner-banner-content ul{
    margin-bottom: 30px;
}

.inner-banner-content ul li{
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 20px;
}

.inner-banner-content ul li i{
    color: #F67A3C;
    margin-right: 10px;
}

.inner-banner-content h4{
    font-weight: 700;
    font-size: 26px;
    color: #fff;
}

.inner-banner-content p{
    font-size: 16px;
    color: #fff;
}

.price-box ul{
    margin: 30px 0px 15px;
}

.price-box ul li{
    position: relative;
    padding-left:30px;
    padding-bottom: 20px;
}

.price-box ul li img, .price-box ul li i{
    position: absolute;
    top: 0px;
    left: 0px;
    color: #7c51fb;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.price-box ul li .feature-name{
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    color: #2b1f51;
    margin: 0;
}

.price-box.active ul li .feature-name{
    margin-bottom: 10px;
}

.price-box ul li .feature-description{
    display: none;
    margin-bottom: 20px;
    font-weight: 300;
}

.price-box.active ul li .feature-description{
    display: block;
}

.expand-features{
    position: relative;
    color: #707070 !important;
    display: inline-block;
    padding-left: 30px;
}

.expand-features::before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '\f078';
    font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
}

.price-box.active .expand-features::before{
    content: '\f077';
}

.highlights-box{
    padding: 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    height:calc(100% - 30px) ;
    margin-bottom: 30px;
    position: relative;
    border-radius: 16px;
}

.highlights-box i{
    font-size: 35px;
    color: #7C51FB;
    margin-bottom: 20px;
}

.highlights-box img{
    margin-bottom: 20px;
}

.highlights-box h4{
    font-size: 16px;
    font-weight: 700;
}

.highlights-box p{
    font-weight: 300;
    font-size: 15px;
    margin: 0;
}

.faq-area .accordion-body{
    font-weight: 300;
    font-size: 15px;
}

.cpanel-hosting-content{
    text-align: center;
    padding-bottom: 240px;
}

.cpanel-hosting-content h3{
    margin-bottom: 24px;
}

.cpanel-hosting-content p{
    font-size: 15px;
    width: 60%;
    margin: 0px auto 30px;
    color: #fff;
}

.installation-sec{
    margin-top: -100px;
    position: relative;
}

.installation-img{
    text-align: center;
}

.installation-img img{
    max-width: 100%;
}

.installation-content h4{
    font-size: 32px;
    font-weight: 700;
}

.installation-content p{
    font-weight: 300;
}

.powered-by-cpanel .accordion-button{
    font-weight: 700;
    font-size: 18px;
    padding-left: 20px;
    box-shadow: none;
}

.powered-by-cpanel .accordion-body{
    padding-top: 0px;
}

.powered-by-cpanel .accordion-button::after{
    display: none;
}

.powered-by-cpanel .accordion-item:hover{
    border-color: #F67A3C;
}

.powered-by-cpanel .accordion-item{
    margin-bottom: 10px;
    border: 1px solid #e4e4e9;
    transition: all 0.3s ease-in-out;
}

.slider-item{
    display: none;
    padding: 0px 0px 70px 45px;
    position: relative;
}

.desktop-view{
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    width: 624px;
}

.desktop-bar{
    height: 22px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 11px;
}

.desktop-bar span{
    background: #1c40f2;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 100%;
}

.desktop-view img{
    width: 100%;
    padding: 0px 6px 6px;
}

.mobile-view{
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 16px 80px rgba(0,0,0,.12);
    height: 357px;
    width: 188px;
}

.mobile-bar{
    height: 3px;
    width: 45px;
    margin: 0 auto;
    margin-top: 10px;
    background: #1c40f2;
    border-radius: 16px;
}

.mobile-view img{
    width: 100%;
    padding: 6px;
}

.web-hosting-benefit {
    padding: 50px 0px;
}

.hosting-benefit-bx{
    text-align: center;
}

.hosting-benefit-bx img{
    width: 160px;
}

.hosting-benefit-bx h4{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}

.hosting-benefit-bx p{
    color: #fff;
    font-size: 15px;
}

.reseller-highlights{
    min-height: 850px;
}

.reseller-support{
    padding:60px 0px;
    margin-bottom: 100px;
}

.reseller-support-bx{
    padding: 30px;
    border: 1px solid #FFFFFF;
}

.reseller-support-bx h4{
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}

.reseller-support-bx p{
    color: #fff;
}

.reseller-support-bx  a{
    display: inline-block;
}

.reseller-support-bx  a + a{
    margin-left: 20px;
}

.res-support-box {
    padding: 10px;
}

.res-support-box img{
    margin-bottom: 20px;
}

.res-support-box h4{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.res-support-box p{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}

.common-support-bx{
    text-align: center;
}

.common-support-bx img{
    width: 60px;
    margin-bottom: 30px;
}

.common-support-bx h4{
    font-size: 20px;
    font-weight:700;
}

.common-support-bx p{
    font-weight: 300;
    font-size: 15px;
}

.zig-zag-section + .zig-zag-section{
    padding-top:60px ;
}

.zig-zag-img img{
    max-width: 100%;
}

.zig-zag-content h4{
    font-size: 40px;
    font-weight: 700;
}

.zig-zag-content p{
    font-size: 18px;
    line-height: 36px;
}

.zig-zag-content ul li{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    padding-right: 20px;
}

.zig-zag-content ul li i{
    color: #7c07ff;
}

.wordpress-support{
    padding-bottom: 260px;
}

.wordpress-highlights{
    padding: 20px;
    border-radius: 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.wordpress-highlights i, .wordpress-highlights img{
    font-size: 30px;
    color: #8552D7;
    margin-bottom: 20px;
}

.wordpress-highlights h4{
    font-size: 18px;
    font-weight: 700;
}

.wordpress-highlights p{
    font-weight: 300;
    margin: 0;
    font-size: 15px;
}

.business-hosting-boxes{
    padding-top: 100px;
}

.business-hosting-bx img{
    margin-left: -26px;
}

.business-hosting-bx h4{
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}

.business-hosting-bx p{
    font-weight: 300;
    color: #fff;
    font-size: 15px;
}

.advance-feature-bx{
    padding: 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    margin-bottom: 30px;
    height: calc(100% - 30px);
    border-radius: 16px;
}

.advance-feature-bx i, .advance-feature-bx img{
    font-size: 30px;
    color: #8552D7;
    margin-bottom: 20px;
}

.advance-feature-bx h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.advance-feature-bx p{
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

.horizontal-price-bx{
    padding: 30px 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    border-radius: 16px;
    margin-bottom: 30px;
}

.horizontal-price-heading h4{
    font-size: 26px;
    font-weight: 700;
}
.horizontal-price-feature ul{
    display: flex;
    flex-wrap: wrap;
}
.horizontal-price-feature ul li{
    display: inline-block;
    width: calc(100% / 2);
    padding:0px 0px 10px 30px;
    position: relative;
}

.horizontal-price-feature ul li i, .horizontal-price-feature ul li img{
    position: absolute;
    top: 3px;
    left: 0;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    color: #7c51fb;
}

.horizontal-price-feature ul li span{
    border-bottom: 1px dashed #bcb3cb;
    font-size: 14px;
}


.horizontal-price-info{
    border-left: 1px solid #c5c5c5;
    padding-left: 25px;
}

.cloud-vps-accordian .accordion-item{
    background-color: transparent;
    border: 1px solid #fff;
    margin-bottom: 10px;
}

.cloud-vps-accordian .accordion-item:hover{
    border-color: #F67A3C;
}

.cloud-vps-accordian .accordion-button{
    background-color: transparent;
    box-shadow: none;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
}

.cloud-vps-accordian .accordion-button:after{
    display: none;
}

.cloud-vps-accordian  .accordion-body{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}

.cloud-vps-accordian{
    position: relative;
}

.could-vps-acc h3{
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
}

.cloud-vps-accordian-img{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 45%;
    text-align: right;
}
.cloud-vps-accordian-img img{
    max-width: 100%;
}

.about-cloud-vps{
    position: relative;
    padding: 25px 50px;
    background-color: #FFFFFF;
    box-shadow: 6px 7px 4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    text-align: center;
}

.about-cloud-vps h3{
    font-size: 26px;
    font-weight: 700;
    color: #8552D7;
}

.about-cloud-vps p{
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

.windows-server .price-box ul{
    margin-bottom: 0;
}

.windows-server .price-box ul li:last-child{
    padding-bottom: 0px;
}

.windows-server .price-box ul li span{
    border-bottom: 1px dashed #bcb3cb;
    font-size: 14px;
}

.window-server-accordian{
    padding-bottom: 200px;
}

.extension-search{
    padding: 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    border-radius: 16px;
}

.extension-search-box{
    position: relative;
    margin-bottom: 20px;
}

.extension-search-box .form-control{
    height: 50px;
    border: 1px solid #d3d3d3;
    padding: 10px 70px 10px 20px;
    font-size: 16px;
    border-radius: 12px;
}

.extension-search-box .search-btn{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #7c51fb;
    font-size: 24px;
}

.extension-table .table{
    text-align: center;
    margin: 0;
}

.extension-table .table tr{
    vertical-align: middle;
}

.extension-table .table tr:last-child td{
    border: none;
}

.domain-area{
    position: relative;
}

.compare-domain {
    text-align: center;
}

.compare-domain h3{
    font-size: 28px;
    font-weight: 800;
    color: #fff;
}

.compare-domain p{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.compare-domain .table{
    color: #fff;
    margin: 0;
}

.compare-domain .table tr th{
    font-size: 16px;
}

.compare-domain .table tr td, .compare-domain .table tr th{
    border: 1px solid #fff;
    padding: 10px;
}

.windows-server  .price-box ul li i{
    top: 6px;
}

.get-started-bx h2{
    text-align: center;
    background: -webkit-linear-gradient(270deg,#52399e,rgba(82,57,158,0) 99.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-size: 80px;
}

.get-started-mini-bx{
    padding: 20px;
    background-color: #fff;
    border: 1px solid #e5e0f4;
    margin-top: -65px;
    min-height: 90px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
}

.get-started-mini-bx h4{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.get-started-mini-bx::before{
    position: absolute;
    top: 50%;
    left: 100%;
    content: '\f061';
    transform: translate(6px,  -50%);
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
}

.col-lg-3:last-child .get-started-mini-bx::before{
    display: none;
}
.website-deisgn-tab .nav-item{
    padding: 0px 15px;
}
.website-deisgn-tab .nav-pills .nav-link{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding: 10px 0px;
}

.website-deisgn-tab .nav-pills .nav-link::before{
    position: absolute;
    left: 0;
    bottom: 0;
    content:'';
    background-color: #F67A3C;
    width: 100%;
    height: 4px;
    opacity: 0;
}

.website-deisgn-tab .nav-pills .nav-link.active::before{
    opacity: 1;
}

.website-deisgn-tab .nav-pills .nav-link.active{
    background-color: transparent;
    color: #F67A3C;
}

.get-started-bx p{
    font-size: 15px;
    font-weight: 300;
}

.website-design-box img{
    width: 100%;
    border-radius: 5px;
}

.website-design-box{
    margin-bottom: 30px;
}

.server-management .price-box h3{
    font-size: 22px;
}
.whcms-hosting{
    min-height: 930px;
}

.server-hosting{
    min-height: 1020px;
}

.website-builder-box{
    text-align: center;
}

.website-builder-box img{
    width: 60px;
    margin-bottom: 25px;
}

.website-builder-box h4{
    font-size: 20px;
    font-weight: 700;
}

.website-builder-box p{
    font-size: 15px;
    font-weight: 300;
}

.our-support{
    margin-top: -70px;
}

.support-box{
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

.support-box img{
    max-width: 100%;
    max-height: 35px;
    margin-bottom: 20px;
}

.support-box h4{
    font-size: 20px;
    font-weight: 700;
}

.support-box p{
    font-weight: 300;
    font-size: 15px;
}

.support-img{
    text-align: center;
    margin-bottom: 50px;
}

.support-img img{
    max-width: 100%;
}

.other-support-box{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px);
}

.other-support-box h4{
    font-size: 20px;
    font-weight: 700;
}

.other-support-box p{
    font-weight: 300;
    font-size: 15px;
}

.other-support-box a{
    color: #2090F8;
    display: inline-block;
    margin-top: auto;
}

.website-security{
    min-height: 890px;
}

.wordpress-hack-box{
    padding: 20px;
    background: linear-gradient(90deg, #7c51fb 0%, #9F8ADB 100%);
    border-radius: 6px;
    margin-bottom: 30px;
    height: calc(100% - 30px);
}

.wordpress-hack-box img{
    width: 30px;
    margin-bottom: 20px;
}

.wordpress-hack-box h4{
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}

.wordpress-hack-box p{
    color: #fff;
    font-weight: 300;
    margin: 0;
    font-size: 15px;
}

.wordpress-hack{
    margin-top: -60px;
}

.installation-content ul li{
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #464646;
    font-size: 18px;
}

.installation-content ul li img{
    margin-right: 20px;
}

.effective-service-box{
    text-align: center;
    padding: 30px;
    border: 1px solid #949494;
    border-radius: 6px;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.effective-service-box img{
    width: 80px;
    margin-bottom: 30px;
}

.effective-service-box h4{
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.adds-box{
    text-align: center;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    border-radius: 16px;
}

.adds-box img{
    width: 60px;
    margin-bottom: 20px;
}

.adds-box h4{
    font-weight: 500;
    font-size: 20px;
    margin: 0;
}

/* Landing-banner css */

.landing-banner-content h2{
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 30px;
}

.landing-banner-content p{
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

.landing-banner-content ul{
    display:flex;
    margin-bottom: 30px;
}

.landing-banner-content ul li{
    max-width:90px;
    margin-right: 30px;
}

.landing-banner-content ul li img{
    width: 40px;
    margin-bottom: 10px;
}

.landing-banner-content ul li p{
    margin: 0;
    font-size: 15px;
}

.landing-page-img{
    text-align: right;
}

.landing-page-img img{
    max-width: 100%;
}

.landing-banner{
    padding: 150px 0px 80px;
}

.compare-section{
    padding: 80px 0px;
    color: #fff;
}

.compare-section .section-header h3{
    color: #fff;
}

.compare-section .table{
    color: #fff;
}

.compare-section .table td, .compare-section .table th{
    padding: 10px 15px;
    border: 1px solid #fff;
}


/* blog css */

.blog-header{
    padding: 10px 0px;
    border-bottom: 1px solid #CFCFCF;
}

.blog-header-content{
    text-align: center;
    position: relative;
}

.blog-search{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.blog-search a{
    color: #673ab7;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
}

.blog-search .form-control{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.blog-search.active .form-control{
    width: 230px;
    opacity: 1
}

.blog-header ul li{
    display: inline-block;
    padding: 0px 25px;
}

.blog-header ul li a{
    font-size: 18px;
    font-weight: 600;
    color: #353535;
}

.blog-left-img img{
    width: 100%;
}

.blog-highlight-content{
    padding-left: 35px;
}

.blog-highlight-content h3{
    font-weight: 700;
    font-size: 26px;
}

.blog-highlight-content p{
    font-weight: 300;
    font-size: 15px;
}

.profile-info h4 {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.profile-info h4 img{
    width: 35px;
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
    object-position: 50% top;
    margin-right: 10px;
}

.blog-category-box{
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.15);
    height: calc(100% - 30px);
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}

.blog-category-box span{
    display: inline-block;
    padding: 6px 12px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-right: auto;
}

.bg-orange{
    background-color: #F67A3C;
}

.bg-purple{
    background-color: #8552D7;
}

.bg-green{
    background-color: #00B67A;
}

.bg-red{
    background-color: #FF5D5D;
}

.blog-category-box h4{
    font-size: 16px;
    font-weight: 700;
}

.blog-category-box ul{
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.blog-category-box ul li{
    font-size: 13px;

    font-weight: 300;
}

.blog-list-header{
    height: 110px;
}

.blog-details h3{
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 15px;
}

.blog-img img{
    width: 100%;
    margin-bottom: 30px;
}

.blog-content p{
    font-weight: 300;
    font-size: 15px;
}

.mobile-trigger{
    text-align: right;
}

.history-boxes{
    position: relative;
}
  
.history-boxes::before{
    position: absolute;
    content:'';
    top: 0;
    left: 50%;
    width: 6px;
    height: 100%;
    transform:translateX(-50%);
    background-color:#4a2ec4;
    border-radius: 3px;
}
  
.history-box{
    padding:30px 20px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 10px 6px 40px 0 rgb(26 32 44 / 6%), 8px 4px 40px 0 rgb(26 32 44 / 6%);
}
  
.left-box{
    position: relative;
    padding-right: 70px;
}
  
.left-box::before{
    position: absolute;
    content:'\f0d9';
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
    top:50%;
    right: -12px;
    transform: translateY(-50%);
    font-size: 40px;
    color: #4a2ec4;
    font-weight: 600;
}
  
.left-box span{
    text-align: right;
}
  
.right-box{
    position: relative;
    padding-left: 70px;
}
  
.right-box::before{
    position: absolute;
    content:'\f0da';
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
    top:50%;
    left: -12px;
    transform:translateY(-50%);
    font-size: 40px;
    color: #4a2ec4;
    font-weight: 600;
}
.history-box span{
    color: rgba(42,48,68,.7);
    font-weight:300;
    margin-bottom: 16px;
    font-size: 13px;
    display: inline-block;
    width: 100%;
}

.history-box p{
    font-weight: 300;
    font-size: 15px;
    margin-bottom:10px;
}
  
.history-box span i{
    margin-right:8px;
}
  
.history-box  h6{
    font-size:18px;
    line-height: 27px;
    margin-bottom: 10px;
    font-weight: 600;
}

.work-with-us-box{
    padding: 50px;
    border-radius: 12px;
    border:1px solid #e5e0f4;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
}
  
.work-with-us-box h3{
    font-size: 38px;
    font-weight: 900;
}
  
.work-with-us-box p{
    font-size: 20px;
    margin: 0px auto 30px;
}
  
.text-blue{
    color: #4a2ec4;
}

.text-ylw{
    color: #f4a602;
}

.bx-bottom-box{
    text-align: center;
    margin-top: auto;
}
  
.bx-bottom-box .btn{
    font-size: 16px;
    padding: 10px 30px;
    font-weight: 600;
}

.bg-blue{
    background-color: #4a2ec4;
    border: 1px solid #4a2ec4;
    color: #fff !important;
}
  
.bg-trans{
    background-color: #ffff;
    color: #4a2ec4 !important;
    border: 1px solid #4a2ec4;
}
  
.bg-ylw{
    background-color: #f4a602;
    color: #fff !important;
    border: 1px solid #f4a602;
}
  
.about-content h4{
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
}
  
.about-content p {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}
  
.about-content-boxes{
    margin-top: 20px;
}
  
.about-bx{
    text-align: center;
    margin-bottom: 30px;
}
  
.about-bx img{
    height: 90px;
    margin-bottom: 20px;
}
  
.about-bx h5{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
  
.about-bx p{
    font-size: 15px;
    text-align: center;
    margin: 0;
}
  
.affilate-feat-bx{
    padding:20px;
    text-align: center;
    position: relative;
}

.affilate-feat-bx:after{
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: calc(50% + 30px);
    top: 50px;
    background-color: #e5e0f4;
    z-index: -1;
}
  
.affilate-feat-bx.lst-box:after{
    display: none;
}
  
.affilate-feat-bx span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    background-color: #e5e0f4;
    border-radius: 40px;
    color: #52399e;
    font-size: 32px;
    margin: 0px auto 20px;
}
  
.affilate-feat-bx h4{
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
  
.affiliate-host .webhost-curve{
    top: 0;
}

.about-elyspace{
    margin-top: -100px;
}

.about-elyspace-box{
    padding: 30px 40px;
    background-color: #fff;
    text-align: center;
    box-shadow: 10px 6px 40px 0 rgb(26 32 44 / 6%), 8px 4px 40px 0 rgb(26 32 44 / 6%);
}

.about-elyspace-content{
    text-align: left;
}

.about-elyspace-content p:last-child{
    margin-bottom: 0;
}

.footer-contact{
    padding: 25px;
    background-color:#fff;
    z-index: 1;
    position: relative;
}
  
.footer-contact-info h3{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-contact-info h4{
    font-size: 16px;
    line-height: 26px;
}
  
.footer-contact-info p{
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 300;
}
  
.footer-map{
    min-height: 100%;
}
  
.footer-map iframe{
    width: 100%;
    height: 400px;
}

.about-elyspace-content p{
    font-weight: 300;
}

.contact-options{
    margin-top: -100px;
}

.contact-options-bx{
    padding: 20px;
    background-color: #fff;
    box-shadow: 10px 6px 40px 0 rgb(26 32 44 / 6%), 8px 4px 40px 0 rgb(26 32 44 / 6%);
}

.contact-options-bx h3{
    font-size: 30px;
    text-align: center;
    font-weight: 700;
}

.contacts-bx{
    text-align: center;
    margin-top: 30px;
}

.contacts-bx img{
    width: 75px;
    margin-bottom: 10px;
}

.contacts-bx h4{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.contacts-bx h2{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    color: #000;
}

.livechat-box {
    padding: 20px;
    border: 1px solid #e6e6eb;
    border-radius: 2px;
    text-align: center;
}

.livechat-box h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.livechat-box p{
    font-size: 16px;
    margin-bottom: 20px;
}

.livechat-box a{
    width: 100%;
}

.affiliate-box{
    padding: 24px 24px 32px;
    position: relative;
    border:1px solid rgba(230,232,236,.25);
    border-bottom: none;
}

.affiliate-box::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width:24%;
    height:1px;
    background-color:rgba(230,232,236,.25);
}
  
.affiliate-box::after{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width:24%;
    height:1px;
    background-color:rgba(230,232,236,.25);
}
  
.affiliate-box h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    color: #fff;
}
  
.affiliate-box .btn{
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 7px 30px;
}

.affiliate-feat-box{
    padding: 20px;
    text-align: center;
    position: relative;
}

.affiliate-feat-box span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    background-color: #e5e0f4;
    border-radius: 40px;
    color: #52399e;
    font-size: 32px;
    margin: 0px auto 20px;
}

.affiliate-feat-box h4{
    font-size: 20px;
    font-weight: 700;
}

.affiliate-feat-box p{
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

.affiliate-feat-box::after{
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: calc(50% + 30px);
    top: 50px;
    background-color: #e5e0f4;
}

.affiliate-boxes .col-lg-4:last-child .affiliate-feat-box::after{
    display: none;
}

.affiliate-highlights{
    padding: 20px;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 16%);
    background-color: #fff;
    height: 100%;
}

.affiliate-highlights img{
    width: 40px;
    margin-bottom: 20px;
}

.affiliate-highlights h4{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.affiliate-highlights p{
    font-size: 15px;
    font-weight: 300;
    margin: 0;
}

.term-and-condition-tabs ul li{
    margin-bottom: 10px;
}

.term-and-condition-tabs ul li a{
    display: inline-block;
    padding: 15px 20px;
    font-size: 18px;
    width: 100%;
    text-align: left;
    color: #2b1f51;
    font-weight: 600;
    position: relative;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.term-and-condition-tabs ul li a:hover{
    background-color: #b59cff;
    color: #fff;
}

.term-and-condition-tabs ul li a::before{
    position: absolute;
    content: '\f054';
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    opacity: 0;
    visibility: hidden;
}

.term-and-condition-tabs ul li.active a{
    background-color: #7c51fb;
    color: #fff;
}

.term-and-condition-tabs ul li.active a::before{
    opacity: 1;
    visibility: visible;
}

.terms-condition-content h3{
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px;
}

.terms-condition-content h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.terms-condition-content h5{
    font-size: 16px;
    font-weight: 600;
}

.terms-condition-content p{
    font-size: 15px;
    font-weight: 300;
}

.terms-condition-content ul{
    padding-left: 20px;
    list-style: lower-alpha;
}

.terms-condition-content ul li{
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 10px;
}

.terms-condition-content a{
    color: #673AB7;
}

.term-and-condition-tabs{
    position: sticky;
    top: 20px;
}

.faq-area{
    position: relative;
}

.price-carousel .swiper-wrapper{
    margin: 0px;
    padding-bottom: 10px;
}

.price-carousel .swiper-button-next:after{
    content: '\f054';
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
}

.price-carousel .swiper-button-prev:after{
    content: '\f053';
     font: var(--fa-font-solid);
    font-family: "Font Awesome 7 Free";
}

.price-carousel .swiper-button-prev:after, .price-carousel .swiper-button-next:after{
    color: #673AB7;
    font-size: 20px;
}

.price-carousel .swiper-button-next, .price-carousel .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #9d88d8a1;
}

.price-carousel .swiper-button-next{
    right:2px;
}

.price-carousel .swiper-button-prev{
    left:2px;
}

.partner-box{
    text-align: center;
    padding: 20px;
}

.partner-box img{
    height: 90px;
    margin-bottom: 10px;
}

.partner-box h4{
    font-size: 20px;
    font-weight: 800;
    color: #000;
}

.partner-box p{
    font-weight: 300;
    margin: 0;
    font-size: 15px;
}
.partner-slide-box {
    border: 1px solid #efefef;
    padding: 20px;
    background-color: #fff;
    text-align: center;
}

.partner-slide-box + .partner-slide-box{
    margin-top: 30px;
}
.partner-slide-box img{
    width: 88px !important;
    margin: 0px auto 10px;
}

.partner-slide-box h4{
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.related-blog h4{
    font-size: 20px;
    font-weight: 700;
}

.related-blog ul li{
    padding-bottom: 10px;
}

.related-blog ul li a{
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    color: #524972;
    transition: all 0.3s ease-in-out;
}

.related-blog ul li a:hover{
    color: #F67A3C;
}

.blog-page-img img{
    max-width:100%;
}

.blog-page-img{
    text-align: right;
}

.why-us-content.new-box{
    text-align: center;
}

.why-us-content.new-box img{
    margin-bottom: 20px;
    margin-right: 0px;
}

.text-white{
    color:#fff;
}

.text-white h3{
    color:#fff;
}

.unmanaged-content h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.unmanaged-content h4{
    font-size: 24px;
    color: #fff;
}

.unmanaged-content p{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin: 0px;
}
.unmanaged-content-img{
    text-align: right;
}
.unmanaged-content-img img{
    max-width: 100%;
}

.cloud-server-content{
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border-radius: 20px;
    text-align: center;
    min-height: calc(100% - 30px);
    position: relative;
}

.bg-text{
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    z-index: 0;
    font-size: 150px;
    line-height: 150px;
    opacity: .04;
    text-align: center;
    transform: translateX(-50%);
}

.cloud-server-content img{
    width: 60px;
    margin-bottom: 20px;
}


.cloud-server-content h4{
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #2b1f51;
}

.cloud-server-content p{
    margin: 0;
    font-size: 14px;
    line-height: 30px;
}

.management-tools-img img{
    width:100%;
}

.bg-light-purple{
    background-color: #e6d8ff;
}

.management-tools-content{
    color: #fff;
}

.management-tools-content span{
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
}

.management-tools-content h4{
    font-size: 32px;
    line-height: 40px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 20px;
}

.management-tools-content p{
    font-size: 16px;
    line-height: 30px;
}

.management-tools-box{
    padding: 20px;
    margin-top: 30px;
    display: flex;
}

.box-ixon{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    justify-content: center;
    margin-right: 20px;
    border-radius: 100%;
    color: #30106a;
}

.box-ixon i{
    font-size: 14px;
}

.management-tools-box-content{
    width:calc(100% - 60px)
}

.management-tools-box-content h4{
    font-size: 20px;
    font-weight: 700;
    color: #30106a;
    margin-bottom: 10px;
}

.management-tools-box-content  p{
    font-size: 14px;
    margin: 0;
    line-height: 26px;
}

.bg-gradient-color .management-tools-box-content  p{
    color: #fff;
}

.bg-gradient-color .management-tools-box-content h4{
    color: #fff;
}

.multiple-operating .section-header h3{
    color: #fff;
}

.panels-box{
    padding: 20px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 30px;
}

.panels-box img{
    width: 72px;
    margin-bottom: 20px;
}

.panels-box h4{
    font-size: 16px;
    margin: 0;
}

.panel-tab .nav-link{
    color: #fff;
    border-bottom: 2px solid transparent;
    border-radius: 0px;
    padding-left:0px;
    padding-right:0px;
    margin: 0px 20px;
}

.panel-tab .nav-pills .nav-link.active{
    background-color: transparent;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.box-ixon.bg-purple{
    background-color: #e6d8ff;
}

.plesk-icon{
    color: #7C51FB;
    font-size: 28px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 500;
}

.htitle{
     font-weight: 800;
    font-size: 48px;
    color: #fff;
    margin-bottom: 30px;
}

.price-box .label-web-design-title{
    padding: 7px 15px;
    text-transform: uppercase;
    display: inline-block;
    background: linear-gradient(90deg, #fc5dff 0%, #7c07ff 100%);
    color: #fff;
    margin-bottom: 24px;
}

.main-btn.main-bg-light{
    background-color: #ffe7db;
    color: #f67a3c;
    margin-left: 20px;
}


@media(min-width:992px){
    .pr-100{
        padding-right:100px
    }    
}

@media(min-width:992px){
    .migrant-img.text-lg-start{
        padding-right: 100px;
    }
    
    .migrant-img.text-lg-end{
        padding-left: 100px;
    }
    
    .zig-zag-img.text-lg-end{
        padding-left: 100px;
    }
    
    .zig-zag-img.text-lg-right{
        padding-right: 100px;
    }
    
    .migrant-img.text-lg-end{
        padding-left: 100px;
    }
    
    .migrant-img.text-lg-start{
        padding-right: 100px;
    }
    .installation-img{
        padding-left: 100px;
    }
}

.title-why
{
    color:#fff;
}

.blog-box {
    background-color: #FFFFFF;
    box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.15);
    margin-bottom: 40px;
    transition: all 0.3s ease-in-out;
    height: calc(100% - 40px);
}


/* AI Search Link Styling */
.ai-trigger-section {
    text-align: center;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.9);
}

.ai-search-link {
    color: #67B5E8;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    background: rgba(103, 181, 232, 0.1);
    padding: 8px 16px;
    border-radius: 30px;
    border: 1px solid rgba(103, 181, 232, 0.3);
    box-shadow: 0 4px 15px rgba(103, 181, 232, 0.1);
}

.ai-search-link:hover {
    color: #fff;
    background: rgba(103, 181, 232, 0.4);
    box-shadow: 0 8px 25px rgba(103, 181, 232, 0.3);
    transform: translateY(-2px);
}

.text-link {
    color: #67B5E8;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.text-link:hover {
    color: #4A9FD8;
    text-decoration: none;
}

/* AI Domain Modal */
.ai-domain-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 20, 39, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 9999;
    overflow-y: auto;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.ai-modal-content {
    position: relative;
    max-width: 1200px;
    margin: 30px auto;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    animation: slideIn 0.4s ease;
}

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

.close-modal {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease;
}

.close-modal:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #333;
    transform: rotate(90deg);
}

/* Heading and Subtitle */
.ai-search-container h2 {
    text-align: center;
    color: #333;
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 600;
}

.ai-search-container h3 {
    text-align: center;
    color: #666;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 400;
}

/* Input Area */
.ai-input-wrapper {
    position: relative;
    max-width: 800px;
    margin: 0 auto 30px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    border: 1px solid rgba(103, 181, 232, 0.2);
    padding: 5px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.ai-textarea {
    width: 100%;
    padding: 20px;
    border: none;
    border-radius: 15px;
    font-size: 16px;
    color: #333;
    background: transparent;
    resize: none;
}

.ai-textarea:focus {
    outline: none;
}

.ai-input-wrapper:focus-within {
    border-color: rgba(103, 181, 232, 0.5);
    box-shadow: 0 10px 30px rgba(103, 181, 232, 0.1);
}

/* TLD Option Buttons */
.option-buttons {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: flex;
    gap: 10px;
}

.option-btn {
    padding: 8px 20px;
    border: 1px solid rgba(103, 181, 232, 0.3);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.5);
    color: #67B5E8;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.option-btn.active {
    background: rgba(103, 181, 232, 0.8);
    color: white;
    border-color: transparent;
}

.option-btn:hover:not(.active) {
    background: rgba(103, 181, 232, 0.1);
    border-color: rgba(103, 181, 232, 0.5);
    transform: translateY(-2px);
}

/* Mode Buttons */
.mode-options {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    gap: 10px;
}

.mode-btn {
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(103, 181, 232, 0.3);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.mode-btn.active {
    background: rgba(103, 181, 232, 0.8);
    color: white;
    border-color: transparent;
}

.mode-btn:hover:not(.active) {
    background: rgba(103, 181, 232, 0.1);
    transform: translateY(-2px);
}

/* Action Buttons */
.ai-action-buttons {
    text-align: center;
    margin-bottom: 20px;
}

.generate-btn {
    padding: 15px 50px;
    background: linear-gradient(135deg, rgba(103, 181, 232, 0.9), rgba(74, 159, 216, 0.9));
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(103, 181, 232, 0.3);
}

.generate-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(103, 181, 232, 0.4);
}

.generate-btn:active {
    transform: translateY(0);
}

.generate-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* AI Powered Label */
.ai-powered-label {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ai-label {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    padding: 4px 12px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}

/* Feature Tag */
.feature-tag {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px;
}

/* Loading Animation */
.ai-loading {
    text-align: center;
    padding: 40px;
}

.spinner {
    width: 60px;
    height: 60px;
    position: relative;
    margin: 0 auto 20px;
}

.spinner::before,
.spinner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #67B5E8;
    animation: spin 1.5s linear infinite;
}

.spinner::after {
    border-top-color: transparent;
    border-bottom-color: #4A9FD8;
    animation-delay: 0.75s;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Domain Cards */
.domain-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.domain-card {
    padding: 25px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    animation: cardFadeIn 0.5s ease forwards;
    opacity: 0;
    position: relative;
}

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

.domain-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(103, 181, 232, 0.15);
}

.domain-card.available {
    border-left: 4px solid #4CAF50;
}

.domain-card.taken {
    border-left: 4px solid #F44336;
    opacity: 0.8;
}

.domain-name {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    word-break: break-word;
}

/* Domain Score */
.domain-score {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(103, 181, 232, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #67B5E8;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.domain-score.high {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border-color: rgba(76, 175, 80, 0.3);
}

/* Domain Info */
.domain-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.availability {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
}

.available {
    color: #4CAF50;
}

.taken {
    color: #F44336;
}

.domain-price {
    font-size: 20px;
    font-weight: 700;
    color: #2196F3;
}

.sale-tag {
    display: inline-block;
    background: #F44336;
    color: white;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 16px;
    margin-left: 5px;
    vertical-align: middle;
}

.original-price {
    text-decoration: line-through;
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}

/* Add to Cart Button */
.add-to-cart-btn {
    width: 100%;
    padding: 12px;
    background: linear-gradient(135deg, rgba(103, 181, 232, 0.9), rgba(74, 159, 216, 0.9));
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(103, 181, 232, 0.3);
}

.add-to-cart-btn:disabled {
    background: rgba(200, 200, 200, 0.5);
    cursor: not-allowed;
    transform: none;
}

/* Compare Button */
.compare-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(103, 181, 232, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #67B5E8;
    cursor: pointer;
    transition: all 0.3s ease;
}

.compare-btn:hover {
    background: rgba(103, 181, 232, 0.1);
    transform: scale(1.1);
}

.compare-btn.selected {
    background: rgba(103, 181, 232, 0.8);
    color: white;
}

/* Comparison Panel */
.comparison-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid rgba(103, 181, 232, 0.2);
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(100%);
    transition: all 0.3s ease;
    z-index: 9999;
    box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.1);
}

.comparison-panel.active {
    transform: translateY(0);
}

.compared-domains {
    display: flex;
    gap: 15px;
}

.compared-domain {
    padding: 8px 15px;
    border-radius: 20px;
    background: rgba(103, 181, 232, 0.1);
    color: #67B5E8;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.remove-comparison {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    color: #F44336;
    font-size: 10px;
    transition: all 0.3s ease;
}

.remove-comparison:hover {
    background: rgba(244, 67, 54, 0.1);
}

/* Comparison Actions */
.compare-actions {
    display: flex;
    gap: 10px;
}

.compare-action-btn {
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.compare-cancel {
    background: rgba(0, 0, 0, 0.05);
    color: #666;
}

.compare-submit {
    background: rgba(103, 181, 232, 0.8);
    color: white;
}

.compare-cancel:hover {
    background: rgba(0, 0, 0, 0.1);
}

.compare-submit:hover {
    background: rgba(74, 159, 216, 0.9);
}

/* Comparison Modal */
.comparison-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 20, 39, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.comparison-modal.active {
    opacity: 1;
    visibility: visible;
}

.comparison-content {
    width: 90%;
    max-width: 1000px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    transform: translateY(30px);
    transition: all 0.3s ease;
}

.comparison-modal.active .comparison-content {
    transform: translateY(0);
}

.comparison-header {
    text-align: center;
    margin-bottom: 30px;
}

.comparison-header h3 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.comparison-header p {
    color: #666;
    font-size: 14px;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.comparison-table th,
.comparison-table td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.comparison-table th {
    background: rgba(103, 181, 232, 0.1);
    font-weight: 600;
    color: #333;
}

.comparison-table th:first-child {
    text-align: left;
    border-top-left-radius: 10px;
}

.comparison-table th:last-child {
    border-top-right-radius: 10px;
}

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

.comparison-footer {
    text-align: center;
}

.comparison-close {
    padding: 10px 25px;
    background: rgba(0, 0, 0, 0.05);
    color: #666;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.comparison-close:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* Error Message */
.error-message {
    text-align: center;
    padding: 20px;
    background: rgba(255, 243, 224, 0.8);
    border: 1px solid rgba(255, 224, 178, 0.3);
    border-radius: 15px;
    color: #E65100;
    margin-top: 20px;
    margin-bottom: 20px;
    animation: fadeIn 0.3s ease;
}

/* Success Message */
.success-message {
    text-align: center;
    padding: 20px;
    background: rgba(232, 245, 233, 0.8);
    border: 1px solid rgba(165, 214, 167, 0.3);
    border-radius: 15px;
    color: #2E7D32;
    margin-top: 20px;
    margin-bottom: 20px;
    animation: fadeIn 0.3s ease;
}

/* Responsive Design */
@media (max-width: 768px) {
    .ai-modal-content {
        margin: 20px;
        padding: 25px;
    }
    
    .ai-search-container h2 {
        font-size: 24px;
    }
    
    .domain-results-grid {
        grid-template-columns: 1fr;
    }
    
    .option-buttons {
        position: static;
        margin-top: 10px;
        justify-content: center;
    }
    
    .ai-textarea {
        padding-bottom: 10px;
    }
    
    .comparison-panel {
        flex-direction: column;
        gap: 15px;
    }
    
    .compared-domains {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.dropdown-toggle{
    padding:0px;
    border: none;
    color:#fff !important;
}

.dropdown-toggle::after{
    display: none;
}

.dropdown-menu{
    width: 815px;
    padding:24px;
    border: 0;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 24%);
    border-radius: 16px;
}

.dropdown-menu h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
}

.menu-search-box{
    position: relative;
    margin-bottom: 24px;
}

.menu-search-box i{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.top-header-menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
}

.top-header-menu ul li{
    width: calc(100% / 3 - 20px);
    padding-left: 0px;
}

.top-header-menu ul li a{
    display: flex;
    align-items: center;
    border-radius: 12px;
    font-weight: 700;
    padding: 12px;
    width: 100%;
    font-size: 16px;
    color: #212529;
    transition: all 0.2s;
}

.top-header-menu ul li a span{
    font-weight: 300;
    margin-left: 10px;
    transition: all 0.2s;
}

.top-header-menu ul li a:hover{
    color: #457bff;
    background-color: #edf2ff;
}

.top-header-menu ul li a span{
    color:#999999;
}

.top-header-menu ul li a:hover span{
    color: #457bff;
}

.menu-list{
    max-height: 350px;
    overflow-y: auto;
    scrollbar-gutter: stable both-edges;
}

.domain-search-list{
    padding: 15px;
    border-radius: 16px;
    background-color: #fff;
    margin-bottom: 20px;
}

.domain-search-list h4{
    font-size: 18px;
    font-weight: 600;
}

.search-domain-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.search-domain-box:last-child{
    border-bottom: none;
}

.search-domain-box h2{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.search-domain-box h2 span{
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgb(69 123 255 / 8%);
    border-radius: 50%;
    flex: 0 0 auto;
    margin: 3px 0 0;
}

.search-domain-box h2 span svg{
    width: 12px;
    height: 12px;
}

.domain-price-info{
    display: flex;
    align-items: center;
    gap: 20px;
}

.domain-price-info h4{
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.domain-price-info .domain-save{
    background: rgb(139 195 74 / 20%);
    color: #488010;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 14px;
}

.domain-buy-btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    font-size: 14px;
    color:#7c51fb;
    background-color: #7c51fb1a;
    padding: 6px 10px;
    transition: all 0.3s ease;
}

.domain-buy-btn img{
    width: 20px;
    height: 20px;
}

.domain-buy-btn .img-02{
    position: absolute;
    top: 6px;
    left: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.domain-buy-btn:hover{
    background-color:#7c51fb;
    color: #fff;
}

.domain-buy-btn:hover .img-02{
    opacity: 1;
    visibility: visible;
}

.social-icon ul li{
    display: inline-block;
    padding-right: 16px;
}

.social-icon ul li i{
    font-size: 20px;
}

.comparison-table{
    white-space: nowrap;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.comparison-table .list-group-item{
    background: transparent;
    font-weight: 500;
    padding: 16px;
    border-color: #E6E6E6;
}

.comparison-table .compare_plans_image {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.fw-600{
    font-weight: 600;
}

.list-group-flush>.list-group-item{
    border-width: 0 0 1px;
}

.highlight_plan {
    background: linear-gradient(90deg, #7c51fb 0%, #b69dff 100%);
    border-radius: 24px;
    padding: 4px;
    box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 10%);
}

.highlight_plan .list-group {
    border-radius: 20px;
    background: linear-gradient(135deg, #E1EDFF, #fff 13%, #fff 70%, #F0ECFF);
}

.highlight_plan .compare_plans_image {
    height: 96px;
}

.highlight_plan .list-group-item{
    border-color: transparent;
}

.grayscale {
    filter: grayscale(1);
}

.compare_plans_image img {
    max-height: 30px;
}

.comparison-table .text-half .list-group-item{
    color: #999999;
}

.highlight_plan .compare_plans_image img {
    max-height: 40px;
}

.highlight_plan .money_back {
    margin-top: 16px;
    color: #21252980;
    font-size: 12px;
    font-weight: 700;
}

.highlight_plan .list-group-item i{
    color: #4b32c3;
}

.compare-table-btn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    border:none !important;
}

.comparison-pricing-bx{
    box-shadow: none;
    border: 1px solid #dddddd;
}

.comparison-pricing-bx:hover {
    transform: translateY(0);
}


.main-nav a.ulta-full-shine {
    margin: 0px 20px;
    border-radius: 8px;
    padding: 10px 15px 10px 10px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    background: white;
    overflow: hidden;
    z-index: 1;
    border: 1px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(to right, #E6E6E6 0%, #E6E6E6 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    background-size: 250% auto;
    background-position: -150% center;
    transition: background-position 0s;
}

.main-nav a.ulta-full-shine:hover{
    background: transparent;
    color: #7c51fb;
    border-color: #7c51fb;
}

.main-nav a.ulta-full-shine span{
    display: flex;
    gap: 8px;
    align-items: center;
    color: #212529;
}

.main-nav a.ulta-full-shine.animate {
    background-image: linear-gradient(white, white), linear-gradient(to right, #E6E6E6 0%, #E6E6E6 40%, #5a28fa 50%, #E6E6E6 60%, #E6E6E6 100%);
    animation: shineMove 5s linear 1 forwards;
}

.main-nav a.ulta-full-shine.animate span{
    background: linear-gradient(to right,#212529 0%,#212529 40%,#5a28fa 50%,#212529 60%,#212529 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 250% auto;
    background-position: -150% center;
    animation: shineMove 5s linear 1 forwards;
}

@keyframes shineMove {
  0% { background-position: 150% center;}
  100%{background-position: -50% center;}    
}

.protect-box{
    padding: 20px;
    background-color: #fff;
    display: flex;
    gap: 15px;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

.protect-box span{
    border: 1px solid #f3f4f6;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.protect-box span svg{
    width: 24px;
    height: 24px;
}

.protect-bx-info h4{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.protect-bx-info p{
    font-size: 14px;
    margin: 0;
}

.comparison-summary {
    padding: 80px 30px 0px;
    border-radius: 16px;
}

.comparison-summary-bx{
    padding: 30px;
    background-color: #fff;
    border-radius: 22px 22px 0px 0px;
    max-width: 560px;
    margin: 0px auto;
}

.comparison-summary-bx p{
    line-height: 30px;
}

.comparison-summary-bx ul{
    margin-bottom: 20px;
    background-color: #f6efff;
    border-radius: 16px;
}

.comparison-summary-bx ul li{
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    border-bottom:1px solid #d5afff;
}

.comparison-summary-bx ul li:last-child{
    border-bottom: none;
}

.comparison-summary-bx img{
    height: 80px;
    margin-bottom: 40px;
}

.comaprison-img img{
    max-width: 100%;
}

.comparison-summary-bx .main-btn{
    width: 100%;
}

.migrate-bx{
    padding: 30px;
    background-color: #fff;
    border-radius: 16px;
    text-align: center;
}

.migrate-bx span{
    border: 1px solid rgb(0 0 0 / 4%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgb(124 51 255 / 8%);
    width: 56px;
    height: 56px;
    color: #7C33FF;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 20px;
}

.migrate-bx h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
}

.migrate-bx p{
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 30px;
}

.vds-feature-sec .migrate-bx{
    text-align: left;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.crm-host-feature .migrate-bx{
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.crm-host-feature .migrate-bx img{
    margin-bottom: 20px;
}

.evant-host-feature .migrate-bx img{
    height: 50px;
    margin-bottom: 20px;
}

.evant-host-feature .migrate-bx{
    margin-bottom: 30px;
}

.window-feature-bx {
    height: calc(100% - 30px);
    margin-bottom: 30px;
    border: 1px solid rgb(0 0 0 / 8%);
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 2%);
    padding: 20px;
    border-radius: 16px;
    transition: all 0.2s;
    background: linear-gradient(315deg, #EBF1FF, transparent 20%, transparent 85%, #EBF1FF);
}

.window-feature-bx:hover{
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 6%);
    transform: translatey(2px);
}

.window-feature-bx img{
    max-width: 100%;
    margin-bottom: 20px;
}

.window-feature-bx h4{
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

.windows-hosting-plan .section-header h3, .windows-hosting-plan .section-header p{
    color: #fff;
}

.windows-hosting-plan-table .table{
    color: #fff;
}

.windows-hosting-plan-table .table th{
    padding: 15px 20px;
    border: 1px solid rgb(255 255 255 / 50%) !important;
    font-size: 20px;
}

.windows-hosting-plan-table .table td{
    border: 1px solid rgb(255 255 255 / 50%) !important;
    font-size: 16px;
}

.windows-hosting-plan-table .table td ul li{
    padding: 10px;
}

.windows-hosting-plan-table .table td ul li i{
    color: #F67A3C;
    margin-right: 10px;
}

.ecommerce-features-box{
    padding: 24px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid rgb(0 0 0 / 8%);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ecommerce-features-box img{
    height: 38px;
    align-self: center;
    margin-bottom: 20px;
}

.ecommerce-features-box h4{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.ecommerce-features-box p{
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
}

.ecommerce-features-box .main-btn{
    width: 100%;
    padding: 15px 20px;
    margin-top: auto;
}

.evanto-process{
    padding: 30px;
    border-radius: 22px;
    border: 1px solid #e6e6e6;
}

.evanto-process-bx{
    padding: 20px;
    text-align: center;
    border-radius: 16px;
    background-color: #faf8ff;
    height: 100%;
}

.evanto-process-bx span{
    border: 1px solid rgb(0 0 0 / 4%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgb(124 51 255 / 8%);
    width: 56px;
    height: 56px;
    color: #7C33FF;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

.evanto-process-bx h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.advanced-btn{
    white-space: nowrap;
    padding: 8px 16px;
    border-radius: 6px;
    background-color: #F67A3C;
    border: 1px solid #F67A3C;
    color: #fff;
}

.advanced-btn:hover{
    background-color: #fff;
    color: #F67A3C;
}

.advanced-option-modal h4{
    font-size: 24px;
    font-weight: 600;
}

.advanced-option-modal{
    border: none;
    border-radius: 22px;
}

.advanced-option-modal .modal-body{
    padding: 30px;
}

.advanced-option-modal .modal-footer{
    border: none;
    padding: 30px;
    padding-top: 0px;
}

.advanced-option-modal .form-group{
    margin-bottom: 20px;
}

.advanced-option-modal .form-group label{
    font-size: 14px;
    margin-bottom: 6px;
    color: #000;
    display: inline-block;
    font-weight: 600;
}

.advanced-option-modal .form-group span{
    font-size: 14px;
    font-weight: 400;
}

.advanced-option-modal .form-control{
    height: 40px;
    margin-bottom: 4px;
    border-radius: 6px;
    font-size: 14px;
}

.advanced-option-modal .form-group ul li{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px;
}

.advanced-option-modal .form-group input[type="checkbox"]{
    width: 16px;
    height: 16px;
}

.banner-img img{
    width: 100%;
}

.website-template-img img{
    width: 100%;
    border-radius: 22px;
}