@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
}

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;
	background-color: #05d3d8 !important;
	border-color: #05d3d8 !important
}

.btn-primary:hover {
	background-color: #0f7ea7 !important;
	border-color: #0f7ea7 !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 {
	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: #fff;
	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: #1ad3d8;
	-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: #1ad3d8;
	-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;
	-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: #fff
}

@-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.7;
    pointer-events: none;
  }
  
  header .container {
	position: relative;
	z-index: 2;
  }
  
  header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(0 213 255);
	opacity: 0.6;
	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) black;
		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
}

.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;
	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: #1ad3d8;
	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: #0fc1e7;
	-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: #0fc1e7;
	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: #0fc1e7
}

.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: #0fc1e7;
	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;
	-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: #1ad3d8
}

.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: #0fc1e7
}

.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: #0fc1e7
}

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

.inner-page .tech-section .title-section .title {
	color: #05d3d8
}

.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: #00759b;
	color: #fff;
	border-radius: 30px;
	font-weight: 700
}

.form .btn:hover,
.form .btn:focus {
	background: #05d3d8
}

[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;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

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

.payment-way {
	text-align: center !important;
	cursor: pointer;
	width: 24%;
	height: 80px;
	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;
	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: #1bd7de
}

.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: #1bd7de
}

[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 #1bd7de;
	color: #1bd7de;
	padding: 0 2rem;
	line-height: 45px;
	border-radius: 6px
}

.tools-section .tools-header .btn:hover {
	color: #fff;
	background-color: #1bd7de
}

.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: #1bd7de;
	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: #1bd7de
}

#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: #1bd7de;
	border-color: #1bd7de;
	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: #1bd7de
}

.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: #1bd7de;
	margin-bottom: 0
}

.server-details-title .action .btn-action {
	font-weight: 700;
	font-size: 14px;
	color: #1bd7de;
	border-color: #1bd7de;
	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: #1bd7de
}

.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: #1bd7de;
	border-bottom: 10px solid #1bd7de
}

.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;
	/* padding: 150px 100px 70px */
}

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: #fff;
	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: #05d3d8;
	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
}

.btn-primary {
	color: #fff !important;
	background-color: #0fc1e7 !important;
	border-color: #0bc1e7 !important
}

.small-lower-border {
	position: relative
}

.small-lower-border::after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	display: block;
	width: 20%;
	height: 4px;
	background-color: #0fc1e7;
	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
}

.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
}

@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 #05d3d8;
	color: #05d3d8
}

.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: #18c6ec
}

.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: #0fc1e7 !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
}

/* .register-form {
	margin-bottom: -58rem !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: bold
}

[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: #f4feff;
	border-radius: 12px;
	padding: 2rem;
	text-align: center
}

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

.light-theme-box-text-secondary {
	color: #05d3d8
}

.light-theme-box-text-primary {
	color: #00759b
}

.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: #0fc1e7 !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: 0px !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;
}
/* Start Selling Domain Info */
.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, 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: bold;
	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: bold;
	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: normal;
	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: bold;
  }
  .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: #0fc1e7;
	color: #fff;
	border: 1px solid #0fc1e7;
	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: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.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;
	}
  }
  /* End Selling Domain Info */




  /* Start Selling Buy Domain */
.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, 0.05) 0px 0px 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: bold;
	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: bold;
	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: normal;
	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: bold;
	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: bold;
	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: #0fc1e7;
	color: #fff;
	border: 1px solid #0fc1e7;
	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: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.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;
	}
  }
  /* End Selling Buy Domain */


  /* Start Apply Selling */
.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: bold;
  }
  .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, 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: #28cfd7;
	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 .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;
  }
  
  /* End Apply Selling */


  /* Start Selling success, Start Send Request */

  .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, 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: bold;
	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;
  }
  /* End Selling success, End Send Request */
/* Start Dashboard Domain Section (Osama) */
.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, 0.05);
	border: none;
  }


  .dashboard .new-form-domain .form-domain-title .form-domain-title-h1 {
	color: #28cfd7;
	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 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.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.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: bold;
	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: bold;
	margin: 0;
	font-size: 18px;
  }
  .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 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
  }
  .dashboard .new-form-domain .domain-wrapper.certificate-domain > a:hover {
	background-color: rgb(15, 193, 231) !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.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 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.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: rgb(15, 193, 231);
  }
  .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 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.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: bold;
	pointer-events: none;
	color: rgb(168, 168, 168);
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.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, 0.05) !important;
	border: none !important;
  }
  /* End Dashboard Domain Section (Osama) */
 /* Note: support */
 .support-cards .support-card {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 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 0.5s;
	-webkit-transition: scale 0.5s;
	-moz-transition: scale 0.5s;
	-ms-transition: scale 0.5s;
	-o-transition: scale 0.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;
  }  

/* .domainRegistrationDashboard {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
} */
/* Note: domain registration */
/* .domainRegistrationDashboard .bs-stepper .bs-stepper-content input.radioDocument:checked ~ label.document-type-img{
	background-color: #f9ffff;
    border-color: #a8e5f1;
	border: 2px solid #eee !important
} */
.form-container .tab-content span{
	color: #939597 !important;
}
/* ends */
.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: bold;
  color: #0f7ea7;
  text-align: start;
}
.domains-page1 .dashboard .bs-stepper .bs-stepper-content .input-group {
  box-shadow: 0 0 30px rgba(0, 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: bold;
}
.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: bold;
}
.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: 0.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: bold;
  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: 0.3rem; */
  min-width: 900px;
}
.domains-page1 .dashboard .bs-stepper .bs-stepper-content .document-type-img {
  /* background-color: #f8f8f8 !important; */
  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 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.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 !important;
}
.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: bold;
}
.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: 2px solid #eee; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 0px 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: bold;
  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: 0px 0px 0px 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: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.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 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.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 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.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;
}
/* Start Account Profile Page */
.accountProfile-dashboard .domainRegistrationDashboard {
  margin-bottom: 8rem;
  padding-bottom: 8rem;
  margin-top: -4rem;
}
/* End Account Profile Page */
@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%;
  }
}

/***************************************
// General Style applies on all pages
/***************************************/

: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, 0.05) !important;
	border: none !important;
  }
  .form-container .btn-back {
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
	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;
  }
  /* End General */

/* Start Update Nav Section */
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;
	  color: #fff;
	  margin-bottom: 1rem;
	  padding: 1rem 2.5rem 0.4rem;
	  font-size: 15px;
	}
  }
  /* End Update Nav Section */

  /* Start Update Header Section */
  .header.new-update-domain-header #new-update-domain-down-box {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	border: none;
  }
  .header.new {
	padding: 150px 0px 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: bold;
  }
  .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: bold;
	line-height: 1.6;
  }
  .header.info-menu__header .down-box {
	margin-bottom: -7rem;
	box-shadow: 0 0 20px rgba(0, 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;
	}
  }
  /* End Update Header Section */
 
  /* Note: profile page - hisham */
  @media screen and (max-width: 767px) {
	.custom_margin_top {
	  margin-top: 20rem;
	}
  }
  /* ends*/
  
/* Start Update Index Page */
/* Start Index Header */
@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;
	}
  }
  /* End Index Header */
  .main-section .sa-domains {
	box-shadow: 0 0 20px rgba(0, 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: bold;
  }
  .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, 0.05);
	border: none;
	height: 100% !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.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;
	}
  }
  /* End Update Index Page */
  /* Start Update About Page */
  .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, 0.1) !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
  }
  .inner-page .about-section .counter-box:hover {
	border-color: #0fc1e7 !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;
	}
  }
  /* End Update About Page */
  /* Start Update FQA Page */
	#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;
	}
	}
	/* End Update FQA Page */
	/* Start Dmail Page */
	.main-section #accordion .dmail-qfa__title {
	  font-size: 20px;
	}
	@media screen and (max-width: 767px) {
	  .main-section.dmail-main-section {
		margin-top: 16rem;
	  }
	}
	/* Start Dmail Page */
  /* Note: email table comparision */
  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, 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: 0.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: bold;
}
.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: bold;
  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: bold;
  text-transform: none;
  text-decoration: underline !important;
}
.email-features .feature__cell-btn {
  box-shadow: 0 0 20px rgba(0, 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: 0.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;
  }
}
  /* ends of email table */
  /* Start (domains, google) */
	.main-section #accordion .black-title__h2 {
	font-size: 18px;
	}
	/* End (domains, google) */
  /* Start Update Search Domain Page */
  .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: transparent;
	}
	#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;
	}
  }
  /* End Update Search Domain Page */
  /* Start Update Support Page */
  .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, 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, 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 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.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%;
	}
  }
  /* End Update Support Page */
  /* Start Update Search Domain Page */
.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: transparent;
  }
  #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;
  }
}
/* End Update Search Domain Page */
 	/* Start My Account Pages */
	 .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 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		cursor: pointer;
		font-weight: bold;
	  }
	  .myaccount__body .products-details__tabs .products-details__tab.active,
	  .myaccount__body .products-details__tabs .products-details__tab:hover {
		color: #fff;
		background-color: #0fc1e7;
		border-color: #0fc1e7;
	  }
	  .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%;
		}
	  }
/* End My Account Pages */

/* Start Domains Page */
.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, 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: #28cfd7;
	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 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.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.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: bold;
	margin: 0;
	font-size: 18px;
  }
  .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 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
  }
  
  .dashboard .new-form-domain .domain-wrapper.certificate-domain > a:hover,
  .dashboard .new-form-domain .domain-wrapper.close-domain > a:hover {
	background-color: rgb(15, 193, 231) !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 .domain-arrow-btn svg,
  .dashboard .new-form-domain .domain-wrapper:not(.remove-domains) span svg,
  .dashboard .new-form-domain .domain-wrapper .domain-wrapper-icon {
	fill: #b4b4b4;
  } */
  .dashboard .new-form-domain .domain-wrapper.remove-domains {
	background-color: #fef1f0;
  }
  .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 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.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: rgb(15, 193, 231);
  }
  .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 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.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: bold;
	pointer-events: none;
	color: rgb(168, 168, 168);
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.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, 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: 0.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: 0.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;
	}
  }
/* End Domains Page */
/* Start Update Career Page */
.inner-page .career-section.tech-section {
	background: transparent;
}
.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;
  }
}
/* End Update Career Page */
/* Start Update Login Section */
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;
	}
	
  }

/* End Update Login Section */
/* Start Update Reset Password Page */
.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 0.3s !important;
  -webkit-transition: all 0.3s !important;
  -moz-transition: all 0.3s !important;
  -ms-transition: all 0.3s !important;
  -o-transition: all 0.3s !important;
}
.resetPasswordScript__body label.password-recovery-method:hover,
.resetPasswordScript__body label.password-recovery-method.active {
  color: #1bd7de;
  border-bottom: 2px solid;
  box-shadow: none;
}
.reset-password-main-section .parsley-errors-list#parsley-id-7 {
  position: absolute;
  bottom: -40px;
  z-index: 1;
}
/* End Update Reset Password Page */
/* Start Phone Email OTP Page */
.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;
}
/* End Phone Email OTP Page */
/* Start New Ticket Page */
.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;
  }
}
/* End New Ticket Page */
/* Start My Account Pages */

@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 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  cursor: pointer;
  font-weight: bold;
}
.myaccount__body .products-details__tabs .products-details__tab.active,
.myaccount__body .products-details__tabs .products-details__tab:hover {
  color: #fff;
  background-color: #0fc1e7;
  border-color: #0fc1e7;
}
.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%;
  }
}
/* End My Account Pages */
  /* Start Update Support Section */
  .support-section {
	padding: 0 !important;
	background-color: #18c6ec;
	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;
  }
  /*(30-01)*/
  .support-section .support-btn {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
	font-size: 17px;
	border: none;
	padding: 0.8rem 4rem 0.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;
  }
  [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;
  }
  @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%);
	}
	[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;
	}
  }
/* End Update Support Section */

/* Terms and policy */
#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;
}
/* end of Terms and policy */
/* Start Update Footer Section */
.footer-section .footer__nav-section {
	color: #16bae1;
	font-weight: bold;
  }
  .footer-section .footer_title {
	font-size: 17px;
	font-weight: bold;
	color: #18c6ec;
	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: bold;
  }
  .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;
	}
  }
  /* End Update Footer Section */

  /* Toggle switch CSS starts */

  /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 48px; /* Adjust width */
  height: 24px; /* Adjust height */
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 24px; /* Adjust border-radius */
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px; /* Adjust height */
  width: 18px; /* Adjust width */
  left: 3px; /* Adjust left position */
  bottom: 3px; /* Adjust bottom position */
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #1BD7DE;
}

input:focus + .slider {
  box-shadow: 0 0 1px #1BD7DE;
}

input:checked + .slider:before {
  -webkit-transform: translateX(24px); /* Adjust translation */
  -ms-transform: translateX(24px); /* Adjust translation */
  transform: translateX(24px); /* Adjust translation */
}

.wpwl-button-pay{
	display: block !important;
}
  /* Toggle switch CSS ends */