/* ============fonts-css-start========== */

@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.ttf');
}

@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../fonts/Raleway-SemiBold.ttf');
}

@font-face {
  font-family: 'Raleway-Bold';
  src: url('../fonts/Raleway-Bold.ttf');
}

@font-face {
  font-family: 'Raleway-Medium';
  src: url('../fonts/Raleway-Medium.ttf');
}

@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('../fonts/Raleway-ExtraBold.ttf');
}

@font-face {
  font-family: 'Raleway-Black';
  src: url('../fonts/Raleway-Black.ttf');
}

/* ============fonts-css-end========== */

:root {
  --primary-color: #FF8000;
  --secondary-color: #255F5C;
  --heading-color: #000;
  --text-color: #575756;
  --green-color: #133946;
}

body {
  font-family: 'Raleway-Regular';
  color: var(--text-color);
}

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

a:hover, a {
  text-decoration: none;
}

.btn:focus, .form-control:focus {
  box-shadow: none !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
}

.btn, a {
  transition: all 0.5s ease-in-out;
}

.t-center {
  text-align: center;
}

.row-align {
  align-items: center;
}

.ovrflw-hiddn {
  overflow-x: hidden;
}

.btn {
  background-color: var(--primary-color);
  border-radius: 4px;
  font-size: 16px;
  line-height: 18.78px;
  font-family: 'Raleway-Bold';
  color: #fff;
  padding: 22px 25px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s linear;
}

.btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 101%;
  background-color: #d56b00;
  z-index: 1;
  border-radius: 5px;
  transition: transform 0.5s ease-in-out;
  transform: scaleX(0);
  border-radius: 0;
  border-color: #d56b00;
}

.btn:hover::before {
  transform: scaleX(1);
  z-index: -1;
}

.btn:hover {
  color: #fff;
}

.para-font {
  font-size: 20px;
  line-height: 32px;
}
.font-eighteen {
  font-size: 18px;
  line-height: 28px;
}
/*============== header-start ================ */

.header {
  transition: all 0.5s;
  z-index: 1031;
  transition: all 0.5s;
  padding: 40px 0;
  background: transparent;
  position: absolute;
  width: 100%;
}

.header-bg {
  background-color: #123642;
}

.fixed-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #123642;
  padding: 20px 0px;
  box-shadow: 0 0 6px 2px rgb(18 54 66);
}

.header.fixed-header .logo img {
  width: 290px;
}

.header .logo h1 {
  font-size: 30px;
  margin: 0;
  padding: 6px 0;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 2px;
}

.header .logo h1 a, .header .logo h1 a:hover {
  color: #7a6960;
  text-decoration: none;
}

.header .logo img {
  padding: 0;
  margin: 0;
  width: 300px;
}

.topbar .topbar-links li:last-child {
  margin-right: 20px;
}

.topbar-links li a:hover {
  color: #ff8000;
}

.topbar-links li {
  margin: 0px 22px;
}

.topbar-links li i {
  margin-right: 2px;
}

.topbar-links li a {
  color: var(--green-color);
  font-size: 16px;
}

.topbar-links {
  text-align: right;
  padding: 15px 0px;
}

.nav-menu ul li:not(:last-child) a {
  margin: 0px 15px;
}

.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu>ul>li:last-child ul {
  right: 0;
  left: auto;
}

.nav-menu>ul>li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 15px;
  transition: 0.3s;
  font-size: 18px;
  font-family: 'Raleway-SemiBold';
  text-transform: uppercase;
}

.nav-menu a:hover, .nav-menu .active>a, .nav-menu li:hover>a {
  color: #eb5d1e;
  text-decoration: none;
}

.nav-menu .drop-down ul li a {
  margin: 0;
  padding: 10px 35px;
  color: var(--secondary-color);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.1px;
  font-family: 'Raleway-Bold';
}

.nav-menu .drop-down ul {
  position: absolute;
  left: 0;
  top: calc(100% - -30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 15px 0px 30px;
  background: #fff;
  box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
  transition: ease all 0.3s;
  border-radius: 10px;
  min-width: 277px;
}

.nav-menu .drop-down:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #3c1300;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active>a, .nav-menu .drop-down ul li:hover>a {
  color: #eb5d1e;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down>a {
  padding-right: 35px;
}

/*=============== Mobile Navigation ==============*/

.mobile-nav-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #fff;
  margin: 5px 0;
  transition: .5s;
}

.mobile-nav-toggle .bar2 {
  width: 30px;
}

.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: #123642;
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: 500;
  transition: 0.3s;
}

.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {
  color: var(--primary-color);
  text-decoration: none;
  font-family: 'Raleway-Medium';
}

.mobile-nav .get-started a {
  background: #eb5d1e;
  color: #fff;
  border-radius: 50px;
  margin: 15px;
  padding: 10px 25px;
}

.mobile-nav .get-started a:hover {
  background: #ee7843;
  color: #fff;
}

/* .mobile-nav .drop-down>a:after {
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  padding-left: 10px;
  position: absolute;
  right: 15px;
  font-weight: 800;
  font-size: 12px;
}

.mobile-nav .active.drop-down>a:after {
  content: "\f078";
} */
.nav-menu a .dropdown-after {
	display: none;
}
.mobile-nav .drop-down .dropdown-after {
	display; block;
}
.mobile-nav .drop-down a .dropdown-after i {
    position: absolute;
    top: 12px;
    right: 15px;
    font-weight: 800;
    font-size: 12px;
	z-index: 1;
	transform: rotate(0deg);
	transition: all 0.5s ease-in-out;
}
.mobile-nav .drop-down.active a .dropdown-after i {
	transform: rotate(90deg);
}

.mobile-nav .drop-down>a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: absolute;
  top: 105px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
  left: auto;
  float: right;
}

.mobile-nav-toggle i {
  color: #7a6960;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: #00000040;
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

.mobile-nav-active .mobile-nav-toggle .bar3 {
  -webkit-transform: rotate( 45deg) translate(-7px, -3px);
  -ms-transform: rotate( 45deg) translate(-7px, -3px);
  transform: rotate( 45deg) translate(-7px, -3px);
}

.mobile-nav-active .mobile-nav-toggle .bar2 {
  opacity: 0;
}

.mobile-nav-active .mobile-nav-toggle .bar1 {
  -webkit-transform: rotate( -45deg) translate(-7px, 3px);
  -ms-transform: rotate( -45deg) translate(-7px, 3px);
  transform: rotate( -45deg) translate(-7px, 3px);
}

/*================ header-css-end =================*/

/*=============== home-banner-css-start =============*/

.banner-section {
  padding: 138px 0px;
  background: url('../image/banner-bg.png') no-repeat;
  background-size: cover;
}

h1 {
  font-size: 80px;
  line-height: 94px;
  color: #FFFFFF;
  font-family: 'Raleway-Bold';
}

.banner-img {
  width: 100%;
  max-width: 810px;
  margin-left: auto;
  animation: move infinite 3s;
}

.banner-content p {
  line-height: 27px;
  color: #ffffffbf;
}

.banner-content {
  padding: 150px 0px;
}

.banner-content h1 {
  margin-bottom: 16px;
}

.banner-content p {
  margin-bottom: 35px;
  max-width: 700px;
}

.start-btn, .info-btn {
  font-size: 20px;
  padding: 24px 24px;
  min-width: 255px;
}

.info-btn {
  background-color: transparent;
  border-color: var(--primary-color);
  color: var(--primary-color);
  margin-left: 40px;
}

.domain-title {
  font-size: 30px;
  line-height: 35px;
  color: var(--secondary-color);
  font-family: 'Raleway-Bold';
  margin-bottom: 10px;
}

.scynett-domain p {
  line-height: 22px;
  margin-bottom: 24px;
  font-family: 'Raleway-Medium';
  color: var(--heading-color);
}

.scynett-domain {
  background-color: #fff;
  padding: 70px;
  border-radius: 12px;
  box-shadow: 0px 7px 76px rgba(0, 0, 0, 0.25);
  z-index: 1;
  position: relative;
}

.scynett-domain input {
  font-size: 20px;
  line-height: 28px;
  color: var(--secondary-color);
  border-radius: 6px;
  padding: 28px;
  min-height: 70px;
  font-family: 'Raleway-SemiBold';
  border: 1px solid var(--secondary-color);
}

.scynett-domain input::placeholder {
  color: var(--secondary-color);
  font-family: 'Raleway-Regular';
}

.scynett-domain .btn {
  font-size: 18px;
  line-height: 28px;
  text-transform: uppercase;
  border-left: 0;
  border-color: var(--secondary-color);
  padding: 20px 69px;
}

.scynett-domain .input-group .btn:hover, .scynett-domain .input-group .btn:focus, .scynett-domain .input-group .btn:active {
  background-color: var(--primary-color);
}

.sctt-domain-name {
  line-height: 19px;
  color: var(--primary-color);
  font-family: 'Raleway-Bold';
  margin-bottom: 12px;
}

.sctt-domain-txt {
  font-size: 20px;
  line-height: 23px;
  color: var(--secondary-color);
  font-family: 'Raleway-Bold';
}

.scynett-domain .sctt-domain-list li {
  border-right: 1px solid #C6C6C6;
  padding: 15px 10px;
  text-align: center;
  margin: 0 0 25px;
  min-width: 139px;
  width: 100%;
}

.sctt-domain-list {
  margin-top: 25px;
  overflow-x: auto;
  display: flex;
}

.scynett-domain .sctt-domain-list li:first-child {
  padding-left: 0;
}

.scynett-domain .sctt-domain-list li:last-child {
  border-right: 0;
}

.domain-privacy-txt {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  color: #113541;
  font-family: 'Raleway-Bold';
}

.scntt-domain-section {
  margin-top: -175px;
}

.banner-pd {
  padding: 45px 0px 120px;
}

h2 {
  font-size: 48px;
  line-height: 70px;
  font-family: 'Raleway-Bold';
  margin-bottom: 22px;
}

.heading-box p {
  font-size: 20px;
  line-height: 23px;
}

.hosting-plan-section {
  padding: 140px 0px 100px;
}
.hosting-plan-section.banner-top-space {
    padding-top: 0;
}
.hosting-plans-content h3 {
  font-size: 26px;
  line-height: 32px;
  color: var(--secondary-color);
  margin-bottom: 20px;
}

.hosting-plan-img {
  margin-bottom: 50px;
}

.hosting-plans-content h3 span {
  font-family: 'Raleway-Bold';
}

.hosting-plan-price {
  font-size: 14px;
  line-height: 16px;
  font-family: 'Raleway-Medium';
}

.hosting-plan-price span {
  font-size: 50px;
  line-height: 51px;
  color: var(--primary-color);
  font-family: 'Raleway-Bold';
  display: inline-block;
  margin: 0px 3px;
}

.hosting-plan-price sup {
  position: relative;
  top: -19px;
}

.hosting-plan-list li {
  font-size: 16px;
  line-height: 24px;
  font-family: 'Raleway-Medium';
  padding-left: 40px;
  position: relative;
  margin-bottom: 18px;
}

.hosting-plan-list li img {
  position: absolute;
  left: 0;
}

.hosting-plan-list {
  padding: 45px 0px;
  max-width: 300px;
  margin: auto;
  text-align: left;
}

.hosting-plans {
  text-align: center;
  background: #F2F7FB;
  padding: 65px;
  position: relative;
  height: 100%;
  z-index: 0;
  transition: all .3s ease-in-out;
}

.hosting-plans:hover {
  box-shadow: 0px 7px 50px rgba(0, 0, 0, 0.25);
}

.hosting-plans::after {
  content: "";
  position: absolute;
  background: url('../image/hosting-plan-shape.svg') no-repeat;
  max-width: 456px;
  height: 593px;
  width: 100%;
  right: 0;
  bottom: 50px;
  z-index: -1;
}

.order-btn {
  max-width: 314px;
  width: 100%;
}

.heading-box {
  margin-bottom: 78px;
}

.hosting-service-section {
  padding: 120px 0px 0;
  background: #F2F7FB;
}

.host-service-content h5 {
  text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  font-size: 26px;
  line-height: 32px;
  font-family: 'Raleway-Bold';
  margin-bottom: 35px;
}

.know-more-btn {
  font-size: 12px;
  line-height: 14px;
  background: #6A9A97;
  border-radius: 4px;
  padding: 17px 52px;
}

.host-service-box {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 62px;
  border-radius: 4px;
  max-width: 740px;
  margin: auto;
  box-shadow: 0px 16px 27px rgb(102 102 102 / 39%);
  border: 1px solid #6A9A97;
  position: relative;
  overflow: hidden;
  z-index: 0;
  height: 100%;
  transition: all .3s ease-in-out;
}

.host-service-box:hover {
  transform: translateY(-10px);
}

.host-service-img {
  margin: 0px 80px 0px 40px;
}

.btn.know-more-btn::before, .genrt-pass-btn::before {
  background: #507573;
}

.host-service-content {
  text-align: center;
}

.host-service-box::before {
  content: "";
  position: absolute;
  width: 277px;
  height: 221px;
  background: #6A9A97;
  top: 0px;
  left: -8px;
  z-index: -1;
  border-radius: 4px 0px 238px;
}

.host-service-mrgn {
  margin-bottom: 80px;
}

.host-service-img img {
  height: 130px;
}

.hosting-features-section {
  background: linear-gradient(130deg, rgba(242, 247, 251, 1) 0%, rgba(242, 247, 251, 1) 35%, rgb(255 254 252) 100%);
  padding-bottom: 0;
  position: relative;
  z-index: 0;
}

.hosting-features-section::after {
  content: "";
  position: absolute;
  background: url(../image/feature-shape.svg) no-repeat;
  max-width: 916px;
  width: 564px;
  height: 75%;
  right: 0;
  top: 132px;
  background-size: 100%;
  z-index: -1;
  background-position: right;
}

.featured-content h5 {
  font-size: 30px;
  line-height: 35px;
  font-family: 'Raleway-ExtraBold';
  margin-bottom: 22px;
}

.featured-content p {
  color: #666666;
  max-width: 600px;
}

.feature-icon {
  margin-right: 32px;
}

.features-box {
  display: flex;
}

.hosting-features-section .col-md-6 {
  margin-bottom: 75px;
}

.testimonial-section {
  background: linear-gradient(212deg, rgba(255, 250, 241, 0.29) 0%, #F2F7FB 100%);
  padding: 100px 0px;
}

.testimonial-inner {
  padding: 45px;
  background-color: #fff;
  box-shadow: 0px 2px 6px rgb(0 0 0 / 8%);
}

.testmonial-client-name {
  font-size: 15px;
  font-family: 'Raleway-Bold';
  line-height: 20px;
}

.testimonail-client img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 20px;
}

.testimonail-client {
  display: flex;
  align-items: center;
}

.testimonial-inner p {
  font-size: 17px;
  font-family: 'Raleway-Medium';
  color: #8d8d8d;
  line-height: 27px;
  margin-bottom: 22px;
}

#testimonial-slider .testimonail-client img {
  width: 52px;
  height: 52px;
  object-fit: cover;
}

#testimonial-slider .item {
  padding: 0px 22px 20px;
}

#testimonial-slider .owl-dots {
  padding-top: 85px;
}

#testimonial-slider .owl-dot span {
  background-color: #2C6373;
  position: relative;
  transition: all .3s ease-in-out;
}

#testimonial-slider .owl-dot.active span {
  background-color: #FF9518;
}

#testimonial-slider .owl-dot.active span::after {
  content: "";
  position: absolute;
  width: 31px;
  height: 31px;
  border: 3px solid #ff9518;
  border-radius: 50%;
  left: -11px;
  top: -10px;
}

#testimonial-slider .owl-dot {
  margin: 0px 20px;
}

/* =======footer-css-start========= */

.footer {
  background-color: #3B6271;
}

.footer-logo-blk p {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
}

.footer-list h5 {
  font-size: 26px;
  line-height: 30px;
  font-family: 'Raleway-SemiBold';
  color: #fff;
  margin-bottom: 40px;
}

.footer-list ul li a, .footer-list ul li, .footer-github {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}

.footer-list ul li {
  margin-bottom: 15px;
}

.footer-logo {
  margin-bottom: 20px;
  max-width: 290px;
}

.footer {
  padding: 150px 0px 0;
}

.social-list li a i, .footer-github i {
  margin-right: 7px;
  font-size: 16px;
}

.social-list li a, .footer-github {
  padding: 9px 20px;
  max-width: 250px;
  width: 100%;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  font-family: 'Raleway-Medium';
  border: 1px solid transparent;
}

.footer-fb {
  background-color: #4E7EF9;
}

.footer-inst {
  background-color: #8843E1;
}

.footer-lnkdn {
  background-color: #4166E7;
}

.footer-slack {
  background-color: rgba(72, 9, 98, 0.87);
}

.footer-whatsapp {
  background-color: rgba(91, 232, 122, 0.87);
}

.footer-github {
  background-color: rgba(43, 49, 44, 0.87);
}

.social-list {
  margin-bottom: 38px;
}

.footer-list .dev-title {
  margin-bottom: 32px;
}

.footer-list .social-list li {
  margin-bottom: 12px;
}

.footer-github:hover, .footer-list .social-list li a:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.footer .col-xl-3:nth-of-type(2) {
  padding-left: 95px;
}

.footer-copyright {
  background-color: #224450;
  text-align: center;
  padding: 15px 0px;
}

.footer-copyright p {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.01em;
  color: #fff;
}

.footer-main {
  padding-bottom: 38px;
}

.hosting-plan-img img {
  height: 130px;
}

.feature-icon img {
  height: 72px;
}

/* ========login-page-css-start============= */

.login-section {
    padding-bottom: 138px;
}
.login-inner h1 {
  font-size: 38px;
  line-height: 46px;
  font-family: 'Raleway-Bold';
  color: var(--heading-color);
  margin-bottom: 45px;
}

.login-check label:before {
  content: '';
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: transparent;
  margin-top: -3px;
  border: 2px solid var(--secondary-color);
}

.login-check label {
  position: relative;
  cursor: pointer;
  margin: 0;
  font-size: 20px;
  line-height: 22px;
  color: #595D6E;
  font-family: 'Raleway-Medium';
}

.login-check input:checked+label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 5px;
  height: 10px;
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  transform: rotate( 45deg);
}

.login-check {
  margin: 45px 0px 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.form-control {
  padding: 15px 30px;
  min-height: 70px;
  color: var(--heading-color);
  border-radius: 4px;
  position: relative;
  border: 1px solid var(--secondary-color);
  font-size: 20px;
  line-height: 22px;
  background-color: transparent;
  -webkit-appearance: none;
  font-family: 'Raleway-Medium';
  z-index: 0;
}

.form-group {
  margin-bottom: 25px;
}

.form-control::placeholder {
  color: #595D6E;
}

.login-inner {
  padding-top: 100px;
}

/*.banner-top-space {
  padding: 138px 0px;
}

.clientarea {
  padding-top: 138px;
}*/
.wrapper {
  padding-top: 138px;
}

.login-inner {
  padding-top: 100px;
  max-width: 790px;
  margin: auto;
}

.forgot-pass-link a {
  font-size: 20px;
  line-height: 22px;
  color: var(--primary-color);
}

.login-btn {
  min-width: 235px;
  min-height: 65px;
  font-size: 20px;
  /* width: 100%; */
}

.forgot-pass-link a:hover {
  text-decoration: underline;
}

.footer-list ul li a:hover {
  color: #ffffffa6;
}

.row.hosting-service-pd {
  padding-bottom: 50px;
}

/* ====register-page-css-start========== */

.reg-label-title {
  font-size: 28px;
  line-height: 36px;
  color: var(--heading-color);
}

.register-label h5 {
  margin-bottom: 30px;
}

.register-section .login-inner {
  max-width: 1254px;
}

.left-pd {
  padding-left: 20px;
}

.right-pd {
  padding-right: 20px;
}

.reg-pd {
  margin-bottom: 40px;
}

.center-pd {
  padding: 0px 25px;
}

/* .selct-icon::after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  right: 30px;
  top: 18px;
  position: absolute;
  font-size: 24px;
  color: #3b3733;
  z-index: 0;
} */

select.form-control {
  background: url('../image/down-arrow.svg') no-repeat;
  background-size: 20px;
  background-position: 97% 65%;
}

.selct-icon {
  position: relative;
}

.login-inner .form-group.selct-icon select {
  padding-right: 70px;
}

.genrt-pass-btn {
  font-size: 17px;
  line-height: 22px;
  background-color: #3B6271;
  padding: 9px 25px;
  font-family: 'Raleway-Regular';
  margin-top: 28px;
}

.pass-label {
  font-size: 17px;
  line-height: 22px;
  color: #595D6E;
  font-family: 'Raleway-Medium';
}

.pass-strenth {
  border: 1px solid #3B6271;
  box-sizing: border-box;
  border-radius: 4px;
  height: 35px;
  margin: 28px 0px 10px;
}

.register-check .login-remember {
  margin-bottom: 28px;
}

.login-check.register-check {
  margin: 10px 0px 85px;
}

.reset-pass-section .login-inner p {
  font-size: 18px;
  line-height: 24px;
  color: #595D6E;
  font-family: 'Raleway-Medium';
  margin-bottom: 24px;
  max-width: 800px;
}

.reset-pass-section .login-inner .form-group {
  margin-bottom: 52px;
}

/* ================knowledgebase-page-css-start================== */

.knowledgebase-banner .banner-content p {
  font-size: 18px;
  line-height: 24px;
  max-width: 900px;
  color: #ffffffd6;
  margin-bottom: 40px;
}

.knowledgebase-banner .banner-content h1 {
  font-size: 70px;
  line-height: 80px;
  font-family: 'Raleway-Black';
  margin-bottom: 28px;
}

.knowledgebase-banner .start-btn {
  min-width: 250px;
}

.knowledgebase-banner .banner-pd {
  padding: 0;
}

.knowledgebase-banner .banner-content {
  padding: 165px 0px 0;
}

.knowledgebase-faq-section {
  padding: 120px 0px 120px;
  background: linear-gradient( 178deg, rgba(255, 253, 250, 1) 0%, rgba(255, 253, 250, 1) 0%, rgba(242, 247, 251, 1) 100%);
  position: relative;
  z-index: 0;
}

.knowledgebase-faq-section::after {
  content: "";
  position: absolute;
  background: url('../image/knowledgebase-faqbg-img.svg') no-repeat;
  right: 0;
  max-width: 1314px;
  height: 100%;
  top: 0;
  z-index: -1;
  width: 100%;
  background-size: 100%;
}

/*=========== accordian-css-start ==============*/

.faq-accordian .accordion .card-header span .fa-plus::before {
  content: "\f068";
}

.faq-accordian .accordion .card-header .collapsed span .fa-plus::before {
  content: "\f067";
}

.faq-accordian .accordion .card-header span i {
  font-size: 20px;
  color: var(--primary-color);
}

.faq-accordian .widget-new-title {
  font-family: 'Raleway-SemiBold';
  transition: all .3s ease-in-out;
  padding-right: 10px;
  font-size: 26px;
  line-height: 42px;
  color: var(--secondary-color);
}

.faq-accordian .card-header {
  background: transparent;
  border-bottom: 0;
  padding: 0px 64px 0px 0px;
  cursor: pointer;
}

.faq-accordian .card-body p {
  margin-bottom: 0px;
  font-size: 17px;
  line-height: 30px;
  color: #666666;
}

.faq-accordian .accordion .card .card-body {
  padding: 10px 0px 5px;
}

.faq-accordian .accordion .card:last-child {
  margin-bottom: 0;
}

.faq-accordian .accordion .card {
  padding: 35px 64px 35px 55px;
  border: 0;
  margin-bottom: 50px;
}

.faq-accordian .accordion li+li {
  margin-top: 10px;
}

.faq-accordian .accordion .fa-stack {
  width: 70px;
  position: absolute;
  right: 36px;
}

/*=========== accordian-css-end ==============*/

/* ============ contact-page-css-start ================ */

.contact-section .login-inner {
  max-width: 1253px;
}

.contact-section .login-inner textarea.form-control {
  padding-top: 38px;
  min-height: 360px;
}

.knowledgebase-faq-section.contact-section {
  padding: 18px 0px 125px;
}

.contact-section .form-group:last-child {
  margin: 58px 0px 0px;
}

/* ============register-domain-section-start============== */

.domain-heading {
  font-size: 30px;
  line-height: 35px;
  color: #3B6271;
  font-family: 'Raleway-Regular';
  margin-bottom: 0;
}

.domain-top-block {
  padding: 82px 0px 42px;
}

.breadcrumb-list li a, .breadcrumb-list li {
  font-size: 14px;
  line-height: 21px;
  color: #595D6E;
}

.breadcrumb-list .breadcrumb-item+.breadcrumb-item {
  padding-left: 3px;
}

.breadcrumb-list .breadcrumb-item+.breadcrumb-item::before {
  padding-right: 3px;
}

.breadcrumb-list .breadcrumb {
  padding-bottom: 6px;
  /* border-bottom: 1px solid #EBEDF2; */
}

.register-domain-section {
  padding-bottom: 122px;
}

.domain-service-section {
  padding: 10px 0px 70px;
}

.hosting-service-section, .domain-service-section {
  overflow: hidden;
}

.scntt-domain-section.register-domain-section {
  margin-top: 0;
}

.domain-service-section .host-service-content {
  text-align: left;
}

.host-service-content p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 25px;
}

.domain-service-section .host-service-content h5 {
  margin-bottom: 22px;
}

/* ============hosting-pages-css-start=============== */

.hosting-plans-box {
  border-radius: 20px;
  box-shadow: 0px 7px 50px rgba(0, 0, 0, 0.25);
  transition: all .3s ease-in-out;
}

.hosting-plans-block .heading-box {
  padding-top: 165px;
}

.hosting-plans-block .heading-box {
  padding: 165px 0px 20px;
}

.hosting-plan-heading h5 {
  font-size: 30px;
  line-height: 36px;
  font-family: 'Raleway-Bold';
  color: #fff;
  text-align: center;
}

.hosting-plan-heading {
  background-color: #113742;
  border-radius: 20px 20px 0px 0px;
  padding: 50px;
}

.hosting-plans-block .hosting-plan-price span {
  color: var(--secondary-color);
}

.hosting-plans-box .hosting-plans-content, .hosting-plans-box .hosting-plan-list {
  text-align: center;
}

.hosting-plans-box .hosting-plan-list li {
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 12px;
  padding: 0px 0px 10px 0px;
}

.hosting-plans-box .hosting-plans-content {
  padding: 45px 55px 58px;
}

.hosting-plans-box .hosting-plan-list {
  max-width: 100%;
  padding: 45px 0px 15px;
}

.hosting-plans-box .hosting-plan-list li:last-child {
  border-bottom: 0;
}

.hosting-plans-box.hosting-plans::after {
  height: 555px;
}

.hosting-plans-box:hover {
  transform: scale(1.05);
}

/*============================================================================== */

/* ======================== Clientarea-pages-css-start ========================= */

/*======================= review-and-checkout-page-css-start =================== */

.review-checout-section {
  padding: 100px 0px;
}

.review-checout-section .heading-box {
  margin-bottom: 40px;
}

.review-domain-innr ul li {
  font-size: 22px;
  line-height: 36px;
  color: var(--heading-color);
  margin-bottom: 20px;
}

.review-domain-innr {
  background-color: rgba(59, 98, 113, 0.3);
  margin-bottom: 40px;
}

.summary-title {
  background-color: #3B6271;
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  font-family: 'Raleway-ExtraBold';
}

.checkout-txt {
  font-size: 22px;
  line-height: 30px;
  color: var(--heading-color);
}

.summry-mb {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.checkout-summary-content, .review-domain-innr, .summary-title {
  padding: 35px;
}

.summ-total-price {
  font-size: 42px;
  line-height: 55px;
  font-family: 'Raleway-Bold';
  color: var(--heading-color);
}

.checkout-summary-innr {
  border: 1px solid #3B6271;
}

.checkout-summry-block {
  margin-left: 15px;
}

.summry-price-name {
  max-width: 50%;
}

.billing-cycle .checkout-txt {
  margin-bottom: 25px;
}

.form-control:focus {
  border-color: #123642;
}

.payment-modal-body .col-4 {
  background-color: #F2F7FB;
  padding: 20px 0px 20px 25px;
}

.payment-modal-body .col-8 {
  padding: 20px 25px;
}

.pay-info p {
  font-size: 15px;
  font-family: 'Raleway-Medium';
  text-align: right;
}

.pay-info p strong {
  color: var(--secondary-color);
  font-family: 'Raleway-ExtraBold';
}

.pay-modal-tile {
  font-size: 16px;
  color: var(--heading-color);
  font-family: 'Raleway-Bold';
  height: 100%;
}

.payment-modal-body .nav-link {
  padding: 10px 0px;
  border-radius: 0;
}

.payment-modal-body .nav-link:not(:last-child), .pay-btm-brdr {
  border-bottom: 1px solid #ddd;
}

.payment-modal-body .nav-link, .payment-modal-body .nav-link.active {
  background-color: transparent;
  color: #000;
  font-family: 'Raleway-SemiBold';
  text-align: left;
  font-size: 14px;
  /* padding: 0; */
}

.payment-modal-body .nav-link.active, .payment-modal-body .nav-link:hover {
  color: var(--secondary-color);
}

#pay-maodal .modal-dialog {
  max-width: 850px;
}

.payment-modal-body {
  border-radius: 10px;
  overflow: hidden;
}

.payment-modal-body .nav-link i {
  font-size: 13px;
  min-width: 22px;
  text-align: center;
}

.payment-content-box h5 {
  font-size: 18px;
  font-family: 'Raleway-Bold';
  margin-bottom: 25px;
}

.payment-content-box .form-group {
  border: 1px solid #ddd;
  padding: 10px 15px;
  border-radius: 4px;
  margin-bottom: 15px;
}

.payment-content-box .form-group input {
  min-height: auto;
  padding: 0;
  font-size: 14px;
  border: 0;
  margin-top: -3px;
}

.payment-content-box .form-group label {
  font-size: 13px;
  font-family: 'Raleway-SemiBold';
  margin: 0;
  color: var(--heading-color);
}

.multi-input input:first-child {
  max-width: 30px;
}

.payment-content-box .order-btn.pay-btn {
  max-width: 100%;
  padding: 17px;
  background-color: #6A9A97;
}

.payment-content-box .order-btn.pay-btn::before {
  background-color: #507573;
}

.saved-card {
  color: var(--heading-color);
  font-family: 'Raleway-SemiBold';
}

.saved-card:hover {
  color: var(--secondary-color);
}

.modal .modal-header .close, .modal .modal-header .close:hover {
  position: absolute;
  right: -22px;
  color: #fff;
  opacity: 1;
  font-size: 30px;
  font-weight: 200;
  top: 3px;
  background-color: #6a9a97;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 25px;
  padding: 0;
}

/* ==========dashboard-css-start============== */

.dashboard-section {
  padding: 75px 0px;
}

.sidebar-title {
  background-color: #3B6271;
  color: #fff;
  font-size: 22px;
  line-height: 26px;
  font-family: 'Raleway-Medium';
  padding: 30px;
}

.sidebar-content ul li {
  margin-bottom: 20px;
}

.sidebar-content ul li, .sidebar-content ul li a {
  font-size: 18px;
  line-height: 24px;
  color: #255F5C;
  font-family: 'Raleway-Medium';
}

.sidebar-content ul li a {
  position: relative;
  padding-right: 25px;
  display: inline-block;
  width: 100%;
}

.sidebar-content ul li a i {
  position: absolute;
  right: 0;
  top: 3px;
}

/* .sidebar-content ul {
  margin-bottom: 30px;
} */

.sidebar-content {
  padding: 30px;
}

.sidebar-container {
  max-width: 441px;
}

.sidebar-block {
  box-shadow: 0px 7px 76px rgb(0 0 0 / 25%);
  margin-bottom: 45px;
  border: 1px solid #3b6271;
}

.update-btn {
  background-color: #3B6271;
}

.sidebar-block .start-btn.update-btn {
  width: 100%;
  padding: 17px;
  font-size: 15px;
  min-width: auto;
}

.update-btn::before, .paid-btn::before {
  background-color: #2b4b57;
}

.dropdown .dropdown-menu {
  z-index: 9999;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

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

.dropdown .dropdown-item {
  font-size: 14px;
}

.dropdown .dropdown-toggle::before {
  content: "\f078";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 10px;
  right: 0;
  top: 4px;
  position: absolute;
}

.dropdown .dropdown-toggle span {
  padding-right: 15px;
}

.dropdown .dropdown-item:focus, .dropdown .dropdown-item:hover {
  background-color: transparent;
}

.clientarea-name {
  font-size: 22px;
  line-height: 25px;
  color: #3B6271;
  margin: 0;
  font-family: 'Raleway-Medium';
}

.clientarea-right-section .breadcrumb-list .breadcrumb {
  padding: 10px 0px 0px;
  margin-bottom: 0;
}

.list-wrapper li {
  max-width: 25%;
  width: 100%;
}

.list-wrapper li:nth-child(n) {
  margin: 0;
}

.list-wrapper li .list-box {
  background-color: #f8f8f8;
  padding: 24px 24px 12px;
  position: relative;
  /* transition: all .3s ease-in-out; */
}

.list-wrapper li:not(:last-child) .list-box {
  border-right: 2px solid #ddd;
}

.list-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.list-num p {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Raleway-SemiBold';
  color: #8e8e8e;
  margin: 0;
  border-bottom: 2px solid #5bc0de;
  padding-bottom: 4px;
}

.list-wrapper li:nth-of-type(2) .list-num p {
  border-color: #5cb85c;
}

.list-wrapper li:nth-of-type(3) .list-num p {
  border-color: #d9534f;
}

.list-wrapper li:nth-of-type(4) .list-num p {
  border-color: #f0ad4e;
}

.list-num span {
  font-size: 40px;
  color: #1d5588;
}

.list-box i {
  position: absolute;
  right: 10px;
  top: 12px;
  font-size: 55px;
  color: #cccccc;
}

.dashboard-search-bar .form-control {
  padding-left: 2.2rem;
  border: 1px solid #E2E5EC;
  min-height: 47px;
  font-size: 13px;
  line-height: 21px;
}

.dashboard-search-bar .has-search {
  position: relative;
}

.dashboard-search-bar .form-control::placeholder {
  color: rgb(154 154 155 / 70%);
}

.dashboard-search-bar .form-control-feedback {
  position: absolute;
  pointer-events: none;
  top: 12px;
  left: 12px;
  z-index: 1;
}

.dashboard-search-bar {
  padding: 28px 0px 25px;
}

.dash-domain-box h5 {
  font-size: 18px;
  line-height: 20px;
  color: #3B6271;
  font-family: 'Raleway-Medium';
  margin-bottom: 12px;
}

.dash-domain-box p {
  font-size: 13px;
  line-height: 20px;
  color: #595D6E;
  max-width: 300px;
}

.dash-domain-box {
  padding: 20px;
  background-color: rgba(37, 95, 92, 0.07);
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.renew-btn {
  font-size: 12px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 2px 15px;
  min-width: 120px;
  font-family: 'Raleway-Regular';
  transition: all .3s ease-in-out;
  white-space: nowrap;
}

/* .renew-btn:hover, .dash-register-domain .update-btn.renew-btn:last-child:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
} */

.renew-btn::before{
  background: var(--primary-color);
  border: var(--primary-color);
}
.dash-register-domain .domain-renew-btn .renew-btn:last-child:hover {
  color: #fff;
  border-color: var(--primary-color);
}
.renew-btn{
  border: 0;
}
.dash-register-domain .domain-renew-btn .renew-btn:last-child{
  border: 1px solid;
}
.dashobard-domains-container .dash-domain-box{
  margin-bottom: 26px;
}

.open-link {
  color: #3a9950;
  font-family: 'Raleway-Bold';
}

.domain-renew-btn .form-control {
  min-height: 38px;
  height: 38px;
  padding: 10px;
  margin: 22px 0px 22px;
  font-size: 16px;
}

.dash-register-domain .update-btn.renew-btn {
  padding: 7px;
}

.sidebar-content ul li a:hover, .sidebar-content ul li a.active {
  color: var(--primary-color);
}

.list-box-link {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.profile-input label {
  color: #595D6E;
  margin-bottom: 12px;
}

.profile-innr h3 {
  margin-bottom: 20px;
}

.profile-input .form-control {
  padding: 10px 15px;
  min-height: 55px;
  font-size: 17px;
  line-height: 22px;
  max-width: 90%;
}

.profile-innr .col-md-6 {
  margin-bottom: 30px;
}

.dash-domain-content {
  padding-right: 10px;
}

.profile-input .btn {
  font-family: 'Raleway-Regular';
  padding: 22px 40px;
}

.profile-input button.btn.cancel-btn {
  background-color: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.profile-input .save-btn {
  margin-right: 13px;
}

.profile-innr:not(:last-child) {
  margin-bottom: 50px;
}

.dashboard-form-container {
  padding-top: 20px;
}

.profile-input button.btn.cancel-btn:hover {
  color: #fff;
}

.dash-register-domain .update-btn.renew-btn:last-child {
  color: #3B6271;
  border-color: #3B6271;
  background-color: transparent;
}

.change-pswd-container .profile-input .form-control {
  max-width: 100%;
}

.change-pswd-container .profile-input .label-length {
  width: 230px;
  padding: 17px 15px 0px 0px;
}

.change-pswd-container .profile-input {
  display: flex;
  margin-bottom: 32px;
}

.change-pswd-container .profile-input .input-length {
  width: calc(100% - 615px);
}

.change-pswd-container .profile-input .update-btn {
  padding: 10px 28px;
  font-size: 18px;
  min-width: auto;
  margin-left: 25px;
  height: 40px;
}

.profile-input .pass-strenth {
  height: 20px;
  margin: 28px 0px;
}

.password-error-msg p {
  background-color: rgba(37, 95, 92, 0.49);
  border-radius: 4px;
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  color: var(--heading-color);
}

.password-error-msg b {
  font-family: 'Raleway-Bold';
}

.security-para {
  font-size: 18px;
  line-height: 22px;
  color: #595D6E;
}

.security-settings-container .clientarea-name {
  margin: 25px 0px;
}

.highlighted-text {
  background-color: #F1E2CC;
  padding: 17px;
  color: var(--heading-color);
  border-radius: 4px;
  margin: 25px 0px 28px;
  line-height: 26px;
}

.security-settings-container .update-btn {
  padding: 15px;
  font-size: 18px;
  font-family: 'Raleway-Regular';
  min-width: 250px;
}

.addons-block h3 {
  font-size: 30px;
  color: var(--secondary-color);
  font-family: 'Raleway-Bold';
}

.addons-block {
  border: 1px solid #EBEDF2;
  padding: 35px;
}

.addons-block p {
  color: var(--heading-color);
  margin-bottom: 20px;
}

.addons-block .form-control {
  border-color: #EBEDF2;
  color: #595D6E;
}

.product-addons-container select {
  background-position: 95% 63%;
  margin-bottom: 45px;
}

.filter-link {
  background-color: rgb(149 156 182 / 12%);
  color: var(--heading-color);
  padding: 9px 14px;
  border-radius: 3px;
  font-size: 15px;
  font-family: 'Raleway-Medium';
  width: 102px;
  display: flex;
  justify-content: space-between;
}

.filter-link:hover {
  color: var(--heading-color);
}

.filter-icon {
  max-width: 15px;
}

.domain-header-blk select {
  font-size: 12px;
  padding: 7px 28px 8px 14px;
  background-size: 10px;
  min-height: 37px;
  background-position: 92% 52%;
  text-transform: capitalize;
}

.dashboard-content-header {
  border-bottom: 1px solid #EBEDF2;
  margin-bottom: 1rem;
  padding-bottom: 18px;
}

.domain-links ul li:last-child {
  margin-left: 10px;
}

.datatable-container {
  border: 1px solid #EBEDF2;
  padding: 42px 20px;
}

.dataTables_filter input {
  min-height: 36px;
  background: url(../image/search-icon.svg) no-repeat;
  background-size: 17px;
  background-position: 6% 52%;
  padding: 8px 15px 8px 40px;
  border-color: #E2E5EC;
  font-size: 14px;
}

.dataTables_filter label, .dataTables_length label {
  font-size: 0;
}

/* .dataTables_length label{
  font-size: 14px;
  font-family: 'Raleway-Medium';
} */

.dataTable thead tr th {
  color: #595D6E;
  font-size: 14px;
  border: 0;
  font-family: 'Raleway-SemiBold';
  font-weight: unset;
  white-space: nowrap;
}

.dataTable tbody tr td {
  color: #595D6E;
  font-size: 14px;
  font-family: 'Raleway-Medium';
  vertical-align: middle;
}

.dots {
  width: 2px;
  height: 2px;
  background-color: #3B6271;
  display: inline-block;
}

.dataTables_filter input:focus {
  border-color: #E2E5EC;
}

.dataTables_length .form-control {
  background-color: rgba(147, 162, 221, 0.12);
  font-size: 13px;
  color: #255F5C;
  padding: 3px 23px 3px 13px;
  min-height: 30px;
  background-size: 10px;
  background-position: 81%;
  margin: 0;
  font-family: 'Raleway-Bold';
  border: 0;
}

#domains-table.dataTable thead tr th:first-child::after, #domains-table.dataTable thead tr th:first-child::before, #domains-table.dataTable thead tr th:nth-of-type(2)::after, #domains-table.dataTable thead tr th:nth-of-type(2)::before, #domains-table.dataTable thead tr th:last-child::after, #domains-table.dataTable thead tr th:last-child::before, #spprt-ticket-table thead tr th:first-child::after, #spprt-ticket-table thead tr th:first-child::before, #email-history-table thead tr th:last-child::before, #email-history-table thead tr th:last-child::after {
  display: none;
}

.dataTable thead tr th::after, .dataTable thead tr th::before {
  font-size: 16px;
}

.dataTables_wrapper .col-sm-12.col-md-6:first-child {
  order: 1;
}

.dataTables_length {
  text-align: right;
}

.dataTables_filter {
  text-align: left;
}

.dataTables_filter label {
  width: 100%;
}

div.dataTables_wrapper div.dataTables_filter input {
  width: 100%;
  max-width: 331px;
  margin: 0;
}

.datatable-check input:checked+label:after {
  top: 8px;
  left: 6px;
  width: 4px;
  height: 7px;
}

.datatable-check label:before {
  margin-right: 0px;
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: 1px solid #255F5C;
}

.active-state {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #0ABB87;
  border-radius: 50%;
  margin-right: 4px;
}

.data-success {
  color: #0ABB87;
}

#domains-table.dataTable tbody tr td:nth-last-child(2) {
  font-family: 'Raleway-SemiBold';
}

.dataTables_paginate .pagination .page-item a {
  color: #3B6271;
  font-size: 13px;
  font-family: 'Raleway-Bold';
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 2px;
}

.dataTables_paginate .pagination .page-item.active .page-link {
  background-color: #3B6271;
  color: #fff;
  font-size: 14px;
}

.dataTables_paginate .pagination .page-item {
  margin: 0px 3px;
}

.dataTables_paginate .pagination .page-item.previous a, .dataTables_paginate .pagination .page-item.next a {
  font-size: 0;
  position: relative;
  background-color: rgba(147, 162, 221, 0.12);
}

.dataTables_paginate .pagination .page-item.previous a::after, .dataTables_paginate .pagination .page-item.next a::after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-size: 15px;
  left: 12px;
  font-weight: 600;
}

.dataTables_paginate .pagination .page-item.previous a::after {
  content: "\f104";
}

.dataTables_paginate .pagination .page-item.next a::after {
  content: "\f105";
}

.dataTables_info {
  color: #3B6271;
  font-size: 13px;
}

table.dataTable {
  margin: 25px 0px 35px !important;
}

.transfer-domain-blk {
  max-width: 740px;
  margin: auto;
}

.transfer-domain-container .addons-block {
  padding: 70px;
}

.transfer-domain-container .addons-block form {
  margin: 36px 0px 48px;
}

.transfer-domain-container .addons-block form label, label {
  font-size: 18px;
  margin-bottom: 12px;
  color: #595D6E;
}

.transfer-domain-container .addons-block .less-opac::placeholder {
  opacity: 20%;
}

.transfer-domain-container {
  margin-bottom: 30px;
}

.paid-btn {
  background-color: #255F5C;
  padding: 5px 48px;
  font-size: 12px;
  font-family: 'Raleway-Regular';
}

.sidebar-count-blk span.login-check {
  position: absolute;
  left: 0;
}

.sidebar-count-blk .sidebar-digit {
  position: absolute;
  right: 0;
}

.sidebar-count-blk ul li {
  padding: 0px 30px;
  position: relative;
}

.dataTable tbody tr:last-child td {
  border-bottom: 1px solid #dee2e6;
}

.sidebar-status span {
  font-size: 13px;
}

.tox.tox-tinymce {
  box-shadow: none !important;
  border-color: #255F5C !important;
  border-radius: 4px;
}

#csv-input {
  display: none;
}

.browse {
  background-color: #3b6271;
  border-color: #3b6271;
  padding: 15px 45px;
  border-radius: 4px;
  font-family: 'Raleway-Regular';
}

.file-upload .form-control[readonly] {
  border: 0;
  background-color: transparent;
  font-size: 14px;
  min-height: 50px;
  height: 100%;
}

.file-upload {
  border: 1px solid #255F5C;
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.add-more-btn {
  padding: 15px 35px;
}

.ticket-add-btn {
  padding-top: 45px;
}

.support-btn-group {
  padding-top: 60px;
}

.open-ticket-container .form-group {
  margin-bottom: 35px;
}

.open-ticket-container select.form-control {
  background-position: 93% 60%;
  padding-right: 50px;
}

.tox-notification.tox-notification--in.tox-notification--warning {
  display: none;
}

.announcement-content h5 {
  font-size: 18px;
  line-height: 18px;
  color: #131415;
  letter-spacing: 1.4px;
  font-family: 'Raleway-Bold';
  margin-bottom: 15px;
}

.announcement-content p {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #565656;
  margin-bottom: 25px;
}

.announcement-content {
  padding: 20px 30px;
}

.announcement-content .read-more {
  color: #F39200;
  font-family: 'Raleway-SemiBold';
  font-size: 15px;
  transition: all .3s ease-in-out;
}

.announcement-block {
  border-radius: 4px;
  box-shadow: 0px 7px 40px rgb(0 0 0 / 12%);
  transition: all .3s ease-in-out;
}

.announcement-block:hover {
  transform: translateY(-5px);
}

.announcement-img {
  position: relative;
}

.announcement-img::after {
  content: "";
  position: absolute;
  background: url('../image/announce-shape.png') no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  background-size: 100%;
  background-position: bottom;
}
.announcement-container .announcement-img img {
  max-height: 200px;
  height: 100%;
  object-fit: cover;
}
.announcement-container .col-xl-4 {
  margin-bottom: 25px;
}

.announcement-content .read-more i {
  font-size: 12px;
}

.announce-detail-title {
  font-family: 'Raleway-Regular';
}

.date-text {
  font-size: 14px;
  line-height: 12px;
  color: #131415;
  font-family: 'Raleway-Medium';
  letter-spacing: 1.43px;
}

.date-text i {
  color: var(--primary-color);
  margin-right: 5px;
}

.announcement-view-btn {
  padding-top: 50px;
}

.announce-detail-heading {
  margin-bottom: 35px;
}

.announcement-detail-container .back-btn i {
  font-size: 13px;
  position: relative;
  top: -2px;
  right: 2px;
}

.announcement-detail-content p {
  font-size: 19px;
  line-height: 30px;
  letter-spacing: 1.2px;
  color: #131415;
}

.announcement-detail-container .announcement-block {
  box-shadow: none;
}

.announcement-detail-content {
  padding-top: 45px;
}

#email-history-table th, #email-history-table td {
  text-align: center;
}

.view-message {
  padding: 5px 24px;
  white-space: nowrap;
}

.email-preferences-list li {
  margin-bottom: 13px;
  position: relative;
}

.email-preferences-list label {
  font-size: 18px;
  line-height: 22px;
  color: #595D6E;
  font-family: 'Raleway-Regular';
  padding-left: 30px;
}

.email-preferences-list .login-check input:checked+label:after {
  top: 8px;
  left: 6px;
  width: 3px;
  height: 6px;
}

.email-preferences-list .login-check label:before {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 7px;
}

.mailing-list-block p {
  color: #000;
  font-size: 17px;
  line-height: 24px;
  max-width: 900px;
}

.mailing-list-block {
  background-color: #F1E2CC;
  padding: 35px;
  border-radius: 4px;
}

.account-detail-container {
  margin-bottom: 40px;
}

.email-preferences-block {
  margin-bottom: 35px;
}

/* ===========toggle-swicth-css-start======== */

.toggle-switch .switch {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 34px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--primary-color);
}

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

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--primary-color);
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 32px;
  width: 50%;
  left: 0px;
  bottom: 0;
  background-color: #F1E2CC;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle-switch input:checked+.slider:before {
  left: 23px;
}

.toggle-switch input:checked+.slider span:before {
  content: "Yes";
  left: 13px;
  right: auto;
  color: #fff;
}

.toggle-switch .slider span:before {
  content: "No";
  position: absolute;
  text-align: center;
  line-height: 33px;
  font-size: 14px;
  right: 12px;
  top: 1px;
  color: #fff;
  font-family: 'Raleway-SemiBold';
}

.toggle-switch input:checked+.slider {
  background-color: var(--primary-color);
}

.toggle-switch input:focus+.slider {
  box-shadow: 0 0 1px var(--primary-color);
}

.toggle-switch input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* ===========toggle-swicth-css-end======== */
.user-count {
  color: #595D6E;
  font-size: 18px;
}
.user-management .table thead th {
  color: #595D6E;
  font-family: 'Raleway-Bold';
  border-bottom: 0;
}
.user-management .table thead th:first-child, .user-management .table tbody td:first-child{
  padding-left: 0;
}
.user-txt p {
  color: #595D6E;
  font-size: 18px;
}
.user-txt span {
  color: #595D6E;
  font-size: 14px;
line-height: 22px;
}
.owner-btn {
  padding: 10px 38px;
}
.user-owner-btn img {
  margin-left: 6px;
  height: 30px;
}
.user-management .profile-input .btn {
  padding: 17px 25px;
  font-size: 16px;
}
.table td, .table th {
  padding: .85rem;
}
.permit-text {
  font-size: 18px;
}
.user-manage-content-para {
  font-size: 16px;
  margin-bottom: 35px;
}
.user-manage-content input.form-control {
  min-height: 60px;
  padding: 20px;
}
.user-management-container table td{
  vertical-align: middle;
}
.choose-contact-blk label {
  width: 100%;
  max-width: 160px;
}
.choose-contact-blk select.form-control {
  background-position: 96% 59%;
  padding-right: 48px;
}

.choose-contact-blk select {
  width: 100%;
  max-width: 555px;
  margin-right: 30px;
  min-height: 57px;
  padding: 15px;
  background-size: 14px;
  font-size: 18px;
  color: #595D6E;
}
.choose-contact-blk a {
  width: 100%;
  padding: 18.5px;
  max-width: 150px;
}
.choose-contact-blk{
  background-color: #F1E2CC;
  padding: 20px 30px;
  border-radius: 4px;
  margin-bottom: 40px;
}
.orng-bg{
  background-color: #F1E2CC;
  padding: 30px;
  border-radius: 4px;
}
.account-security-innr .orng-bg {
  margin: 38px 0px 30px;
}
.toggle-switch.toggle-white .slider:before{
background-color: #fff;
}
.forward-page {
padding-top: 26px;
}
/* ==============keyframes================= */

@keyframes move {
  0% {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  50% {
    transform: rotate3d(0, 1, 0, 20deg);
  }
  100% {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}