@font-face {
    font-family: regular;
    font-style: normal;
    src: url(../fonts/FFShamelFamily-SansOneBook.ttf) format("truetype")
}

@font-face {
    font-family: 700;
    font-style: normal;
    src: url(../fonts/FFShamelFamily-SansOneBold.ttf) format("truetype")
}

@font-face {
    font-family: cairo-bold;
    font-style: normal;
    src: url(../fonts/Cairo-Bold.ttf) format("truetype")
}

@font-face {
    font-family: cairo-regular;
    font-style: normal;
    src: url(../fonts/Cairo-Regular.ttf) format("truetype")
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
    font-family: 700
}
.hide {
    display: none;
  }
html,
body {
    font-family: regular, sans-serif;
    height: 100%;
    font-size: 14px;
    line-height: 1.8;
    color: #747984
}

a {
    cursor: pointer
}

a:hover {
    text-decoration: none
}

section {
    padding: 10rem 0
}

section .row {
    margin-bottom: 25px
}

section .row:last-child {
    margin-bottom: 0
}

.text-bold {
    font-weight: 700
}

.btn {
    padding: 0 2rem;
    height: 50px;
    line-height: 50px;
    border-width: 2px;
    border-radius: 6px
}

.btn:hover,
.btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-primary {
    color: #fff !important;
    background-color: #05d3d8 !important;
    border-color: #05d3d8 !important;
    background-color: #0e944e !important;
    border-color: #0e944e !important;
}

.btn-primary:hover {
    background-color: #0f7ea7 !important;
    border-color: #0f7ea7 !important;
    background-color: #16c46a !important;
    border-color: #16c46a !important
    
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #0f7ea7;
    border-color: #0f7ea7
}

.btn-primary:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.text-primary {
    color: #05d3d8 !important
}

.btn:not(.btn-stepper) {
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s
}

.btn:not(.btn-stepper)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 25%;
    height: 100%;
    width: 50%;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-transform: scale(5, 5);
    -ms-transform: scale(5, 5);
    transform: scale(5, 5)
}

.btn:not(.btn-stepper):active::before {
    padding: 0;
    margin: 0;
    opacity: .2;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.alert {
    padding: 1rem;
    border-radius: 6px
}

.alert-success {
    color: #24a961;
    background: rgba(36, 169, 98, .2);
    margin: 30px
}

.alert-danger {
    color: #d14747;
    background: rgba(209, 71, 71, .2);
    margin: 30px
}

.background-0 {
    background-color: transparent
}

.scroll-to-top {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: 0 0;
    border: 3px solid #59a89f;
    color: #59a89f;
    font-size: 22px;
    right: -50%;
    bottom: 50px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.scroll-to-top.show {
    right: 50px
}

.scroll-to-top:hover {
    background-color: #59a89f;
    color: #fff
}

ul,
ol {
    padding: 0;
    margin: 0
}

.navbar {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: background .6s ease-in;
    -o-transition: background .6s ease-in;
    transition: background .6s ease-in;
    z-index: 99999
}

.navbar-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0
}

.navbar .navbar-box .logo {
    width: 95px;
    height: 34px
}

.navbar .navbar-box .nav-link {
    position: relative;
    color: #000;
    padding: .75rem 2rem .25rem !important;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.navbar .navbar-box .nav-link::before {
    position: absolute;
    content: "";
    bottom: -1rem;
    left: 50%;
    width: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #279654;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.navbar .navbar-box .actives::before {
    position: absolute;
    content: "";
    bottom: -1rem;
    left: 50%;
    width: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #279654;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.navbar .navbar-box .nav-link:hover::before,
.navbar .navbar-box .nav-link.active::before {
    width: 50px
}

.navbar .navbar-box .nav-link.btn-login {
    border-radius: 11px;
    background: #fff;
    color: #00759b;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.navbar .navbar-box .nav-link.btn-login:hover {
    background: #00759b;
    color: #fff
}

.navbar .navbar-box .nav-link.lang::before,
.navbar .navbar-box .nav-link.btn-login::before {
    display: none
}

@media(max-width:992px) {
    .navbar-collapse.collapsing .navbar-nav {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        right: -100%;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    .navbar-collapse.show .navbar-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        width: 300px;
        background: #fff;
        -webkit-transition: right .2s ease;
        -o-transition: right .2s ease;
        transition: right .2s ease;
        -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        z-index: 99999999;
        padding: 1rem;
        overflow-y: scroll
    }
    .navbar-collapse.show .navbar-nav .nav-link {
        color: #646464;
        padding: 1.5rem 1rem !important;
        border-bottom: .5px solid rgba(26, 7, 38, .06)
    }
    .navbar-collapse.show .navbar-nav .nav-link.active {
        color: #00759b;
        font-family: 700
    }
    .navbar-collapse.show .navbar-nav .nav-link::before {
        display: none
    }
    .navbar-collapse.show .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none
    }
    .navbar-collapse.show .close-nav {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        background: #f1f1f1;
        display: block;
        margin-bottom: 2rem
    }
}

.navbar .btn-collapse {
    cursor: pointer
}

.navbar.fixed-top {
    position: fixed;
    -webkit-animation: navbar-animation .6s;
    animation: navbar-animation .6s;
    background: transparent -o-linear-gradient(342deg, #05D3D8 0%, #00759B 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(108deg, #05D3D8 0%, #00759B 100%) 0% 0% no-repeat padding-box;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    padding: .5rem 1rem;
    z-index: 999
}

.navbar .btn-collapse svg path,
.navbar.fixed-top .btn-collapse svg path {
    fill: #000;
}

@-webkit-keyframes navbar-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes navbar-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 990px;
    z-index: 2
}

header video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-width: 100%;
    width: auto;
    opacity: 0.4;
    pointer-events: none;
    mix-blend-mode: overlay;
}

header .container {
    position: relative;
    z-index: 2
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(8, 106, 55);
    opacity: 1;
    z-index: 1;
    overflow: hidden
}

.header .video-layer {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

@media(pointer:coarse) and (hover:none) {
    header {
        background: url(../images/header-bg-new.png) #000;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }
}

@media screen and (max-width:767px) {
    header video {
        display: none
    }
    header .overlay {
        background-color: transparent;
    }
}

.header-box {
    position: relative;
    z-index: 9;
    box-shadow: none !important;
}

.header-box .title {
    font-size: 32px;
    line-height: 2;
    color: #fff;
    margin-bottom: 0
}

.header-box .details {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    font-family: regular, sans-serif
}

.header-box .btn {
    padding: 0 1.5rem;
    background: #fff;
    color: #00759b;
    border-radius: 30px;
    font-size: 16px;
    height: 50px;
    line-height: 55px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header-box .btn:hover,
.header-box .btn:focus {
    background: #00759b;
    background: #0e944e ;
    color: #fff
}

.header-sub {
    height: 300px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header-sub::before {
    background: url(../img/header-sub.svg);
    background-size: cover
}

.header-sub .header-box .breadcrumb {
    background-color: transparent;
    padding: 0;
    color: #fff;
    margin-bottom: 2rem
}

.header-sub .header-box .breadcrumb-item {
    font-size: 16px;
    color: #fff
}

.header-sub .header-box .breadcrumb-item+.breadcrumb-item::before {
    color: #fff
}

.title-section {
    margin-bottom: 2rem
}

.title-section .title {
    font-size: 40px;
    margin-bottom: 2rem
}

.title-section .info {
    font-size: 18px;
    margin-bottom: 0
}

.about-section {
    background: #279654;
    color: #fff
}

.about-section .btn {
    padding: 0 3rem;
    background: #fff;
    color: #05d3d8;
    border-radius: 30px;
    font-size: 16px;
    height: 50px;
    line-height: 55px
}

.about-section .btn:hover,
.about-section .btn:focus {
    background: #00759b;
    color: #fff
}

.counters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.counter-box {
    width: 33.333337%;
    padding: 4rem 2rem;
    text-align: center
}

.counter-box .pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px
}

.counter-box .pic svg rect,
.counter-box .pic svg circle,
.counter-box .pic svg path {
    fill: #fff
}

.counter-box .number {
    font-size: 28px;
    padding: 2rem 0 1rem;
    margin-bottom: 0
}

.counter-box .title {
    font-size: 16px;
    margin-bottom: 0
}

.counter-box.border-right,
.counter-box.border-bottom {
    border-width: .5px !important;
    border-color: rgba(0, 117, 155, .1) !important
}

.tech-section {
    background: url(../img/tech-section.svg) no-repeat center;
    background-size: cover
}

.tech-boxs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.tech-box {
    display: block;
    padding: 3rem 2rem;
    background: #fff;
    margin-bottom: 2rem;
    border-radius: 10px;
    color: #0e944e;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.tech-box .pic {
    height: 50px
}

.tech-box .pic svg {
    height: 50px
}

.tech-box .pic svg path {
    fill: #00759b
}

.tech-box .title {
    font-size: 20px;
    color: #0e944e;
    padding: 2rem 0;
    margin-bottom: 0
}

.tech-box .info {
    font-size: 14px;
    color: #747984;
    margin-bottom: 2rem
}

.tech-box:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    color: #fff;
    background: #0e944e
}

.tech-box:hover .title,
.tech-box:hover .info {
    color: #fff
}

.tech-box:hover svg path {
    fill: #fff
}

.portfolio-section .owl-theme .owl-dots,
.portfolio-section .owl-theme .owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    text-align: inherit;
    float: right;
    height: 35px;
    margin-top: 2rem
}

.portfolio-section .owl-theme .owl-dots {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.portfolio-section .owl-carousel .owl-nav button.owl-next,
.portfolio-section .owl-carousel .owl-nav button.owl-prev {
    padding: .65rem 1.5rem .15rem !important;
    border: 1px solid #00759b;
    color: #00759b;
    border-radius: 28px;
    line-height: 1.5;
    outline: none
}

.portfolio-section .owl-carousel button.owl-dot {
    outline: none
}

.portfolio-section .owl-carousel button.owl-dot span {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #00759b;
    opacity: .5;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.portfolio-section .owl-theme .owl-dots .owl-dot.active span,
.portfolio-section .owl-theme .owl-dots .owl-dot:hover span {
    background: #00759b;
    border-radius: 20px;
    opacity: 1;
    width: 24px
}

.portfolio-section .owl-carousel .owl-nav button.owl-next:hover,
.portfolio-section .owl-carousel .owl-nav button.owl-prev:hover {
    color: #fff;
    background: #00759b
}

.portfolio-box {
    position: relative;
    max-width: 400px;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 20px;
    color: #fff !important;
    display: inline-block
}

.portfolio-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.portfolio-box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.portfolio-box::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0e944e;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 1
}

.portfolio-box:hover::before {
    opacity: .9
}

.portfolio-box .title {
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    z-index: 1;
    text-align: center
}

.portfolio-box .view {
    position: absolute;
    bottom: 1rem;
    left: -100%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 1
}

.portfolio-box:hover .title {
    top: 50%
}

.portfolio-box:hover .view {
    left: 2rem
}

.partner-box {
    width: 100%;
    height: 120px;
    padding: 1rem;
    border: 1px solid #dbdbdb;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.partner-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .3s ease
}

.partner-box:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.partner-box:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.banner-box {
    display: block;
    height: 100px;
    text-align: center
}

.banner-box img {
    max-height: 100px
}

.support-section {
    padding: 3rem 0 0;
    background: #18c6ec;
    color: #fff
}

.support-box .title {
    font-size: 42px;
    color: #fff;
    margin-bottom: 2rem
}

.support-box .info {
    font-size: 22px;
    color: #fff
}

.support-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin-bottom: 1rem;
    background: rgb(255, 255, 255, .15);
    border-radius: 15px;
    padding: .5rem 2rem
}

.support-label .pic {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.support-label .title {
    font-size: 22px;
    color: #fff;
    padding-top: 10px;
    margin-bottom: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.support-label:hover {
    background: rgb(11 45 78)
}

.support-pic {
    margin-bottom: -25px
}

.footer-section {
    padding: 5rem 0 3rem;
    color: #fff;
    background: #0f7ea7;
    background: #262626;
    -webkit-box-shadow: 0 -5px 10px #00000012;
    box-shadow: 0 -5px 10px #00000012
}

.contact-list .nav-link {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px
}

.social-media .nav-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 20px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.social-media .nav-link:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.links-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.links-list .nav-link {
    position: relative;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.links-list .nav-link::before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    top: 40%;
    right: 0;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.links-list .nav-link:hover {
    color: #279654
}

.links-list .nav-link:hover::before {
    width: .5rem
}

.footer-section .hr {
    border-color: rgb(183, 183, 183, .35)
}

.inner-page .about-section,
.inner-page .tech-section {
    background: #fff
}

.inner-page .about-section .title-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-page .about-section .title-section .title {
    min-width: 400px;
    color: #05d3d8;
    font-size: 93px
}

.inner-page .about-section .title-section .info {
    color: #646464
}

.inner-page .about-section .counter-box {
    color: #0e944e
}

.inner-page .about-section .counter-box svg circle,
.inner-page .about-section .counter-box svg path,
.inner-page .about-section .counter-box svg rect {
    fill: #0e944e
}

.inner-page .tech-section .title-section {
    margin-bottom: 5rem
}

.inner-page .tech-section .title-section .title {
    color: #18944f;
}

.inner-page .tech-section .title-section .info {
    color: #8d8e92
}

.inner-page .portfolio-box {
    display: block;
    height: 385px;
    margin-bottom: 2rem
}

.contact-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1rem;
    padding-top: 1.5rem;
    border: 1px solid #dadada;
    border-radius: 12px;
    margin-bottom: 2rem;
    background: #fff
}

.contact-box .title {
    color: #060606;
    font-size: 16px;
    margin-top: .5rem
}

.contact-box .info {
    color: #646464;
    font-size: 16px;
    margin-bottom: 0
}

.map {
    position: relative;
    background: #eee;
    border-radius: 12px;
    overflow: hidden
}

.map-box {
    width: calc(100% - 100px);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.map-box .contact-box {
    margin-bottom: 0;
    border: 1px solid #00759b80
}

.solution-box .content {
    margin-bottom: 4rem
}

.solution-box .content .title {
    font-size: 24px;
    color: #1f1f1f;
    margin-bottom: 2rem
}

.solution-box .content .info {
    font-size: 16px;
    color: #1f1f1f;
    text-align: justify;
    margin-bottom: 2rem;
    line-height: 2
}

.solution-box .pic {
    width: 100%;
    height: 608px;
    border: 1px solid #dadada;
    border-radius: 12px;
    overflow: hidden
}

.solution-box .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.solution-featuer {
    background: #f1fcfe !important
}

.featuer-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3rem
}

.featuer-box .pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 70px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    background: #00759b
}

.featuer-box .pic img {
    margin: auto;
    height: 50px
}

.featuer-box .pic svg {
    width: 40px;
    margin: auto
}

.featuer-box .pic svg path {
    fill: #fff
}

.featuer-box .contnet .title {
    margin-top: .5rem;
    font-size: 18px;
    color: #2a2a2a
}

.featuer-box .contnet .info {
    margin-bottom: 0;
    font-size: 12px;
    color: #2a2a2a
}

.team-section {
    background: #f7f7f7
}

.team-box {
    padding: 2rem;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 2rem;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.team-box .pic {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto
}

.team-box .content .name {
    color: #00759b;
    margin: 3rem 0
}

.team-box .content .social-media .nav-link {
    color: #c3cad9
}

.team-box .content .social-media .nav-link:hover {
    color: #fff
}

.team-box:hover {
    border-color: #00759b;
    background-color: #00759b;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.team-box:hover .content .name {
    color: #fff
}

.form .form-control {
    min-height: 50px;
    border: 1px solid #dadada;
    border-radius: 12px
}

.form .form-control::-webkit-input-placeholder {
    color: #c3cad9
}

.form .form-control::-moz-placeholder {
    color: #c3cad9
}

.form .form-control:-ms-input-placeholder {
    color: #c3cad9
}

.form .form-control::-ms-input-placeholder {
    color: #c3cad9
}

.form .form-control::placeholder {
    color: #c3cad9
}

.form [type=email]:focus {
    direction: ltr
}

.form .btn {
    padding: 0;
    width: 270px;
    height: 50px;
    line-height: 50px;
    background: #262626;
    color: #fff;
    border-radius: 30px;
    font-weight: 700
}

.form .btn:hover,
.form .btn:focus {
    background: #0e944e;
}

[dir=ltr] .arrow {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media all and (min-width:1300) {
    .container {
        max-width: 1240px
    }
}

@media all and (max-width:1200px) {
    .navbar .navbar-box .nav-link {
        padding: .75rem 1rem .25rem !important
    }
}

@media all and (min-width:999px) {}

@media all and (max-width:990px) {
    .tech-boxs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .tech-section .title-section {
        margin-bottom: 2rem;
        padding-bottom: 4rem
    }
    .header-sub .header-box .breadcrumb {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .inner-page .portfolio-box {
        height: 310px
    }
}

@media all and (max-width:768px) {
    .inner-page .portfolio-box {
        height: 340px
    }
    .inner-page .about-section .title-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .inner-page .about-section .title-section .title {
        font-size: 60px;
        min-width: 100%
    }
    .scroll-to-top.show {
        right: 30px
    }
    .scroll-to-top {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }
}

@media(max-width:580px) {
    .header-box {
        margin-bottom: 3rem
    }
    .header-box .title {
        line-height: 1.5;
        font-size: 24px;
        margin-bottom: 2rem
    }
}

@media(max-width:420px) {
    section {
        padding: 5rem 0
    }
    .counter-box {
        width: 50%;
        padding: 2rem 1rem
    }
    .counters .counter-box:nth-child(2),
    .counters .counter-box:nth-child(4) {
        border-left: none !important
    }
    .counters .counter-box:nth-child(3) {
        border-left: .5px solid rgba(0, 117, 155, .1) !important
    }
    .counters .counter-box:nth-child(4) {
        border-bottom: .5px solid rgba(0, 117, 155, .1) !important
    }
    .counter-box .title {
        font-size: 14px
    }
    .title-section .title {
        font-size: 30px
    }
    .title-section .info {
        font-size: 14px
    }
    .support-box .title {
        font-size: 30px;
        line-height: 2
    }
    .support-box .info {
        font-size: 14px
    }
    .support-label .title {
        font-size: 14px
    }
    .inner-page .portfolio-box {
        height: auto
    }
}

@media(max-width:375px) {}

@media(max-width:330px) {}

.career-form {
    padding: 10%;
    border: 1px solid #dcdcdc;
    border-radius: 6px
}

.career-condition {
    list-style: none;
    margin-top: 1rem
}

.career-condition li {
    position: relative;
    padding: .25rem 0
}

.career-condition ::before {
    content: "\2022";
    color: #05d3d8;
    font-weight: 700;
    display: inline-block;
    width: 2rem
}

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.btn-upload {
    padding: .5rem 4rem .75rem;
    color: #00759b !important;
    background-color: #fff !important;
    border: 2px dashed #00759b;
    border-radius: 11px;
    cursor: pointer
}

.btn-upload:hover,
.btn-upload:focus {
    color: #fff !important;
    background-color: #00759b !important
}

.btn-upload svg .a {
    fill: none;
    stroke: #00759b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.btn-upload:hover svg .a,
.btn-upload:focus svg .a {
    stroke: #fff
}

[dir=ltr] p,
.lang-en {
    font-family: cairo-regular, sans-serif
}

html[dir=ltr],
body[dir=ltr] {
    font-family: cairo-regular, sans-serif
}

[dir=ltr] h1,
[dir=ltr] h2,
[dir=ltr] h3,
[dir=ltr] h4,
[dir=ltr] h5,
[dir=ltr] h6,
[dir=ltr] label {
    font-family: cairo-bold, sans-serif
}

[dir=ltr] .header .new {
    background: url(../images/header-bg-new.png);
    height: unset;
    background-size: cover
}

/* [dir=ltr] .navbar.fixed-top {
    background: transparent -o-linear-gradient(198deg, #05D3D8 0%, #00759B 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(-108deg, #05D3D8 0%, #00759B 100%) 0% 0% no-repeat padding-box
} */

[dir=ltr] .portfolio-box .view {
    left: auto;
    right: -100%
}

[dir=ltr] .portfolio-box:hover .view {
    left: auto;
    right: 2rem
}

[dir=ltr] .portfolio-section .owl-carousel .owl-nav button.owl-next,
[dir=ltr] .portfolio-section .owl-carousel .owl-nav button.owl-prev {
    padding: .25rem 1.5rem !important
}

[dir=ltr] .portfolio-section .owl-theme .owl-dots,
[dir=ltr] .portfolio-section .owl-theme .owl-nav {
    float: left
}

[dir=ltr] .navbar-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=ltr] .navbar .navbar-box .nav-link {
    padding: .5rem 2rem !important
}

[dir=ltr] .btn {
    line-height: 45px
}

[dir=ltr] .support-section .support-pic {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

[dir=ltr] .dataTables_paginate .control {
    line-height: 40px
}

[dir=ltr] ul.theme-dropdown li {
    width: 160px
}

[dir=ltr] .faq ul,
[dir=ltr] .faq ol,
[dir=ltr] .faq-list ul,
[dir=ltr] .faq-list ol {
    padding-right: 0;
    padding-left: 1.5rem
}

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    display: none
}

.payment-way-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
}

.input-hidden {
    position: absolute;
    z-index: -1
}

.payment-way {
    text-align: center !important;
    cursor: pointer;
    width: 31%;
    margin: 5px;
    height: auto;
    min-height: 121px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(42, 42, 42, .3);
    border-radius: 6px;
}
.payment-way svg path {
    fill: #2a2a2a4c
}

.payment-way:hover svg path {
    fill: #0e944e
}
.payment-way svg, .payment-way img {
    height: 70px;
    width: 100%;
    padding: 15px 0 5px;
    display: block;
    object-fit: contain;
}

.payment-way span {
    display: block;
    width: 100%;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: normal !important;
}


.payment-way span.name-card {
    color: black !important;
    /* background: azure; */
}
.payment-way:hover,
.payment-way-box input[type=radio]:checked+label.payment-way {
    background-color: rgba(24, 198, 236, .3);
    -webkit-box-shadow: 0 3px 30px rgba(24, 198, 236, .3);
    box-shadow: 0 3px 30px rgba(24, 198, 236, .3);
    border-color: transparent
}

.payment-way-box input[type=radio]:checked+label.payment-way svg path {
    fill: #0e944e
}

[dir=ltr] .payment.btn-group>.btn {
    margin-left: 0;
    margin-right: 1rem
}

.payment-section .details-table {
    padding: 2rem;
    border: 1px solid #30344233;
    border-radius: 6px;
    margin-bottom: 2rem
}

.payment-section .details-table .table {
    margin-bottom: 0
}

.payment-section .form-control {
    min-height: 50px;
    border: 1px solid #2a2a2a4c;
    border-radius: 6px
}

.payment-section h5.title {
    font-size: 24px;
    font-weight: 700;
    color: #2a2a2a;
    margin-bottom: 2rem
}

.payment-section .btn-bay {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-color: #334356;
    background: #334356;
    border-radius: 6px
}

.payment-section .btn-bay:hover {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-color: #178e86;
    background: #178e86;
    border-radius: 6px
}

.v-phone .v-btn {
    padding-top: 0;
    padding-bottom: 0
}

input[type=tel],
input[type=email] {}

.input-group input[type=tel] {
    text-align: center !important;
    padding-left: 1rem !important
}

@media(max-width:1200px) {
    .header-sub {
        height: auto;
        min-height: 200px
    }
    .domains-pic {
        width: 50%
    }
    .feature-img {
        width: 70px;
        height: 70px
    }
    .features .feature-title {
        font-size: 18px
    }
    .intro {
        padding: 5rem 0
    }
    .profile-form .nav-tabs a {
        font-size: 16px
    }
    .domain-result-search .domain-result-box .info .status {
        font-size: 14px
    }
    .select2.select2-container {
        width: 100%
    }
    .form-container select,
    .form-container input:not([type=checkbox]):not(.bs-input),
    input.theme-input:not([type=checkbox]),
    .form-container select:focus,
    .form-container input:not([type=checkbox]):not(.bs-input):focus,
    input.theme-input:not([type=checkbox]):focus {
        border: 1px solid #e9e9e9 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }
}

@media(max-width:990px) {
    .header-sub {
        min-height: 200px;
        height: auto !important
    }
    .header-sub .header-box {
        padding-top: 10rem;
        padding-bottom: 0
    }
    .domains-pic {
        position: relative !important;
        width: 100%
    }
    .search-domains>h1 {
        font-size: 20px
    }
    .navbar.fixed-top {
        padding: 0 1rem
    }
    .pricing .pricing-head {
        padding: 10px
    }
    .pricing .pricing-head h6 {
        font-size: 14px
    }
    .pricing .prices {
        font-size: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .pricing .prices>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 70px
    }
    .features>h1 {
        font-size: 22px
    }
    .pricing .pricing-head img {
        margin-bottom: 1rem
    }
}

@media(max-width:420px) {
    .search-domains .input-group-append .btn {
        min-width: 100px !important;
        /* background: 0 0 !important */
    }
    .search-domains .s-btn {
        padding: 0 25px !important
    }
    .bs-stepper-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .input-group:not(.bs-input-group) input:not([type=checkbox]):not(.bs-input),
    .input-group:not(.bs-input-group) input.theme-input:not([type=checkbox]) {
        width: 98% !important
    }
}

.transfer-domain-box p {
    font-size: 23px;
    color: #1bc6ec;
    margin-top: auto
}

.search-domains .parsley-errors-list {
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:670px) {
    .search-domains .parsley-errors-list {
        position: absolute;
        width: 100%;
        bottom: -7rem;
        text-align: center
    }
}

.v-code {
    text-align: center
}

.tools-section {
    padding: 5rem 0
}

.tools-section .tools-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem
}

.tools-section .tools-header .title {
    font-size: 36px;
    color: #0f7ea7;
    font-weight: 700
}

.tools-section .tools-header .btn {
    border: 1px solid #0e944e;
    color: #0e944e;
    padding: 0 2rem;
    line-height: 45px;
    border-radius: 6px
}

.tools-section .tools-header .btn:hover {
    color: #fff;
    background-color: #0e944e
}

.tools-section .tools-header .btn.btn-round {
    border-radius: 23px
}

.tools-section .tools-details p.info {
    color: #8d8e92;
    font-size: 16px;
    line-height: 2
}

.btn-trash {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #e2e6ea;
    padding: 0
}

.btn-add-domain {
    color: #0e944e;
    border-radius: 30px
}

.investment-box .title {
    font-size: 40px;
    color: #004462;
    margin-bottom: 2rem
}

.investment-box .sub-title {
    font-size: 24px;
    color: #0e7aaa;
    margin-bottom: 2rem
}

.investment-box .info {
    font-size: 20px;
    color: #0e7aaa
}

.investment-box .steps-register {
    counter-reset: num;
    padding: 4rem 0
}

.investment-box .steps-register li {
    position: relative;
    padding: .25rem;
    padding-right: 94px;
    font-size: 20px;
    margin-bottom: 3rem;
    display: block;
    width: 100%
}

[dir=ltr] .investment-box .steps-register li {
    padding-right: 0;
    padding-left: 94px
}

.investment-box .steps-register li .title {
    font-size: 20px;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.investment-box .steps-register li .info {
    font-size: 15px
}

.investment-box .steps-register li:before {
    position: absolute;
    counter-increment: num;
    content: counter(num);
    top: 0;
    right: 0;
    background: #05d3d8;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 80px;
    color: #fff;
    text-align: center;
    font-size: 29px
}

[dir=ltr] .investment-box .steps-register li:before {
    right: auto;
    left: 0;
    line-height: 70px
}

@media(max-width:786px) {
    .investment-box {
        padding: 2rem
    }
    .investment-box .title {
        font-size: 30px
    }
    .investment-box .info {
        font-size: 18px
    }
    .investment-box .steps-register {
        padding: 2rem 0
    }
    .investment-box .steps-register li {
        padding-right: 50px;
        margin-bottom: 1rem
    }
    [dir=ltr] .investment-box .steps-register li {
        padding-right: 0;
        padding-left: 50px
    }
    .investment-box .steps-register li:before {
        width: 40px;
        height: 40px;
        line-height: 47px;
        font-size: 20px
    }
    [dir=ltr] .investment-box .steps-register li:before {
        line-height: 40px
    }
    .investment-box .steps-register li .title {
        font-size: 18px;
        line-height: 1.6;
        margin-top: 0
    }
    .investment-box .steps-register li .info {
        font-size: 14px
    }
    .investment-custom .investment-box .box-info {
        padding: 2rem
    }
}

.search-domains {
    direction: rtl
}

.search-domains .domains-dropdown {
    text-align: center;
    border-left: 1px solid #dee2e6 !important;
    border-radius: 0 10px 10px 0 !important
}

.search-domains input {
    text-align: center
}

.search-domains .domains-dropdown i {
    font-size: 14px;
    margin: 0 !important;
    margin-right: 5px !important
}

.v-code {
    direction: ltr;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center !important
}

.v-code .pin-input {
    margin-right: 1rem
}

.v-code .pin-input:last-child {
    margin-right: 0
}

ul.theme-dropdown {
    float: none;
    display: inline-block
}

ul.theme-dropdown li {
    float: none
}

#signup .form-control,
#signin .form-control {
    text-align: center !important
}

[type=tel],
[type=email],
[type=url] {
    direction: ltr !important
}

.search-domains input {
    direction: ltr
}

.product-service-box {
    padding: 2rem;
    border-radius: 23px;
    margin-bottom: 30px;
    border: 1px solid #ececec
}

.product-service-box .pic {
    width: 120px
}

.product-service-box .pic img {
    width: 100%
}

.product-service-box i.text-muted {
    color: #dedede !important
}

.well-add-user {
    background: #dbfeff 0% 0% no-repeat padding-box;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 15px;
    padding: 2rem
}

ul.theme-dropdown li a {
    text-align: center;
    padding: 0
}

.pin-input {
    text-align: center !important;
    font-size: 30px !important;
    font-weight: bolder
}

.domains-dropdown:hover,
.domains-dropdown:focus {
    -webkit-box-shadow: 0 0 6px rgb(0 0 0/16%);
    box-shadow: 0 0 6px rgb(0 0 0/16%)
}

.tele_number {
    width: calc(100% - 65px) !important
}

.select2-container {
    width: 100% !important
}

.domain-result-search .domain-result-box {
    margin-bottom: 0
}

@media(max-width:600px) {
    #domainNamePreview {
        font-size: 12px
    }
    .search-domains .input-theme-group .input-group-append:not(.bs-input-group) button {
        border: none
    }
    .search-domains .input-group {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .search-domains .input-group:not(.bs-input-group) input:not([type=checkbox]):not(.bs-input),
    .search-domains .input-group:not(.bs-input-group) input.theme-input:not([type=checkbox]) {
        width: 100% !important
    }
}

[dir=ltr] .domain-name-box {
    direction: rtl
}

[dir=ltr] .domain-name-box .domains-dropdown {
    border-radius: 0 11px 11px 0 !important
}

[dir=ltr] .domain-name-box input.domain-input {
    border-radius: 11px 0 0 11px !important
}

.btn-user-modal {
    border-radius: 30px;
    height: auto;
    line-height: 1.5 !important;
    padding: .5rem 2rem
}

.porduct-box-modal img {
    margin: 0 auto 3rem
}

.porduct-box-modal .title,
.porduct-box-modal label {
    font-size: 16px;
    color: #b5b5b5
}

.porduct-box-modal label {
    margin-bottom: 0
}

.porduct-box-modal .e-date {
    font-size: 11px;
    color: #b5b5b5
}

.counter-box .count {
    font-size: 40px;
    font-weight: 700
}

.features p.info {
    text-align: center !important
}

.question-head {
    padding: 1rem
}

.question-head h3,
.card-header h3 {
    font-size: 1.3rem
}

#second_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}

#second_menu .head .title {
    font-size: 32px;
    color: #949494;
    margin-bottom: 1rem
}

#second_menu .head .domain {
    font-family: cairo-bold, sans-serif;
    font-size: 32px;
    color: #949494;
    margin-bottom: 0
}

#second_menu .btn-action {
    font-weight: 700;
    font-size: 14px;
    color: #949494 !important;
    border: 1px solid #e2e2e2 !important;
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 250px;
    padding: 0 1rem;
    border-radius: 11px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[dir=rtl] #second_menu .btn-action {
    text-align: right
}

#second_menu .dropdown.open .btn-action {
    border-radius: 11px 11px 0 0;
    border-bottom: none
}

#second_menu .dropdown-menu {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #fff !important;
    margin-top: -7px;
    padding-top: 1rem;
    border-radius: 0 0 11px 11px;
    width: 100%;
    padding: 1rem;
    border: 1px solid #e2e2e2;
    border-top: none
}

#second_menu .dropdown-menu a {
    text-align: right;
    font-weight: 700;
    font-size: 12px;
    color: #949494;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 1px solid #e2e2e2;
    padding: .5rem 1rem
}

[dir=ltr] #second_menu .dropdown-menu a {
    text-align: left
}

#second_menu .dropdown-menu a:focus,
#second_menu .dropdown-menu a:hover {
    color: #fff;
    background: #0e944e
}

#second_menu .first {
    white-space: break-spaces
}

#second_menu .dropdown-menu a:last-child {
    border-bottom: none
}

.domain-details-status {
    padding: 2rem;
    text-align: center
}

.domain-details-status .title {
    font-weight: 700;
    font-size: 20px;
    color: #b5b5b5;
    margin-bottom: 1rem
}

.domain-details-status .info {
    font-weight: 700;
    font-size: 20px;
    color: #5a5a5a;
    padding: 2rem 0
}

.domain-details-status .btn-action {
    font-weight: 700;
    font-size: 14px;
    color: #0e944e;
    border-color: #0e944e;
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 220px;
    padding: 0 .5rem;
    border-radius: 11px
}

.domain-details-status .btn-action:hover,
.domain-details-status .btn-action:focus {
    color: #fff;
    background: #0e944e
}

.server-details-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.server-details-title .head .title {
    font-size: 20px;
    color: #0e944e;
    margin-bottom: 0
}

.server-details-title .action .btn-action {
    font-weight: 700;
    font-size: 14px;
    color: #0e944e;
    border-color: #0e944e;
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 220px;
    padding: 0 2rem;
    border-radius: 11px
}

.server-details-status .btn-action:hover,
.server-details-status .btn-action:focus {
    color: #fff;
    background: #0e944e
}

.server-details-table tr:first-child th,
.server-details-table tr:first-child td {
    border-top: none
}

.server-details-table th,
.server-details-table td {
    font-size: 20px;
    font-weight: 700
}

.server-details-table th {
    color: #b5b5b5
}

.server-details-table td {
    color: #1d1d1d
}

@media(max-width:420px) {
    .server-details-title,
    #second_menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .domain-details-status {
        margin-bottom: 2rem
    }
    #second_menu .head,
    .server-details-title .head {
        margin-bottom: 1rem
    }
}

.faq {
    background-color: #339bff0d
}

.faqs-accordion .card {
    border: none;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.faqs-accordion .card .border-bottom {
    border-bottom: .5px solid #42415b4d !important
}

.faqs-accordion .card .btn-link {
    position: relative;
    font-size: 16px;
    padding: .5rem 0;
    font-weight: 700;
    text-decoration: none;
    padding-left: 1rem;
    background: 0 0
}

.faqs-accordion .card .btn-link h3 {
    font-size: 18px
}

.faqs-accordion .card .card-body {
    font-size: 16px
}

[dir=ltr] .faqs-accordion .card .btn-link {
    padding-left: .5rem;
    padding-right: 1
}

.faqs-accordion .card .btn-link::after {
    position: absolute;
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f106";
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    width: auto;
    background-color: transparent
}

.faqs-accordion .card .btn-link.collapsed::after {
    content: "\f107"
}

[dir=ltr] .faqs-accordion .card .btn-link::after {
    left: auto;
    right: 5px
}

@media(max-width:420px) {
    .faqs-accordion .card .btn-link h3 {
        font-size: 16px
    }
}

[dir=rtl] .btn-user-modal {
    padding-top: .75rem
}

.table td,
.table th {
    vertical-align: middle
}

.tooltip-inner {
    background-color: #05d3d8
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #05d3d8
}

.domains-page1 h2 {
    font-size: 34px
}

.table-conect-email {
    padding: 2rem 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px #00000029;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 17px
}

.table-conect-email .table td:not(.color-primary),
.table-conect-email .table th:not(.color-primary) {
    vertical-align: middle;
    color: #4d4d4d
}

.table-conect-email .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8
}

.table-conect-email .table-striped tbody tr:nth-of-type(even) {
    background-color: #f7ffff
}

.table-conect-email .table tr {
    position: relative
}

.table-conect-email .table tr::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    right: -34px;
    margin-top: 10px;
    background-size: 24px 24px
}

.table-conect-email .table tr.success::before {
    background: url(../img/success.svg);
    background-size: 24px 24px
}

.table-conect-email .table tr.error::before {
    background: url(../img/error.svg);
    background-size: 24px 24px
}

[dir=ltr] .table-conect-email .table tr::before {
    right: auto;
    left: -34px
}

.discount-banner {
    position: fixed;
    top: 10%;
    left: 0;
    padding: 1rem;
    color: #fff;
    background: #b90f0f;
    border: 1px solid #707070;
    border-radius: 0 4px 4px 0;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 300px
}

.discount-banner:hover {
    color: #fff
}

[dir=ltr] .discount-banner {
    left: auto;
    right: 0;
    border-radius: 4px 0 0 4px
}

.discount-banner .content {
    text-align: center
}

.discount-banner .content .title {
    font-size: 14px
}

.discount-banner .content .discount {
    font-size: 20px
}

[dir=ltr] .discount-banner .icon svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media(max-width:768px) {
    .discount-banner {
        width: calc(100% - 30px);
        margin: 2rem auto;
        position: relative;
        z-index: 1
    }
    .discount-banner .content {
        width: 100%
    }
}

.rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    height: 40px;
    position: relative
}

.rating-0 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.rating>input {
    display: none
}

.rating>label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjYuNzI5JyBoZWlnaHQ9JzEyNi43Myc+PHBhdGggZmlsbD0nI2UzZTNlMycgZD0nTTEyMS4yMTUgNDQuMjEybC0zNC44OTktMy4zYy0yLjItLjItNC4xMDEtMS42LTUtMy43bC0xMi41LTMwLjNjLTItNS05LjEwMS01LTExLjEwMSAwbC0xMi40IDMwLjNjLS44IDIuMS0yLjggMy41LTUgMy43bC0zNC45IDMuM2MtNS4yLjUtNy4zIDctMy40IDEwLjVsMjYuMyAyMy4xYzEuNyAxLjUgMi40IDMuNyAxLjkgNS45bC03LjkgMzIuMzk5Yy0xLjIgNS4xMDEgNC4zIDkuMyA4LjkgNi42MDFsMjkuMS0xNy4xMDFjMS45LTEuMSA0LjItMS4xIDYuMSAwbDI5LjEwMSAxNy4xMDFjNC42IDIuNjk5IDEwLjEtMS40IDguODk5LTYuNjAxbC03LjgtMzIuMzk5Yy0uNS0yLjIuMi00LjQgMS45LTUuOWwyNi4zLTIzLjFjMy44LTMuNSAxLjYtMTAtMy42LTEwLjV6Jy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.rating>input:checked~label,
.rating>input:checked~label~label {
    background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjYuNzI5JyBoZWlnaHQ9JzEyNi43Myc+PHBhdGggZmlsbD0nI2ZjZDkzYScgZD0nTTEyMS4yMTUgNDQuMjEybC0zNC44OTktMy4zYy0yLjItLjItNC4xMDEtMS42LTUtMy43bC0xMi41LTMwLjNjLTItNS05LjEwMS01LTExLjEwMSAwbC0xMi40IDMwLjNjLS44IDIuMS0yLjggMy41LTUgMy43bC0zNC45IDMuM2MtNS4yLjUtNy4zIDctMy40IDEwLjVsMjYuMyAyMy4xYzEuNyAxLjUgMi40IDMuNyAxLjkgNS45bC03LjkgMzIuMzk5Yy0xLjIgNS4xMDEgNC4zIDkuMyA4LjkgNi42MDFsMjkuMS0xNy4xMDFjMS45LTEuMSA0LjItMS4xIDYuMSAwbDI5LjEwMSAxNy4xMDFjNC42IDIuNjk5IDEwLjEtMS40IDguODk5LTYuNjAxbC03LjgtMzIuMzk5Yy0uNS0yLjIuMi00LjQgMS45LTUuOWwyNi4zLTIzLjFjMy44LTMuNSAxLjYtMTAtMy42LTEwLjV6Jy8+PC9zdmc+)
}

.rating>input:not(:checked)~label:hover,
.rating>input:not(:checked)~label:hover~label {
    background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMjYuNzI5JyBoZWlnaHQ9JzEyNi43Myc+PHBhdGggZmlsbD0nI2Q4YjExZScgZD0nTTEyMS4yMTUgNDQuMjEybC0zNC44OTktMy4zYy0yLjItLjItNC4xMDEtMS42LTUtMy43bC0xMi41LTMwLjNjLTItNS05LjEwMS01LTExLjEwMSAwbC0xMi40IDMwLjNjLS44IDIuMS0yLjggMy41LTUgMy43bC0zNC45IDMuM2MtNS4yLjUtNy4zIDctMy40IDEwLjVsMjYuMyAyMy4xYzEuNyAxLjUgMi40IDMuNyAxLjkgNS45bC03LjkgMzIuMzk5Yy0xLjIgNS4xMDEgNC4zIDkuMyA4LjkgNi42MDFsMjkuMS0xNy4xMDFjMS45LTEuMSA0LjItMS4xIDYuMSAwbDI5LjEwMSAxNy4xMDFjNC42IDIuNjk5IDEwLjEtMS40IDguODk5LTYuNjAxbC03LjgtMzIuMzk5Yy0uNS0yLjIuMi00LjQgMS45LTUuOWwyNi4zLTIzLjFjMy44LTMuNSAxLjYtMTAtMy42LTEwLjV6Jy8+PC9zdmc+)
}

.feedback {
    max-width: 360px;
    background-color: #fff;
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .05)
}

.header-svg svg {
    width: 100%
}

g {
    -webkit-transition: all .32s ease;
    -o-transition: all .32s ease;
    transition: all .32s ease
}

.header-svg .Group_15692 {
    -webkit-transform: translate(125.245px, 127.834px);
    -ms-transform: translate(125.245px, 127.834px);
    transform: translate(125.245px, 127.834px)
}

.header-svg .Group_15694 {
    -webkit-transform: translate(631.015px, 70.336px);
    -ms-transform: translate(631.015px, 70.336px);
    transform: translate(631.015px, 70.336px)
}

.header-svg .Group_15696 {
    -webkit-transform: translate(726.54px, 151.065px);
    -ms-transform: translate(726.54px, 151.065px);
    transform: translate(726.54px, 151.065px)
}

.header-svg .Group_15698 {
    -webkit-transform: translate(0, 149.496px);
    -ms-transform: translate(0, 149.496px);
    transform: translate(0, 149.496px)
}

.header-svg .Group_15700 {
    -webkit-transform: translate(77.295px, 198.73px);
    -ms-transform: translate(77.295px, 198.73px);
    transform: translate(77.295px, 198.73px)
}

.header-svg .Group_15702 {
    -webkit-transform: translate(653.883px, 184.254px);
    -ms-transform: translate(653.883px, 184.254px);
    transform: translate(653.883px, 184.254px)
}

.header-svg .Group_15712 {
    -webkit-transform: translate(636.847px, 0);
    -ms-transform: translate(636.847px, 0);
    transform: translate(636.847px, 0)
}

.header-svg .Group_15715 {
    -webkit-transform: translate(54.64px, 100.337px);
    -ms-transform: translate(54.64px, 100.337px);
    transform: translate(54.64px, 100.337px)
}

.header-svg .Group_15716 {
    -webkit-transform: translate(13.268px, 270.361px);
    -ms-transform: translate(13.268px, 270.361px);
    transform: translate(13.268px, 270.361px)
}

.header-svg .Group_15718 {
    -webkit-transform: translate(304.693px, 455.135px);
    -ms-transform: translate(304.693px, 455.135px);
    transform: translate(304.693px, 455.135px)
}

.header-svg .Group_15738 {
    -webkit-transform: translate(518.054px, 486.943px);
    -ms-transform: translate(518.054px, 486.943px);
    transform: translate(518.054px, 486.943px)
}

.header-svg .Group_15756 {
    -webkit-transform: translate(42.863px, 350.613px);
    -ms-transform: translate(42.863px, 350.613px);
    transform: translate(42.863px, 350.613px)
}

.header-svg .Group_15801 {
    -webkit-transform: translate(567.229px, 384.298px);
    -ms-transform: translate(567.229px, 384.298px);
    transform: translate(567.229px, 384.298px)
}

.header-svg .Group_16038 {
    -webkit-transform: translate(567.229px, 384.298px);
    -ms-transform: translate(567.229px, 384.298px);
    transform: translate(567.229px, 384.298px)
}

.header-svg .Group_15803 {
    -webkit-transform: translate(676.459px, 244.852px);
    -ms-transform: translate(676.459px, 244.852px);
    transform: translate(676.459px, 244.852px)
}

.header-svg .Group_15684 {
    -webkit-transform: translate(158.283px, 0);
    -ms-transform: translate(158.283px, 0);
    transform: translate(158.283px, 0)
}

.header-svg:hover .Group_15692 {
    -webkit-transform: translate(115px, 117px);
    -ms-transform: translate(115px, 117px);
    transform: translate(115px, 117px)
}

.header-svg:hover .Group_15694 {
    -webkit-transform: translate(650px, 60px);
    -ms-transform: translate(650px, 60px);
    transform: translate(650px, 60px)
}

.header-svg:hover .Group_15696 {
    -webkit-transform: translate(736px, 140px);
    -ms-transform: translate(736px, 140px);
    transform: translate(736px, 140px)
}

.header-svg:hover .Group_15698 {
    -webkit-transform: translate(10px, 130px);
    -ms-transform: translate(10px, 130px);
    transform: translate(10px, 130px)
}

.header-svg:hover .Group_15700 {
    -webkit-transform: translate(67px, 188px);
    -ms-transform: translate(67px, 188px);
    transform: translate(67px, 188px)
}

.header-svg:hover .Group_15702 {
    -webkit-transform: translate(663px, 174px);
    -ms-transform: translate(663px, 174px);
    transform: translate(663px, 174px)
}

.header-svg:hover .Group_15712 {
    -webkit-transform: translate(646px, -10px);
    -ms-transform: translate(646px, -10px);
    transform: translate(646px, -10px)
}

.header-svg:hover .Group_15715 {
    -webkit-transform: translate(44px, 100px);
    -ms-transform: translate(44px, 100px);
    transform: translate(44px, 100px)
}

.header-svg:hover .Group_15716 {
    -webkit-transform: translate(23px, 280px);
    -ms-transform: translate(23px, 280px);
    transform: translate(23px, 280px)
}

.header-svg:hover .Group_15718 {
    -webkit-transform: translate(314px, 476px);
    -ms-transform: translate(314px, 476px);
    transform: translate(314px, 476px)
}

.header-svg:hover .Group_15738 {
    -webkit-transform: translate(528px, 496px);
    -ms-transform: translate(528px, 496px);
    transform: translate(528px, 496px)
}

.header-svg:hover .Group_15756 {
    -webkit-transform: translate(62px, 370px);
    -ms-transform: translate(62px, 370px);
    transform: translate(62px, 370px)
}

.header-svg:hover .Group_15801 {
    -webkit-transform: translate(577px, 380px);
    -ms-transform: translate(577px, 380px);
    transform: translate(577px, 380px)
}

.header-svg:hover .Group_16038 {
    -webkit-transform: translate(597px, 380px);
    -ms-transform: translate(597px, 380px);
    transform: translate(597px, 380px)
}

.header-svg:hover .Group_15803 {
    -webkit-transform: translate(697px, 230px);
    -ms-transform: translate(697px, 230px);
    transform: translate(697px, 230px)
}

.header-svg:hover .Group_15684 {
    -webkit-transform: translate(168px, 10px);
    -ms-transform: translate(168px, 10px);
    transform: translate(168px, 10px)
}

@media(max-width:420px) {
    .header .form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .header-svg svg {
        height: 100%;
        margin-bottom: 3rem
    }
}

.wpwl-button-pay {
    padding: 0;
    width: 270px;
    height: 50px;
    line-height: 50px;
    background: #00759b;
    color: #fff;
    border-radius: 30px;
    font-weight: 700
}

.wpwl-button-pay:hover,
.wpwl-button-pay:focus {
    background: #05d3d8
}

.wpwl-wrapper input::-webkit-input-placeholder {
    font-family: inherit !important;
    color: #cdcdcd
}

.wpwl-wrapper input::-moz-placeholder {
    font-family: inherit !important;
    color: #cdcdcd
}

.wpwl-wrapper input:-ms-input-placeholder {
    font-family: inherit !important;
    color: #cdcdcd
}

.wpwl-wrapper input::-ms-input-placeholder {
    font-family: inherit !important;
    color: #cdcdcd
}

.wpwl-wrapper input::placeholder {
    font-family: inherit !important;
    color: #cdcdcd
}

.well-add-user {
    background: #fbf9fb;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #f1f1f1
}

.dashboard-link a.active svg .a {
    fill: #18c6ec !important
}

.email-subscription-div .parsley-errors-list.filled {
    position: absolute
}

.selectedDNSRecordType:after {
    display: block
}

.btn.dropdown-toggle::after {
    position: absolute;
    display: block;
    content: "\f078";
    font-family: 'font awesome\ 5 free';
    left: 15px;
    top: 1px;
    border: none;
    font-weight: 900;
    color: var(--color-grey)
}

.btn.dropdown-toggle:focus,
.btn.dropdown-toggle:hover {
    -webkit-box-shadow: 0 0 6px rgb(0 0 0/16%);
    box-shadow: 0 0 6px rgb(0 0 0/16%)
}

[dir=ltr] .btn.dropdown-toggle::after {
    right: 15px;
    left: auto
}

.domains-dropdown.dropdown-toggle::after {
    display: none !important
}

.modal .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    margin: 0 auto
}

.modal.show .modal-dialog {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.order-box {
    position: relative;
    margin-bottom: 2rem
}

.order-box .title {
    font-size: 16px;
    font-weight: 700;
    color: #18c6ec;
    margin-bottom: 1rem
}

.order-box .info {
    font-size: 20px;
    color: #0f7ea7;
    font-weight: 700
}

@media(min-width:1400px) {
    .container {
        max-width: 1320px
    }
}

.form-container .domains-menu {
    left: 0 !important
}

.product-service-box .text-justify {
    min-height: 140px
}

.wallet-nav-tab {
    border: none;
    margin-bottom: 2rem;
    gap: 1rem
}

.wallet-nav-tab .nav-link {
    padding: 1rem;
    color: #c6c6c6;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 10px solid #ebebeb;
    transition: all .3s ease
}

.wallet-nav-tab .nav-link.active {
    color: #0e944e;
    border-bottom: 10px solid #0e944e
}

.bank-transform-form .form-control,
.bank-transform-form .form-control:hover,
.bank-transform-form .form-control:focus,
.bank-transform-form .form-control:active {
    border: 1px solid #dfdfdf !important;
    box-shadow: none !important
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: inherit
}

#support-chat .btn-support {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    background-color: #05d3d8;
    color: #fff;
    z-index: 9999999999
}

[dir=rtl] #support-chat .btn-support {
    right: auto;
    left: 2rem
}

#support-chat .btn-support svg path {
    fill: #fff
}

body[dir=ltr] #support-chat .btn-support .svg-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    height: 45px
}

body[dir=rtl] #support-chat .btn-support .svg-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -66%);
    height: 40px
}

#support-chat .btn-support .svg-btn svg {
    transition: all .3s ease
}

#support-chat .btn-support .svg-inactive svg {
    visibility: visible;
    transform: scale(1)
}

#support-chat .btn-support .svg-active svg {
    visibility: hidden;
    transform: scale(0)
}

#support-chat .btn-support.active .svg-inactive svg {
    visibility: hidden;
    transform: scale(0)
}

#support-chat .btn-support.active .svg-active svg {
    visibility: visible;
    transform: scale(1)
}

#support-chat .box-support {
    position: fixed;
    bottom: -100%;
    right: 2rem;
    background-color: #fff;
    box-shadow: 0 10px 20px #454f581a;
    border-radius: 8px;
    overflow: hidden;
    width: 400px;
    min-height: 500px;
    opacity: 0;
    transform: translateY(1rem);
    transition: all 1s ease 0s
}

#support-chat .box-support.active {
    transform: translateY(0);
    bottom: calc(80px + 2rem);
    opacity: 1;
    z-index: 9999999999
}

[dir=rtl] #support-chat .box-support {
    right: auto;
    left: 2rem
}

#support-chat .box-support .head {
    padding: 2rem;
    color: #fff;
    background: #0f7ea7
}

#support-chat .box-support .head .logo {
    margin-bottom: 1rem
}

#support-chat .box-support .head .content .title {
    font-size: 24px;
    padding: 0;
    margin-bottom: 0
}

#support-chat .box-support .head .content .info {
    font-size: 14px;
    padding: 0;
    margin: 0;
    margin-bottom: 2rem
}

#support-chat .box-support .body {
    padding: 0 2rem
}

#support-chat .box-support .body .body-box {
    padding: 1rem;
    border-radius: 8px;
    margin: -3rem auto 2rem;
    box-shadow: 0 10px 20px #454f581a;
    background-color: #fff
}

#support-chat .box-support .body .body-box .title {
    font-size: 18px;
    margin: 0 0 1rem
}

#support-chat .box-support .body .body-box .title-sub {
    font-size: 16px;
    color: #00759b;
    margin: 0 0 .5rem
}

#support-chat .box-support .body .body-box .info {
    color: #747984;
    font-size: 13px;
    margin: 0 0 1rem
}

#support-chat .box-support .body .body-box .btn {
    text-decoration: none;
    display: inline-block;
    border-radius: 30px;
    background: #00759b;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 45px;
    padding: 0 2rem;
    transition: all .3s ease
}

#support-chat .box-support .body .body-box .btn:hover {
    background: rgb(0, 117, 155, .85)
}

#support-chat .box-support .body .body-box .users {
    display: flex;
    margin-bottom: 1.5rem
}

#support-chat .box-support .body .body-box .users .user-pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-inline-start: -30px
}

#support-chat .box-support .body .body-box .users .user-pic:first-child {
    margin-inline-start: 0
}

#support-chat .box-support .body .body-box .users .user-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

header.new {
    background: url(../images/header-bg-new.png);
    height: unset;
    background-size: cover
}

header.new-no-background {
    height: unset
}

@media(min-width:768px) {
    header.new {
        padding: 150px 100px !important
    }
    header.main-header {
        padding: 150px 100px 70px !important
    }
}

@media(max-width:767.98px) {
    header.new {
        padding-top: 6rem
    }
    .main-header {
        padding: 6rem 0 !important
    }
}

.header-login-btn {
    padding: .6rem 2.5rem .4rem;
    color: #000;
    border: 1px solid #fff;
    border-radius: 5px;
    display: block;
    transition: .3s all ease-in-out
}

.header-login-btn:hover {
    color: var(--color-primary);
    background-color: #fff
}

@media(max-width:991px) {
    .header-login-btn {
        color: #000;
        border: none
    }
}

.search-domains-btn {
    border-radius: none !important;
    background-color: #0e944e;
    color: #fff
}

.main-section {
    background: #f7f7f7
}

.sa-domains,
.sa-dsite {
    border: 1px solid #ddd;
    border-radius: 12px;
    opacity: 1;
    background-color: #fff;
    padding: 4rem;
    color: #626262
}

.sa-domains h2,
.sa-dsite h2 {
    color: #626262
}



.small-lower-border {
    position: relative
}

.small-lower-border::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    display: block;
    width: 20%;
    height: 4px;
    background-color: #0e944e;
    border-radius: 3px
}

.email-service {
    background-color: #fff;
    padding: 3rem;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 12px
}

.email-service.email-service__domain {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.email-service.email-service__domain .email-service__domain-btn {
    width: fit-content
}

@media screen and (max-width:420px) {
    .email-service.email-service__domain {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .email-service.email-service__domain {
        padding: 2rem 1rem
    }
}

.s-img {
    height: auto !important
}

.email-service h5.my-4 {
    min-height: 42px
}

.ssl-service {
    background-color: #fff;
    padding: 3rem 3rem 1.5rem;
    border: 1px solid #ddd;
    border-radius: 12px
}

.support-btn {
    padding: .6rem 2.5rem .4rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: .3s all ease-in-out
}

.support-btn:hover {
    color: var(--color-primary);
    background-color: #fff
}

.support-section {
    padding: 4rem !important
}

@media(min-width:1400px) {
    .custom-container {
        max-width: 1000px !important
    }
}

.primary-title {
    color: #00759b;
    color: #0e944e;
}

.grey-desc {
    color: #646464 !important
}

.support-box-2 {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 3rem;
    height: 300px
}

.support-box-2 h4 {
    color: #060606
}

.support-box-2 p {
    color: #646464
}

.support-box-3 {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 3rem;
    height: 150px
}

.support-box-3 h4 {
    color: #060606
}

.support-box-3 p {
    color: #646464
}

.online-dot {
    position: relative
}

.online-dot::after {
    position: absolute;
    display: block;
    content: "";
    right: -20px;
    top: 7px;
    width: 10px;
    height: 10px;
    background: #0dd58c 0% 0% no-repeat padding-box;
    box-shadow: 0 0 11px #0dd58c;
    border-radius: 50%
}

.offline-dot::after {
    background: #8d8e92 0% 0% no-repeat padding-box;
    box-shadow: 0 0 11px #8d8e92
}

.primary-txt {
    color: #05d3d8
}

.down-box {
    /*! background: #fff 0% 0% no-repeat padding-box; */
    /*! border: 1px solid #ddd; */
    /*! border-radius: 12px; */
    /*! padding: 3rem 5rem; */
    /*! margin-bottom: -10rem; */
    /*! box-shadow: 0 0 20px rgba(0, 0, 0, .05); */
}

@media(min-width:768px) {
    .down-box {
        margin-bottom: -20rem
    }
}

.domains-nav {
    border-bottom: 1px solid #dbdbdb
}

.domains-nav .nav-link {
    color: #646464;
    border: none
}

.domains-nav .nav-link.active {
    border-bottom: 3px solid #0e944e;
    color: #0e944e;
}

.register-domain-form input {
    border: 1px solid #dbdbdb;
    border-radius: 6px
}

.register-domain-form input:focus {
    outline: none;
    box-shadow: none
}

.register-domain-form button {
    border-radius: 6px
}

@media(min-width:991.98px) {
    .w-lg-50 {
        width: 50% !important
    }
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2
}

strong.price {
    font-weight: bolder !important;
    color: #000;
    font-size: 1.5rem
}

.pricing-box {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 2rem 3rem;
    height: 280px
}

.black-title {
    color: #414141
}

.faq-accordion h6 {
    position: relative;
    cursor: pointer
}

.faq-accordion h6::after {
    display: inline-block;
    font-family: "font awesome 5 free";
    content: "\f146";
    position: absolute;
    right: -20px;
    top: 18px;
    color: #0d944d;
}

.faq-accordion h6.collapsed::after {
    content: "\f0fe"
}

.faq-accordion>div {
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 1rem;
    padding-right: 4rem;
    margin-bottom: 2rem
}

.grey-2x-desc {
    color: #707070
}

.dark-txt {
    color: #626262
}

.service-down-box {
    padding: 3rem 5rem 1rem
}

.dnet-card {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 1rem
}

.dnet-card img {
    height: 60px !important;
    width: auto !important
}

.package-box {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 2rem 3rem;
    min-height: 100%
}

.package-feature {
    position: relative;
    margin: 1rem auto
}

.package-feature::after {
    display: inline-block;
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    right: 0;
    top: 0;
    color: #05d3d8
}

.package-feature-1::after {
    right: -30px;
    top: -1px
}

@media(min-width:991.98px) {
    [dir=rtl] .border-left-on-md {
        border-left: 2px solid #eee !important
    }
    [dir=ltr] .border-left-on-md {
        border-right: 2px solid #eee !important
    }
}

input.no-focus:focus {
    outline: none !important;
    box-shadow: none !important
}

@media(max-width:420px) {
    header.new .input-domain-form.input-group:not(.bs-input-group) input:not([type=checkbox]):not(.bs-input),
    header.new .input-domain-form.input-group:not(.bs-input-group) input.theme-input:not([type=checkbox]) {
        width: 60% !important
    }
    .sa-domains>div>div {
        margin-bottom: 3rem
    }
    .email-service {
        margin-bottom: 2rem
    }
    .support-box-2 {
        height: auto
    }
}

@media(max-width:991.80px) {
    .support-section div[class*=col-],
    .ssl-service div[class*=col-],
    .children-sm-mb-2 div[class*=col] {
        margin-bottom: 2rem
    }
}

.new-form #addon-wrapping,
.new-form .input-group-text {
    background-color: transparent;
    border: 1px solid #ddd;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: none
}

.new-form .input-group input {
    border: 1px solid #ddd;
    border-radius: 6px;
    border-left: none !important
}

.new-form .input-group input:focus {
    outline: none !important;
    box-shadow: none !important
}

.auth-form {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 4rem 3.5rem;
    margin-top: -20rem;
    z-index: 99
}

.auth-form {
    color: #626262
}

.link-primary {
    color: #0e944e !important;
    color: #0e944e !important;
    
}

.input-en {
    text-align: left
}

input.form-control.input-en::placeholder,
.override-en {
    unicode-bidi: plaintext
}

.phone-number .countrycode {
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.new-form-container {
    background-color: #fff;
    box-shadow: 0 0 50px rgb(0 0 0/10%);
    border-radius: 23px;
    margin-top: 12rem;
    padding-top: 2rem;
    margin-bottom: 250px
}

.new-dashboard-header {
    box-shadow: 0 0 50px rgb(0 0 0/10%)
}

.header-dropdown {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 9px;
    padding: 1rem
}

.header-dropdown strong {
    font-family: 700
}

[dir=rtl] .header-dropdown i {
    color: #e1e1e1;
    margin-left: 15px
}

[dir=ltr] .header-dropdown i {
    color: #e1e1e1;
    margin-right: 15px
}

.dropdown-divider {
    height: 0;
    overflow: hidden;
    border-top: 1px solid #dbdbdb;
    opacity: 1;
    width: 80%;
    margin: auto;
    margin: 10px auto
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .8rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #646464;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 18px
}

.user-id {
    unicode-bidi: plaintext;
    color: #8d8e92;
    margin-right: 20px
}

.dropdown-menu.show {
    width: auto !important
}

[dir=ltr] .new-form .input-group input {
    border-right: none !important
}

[dir=ltr] .fa-chevron-right {
    transform: rotate(-180deg)
}

[dir=ltr] .input-domain-form .phone-number {
    border-radius: 6px 0 0 6px !important
}

[dir=ltr] .search-domains-btn {
    border-radius: 0 6px 6px 0 !important
}

[dir=rtl] .input-domain-form .phone-number {
    border-radius: 0 6px 6px 0 !important
}

[dir=rtl] .search-domains-btn {
    border-radius: 6px 0 0 6px !important
}

[dir=ltr] .new-form #addon-wrapping,
.new-form .input-group-text {
    background-color: transparent;
    border: 1px solid #ddd;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[dir=ltr] .new-form .input-group input {
    border-left: 1px solid #ddd !important
}

.parsley-errors-list li {
    margin-top: 10px
}

.btn-back {
    padding: 1.25rem 1.7rem .9rem;
    border: 1px solid #dbdbdb;
    border-radius: 9px;
    vertical-align: middle;
    color: #8d8e92;
    margin: 2rem
}

.light-theme-box {
    background: #f4fff7;
    border-radius: 12px;
    padding: 2rem;
    text-align: center
}

.light-theme-box>h5 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.light-theme-box-text-secondary {
    color: #0e944e
}

.light-theme-box-text-primary {
    color: #0d944d;
}

.btn-outline-light-box {
    background-color: transparent
}

body.dashboard {
    background: #f7f7f7
}

body.inner-page {
    background: #f7f7f7
}

.new-dashboard-header {
    box-shadow: none
}

.new-form-container {
    border: 1px solid #ddd !important;
    background: #fff 0% 0% no-repeat padding-box !important;
    box-shadow: none !important
}

.dashboard-box {
    margin-top: 0;
    border-radius: 12px !important;
    margin-bottom: 1rem !important
}

.box-link {
    background: #f9fbfb;
    border-radius: 12px;
    margin: 0 1rem;
    padding: 2rem;
    text-align: center;
    color: #646464
}

.box-link:hover {
    color: #000
}

.box-link-danger {
    background: #fff3f2;
    color: #e74c3c
}

.box-link-danger:hover {
    color: #fe1f07
}

.domain-info-table tr {
    margin-top: 1rem
}

[dir=rtl] .domain-info-table td:first-of-type {
    border-left: 1px solid #eee;
    color: #8d8e92
}

[dir=ltr] .domain-info-table td:first-of-type {
    border-right: 1px solid #eee;
    color: #8d8e92
}

.domain-info-table td {
    padding: 0 2rem;
    color: #1f1f1f;
    padding-top: 1rem
}

.color-secondary {
    color: #0e944e !important
}

.border-dd {
    border: 1px solid #ddd;
    padding: 2rem;
    border-radius: 12px
}

.new-emails-table th {
    text-align: right
}

html[dir=ltr] .new-emails-table th {
    text-align: left
}

.new-emails-table tr:nth-child(even) td {
    background-color: #f3fcfe !important
}

.new-emails-table td {
    color: #1f1f1f !important;
    font-size: 1.3rem;
    padding: 1rem 4rem
}

.new-emails-table {
    width: 100%
}

@media(max-width:575px) {
    .new-emails-table {
        width: 600px
    }
    .new-emails-table th {
        width: auto !important
    }
    .auth-form {
        margin-top: 0 !important
    }
}

@media(max-width:767.9px) {
    .new-emails-table {
        width: 800px
    }
    .new-emails-table th {
        width: auto !important
    }
}

.down-box .nav-tabs {
    border-bottom: none !important
}

.custom-alert {
    background-color: #f7f7f7
}

.expiring_domains_link {
    text-align: end
}

.selling-domain-info-section {
    padding: 0;
    margin-top: -8rem;
    position: relative;
    z-index: 2;
    height: 100vh
}

.selling-domain-info-section .selling-domain-info-container {
    padding: 3rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-h1 {
    font-weight: 700;
    font-size: 1.5rem;
    color: #1b83a6;
    text-align: start
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-article {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    flex-wrap: wrap
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text>h4 {
    margin: 0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #000
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text>p {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text>p.selling-domain-info-text-status {
    width: 100%;
    color: #57d3ee;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: start
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text>p.selling-domain-info-text-number {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 1rem
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text>p.selling-domain-info-text-number span {
    font-size: 1.5rem;
    font-weight: 700
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 3rem
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-btns .selling-domain-info-btn {
    background-color: #0e944e;
    color: #fff;
    border: 1px solid #0e944e;
    padding: 1.2rem 5rem 1.1rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 1.1rem;
    line-height: 1;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-btns .selling-domain-info-btn.selling-domain-info-reject {
    background-color: transparent;
    color: #eb685b;
    border-color: #eb685b
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-btns .selling-domain-info-accept:hover {
    background-color: #4bcfec
}

.selling-domain-info-section .selling-domain-info-container .selling-domain-info-btns .selling-domain-info-reject:hover {
    background-color: #eb685b;
    color: #fff
}

@media screen and (max-width:992px) {
    .selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text {
        width: 40%
    }
}

@media screen and (max-width:500px) {
    .selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text {
        width: 100%;
        text-align: center
    }
    .selling-domain-info-section .selling-domain-info-container .selling-domain-info-article .selling-domain-info-text>p.selling-domain-info-text-number {
        justify-content: center
    }
}

.selling-domain-buy-section {
    height: auto;
    padding: 0;
    position: relative;
    z-index: 2
}

.selling-entity-info-section {
    padding: 4rem 0
}

.selling-entity-info-section .selling-entity-info-container {
    padding: 4rem 6rem;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .05) 0 0 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.selling-domain-info-section .selling-domain-info-container .selling-buy-domain-article {
    margin-bottom: 0
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-h1 {
    color: #1882a4;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: start
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper {
    display: flex;
    flex-direction: column
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper>label {
    font-weight: 700;
    color: #000;
    text-align: start
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper>input,
.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper>select {
    padding: 10px 1rem 5px;
    width: 60%;
    border: 1px solid #ddd;
    color: #a5a6a9;
    outline: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper>input::placeholder,
.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper>select::placeholder {
    color: #a5a6a9
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-file-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    margin: 2rem 0
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-file-wrapper>label {
    margin: 0
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-file-wrapper .upload-file-selling-label {
    border: 1px solid #7be8ea;
    color: #7be8ea;
    padding: 10px 5rem 5px;
    cursor: pointer;
    font-weight: 400;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-container {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: 60%
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-container .selling-entity-info-wrapper {
    width: 100%
}

.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-container .selling-entity-info-wrapper>input,
.selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-container .selling-entity-info-wrapper>select {
    width: 100%;
    color: #a5a6a9
}

.selling-entity-admin-section {
    padding: 0 0 4rem
}

.general-selling-conditions-container {
    padding: 3rem 2rem !important
}

.general-selling-conditions-container.general-sell-conditions-container {
    padding: 3rem 7rem !important
}

.general-selling-conditions-form {
    display: flex;
    align-items: center;
    gap: 2rem
}

.general-selling-conditions-form>input[type=checkbox] {
    appearance: none;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #93ecee;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer
}

.general-selling-conditions-form>input[type=checkbox]::before {
    position: absolute;
    content: "\2713";
    font-size: 24px;
    color: transparent;
    font-weight: 700;
    left: 20%
}

[dir=rtl] .general-selling-conditions-form>input[type=checkbox]::before {
    top: -5%
}

[dir=ltr] .general-selling-conditions-form>input[type=checkbox]::before {
    top: -25%
}

.general-selling-conditions-form>input[type=checkbox]:checked::before {
    color: #93ecee
}

.general-selling-conditions-form>label {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 2rem;
    padding-top: 5px;
    color: #000
}

.general-selling-btn .general-selling-btn-container {
    margin-bottom: 4rem;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.general-selling-btn .general-selling-btn-container a {
    background-color: #0e944e;
    color: #fff;
    border: 1px solid #0e944e;
    padding: 1.2rem 5rem 1.1rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 1.1rem;
    line-height: 1;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    pointer-events: none
}

.general-selling-btn .general-selling-btn-container a.active {
    pointer-events: visible
}

.general-selling-btn .general-selling-btn-container a:hover {
    background-color: #4bcfec
}

@media screen and (max-width:992px) {
    .selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper>input,
    .selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-info-wrapper>select {
        width: 100%
    }
    .selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-container {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-file-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }
    .selling-entity-info-section .selling-entity-info-container .selling-entity-info-form .selling-entity-container {
        flex-direction: column
    }
    .general-selling-conditions-container.general-sell-conditions-container {
        padding: 3rem 2rem !important
    }
}

@media screen and (max-width:600px) {
    .selling-entity-info-section .selling-entity-info-container {
        padding: 4rem 2rem
    }
}

@media screen and (max-width:400px) {
    .selling-entity-admin-section .selling-entity-conditions-form {
        flex-direction: column;
        text-align: center;
        gap: 1rem
    }
    .selling-entity-admin-section .selling-entity-conditions-form>label {
        font-size: 1rem
    }
    .general-selling-conditions-container,
    .general-selling-conditions-container.general-sell-conditions-container {
        padding: 3rem 1rem !important
    }
}

.selling-domain .selling-new-form-domain {
    padding-bottom: 8rem !important
}

.selling-domain .selling-domain-h4 {
    font-size: 1.2rem;
    margin-top: 2rem;
    color: #000
}

.selling-domain .selling-domain-price {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-top: 1rem;
    flex-wrap: wrap
}

.selling-domain .selling-domain-price .real-selling-price {
    display: flex;
    align-items: center;
    gap: 1rem
}

.selling-domain .selling-domain-price .real-selling-price .real-selling-price-span {
    border: 1px solid #ddd;
    line-height: 1;
    padding: 1rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    width: 400px
}

.selling-domain .discount-selling-price {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.selling-domain .discount-selling-price span {
    color: #000;
    font-weight: 700
}

.selling-domain .new-form-domain .form-domain-title .form-domain-title-h2.apply-selling-domain-h2 {
    font-size: 1rem;
    margin-top: 2rem;
    line-height: 2rem
}

@media screen and (max-width:600px) {
    .selling-domain .selling-domain-price {
        flex-direction: column;
        align-items: flex-start
    }
    .selling-domain .selling-domain-price .real-selling-price {
        width: 100%
    }
    .selling-domain .selling-domain-price .real-selling-price .real-selling-price-span {
        width: 80%
    }
}

.dashboard .new-form-domain {
    background-color: #fff;
    margin-top: 11rem;
    margin-bottom: 4rem;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-icon svg,
.waiver-signature-container .waiver-signature-icon svg {
    color: #c2c0c0
}

[dir=ltr] .dashboard .new-form-domain .form-domain-title .form-domain-title-icon svg {
    rotate: 180deg
}

[dir=ltr] .waiver-signature-container .waiver-signature-icon svg {
    rotate: 180deg
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-h1 {
    color: #0e944e;
    font-size: 2rem;
    margin-top: 14px
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-h2 {
    color: #000000;
    font-size: 2rem;
    margin: 0;
    margin-top: 14px
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-icon,
.waiver-signature-container .waiver-signature-icon {
    border: 1px solid #e9e9e9;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.selling-success-section {
    padding: 0;
    margin-top: -8rem;
    position: relative;
    z-index: 2;
    height: 100vh
}

.selling-success-section .selling-success-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1rem;
    padding: 8rem 3rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.selling-success-section .selling-success-container .selling-success-span svg {
    color: #0dd58c
}

.selling-success-section .selling-success-container .selling-success-h1 {
    font-weight: 700;
    color: #626262;
    font-size: 2rem;
    margin-top: 2rem;
    line-height: 3rem
}

.selling-success-section .selling-success-container .selling-success-p {
    margin-bottom: 0;
    max-width: 300px;
    line-height: 2.5rem;
    color: #999a9d;
    font-size: 1.2rem
}

.selling-success-section .selling-success-container .selling-success-p.send-request-p {
    max-width: 400px
}

@media screen and (max-width:600px) {
    .selling-success-section .selling-success-container {
        padding: 8rem 2rem
    }
}

@media screen and (max-width:400px) {
    .selling-success-section .selling-success-container .selling-success-h1 {
        font-size: 1.5rem
    }
}

.selling-domain .new-form-domain .form-domain-title .selling-domain-p {
    line-height: 3rem;
    margin-bottom: 0
}

.selling-domain .new-form-domain .form-domain-title .selling-domain-ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
    list-style: inside;
    list-style-type: none
}

[dir=rtl] .selling-domain .new-form-domain .form-domain-title .selling-domain-ul li {
    position: relative;
    padding-right: 2rem
}

[dir=ltr] .selling-domain .new-form-domain .form-domain-title .selling-domain-ul li {
    position: relative;
    padding-left: 2rem
}

.header.new-update-down-box {
    margin-bottom: -15px
}

.header.new-update-domain-header #new-update-domain-down-box {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-h1 {
    color: #0e944e;
    font-size: 2rem;
    margin-top: 14px
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-h2 {
    color: #3b849a;
    font-size: 2rem;
    margin: 0;
    margin-top: 14px
}

.dashboard .new-form-domain .domain-wrapper {
    text-align: start;
    background: #f8fafa;
    padding: 2rem 1rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid transparent
}

.dashboard .new-form-domain .domain-wrapper.domain-wrapper-padding {
    padding: 2rem
}

.dashboard .new-form-domain .domain-wrapper:hover {
    border-color: #eee
}

.dashboard .new-form-domain .domain-wrapper.remove-domains:hover {
    border-color: #fddfdd
}
.dashboard .new-form-domain .domain-wrapper.restore-domains:hover {
    border-color: #ebffe6
}

.dashboard .new-form-domain .domain-wrapper.domain-wrapper-text {
    display: flex;
    flex-direction: column
}

.dashboard .new-form-domain .domain-wrapper-date {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.dashboard .new-form-domain .head-domain-subsection {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    margin-bottom: 0
}

.dashboard .new-form-domain a.head-domain-subsection {
    width: fit-content;
    color: #747984
}

.dashboard .new-form-domain .head-domain-subsection>span {
    font-size: 1rem
}

.dashboard .new-form-domain .expiry-date-domain {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap
}

.dashboard .new-form-domain .expiry-date-domain>h4 {
    color: #e6a44d;
    font-weight: 700;
    margin: 0
}

.dashboard .new-form-domain .expiry-date-domain>a {
    font-size: 1rem;
    height: 40px;
    line-height: 40px
}

.dashboard .new-form-domain .para-domain-subsection {
    font-size: 15px;
    text-align: start;
    margin: 0;
    margin-top: 10px
}

.dashboard .new-form-domain .domain-wrapper.close-domain,
.dashboard .new-form-domain .domain-wrapper.certificate-domain {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.dashboard .new-form-domain .domain-wrapper.certificate-domain>a,
.dashboard .new-form-domain .domain-wrapper.close-domain>a {
    height: 40px;
    line-height: 40px;
    background-color: #e2e2e2 !important;
    color: #a8a8a8 !important;
    border: none;
    outline: none;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s
}

.dashboard .new-form-domain .domain-wrapper.certificate-domain>a:hover {
    background-color: #0e944e !important;
    color: #fff !important
}

.dashboard .new-form-domain .domain-wrapper.domain-wrapper-option {
    padding: 1.22rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #747984
}

.dashboard .new-form-domain .domain-wrapper .domain-arrow-btn {
    text-align: end
}

.dashboard .new-form-domain .domain-wrapper .domain-arrow-btn svg {
    fill: #ddd
}

.dashboard .new-form-domain .domain-wrapper .domain-wrapper-icon {
    color: #ddd
}

.dashboard .new-form-domain .domain-wrapper.remove-domains {
    background-color: #fef1f0
}
.dashboard .new-form-domain .domain-wrapper.restore-domains {
    background-color: #ebffe6
}

.dashboard .new-form-domain .domain-wrapper.remove-domains .domain-wrapper-icon,
.dashboard .new-form-domain .domain-wrapper.remove-domains .head-domain-subsection {
    color: #eb7c76
}
.dashboard .new-form-domain .domain-wrapper.restore-domains .domain-wrapper-icon,
.dashboard .new-form-domain .domain-wrapper.restore-domains .head-domain-subsection {
    color: #64ce46
}

.dashboard .new-form-domain .domain-wrapper .toggle {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 40px;
    margin: 0 auto
}

.dashboard .new-form-domain .domain-wrapper .toggle input[type=checkbox].toggle-checkbox {
    position: relative;
    appearance: none;
    width: 100%;
    height: 100%;
    background-color: #e2e2e2;
    border-radius: 20px;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

.dashboard .new-form-domain .domain-wrapper .toggle input:checked[type=checkbox].toggle-checkbox {
    background-color: #0e944e
}

.dashboard .new-form-domain .domain-wrapper .toggle input[type=checkbox].toggle-checkbox::after {
    position: absolute;
    content: "";
    left: 5px;
    top: 50%;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.dashboard .new-form-domain .domain-wrapper .toggle input:checked[type=checkbox].toggle-checkbox::after {
    left: 85px
}

.dashboard .new-form-domain .domain-wrapper .toggle label {
    position: absolute;
    font-size: 1rem;
    font-weight: 700;
    pointer-events: none;
    color: #a8a8a8;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    top: -10px;
    opacity: 0
}

.dashboard .new-form-domain .domain-wrapper .toggle input:checked[type=checkbox].toggle-checkbox~label.toggle-on {
    left: 20px;
    top: 10px;
    color: #fff;
    opacity: 1
}

.dashboard .new-form-domain .domain-wrapper .toggle input.toggle-checkbox:not(:checked[type=checkbox])~label.toggle-off {
    right: 20px;
    top: 10px;
    opacity: 1
}

.dashboard .custom-col-domain {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.dashboard .domains__page-domains-name {
    margin-bottom: 4rem
}

.dashboard .domains__page-domains-name .editFormBtn {
    font-size: 1rem !important;
    padding: 10px 3rem;
    line-height: normal;
    height: auto
}

.dashboard .domains__page-domains-name .btn.btn-danger {
    margin-right: 20px;
    margin-top: 5px;
    padding: 0 10px;
    height: 35px;
    font-size: 1.3rem;
    line-height: 40px
}

.dashboard .domains__page-domains-name .domains__page-add-domain-btn {
    text-align: center;
    margin-bottom: 2rem
}

.dashboard .domains__page-domains-name .form-container.new-form-container {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05) !important;
    border: none !important
}

.support-cards .support-card {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    text-align: start;
    display: flex;
    flex-direction: column;
    transition: scale .5s;
    -webkit-transition: scale .5s;
    -moz-transition: scale .5s;
    -ms-transition: scale .5s;
    -o-transition: scale .5s
}

.support-cards .support-card:hover {
    scale: 1.05
}

.support-cards .support-card .support-card-para,
.support-cards .support-card .support-card-btn {
    font-size: 1.15rem;
    font-size: 1.2rem
}

.support-cards .support-card .support-card-title {
    color: #0e7aaa
}

.header.new .header-support {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header.new .support-form-header {
    height: 45px;
    width: 350px;
    position: relative
}

.header.new .support-form-header input {
    height: 100%;
    width: 100%;
    padding: 10px 1rem;
    border: none;
    outline: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    font-size: 1.1rem
}

.header.new .support-form-header input::placeholder {
    font-size: 1.2rem
}

.header.new .support-form-header button[type=submit] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #fff
}

[dir=rtl] .header.new .support-form-header button[type=submit] {
    left: 10px;
    padding-right: 10px;
    border-right: 1px solid #1d1d1d
}

[dir=ltr] .header.new .support-form-header button[type=submit] {
    right: 10px;
    padding-left: 10px;
    border-left: 1px solid #1d1d1d
}

.domains-page1 .header.new .down-box {
    margin-bottom: -6rem
}

.domains-page1 .dashboard .mt-10 {
    margin-top: 10rem
}

.domains-page1 .dashboard .down-box {
    border: none;
    margin-bottom: 0
}

.domains-page1 .dashboard .update-form-container {
    border: none !important;
    margin: 0;
    padding: 0
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-label {
    font-size: 1.2rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-h1 {
    font-size: 2rem;
    font-weight: 700;
    color: #0f7ea7;
    text-align: start
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .input-group {
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    border: 1px solid #eee;
    border-radius: 1rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    height: 60px;
    width: 85%
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .form-title,
.domains-page1 .dashboard .bs-stepper .bs-stepper-content .title-label {
    font-weight: 700
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .title-label,
.domains-page1 .dashboard .bs-stepper .bs-stepper-content .title-sub {
    font-size: 14px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .form-title {
    font-size: 20px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content input.domain-input {
    box-shadow: none;
    background-color: transparent;
    height: 100%
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .domains-dropdown {
    box-shadow: none;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: auto;
    height: 100%
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .domains-dropdown #domainNamePreview {
    color: #000;
    font-size: 1.2rem;
    font-weight: 700
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .btn-outline-secondary.dropdown-toggle i {
    margin: 0 !important;
    font-size: 1rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .dropdown-menu.show {
    box-shadow: none;
    min-width: 120px !important;
    width: auto
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .dropdown-item {
    padding: .8rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .search-domain-result {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .search-domain-result p {
    margin: 0;
    font-weight: 700;
    display: flex;
    gap: 10px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .search-domain-result p.available-domain>* {
    color: #5bc684
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .search-domain-result p.not-available-domain>* {
    color: #ca0f0f
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-select.years {
    width: 80px;
    height: 50px;
    padding: 10px;
    line-height: normal;
    text-align: center
}

[dir=rtl] .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-select.years {
    margin-right: 3.5rem
}

[dir=ltr] .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-select.years {
    margin-left: 3.5rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .spacing-class {
    gap: 1.5rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-imgs-container {
    overflow: auto
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-imgs-container::-webkit-scrollbar {
    display: none
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-imgs {
    display: flex;
    gap: .8rem;
    min-width: 900px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-img {
    background-color: #fff;
    padding: 7px;
    border: 2px solid #eee;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 120px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-img:hover,
.domains-page1 .dashboard .bs-stepper .bs-stepper-content input.radioDocument:checked~label.document-type-img {
    background-color: #f9ffff;
    border-color: #a8e5f1
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-img img {
    max-width: 80px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-target__content {
    max-width: 400px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info {
    max-width: 400px;
    width: 100%
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info .iti.iti--separate-dial-code {
    width: 100%
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .radio-container {
    font-weight: 700
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info input {
    width: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    text-align: start;
    padding: 10px 1.5rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info input[type=email]::placeholder {
    text-align: end
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .adding-margin {
    margin-right: 5rem;
    margin-left: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-file-label {
    padding: 5px 4rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 0 0 2px rgb(0 0 0/12%)
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-file-container {
    gap: 1rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-file-label-name {
    margin: 0 !important
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .adding-margin.adding-margin-textarea {
    align-items: flex-start;
    margin-top: 1rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .ui-autocomplete-textarea {
    resize: none;
    height: 120px;
    max-width: 600px;
    padding: 1rem 2rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .ui-autocomplete-textarea::placeholder {
    color: #d4d3d3
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea {
    gap: 2rem;
    max-width: 900px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes h3 {
    font-size: 1.1rem;
    line-height: 1.5;
    color: #bf9d3f
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes .textarea-notes-examples__container {
    display: none
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes .textarea-notes-examples__container.active {
    display: block
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes .textarea-notes-examples {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes .textarea-notes-h4 {
    font-size: 1.1rem
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes ul {
    list-style: none
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes ul.textarea-notes-allow svg {
    color: #45c76d
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes ul.textarea-notes-not-allow svg {
    color: #bc4100
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info-textarea .textarea-notes ul li span {
    font-weight: 700;
    color: #9498a0
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .dropdown-select-servers {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 20em;
    position: relative
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .select-servers {
    width: 100%;
    outline: none;
    box-shadow: 0 0 0 1px #18c6ec;
    padding: 10px 10px 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .select-servers .caret {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #18c6ec;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .select-servers .caret.active {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .option-servers {
    position: absolute;
    list-style: none;
    background-color: #fff;
    border: 1px solid #18c6ec;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    right: 0;
    left: 0;
    top: 3.5rem;
    z-index: 20;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .option-servers.active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .option-servers li {
    cursor: pointer;
    color: #18c6ec;
    line-height: 1;
    text-align: start;
    padding: 1rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    text-transform: capitalize;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .option-servers li.active,
.domains-page1 .dashboard .bs-stepper .bs-stepper-content .option-servers li:hover {
    background-color: #f9f9f9
}

.domains-page1 .dashboard .bs-stepper .title-label {
    text-align: end
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .row.entity-info-result {
    display: none
}

.domains-page1 .dashboard .bs-stepper .bs-stepper-content .row.entity-info-result.active {
    display: flex
}

.domains-page1 .dashboard .domain-name-server {
    font-size: 1.2rem
}

.accountProfile-dashboard .domainRegistrationDashboard {
    margin-bottom: 8rem;
    padding-bottom: 8rem;
    margin-top: -4rem
}

@media screen and (max-width:1199.9px) {
    [dir=rtl] .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-select.years {
        margin-right: 2rem
    }
    [dir=ltr] .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-select.years {
        margin-left: 2rem
    }
}

@media screen and (max-width:991.8px) {
    .accountProfile-dashboard .domainRegistrationDashboard {
        margin-top: 5rem
    }
    .domains-page1 .dashboard .dashboard-link::after {
        display: none
    }
    .domains-page1 .dashboard .bs-stepper .search_res-domain {
        justify-content: center !important;
        margin-top: 2rem
    }
    [dir=rtl] .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-select.years {
        margin-right: 0
    }
    [dir=ltr] .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-select.years {
        margin-left: 0
    }
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-col-media {
        justify-content: flex-start !important
    }
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .adding-margin {
        margin: 10px 0;
        justify-content: flex-start
    }
    .domains-page1 .header.new .down-box {
        margin-bottom: -20rem;
        padding: 2rem !important
    }
    .domains-page1 .down-box .dashboard {
        margin-top: 0 !important
    }
    .domains-page1 .dashboard .mt-10 {
        margin-top: 22rem
    }
    .domains-page1 .dashboard .bs-stepper .title-label {
        text-align: start
    }
}

@media screen and (max-width:767px) {
    .domains-page1 .dashboard {
        margin-top: 5rem
    }
    .domains-page1 .dashboard .bs-stepper .title-label {
        margin: 10px 0 0 !important
    }
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .input-group {
        width: 100%
    }
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .custom-col-media {
        margin-bottom: 10px
    }
    .domains-page1 .dashboard .bs-stepper-header {
        flex-direction: column
    }
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-target__content {
        max-width: 100%
    }
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .entity-info {
        max-width: 100%
    }
}

@media screen and (max-width:520px) {
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .select-servers {
        margin-top: 1rem
    }
}

@media screen and (max-width:500px) {
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .option-servers {
        top: 4.5rem
    }
}

@media screen and (max-width:480px) {
    .domains-page1 .dashboard .bs-stepper .bs-stepper-h1 {
        font-size: 2rem
    }
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-img img {
        max-width: 65px
    }
}

@media screen and (max-width:450px) {
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content input.domain-input {
        width: 60% !important
    }
}

@media screen and (max-width:420px) {
    .domains-page1 .dashboard .down-box {
        padding: 3rem 2rem 1rem
    }
}

@media screen and (max-width:365px) {
    .domains-page1 .dashboard .bs-stepper .bs-stepper-content .dropdown-select-servers {
        min-width: 100%
    }
}

:root {
    --header-height: 330px
}

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

.flex-gap1 {
    gap: 1rem
}

.flex-gap2 {
    gap: 2rem
}

.new-update-main-section {
    margin-top: 5rem
}

.mt-box {
    margin-top: 12rem
}

.box-shadow-primary {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none !important
}

.form-container .btn-back {
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-container .btn-back:hover {
    color: #0f7ea7;
    border-color: #0f7ea7
}

@media screen and (max-width:992px) {
    .form-container .btn-back__title {
        font-size: 22px
    }
}

@media screen and (max-width:767px) {
    .new-update-main-section {
        margin-top: 8rem
    }
    .mt-box {
        margin-top: 20rem;
    }
}

.main-section #accordion .black-title__h2 {
    font-size: 18px
}

nav.navbar .navbar-box .nav-link {
    font-size: 15px
}

nav.navbar .navbar-box .nav-link::before {
    bottom: -5px
}

[dir=ltr] .new-form .input-group input#mobile {
    border-right: 1px solid #ddd !important
}

@media screen and (max-width:992px) {
    nav.navbar .navbar-box .header-login-btn {
        text-align: center;
        background-color: #16bae1;
        background-color: #0e944e;
        color: #fff;
        margin-bottom: 1rem;
        padding: 1rem 2.5rem .4rem;
        font-size: 15px
    }
}

.header.new-update-domain-header #new-update-domain-down-box {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none
}

.header.new {
    padding: 150px 0 20px !important
}

.header.update-header__fixed-height {
    position: relative;
    height: var(--header-height)
}

.header.header-new__bg-img {
    background: url(../images/header-bg-new.webp)
}

.header.info-menu__header .header-box {
    padding-bottom: 2rem;
    gap: 1rem
}

.header.info-menu__custom-header {
    height: var(--header-height) !important
}

.navbar .general-navbar-dropdown strong {
    font-size: 1.5rem
}

.header .page-name__title {
    font-size: 26px;
    font-weight: 700
}

.header .page-name__path .details,
.header .page-name__path .details a {
    font-size: 15px;
    line-height: 30px;
    color: #d9d9d9 !important;
    font-family: regular, sans-serif;
    margin-bottom: 0
}

.header .user-info__header {
    gap: 8px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6
}

.header.info-menu__header .down-box {
    /*! margin-bottom: -7rem; */
    /*! box-shadow: 0 0 20px rgba(0, 0, 0, .05); */
    /*! border: none; */
    padding: 3rem 5rem 1rem;
}

.header.info-menu__header .down-box.domain-tabs {
    margin-bottom: -12rem;
    padding: 3rem 5rem 4rem
}

.header.info-menu__header .down-box.down-box__large {
    margin-bottom: -15rem
}

.header .dark-text__title {
    font-size: 28px
}

@media screen and (max-width:992px) {
    .header.info-menu__header .down-box.down-box__custom-large {
        margin-bottom: -32rem
    }
}

@media screen and (max-width:767px) {
    .header.update-header__fixed-height {
        height: auto
    }
    .header .page-name__title {
        font-size: 20px
    }
    .header .user-info__header {
        font-size: 1.2rem
    }
    .header.info-menu__header .down-box {
        margin-bottom: -16rem;
        padding: 3rem 1rem
    }
    .header.info-menu__header .down-box.domain-tabs {
        padding: 3rem 1rem
    }
}

@media screen and (max-width:767px) {
    .custom_margin_top {
        margin-top: 20rem
    }
}

@media screen and (max-width:767px) {
    .main-header {
        padding: 150px 0 70px !important
    }
}

@media screen and (max-width:580px) {
    .main-header .header-box {
        margin-bottom: 0
    }
}

.main-section .sa-domains {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none
}

.main-section .sa-domains .sa-domains-row-space-container {
    display: flex;
    align-items: center;
    gap: 2rem
}

.main-section .sa-domains .sa-domains-row-space-container p.grey-desc {
    font-size: 17px;
    margin-bottom: 0
}

.main-section .home-img-container {
    text-align: end
}

.main-header .header-box form.input-domain-form {
    border: 1px solid #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.main-section .email-services .small-lower-border-container .small-lower-border {
    font-size: 1.7rem;
    font-weight: 700
}

.main-section .email-services .small-lower-border::after {
    width: 24%
}

.main-section .email-service {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 1rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none;
    height: 100% !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.main-section .email-service:hover {
    transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem)
}

.main-section .email-service .email-service-title {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    font-size: 17px
}

.main-section .email-service .email-service-btn {
    margin-top: auto
}

[dir=ltr] .main-section .email-services .small-lower-border::after {
    left: 0;
    right: auto
}

[dir=rtl] .main-section .email-services .small-lower-border::after {
    right: 0;
    left: auto
}

@media screen and (max-width:1200px) {
    .main-section .sa-domains .sa-domains-row-container {
        text-align: center
    }
    .main-section .home-img-container {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .main-section .sa-domains .sa-domains-row-space-container {
        flex-direction: column;
        text-align: center
    }
    .main-section .sa-domains {
        padding: 4rem 1rem
    }
    .main-section .email-services .small-lower-border-container {
        text-align: center
    }
    .main-section .email-services .small-lower-border::after {
        right: 35%;
        display: none
    }
}

@media screen and (max-width:480px) {
    .main-section .email-services .small-lower-border-container .small-lower-border {
        font-size: 1.5rem
    }
}

@media screen and (max-width:420px) {
    .main-header .input-domain-form .phone-number {
        border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
        -o-border-radius: 6px !important
    }
    .main-header .search-domains-btn {
        border-radius: 6px !important;
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
        -o-border-radius: 6px !important;
        margin: 1rem auto 0;
        border: 1px solid #fff !important
    }
    .main-header .header-box form.input-domain-form {
        border: none
    }
    .main-section .email-service {
        margin-bottom: 0
    }
}

@media screen and (max-width:365px) {
    .main-section .sa-domains .sa-domains-title {
        font-size: 2rem
    }
}

.inner-page .about-section .title-section .title {
    font-size: 50px;
    color: #05d3d8;
    margin-bottom: 0
}

.inner-page .about-section .about__section-info {
    font-size: 16px;
    margin-bottom: 80px
}

.inner-page .about-section .counters {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem
}

.inner-page .about-section .counter-box {
    max-width: 300px;
    width: 100%;
    border: 1px solid;
    border-color: rgba(0, 117, 155, .1) !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.inner-page .about-section .counter-box:hover {
    border-color: #0e944e !important
}

@media screen and (max-width:767px) {
    .inner-page .about-section .title-section .title {
        font-size: 35px
    }
    .inner-page .about-section .about__section-info {
        font-size: 15px
    }
}

#qaf-section-page {
    z-index: 2
}

.faqs-accordion .card .btn-link h3,
.faqs-accordion .card .btn-link h2 {
    font-size: 18px
}

.accordion#faqs .btn.btn-link.collapsed h2 {
    color: #212529
}

.accordion#faqs .btn.btn-link h2 {
    color: #16bae1
}

@media screen and (max-width:767px) {
    #qaf-section-page .form-container {
        margin-top: 50px;
        margin-bottom: 100px
    }
    .faqs-accordion .card .btn-link h2 {
        font-size: 15px
    }
}

.main-section #accordion .dmail-qfa__title {
    font-size: 20px
}

@media screen and (max-width:767px) {
    .main-section.dmail-main-section {
        margin-top: 16rem
    }
}

main.main-section .home-img-container,
.header .home-img-container {
    text-align: end
}

.down-box.service-down-box__update-mail {
    margin-bottom: -10rem
}

.new-update-main-section.new-update-main-section__microsoft,
.new-update-main-section.new-update-main-section__google,
.main-section.main-section__update-mail {
    margin-top: 12rem
}

.header .row-google-container .home-img-container {
    height: 60px
}

.header .row-google-container .home-img-container img {
    height: 100%
}

.header .google-cloud__wrapper {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 0 1rem
}

.header .google-img-container {
    max-width: 200px;
    height: 100px
}

.header .google-img-container img {
    width: 100%;
    height: 100%
}

.table-features-container {
    overflow-x: auto;
    scroll-behavior: smooth;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

@media screen and (max-width:992px) {
    .table-features-container {
        overflow-x: auto
    }
}

.table-features-container .table-responsive {
    height: 800px
}

.email-features {
    border-collapse: collapse;
    background-color: #fff;
    position: relative;
    overflow: visible !important
}

.email-features thead {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2
}

.email-features .feature__cell {
    width: 250px;
    font-size: 1.1rem;
    padding: 1rem;
    color: #333;
    background-color: transparent;
    text-transform: capitalize;
    text-align: center;
    vertical-align: middle
}

.email-features[dir=rtl] .feature__cell-border-right {
    border-right: 1px solid #dee2e6
}

.email-features[dir=rtl] .feature__cell-border-left {
    border-left: 1px solid #dee2e6
}

.email-features[dir=ltr] .feature__cell-border-right {
    border-left: 1px solid #dee2e6
}

.email-features[dir=ltr] .feature__cell-border-left {
    border-right: 1px solid #dee2e6
}

.email-features .feature__cell.feature__cell-img img {
    max-width: 150px;
    height: 50px;
    object-fit: contain;
    object-position: center
}

.email-features .feature__cell-head {
    text-align: start;
    color: #00718f;
    opacity: .95;
    position: sticky;
    z-index: 1
}

[dir=rtl] .email-features .feature__cell-head {
    right: 0;
    background-color: #fff
}

[dir=ltr] .email-features .feature__cell-head {
    left: 0;
    background-color: #fff
}

.table-striped tbody tr:nth-of-type(odd) .feature__cell-head,
.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover,
.table-hover tbody tr:hover .feature__cell-head {
    background-color: #f9fbfc
}

.table-striped tbody tr:nth-of-type(even) .feature__cell-head {
    background-color: #fff
}

.email-features .green-span {
    color: #00718f;
    font-size: 1.1rem;
    font-weight: 700
}

.email-features .gray-span {
    color: #9aa4a7
}

.email-features .dash-span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.email-features .dash-span::after {
    content: "\2013";
    color: gray;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 5px
}

.email-features .tick-span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6cbea1;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto
}

.email-features .tick-span::after {
    content: "\2714";
    color: #fff;
    margin-top: 6px;
    font-size: 15px
}

.email-features .website-active {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: none;
    text-decoration: underline !important
}

.email-features .feature__cell-btn {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    padding: 0 1rem
}

@media screen and (max-width:1400px) {
    .email-features .feature__cell .green-span {
        display: block
    }
}

@media screen and (max-width:1200px) {
    main.main-section .home-img-container,
    .header .home-img-container {
        text-align: center
    }
}

@media screen and (max-width:992px) {
    .main-section.main-section__update-mail {
        margin-top: 28rem
    }
    .email-features .feature__cell {
        padding: .5rem
    }
    .header.new-update-header .row-google-container {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .main-section.new-update-main-section .qaf-section-title {
        text-align: center
    }
    .email-features {
        width: 1000px
    }
    .email-features .feature__cell {
        padding: 1rem
    }
    .email-table-section-title {
        text-align: center;
        line-height: 1.5
    }
}

@media screen and (max-width:420px) {
    .main-section.main-section__update-mail {
        padding: 10rem 0 !important
    }
    .new-update-main-section.new-update-main-section__microsoft,
    .new-update-main-section.new-update-main-section__google {
        margin-top: 18rem
    }
    .header .google-cloud__wrapper {
        flex-wrap: wrap;
        justify-content: center
    }
}

.main-section #accordion .black-title__h2 {
    font-size: 18px
}

.search-domains {
    margin-top: -70px
}

@media screen and (max-width:1200px) {
    #main .search-domains-result,
    #main .search-domains {
        width: calc(100% - 2rem) !important
    }
}

@media screen and (max-width:992px) {
    .search-results-container .domain-result-search .domain-result-box {
        text-align: center
    }
    .search-domain__not-available {
        justify-content: center
    }
    .search-results-container .domain-result-search .domain-result-box {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    #main .search-domains .input-group-append .btn {
        background: 0 0
    }
    #main .search-domains .s-btn {
        padding: 0 2rem !important
    }
}

@media screen and (max-width:480px) {
    #main .search-domains {
        width: calc(100% - 1rem) !important
    }
    .domain-result-search .domain-result-box .info {
        flex-direction: column !important;
        gap: 1rem;
        margin-top: 1rem
    }
}

.header.new .header-support {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header.new .support-form-header {
    height: 45px;
    width: 350px;
    position: relative
}

.header.new .support-form-header input {
    height: 100%;
    width: 100%;
    padding: 10px 1rem;
    border: none;
    outline: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    font-size: 1.1rem
}

.header.new .support-form-header input::placeholder {
    font-size: 1.2rem
}

.header.new .support-form-header button[type=submit] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #fff
}

[dir=rtl] .header.new .support-form-header button[type=submit] {
    left: 10px;
    padding-right: 10px;
    border-right: 1px solid #1d1d1d
}

[dir=ltr] .header.new .support-form-header button[type=submit] {
    right: 10px;
    padding-left: 10px;
    border-left: 1px solid #1d1d1d
}

#main-support-section .support-box-2 {
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none
}

#main-support-section .support-box-2 .row-support-time {
    justify-content: center;
    text-align: center
}

.support-cards .support-card {
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    text-align: start;
    display: flex;
    flex-direction: column;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.support-cards .support-card:hover {
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px)
}

.support-cards .support-card .support-card-para,
.support-cards .support-card .support-card-btn {
    font-size: 1.2rem
}

.support-cards .support-card .support-card-title {
    color: #0e7aaa
}

@media screen and (max-width:767px) {
    .header.new .header-support {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem
    }
    .header.new .support-form-header {
        width: 100%
    }
}

@media screen and (max-width:580px) {
    .support-cards .support-card:hover {
        scale: 1.02
    }
}

@media screen and (max-width:480px) {
    #main-support-section .support-box-2 {
        padding: 2rem 1rem
    }
}

@media screen and (max-width:420px) {
    .main-section.new-update-main-section .support-box-2 {
        padding: 3rem 1rem
    }
}

@media screen and (max-width:365px) {
    .header.new .support-form-header {
        width: 98%
    }
}

.search-domains {
    margin-top: -70px
}

@media screen and (max-width:1200px) {
    #main .search-domains-result,
    #main .search-domains {
        width: calc(100% - 2rem) !important
    }
}

@media screen and (max-width:992px) {
    .search-results-container .domain-result-search .domain-result-box {
        text-align: center
    }
    .search-domain__not-available {
        justify-content: center
    }
    .search-results-container .domain-result-search .domain-result-box {
        text-align: center
    }
}

@media screen and (max-width:767px) {
    #main .search-domains .input-group-append .btn {
        background: 0 0
    }
    #main .search-domains .s-btn {
        padding: 0 2rem !important
    }
}

@media screen and (max-width:480px) {
    #main .search-domains {
        width: calc(100% - 1rem) !important
    }
    .domain-result-search .domain-result-box .info {
        flex-direction: column !important;
        gap: 1rem;
        margin-top: 1rem
    }
}

.myaccount__body .dropdown__mydomain {
    right: 0
}

.myaccount__body .input-group__mydomain {
    display: flex;
    align-items: center;
    gap: 5px
}

.myaccount__body .products-details__tabs {
    margin: 2rem 2rem 4rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap
}

.myaccount__body .products-details__tabs .products-details__tab {
    border: 1px solid #ddd;
    padding: 1rem 2rem 10px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    cursor: pointer;
    font-weight: 700
}

.myaccount__body .products-details__tabs .products-details__tab.active,
.myaccount__body .products-details__tabs .products-details__tab:hover {
    color: #fff;
    background-color: #0e944e;
    border-color: #0e944e
}

.myaccount__body .products-details__tab-content {
    padding: 0 2rem 2rem;
    display: none
}

.myaccount__body .products-details__tab-content.active {
    display: block
}

.myaccount__body .products-details__email-table td,
.myaccount__body .products-details__dns-table thead td {
    text-align: center
}

.myaccount__body .products-details__email-table,
.myaccount__body .products-details__dns-table {
    direction: ltr
}

.myaccount__body .new-emails-table tbody td a.change_password_user,
.myaccount__body .new-emails-table tbody td a.btn-outline-danger {
    margin: 5px 0
}

.myaccount__body .ticket-chat-message,
.myaccount__body .support-ticket-form textarea {
    border-color: #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    resize: none
}

.myaccount__body .support-ticket-form-reply {
    text-align: center
}

.myaccount__body .support-ticket-form-file {
    border: none !important;
    box-shadow: none !important;
    margin-top: 2rem
}

.myaccount__body .myproduct__dashboard .email-service a.btn {
    width: fit-content;
    margin: auto auto 0
}

@media screen and (max-width:1200px) {
    .myaccount__body .domain-container__dnet-domain {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 2rem
    }
}

@media screen and (max-width:992px) {
    .myaccount__body .products-details__email-table {
        min-width: 830px !important
    }
    .myaccount__body .products-details__dns-table {
        min-width: 1000px !important
    }
}

@media screen and (max-width:767px) {
    .myaccount__body table.renewal-center__table td {
        width: 100%
    }
    .myaccount__body .products-details__tabs .products-details__tab {
        padding: 1rem 1rem 10px;
        font-size: 14px
    }
}

@media screen and (max-width:450px) {
    .myaccount__body .support-ticket-chat,
    .myaccount__body .message-box {
        padding: 0 !important
    }
}

@media screen and (max-width:420px) {
    .myaccount__body .myproduct__dashboard .email-service {
        padding: 3rem 1rem
    }
    .myaccount__body .input-group-btn,
    .myaccount__body .input-group-btn .btn.btn-search {
        width: 100%
    }
}

.domain-page-body .down-box {
    margin-bottom: -8rem
}

.domain-page-body .user-id {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px
}

.dashboard .new-form-domain.new-form-domain-update {
    margin-top: 9rem
}

.dashboard .new-form-domain {
    background-color: #fff;
    margin-top: 11rem;
    margin-bottom: 4rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05)
}

.dashboard .new-form-domain .form-domain-title,
.dashboard .new-form-domain .form-domain-info {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 2rem
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-icon,
.waiver-signature-container .waiver-signature-icon {
    border: 1px solid #e9e9e9;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-icon svg,
.waiver-signature-container .waiver-signature-icon svg {
    color: #c2c0c0
}

[dir=ltr] .dashboard .new-form-domain .form-domain-title .form-domain-title-icon svg {
    rotate: 180deg
}

[dir=ltr] .waiver-signature-container .waiver-signature-icon svg {
    rotate: 180deg
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-h1 {
    color: #0e944e;
    font-size: 2rem;
    margin-top: 14px
}

.dashboard .new-form-domain .form-domain-title .form-domain-title-h2 {
    color: #000;
    font-size: 2rem;
    margin: 0;
    margin-top: 14px
}

.dashboard .new-form-domain .domain-wrapper {
    text-align: start;
    background: #f8fafa;
    padding: 2rem 1rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    border: 1px solid transparent
}

.dashboard .new-form-domain .domain-wrapper.domain-wrapper-padding {
    padding: 2rem
}

.dashboard .new-form-domain .domain-wrapper:hover {
    border-color: #d5d5d5
}

.dashboard .new-form-domain .domain-wrapper.remove-domains:hover {
    border-color: #fddfdd
}
.dashboard .new-form-domain .domain-wrapper.restore-domains:hover {
    border-color: #ebffe6
}

.dashboard .new-form-domain .domain-wrapper.domain-wrapper-text {
    display: flex;
    flex-direction: column
}

.dashboard .new-form-domain .domain-wrapper-date {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.dashboard .new-form-domain .head-domain-subsection {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    margin-bottom: 0;
    color: #969696
}

.dashboard .new-form-domain a.head-domain-subsection {
    width: fit-content
}

.dashboard .new-form-domain .head-domain-subsection>span {
    font-size: 1rem
}

.dashboard .new-form-domain .expiry-date-domain {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap
}

.dashboard .new-form-domain .expiry-date-domain>h4 {
    color: #e6a44d;
    font-weight: 700;
    margin: 0
}

.dashboard .new-form-domain .expiry-date-domain>a {
    font-size: 1rem;
    height: 40px;
    line-height: 40px
}

.dashboard .new-form-domain .para-domain-subsection {
    font-size: 15px;
    text-align: start;
    margin: 0;
    margin-top: 10px;
    color: #abacac;
    font-weight: 500
}

.dashboard .new-form-domain .domain-wrapper.close-domain,
.dashboard .new-form-domain .domain-wrapper.certificate-domain {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.dashboard .new-form-domain .domain-wrapper.certificate-domain>a,
.dashboard .new-form-domain .domain-wrapper.close-domain>a {
    height: 40px;
    line-height: 40px;
    background-color: #e2e2e2 !important;
    color: #a8a8a8 !important;
    border: none;
    outline: none;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s
}

.dashboard .new-form-domain .domain-wrapper.certificate-domain>a:hover,
.dashboard .new-form-domain .domain-wrapper.close-domain>a:hover {
    background-color: #0e944e !important;
    color: #fff !important
}

.dashboard .new-form-domain .domain-wrapper.domain-wrapper-option {
    padding: 1.22rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #b5b5b5
}

.dashboard .new-form-domain .domain-wrapper .domain-arrow-btn {
    text-align: end
}

.dashboard .new-form-domain .domain-wrapper.remove-domains {
    background-color: #fef1f0
}
.dashboard .new-form-domain .domain-wrapper.restore-domains {
    background-color: #ebffe6
}

.dashboard .new-form-domain .domain-wrapper.remove-domains .domain-wrapper-icon,
.dashboard .new-form-domain .domain-wrapper.remove-domains .head-domain-subsection {
    color: #eb7c76
}

.dashboard .new-form-domain .domain-wrapper .toggle {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 40px;
    margin: 0 auto
}

.dashboard .new-form-domain .domain-wrapper .toggle input[type=checkbox].toggle-checkbox {
    position: relative;
    appearance: none;
    width: 100%;
    height: 100%;
    background-color: #e2e2e2;
    border-radius: 20px;
    cursor: pointer;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

.dashboard .new-form-domain .domain-wrapper .toggle input:checked[type=checkbox].toggle-checkbox {
    background-color: #0e944e
}

.dashboard .new-form-domain .domain-wrapper .toggle input[type=checkbox].toggle-checkbox::after {
    position: absolute;
    content: "";
    left: 5px;
    top: 50%;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.dashboard .new-form-domain .domain-wrapper .toggle input:checked[type=checkbox].toggle-checkbox::after {
    left: 85px
}

.dashboard .new-form-domain .domain-wrapper .toggle label {
    position: absolute;
    font-size: 1rem;
    font-weight: 700;
    pointer-events: none;
    color: #a8a8a8;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    top: -10px;
    opacity: 0
}

.dashboard .new-form-domain .domain-wrapper .toggle input:checked[type=checkbox].toggle-checkbox~label.toggle-on {
    left: 20px;
    top: 10px;
    color: #fff;
    opacity: 1
}

.dashboard .new-form-domain .domain-wrapper .toggle input.toggle-checkbox:not(:checked[type=checkbox])~label.toggle-off {
    right: 20px;
    top: 10px;
    opacity: 1
}

.dashboard .custom-col-domain {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.dashboard .domains__page-domains-name {
    margin-bottom: 4rem
}

.dashboard .domains__page-domains-name .editFormBtn {
    font-size: 1rem !important;
    padding: 10px 3rem;
    line-height: normal;
    height: auto;
    margin-top: 2rem
}

.dashboard .domains__page-domains-name .btn.btn-danger {
    margin-right: 20px;
    margin-top: 5px;
    padding: 0 10px;
    height: 35px;
    font-size: 1.3rem;
    line-height: 40px
}

.dashboard .domains__page-domains-name .domains__page-add-domain-btn {
    text-align: center;
    margin-bottom: 2rem
}

.dashboard .domains__page-domains-name .form-container.new-form-container {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05) !important;
    border: none !important
}

.dashboard .domains__page-domains-name #domainDetails .details span.text-status {
    text-align: start !important
}

.domains-body__custom .header .search-domains-btn {
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important
}

.main-section.new-update-main-section .support-box-2 .domains-card-img {
    width: 80px;
    aspect-ratio: 1/1
}

@media screen and (max-width:767px) {
    .domains-body__custom .header .search-domains-btn {
        margin-top: 10px
    }
    .dashboard .domains__page-domains-name .domains__page-main-dashboard-container {
        overflow-x: auto;
        padding-bottom: 1rem
    }
    .dashboard .domains__page-domains-name .domains__page-main-dashboard-container>#main-dashboard {
        min-width: 600px
    }
}

@media screen and (max-width:420px) {
    .main-header.new-update-header .search-domains-btn {
        margin: 0 auto
    }
}

@media screen and (max-width:1400px) {
    .dashboard .new-form-domain .domain-wrapper.domain-wrapper-option {
        padding: 1.16rem 1rem
    }
}

@media screen and (max-width:1200px) {
    .dashboard .new-form-domain .domain-wrapper.domain-wrapper-option {
        padding: .83rem 1rem
    }
}

@media screen and (max-width:992px) {
    .dashboard .new-form-domain .domain-wrapper {
        padding: 1rem 2rem !important
    }
    .dashboard .new-form-domain .domain-wrapper.domain-wrapper-text {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
    .dashboard .new-form-domain .para-domain-subsection {
        display: none
    }
}

@media screen and (max-width:767px) {
    .dashboard .new-form-domain {
        margin-top: 22rem
    }
    .dashboard .new-form-domain.new-form-domain-update {
        margin-top: 22rem
    }
    .dashboard .new-form-domain .form-domain-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }
    .dashboard .new-form-domain .domain-wrapper.remove-domains {
        margin-top: .5rem
    }
    .dashboard .new-form-domain .form-domain-title .form-domain-title-h1 {
        font-size: 22px
    }
}

@media screen and (max-width:450px) {
    .dashboard .new-form-domain .domain-wrapper {
        padding: 1rem !important
    }
}

@media screen and (max-width:400px) {
    .dashboard .new-form-domain .update-col-domain {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
    .dashboard .new-form-domain .form-domain-title .form-domain-title-h1 {
        font-size: 20px
    }
}

.inner-page .career-section.tech-section {
    background: 0 0
}

.inner-page .career-section.tech-section .career-section_wrapper {
    position: relative;
    margin-top: -4rem;
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 8rem 0
}

.inner-page .career-section.tech-section .career-section_wrapper .career-form {
    padding: 0 5%;
    border: none
}

@media screen and (max-width:992px) {
    .inner-page .tech-section .title-section {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .inner-page .career-section.tech-section .career-section_wrapper {
        margin-top: -2rem
    }
}

@media screen and (max-width:365px) {
    .career-section .form .btn {
        width: 200px
    }
}

section.main-section #recaptcha-id {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media screen and (max-width:575px) {
    .auth-form {
        padding: 4rem 1rem;
        margin-top: -15rem !important
    }
}

.close {
    line-height: 1.6
}

.resetPasswordScript__body label.password-recovery-method,
.resetPasswordScript__body label.password-recovery-method {
    border: 2px solid transparent;
    box-shadow: none;
    transition: all .3s !important;
    -webkit-transition: all .3s !important;
    -moz-transition: all .3s !important;
    -ms-transition: all .3s !important;
    -o-transition: all .3s !important
}

.resetPasswordScript__body label.password-recovery-method:hover,
.resetPasswordScript__body label.password-recovery-method.active {
    color: #0e944e;
    border-bottom: 2px solid;
    box-shadow: none
}

.reset-password-main-section .parsley-errors-list#parsley-id-7 {
    position: absolute;
    bottom: -40px;
    z-index: 1
}

.mainCheck__otp .badge.badge-primary {
    padding: 14px 10px 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.mainCheck__otp .form-container__otp {
    margin: 12rem auto
}

.mainCheck__otp .form-control {
    margin: 0 !important
}

.newTicketDashboard #newTicketForm .custom-select {
    font-size: 1.2rem;
    padding: 10px 0;
    height: auto;
    cursor: pointer
}

.newTicketDashboard #newTicketForm .select2-container--default .select2-selection--single {
    outline: none;
    padding: 0;
    padding-top: 3px;
    font-size: 1.1rem;
    border: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.newTicketDashboard-body .select2-container--open .select2-dropdown {
    border: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    top: 5px;
    z-index: 20
}

.newTicketDashboard .message-box .new-ticket-form #messageTextarea {
    resize: none;
    text-align: initial
}

.newTicketDashboard .attach-file-ticket {
    font-size: 1rem;
    outline: none;
    border: 1px solid #ddd !important
}

.newTicketDashboard .fileBtn,
.newTicketDashboard .fileBtn input {
    cursor: pointer
}

.newTicketDashboard .fileName-newTicket-container {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 10px
}

.newTicketDashboard .fileName-newTicket-container .fileName-newTicket {
    display: block
}

.newTicketDashboard .fileName-newTicket-container .remove-fileName-NewTicket svg {
    fill: red;
    cursor: pointer;
    display: none
}

.newTicketDashboard .fileName-newTicket-container .remove-fileName-NewTicket.active svg {
    display: block
}

@media screen and (max-width:992px) {
    .newTicketDashboard .fileName-newTicket-container {
        justify-content: center;
        gap: 1rem
    }
}

@media screen and (max-width:767px) {
    .newTicketDashboard .new-form-container {
        margin-top: 20rem
    }
}

@media screen and (max-width:767px) {
    .my-domain_dashboard .dashboard-card {
        height: auto
    }
    .my-domain_dashboard .dashboard-card .see {
        margin-top: 10px;
        position: relative;
        inset: auto
    }
}

.myaccount__body .dropdown__mydomain {
    right: 0
}

.myaccount__body .input-group__mydomain {
    display: flex;
    align-items: center;
    gap: 5px
}

.myaccount__body .products-details__tabs {
    margin: 2rem 2rem 4rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap
}

.myaccount__body .products-details__tabs .products-details__tab {
    border: 1px solid #ddd;
    padding: 1rem 2rem 10px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    font-size: 15px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    cursor: pointer;
    font-weight: 700
}

.myaccount__body .products-details__tabs .products-details__tab.active,
.myaccount__body .products-details__tabs .products-details__tab:hover {
    color: #fff;
    background-color: #0e944e;
    border-color: #0e944e
}

.myaccount__body .products-details__tab-content {
    padding: 0 2rem 2rem;
    display: none
}

.myaccount__body .products-details__tab-content.active {
    display: block
}

.myaccount__body .products-details__email-table td,
.myaccount__body .products-details__dns-table thead td {
    text-align: center
}

.myaccount__body .products-details__email-table,
.myaccount__body .products-details__dns-table {
    direction: ltr
}

.myaccount__body .new-emails-table tbody td a.change_password_user,
.myaccount__body .new-emails-table tbody td a.btn-outline-danger {
    margin: 5px 0
}

.myaccount__body .ticket-chat-message,
.myaccount__body .support-ticket-form textarea {
    border-color: #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    resize: none
}

.myaccount__body .support-ticket-form-reply {
    text-align: center
}

.myaccount__body .support-ticket-form-file {
    border: none !important;
    box-shadow: none !important;
    margin-top: 2rem
}

.myaccount__body .myproduct__dashboard .email-service a.btn {
    width: fit-content;
    margin: auto auto 0
}

@media screen and (max-width:1200px) {
    .myaccount__body .domain-container__dnet-domain {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 2rem
    }
}

@media screen and (max-width:992px) {
    .myaccount__body .products-details__email-table {
        min-width: 830px !important
    }
    .myaccount__body .products-details__dns-table {
        min-width: 1000px !important
    }
}

@media screen and (max-width:767px) {
    .myaccount__body table.renewal-center__table td {
        width: 100%
    }
    .myaccount__body .products-details__tabs .products-details__tab {
        padding: 1rem 1rem 10px;
        font-size: 14px
    }
}

@media screen and (max-width:450px) {
    .myaccount__body .support-ticket-chat,
    .myaccount__body .message-box {
        padding: 0 !important
    }
}

@media screen and (max-width:420px) {
    .myaccount__body .myproduct__dashboard .email-service {
        padding: 3rem 1rem
    }
    .myaccount__body .input-group-btn,
    .myaccount__body .input-group-btn .btn.btn-search {
        width: 100%
    }
}

.support-section {
    padding: 0 !important;
    background-color: #18c6ec;
    background-color: #058539;
    height: 380px;
}

.support-section .container,
.support-section .container #support-row-container {
    height: 100%;
    position: relative
}

.support-section .support__text-part {
    padding-top: 6rem
}

.support-section .support-section-title {
    font-size: 40px;
    line-height: 1.5
}

.support-section .support-section-text {
    margin-bottom: 3rem;
    color: #f3fcff;
    font-size: 20px
}

.support-section .support-btn {
    display: inline-block;
    background-color: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: 17px;
    border: none;
    padding: .8rem 4rem .6rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.support-section .support-btn:hover {
    background-color: #fff;
    color: #16bae1
}

[dir=rtl] .support-section .support-btn .support__btn-icon {
    margin-right: 1rem
}

[dir=ltr] .support-section .support-btn .support__btn-icon {
    margin-left: 1rem;
    display: inline-block;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg)
}

.support-section .supporter__container {
    position: relative;
    height: 100%
}

.support-section .supporter__img {
    position: absolute;
    /* bottom: -25px; */
    bottom: -3px;
}

[dir=ltr] .support-section .supporter__img {
    left: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg)
}

[dir=rtl] .support-section .supporter__img {
    /* right: 0; */
    left: 0;
}

@media screen and (max-width:992px) {
    .support-section {
        height: 700px
    }
    .support-section .supporter__img {
        left: 50%;
        /* transform: translateX(-50%); */
        /* -webkit-transform: translateX(-50%); */
        /* -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%); */
        position: static;
    }
    [dir=rtl] .support-section .supporter__img {
        right: auto !important
    }
    .support-section div[class*=col-] {
        margin-bottom: 0
    }
    .support-section #support-row-container {
        text-align: center
    }
}

@media screen and (max-width:580px) {
    .support-section {
        height: 650px
    }
    .support-section .support__text-part {
        padding-top: 2rem
    }
    .support-section .supporter__img {
        bottom: -80px
    }
}

@media screen and (max-width:580px) {
    .support-section {
        padding: 4rem 2rem !important
    }
    .support-section .support-section-title {
        font-size: 30px;
        line-height: 1.5
    }
}

@media screen and (max-width:420px) {
    /* .support-section {
         height: 550px 
    } */
}

@media screen and (max-width:330px) {
    .support-section {
        padding: 4rem 1rem !important
    }
}

#main .search-results-container ul,
#main .search-results-container ol {
    list-style-position: inside
}

#main .search-results-container .other-results {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

.footer-section .footer__nav-section {
    color: #16bae1;
    font-weight: 700
}

.footer-section .footer_title {
    font-size: 17px;
    font-weight: 700;
    color: #18c6ec;
    color: #19cf85;
    margin-bottom: 1.5rem !important
}

.footer-section .footer_nav-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

[dir=rtl] .footer-section .footer_nav-wrapper .footer-mar {
    margin-right: -40px
}

[dir=ltr] .footer-section .footer_nav-wrapper .footer-mar {
    margin-left: -15px
}

.footer-section .links-list {
    justify-content: start;
    gap: 1rem
}

.footer-section .nav-link,
.footer-section .footer__copyright {
    font-size: 15px
}

.footer-section .contact-list .nav-link {
    font-size: 18px;
    font-weight: 700
}

.footer-section .social-media .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px
}

.footer-section .nav.payment-nav {
    justify-content: end
}

.footer-section .nav.payment-nav.payment-nav__pay-ways {
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap
}

.footer-section .nav.payment-nav.payment-nav__pay-ways .nav-link {
    padding: 0
}

.footer-section .nav.payment-nav .nav-item .footer__pay-img {
    width: 50px;
    height: 50px
}

[dir=ltr] .links-list .nav-link::before {
    right: 0;
    left: auto
}

[dir=ltr] .links-list .nav-link::before {
    left: 0;
    right: auto
}

@media screen and (max-width:992px) {
    .footer-section .footer__nav-section,
    .footer-section .footer__copyright {
        text-align: center
    }
    .footer-section {
        padding-bottom: 2rem
    }
    [dir=rtl] .footer-section .footer_nav-wrapper .footer-mar {
        margin-right: 0
    }
    [dir=ltr] .footer-section .footer_nav-wrapper .footer-mar {
        margin-left: 0
    }
    .footer-section .links-list {
        justify-content: center;
        align-items: center;
        text-align: center
    }
    .footer-section .company-info {
        text-align: center
    }
    .footer-section .nav.payment-nav {
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 4rem
    }
    .footer-section .nav.payment-nav {
        justify-content: center
    }
}

@media screen and (max-width:450px) {
    .footer-section .links-list {
        flex-direction: column
    }
    .footer-section .links-list {
        gap: 0
    }
}

/* edits new  */

.document-type-imgs .parsley-errors-list.filled {
    position: absolute;
    bottom: -17px;
    background: antiquewhite;
    width: 100%;
    padding: 0 5px;
  }
  .domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-imgs {
    padding-bottom: 10px;
  }

  .parsley-error {
    color: #b94a48 !important;
    background-color: #f2dede !important;
    border: 1px solid #eed3d7;
  }

.support-box-2 img {
    filter: brightness(0%);
  }

  .intro {
    margin: auto;
  }

  #agreement_log tr th {
    color: #0f944e;
    font-family: "bold", sans-serif;
  }

  #agreement_log .d-grid h6 {
    color: #0f944e;
    font-family: "bold", sans-serif;
  }

  #agreement_log tbody tr:nth-child(odd) {
    background-color: rgba(216, 227, 227, 0.14) !important;
  }
  .image_check {
    border: 1px solid #2a9756 !important;
  }
  #orders_list_filter {
    display: none;
  }


.down-box .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start !important;
  overflow-x: auto;
  /*! align-items: center; */
}
.down-box a {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
.dashboard-link a.active {
  background: #0d944d !important;
}
.dashboard-link a.active svg {
  fill: #fff !important;
}
.dashboard-link a.active span {
  color: #fff !important;
}


.down-box {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 3rem 5rem;
    margin-bottom: -10rem;
}

.header.info-menu__header .down-box {
    margin-bottom: -7rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none;
    padding: 3rem 5rem 1rem;
}

.down-box.domain-tabs a {
    background: #fff 0% 0% no-repeat padding-box;
    border: 0;
    border-radius:0;
    padding: 15px;
    margin-bottom: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.down-box .nav-tabs.domains-nav {
    overflow: hidden;
}

@media screen and (min-width: 767px) and (max-width: 991px) {
.down-box .nav-tabs .col-md-2.col-6 {
    -ms-flex: 0 0 30.667%;
    flex: 0 0 30.667%;
    max-width: 30.7%;
  }
}

@media screen and (max-width: 767px) {
  .mt-box {
    margin-top: 12rem;
  }

.col-search-rs{
    padding: 15px !important;
}
  
.search-domains .input-group-append.btn-search-wrap {
    position: absolute;
    bottom: -66px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .search-domains .input-group {
    /*! padding-bottom: 63px; */
    flex-wrap: nowrap;
    /*! margin: 5px; */
  }
  .search-domains .input-group-append.btn-search-wrap .btn {
    width: 100% !important;
  }
  .search-domains input[type="text"] {
    padding: 29px .75rem !important;
    flex: 1 1 auto;
    margin: 5px;
  }
  .search-domains-result {
    padding-top: 0 !important;
    padding-bottom: 64px !important;
  }


  .payment-way {
    text-align: center !important;
    cursor: pointer;
    width: 29%;
    margin: 5px;
    height: auto;
    min-height: 121px;
}
.payment-way svg, .payment-way img {
    height: 55px;
    width: 100%;
    padding: 15px 0 5px;
}

}
  /* end edits new  */
  

body .dt-dropdown {
    font-size: 1rem !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    /*! padding: 5px !important; */
    height: 40px;
    line-height: 40px;
    border: 0 !important;
    box-shadow: none !important;
  }
  
  body .dt-dropdown .dropdown-item {
    text-align: inherit;
    padding: 0 10px;
  }
  

.document-type-imgs .parsley-errors-list.filled {
    position: absolute;
    bottom: -17px;
    background: antiquewhite;
    width: 100%;
    padding: 0 5px;
  }
  .domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-imgs {
    padding-bottom: 10px;
  }

  .parsley-error {
    color: #b94a48 !important;
    background-color: #f2dede !important;
    border: 1px solid #eed3d7;
  }

.support-box-2 img {
    filter: brightness(0%);
  }

  .intro {
    margin: auto;
  }

  #agreement_log tr th {
    color: #0f944e;
    font-family: "bold", sans-serif;
  }

  #agreement_log .d-grid h6 {
    color: #0f944e;
    font-family: "bold", sans-serif;
  }

  #agreement_log tbody tr:nth-child(odd) {
    background-color: rgba(216, 227, 227, 0.14) !important;
  }
  .image_check {
    border: 1px solid #2a9756 !important;
  }
  #orders_list_filter {
    display: none;
  }


.down-box .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start !important;
  overflow-x: auto;
  /*! align-items: center; */
}
.down-box a {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
.dashboard-link a.active {
  background: #0d944d !important;
}
.dashboard-link a.active svg {
  fill: #fff !important;
}
.dashboard-link a.active span {
  color: #fff !important;
}


.down-box {
    background: #fff 0% 0% no-repeat padding-box;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 3rem 5rem;
    margin-bottom: -10rem;
}

.header.info-menu__header .down-box {
    margin-bottom: -7rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    border: none;
    padding: 3rem 5rem 1rem;
}

.down-box.domain-tabs a {
    background: #fff 0% 0% no-repeat padding-box;
    border: 0;
    border-radius:0;
    padding: 15px;
    margin-bottom: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.down-box .nav-tabs.domains-nav {
    overflow: hidden;
}