@import url('css2.css');

/*
* ----------------------------------------------------------------------------------------
* 01. Color
* ----------------------------------------------------------------------------------------
*/


:root {
  --font-theme: 'Roboto', sans-serif;
  --color-one: #1995ad;
  --color-one-dark: #137386;
  --color-one-light: #a1d6e2;
  --color-black: #000000;
  --color-white: #ffffff;
  --font-bootstrap: bootstrap-icons;
  --font-remixicon: remixicon;
  --transition: all 0.3s;
}

/*scrollbar css start*/

* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-one) transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--color-one);
}
::selection {
  background: var(--color-one);
}
::selection {
  color: var(--color-white);
  text-shadow: none;
}
:root {
  scroll-behavior: smooth;
}

 a{
  background: unset;
  color: unset;
  text-decoration: none;
}

body{
  font-family: var(--font-theme);
}

input:focus{
  outline: unset;
}
ul{
  margin: 0;
  padding: 0;
}
ul li{
  list-style: none;
}

img{
  max-width: 100%;
}

/* ----------------------------------------------------------------------------------------
 02. Container Width
 ---------------------------------------------------------------------------------------- */


@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1300px;
  }
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1170px;
  }
}

@media (min-width: 1350px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1220px;
  }
}

/**=============== topbar css start===================*/
.topbar {
	background: #f1f1f2;
	padding: 5px;
}

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

.topbar-element ul li a img, .topbar-element ul li img {
	width: 15px;
}

.banner-top{
  margin-bottom: 20px;
}

.domain-group {
	display: flex;
	align-items: center;
	position: relative;
}

@media (max-width:567px) {
  .domain-group{
    overflow: scroll;
    padding-bottom: 10px;
  }
}
.domain-group li{
  padding: 0px 25px;
}
.domain-group li.p-right{
  padding: 0px 25px 0px 0px;
}
.domain-group li.br-right{
  border-right: 1px solid #e4e5e7;
}

.domain-group li span{
  display: block;
  text-align: center;
  color: #7a7b7b;
  font-size: 16px;
  font-weight: 400;
}
.domain-group li span{
  display: block;
  text-align: center;
  color: #7a7b7b;
  font-size: 16px;
  font-weight: 400;
}

.domain-group li img {
  max-width: unset!important;
}

.domain-group img {
    max-height: 38px;
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: var(--transition);
}

.domain-group li:hover img{
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
}

.domain-group li span{
  transition: var(--transition);
  }
  


.domain-group li:hover span{
color: var(--color-black);
}


/**=============== topbar css end===================*/
/**=============== Navbar css start===================*/

.main-menu {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	position: relative;
	z-index: 999;
	margin-bottom: 20px;
	padding: 10px 0px;
}
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a, .navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 10px 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #373737;
	white-space: nowrap;
	transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
	color: var(--color-one);
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 10px 25px;
  margin-left: 30px;
  border-radius: 4px;
  line-height: 1;
  color: #5f687b;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #cdd1d9;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  background: #206bfb;
  color: #fff;
  border-color: #206bfb;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
	color: var(--color-one);
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown:focus-within ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #5f687b;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 1199px) {
  .mobile-nav-toggle {
    display: block;
  }
  .d-lg-block {
    display: none !important;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(73, 80, 94, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #5f687b;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: var(--color-one);
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
  padding: 10px 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: var(--color-one);
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}
/**=============== Navbar css end===================*/

/**=============== 04. hero banner css===================*/
.carousel-control-next, .carousel-control-prev {
	display: none;
}
.hero{
  padding: 0;
}
.hero-banner {
	padding: 40px 35px;
	position: relative;
	overflow: hidden;
	min-height: 300px !important;
	
}

.bg-one{
  background-color: #f1f1f2;
  padding: 40px 35px;
  border-radius: 10px;
  overflow: hidden;
}
.bg-three{
  background-color: #f1f9ff;
}

.bg-three .banner-heading{
  padding: 40px 0px;
}

.bg-two{
  background-color: #e8f8fb;
  padding: 40px 35px;
  overflow: hidden;
  border-radius: 10px;
}

.bg-four {
	background-color: #f1f9ff;
  padding: 40px 35px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

@media(max-width:567px){
  .hero-banner {
    padding: 40px 0px;
  }
  .hero{
    padding: 0px 10px;
  }
  .bg-four ,.bg-three ,.bg-one{
    padding: 40px 0px;
  }

}

.bg-five{
  background: #f1f1f2;
}

.bg-six{
  background-color: #f1f9ff;
}

.bg-seven{
  background-color: #f1f1f2;
}

.banner-heading h1{
  font-size: 48px;
  color: #373737;
  font-weight: 500;
  font-family: var(--font-theme);
}
.banner-heading h2{
  font-size: 44px;
  color: #373737;
  font-weight: 500;
  font-family: var(--font-theme);
}

.b-line{
  border-bottom: 4px solid;
  border-color: var(--color-one);
  color: var(--color-black);
}

.banner-heading p{
  font-size: 20px;
  color: #666666;
  font-family: var(--font-theme);
}

.banner-heading label{
  font-size: 12px;
  color: rgb(102, 102, 102);
  line-height: 1.2;
}

.banner-group-img{
  position: relative;
}

.bg-four .banner-group-img{
  position: absolute;
  right: 0;
}

.bg-three .banner-group-img img {
  position: absolute;
  bottom: 0;
  right: 0;
}


.banner-group-img .position-image .img-one {
  position: absolute;
  top: -33px;
  right: 0;
}
.banner-group-img .position-image .img-two {
  position: absolute;
    top: 50% !important;
    left: 0;
    right: 50%;
    transform: translateY(-50%);
}

.banner-group-img .position-image .img-one{
  width: 237px;
  overflow: hidden;
}

.banner-top-search{
  display: flex;
  align-items: center;
  position: relative;
}
.banner-top-search input{
  width: 100%;
  padding: 12px 60px;
  border: 2px solid var(--color-one);
  border-radius: 10px;
}
.banner-top-search input::placeholder{
  font-size: 20px;
  color: #c6c4c4;
}

.banner-top-search img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 30px;
	transform: translateY(-50%);
	margin-inline-start: 12px;
}

.banner-top-search button {
	position: absolute;
	top: 0;
	right: 0px;
	border: 2px solid var(--color-one);
	padding: 9px 20px;
	font-size: 20px;
	border-radius: 0 5px 5px 0;
}

.section-gap{
  padding: 50px 0px;
}

.feature-style-one{
  padding: 20px;
  border: 2px solid #666666;
  border-radius: 10px;
  height: 100%;
}

.feature-style-one img{
  width: 60px;
  height: auto;
  margin-bottom: 10px;
}
 h4 {
  font-size: 20px;
  color: #373737;
  font-weight: bold;
}
 p{
  font-size: 16px;
  color: #666666;
}

.feature-style-two {
  background-color: #f1f1f2;
}
.feature-style-two-card {
	padding: 20px;
	border-top: 5px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: var(--color-one-light);
	border-radius: 10px;
  border-bottom: 1px solid transparent;
	background-color: var(--color-white);
	height: 100%;
  transition: var(--transition);
}

.feature-style-two-card:hover{
	border-bottom: 1px solid var(--color-one-light);
}
.img-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #f1f1f2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.img-content img{
  width: 60px;
}

.img-content h4{
  margin-bottom: 0;
}

.gap-bottom{
  margin-bottom: 30px;
}

.rating{
  background-color: var(--color-black);
  padding: 20px;
}

.rating-content{
  display: flex;
  align-items: center;
  gap: 30px;
  text-align: center;
  justify-content: center;
}
.rating-content h6{
  color: var(--color-white);
  font-size: 16px;
  margin-bottom: 0;
}

.rating-content i{
  background-color:var(--color-one) ;
  padding: 0px 4px;
  font-size: 20px;
  color: var(--color-white);
}
.color-one{
  color: var(--color-one)!important;
}

.feature-style-three {
	display: flex;
	align-items: start;
	gap: 40px;
	margin-bottom: 30px;
}
.feature-style-three:nth-child(3n){
	margin-bottom: unset!important;
}

.feature-style-three .icon {
	background-color: var(--color-one-dark);
	padding: 16px;
	border-radius: 50%;
	position: relative;
}

.feature-style-three.after .icon::after {
	content: "";
	height: 100%;
	position: absolute;
	top: 100%;
	left: 50%;
	border: 1px solid #d6d6d6;
	height: 40px;
	width: 1px;
	transform: ();
	transform: translatey(18%);
}
.feature-style-three.after .icon::before {
	content: "";
	height: 100%;
	position: absolute;
	top: 100%;
	left: 45%;
	border: 1px solid #d6d6d6;
	height: 40px;
	width: 1px;
	transform: ();
	transform: translatey(18%);
}


.feature-style-three .icon img{
  max-width: 60px;
}


.carousel-indicators [data-bs-target] {
	background-color: #bdbaba;
}


@media(max-width:480px){
  .banner-heading h1 {
    font-size: 40px;
  }
  .banner-heading h2 {
    font-size: 35px;

  }

  .banner-top-search {
    display: block;
    position: relative;
    margin-top: 15px;
  }
  .banner-top-search input::placeholder {
    font-size: 15px;
  }

  .banner-top-search button {
    position: unset;
    border-radius: 10px;
    width: 100%;
    margin: 15px 0;
  }

  .banner-top-search img {
    position: absolute;
    left: 0;
    top: 23%;
    width: 40px;
    transform: translateY(-50%);
    margin-inline-start: 12px;
  }
  .swiper-testimonilas-two-heading .swiper-buttons {
    justify-content: center!important;
  }

  .feature-style-three {
    display: block;
    margin-bottom: 10px;
  }
  .feature-style-three .icon {
    width: fit-content;
    position: unset;
    margin-bottom: 10px;
  }

  .feature-style-three .icon {
    padding: 10px;
  }
  .feature-style-three .icon img {
    max-width: 45px;
  }
  .banner-heading p {
    font-size: 18px;
  }
  .feature-style-three.after .icon::before {
    display: none;
  }
  .feature-style-three.after .icon::after {
    display: none;
  }

  .payment-methods{
      margin-top: 15px;
  }
  .payment-methods ul {
    margin-top: 10px!important;
    float: left!important;
  }
  .rating-content {
    display: block;
  }
  .rating-content .rating-star{
      margin-bottom: 0!important;
  }

  .rating-content h6 {
    margin: 10px 0px;
  }

}


.grp-btns{
  display: flex;
  align-items: center;
  gap: 20px;
}

@media(max-width:480px){
  .grp-btns{
    display: block;
    text-align: center;
  }
  .grp-btns .btn-01{
    margin-bottom: 15px;
    width: 100%;
  }
}

.link-one{
  font-size: 20px;
  font-weight: 500;
  color: var(--color-one);
}

.hero-banner span{
  font-size: 16px;
  font-weight: 600;
  color: var(--color-one);
}

.feature-style-six{
  display: flex;
  align-items: start;
  gap: 15px;
}

@media(max-width:480px){
  .feature-style-six{
    display: block;
    text-align: center;
  }
}

.feature-style-six .content h4 {
	font-size: 20px;
	color: #373737;
	font-weight: 600;
}
.feature-style-six .icon img {
	max-width: 40px;
}


@media(max-width:480px){
  .feature-style-six{
    display: block;
    text-align: center;
  }

  .feature-style-six .icon img {
    max-width: 60px;
  }
  .feature-style-six .content h4 {
    margin: 15px 0px 20px 0px;
  }
}

.grp-bg{
  position: relative;
  padding: 30px;
}

.bg-dark-one::before{
    content: "/";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; 
    height: 100%;
    background-color: #222933;
    z-index: -1;
}
.bg-dark-two::after{
    content: "/";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%; 
    height: 100%;
    background-color: #161e27;
    z-index: -1;
}

.bg-dark-one h4 ,.bg-dark-two h4{
  color: #ffffff!important;
}
.bg-dark-one p ,.bg-dark-two p{
  color: #b3bec7;
}

.bg-dark-one img ,.bg-dark-two img {
	max-width: 60px!important;
}

.bg-dark-two .icon{
  margin-inline-start: 15px;
}


.contact-sec .support-img img{
  max-height: 300px;
}
/* ====================plan one css start ====================== */

.plan-style-one {
	background-color: var(--color-white);
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	box-shadow: rgba(100, 100, 111, .3) 0px 7px 10px 0px;
	height: 100%;
}
.plan-style-one .icon{
  margin: 20px 0px;
}
.plan-style-one .icon img{
  width: 60px;
}
.plan-style-one label{
  font-size: 15px;
}
.plan-style-one span.price{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}

.plan-style-one span.price sup{
  top: unset;
}

ul.list {
	margin-top: 15px;
	text-align: center;
}
ul.list li {
	color: #425466;
	font-size: 15px;
	line-height: 35px;
}

.plan-policy{
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #e9ebf1;
  padding:15px;
  border-radius: 10px;
}
.plan-policy .icon img{
 width: 40px;
}
.plan-policy .content p{
  font-size: 15px;
  margin: 0;
 }


 .bottom-plan{
  padding: 20px;
  border-radius: 10px;
  background-color: var(--color-white);
  box-shadow: rgba(100, 100, 111, .3) 0px 7px 10px 0px;
 }
 .bottom-plan .plan-content{
  height: 100%;
 }

 .bottom-plan .plan-content:nth-child(-n+3) {
	margin-bottom:20px;
}

 .bottom-plan .plan-content h6 {
	font-size: 17px;
	font-weight: 600;
	color: #666666;
  display: flex;
  align-items:statrt;
  gap: 8px;
}
.bottom-plan .plan-content.borderd {
	border-top: 1px dashed #ccd2e2;
	padding: 20px 0px;
}

.bottom-plan .plan-content h6::before {
	content: "\F272";
  font-family: "bootstrap-icons";
  font-size: 20px;
  color: var(--color-one-dark);
}



.just-one-click-images{
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width:575px) {
  .just-one-click-images {
    flex-wrap: unset;
     overflow: auto;
     padding-bottom: 15px;
     display: inline-flex;
  }
}

.just-one-click{
  padding: 20px;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background: #fff;
}

@media (max-width:575px) {
  .just-one-click-images   .just-one-click{
   box-shadow: unset;
   display: block ruby;
   width: max-content;
  }
}



ul.check li{
  display: flex;
  align-items: start;
  gap: 8px;
}

ul.check li::before{
    content: "\F272";
    font-family: "bootstrap-icons";
    font-size: 20px;
    color: var(--color-one-dark);
}

.check.d-flex{
  display: flex;
  flex-wrap: wrap;
}
.check.d-flex li {
	padding: 0px 20px 0px 0px;
	font-weight: 600;
	max-width: 50%;
	min-width: 50%;
}

@media (max-width:767px) {
  ul.check.d-flex{
    flex-wrap: wrap;
  }
  .check.d-flex li{
    max-width: 100%;
	min-width: 100%;
  }
}

p strong , li strong{
  font-weight: 600!important;
  color: #666666!important;
}

.check.fw-600{
  padding: 0px 20px 0px 0px;
	font-weight: 600;
}
.bor-radius{
  border-radius: 10px;
}


.banner-img img {
	position: absolute;
	right: 0;
	bottom: -11%;
}

ul.feature-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
  justify-content: center;
}
ul.feature-list li{
  display: block;
	cursor: auto;
	position: relative;
	width: 19%;
  margin: 0px 10px 10px 0px;
}

@media (max-width:991px) {
  ul.feature-list li{
    width: 32%;
  }
}

@media (max-width:767px) {
  ul.feature-list li{
    width: 48%;
  }
}

@media (max-width: 550px) {
  ul.feature-list li{
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
}


.domain-transfer-wrap{
  display: block;
}

.domain-transfer-wrap .domain-transfer-form{
  display: flex;
  flex-direction: column;
}

.domain-transfer-wrap .domain-transfer-form .label {
	font-size: 16px;
	color: var(--color-one);
	margin-bottom: 10px;
	font-weight: 600;
}
.domain-transfer-wrap .domain-transfer-form .input {
	width: 100%;
	position: relative;
	display: block;
	border: 2px solid;
	box-shadow: unset;
	outline: unset;
	padding: 10px 15px;
	font-size: 16px;
	color: #666;
	border-radius: 10px;
	margin-bottom: 10px;
	background: #fff;
	border-color: var(--color-one-dark);
}
.domain-transfer-wrap .domain-transfer-form .input-text{
  font-size: 16px;
  color: #5E5E5E;
  margin-bottom: 10px;
}

.domain-transfer-wrap .domain-transfer-form .input-text a{
  color: rgb(var(var(--color-one)));
}


.domain-transfer-wrap .domain-transfer-form .submit{
  width: 100%;
  position: relative;
  display: block;
  border: 0;
  box-shadow: unset;
  outline: unset;
  padding: 10px 20px;
  background: rgb(var(var(--color-one)));
  font-size: 17px;
  border-radius: 5px;
  color: #fff;
  transition: all 0.5s;
  margin-top: 10px;
}

.domain-transfer-wrap .domain-transfer-form .submit:hover{
  background: rgb(var(var(--color-one)-dark));
}

.domain-transfer-wrap button {
	border: unset;
	display: flex;
	align-items: center;
	padding: 10px 42px;
}
.domain-transfer-wrap button span{
 color: var(--color-white);
}

.feature-style-nine-card{
    border: 2px solid #e4e4e4;
    padding: 20px;
    border-radius: 10px;
   height: 100%;
}

.feature-style-nine-card .img-content{
    border-bottom: unset;
}


.underhood-content{
  display: block;
}

.underhood-content h4 {
	font-size: 21px;
	color: var(--color-one-dark);
	line-height: 1;
	margin-bottom: 15px;
	font-weight: 600;
	text-align: start;
}

.underhood-content ul{
  margin: 0px !important;
  padding: 0px !important;
  list-style: none !important;
}

.underhood-content ul li {
	padding-inline-start: 25px;
	position: relative;
	padding-block-end: 10px;
	font-size: 17px;
	color: #6c757d;
	font-weight: 500;
}

.underhood-content ul li:last-child{
  padding-block-end: 0px;
}

.underhood-content ul li::before {
	content: "\F272";
	font-family: "bootstrap-icons";
	font-size: 17px;
	color: var(--color-one-dark);
	text-align: start;
	inset-inline-start: 2px;
	inset-block-start: 2px;
	position: absolute;
	/* top: 0; */
}
.br-0{
  border: unset;
}

.feature-style-ten{
  display: flex;
  align-items: start;
  gap: 20px;
}

.feature-style-ten h5 {
	font-size: 17px;
	font-weight: 600;
}
.feature-style-ten p {
	font-size: 15px;
	font-weight: 600;
}

.feature-style-ten .icon {
	width: 40px !important;
	height: 40px !important;
	justify-content: center;
	display: flex;
	align-items: center;
	line-height: 1;
	background: var(--color-one);
	border-radius: 100%;
	color: var(--color-white);
	font-size: 18px;
}

@media(max-width:480px){
  .feature-style-ten{
    display: block;

  }
  .feature-style-ten .icon {
    margin-bottom: 10px;
  }
}

.feature-style-six.two .icon img{
    max-width: 30px;

}


 /* =========Domain Register======== */


.domain-register-wrapper {
	padding-bottom: 40px;
}
.domain-register {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	padding: 24px 10px 30px;
	margin: 0 0 30px 0;
	text-align: center;
	border-radius: 10px;
  transition: var(--transition);
}

.domain-register:hover {
	box-shadow: 0 0 5px rgb(25, 149, 173);
}
.domain-register h4 {
	font-size: 40px;
	margin: 0;
  color: var(--color-one-dark);
}
.domain-register p {
	font-size: 13px;
	line-height: 18px;
}
.domain-register h5 {
	font-size: 24px;
	line-height: 32px;
}
.domain-register h5 span {
	text-decoration: line-through;
	font-size: 16px;
	padding: 0 0 0 5px;
}

.login-form {
	background: var(--color-white);
	border-radius: 10px;
}
.login-form h4 {
	margin-bottom: 20px;
}

.login-content {
	padding: 50px;
}
.login-content input {
	margin-bottom: 20px;
	font-size: 16px;
	border: 1px solid var(--color-one-dark);
	padding: 10px;
}

.login-content .btn-01{
  margin: 20px 0px!important;
  border: unset;
}

.login-content .for-signup a{
  font-size: 18px;
  color: var(--color-one-dark);
  font-weight: 500;
}
.login-img img{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.register-form {
	background: var(--color-white);
	padding: 50px;
	border-radius: 10px;
}
.register-form input{
	margin-bottom: 20px;
  border: 1px solid var(--color-one-dark);
  padding: 10px;
}
.register-form .btn-01{
  border: unset;
}

  input:focus {
    border-color: var(--color-one-dark)!important;
    box-shadow: unset!important;
}

.register-form .for-signup a{
  font-size: 18px;
  color: var(--color-one-dark);
  font-weight: 500;
}

textarea {
	border: 1px solid var(--color-one-dark)!important;
}

textarea {
    border-color: var(--color-one-dark)!important;
    box-shadow: unset!important;
}



@media(max-width:480px){
  .login-content {
    padding: 10px;
  }
  .register-form {
    padding: 10px;
  }
}

.blog-content {
  padding: 20px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.card-feature-seven {
  height: 100%;
}
.card-feature-seven img {
  border-radius: 6px 6px 0px 0px;
}
.blog-heading {
  display: flex;
  align-items: center;
  gap: 30px;
}
.blog-content .blog-heading a {
	font-size: 18px;
	font-weight: 600;
}
.blog-content .blog-heading span {
  position: relative;
}
.blog-content .blog-heading span::after {
	position: absolute;
	content: "";
	height: 6px;
	width: 6px;
	background: var(--color-one-dark);
	border-radius: 50%;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.blog-link {
  font-size: 22px;
  font-weight: 600;
  transition: var(--transition);
  margin-top: 10px;
  display: block;
}
.blog-link:hover {
	color: var(--color-one-dark);
}
.top-border {
	border-top: 1px solid #E6E4E4 !important;
}
.about-blogger {
  display: flex;
  align-items: center;
  gap: 20px;
}
.blog-author img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.author-content span {
  font-size: 18px;
  font-weight: 600;
}
.author-content label {
  font-size: 14px;
  font-weight: 500;
}

.legal-agreement {
  background: var(--color-white);
  border-radius: 6px;
  padding: 50px;
}
.legal-agreement h3 {
  font-size: 40px;
  margin-bottom: 10px;
  color: var(--color-one-dark);
}
.legal-agreement h2 {
  font-size: 48px;
  margin-bottom: 10px;
  color: var(--color-one-dark);
}
.legal-agreement p {
	font-size: 18px;
	margin-bottom: 0px;
	color: #373737;
}
.legal-agreement h4 {
	font-size: 30px;
	margin-bottom: 12px;
	margin-top: 30px;
	color: var(--color-one);
	font-weight: 500;
}
.legal-agreement p span {
  font-size: 18px;
  margin-bottom: 0px;
  color: var(--color-one);
}
@media(max-width:580px) {
  .legal-agreement {
      background: var(--color-white);
      border-radius: 6px;
      padding: 20px 10px;
  }
  .legal-agreement h4 {
      font-size: 20px;
  }
}

/* ====================bussiness plan css start ====================== */
.horizontal-plans {
	border: 1px solid var(--color-one-dark);
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
	padding: 42px 42px;
	background: var(--color-white);
}

.horizontal-plans .form-label {
	color: var(--color-one-dark);
	font-weight: 600;
}

.horizontal-plans .form-control{
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: var(--color-white);
  border: 1px solid var(--color-one-light);
  border-radius: 10px;
}

.horizontal-plans .btn-01 {
	display: block;
	padding: 6px;
	margin-top: 31px !important;
	width: 100%;
	border: unset;
}



/* ====================bussiness plan css end ====================== */
/* ====================domain table css start ====================== */
.domain-tld-table table{
  background-color: #fff;
  border-radius: 20px 20px 20px 20px;
  border-style: none;
  width: 100%;
}
@media (max-width:767px) {
  .domain-tld-table table{
    margin-bottom: 15px;
  } 
}

.domain-tld-table table thead tr{
  border-bottom: none;
  background-color: #fff;
}

.domain-tld-table table thead tr th {
	padding: 23px 58px 23px 58px;
	text-align: start;
	background-color: var(--color-one-dark);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

@media (max-width:767px) {
  .domain-tld-table table thead tr th{
    padding: 20px;
    white-space: nowrap;
  }
}

.domain-tld-table table thead tr th:first-child{
  border-top-left-radius: 10px;
}
.domain-tld-table table thead tr th:last-child{
  border-top-right-radius: 10px;
}

.domain-tld-table table tbody tr{
  border-bottom: 1px solid #efefef;
  background: #f9f9f9;
}

.domain-tld-table table tbody tr td {
	color: #373737;
	padding: 17px 76px 17px 58px;
	text-align: start;
	font-weight: 300;
	font-size: 17px;
}


@media (max-width:767px) {
  .domain-tld-table table tbody tr td{
    padding: 20px;
    white-space: nowrap;
  }
}

.domain-tld-table table tbody tr td:first-child {
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}

/* ====================domain table css end ====================== */
/* ====================table-plan css start ====================== */

.table-plans table {
	background: var(--color-one);
	box-shadow: rgba(100, 100, 111, .3) 0px 7px 10px 0px;
}
.table-plans > .table-responsive{
  box-shadow: rgba(100, 100, 111, .3) 0px 7px 10px 0px;
}

.table-plans > .table-responsive > table thead {
	border: 1px solid var(--color-one);
}
.table-plans > .table-responsive > table thead th {
	background: var(--color-white);
	min-width: 220px;
}
.table-plans > .table-responsive > table thead th {
	border: none;
	text-align: center;
	border-right: 1px solid;
	border-color: var(--color-one);
	vertical-align: middle;
	border-top: 1px solid var(--color-one);
}

.table-plans > .table-responsive > table thead th:nth-child(2) {
border-radius: 0px 0 0 0;
}

.table-plans>.table-responsive>table thead th:first-child{
  border-radius: 4px 0 0 0;
}

[dir="rtl"] .table-plans>.table-responsive>table thead th:first-child{
  border-radius: 0px 4px 0 0;
}

[dir="rtl"] .table-plans>.table-responsive>table thead th{
  border-right: unset;
  border-left: 1px solid;
}


.table-plans > .table-responsive > table thead th:last-child {
  /* border-right: 0; */
  border-radius: 0 4px 0 0;
}

[dir="rtl"] .table-plans>.table-responsive>table thead th:last-child{
  border-right: unset;
  border-left: 0;
  border-radius: 4px 0px 0 0;
}



.table-plans > .table-responsive > table thead th:first-child {
  text-align: left;
  font-size: 16px;
  color: var(--color-common);
/*  width: 17.2%;*/
  min-width: 200px;
  vertical-align: bottom;
  border-radius: 0px;
  border-left: 1px solid var(--color-common);
  border-top: 1px solid var(--color-common);
}
[dir="rtl"] .table-plans>.table-responsive>table thead th:first-child{
  text-align: right;
}

.table-plans > .table-responsive > table thead th .name {
  font-size: 22px;
  color: var(var(--color-one));
  margin-bottom: 0;
  font-weight: 600;
}

.table-plans > .table-responsive > table thead th .price {
  font-size: 24px;
  color: var(--color-common);
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.5;
}

.table-plans > .table-responsive > table thead th .cuttedprice {
  font-size: 16px;
  color: var(--color-common);
  margin-bottom: 0;
  font-weight: normal;
  text-decoration: line-through;
}

.table-plans>.table-responsive>table thead th .cuttedprice.unset{
  text-decoration: unset;
}

.table-plans > .table-responsive > table thead th a {
	margin: 5px auto;
	display: block;
}

.table-plans > .table-responsive > table thead th a.btn-01 {
	padding: 7px 35px;
}


.table-plans tbody.tbody-collapsed tr:not(:first-child) {
  display: none;
}

.table-plans tbody th {
	border: 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--color-one);
}
.table-plans tbody th.tbale-titles {
	background: var(--color-one-dark);
	padding: 0;
}

.table-plans tbody tr th span.table-toogler {
  display: block;
  position: relative;
  padding: 7px 48px 7px 24px;
  color: var(--color-white);
  font-size: 18px;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
}

.table-plans tbody tr th span.table-toogler::before {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-top: none;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid #fff;
  border-left: 7px solid rgba(0,0,0,0);
  content: "";
  transition: all 0.5s;
}

.table-plans tbody.tbody-collapsed tr th span.table-toogler::before{
  transform: rotate(180deg);
}

.table-plans tbody tr th.first-coloumn {
	background: var(--color-white);
	border-right: 1px solid var(--color-one);
}

.table-plans tbody tr th.first-coloumn .main-headings {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.table-plans tbody tr th.first-coloumn .main-headings span.name {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-one-dark);
	line-height: 1.5;
}
.table-plans tbody tr th.first-coloumn .main-headings span.icons-views{
  position: relative;
}
.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .icon {
  width: 21px;
  height: 21px;
  line-height: 21px;
  font-weight: 500;
  font-size: 14px;
  background: var(var(--color-one));
  border-radius: 50%;
  display: block;
  text-align: center;
  color: var(--color-white);
}

.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 6px;
  text-align: left;
  cursor: auto;
  z-index: 999;
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
  transform: translate(4%, -50%);
}

[dir="rtl"] .table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content {
  left: auto;
  right: 50%;
  text-align: right;
  transform: translate(-4%, -50%);
}

.table-plans tbody tr th.first-coloumn .main-headings span.icons-views:hover .content{
display: block;
visibility: visible;
opacity: 1;
}

.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content .icon-toogler{
position: absolute;
width: 30px;
height: 30px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #6d6e70;
top: 42%;
}


.table-plans tbody tr th.first-coloumn .main-headings span.icons-views .content .tootips-contens {
  display: inline-block;
  width: 260px;
  padding: 15px 20px;
  border-radius: 5px;
  background: #6d6e70;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
  box-shadow: 0 0 15px rgba(0,0,0,.3);
  z-index: 1;
  position: relative;
}

.table-plans .table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--color-one-dark);
}


.table-plans tbody tr td {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var(--color-one);
	font-size: 14px;
	color: var(--color-one-dark);
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid;
}

.table-plans tbody tr td .bi-check-circle {
	color: var(--color-one-dark);
}


.tabings .tabs.column-type{
flex-direction: column;  
}
.tabings .tabs.column-type .tabbutton {
  padding: 13px 20px;
  color: #333333;
  border: 1px solid;
  text-align: left;
  font-size: 15px;
  display: flex;
  align-items: center;
  background: #f9f9f9;
  width: 100%;
  border-bottom: unset;
  border-color: #e8e8e8;
}
.tabings .tabs.column-type .tabbutton:last-child{
  border-bottom: 1px solid #e8e8e8;
}
.tabings .tabs.column-type .tabbutton i{
margin-right: 10px;
}

[dir="rtl"] .tabings .tabs.column-type .tabbutton i{
margin-right: unset;
margin-left: 10px;

}


.tabings .tabs.column-type .tabbutton.active {
  color: rgb(var(var(--color-one)));
}
.tabscontents{
  display: none;
}

.tabscontents.active{
  display: block;
}

.bg-pattern-2 .tabscontents ul li{
  display: flex;
  align-items:center;
}
.bg-pattern-2 .tabscontents ul li::before {
  content: "\F4B6";
  font-size: 25px;
  color: var(var(--color-one));
  font-family: bootstrap-icons;
  margin-right: 10px;
}













/* ====================table-plan css end ====================== */

/* ====================vps-plan css start ====================== */
.vps-plan {
	box-shadow: rgba(100, 100, 111, .3) 0px 7px 10px 0px;
	background-color: var(--color-white);
	padding: 20px 30px;
	margin-top: 50px;
  position: relative;
}


.vps-plan::after {
	content: "in stock";
	position: absolute;
	right: 0;
	top: 7%;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 15px solid white;
	border-top: 15px solid #ea0606;
	border-bottom: 15px solid #ea0606;
	width: fit-content;
	align-items: center;
	display: flex;
	width: 120px;
	font-size: 15px;
	color: var(--color-white);
	font-weight: 600;
	padding: 0px 20px;
}
.vps-planr:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid red;
  border-top: 20px solid red;
  border-bottom: 20px solid red;
}
.vps-plan-name{
  
  text-align: start;
}

.about-plan{
  display: flex;
  align-items: center;
  gap: 8px;
}

.about-plan .icon i {
	font-size: 28px;
	color: #b7bfc3;
}

.about-plan .plan-content h6 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
	color: #4c575e;
}

.about-plan .plan-content label {
	font-size: 14px;
	color: #4c575e;
	font-weight: 500;
}


.vps-plan .vps-plan-name .btn-01 {
	display: block;
	width: fit-content;
	font-size: 18px;
	font-weight: 600;
	background-color: rgb(25, 149, 173);
	color: var(--color-white);
	transition: var(--transition);
	padding: 10px 30px;
	border-radius: 10px;
}
.float-r{
  float: right;
}



/* ====================vps-plan css end ====================== */

 /* == tabbing  css ====*/

 .nav-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}
 .tabcontent {
  display: none;
}

.tabcontent.active {
  display: block;
}

.nav-links {
	background-color: #fff;
	border: 1px solid var(--color-white);
	cursor: pointer;
	padding: 10px 40px 10px 10px;
	font-size: 16px;
	width: fit-content;
	border-radius: 10px;
	font-weight: 600;
	color: #425466;
	position: relative;
}

.nav-links img{
  width: 30px;
  margin-inline-end: 10px;
}
.nav-links::after {
	content: "\F28A";
	font-family: "bootstrap-icons";
	font-weight: 900;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
  transition: var(--transition);
}


.nav-links.active {
	border: 1px solid var(--color-one);
}

.nav-links.active::after {
	content: "\F26B";
	font-family: "bootstrap-icons";
	font-weight: 900;
	position: absolute;
	right: 3%;
	top: 50%;
	transform: translateY(-50%);
  transition: var(--transition);
  color: var(--color-one);
}


@media(max-width:992px){
  .nav-item {
    display: block;
  }

  /* .nav-item .nav-links:nth-child(1),
  .nav-item .nav-links:nth-child(2) {
    margin-bottom: 20px;
} */
.nav-item .nav-links {
  margin-bottom: 20px;
}

.nav-item .nav-links:last-of-type {
  margin-bottom: 0;
}

}

@media(max-width:480px){
  .nav-item .nav-links{
    width: 100%;
  }
}

/* ==tabbing css end ====*/

/* ====================accordion css start ====================== */
.accordion-button:not(.collapsed) {
	color: unset;
	background-color: unset;
	box-shadow: unset;
	border: unset;
}
.accordion-button {
	font-size: 23px;
	font-weight: 500;
	padding-left: 0;
}

.accordion-body {
	font-size: 16px;
	color: #666;
	font-weight: 500;
  padding-left: 0;
}

.accordion-body a {
	color: var(--color-one-dark);
	font-weight: 600;
}
.accordion-button:focus {
	z-index: 3;
	border-color: var(--bs-accordion-btn-focus-border-color);
	outline: 0;
	box-shadow: unset;
}

.accordion-button::after {
	display: none;
}

.accordion-item {
	border-left: unset;
	border-right: unset;
	border-top: unset;
}

.faq-content{
  padding: 50px;
  border-radius: 10px;
  background-color: var(--color-white);
}
@media (max-width:767px) {
  .faq-content{
    padding: 20px;
  }
}
.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}
/* ====================accordion css end ====================== */




/*======================btn css start====================*/

.btn-01 {
	display: block;
	width: fit-content;
	font-size: 18px;
	font-weight: 400;
	background-color: rgb(25, 149, 173);
	color: var(--color-white);
	transition: var(--transition);
	padding: 7px 42px;
	border-radius: 5px;
}

.btn-01:hover{
  background-color: var(--color-one-dark);
}

.btn-01.search:hover{
  background-color: var(--color-one);
}

.top-button {
	font-size: 17px;
	font-weight: 400;
	background: var(--color-one);
	color: var(--color-white);
	padding: 3px 10px;
	border: 1px solid var(--color-one);
	border-radius: 5px;
}




 /* ====================testimonial start====================== */


.abt-testifeatures-two {
  border-right: 2px solid #e4e4e4;
  text-align: end;
  padding-inline-end: 15px;
}

.abt-testifeatures-two h4{
  font-weight: 500;
}

.abt-testifeatures-two i {
	font-size: 16px;
	color: var(--color-white);
	background: var(--color-one);
	padding: 4px;
}
.abt-testifeatures-two h2 ,.abt-testifeatures-two h4{
 margin-bottom: 15px;
}

.abt-testifeatures-two h4 span{
  border-bottom: 2px solid #2bae78;
  color: #2bae78;
}

.testifeatures-two{
  height: 100%;
}

.testifeatures-two .author-dtl{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}
.testifeatures-two .author-dtl .author img {
  width: 60px;
  height: auto;
  border-radius: 50%;
}
.testifeatures-two .d-rating i {
  background:var(--color-one);
  padding: 4px;
}

.testifeatures-two .d-rating i {
  color: var(--color-white);
}

.testifeatures-two {
  border: 2px solid #e4e4e4;
  padding: 20px;
  border-radius: 10px;
}

.abt-testifeatures-two h6 {
	font-size: 15px;
	margin: 15px 0px;
	font-weight: 600;
}

.abt-testifeatures-two h6 span{
	border-bottom: 2px solid var(--color-one);
	color: var(--color-one);
	font-weight: 600;
}

.testifeatures-two p{
  font-size: 16px;
  color: #666666;
}
.testifeatures-two label {
	color: var(--color-one);
}


@media(max-width:767px){
  .abt-testifeatures-two {
  border-right: unset;
  text-align: center;
}
}

.swiper-testimonilas-three .swiper-buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  justify-content: center;
}
.swiper-testimonilas-three .swiper-buttons button {
  background: #fff;
  width: 80px;
  height: 40px;
  display: flex;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
  align-items: center;
  color: #000;
  border: 0;
  border-radius: 21px;
  cursor: pointer;
}

.swiper-testimonilas-two-heading .swiper-buttons {
	display: flex;
	gap: 10px;
	width: 100%;
	justify-content: end;
}

.swiper-testimonilas-two-heading .swiper-buttons button {
	background: #f0f0f0;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	font-size: 10px;
	line-height: 1;
	align-items: center;
	color: #000;
	border: 0;
	border-radius: 21px;
	cursor: pointer;
}




/* ====================testimonial end====================== */


/* ====================footer css start====================== */
.main-footer{
  background-color: #161e27;
  padding: 50px 0px 20px 0px;
}

.footer-content h5 {
	font-size: 20px;
	color: var(--color-white);
	font-weight: 600;
	margin-bottom: 30px;
}
.footer-content ul li a{
  color: #9da7b0;
  font-size: 16px;
  line-height: 35px;
  transition: var(--transition);
}
.footer-content ul li a:hover{
  color: var(--color-one-light);
}
.footer-sign-up {
	margin-top: 15px;
	position: relative;
	margin-bottom: 20px;
}
.footer-sign-up input {
	width: 100%;
	padding: 10px;
	position: relative;
	border: 1px solid #9da7b0;
	background: unset;
}

.footer-sign-up input::placeholder {
  color: #9da7b0;
}

.footer-sign-up button {
	background-color: var(--color-one-dark);
	position: absolute;
	top: 50%;
	right: 1%;
	border: unset;
	transform: translateY(-50%);
}

.footer-sign-up button i {
	color: var(--color-white);
	font-size: 25px;
	padding: 0px 8px;
}
.footer-content.sign-up span{
  display: block;
 font-size: 16px;
 color: #9da7b0;
}

.main-footer .border{
 border-color: var(--color-one-dark)!important;
}

.footer-bottom-link p{
  display: flex;
  align-items: center;
  gap: 17px;
  flex-wrap: wrap;
  color: var(--color-white);
}
.footer-bottom-link p a{
  color: var(--color-white);
}

.footer-logo h2{
  color: var(--color-white);
}
.footer-logo span{
  color: #9da7b0;
}

.payment-methods h4{
  color: var(--color-white);
}
.payment-methods ul{
	display: flex;
	gap: 5px;
	margin-top: 20px;
  float: unset;
}

.accordion-item:last-of-type {
	border-bottom-right-radius: unset;
	border-bottom-left-radius: unset;
}
/* ====================footer css end====================== */


/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  inset-inline-end: 15px;
  bottom: -40px;
  z-index: 99999;
  background: var(--color-one);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.5s;
  cursor: pointer;
  border: 0;
  outline: unset;
  box-shadow: unset;
}

.scroll-top:after{
  position: absolute;
z-index: -1;
content: "";
top: 100%;
inset-inline-start: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scroll-top i {
	font-size: 24px;
	color: #fff;
	line-height: 0;
}

.scroll-top:hover {
  background: var(--color-one-dark);
  color: #fff;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

/* footer social media icon */

.footer-social-media{
  display: flex;
  flex-wrap: wrap;
}

.footer-social-media a {
  width: 35px;
  height: 35px;
  line-height: 40px;
  border-radius: 5px;
  border: 1px solid;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff;
  text-align: center;
  font-size: 15px;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
}

.footer-social-media a i{
font-size: 16px;
color: #fff;
}

.footer-social-media a:hover{
  background: rgba(255, 255, 255, 1) !important;
  border-color: rgba(255, 255, 255, 1) !important;
  color: var(--color-one);
}

.footer-social-media a:hover i{
  color: var(--color-one);
}