body {
    font-family: 'Montserrat', sans-serif !important;

    --RedColor: #ed1c2a;
    --RedColorDark: #d71826;
    --LightBg: #f3f2f2;
    --headingColor: #231f20;
    --textcolor: #535151;
}

button {
    outline: none !important;
    transition-duration: 0.3s;
    font-family: 'Montserrat', sans-serif !important;
}

p {
    font-size: 16px;
    line-height: 28px;
    color: var(--textcolor);
    font-family: 'Montserrat', sans-serif !important;
}

a {
    outline: none !important;
    transition-duration: 0.3s;
    font-family: 'Montserrat', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--headingColor);
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif !important;
}

.container {
    max-width: 1400px !important;
}

@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 0px;
        right: 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 15px;
        padding-top: 25px;
        width: 300px;
        height: 100%;
        z-index: 1050;
        background-color: rgba(237, 28, 42, 0.94);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    }

    .navbar-collapse.collapsing {
        right: -300px;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        right: 0;
        transition: right 300ms ease-in-out;
    }

    .navbar-toggler.collapsed~.navbar-collapse {
        transition: right 500ms ease-in-out;
    }

    .navbar-light .close_btn {
        color: var(--YellowColor) !important;
        right: 0px;
        top: 0px !important;
        margin-left: -20px;
        background-color: #cdab81;
        width: 40px;
        height: 40px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .menu-wrapper .navbar .navbar-nav a {
        color: #5d2701 !important;
    }

    .menu-wrapper .navbar .navbar-nav {
        margin-top: 50px;
    }

    .menu-wrapper .navbar .navbar-nav a {
        padding: 0px 10px !important;
        line-height: 40px !important;
    }

    .menu-wrapper .navbar .dropdown .dropdown-menu {
        padding: 10px 10px !important;
    }

    .header-bar .navbar .nav-item {
        border-left: none !important;
        border-bottom: 1px dashed #dbb957;
    }

    .header-bar .navbar .nav-item .nav-link {
        text-align: center;
        padding: 0px 0px;
        color: #fff !important;
        font-weight: 500;
    }

    .navbar-light .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.5);
        color: rgba(255, 255, 255, 0.5);
        margin-top: 6px;
    }
}

.header-wrapper {
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1020;
    padding-top: 25px;
    padding-left: 45px;
    transition-duration: 0.3s;
    padding-right: 45px;
}

.header-wrapper .header-logo {
    height: 42px;
}

.header-wrapper .header-logo img {
    height: 35px;
    width: 170px;
}

.header-wrapper .navbar {
    padding: 0;
    margin-top: 5px;
    background: none !important;
}

.header-wrapper .navbar li a {
    padding: 5px 10px !important;
    margin: 0px 5px;
    font-size: 16px;
    font-weight: 500;
    color: var(--headingColor) !important;
}

.header-wrapper .navbar li a:hover {
    color: var(--RedColor) !important;
}

.header-wrapper .col-lg-3:last-child {
    text-align: right;
    transition-duration: 0.3s;
    padding-top: 13px;
}

.header-wrapper .col-lg-3:last-child .login-btn {
    background: var(--RedColor);
    color: #fff;
    padding: 6px 20px;
    margin: 0;
    text-decoration: none;
    font-size: 16px;
    border-radius: 3px;
}

.header-wrapper .col-lg-3:last-child .login-btn:hover {
    background: var(--RedColorDark);
}

.header-wrapper .col-lg-3:last-child .phoneno {
    padding: 0;
    margin: 0px 20px 0px 0px;
    color: var(--headingColor);
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.header-wrapper .col-lg-3:last-child .phoneno i {
    margin-right: 5px;
    transform: rotateY(180deg);
    font-size: 14px;
}

.f-nav .header-wrapper {
    background: rgba(255, 255, 255, 0.94);
    padding-top: 6px;
    padding-bottom: 6px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

.f-nav .header-wrapper .col-lg-3:last-child {
    padding-top: 10px;
}

.banner-wrapper .rightshade {
    background: #f3f2f2;
}

.banner-wrapper .col-lg-6 h1 {
    margin-top: 180px;
    width: 100%;
    text-align: center;
    color: var(--headingColor);
    font-size: 36px;
}

.banner-wrapper .col-lg-6 p {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 15px 0px 0px 0px;
    color: var(--headingColor);
    font-size: 16px;
    font-weight: 500;
}

.banner-wrapper .col-lg-6 p font i {
    color: var(--RedColor) !important;
    margin-right: 5px;
}

.banner-wrapper .col-lg-6 p font b {
    color: var(--RedColor) !important;
}

.banner-wrapper .col-lg-6 p font {
    margin-left: 0px;
    margin-right: 0px;
    border-right: 1px solid #cccccc;

}

.banner-wrapper .col-lg-6 p font:first-child {
    padding-right: 12px;
    margin-right: 12px;
}

.banner-wrapper .col-lg-6 p font:last-child {
    border-right: none;
}

.banner-search {
    margin-top: 40px;
    display: block;
    position: relative;
}

.banner-search input {
    width: 100%;
    height: 58px;
    border: 1px solid #d4d4d4;
    border-radius: 15px;
    transition-duration: 0.3s;
    padding-left: 25px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(78, 78, 78, 0.2);
}

.banner-search input:focus {
    border-color: var(--RedColor);
    outline: none;
}

.banner-search button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 58px;
    height: 58px;
    border: none;
    outline: none;
    background: none;
    color: var(--RedColor);
    font-size: 24px;
}

.banner-search button:hover {
    color: var(--RedColorDark);
}

.startnow {
    margin-top: 40px;
    text-align: center;
}

.startnow a {
    color: var(--RedColor);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-right: 25px;

}

.startnow a:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 3px;
    width: 15px;
    height: 12px;
    background: url(../img/arrow.svg) no-repeat;
    background-size: auto 12px;
    animation: arrow-anim 0.5s linear infinite;
    background-position-x: -8px;
}

@keyframes arrow-anim {
    0% {
        background-position-x: -8px;
    }


    100% {
        background-position-x: 0px;
    }
}

.banner-image {
    width: 100%;
    height: 270px;
    text-align: center;
    margin-top: 30px;
}

.banner-image svg {
    height: 270px;
    display: inline-block;
}

.beautiful-website-wrap {
    width: 100%;
    background: var(--LightBg);
    padding: 100px 0px;
}

.beautiful-website-wrap .col-lg-6:last-child {
    display: table;
}

.beautiful-website-wrap .col-lg-6:last-child span {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.beautiful-website-wrap .col-lg-6:last-child h2 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 25px 0px;
    font-size: 42px;
    font-weight: 400;
}

.beautiful-website-wrap .col-lg-6:last-child ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.beautiful-website-wrap .col-lg-6:last-child ul li {
    list-style: none;
    padding: 0;
    margin: 14px 0px;
    width: 100%;
    line-height: normal;
}

.more-btn-style {
    display: inline-block;
    height: 42px;
    border: 2px solid var(--RedColor);
    line-height: 38px;
    color: var(--RedColor);
    font-size: 14px;
    font-weight: 600;
    border-radius: 20px;
    padding-left: 30px;
    padding-right: 52px;
    position: relative;
    margin-top: 25px;
}

.more-btn-style:after {
    content: '';
    position: absolute;
    right: 26px;
    top: 13px;
    width: 15px;
    height: 12px;
    background: url(../img/arrow.svg) no-repeat;
    background-size: auto 12px;
    animation: arrow-anim 0.5s linear infinite;
    background-position-x: -8px;
}

.more-btn-style:hover {
    background: var(--RedColor);
    color: #fff;
    text-decoration: none;
}

.more-btn-style:hover:after {
    background: url(../img/arrow-white.svg) no-repeat;
    background-size: auto 12px;
}

.middle-phone-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.middle-phone-wrapper .container {
    position: relative;
    min-height: 90px;
}

.middle-phone-wrapper .container:after {
    width: 2000px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    content: '';
    background: var(--RedColor);
    z-index: 0;
}

.middle-phone-wrapper h2 {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    padding: 0;
    margin: 0px 0px 0px 0px;
    display: block;
    line-height: 90px;
}

.middle-phone-wrapper h2 a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}

.footer-wrapper {
    width: 100%;
    background: #ebebeb;
    padding: 90px 0px;
}

.footer-wrapper h4 {
    color: #4e4e4e;
    padding: 0;
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    font-weight: 600;
}

.footer-wrapper ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.footer-wrapper ul li {
    list-style: none;
    padding: 0;
    margin: 8px 0px 0px 0px;
    line-height: normal;
}

.footer-wrapper ul li a {
    color: #4e4e4e;
    padding: 0;
    margin: 4px 0px;
    text-decoration: none;
    font-size: 14px;
    opacity: 1;
    font-weight: 400;
}

.footer-wrapper ul li a:hover {
    opacity: 1;
    color: var(--RedColor);
}

.footer-wrapper p {
    color: #4e4e4e;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    opacity: 1;
    font-weight: 400;
    line-height: 26px;
}

.stblack {
    fill: #4e4e4e;
    opacity: 1;
}

.st1red {
    fill: var(--RedColor);
}

.footer-wrapper svg {
    height: 40px;
    width: auto;
    margin-bottom: 25px;
}

.footerbtm-wrapper {
    width: 100%;
    min-height: 75px;
    background: #4e4e4e;
    padding: 30px 0px 20px;
}

.footerbtm-wrapper p {
    color: #b8b8b8;
    padding: 0;
    margin: 5px 0px 0px 0px;
    height: auto;
    font-size: 12px;
    line-height: 13px;
    display: block;
    float: left;
    width: 100%;
}

.footerbtm-wrapper ul {
    width: 100%;
    text-align: right;
    padding: 0;
    margin: 25px 0px 0px 0px;
    display: block;
}

.footerbtm-wrapper ul li {
    list-style: none;
    display: inline-block;
    margin-left: 25px;
}

.footerbtm-wrapper ul li a {
    color: #fff;
    opacity: 0.6;
    font-size: 14px;
}

.footerbtm-wrapper ul li a:hover {
    opacity: 1;
}

.footerbtm-wrapper font {
    background: #fff;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 23px;
}

.supportdone-wrap {
    margin-top: 90px;
    margin-bottom: 90px;
    text-align: justify;
}

.supportdone-wrap h2 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 25px 0px;
    font-size: 42px;
    font-weight: 400;
}

.logos-scroll-wrap {
    margin-top: 100px;
}

.logos-scroll-wrap h6 {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 0;
    margin: 3px 0px 0px 0px;
}

.logos-scroll-wrap span {
    width: 100%;
    text-align: center;
    display: block;
}

.logos-scroll-wrap span img {
    height: 30px;
    display: inline-block;
    width: auto;
}

.getonline-wrap {
    margin-top: 90px;
    margin-bottom: 100px;
}

.getonline-wrap h2 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 40px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.getonline-wrap span {
    width: 100%;
    height: 215px;
    border: 1px solid #dadada;
    display: block;
    border-radius: 15px;
    padding-top: 45px;
}

.getonline-wrap span h6 {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.getonline-wrap span font {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.getonline-wrap span font img {
    height: 80px;
    display: inline-block;
    width: auto;
}

.getonline-wrap .col-lg-3 {
    padding-left: 6px;
    padding-right: 6px;
}

.getonline-wrap .servicescroll {
    margin-left: -6px;
    margin-right: -6px;
}


.trust-pilot-logo h5 {
    padding: 0;
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
    border-top: 1px dashed #80807f;
    border-bottom: 1px dashed #80807f;
    font-size: 17px;
    height: 80px;
    padding-top: 22px;
}

.trust-pilot-logo h5 font {
    padding: 0px 20px;
    line-height: 23px;
}

.associatepartners {
    margin-top: 80px;
    margin-bottom: 100px;
}

.associatepartners h2 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 40px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}


/* Slider */
.slick-slide {
    margin: 0px 0px;
}

.slick-slide img {
    width: 100%;
}



.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    /* -webkit-transform: translate(0, -50%); */
    -ms-transform: translate(0, -50%);
    /* transform: translate(0, -50%); */
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    /* line-height: 1; */
    /* opacity: .75; */
    color: white;
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -15px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px !important;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
    display: block;

    padding: 2px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/*----*/


.servicescroll .slick-dots,
.testimonialscroll .slick-dots,
.projectscroll .slick-dots,
.ourclientscroll .slick-dots {
    bottom: -30px !important;
}

.home-banner-wrap .slick-dots,
.projectbanner-wrap .slick-dots {
    bottom: 30px !important;
}


.servicescroll .slick-dots li button,
.testimonialscroll .slick-dots li button,
.projectscroll .slick-dots li button,
.ourclientscroll .slick-dots li button,
.home-banner-wrap .slick-dots li button,
.projectbanner-wrap .slick-dots li button {
    border: 2px solid var(--RedColor);
    list-style: none !important;
    z-index: 990;
    border-radius: 50%;
}

.servicescroll li button:before,
.testimonialscroll li button:before,
.projectscroll li button:before,
.ourclientscroll li button:before,
.home-banner-wrap li button:before,
.projectbanner-wrap li button:before {
    display: none;
    visibility: hidden;
}


.servicescroll .slick-dots li.slick-active button,
.testimonialscroll .slick-dots li.slick-active button,
.projectscroll .slick-dots li.slick-active button,
.ourclientscroll .slick-dots li.slick-active button,
.home-banner-wrap .slick-dots li.slick-active button,
.projectbanner-wrap .slick-dots li.slick-active button {
    background: var(--RedColor);
}

.servicescroll .slick-dots li button,
.testimonialscroll .slick-dots li button,
.projectscroll .slick-dots li button,
.ourclientscroll .slick-dots li button,
.home-banner-wrap .slick-dots li button,
.projectbanner-wrap .slick-dots li button {
    border: 2px solid var(--RedColor);
    list-style: none !important;
    z-index: 990;
    border-radius: 50%;
}

.servicescroll .slick-dots li.slick-active button,
.testimonialscroll .slick-dots li.slick-active button,
.projectscroll .slick-dots li.slick-active button,
.ourclientscroll .slick-dots li.slick-active button,
.home-banner-wrap .slick-dots li.slick-active button,
.projectbanner-wrap .slick-dots li.slick-active button {
    background: var(--RedColor);
}



::selection {
    background: var(--RedColor);
    color: #fff;
}

::-moz-selection {
    background: var(--RedColor);
    color: #fff;
}

::-webkit-scrollbar {
    width: 8px;
    height: 0px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: rgba(192, 8, 8, 0.8);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(192, 8, 8, 1);
}

.servicescroll,
.domaincroll {
    margin-left: -15px;
    margin-right: -15px;
}

.associatepartners img {
    width: 100%;
}

.banner-image-left .st0-anim {
    fill: #FFFFFF;
    stroke: #263238;
    stroke-width: 1.0554;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.banner-image-left .st1 {
    fill: none;
    stroke: #263238;
    stroke-width: 1.0554;
    stroke-linejoin: round;
}

.banner-image-left .st2 {
    fill: #ED1C2A;
    stroke: #263238;
    stroke-width: 1.0554;
    stroke-linejoin: round;
}

.banner-image-left .st3 {
    fill: #FFFFFF;
    stroke: #263238;
    stroke-width: 1.0554;
    stroke-linejoin: round;
}

.banner-image-left .st4 {
    fill: #ED1C2A;
}

.banner-image-left .st5 {
    fill: none;
    stroke: #263238;
    stroke-width: 0.5277;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.banner-image-left .st6 {
    fill: #FFFFFF;
}

.banner-image-left .st7 {
    clip-path: url(#SVGID_2_);
}

.banner-image-left .st8 {
    opacity: 0.2;
    enable-background: new;
}

.banner-image-left .st9 {
    fill: none;
    stroke: #263238;
    stroke-width: 1.0554;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.banner-image-left .st10 {
    fill: #263238;
    stroke: #263238;
    stroke-width: 1.0554;
    stroke-linejoin: round;
}

.banner-image-left .st11 {
    fill: none;
    stroke: #636363;
    stroke-width: 1.0554;
    stroke-miterlimit: 10;
}

.banner-image-left .st13 {
    fill: #ED1C2A;
    stroke: #263238;
    stroke-width: 1.0554;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.banner-image-left .head-animation {
    animation: head-anim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes head-anim {
    0% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(5deg);
    }
}

.eyeanim {
    fill: #263238;
    animation: eyes-anim 3s linear infinite;
}

@keyframes eyes-anim {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    53% {
        opacity: 0;
    }

    56% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.left-hand-anim {
    animation: lefthand-anim 1s linear infinite;
    transform-origin: left;
    transform-box: fill-box;
}

@keyframes lefthand-anim {
    0% {
        transform: rotate(2deg);
    }

    20% {
        transform: rotate(-2deg);
    }

    40% {
        transform: rotate(2deg);
    }

    60% {
        transform: rotate(-2deg);
    }

    80% {
        transform: rotate(2deg);
    }

    100% {
        transform: rotate(2deg);
    }
}

.right-hand-anim {
    animation: lefthand-anim 0.8s linear infinite;
    transform-origin: left;
    transform-box: fill-box;
}

.left-plant-anim {
    animation: lefplant-anim 3s linear infinite;
    transform-origin: bottom;
    transform-box: fill-box;
}

@keyframes lefplant-anim {
    0% {
        transform: rotate(3deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(3deg);
    }
}

.right-plant-anim {
    animation: rightplant-anim 6s linear infinite;
    transform-origin: bottom;
    transform-box: fill-box;
}

@keyframes rightplant-anim {
    0% {
        transform: rotate(4deg);
    }

    50% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(4deg);
    }
}




.banner-image-right .st0 {
    fill: #FFFFFF;
}

.banner-image-right .st1 {
    fill: #263238;
}

.banner-image-right .st2 {
    opacity: 0.17;
    enable-background: new;
}

.banner-image-right .st3 {
    fill: #ED1C2A;
}

#righthand {
    animation: righthand-anim 5s linear infinite;
    transform-origin: top;
    transform-box: fill-box;
}

@keyframes righthand-anim {
    0% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(-8deg);
    }

    100% {
        transform: rotate(5deg);
    }
}

#rightleg {
    animation: rightleg-anim 6s linear infinite;
    transform-origin: top;
    transform-box: fill-box;
}

@keyframes rightleg-anim {
    0% {
        transform: rotate(3deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(3deg);
    }
}

#leftleg {
    animation: leftleg-anim 6s linear infinite;
    transform-origin: top right;
    transform-box: fill-box;
}

@keyframes leftleg-anim {
    0% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(10deg);
    }
}

#left-hand {
    animation: righthands-anim 6s linear infinite;
    transform-origin: top right;
    transform-box: fill-box;
}

@keyframes righthands-anim {
    0% {
        transform: rotate(3deg);
    }

    50% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(3deg);
    }
}


.astronut-anim {
    animation: astro-anim 10s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes astro-anim {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(50deg) translateY(-100px) translateX(0px);
    }

    60% {
        transform: rotate(50deg) translateY(50px) translateX(0px);
    }

    100% {
        transform: rotate(0deg);
    }
}

.hosting-image .st0 {
    fill: #FCD8DA;
}

.hosting-image .st1 {
    fill: #FEEDEE;
}

.hosting-image .st2 {
    fill: none;
    stroke: #263238;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.hosting-image .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #263238;
}

.hosting-image .st4 {
    fill: #455A64;
}

.hosting-image .st5 {
    fill: #E0E0E0;
}

.hosting-image .st6 {
    opacity: 0.6;
}

.hosting-image .st7 {
    fill: #FFFFFF;
}

.hosting-image .st8 {
    fill: #263238;
}

.hosting-image .st9 {
    fill: #FF725E;
}

.hosting-image .st10 {
    opacity: 0.3;
}

.hosting-image .st11 {
    fill: #1E0003;
}

.hosting-image .st12 {
    fill: #FFBE9D;
}

.hosting-image .st13 {
    fill: #ED1C2A;
}

.hosting-image .st14 {
    fill: #EB996E;
}

.hosting-image .st15 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FEEDEE;
}

.hosting-image svg {
    width: 100%;
}

#cogwheel1 {
    animation: cogwheelanim 2s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes cogwheelanim {
    0% {
        transform: rotate(0deg);
    }



    100% {
        transform: rotate(180deg);
    }
}

#cogwheel2 {
    animation: cogwheelanim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#cogwheel3 {
    animation: cogwheelanim 8s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#cogwheel4 {
    animation: cogwheelanim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#wordpress {
    animation: wordpressanim 5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes wordpressanim {
    0% {
        transform: rotate(-35deg);
    }

    50% {
        transform: rotate(35deg);
    }

    100% {
        transform: rotate(-35deg);
    }
}

#left-line {
    animation: leftline-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes leftline-anim {
    0% {
        width: 0px;
    }

    50% {
        width: 100px;
    }

    100% {
        width: 0px;
    }
}

#circle3 {
    animation: circle3-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes circle3-anim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-200px);
    }

    60% {
        transform: translateX(-200px);
    }

    90% {
        transform: translateX(0px);
    }
}

#circle1 {
    animation: circle2-anim 5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes circle1-anim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-200px);
    }

    60% {
        transform: translateX(-200px);
    }

    90% {
        transform: translateX(0px);
    }
}

#circle2 {
    animation: circle2-anim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes circle2-anim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-200px);
    }

    60% {
        transform: translateX(-200px);
    }

    90% {
        transform: translateX(0px);
    }
}

#girlanim {
    animation: redgirl-anim-anim 10s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes redgirl-anim-anim {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(50deg) translateY(-100px) translateX(0px);
    }

    60% {
        transform: rotate(50deg) translateY(50px) translateX(0px);
    }

    100% {
        transform: rotate(0deg);
    }
}

.supportdone-wrap .col-lg-6:nth-child(1) {
    display: table;
}

.supportdone-wrap .col-lg-6:nth-child(1) span {
    display: table-cell;
    vertical-align: middle;
}

#Character_1 {
    animation: supportchar1-anim 5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes supportchar1-anim {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(30px);
    }


    100% {
        transform: translateY(0px);
    }
}

#Character_2 {
    animation: supportchar2-anim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes supportchar2-anim {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }


    100% {
        transform: translateY(0px);
    }
}

#plant-animation {
    animation: supportplant-anim 8s linear infinite;
    transform-origin: center bottom;
    transform-box: fill-box;
}

@keyframes supportplant-anim {
    0% {
        transform: rotate(-6deg);
    }

    50% {
        transform: rotate(6deg);
    }


    100% {
        transform: rotate(-6deg);
    }
}

.support-image .st0 {
    display: none;
}

.support-image .st1 {
    display: inline;
    fill: #EBEBEB;
}

.support-image .st2 {
    fill: #ED1C2A;
}

.support-image .st3 {
    fill: #263238;
}

.support-image .st4 {
    fill: #455A64;
}

.support-image .st5 {
    fill: #E0E0E0;
}

.support-image .st6 {
    fill: #A36957;
}

.support-image .st7 {
    fill: #7C3B29;
}

.support-image .st8 {
    fill: #263238;
    animation: eyes-anim 3s linear infinite;
}

.support-image .st9 {
    fill: #E8505B;
}

.support-image .st10 {
    opacity: 0.3;
}

.support-image .st11 {
    fill: #FAFAFA;
}

.support-image .st12 {
    opacity: 0.2;
}

.support-image .st13 {
    fill: #FFD1BD;
}

.support-image .st14 {
    fill: #CC8F75;
}

.support-image .st15 {
    opacity: 0.78;
}

.support-image .st16 {
    fill: #6ED82A;
}

.support-image .st16 {
    fill: #263238;
    animation: eyes-anim 3s linear infinite;
}

@keyframes eyes-anim {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    53% {
        opacity: 0;
    }

    56% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.dropdown-menu a {
    margin: 0px !important;
    padding: 0px 0px !important;
}

.innerpage-heading h1 {
    text-align: center;
    padding: 0;
    margin: 0px 0px 15px 0px;
    font-weight: 300;
}

.innerpage-heading {
    padding-top: 150px;
    position: relative;
}

.innerpage-heading p {
    text-align: center;
    padding: 0;
    margin: 0;
}

.hosting-packages-con {
    margin-top: 100px;
}


.hosting-tab-item {
    width: 100%;
    border-radius: 5px;
    float: left;
    padding: 40px 30px;
    background: #fff;
    min-height: 530px;
    border: 1px solid #dadada;
    display: block;
    border-radius: 15px;
    display: table;
    height: 100%;
    position: relative;
}

.hosting-tab-item.mostpopular::before {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../img/most-popular.png) no-repeat;
    content: '';
}

.hosting-tab-item h2 {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 42px;
    color: var(--RedColor);
}

.hosting-tab-item h2 i {
    font-size: 35px;
}

.hosting-tab-item h6 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

.hosting-tab-item h5 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 15px 0px 35px 0px;
    font-size: 15px;
    display: block;
}

.hosting-tab-item h5 font {
    background: var(--LightBg);
    padding: 4px 15px;
    font-weight: 700;
    border-radius: 15px;
    margin-right: 5px;
}

.hosting-tab-item .ordernow {
    width: 100%;
    padding: 10px 0px;
    margin: 0px 0px 35px 0px;
    text-align: center;
    float: left;
    background: var(--RedColor);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
}

.hosting-tab-item h5 b {
    font-weight: 500;
    position: relative;
    padding: 0px 2px;
}

.hosting-tab-item h5 b::before {
    width: 100%;
    height: 1px;
    background: var(--headingColor);
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
}

.hosting-tab-item h5 b i {
    font-size: 13px;
}

.hosting-tab-item .ordernow:hover {
    text-decoration: none;
    background: var(--RedColorDark);
}

.hosting-tab-item ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.hosting-tab-item ul li {
    list-style: none;
    padding: 0;
    margin: 14px 0px 0px 0px;
    line-height: normal;
}

.hosting-tab-item ul li i {
    margin-right: 10px;
}

.hosting-tab-item h4 {
    padding: 0;
    margin: 0px 0px 5px 0px;
    font-size: 24px;
    text-align: center;
}

.hosting-tab-item p {
    padding: 0;
    margin: 0px 0px 20px 0px;
    text-align: center;
}

.hosting-tab-item select {
    width: 100%;
    background-color: #fff;
    height: 42px;
    padding: 0px 10px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #dadada;
    display: block;
    border-radius: 3px;
    outline: none;
    margin-bottom: 15px;
}

.hosting-tab-item .more-btn-style {
    margin-top: 0px;
    width: 100%;
    margin-bottom: 20px;
}

.included-inall {
    margin-top: 100px;
    background: #feedee;
    padding: 90px 0px;
}

.included-inall ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.included-inall ul li {
    list-style: none;
    padding: 0;
    margin: 12px 0px 0px 0px;
    width: 50%;
    float: left;
}

.included-inall ul li i {
    color: var(--RedColor);
    margin-right: 8px;
}

.included-inall h3 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 25px 0px;
    font-size: 42px;
    font-weight: 300;
}

.included-inall .col-lg-5 img {
    width: 100%;
}

.included-inall .col-lg-7 {
    display: table;
}

.included-inall .col-lg-7 span {
    display: table-cell;
    vertical-align: middle;
}

.hosting-features h2 {
    width: 100%;
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 10px 0px;
    font-size: 45px;
    font-weight: 300;
}

.hosting-features p {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

.hosting-features h5 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 10px 0px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.hosting-features span {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}

.hosting-features span img {
    width: 60px;
    height: 60px;
}

.hosting-features .col-lg-4,
.hosting-features .col-lg-3 {
    padding-top: 30px;
}

.hosting-features .row {
    margin-top: 20px;
    margin-bottom: 15px;
}

.hosting-features {
    margin-top: 100px;
}

.easytouse-panel h2 {
    width: 100%;
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 10px 0px;
    font-size: 45px;
    font-weight: 300;
}

.easytouse-panel p {
    text-align: center;
}

.easytouse-panel h6 {
    width: 100%;
    padding: 0;
    margin: 20px 0px 40px;
    text-align: center;
    font-weight: 700;
}

.easytouse-panel {
    margin-top: 80px;
}

.easytouse-panel .col-lg-6 p {
    text-align: left;
    padding: 0;
    margin: 0;
}

.easytouse-panel .col-lg-6 .easytouse-item {
    width: 100%;
    padding: 0px 0px 0px 80px;
    margin: 45px 0px;
    position: relative;
}

.easytouse-panel .col-lg-6 .easytouse-item:first-child {
    margin-top: 10px;
}

.easytouse-panel .col-lg-6 .easytouse-item:last-child {
    margin-bottom: 0px;
}

.easytouse-panel .col-lg-6 .easytouse-item img {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 50px;
    height: 50px;
}

.easytouse-panel .col-lg-6:first-child img {
    width: 90%;

}


.hosting-faq h2 {
    width: 100%;
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 30px 0px;
    font-size: 45px;
    font-weight: 300;
}

.hosting-faq {
    margin-top: 100px;
    margin-bottom: 100px;
}

.hosting-faq .col-lg-9 .card {
    border: none;
    margin: 8px 0px;
    display: block;
}

.hosting-faq .col-lg-9 .card-header {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    outline: none;
    width: 100%;
    background: var(--LightBg);
}

.hosting-faq .col-lg-9 .card-header button {
    width: 100%;
    padding: 16px 20px 16px 45px;
    margin: 0;
    outline: none;
    text-align: left;
    box-shadow: none;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    position: relative;

}

.hosting-faq .col-lg-9 .card-header button i {
    margin-right: 5px;
    color: var(--RedColor);
    position: absolute;
    left: 20px;
    top: 19px;
}

.hosting-faq .col-lg-9 .card-body {
    padding: 5px 20px 20px 20px;
    background: var(--LightBg);
}

.included-inall .st0 {
    fill: #ED1C2A;
}

.included-inall .st1 {
    fill: #575756;
}

.included-inall .st2 {
    fill: #f0d5d7;
}

.included-inall .st3 {
    fill: #ff00ff;
}

#cog1 {
    animation: cogwheelanim 8s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.redcolor-seven {
    animation: cpucolor1 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    fill: #ff00ff;
}

@keyframes cpucolor1 {
    0% {
        fill: var(--RedColor);
    }

    33.33% {
        fill: var(--RedColor);
    }

    33.34% {
        fill: var(--LightBg);
    }

    100% {
        fill: var(--LightBg);
    }
}

.redcolor-six {
    animation: cpucolor2 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    fill: #ff00ff;
}

@keyframes cpucolor2 {
    0% {
        fill: var(--LightBg);
    }

    33.33% {
        fill: var(--LightBg);
    }

    33.34% {
        fill: var(--RedColor);
    }

    66.66% {
        fill: var(--RedColor);
    }

    66.67% {
        fill: var(--LightBg);
    }

    100% {
        fill: var(--LightBg);
    }
}

.redcolor-five {
    animation: cpucolor3 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
    fill: #ff00ff;
}

@keyframes cpucolor3 {
    0% {
        fill: var(--LightBg);
    }

    66.66% {
        fill: var(--LightBg);
    }

    66.67% {
        fill: var(--RedColor);
    }

    99% {
        fill: var(--RedColor);
    }
}

.redcolor-four {
    animation: cpucolor4 3s linear infinite;
    fill: var(--RedColor);
}

@keyframes cpucolor4 {
    0% {
        fill: var(--RedColor);
    }

    25% {
        fill: var(--RedColor);
    }

    25.5% {
        fill: var(--LightBg);
    }

    100% {
        fill: var(--LightBg);
    }
}


.redcolor-three {
    animation: cpucolor3 3s linear infinite;
    fill: var(--RedColor);
}

@keyframes cpucolor3 {
    0% {
        fill: var(--LightBg);
    }

    25% {
        fill: var(--LightBg);
    }

    25.5% {
        fill: var(--RedColor);
    }

    50% {
        fill: var(--RedColor);
    }

    50.5% {
        fill: var(--LightBg);
    }

    100% {
        fill: var(--LightBg);
    }
}

.redcolor-two {
    animation: cpucolor2 3s linear infinite;
    fill: var(--RedColor);
}

@keyframes cpucolor2 {
    0% {
        fill: var(--LightBg);
    }

    25% {
        fill: var(--LightBg);
    }

    25.5% {
        fill: var(--LightBg);
    }

    50% {
        fill: var(--LightBg);
    }

    50.5% {
        fill: var(--RedColor);
    }

    75.0% {
        fill: var(--RedColor);
    }

    75.5% {
        fill: var(--LightBg);
    }

    100% {
        fill: var(--LightBg);
    }
}

.redcolor-one {
    animation: cpucolor1 3s linear infinite;
    fill: var(--RedColor);
}

@keyframes cpucolor1 {
    0% {
        fill: var(--LightBg);
    }



    50.5% {
        fill: var(--LightBg);
    }

    75.0% {
        fill: var(--LightBg);
    }

    75.5% {
        fill: var(--RedColor);
    }

    99.5% {
        fill: var(--RedColor);
    }
}


.innerpagebanner-wrap .banner-image-holder {
    width: 100%;
    display: block;
    margin-top: 140px;
    height: 360px;
    text-align: center;
    margin-bottom: 75px;
}

.innerpagebanner-wrap .banner-image-holder svg {
    display: inline-block;
    height: 360px;
}

.innerpagebanner-wrap .col-lg-6:first-child {
    display: table;
    padding-top: 140px;
}

.innerpagebanner-wrap .col-lg-6:first-child span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 45px;
    text-align: left;
}

.innerpagebanner-wrap .col-lg-6:first-child span h1 {
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0px 0px 0px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.innerpagebanner-wrap .col-lg-6:first-child span p {
    text-align: left;
    padding: 0;
    margin: 10px 0px 30px 0px;
    font-weight: 400;
}

.innerpagebanner-wrap .col-lg-6:first-child span ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.innerpagebanner-wrap .col-lg-6:first-child span ul li {
    list-style: none;
    padding: 0;
    margin: 12px 0px;
    width: 100%;
}

.innerpagebanner-wrap .col-lg-6:first-child span ul li i {
    margin-right: 10px;
}

.hosting-faq .faq-items {
    width: 100%;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px dashed #93999c;
}

.hosting-faq .faq-items:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.hosting-faq .faq-items h4 {
    font-size: 20px;
    padding: 0;
    margin: 0px 0px 6px 0px;
}

.hosting-faq .faq-items p {
    padding: 0;
    margin: 0;
}

#gearone {
    animation: cogwheelanim 8s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#quote {
    animation: quoteanim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes quoteanim {
    0% {
        transform: rotate(-12deg);
    }

    50% {
        transform: rotate(12deg);
    }

    100% {
        transform: rotate(-12deg);
    }
}

#headanim-hosting {
    animation: headhostinganim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes headhostinganim {
    0% {
        transform: rotate(-8deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-8deg);
    }
}


.downarrow-anim {
    animation: downarrowanim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes downarrowanim {
    0% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(100px);
        opacity: 0;
    }
}

.left-arrow-anim {
    animation: leftarrowanim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes leftarrowanim {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
    }
}

.arrowslide-anim {
    animation: arrowslideanim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}


@keyframes arrowslideanim {
    0% {
        transform: translateX(0px);
        opacity: 1;
    }

    100% {
        transform: translateX(100px);
        opacity: 0;
    }
}

#cloud-anim {
    animation: cloud-flip 9s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}


@keyframes cloud-flip {
    0% {
        transform: rotateY(0deg);
    }


    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(0deg);
    }

}

#arrowright {
    animation: arrowsrightanim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes arrowsrightanim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-50px);
    }

    100% {
        transform: translateX(0px);
    }
}

#arrow-left {
    animation: arrowsleftanim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes arrowsleftanim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(68px);
    }

    100% {
        transform: translateX(0px);
    }
}

.domain-caption span {
    display: block !important;
    padding-left: 0px !important;
    margin-bottom: 15px;
}

.domain-caption .transfer-btn {
    padding: 0px 30px;
    margin: 40px 0px 0px 0px !important;
    font-weight: 500;
    display: inline-block;
    height: 58px;
    line-height: 58px;
    background: var(--RedColor);
    color: #fff;
    border-radius: 15px;
}

.domain-caption .transfer-btn:hover {
    color: #fff;
}

.free-features-wrap {
    margin-top: 100px;
}

.free-features-wrap h2 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 40px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.free-features-wrap span {
    width: 100%;
    height: 215px;
    border: 1px solid #dadada;
    display: block;
    border-radius: 15px;
    padding-top: 45px;
}

.free-features-wrap span h6 {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.free-features-wrap span font {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.free-features-wrap span font img {
    height: 80px;
    display: inline-block;
    width: auto;
}

.free-features-wrap .col-lg-3 {
    padding-left: 6px;
    padding-right: 6px;
}

.free-features-wrap .row {
    margin-left: -6px;
    margin-right: -6px;
}

.whyhexabyte {
    width: 100%;
    background: var(--LightBg);
    padding: 90px 0px;
    margin: 100px 0px 0px 0px;
    text-align: center;
}

.whyhexabyte h2 {
    width: 100%;
    text-align: center;
    padding: 0px 0px;
    margin: 0px 0px 40px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.whyhexabyte p {
    padding: 0;
    margin: 0;
}

.whyhexabyte h6 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin: 0px 0px 10px 0px;
}

.whyhexabyte span {
    width: 100%;
    height: 88px;
    display: table;
    margin-bottom: 20px;
}

.whyhexabyte span img {
    width: auto;
    height: 88px;
    object-fit: cover;
}

.whydoneed-domain {
    margin-top: 100px;
}

.whydoneed-domain h2 {
    width: 100%;
    text-align: left;
    padding: 0px 0px;
    margin: 0px 0px 40px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.whydoneed-domain p:last-child {
    margin-bottom: 0px;
}

.whydoneed-domain .st0 {
    fill: #060405;
}

.whydoneed-domain .st1 {
    fill: #FFFFFF;
}

.whydoneed-domain .st2 {
    opacity: 3.000000e-02;
}

.whydoneed-domain .st3 {
    fill: #ED1C2A;
}

.whydoneed-domain .st4 {
    fill: #e2e2e2;
}

.whydoneed-domain .st5 {
    fill: #6193F6;
}

.whydoneed-domain .st6 {
    fill: #4579CE;
}

.whydoneed-domain .st7 {
    fill: #B580D8;
}

.whydoneed-domain .st8 {
    fill: #FF7545;
}

.whydoneed-domain .st9 {
    fill: #F2CB2A;
}

.domain-bannerimg {}



.domain-bannerimg .st0 {
    fill: var(--LightBg);
}

.domain-bannerimg .st1 {
    fill: #FCD8DA;
}

.domain-bannerimg .st2 {
    fill: none;
}

.domain-bannerimg .st3 {
    display: none;
}

.domain-bannerimg .st4 {
    display: inline;
    fill: #EBEBEB;
}

.domain-bannerimg .st5 {
    fill: #FAFAFA;
}

.domain-bannerimg .st6 {
    fill: #ED1C2A;
}

.domain-bannerimg .st7 {
    fill: #263238;
}

.domain-bannerimg .st8 {
    fill: #FFFFFF;
}

.domain-bannerimg .st9 {
    fill: #C69481;
}

.domain-bannerimg .st10 {
    fill: #936457;
}

.domain-bannerimg .st11 {
    opacity: 0.6;
}

.domain-bannerimg .st12 {
    fill: #455A64;
}

.domain-bannerimg .st13 {
    opacity: 0.3;
}

.domain-bannerimg .st14 {
    fill: #EBEBEB;
}

.domain-bannerimg .st15 {
    fill: none;
    stroke: #263238;
    stroke-miterlimit: 10;
}

.domain-bannerimg .st16 {
    fill: #E0E0E0;
}

.whydoneed-domain .col-lg-6:last-child {
    display: table;
}

.whydoneed-domain .col-lg-6:last-child span {
    display: table-cell;
    vertical-align: middle;
}

#girl {
    animation: domaingirlanim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}


@keyframes domaingirlanim {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(45px);
    }

    100% {
        transform: translateY(0px);
    }
}

.plantleaf-anim {
    animation: plantlafanim 4s linear infinite;
    transform-origin: bottom;
    transform-box: fill-box;
}

@keyframes plantlafanim {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}



.cogwheel1 {
    animation: cogwheelanim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.cogwheel2anim {
    animation: cogwheelanim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#line-animate {
    display: none;
    visibility: hidden;
}

#Speech_Bubble {
    animation: cloud-flip 9s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#badge {
    animation: cloud-flip 9s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#yellow {
    animation: yellowanim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes yellowanim {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-120px);
    }

    100% {
        transform: translateY(0px);
    }
}

#purple {
    animation: purpleanim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes purpleanim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-120px);
    }

    100% {
        transform: translateX(0px);
    }
}


#moreinfo-btn,
#lessinfo-btn {
    background: #fff;
    width: 100% !important;
}

#moreinfo-btn:hover,
#lessinfo-btn:hover {
    background: var(--RedColor);
    color: #fff;
}

.package-list {
    transition-duration: 00.5s !important;
    height: 200px;
    overflow: hidden;
}

.viewdetails .package-list {
    height: 595px;
}

.viewdetails #moreinfo-btn,
#lessinfo-btn {
    display: none;
    visibility: hidden;
}

.viewdetails #lessinfo-btn {
    display: block;
    visibility: visible;
}

.whysslcertificate-wrap {
    margin-top: 100px;
    background: #feedee;
    padding: 90px 0px;
}

.whysslcertificate-wrap h3 {
    width: 100%;
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 30px 0px;
    font-size: 45px;
    font-weight: 300;
}

.whysslcertificate-wrap ul {
    padding: 0px 0px 0px 20px;
    margin: 0;
    width: 100%;
}

.whysslcertificate-wrap ul li {
    padding: 0;
    margin: 10px 0px 0px 0px;
    line-height: normal;
}

.whysslcertificate-wrap h5 {
    width: 100%;
    padding: 0;
    margin: 35px 0px 10px 0px;
    font-weight: 600;
    font-size: 18px;
}


.ssl-why-colum {
    margin-top: 100px;
}

.ssl-why-colum h4 {
    font-size: 20px;
    padding: 0px 0px 0px 90px;
    width: 100%;
    margin: 0px 0px 15px 0px;
    position: relative;
}

.ssl-why-colum h4 img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 70px;
    height: 70px;
}


.sslbanner .st0 {
    fill: #e2e2e2;
}

.sslbanner .st1 {
    fill: #263238;
}

.sslbanner .st2 {
    fill: #FFFFFF;
}

.sslbanner .st3 {
    fill: #E8F4FF;
}

.sslbanner .st4 {
    fill: none;
    stroke: #263238;
    stroke-miterlimit: 10;
}

.sslbanner .st5 {
    fill: #ED1C2A;
}

.sslbanner .st6 {
    fill: none;
    stroke: #ED1C2A;
    stroke-miterlimit: 10;
}

.sslbanner .st7 {
    fill: #e2e2e2;
}

.sslbanner .st8 {
    fill: #0F1E36;
    stroke: #0F1E36;
    stroke-width: 0.9921;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.sslbanner .st9 {
    font-family: 'Montserrat-Light';
}

.sslbanner .st10 {
    font-size: 15.9661px;
}

.sslbanner .st11 {
    fill: #A3B1FB;
}

.sslbanner .st12 {
    fill: #8897E6;
}

.sslbanner .st13 {
    fill: none;
    stroke: #0F1E36;
    stroke-miterlimit: 10;
}

.sslbanner .st14 {
    fill: #0F1E36;
}

.sslbanner .st15 {
    fill: #211717;
}

.sslbanner .st16 {
    fill: #FEB8A6;
}

.sslbanner .st17 {
    fill: #EA7D77;
}

.sslbanner .st18 {
    fill: none;
    stroke: #C9796D;
    stroke-width: 0.5669;
    stroke-miterlimit: 10;
}

.sslbanner .st19 {
    fill: none;
    stroke: #EA7D77;
    stroke-width: 1.5432;
    stroke-miterlimit: 10;
}

.sslbanner .st20 {
    fill: #6252D7;
}

.sslbanner .st21 {
    fill: #B7C2FB;
}

.sslbanner .st22 {
    fill: #F5FAFF;
}

.sslbanner .st23 {
    fill: none;
    stroke: #263238;
    stroke-width: 1.4173;
    stroke-miterlimit: 10;
}

.sslbanner .st24 {
    fill: #6CCB71;
}

.sslbanner .st25 {
    fill: #f3f2f2;
}

.sslbanner .st26 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
}

.sslbanner .st27 {
    font-size: 37.7324px;
}

#ssl-badge {
    animation: cloud-flip 9s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.tick-mark {
    animation: tickmark-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes tickmark-anim {
    0% {
        opacity: 0;
    }


    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}

.rect-anim1,
.rect-anim11 {
    animation: tickmark-anim 2s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.rect-anim2,
.rect-anim6,
.rect-anim12 {
    animation: tickmark-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.rect-anim3,
.rect-anim7,
.rect-anim13 {
    animation: tickmark-anim 2s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.rect-anim4,
.rect-anim8,
.rect-anim14 {
    animation: tickmark-anim 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.rect-anim5,
.rect-anim9,
.rect-anim15 {
    animation: tickmark-anim 5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

.rect-anim5,
.rect-anim10,
.rect-anim16 {
    animation: tickmark-anim 5s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}



.wordpresshosting-banner .st0 {
    fill: #263238;
}

.wordpresshosting-banner .st1 {
    clip-path: url(#SVGID_2_);
    fill: #f3f2f2;
}

.wordpresshosting-banner .st2 {
    clip-path: url(#SVGID_2_);
    fill: #d1cfcf;
}

.wordpresshosting-banner .st3 {
    opacity: 0.8;
    clip-path: url(#SVGID_2_);
}

.wordpresshosting-banner .st4 {
    fill: #e2e2e2;
}

.wordpresshosting-banner .st5 {
    fill: #e2e2e2;
}

.wordpresshosting-banner .st6 {
    fill: #ED1C2A;
}

.wordpresshosting-banner .st7 {
    fill: #FFBC96;
}

.wordpresshosting-banner .st8 {
    fill: #D28572;
}

.wordpresshosting-banner .st9 {
    fill: #26289C;
}

.wordpresshosting-banner .st10 {
    fill: #1B1B43;
}

.wordpresshosting-banner .st11 {
    fill: #FFFFFF;
}

.wordpresshosting-banner .st12 {
    fill: #D1D1FF;
}

.wordpresshosting-banner .st13 {
    fill: #3335CF;
}

.wordpresshosting-banner .st14 {
    opacity: 0.3;
    fill: #1B1B43;
}

.wordpresshosting-banner .st15 {
    fill: #9192FF;
}

.wordpresshosting-banner .st16 {
    opacity: 0.2;
    fill: #FE5B52;
}

.wordpresshosting-banner .st17 {
    fill: #C5C5FF;
}

.wordpresshosting-banner .st18 {
    fill: #FFA121;
}

.wordpresshosting-banner .st19 {
    opacity: 0.4;
    fill: #FFFFFF;
}

#cloud2 {
    animation: cloudlinetwo 6s linear infinite;
}

@keyframes cloudlinetwo {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-120px);
    }

    100% {
        transform: translateX(0px);
    }
}

#cloud {
    animation: cloudlinetwo2 8s linear infinite;
}

@keyframes cloudlinetwo2 {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(350px);
    }

    100% {
        transform: translateX(0px);
    }
}

.flip-animation {
    animation: cloud-flip 4s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

#rocket {
    animation: rocket-anim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes rocket-anim {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-300px) translatey(300px);
    }

    100% {
        transform: translateX(0px);
    }
}

.wordpress-logo {
    animation: wordpress-anim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes wordpress-anim {
    0% {
        transform: rotate(25deg);
    }

    50% {
        transform: rotate(-25deg);
    }

    100% {
        transform: rotate(25deg);
    }
}

.wordpress-outer {
    animation: wordpressfade-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes wordpressfade-anim {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.services-wrapper {
    margin-top: 120px;
}

.page-heading {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 40px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.services-wrapper .service-item {
    width: 100%;
    min-height: 290px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin: 15px 0px;
    padding: 25px 25px 0px 25px;
    transition-duration: 0.3s;

}

.services-wrapper .service-item:hover {
    border-color: var(--RedColor);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.3);



}

.services-wrapper .service-item a {
    color: var(--RedColor);
    text-decoration: none;
    font-weight: 500;
    margin-top: 20px;
    display: inline-block;
}

.services-wrapper .service-item img {
    height: 60px;
    object-fit: cover;
}

.services-wrapper .service-item p {
    padding: 0;
    margin: 0;
}

.services-wrapper .service-item h5 {
    padding: 0;
    margin: 20px 0px 10px 0px;
    font-size: 16px;
    font-weight: 600;
}

.services-wrapper .page-heading {
    margin-bottom: 20px;
}

.hexabtn {
    color: var(--RedColor);
    border: 1px solid var(--RedColor);
    font-size: 15px;
    padding: 8px 48px 8px 24px;
    font-weight: 500;
    border-radius: 20px;
    margin-top: 36px;
    display: inline-block;
    position: relative;
}

.hexabtn:after {
    content: '';
    position: absolute;
    right: 24px;
    top: 13px;
    width: 15px;
    height: 12px;
    background: url(../img/arrow.svg) no-repeat;
    background-size: auto 12px;
    animation: arrow-anim 0.5s linear infinite;
    background-position-x: -8px;
}

.hexabtn:hover {
    background: var(--RedColor);
    text-decoration: none;
    color: #fff;
}

.hexabtn:hover:after {
    content: '';
    position: absolute;
    right: 24px;
    top: 13px;
    width: 15px;
    height: 12px;
    background: url(../img/arrow-white.svg) no-repeat;
    background-size: auto 12px;
    animation: arrow-anim 0.5s linear infinite;
    background-position-x: -8px;
}

.family-reunion {
    font-size: 22px;
    padding: 0;
    margin: 70px 0px 0px 0px;
    line-height: 32px;
}

.middle-sectopn-wrapper {
    width: 100%;
    position: relative;
}

.middle-sectopn-wrapper img {
    width: 100%;
}

.middle-sectopn-wrapper p {
    padding: 0;
    margin: 0;
}

.middle-sectopn-wrapper h2 {
    width: 100%;
    padding: 0;
    margin: 0px 0px 15px 0px;
    text-align: left;
    font-size: 26px;
}

.middle-sectopn-wrapper h6 {
    padding: 0;
    margin: 0px 0px 12px 0px;
    font-size: 14px;
    font-weight: 500;
    color: var(--RedColor);
}

.middle-sectopn-wrapper .contentcon-middle {
    display: table;
}

.middle-sectopn-wrapper .contentcon-middle span {
    display: table-cell;
    vertical-align: middle;
}

.middle-sectopn-wrapper {
    margin-top: 100px;
}

.service-item-last .startnow {
    text-align: left;
}

.whychooseus-wrapper {
    width: 100%;
    background: #feedee;
    padding: 80px 0px;
    margin-top: 120px;
    text-align: center;
}

.whychooseus-wrapper span {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    float: left;
}

.whychooseus-wrapper span img {
    height: 60px;
    display: inline-block;
}

.whychooseus-wrapper p {
    padding: 0;
    margin: 0;
}

.whychooseus-wrapper h4 {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    padding: 0;
    margin: 0px 0px 15px 0px;
}

.trustedpartner-logo {
    margin-top: 100px;
}

.trustedpartner-logo img {
    width: 100%;
}

.keepintouch-wrapper {
    width: 100%;
    background: var(--RedColor);
    margin-top: 100px;
    padding: 20px 0px;
}

.keepintouch-wrapper h2 {
    color: #fff;
    padding: 0;
    margin: 0px 0px 5px 0px;
    font-size: 26px;
}

.keepintouch-wrapper p {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    opacity: 0.8;
}

.keepintouch-wrapper p a {
    color: #fff;
}

.keepintouch-wrapper .newsletter {
    width: 100%;
    position: relative;
    margin-top: 11px;
}

.keepintouch-wrapper .newsletter input {
    width: 100%;
    height: 46px;
    border: none;
    outline: none;
    background: #fff;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 110px;
}

.keepintouch-wrapper .newsletter button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 36px;
    z-index: 100;
    padding: 0px 15px;
    color: #fff;
    background: var(--RedColor);
    font-weight: 600;
    font-size: 14px;
    border: none;
    outline: none;
    border-radius: 4px;

}

.client-loginbtn {
    display: none;
    visibility: hidden;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.getsocial-btns li {
    list-style: none;
    width: auto;
    display: inline-block;
}

.getsocial-btns li a {
    background: #4e4e4e;
    color: #fff !important;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}

.getsocial-btns li a:hover {
    background: var(--RedColor);
}

.footerbtm-wrapper .st0 {
    fill: #b8b8b8;
}

.footerbtm-wrapper .st1 {
    fill: #ED1C2A;
}

.footerbtm-wrapper .st2 {
    fill: #D71826;
}

.footerbtm-wrapper svg {
    float: left;
    width: 120px;
    margin-right: 10px;
    margin-top: -8px;
}

.footerbtm-wrapper h6 {
    color: #b8b8b8;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    width: 100%;
    display: block;
    float: left;
}

.currency-switch {
    float: right;
    padding: 0px 10px;
    float: right;
    margin: 0px;
    border: none;
    outline: none;
    height: 30px;
    border-radius: 20px;
    font-size: 14px;
    width: 85px;
}

.language-switch {
    float: right;
    padding: 0px 10px;
    float: right;
    margin: 0px;
    border: none;
    outline: none;
    height: 30px;
    border-radius: 20px;
    font-size: 14px;
    width: 120px;
    margin-left: 10px;
}



.footerbtm-wrapper .toggle-switch {
    position: relative;
    width: 80px;
}

.footerbtm-wrapper label {
    position: absolute;
    width: 100%;
    height: 30px;
    background-color: var(--dark);
    border-radius: 50px;
    cursor: pointer;
}

.footerbtm-wrapper input {
    position: absolute;
    display: none;
}

.footerbtm-wrapper .slider {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    transition: 0.3s;
}

.footerbtm-wrapper input:checked~.slider {
    background-color: var(--light);
}

.footerbtm-wrapper .slider::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: inset 28px -4px 0px 0px var(--light);
    background-color: var(--dark);
    transition: 0.3s;
}

.footerbtm-wrapper input:checked~.slider::before {
    transform: translateX(50px);
    background-color: var(--dark);
    box-shadow: none;
}

.menutop-wrap {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 30px;
    display: none;
    visibility: hidden;
}

.menutop-wrap .client-login {
    float: left;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
    text-decoration: none !important;
}

.menutop-wrap .close-btn {
    float: right;
    color: #fff;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

.menutop-wrap .close-btn:hover {
    color: #fff;
}

.navbar .dropdown-menu a {
    font-size: 15px !important;
    padding: 10px 20px !important;
}

.navbar .dropdown-menu h6 {
    font-size: 15px !important;
}

.header-wrapper .navbar li .dropdown-item {
    padding: 8px 20px !important;
}

.header-wrapper .navbar li .dropdown-item:hover,
.header-wrapper .navbar li .dropdown-item:hover h6 {
    color: var(--RedColor) !important;
    background: #fff !important;
}


.dropdown:hover>.dropdown-menu {
    display: block;
}

.bannerwrappercon {
    margin-top: 145px;
}

.bannerwrappercon h2 {
    font-size: 38px;
    padding: 0;
    margin: 0;
}

.bannerwrappercon h4 {
    font-size: 22px;
    padding: 0;
    margin: 8px 0px 0px 0px;
}

.bannerwrappercon h4 b {
    color: var(--RedColor);
}

.bannerwrappercon ul {
    width: 100%;
    padding: 0;
    margin: 32px 0px;
}

.bannerwrappercon ul li {
    list-style: none;
    padding: 0;
    margin: 10px 0px;
    font-size: 15px;
    font-weight: 500 !important;
    color: var(--textcolor);
}

.bannerwrappercon ul li i {
    color: var(--RedColor);
    margin-right: 8px;
}

.bannerwrappercon p {
    font-size: 14px;
    padding: 0;
    margin: 12px 0px 0px 0px;
}

.bannerwrappercon p i {
    color: var(--RedColor);
    margin-right: 4px;
    font-size: 12px;
}

.bannerwrappercon h3 {
    padding: 0;
    margin: 0;
    font-size: 34px;
    font-weight: 700;
}

.bannerwrappercon h3 i {
    font-size: 18px;
}

.bannerwrappercon h3 font {
    font-size: 18px;
    font-weight: 500;
}

.bannerwrappercon h6 {
    padding: 0;
    margin: 8px 0px 0px 0px;
    font-size: 16px;
    font-weight: 500;
}

.bannerwrappercon a {
    background: var(--RedColor);
    color: var(--LightBg);
    padding: 12px 5px;
    width: 268px;
    text-align: center;
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
}

.searchdomain-home h4 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
}

.searchdomain-home .search-domain-name {
    width: 100%;
    position: relative;
    margin-top: 25px;
}

.searchdomain-home .search-domain-name input {
    width: 100%;
    height: 75px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    transition-duration: .3s;
    padding-left: 25px;
    -webkit-box-shadow: 0 0 20px 0 rgba(78, 78, 78, .2);
    -moz-box-shadow: 0 0 20px 0 rgba(78, 78, 78, .2);
    box-shadow: 0 0 20px 0 rgba(78, 78, 78, .2)
}

.searchdomain-home .search-domain-name input:focus {
    border-color: var(--RedColor);
    outline: none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.2);

}

.searchdomain-home .search-domain-name button {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    background: var(--RedColor);
    color: var(--LightBg);
    padding: 0px 30px;
    border: none;
    outline: none;
    height: 58px;
    margin-top: 9px;
    margin-right: 9px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 3px;

}

.searchdomain-home .search-domain-name button:hover{
    background: var(--RedColorDark);
}

.searchdomain-home {
    margin-top: 80px;
}

.bannerwrappercon .col-lg-7 img {
    width: 100%;
}

.bannerwrappercon .col-lg-5 {
    display: table;
}

.bannerwrappercon .col-lg-5 span {
    display: table-cell;
    vertical-align: middle;
}

#countdown ul {
    width: 100%;
    padding: 0;
    margin: 30px 0px;
    display: block;
}

#countdown ul li {
    list-style: none;
    padding: 0px 5px 0px 0px;
    margin: 0px;
    display: inline-block;
}

#countdown ul li span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    border: 1px solid var(--RedColor);
    color: var(--RedColor);
    text-align: center;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
}

.domain-scroll-wrapper {
    margin-top: 120px;
}

.domain-scroll-wrapper h2 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 40px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.domain-scroll-wrapper .domain-extension-item {
    width: 100%;
    height: auto;
    border: 1px solid #dadada;
    display: block;
    border-radius: 15px;
    min-height: 340px;
    padding: 25px 15px;
    position: relative;
}

.domain-scroll-wrapper .domain-extension-item a {
    width: 100%;
    text-align: center;
    border: 2px solid var(--RedColor);
    color: var(--RedColor);
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 4px 0px;
    border-radius: 4px;
}

.domain-scroll-wrapper .domain-extension-item a:hover {
    background: var(--RedColor);
    color: #fff;
    text-decoration: none;
}

.domain-scroll-wrapper .domain-extension-item span {
    width: 100%;
    text-align: left;
    display: block;
    margin-bottom: 15px;
}

.domain-scroll-wrapper .domain-extension-item img {
    height: 45px;
    display: inline-block;
    width: auto;
}

.domain-scroll-wrapper .domain-extension-item p {
    font-size: 15px;
    line-height: 22px;
}

.domain-scroll-wrapper .domain-extension-item h4 {
    font-size: 15px;
    padding: 0;
    margin: 0px 0px 20px 0px;
}

.domain-scroll-wrapper .domain-extension-item h4 font {
    font-size: 24px;
    font-weight: 600;
}

.domain-scroll-wrapper .domain-extension-item h6 {
    font-size: 14px;
    padding: 0;
    color: var(--textcolor);
    margin: 0px 0px 10px 0px;
}

.domain-scroll-wrapper .domain-extension-item h6 i {
    font-size: 12px;
}

.domain-scroll-wrapper .domain-extension-item h6 font {
    position: relative;
    padding: 0px 8px;
}

.domain-scroll-wrapper .domain-extension-item h6 font::before {
    width: 100%;
    height: 1px;
    background: var(--textcolor);
    position: absolute;
    content: '';
    left: 0px;
    top: 9px;
}

.domain-scroll-wrapper .domain-extension-item .domain-footer {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px;
}

.searchdomain-home ul {
    width: 100%;
    padding: 0;
    margin: 25px 0px 0px 0px;
    text-align: center;
}

.searchdomain-home ul li {
    list-style: none;
    padding: 0px 30px;
    margin: 0;
    display: inline-block;
    font-weight: 600;
    border-right: 1px solid #cccccc;
}

.searchdomain-home ul li:last-child {
    border-right: none
}

.searchdomain-home ul li b {
    color: var(--RedColor);
}

.searchdomain-home ul li i {
    font-size: 14px;
    margin-left: 5px;
}

.innerpage-domain {
    margin-top: 145px;
}


.terms-wrapper .col-lg-3 ul {
    width: 100%;
    padding: 0px 20px 0px 0px;
    margin: 0;
    position: sticky;
    top: 80px;
    z-index: 0;
}

.terms-wrapper .col-lg-3 ul li {
    width: 100%;
    text-align: right;
    padding: 0;
    margin: 0;
    list-style: none;
}

.terms-wrapper .col-lg-3 ul li a {
    text-decoration: none;
    font-weight: 600;
    color: #000;
    padding: 10px 20px 10px 0px;
    width: 100%;
    float: left;
    border-right: 2px solid #e4e4e5;
}

.terms-wrapper .col-lg-3 ul li a:hover,
.terms-wrapper .col-lg-3 ul li.active a {
    border-color: var(--RedColor);
    color: var(--RedColor);
}

.terms-wrapper {
    margin-top: 40px;
    margin-bottom: 60px;
}

.terms-wrapper h3 {
    padding: 0;
    margin: 40px 0px 16px 0px;
    width: 100%;
    font-size: 24px;
}

.terms-wrapper ol {
    padding: 0px 0px 0px 16px;
    margin: 0;
}

.terms-wrapper ol li {
    margin: 10px 0px;
    width: 100%;
}

.terms-wrapper ol li a {
    text-decoration: none;
    color: var(--BlueColor);
    font-weight: 600;
    white-space: inherit !important;
}

.inner-hosting-banner {
    margin-top: 145px;
}


.inner-hosting-banner h1 {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 0px 0px;
    color: var(--headingColor);
    font-size: 42px;
    font-weight: 400;
}

.select-country {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: 3px;
    line-height: normal;
}

.select-country:hover {
    color: var(--RedColor);
}

.select-country img {
    height: 15px;
    float: left;
    margin: 1px 5px 0px 0px;
}

.about-top-wrapper{
    margin-top: 145px;
}

.about-top-wrapper p{
    text-align: justify;
}

.about-top-wrapper h1{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    color: var(--headingColor);
    font-size: 48px;
}

.about-top-wrapper h1 i{
    color: var(--RedColor);
}

.about-top-wrapper h4{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 20px 0px 25px 0px;
    color: var(--headingColor);
    font-size: 24px;
}

.about-top-wrapper h3{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 65px 0px;
    color: var(--headingColor);
    font-size: 32px;
}

.about-item span{
    width: 100%;
    display: block;
    text-align: center;
}

.about-item span img{
    display: inline-block;
    height: 45px;
    object-fit: cover;
}

.about-item {
    width: 100%;
    border-radius: 5px;
    float: left;
    padding: 40px 30px;
    background: #fff;
    min-height: 250px;
    border: 1px solid #dadada;
    display: inline-block;
    border-radius: 15px;
    height: 100%;
    position: relative;
    text-align: center;
}

.about-item h5{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding: 0;
    margin: 25px 0px 10px 0px;
}

.about-footer-wrapper .col-lg-4{
    padding-top: 15px;
    padding-bottom: 15px;
}

.about-footer-wrapper h2{
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 75px 0px 15px 0px;
    color: var(--headingColor);
    font-size: 32px;
}

.home-banner-wrapper{
    width: 100%;
    background: #feedee;
    min-height: 400px;
    padding-top: 180px;
}

.home-banner-wrapper .banner-image-div{
    width: 100%;
    display: block;
    position: relative;
    height: 650px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: table;
    overflow: hidden;

    background: rgba(247,155,161,1);
background: -moz-linear-gradient(top, rgba(247,155,161,1) 0%, rgba(247,155,161,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,155,161,1)), color-stop(100%, rgba(247,155,161,0)));
background: -webkit-linear-gradient(top, rgba(247,155,161,1) 0%, rgba(247,155,161,0) 100%);
background: -o-linear-gradient(top, rgba(247,155,161,1) 0%, rgba(247,155,161,0) 100%);
background: -ms-linear-gradient(top, rgba(247,155,161,1) 0%, rgba(247,155,161,0) 100%);
background: linear-gradient(to bottom, rgba(247,155,161,1) 0%, rgba(247,155,161,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79ba1', endColorstr='#f79ba1', GradientType=0 );
}

.home-banner-wrapper .banner-image-div .bg-circle{
    width: 380px;
    height: 380px;
    border: 2px solid var(--RedColor);
    border-radius: 50%;
    position: absolute;
    top: 90px;
    right: -150px;
    animation: 8s linear infinite bannerbg-anim;
    transform-origin: center;
    transform-box: fill-box;
    z-index: 999;
}

@keyframes bannerbg-anim {
    0% {
        top: 90px;
        right: -150px;
    }

   

    50% {
        top: 350px;
        right: 150px;
    }

    
    100% {
        top: 90px;
        right: -150px;
    }
}

.home-banner-wrapper .banner-image-div .bg-circle:after{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    position: absolute;
    top: 90px;
    left: 0px;
    content: '';
    background: var(--RedColor);
    animation: 8s linear infinite bannerinnercirclebg-anim;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes bannerinnercirclebg-anim {
    0% {
        top: 0px;
        left: 90px;
    }

   

    33% {
        top: 90px;
        left: 195px;
    }

    66% {
        top: 90px;
        left: 0px;
    }

    
    100% {
        top: 0px;
        left: 90px;
    }
}


.home-banner-wrapper .banner-image-div:before{
    width: 80px;
    height: 80px;
    content: '';
    background: url(../img/border-curve.svg) no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
}

.home-banner-wrapper .banner-image-div .banner-image-align{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.home-banner-wrapper .banner-image-div span img{
    width: auto;
    height: 535px;
    position: relative;

    animation: 6s linear infinite webdesign-anim;
    transform-origin: center;
    transform-box: fill-box;
    z-index: 999;
}

@keyframes webdesign-anim {
    0% {
        top: -25px;
    }

   

    50% {
        top: 25px;
    }

    
    100% {
        top: -25px;
    }
}

.trustpilot-wrapper{
    width: 100%;
    background: #fff;
    display: block;
    min-height: 240px;
    display: table;
    padding: 0px 30px;
    margin-top: 75px;
}

.trustpilot-wrapper span.trustpilot-middlealign{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.trustpilot-wrapper span.trustpilot-middlealign h3{
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
    font-weight: bold;
    font-size: 62px;
    top: 0px;
    text-align: left;
    
}

.trustpilot-wrapper span.trustpilot-middlealign h3 span{
    width: auto;
    display: inline-block;
    position: relative;
    padding-left: 120px;
}

.trustpilot-wrapper span.trustpilot-middlealign h3 b{
    position: absolute;
    left: 0px;
    top: 5px;
}

.trustpilot-wrapper span.trustpilot-middlealign h4{
    width: 100%;
    padding: 0;
    margin: 15px 0px 0px 0px;
    display: block;
    font-size: 24px;
    font-weight: 600;
}

.trustpilot-wrapper span.trustpilot-middlealign .col-lg-5 img{
    width: 100%;
}

.home-banner-wrapper .banner-caption-div h1{
    width: 100%;
    font-size: 54px;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.home-banner-wrapper .banner-caption-div p{
    padding: 0;
    margin: 10px 0px 35px 0px;
    font-weight: 600;
    font-size: 16px;
}

.home-banner-wrapper .banner-caption-div .getstarted{
    width: 100%;
    padding: 8px 0px;
    border-radius: 3px;
    margin: 20px 0px 0px 0px;
    text-align: center;
    border: 1px solid var(--RedColor);
    outline: none;
    background: var(--RedColor);
    color: var(--LightBg);
    font-size: 15px;
    font-weight: 500;
}

.home-banner-wrapper .banner-caption-div .getstarted:hover{
    background: var(--RedColorDark);
    border-color: var(--RedColorDark);
}

.home-banner-wrapper .banner-caption-div .viewallplans{
    width: 100%;
    padding: 8px 0px;
    border-radius: 3px;
    margin: 0;
    text-align: center;
    font-size: 15px;
    border: 1px solid var(--textcolor);
    outline: none;
    background:none;
    color: var(--textcolor);
    font-size: 15px;
    font-weight: 500;
}

.home-banner-wrapper .banner-caption-div .viewallplans:hover{
    border-color: var(--RedColor);
    color: var(--RedColor);
}

.home-banner-wrapper .banner-caption-div h6{
    color: var(--RedColor);
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0px 0px 8px 0px;
}

.home-banner-wrapper .banner-third-col{
    width: 100%;
    display: table;
    height: 650px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con{
    width: 100%;
    background: #fff;
    border-radius: 5px;
    display: block;
    padding: 30px 30px;
    transition-duration: 0.3s;
    position: relative;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con::before{
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    content: '';
    background: url(../img/border-curve.svg) no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con:hover{
    -webkit-box-shadow: -10px 10px 10px 0px rgba(237,28,42,0.2);
-moz-box-shadow: -10px 10px 10px 0px rgba(237,28,42,0.2);
box-shadow: -10px 10px 10px 0px rgba(237,28,42,0.2);





}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con a{
    width: 100%;
    padding: 8px 0px;
    border-radius: 3px;
    margin: 0;
    text-align: center;
    border: 1px solid var(--RedColor);
    outline: none;
    background: var(--RedColor);
    color: var(--LightBg);
    font-size: 15px;
    display: block;
    font-weight: 500;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con a:hover{
    text-decoration: none;
    background: var(--RedColorDark);
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con h4{
    width: 100%;
    padding: 0;
    margin: 0px 0px 10px 0px;
    font-weight: 600;
    font-size: 22px;
    line-height: normal;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con p{
    font-size: 15px;
    padding: 0px;
    margin: 0px 0px 30px 0px;
    line-height: 20px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con h6{
    width: 100%;
    padding: 0;
    margin: 0px 0px 35px 0px;
    font-weight: 600;
    font-size: 15px;
    color: var(--RedColor);
    line-height: normal;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con h3{
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0px 0px 5px 0px;
    display: block;
    font-weight: bold;
    font-size: 52px;
    top: 0px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con h3 img{
    float: left;
    width: 26px;
    height: 37px;
    position: relative;
    top: 13px;
    margin-right: 6px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con h3 .permonth{
    font-size: 16px;
    font-weight: 600;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con h3 .strikedprice{
    font-size: 14px;
    font-weight: 600;
    position: relative;
    color: var(--textcolor);
    padding: 0px 10px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .getstarted-con h3 .strikedprice:before{
    width: 100%;
    height: 1px;
    background: var(--textcolor);
    position: absolute;
    left: 0px;
    top: 9px;
    content: '';
    opacity: 0.5;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .hostingservice-worldwide{
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 45px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .hostingservice-worldwide p{
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .hostingservice-worldwide h3{
    width: 100%;
    font-size: 42px;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .tenk-image-con{
    width: 130px;
    text-align: center;
    position: relative;
    min-height: 50px;
    margin-bottom: 10px;
    position: relative;
    left: 50%;
    margin-left: -75px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .tenk-image-con span{
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    outline: 3px solid #fff;
    position: absolute;
    top: 0px;
    display: block;
    left: 0px;
    overflow: hidden;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .tenk-image-con span:nth-child(1){
    left: 0px;

    animation: 4s linear infinite propic1;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes propic1 {
    0% {
        left: 40px;
    }

    20% {
        left: 40px;
    }

    40% {
        left: 0px;
    }

    75% {
        left: 0px;
    }

    100% {
        left: 40px;
    }
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .tenk-image-con span:nth-child(2){
    left: 40px;
}

.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .tenk-image-con span:nth-child(3){
    left: 80px;

    animation: 4s linear infinite propic3;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes propic3 {
    0% {
        left: 40px;
    }

    25% {
        left: 80px;
    }

    50% {
        left: 80px;
    }

    75% {
        left: 40px;
    }

    100% {
        left: 40px;
    }
}



.home-banner-wrapper .banner-third-col .banner-third-col-middlealign .tenk-image-con span img{
    width: 45px;
    height: 45px;
    object-fit: cover;
    display: block;

}

.innerpage-banner .banner-caption-div h1 {
    font-size: 44px;

}

.innerpage-banner .banner-caption-div p{
    padding: 0;
    margin: 8px 0px 0px 0px;
    font-size: 14px;
    font-weight: normal;
}

.innerpage-banner .banner-caption-div p i{
    color: var(--RedColor);
    margin-right: 5px;
}

.innerpage-banner .banner-caption-div ul{
    width: 100%;
    padding: 0;
    margin: 25px 0px 20px 0px;
    display: block;
}

.innerpage-banner .banner-caption-div ul li{
    list-style: none;
    padding: 0;
    margin: 10px 0px;
    position: relative;
    color: var(--textcolor);
    font-size: 15px;
    padding-left: 25px;
}

.innerpage-banner .banner-caption-div ul li i{
    color: var(--RedColor);
    position: absolute;
    left: 0px;
    top: 3px;
}

.innerpage-banner .banner-caption-div h3 {
    padding: 0;
    margin: 0px 0px 0px 0px;
    font-size: 34px;
    font-weight: 700
}

.innerpage-banner .banner-caption-div h3 i {
    font-size: 18px
}

.innerpage-banner .banner-caption-div h3 font {
    font-size: 18px;
    font-weight: 500
}

.innerpage-banner .trustpilot-wrapper{
    margin-top: 60px;
}

.innerpage-banner .col-xl-7 .innerbanner-image{
    height: 670px;
    display: table;
}
.innerpage-banner .col-xl-7 .innerbanner-image span{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.innerpage-banner .col-xl-7 .innerbanner-image span img{
    width: 100%;
    height: auto;
}

.innerpage-banner.cloud-banner .col-xl-7 .innerbanner-image{
    height: 645px;
    width: 100%;
}

.annual-commitments b{
    color: var(--RedColor);
}

.webhostingpills{
    margin-bottom: 25px;
}

.webhostingpills .nav-link{
    border-radius: 0px;
    text-align: center;
    color: var(--headingColor);
    font-weight: 500;
    border-bottom: 2px solid #dadada;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.webhostingpills .nav-link:hover{
   background: #f3f2f2;
}

.webhostingpills .nav-link.active{
    background: none;
    border-color: var(--RedColor);
    color: var(--RedColor);
}

.webhostingpills .nav-link.active:hover{
    background: var(--RedColor);
    color: #fff;
}

.support-wrapper{
    width: 100%;
    background: var(--RedColor);
    margin-top: 90px;
}

.support-wrapper .row{
    margin-left: 0px;
    margin-right: 0px;
}

.support-wrapper .row .col-lg-3{
    padding-left: 0px;
    padding-right: 0px;
    border-right: 1px solid #f2616a;
}

.support-wrapper .row .col-lg-3 h3{
    width: 100%;
    color: #fff;
    padding: 0px 0px 0px 32px;
    margin: 47px 0px 0px 0px;
    font-size: 28px;
}

.support-wrapper .row .col-lg-3:first-child{
    border-left: 1px solid #f2616a;
}

.support-wrapper .row .col-lg-3 .support-item{
    width: 100%;
    text-align: center;
    padding: 30px 0px;
}

.support-wrapper .row .col-lg-3 .support-item span{
    text-align: left;
    width: auto;
    display: inline-block;
    position: relative;
    min-height: 68px;
    padding-left: 90px;
    padding-top: 9px;
}

.support-wrapper .row .col-lg-3 .support-item span img{
    position: absolute;
    left: 0px;
    top: 0px;
}

.support-wrapper .row .col-lg-3 .support-item span h4{
    width: 100%;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 24px;
}

.support-wrapper .row .col-lg-3 .support-item span h6{
    width: 100%;
    color: #f9d2d4;
    padding: 0;
    margin: 4px 0px 0px 0px;
    font-size: 15px;
}

.webhosting-plan-wrapper{
    margin-top: 100px;
}

.webhosting-plan-wrapper .section-title{
    width: 100%;
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 45px 0px;
    font-size: 45px;
    font-weight: 300;
}

.webhosting-plan-wrapper .tab-pane .col-lg-6 img{
    width: 100%;
}

.webhosting-plan-wrapper .tab-pane .webhosting-centeralign{
    width: 100%;
    height: 406px;
    display: table;
}

.webhosting-plan-wrapper .tab-pane .webhosting-centeralign span{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.webhosting-plan-wrapper .tab-pane .webhosting-centeralign span h2{
    width: 100%;
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0px 0px 25px 0px;
    font-size: 40px;
    font-weight: 300;
}

.webhosting-plan-wrapper .tab-pane .webhosting-centeralign span p{
    padding: 0;
    margin: 0;
}

.whychooseus-wrapperdiv{
    margin-top: 100px;
}

.whychooseus-wrapperdiv h2{
    width: 100%;
    text-align: center;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0px 0px 30px 0px;
    font-size: 45px;
    font-weight: 300;
}

.whychooseus-wrapperdiv .row{
    margin-left: -8px;
    margin-right: -8px;
}

.whychooseus-wrapperdiv .row .col-lg-4{
    padding-left: 8px;
    padding-right: 8px;
}

.whychooseus-wrapperdiv .whychoose-item-com {
    width: 100%;
    min-height: auto;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin: 8px 0px;
    padding: 25px 25px 25px 25px;
    transition-duration: 0.3s;
    min-height: 233px;

}

.whychooseus-wrapperdiv .whychoose-item-com:hover {
    border-color: var(--RedColor);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(237, 28, 42, 0.3);

}

.whychooseus-wrapperdiv .whychoose-item-com p{
    padding: 0;
    margin: 0;
    line-height: 28px;
}

.whychooseus-wrapperdiv .whychoose-item-com h4{
    padding: 0;
    margin: 0px 0px 10px 0px;
    font-size: 18px;
    font-weight: 600;
}

.whychooseus-wrapperdiv .whychoose-item-com span{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.whychooseus-wrapperdiv .whychoose-item-com img{
    height: 45px;
}



@media screen and (max-width: 1024px) {

    .banner-image svg,
    .banner-image {
        height: 240px;
    }

    .supportdone-wrap h2 {
        text-align: left;
    }

    .header-wrapper .navbar li a {
        padding: 5px 8px !important;
    }

    .header-wrapper .col-lg-3:last-child .phoneno,
    .home-banner-wrapper .col-xl-4,
    .searchdomain-home h4 br {
        display: none;
        visibility: hidden;
    }
}

@media screen and (max-width: 980px) {
    .navbar-light .navbar-toggler {
        color: var(--headingColor);
        border: 1px solid var(--headingColor);
        margin-top: 0px;
        padding: 7px 12px;
    }

    .banner-wrapper .col-lg-6:first-child h1 {
        margin-top: 150px;
    }

    .banner-wrapper .col-lg-6:last-child h1 {
        margin-top: 60px;
    }

    .banner-wrapper .col-lg-6:last-child {
        padding-bottom: 45px;
    }

    .beautiful-website-wrap .col-lg-6:last-child h2 {
        margin-top: 45px;
    }

    .supportdone-wrap img {
        margin-top: 65px;
        width: 100%;
    }

    .middle-phone-wrapper h2 {
        font-size: 18px;
        line-height: 70px;
    }

    .middle-phone-wrapper .container {
        min-height: 70px;
    }

    .included-inall .col-lg-5 img {
        margin-top: 65px;
    }

    .easytouse-panel .col-lg-6:first-child img {
        width: 100%;
        margin-bottom: 45px;
    }

    .banner-wrapper .col-lg-6:last-child {
        margin-top: 45px;
        padding-bottom: 0px;
    }

    .innerpagebanner-wrap .banner-image-holder {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .innerpagebanner-wrap .banner-image-holder {
        height: auto;
    }

    .innerpagebanner-wrap .banner-image-holder svg {
        width: 100%;
        height: auto;
    }

    .included-inall .col-lg-5 {
        margin-top: 65px;
    }

    .whydoneed-domain .col-lg-6:last-child span {
        margin-top: 45px;
        display: block;
    }

    .whyhexabyte .col-lg-4 {
        margin-bottom: 45px;
    }

    .whyhexabyte .col-lg-4:last-child {
        margin-bottom: 0px;
    }

    .domain-caption .transfer-btn {
        margin-top: 10px !important;
        width: 100%;
        text-align: center;
        margin-bottom: 25px !important;
    }

    .whysslcertificate-wrap img {
        width: 100%;
    }

    .ssl-why-colum .col-lg-4 {
        margin-bottom: 45px;
    }

    .ssl-why-colum .col-lg-4:last-child {
        margin-bottom: 0px;
    }

    .ssl-why-colum .col-lg-4 p {
        margin-bottom: 0px;
    }

    .bannerwrappercon .col-lg-7,
    .searchdomain-home h4 br,
    .trustpilot-wrapper span.trustpilot-middlealign .col-lg-5 {
        display: none;
        visibility: hidden;
    }

    .home-banner-wrapper .banner-caption-div h1{
        font-size: 42px;
    }

    .innerpage-banner .col-xl-7 {
        display: none;
        visibility: hidden;
    }

    .support-wrapper .row .col-lg-3 h3{
        text-align: center;
    }

    .support-wrapper .row .col-lg-3:nth-child(1){
        border-left: none;
    }

    .webhosting-plan-wrapper .tab-pane .webhosting-centeralign{
        height: auto;
        margin-bottom: 25px;
    }

}

@media screen and (max-width: 520px) {
    .header-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .login-btn-div,
    .trust-pilot-logo,
    .associatepartners,
    .footer-wrapper .col-lg-3:nth-child(2),
    .footer-wrapper .col-lg-3:nth-child(3),
    .footer-wrapper .col-lg-3:nth-child(4) {
        display: none;
        visibility: hidden;
    }

    .banner-image-left {
        height: auto;
    }

    .banner-image-left svg {
        width: 100%;
        height: auto;
    }

    .footerbtm-wrapper img {
        width: 100%;
    }

    .footerbtm-wrapper ul {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .navbar-light .navbar-toggler {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .logos-scroll-wrap,
    .getonline-wrap,
    .supportdone-wrap {
        margin-top: 60px;
    }

    .getonline-wrap,
    .supportdone-wrap {
        margin-bottom: 75px;
    }

    .getonline-wrap h2,
    .beautiful-website-wrap .col-lg-6:last-child h2,
    .supportdone-wrap h2 {
        font-size: 32px;
    }

    .beautiful-website-wrap {
        padding: 75px 0px;
    }

    .middle-phone-wrapper h2 {
        line-height: 26px;
        padding: 20px 0px;
    }

    .footer-wrapper {
        padding: 60px 0px;
    }

    .footer-wrapper p {
        text-align: center;
    }

    .footer-wrapper svg {
        position: relative;
        left: 50%;
        margin-left: -95px;
    }

    .footerbtm-wrapper ul li {
        margin-left: 15px;
        margin-right: 15px;
    }

    .header-wrapper .navbar li a,
    .header-wrapper .navbar li a:hover {
        margin-left: 0px;
        margin-right: 0px;
        color: #fff !important;
    }

    .servicescroll {
        margin-left: -3px;
        margin-right: -3px;
    }

    .servicescroll .col-lg-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .hosting-image,
    .beautiful-website-wrap,
    .rightshade {
        width: 100%;
        overflow: hidden;
    }

    .innerpage-heading h1 {
        font-size: 28px;
    }

    .hosting-packages-con,
    .included-inall,
    .hosting-features,
    .easytouse-panel,
    .hosting-faq,
    .free-features-wrap,
    .whydoneed-domain,
    .whyhexabyte {
        margin-top: 60px;
    }

    .included-inall,
    .whyhexabyte {

        padding: 60px 0px;
    }

    .included-inall h3,
    .hosting-features h2,
    .easytouse-panel h2,
    .hosting-faq h2,
    .free-features-wrap h2,
    .whydoneed-domain h2,
    .whyhexabyte h2,
    .whysslcertificate-wrap h3,
    .whychooseus-wrapperdiv h2,
    .webhosting-plan-wrapper .tab-pane .webhosting-centeralign span h2,
    .webhosting-plan-wrapper .section-title {
        font-size: 28px;
        text-align: center;
    }

    .webhosting-plan-wrapper .tab-pane .webhosting-centeralign{
        height: auto;
        margin-bottom: 45px;
    }

    .whychooseus-wrapperdiv h2 br{
        display: none;
        visibility: hidden;
    }

    .included-inall ul li {
        width: 100%;
    }

    .innerpagebanner-wrap .col-lg-6:first-child span {
        padding-left: 0px;
    }

    .innerpagebanner-wrap .col-lg-6:first-child span h1 {
        font-size: 28px;
        text-align: center;
    }

    .innerpagebanner-wrap .col-lg-6:first-child span p {
        text-align: center;
    }



    .innerpagebanner-wrap .banner-image-holder {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .free-features-wrap span {
        margin-bottom: 12px;
    }

    .domain-caption .transfer-btn {
        margin-top: 0px !important;
    }

    .whysslcertificate-wrap {
        margin-top: 60px;
        padding: 60px 0px;
    }

    .whysslcertificate-wrap .col-lg-6:first-child {
        margin-bottom: 25px;
    }

    .page-heading {
        font-size: 32px;
    }

    .services-wrapper {
        margin-top: 80px;
    }

    .family-reunion {
        margin-top: 40px;
    }

    .middle-sectopn-wrapper img {
        margin-bottom: 25px;
    }

    .middle-sectopn-wrapper,
    .whychooseus-wrapper {
        margin-top: 70px;
    }

    .whychooseus-wrapper .col-lg-4 {
        margin-bottom: 30px;
    }

    .whychooseus-wrapper .col-lg-4:last-child {
        margin-bottom: 0px;
    }

    .trustedpartner-logo {
        display: none;
        visibility: hidden;
    }


    .client-loginbtn {
        display: block;
        visibility: visible;
    }

    .footerbtm-wrapper svg {
        margin-top: -10px;
    }

    .footerbtm-wrapper .col-lg-4 {
        margin-top: 20px;
    }

    .banner-wrapper .col-lg-6 h1 {
        font-size: 26px;
    }


    .menutop-wrap {
        display: block;
        visibility: visible;
    }

    .bannerwrappercon h2 {
        width: 100%;
        text-align: center;
        font-size: 26px;
    }

    .bannerwrappercon h4 {
        font-size: 20px;
        text-align: center;
        width: 100%;
    }

    .bannerwrappercon a {
        width: 100%;
    }

    .bannerwrappercon p {
        line-height: 20px;
    }

    .bannerwrappercon h3,
    .bannerwrappercon h6 {
        text-align: center;
    }

    #countdown {
        text-align: center;
    }

    .searchdomain-home h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .searchdomain-home .search-domain-name button {
        padding: 0px 15px;
    }

    .searchdomain-home .search-domain-name input {
        padding-left: 12px;
    }

    .searchdomain-home {
        margin-top: 60px;
    }

    .domain-scroll-wrapper h2 {
        font-size: 28px;
    }

    .searchdomain-home ul li {
        padding: 0px 8px;
    }

    .searchdomain-home ul li {
        border-right: none;
    }

    .innerpage-domain {
        margin-top: 120px;
    }

    .header-wrapper .navbar {
        margin-top: 0px;
    }

    .about-footer-wrapper h2{
        font-size: 26px;
    }

    .about-top-wrapper h3{
        font-size: 26px;
        margin-bottom: 20px;
    }

    .about-top-wrapper h4{
        margin: 20px 0px;
        font-size: 18px;
    }

    .about-top-wrapper h1{
        font-size: 36px;
    }

    .about-top-wrapper{
        margin-top: 120px;
    }

    .home-banner-wrapper .banner-caption-div h6,
    .home-banner-wrapper .banner-caption-div p,
    .home-banner-wrapper .banner-caption-div h1{
        text-align: center;
    }

    .home-banner-wrapper .banner-caption-div h1{
        font-size: 28px;
    }

    .trustpilot-wrapper{
        margin-top: 45px;
    }

    .home-banner-wrapper .banner-third-col{
        height: auto;
        margin-top: 45px;
        margin-bottom: 16px;
    }

    .trustpilot-wrapper span.trustpilot-middlealign h4{
        font-size: 18px;
        text-align: center;
    }

    .trustpilot-wrapper span.trustpilot-middlealign h3{
        text-align: center;
    }

    .home-banner-wrapper{
        padding-top: 120px;
    }

    .innerpage-banner .trustpilot-wrapper{
        min-height: 180px;
    }

    .services-wrapper .service-item{
        min-height: auto;
        padding-bottom: 25px;
    }

    .footer-wrapper{
        display: none;
        visibility: hidden;
    }

    .keepintouch-wrapper{
        margin-top: 0px;
        padding: 45px 0px;
    }

    .footerbtm-wrapper{
        padding: 45px 0px;
    }

    .annual-commitments{
        text-align: left !important;
    }
    
    .webhostingpills{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .webhostingpills .col-3{
        padding-left: 0px;
        padding-right: 0px;
    }

    .webhostingpills .nav-link{
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px;
    }

    .webhosting-plan-wrapper,
    .whychooseus-wrapperdiv{
        margin-top: 80px;
    }

   .webhosting-plan-wrapper .webhostingpills{
    overflow-y: auto;
    white-space: nowrap;
    display:block;
   }

   .webhosting-plan-wrapper .webhostingpills li{
    display: inline-block;
   }

   .webhosting-plan-wrapper .webhostingpills li a{
    padding-left: 20px;
    padding-right: 20px;
   }

   .support-wrapper .row .col-lg-3 .support-item span{
    padding-left: 0px;
    text-align: center;
   }

   .support-wrapper .row .col-lg-3 .support-item span img{
    position: relative;
    display: inline-block;
    height: 45px;
   }

   .support-wrapper .row .col-lg-3 h3{
    padding-left: 0px;
    text-align: center;
   }

   .support-wrapper .row .col-lg-3:nth-child(2),
   .support-wrapper .row .col-lg-3:nth-child(4){
    border-right: none;
   }

   .support-wrapper .row .col-lg-3:nth-child(4),
   .support-wrapper .row .col-lg-3:nth-child(3){
    border-top: 1px solid #f2616a;
   }

   .support-wrapper .row .col-lg-3 .support-item span h4{
    font-size: 20px;
    margin-top: 5px;
   }

   .whychooseus-wrapperdiv .whychoose-item-com{
    min-height: auto;
   }

}

@media screen and (max-width: 360px) {}