@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap");

/* * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  text-decoration: none;
  list-style: none;
 overflow-y: hidden;
  overflow-x: hidden; 
}  */

/* .container {
  max-width: 1390px;
  margin: 0px auto;
  padding: 80px 40px;
  overflow: hidden;
} */

/* utilities start */
:root {
  --primary-color: #14279b;
  --secondary-color: #0d0c22;
  --accent-p-color: #282626;
  --span-color: #626262;
}

/* h1 {
  font-size: 55px;
  color: var(--secondary-color);
  line-height: 78px;
} */

/* h2 {
  font-size: 36px;
  color: var(--secondary-color);
  line-height: 58px;
  font-weight: 600;
  letter-spacing: 0.224px;
} */

/* h3 {
  font-size: 28px;
  color: var(--secondary-color);
  line-height: 44px;
} */

/* h4 {
  font-size: 26px;
  color: var(--primary-color);
  line-height: 38px;
} */

/* h5 {
  font-size: 24px;
  color: var(--primary-color);
  line-height: 33px;
} */

/* h6 {
  font-size: 18px;
  color: var(--secondary-color);
} */

/* p {
  font-size: 16px;
  color: var(--accent-p-color);
  line-height: 24px;
}

span {
  color: var(--span-color);
}

a {
  font-size: 16px;
  line-height: 25px;
} */

/* button with animation start */
.primary-btn {
  color: #fff;
  border: 2px solid var(--primary-color);
  border-radius: 50px;
  padding: 8px 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 var(--primary-color);
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.8s;
  background: var(--primary-color);
  text-align: center;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}
.primary-btn:hover {
  color: var(--primary-color);
  background-color: #fff;
}
.slide_diagonal:hover {
  box-shadow: inset 400px 50px 0 0 #fff;
  color: #14279b !important;
  font-weight: 600;
}

#outer {
  text-align: center;
}

.secondary-btn {
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-radius: 50px;
  padding: 12px 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 var(--primary-color);
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.8s;
  background: #fff;
  text-align: center;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
}

.slide_diagonals:hover {
  box-shadow: inset 400px 50px 0 0 var(--primary-color);
  background: var(--primary-color);
  color: #fff;
}

#outers {
  text-align: center;
  margin-top: auto;
}

/* button with animation end */
/* utilities end */

/* nav section start */
.nav-p {
  background: #14279b;
  /* position: sticky; */
  z-index: 3;
  width: 100%;
  top: 0;
}

.nav-p .navp-con {
  /* height: 54px; */
  height: auto;
  padding: 0px 0px;
  max-width: 1390px;
  /* position: fixed; */
  margin: auto;
  top: 0px;
  background: var(--primary-color);
  z-index: 500;
  z-index: 500;
  /* border-bottom-right-radius: 15px;
  border-bottom-left-radius: 10px; */
}

.nav-p p {
  text-align: center;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.2224px;
  margin: auto;
  color: #fff;
  padding: 14px 20px;
}

.nav-p a {
  color: #fff;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  color: rgb(54, 54, 54);
  padding: 10px 30px;
  margin: 0px auto;
  /* border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px; */
  /* box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; */
  overflow: visible;
}

.menu {
  /* display: flex; */
  list-style: none;
  gap: 20px;
  justify-content: end;
}
main#home{
  top: 25px;
  position: relative;
}
.phone a {
  text-decoration: none;
}
nav {
  position: relative;
  top: 55px;
  width: 100%;
  background-color: #fff;
  z-index: 500;
  /* box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3); */
  top: 0;
  background: white;
}
#logo {
  display: none;
}
.menu ul {
  display: flex;
  list-style: none;
  margin-bottom: auto;
  padding-left: 0;
}

.menu li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #000;
  transition: background-color 0.3s ease;
  font-weight: 500;
  list-style: none;
}

.menu li:hover > a {
  /* background-color: #f5f9ff; */
  color: var(--primary-color);
  border-radius: 5px;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* .dropdown:hover .dropdown-menu {
  display: block;
} */

.dropdown-submenu-menu {
  display: none;
  position: absolute;
  top: 1%;
  width: 100%;
  margin-left: 5px;
  left: 100%;
  background-color: #ffffff;
  z-index: 99;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.dropdown-submenu-menu a {
  display: block;
}

.dropdown-menu,
.dropdown-submenu-menu {
  display: none;
}

.dropdown-menu.active,
.dropdown-submenu-menu.active {
  display: block;
}

.dropdown-submenu > a .fa-angle-down {
  display: none;
}

.dropdown-submenu > a .fa-angle-right {
  display: block;
}

.dropdown-submenu > a .fa-angle-down.active {
  display: block;
}

.dropdown-submenu > a .fa-angle-right.active {
  display: none;
}

li.dropdown-submenu {
  position: relative;
}

/* .dropdown-submenu:hover .dropdown-submenu-menu {
  display: block;
} */

/* .toggle {
  display: none;
  cursor: pointer;
  font-size: 24px;
  color: rgb(34, 34, 34);
} */

.nav-toggle {
  display: none;
  font-size: 24px;
}

.hover-link {
  color: var(--primary-text-color);
  transition: 0.2s ease-out;
  cursor: pointer;
}

.hover-link:hover {
  color: var(--accent-color);
  text-decoration: underline;
}

.hover-link:active {
  color: var(--primary-color);
}

.adder-icon {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.adder-icon i {
  font-size: 25px;
  margin-right: 8px;
}

.adder-icon a {
  /* padding: 10px 25px; */
  display: inline-flex;
}

.adder-icon1 {
  display: none;
}

/* header*/

/* nav section end */

/* home section start */

/* Index html starts here */
/* workspace bulk starts here */
.right-img {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 255px;
  /* bottom: 0; */
}

.left-img {
  position: absolute;
  z-index: 1;
  top: 245px;
}

.main-bgs {
  background-image: url("../images/f60host/home/main\ background\ index.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  margin-top: -152px;
}

.upper {
  text-align: center;
  padding-top: 212px;
  position: relative;
  z-index: 2;
}

.google-div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.google-div > p > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
}

.google-div > p > span:nth-child(1) {
  color: #427eeb;
}

.google-div > p > span:nth-child(2) {
  color: #e14435;
}

.google-div > p > span:nth-child(3) {
  color: #f3b50d;
}

.google-div > p > span:nth-child(4) {
  color: #4380ec;
}

.google-div > p > span:nth-child(5) {
  color: #3ca357;
}

.google-div > p > span:nth-child(6) {
  color: #e14435;
}

.google-div > p:nth-child(3) {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: #5f6269;
  margin-left: 3px;
}

.upper > h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 67px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: #0d0c22;
  padding-bottom: 10px;
}

.upper > span {
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: #626262;
  padding-top: 20px;
}

.upper .upper-a {
  margin: 50px 0px;
}

.upper > a {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: #ffffff;
  margin-top: 50px;
  margin-bottom: 50px;
}

.upper > a > i {
  margin-left: 10px;
}

/* .lower-in {
 background-image: url(../images/index-image.svg);
  height: 930px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  position: relative;
   width: 100%; 
} */

.main-bg-in {
  width: 100%;
  position: relative;
}

.lower-in .main-bg-in .l-bg-m img {
  width: 60%;
}

.in-img1 {
  position: absolute;
  top: 27%;
  left: 10%;
  width: 16%;
}

.lower-in > .in-img1 > img {
  width: 100%;
}

.in-img2 {
  position: absolute;
  bottom: 31%;
  left: 17%;
  width: 16%;
  bottom: 16%;
}

.lower-in > .in-img2 > img {
  width: 100%;
}

.in-img3 {
  position: absolute;
  top: 24%;
  right: 16%;
  width: 16%;
}

/* workspace bulk Ends here */

/* Cold email workflow starts here */
.cold {
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}

.cold > h2 {
  text-align: center;
  /* margin-bottom: 50px; */
}

.snake img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 94%;
  height: 77%;
  position: absolute;
  z-index: -5;
  top: 15%;
}

.cold-card {
  width: 70%;
  margin: 0 auto;
  border-radius: 29px;
  background: #f9f9f9;
  box-shadow: 0px 8px 20px 0px rgba(51, 51, 51, 0.25);
  padding: 50px 40px;
  display: flex;
  justify-content: space-between;
}

.cold-card > .cold-left {
  width: 40%;
  border-radius: 29px;
  border: 1px solid #14279b;
  background: #f9f9f9;
  box-shadow: 0px 4px 10px 0px rgba(51, 51, 51, 0.15);
  padding: 20px 20px;
}

.cold-card > .cold-right {
  width: 50%;
  display: flex;
  flex-direction: column;
}

/* cold card five added here */
/* .right-5{
  position: relative;
 } */

.side-icon {
  position: relative;
  bottom: 25.5%;
  left: 101%;
}

/* cold card five added here */
/* .cold-card>.cold-left>.cold-card1 {

} */

.cold-card .cold-left .cold-card1 p.domain {
  color: #14279b;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: center;
  margin-bottom: 20px;
}

/* .cold-card .cold-a {
  margin-top: auto;
} */

.cold-card .cold-a {
  margin-top: 50px;
}

.main-cold {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.flex-c {
  height: 110px;
  width: 110px;
  border-radius: 50%;
  background-color: #fff;
  padding: 20px;
  text-align: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.flex-c .flex1 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.flex > .flex1 > h5 {
  color: #241e6a;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.384px;
}

.flex > .flex1 > p {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.32px;
}

.flex > .flex1 > p:nth-child(3) {
  color: #525252;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.192px;
  text-decoration-line: strikethrough;
}

.down {
  margin-top: 20px;
  margin-left: 26px;
}

.up {
  margin-bottom: -114px;
}

.cold-right > h4 {
  color: #282626;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}

.cold-right > h4 > span {
  color: #14279b;
  font-weight: 600;
}

.cold-right > a {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.2px;
  margin-top: 20px;
  text-align: center;
}

.cold-right > a > i {
  margin-left: 10px;
}

.index-image {
  width: 100%;
}

.index-image > img {
  width: 100%;
}

/* Cold email workflow Ends here */

/* home section end */

/* reason section start */
.reason-section {
  background-image: url("../images/f60host/home/hreason.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 88px 80px;
  /* height: 449px; */
}

.reason-section .pricing-h2 h2 {
  font-weight: 600;
  text-align: center;
  color: #fff;
}

.reason-section .card .card-container {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  gap: 30px;
}

.reason-section .card .card-container .box {
  margin-top: 20px;
}

.reason-section .card .card-container .box .p.box-sub {
  font-size: 64px;
  font-weight: 800;
  line-height: 87px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
}

.reason-section .card .card-container .box p.box-sub {
  font-size: 54px;
  font-weight: 800;
  line-height: 87px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
}

.reason-section .card .card-container .box p {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  margin-top: 25px;
}

.reason-section .card .card-container .box hr {
  width: 83px;
  height: 2px;
  border: 2px;
  position: relative;
  background: #4380ec;
}

/* reason section end */

/* domain section start */
.domain-section {
  width: 100%;
}

.domain-section .card .card-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
}

.domain-section .card .card-container .box {
  width: 368px;
  display: flex;
  flex-direction: column;
  /* width: 100%; */
  border: 1px solid var(--primary-color);
  border-radius: 20px;
  padding: 30px 30px 40px 30px;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.domain-section .card .card-container .box .d-h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* .domain-section .card .card-container .box .d-h3 img {
  width: 20%;
} */
.domain-section .card .card-container .box .d-h3 h3 {
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: var(--primary-color);
}

.domain-section .card .card-container .box .d-yrs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 20px;
  /* margin: 30px 0px; */
  margin: 0px 0px 30px 0px;
}

.domain-section .card .card-container .box .d-yrs h3 {
  font-size: 58px;
  font-weight: 800;
  letter-spacing: 0.2224px;
  text-align: left;
}

.domain-section .card .card-container .box .d-yr span {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.2224px;
  text-align: left;
  color: var(--span-color);
}

.domain-section .card .card-container .box .d-offer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
  margin-left: 10px;
}

.domain-section .card .card-container .box .d-offer span {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.2224px;
  text-align: left;
  color: var(--span-color);
  text-decoration: line-through;
}

.domain-section .card .card-container .box .d-offer p {
  background: var(--primary-color);
  padding: 8px 15px;
  color: #fff;
  border-radius: 50px;
  text-align: center;
}

.domain-section .card .card-container .box .do-a {
  margin-top: auto;
}

.domain-section .card .card-container .box a {
  display: grid;
  /* width: 100%; */
  text-align: center;
}

.domain-section .card .domain-link {
  margin-top: 20px;
}

.domain-section .card .domain-link span {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.2224px;
  text-align: left;
  padding-left: 103px;
  color: var(--span-color);
}

.domain-section .card .domain-link a {
  cursor: pointer;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.2224px;
  text-align: left;
  text-decoration: none;
}

/* domain section end  */

/* need-section start */
.need-section {
  background-image: url(../images/hneed.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 50px;
}

.need-section .need-left h3 {
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--primary-color);
}

/* .need-section .need-right .need-call {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-right: 20px;
} */

.need-section a {
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: right;
  /* color: var(--primary-color); */
  text-decoration: none;
}

/* need-section end */
/*  */
/* footer-section start */

.footer-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
}

.footer-section .dis-non {
  display: none;
}

.footer-section .fb2 {
  margin: 40px 0px;
}

/* .footer-section img {
 width: 100%;
} */

.fcard-1 span:first-child {
  font-size: 18px;
  color: var(--secondary-color);
  font-weight: 900;
}

.fcard-2 span:first-child {
  font-size: 18px;
  color: var(--secondary-color);
  font-weight: 900;
}

.footer-section .fb3 img {
  width: 100%;
}

.footer-section .footer1 {
  text-align: left;
}

.footer-section .footer-icon i {
  background: var(--primary-color);
  color: #fff;
  padding: 12px 13px;
  border-radius: 50px;
  font-size: 25px;
  margin-right: 20px;
  margin-top: 30px;
}

.footer-section .footer-icon .fa-facebook-f {
  padding: 12px 16px;
}

.footer-section .dis-non {
  display: none;
}

.footer-section .footer-img {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  display: none;
}

.footer-section .fb4 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
}

.footer-section .fb4 p {
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1.2000000476837158px;
  text-align: left;
}

/* unbeatable section start */
.unbeatable-sec {
  width: 100%;
}

.unbeatable-sec .unbeat-h2 h2 {
  text-align: center;
}

.unbeatable-sec .unbeat-h2 p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2024px;
  text-align: center;
  color: var(--primary-color);
  margin-top: 10px;
}

.unbeatable-sec .unbeat-card {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

.unbeatable-sec .unbeat-card .unbeat-box {
  width: 665px;
  margin-top: 30px;
  /* background: var(--primary-color); */
  background: #fff;
  border-radius: 20px;
  padding: 10px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  box-shadow: 1px 1px 11px #14279b6b;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-all {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

/* .unbeatable-sec .unbeat-card .unbeat-box .unb-left {
  padding-top: 30px;
} */

.unbeatable-sec .unbeat-card .unbeat-box .unb-left h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.2224px;
  text-align: left;
  color: #14279b;
  margin-bottom: 10px;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-left h3 .unb-span {
  font-size: 22px !important;
  font-weight: 600;
  letter-spacing: 0.2224px !important;
  text-align: left !important;
  color: #000 !important;
  margin-bottom: 10px !important;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-left p.sub {
  font-size: 28px;
  font-weight: 700;
  line-height: 65px;
  letter-spacing: 0.2224px;
  text-align: left;
  color: #000;
  margin-top: 20px;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-left p {
  font-size: 48px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.2224px;
  text-align: left;
  color: #000;
  margin-top: 20px;
  display: inline-block;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-left span {
  font-size: 20px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.224px;
  text-align: left;
  color: #fff;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-right {
  border-left: 1px solid #aaa;
  padding: 20px 0px 0px 20px;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-right .unbr-con {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-right .unbr-con img {
  width: 16px;
  height: 16px;
  background: #14279b;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-right .unbr-con p {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: #000;
  margin-bottom: auto;
}

.unbeatable-sec .unbeat-card .unbeat-box .unb-right .unbr-con span {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: #fff;
}

.unbeatable-sec .unbeat-card .unbeat-box .unbaet-a {
  margin-top: auto;
    display: flex;
    justify-content: space-around;
}

.unbeatable-sec .unbeat-card .unbeat-box .unbaet-a a {
  /* width: 70%; */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border: 1px solid #fff;
  display: inline-flex;
  border-radius: 50px;
}

.unbeatable-sec .unbeat-card .unbeat-box .text-deco {
  text-decoration: line-through;
}

/* unbeatable section end */
/* add section start  */
.add-sec {
  width: 100%;
  padding: 80px 70px 0px 70px;
}

.add-sec .add-section {
  border-radius: 29px;
  border: 1px solid #bfc8ff;
  background: #f9f9f9;
  box-shadow: 0px 8px 20px 0px rgba(51, 51, 51, 0.25);
  padding: 50px;
  border-radius: 20px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 20px;
}

.add-sec .add-section .adds-left {
  width: 20%;
}

.add-sec .add-section .adds-right {
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.add-sec .add-section h3 {
  font-weight: 600;
  letter-spacing: 0.2224px;
  text-align: left;
  color: var(--primary-color);
}

p.adds-sub {
  line-height: 45px;
  font-weight: 600;
  letter-spacing: 0.2224px;
  text-align: left;
  color: var(--primary-color);
  font-size: 28px;
}

.add-sec .add-section span {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.2224px;
  text-align: left;
  color: var(--primary-color) !important;
  line-height: 1.5;
}

#plus {
  font-size: 60px;
}

/* add section end */

/* about page start */

/* start-up section start */
.startup-bg {
  width: 100%;
  background: linear-gradient(
    180deg,
    #e8fafd 0%,
    rgba(224, 246, 252, 0) 87.36%
  );
  margin-top: -153px;
}

.stup-top {
  position: relative;
  z-index: 1;
}

.stup-top .st-img1 {
  position: absolute;
  left: 0;
  top: 250px;
}

.stup-top .st-img2 {
  position: absolute;
  right: 0;
  top: 190px;
}

.startup-section {
  width: 100%;
  text-align: center;
}

.startup-section .st-h1 {
  font-size: 55px;
  font-weight: 700;
  line-height: 76px;
  letter-spacing: 0.2224px;
  color: #0d0c22;
  margin-top: 145px;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}

.startup-section .st-h1 span {
  color: var(--primary-color);
}

.startup-section .st-button {
  text-align: center;
  padding-top: 40px;
}

.startup-section .st-button .startup-a {
  display: flex;
  justify-content: center;
}

.startup-section .st-button .startup-a .startup-abtm {
  margin-right: 300px;
}

.startup-section .st-button .startup-a .startup-abtm a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--primary-color);
  font-weight: 600;
}

.startup-section .st-button .startup-a p {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.2224px;
  color: var(--primary-color);
  text-align: center;
  margin-top: -43px;
}

.startup-section .st-button .startup-a .startup-atop {
  display: flex;
  gap: 5px;
}

.startup-section .start-seller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin-top: 50px;
}

.startup-section .start-seller .st-sel {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

.startup-section .start-seller .st-sel img {
  width: 20px;
  height: 20px;
}

.startup-section .start-seller .st-sel p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.224px;
  text-align: left;
}

/* start-up section end */

/* journey section start */
.journey-sec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.journey-sec .jour-left {
  width: 50%;
}

.journey-sec .jour-right {
  width: 50%;
  display: flex;
  justify-content: center;
}

.journey-sec .jour-left h2 {
  font-size: 38px;
  text-align: left;
  color: #000;
}

.journey-sec .jour-left span {
  font-weight: 800;
  text-align: left;
  color: var(--primary-color);
}

.journey-sec .jour-left p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.224px;
  text-align: left;
  margin-top: 30px;
}

.journey-sec .jour-right .jour-rleft {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 50px;
}

.journey-sec .jour-right img {
  width: 100%;
}

.journey-sec .jour-right .jour-rright img {
  width: 100%;
}

.journey-sec .jour-right .jour-rright p {
  width: 150px;
  background: var(--primary-color);
  color: #fff;
  padding: 35px 10px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  letter-spacing: 0.2224px;
  text-align: center;
  /* position: absolute;
  top: -50px; */
  margin-top: -50px;
}

.journey-sec .jour-right .jour-rleft .jour-img {
  margin-bottom: 60px;
}

.journey-sec .jour-right .jour-rright .jour-imgdis {
  display: none;
  width: 100%;
}

/* journey section end */

/* our partner section start */
.ourpar-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.ourpar-section .ourp-left {
  width: 20%;
}

.ourpar-section .ourp-right {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.ourpar-section .ourp-left h5 {
  font-weight: 600;
  line-height: 39px;
  letter-spacing: 0.2224px;
  /* text-align: end; */
  color: #000;
}

/* our partner section end */
/* surprice section start */
.surprise-sec {
  width: 100%;
}

.surprise-sec .surp-h2 h2 {
  color: #000;
  text-align: center;
}

.surprise-sec .surp-h2 span {
  font-size: 38px;
  color: var(--primary-color);
}

.surprise-sec .sur-p {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.surprise-sec .surpri-top {
  display: none;
}

.surprise-sec .surp-mobile {
  display: none;
}

.surprise-sec .surp-mobile img {
  width: 100%;
}

.surprise-sec .surpri-top img {
  width: 100%;
}

.surprise-sec .sur-p .surp-left {
  text-align: center;
}

.surprise-sec .sur-p .surp-left .surp-top {
  position: relative;
  z-index: 1;
}

.surprise-sec .sur-p .surp-left .surp-top img {
  position: relative;
  z-index: 2;
  top: 212px;
}

.surprise-sec .sur-p .surp-left .surp-botttom img {
  width: 94%;
  margin-left: 80px;
}

.surprise-sec .sur-p .surp-left .surp-end {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.surprise-sec .sur-p .surp-left .surp-end .surend-img1 {
  margin-top: -72px;
  margin-right: 20px;
}

.surprise-sec .sur-p .surp-left .surp-end .surend-img2 {
  margin-top: -123px;
  margin-right: 115px;
}

.surprise-sec .sur-p .surp-right {
  padding-top: 60px;
}

/* surprice section end */

/*buy section start  */
.buy-section {
  width: 100%;
}

.buy-section .buy-h2 h2 {
  text-align: center;
}

.buy-section .buy-cont {
  background: url("../images/f60host/about/a-buy-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 50px;
}

.buy-section .buy-cont .buy-card {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 150px 20px;
  flex-wrap: wrap;
  gap: 30px;
}

.buy-section .buy-card .buy-box {
  background: url("../images/f60host/about/a-buy.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 284px;
  height: 284px;
  padding: 20px;
  text-align: center;
}

.buy-section .buy-card .buy-box h3 {
  font-size: 60px;
  font-weight: 800;
  line-height: 87px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
}

.buy-section .buy-card .buy-box hr {
  width: 80px;
  /* height: 5px; */
  background: #4380ec;
  /* color:#4380EC ; */
}

.buy-section .buy-card .buy-box p {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  margin-top: 10px;
}

.buy-section .buy-card .buy-box .by-b {
  padding-left: 50px;
  padding-top: 50px;
}

/* buy section end */

.country-sec {
  width: 100%;
}

.country-sec .cont-h2 h2 {
  text-align: center;
}

.country-sec .cont-h2 span {
  color: var(--primary-color);
}

.country-sec .count-all {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  flex-wrap: wrap;
}

.country-sec .count-all .count-a {
  margin-top: 10px;
}

.country-sec .count-all .count-a a {
  background: #f8f9ff;
  display: inline-flex;
  justify-content: center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 3px;
  color: var(--accent-p-color);
  width: 160px;
  margin: 0 auto;
}

.country-sec .count-p p {
  font-weight: 400;
  text-align: left;
  color: var(--accent-p-color);
  margin-top: 20px;
}

/* about page end */

/* footer-section start */

.footer-card-section {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.fcard-1 h1 {
  padding-bottom: 10px;
}

.fcard-3 {
  text-align: center;
}

.footer-our-product {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 10px 0px;
  margin-top: 10px;
}
.footer-our-product p{
  margin: 0;
}

.footer-our-product hr {
  width: 70px;
}

.fproduct-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 10px;
  flex-wrap: nowrap;
}

.fproduct-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: nowrap;
}

.f4-1-star {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 20px;
}

.f4-2 {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.f4-3 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
  justify-content: center;
}

.fcard-4 {
  text-align: center;
}

.customer-rating p {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.footer-card-section span {
  padding-bottom: 10px;
}

.footer-icon-section {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 30px;
  text-align: left;
  padding: 20px 0px 20px 0px;
}

.phone {
  display: flex;
  align-items: center;
  gap: 10px;
}

.phone a {
  font-size: 20px;
  color: rgb(0, 0, 126);
  text-decoration: underline;
}

.social-icon {
  display: flex;
  align-items: center;
  gap: 20px;
}

.reserved-section {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  gap: 30px;
}

.reserved-section p {
  color: #626262;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.2px;
}

.reserved-section hr {
  width: 452px;
  background-color: #14279b;
  height: 3px;
  outline: none;
  border: none;
}

.footer-dis {
  display: none;
}
.footer-main {
  padding-bottom: 20px;
}
.footer-main .footer-card-section .fcard-without-logo {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

.fcard-without-logo p {
  font-size: 14px;
}

.link-logo {
  display: none;
}

/* footer section end */
/* Aalain workspace css starts here */
/* upper section starts here */
.work-left {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 15%;
  top: 237px;
}

.work-left > img {
  width: 100%;
}

.hero-start span {
  font-size: 24px;
  color: var(--primary-color);
  line-height: 33px;
}

.work-right {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 224px;
  width: 12%;
}

.work-right > img {
  width: 100%;
}

.work-bg {
  /* background-image: url(../images/bg-again.svg); */
  /* min-height: 898px; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -158px;
  background: linear-gradient(
    180deg,
    #080067 0%,
    #0d00a4 52.2%,
    rgba(45, 52, 89, 0) 100%,
    #1000c3 100%
  );
}

.hero-start {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.hero-start > h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 75px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  margin-top: 160px;
}

.hero-start > span {
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(223, 223, 223, 1) !important;
}

.hero-start > .toggle-btn {
  background-color: #fff;
  padding: 10px 18px;
  border-radius: 51px;
  display: flex;
  margin-top: 40px;
}

.toggle-btn > .month {
  padding: 15px 29px;
}

.toggle-btn > .year {
  padding: 15px 29px;
}

.toggle-btn > .month > p {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(20, 39, 155, 1);
  cursor: pointer;
}

.toggle-btn > .year > p {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(20, 39, 155, 1);
  cursor: pointer;
  z-index: 5;
}

.activate {
  color: white !important;
  background-color: rgba(20, 39, 155, 1);
  border-radius: 60px;
  z-index: 2;
}

/*upper section  Ends here */
/* card starts here */
.card-work {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-top: 95px;
}

.card-work > .card-one {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: #fff;
  width: 400px;
  padding: 5px;
  padding-bottom: 30px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  align-self: normal;
}

.card-work .card-work-a a {
  display: grid;
}

.card-work .card-up {
  background-color: rgba(20, 39, 155, 1);
  padding-top: 45px;
  padding-bottom: 20px;
  padding-left: 21px;
  padding-right: 49px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 30px;
}

.card-work .card-one .card-up span {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(255, 255, 255, 1) !important;
}

#in-number {
  font-size: 48px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
}

#in-month {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
}

/* .card-work > .card-one > .card-up > .dollar-sect {
  display: flex;
  justify-content: space-between;
  align-items: center;
} */
/* .card-work > .card-one > .card-up > .dollar-sect > h1 > #dollar-sign {
  font-size: 48px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
} */
/* .card-work > .card-one > .card-up > .dollar-sect > h1 > #month {
  font-size: 20px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  margin-left: -101px;
  margin-top: 11px;
} */
/* .card-work > .card-one > .card-up > .dollar-sect > p {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.20000000298023224px;
    text-align: left;
    color: rgba(255, 234, 236, 1);
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: red;
  } */
.dollar-sect {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.dollar-sect > .rename {
  display: flex;
  justify-content: center;
  align-items: baseline;
  /* gap: 5px; */
  font-size: 30px;
  color: var(--secondary-color);
  line-height: 78px;
}

.dollar-sect > p:first-child {
  font-size: 20px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

/* .dollar-sect > p {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
} */
.dollar-sect > span > .in-number {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 0.20000000298023224px;
  /* text-align: left; */
  color: rgba(255, 255, 255, 1);
}

.dollar-sect > p {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 234, 236, 1);
}

.dollar-sect > span > .in-dollar {
  font-size: 20px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.dollar-sect > span > .in-month {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.card-work > .card-one > .card-up > p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.card-work .card-down {
  padding-left: 30px;
  padding-right: 30px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.card-down > .all-p {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

/* .card-down > .all-p > p {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(40, 38, 38, 0.8);
  flex-direction: row;
} */
.card-down > .all-p > p {
  display: flex;
  gap: 10px;
  align-items: center;
}

.card-down > .all-p > p > span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.2224px;
  text-align: left;
  color: rgba(40, 38, 38, 0.8);
}

/* .card-down > .all-p > p:nth-child(5){
  margin-bottom: 20px;
} */
.card-down > .all-p > p > i {
  font-weight: 600;
  font-size: 20px;
  color: rgba(20, 39, 155, 1);
}

.card-one > .card-down > .all-p .down-btn {
  background-color: rgba(20, 39, 155, 1);
  text-align: center;
  padding: 18px 18px;
  border-radius: 50px;
  border: 1px solid rgba(20, 39, 155, 1);
  margin-top: auto;
}

.card-one > .card-down > .all-p .down-btn > a {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  /* text-align: left; */
  color: rgb(255, 255, 255);
  /* margin-top: auto;
  align-items: last baseline; */
}

.down-img {
  position: absolute;
  bottom: -8px;
  right: 0;
  overflow: hidden;
  z-index: 1;
}

.color-change {
  background-color: rgba(246, 246, 246, 1) !important;
}

/* card Ends here */
/* Calculate your marketing cost starts here */
.calculate {
  text-align: center;
  padding-bottom: 22px;
}

.calculate .calc-a {
  margin-top: 50px;
}

.calculate > h2 {
  color: var(--primary-color);
}

.calculate > span {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2024px;
  text-align: center;
  color: #000;
  margin-top: 10px;
}

.calculate > a {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  color: rgba(20, 39, 155, 1);
  margin-top: 25px;
}

.secondary-btns {
  padding: 12px 24px;
  border-radius: 100px;
  color: var(--primary-color);
  background: #fff;
  border: 1px solid rgba(20, 39, 155, 1);
  font-weight: 400;
  letter-spacing: 1.26px;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.secondary-btns:hover {
  background-color: var(--primary-color);
  color: #fff;
}

/* Calculate your marketing cost Ends here  */

/* Domain & Email Setup starts here */
.domain {
  margin-top: -3px;
}

.domain > h2 {
  font-size: 32px;
  text-align: center;
  color: rgba(13, 12, 34, 1);
}

.domain > .domain-card-start {
  margin-top: -9px;
  display: flex;
  gap: 20px;
}

.domain > .domain-card-start > .domain-card {
  margin-top: 50px;
  background: linear-gradient(
    to right,
    rgba(0, 66, 177, 1),
    rgba(67, 1, 140, 1)
  );
  padding: 42px 30px;
  border-radius: 33px;
  width: 50%;
}

.domain > .domain-card-start > .domain-card > .email-d {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(218, 214, 214, 1);
}

.domain > .domain-card-start > .domain-card > .email-d > #change {
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.domain > .domain-card-start > .domain-card > .email-d > span {
  font-size: 55px;
  font-weight: 800;
  line-height: 79px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.domain > .domain-card-start > .domain-card > .d-list {
  margin-top: 30px;
  margin-bottom: 33px;
}

.domain > .domain-card-start > .domain-card > .d-list > ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.domain > .domain-card-start > .domain-card > .d-list > ul > li {
  font-size: 16px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.domain > .domain-card-start > .domain-card > .d-list > ul > li > span {
  font-size: 16px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.domain > .domain-card-start > .domain-card > .d-btn {
  display: flex;
  gap: 20px;
}

/* .domain > .domain-card-start > .domain-card > .d-btn > .btn-white {
  background-color: rgba(255, 255, 255, 1);
  text-align: center;
  padding: 12px 50px;
  border-radius: 60px;
  width: 50%;
} */
/* .domain > .domain-card-start > .domain-card > .d-btn > a {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(20, 39, 155, 1);
} */
/* .domain > .domain-card-start > .domain-card > .d-btn > .btn-trans {
  background-color: transparent;
  text-align: center;
  padding: 10px 50px;
  border-radius: 60px;
  width: 50%;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 1);
} */
/* Domain & Email Setup Ends here */
/* simple straight forward pricing for all your need starts here */

.simples > h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(13, 12, 34, 1);
}

.simples > .blue-sect {
  margin-top: 50px;
  background-color: rgba(20, 39, 155, 1);
  padding: 20px 60px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  gap: 5px;
  position: sticky;
  top: 165px;
  align-items: center;
}

.simples > .blue-sect > .second-one > .dollar-again {
  display: flex;
  align-items: baseline;
  justify-content: center;
  margin-top: 20px;
}

.simples > .blue-sect > .second-one > .dollar-again > p {
  font-size: 20px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

#changes {
  font-size: 48px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.simples > .blue-sect > .second-one > .dollar-again > span {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

#nth {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.simples > .blue-sect > .first-one > span {
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-size: 36px;
  color: var(--secondary-color);
  line-height: 58px;
  font-weight: 600;
  letter-spacing: 0.224px;
  color: rgba(255, 255, 255, 1);
}

/* #what {
    font-size: 36px;
  color: var(--secondary-color);
  line-height: 58px;
  font-weight: 600;
  letter-spacing: 0.224px;
  color: rgba(255, 255, 255, 1);

} */
.simples > .blue-sect > .first-one > p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.simples > .blue-sect > .second-one > span {
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: 0em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

/* simple straight forward pricing for all your need Ends here */
/* big card start here  */
.big-one {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.big-start {
  background-color: rgba(240, 246, 255, 1);
  width: 100%;
  padding-top: 30px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.big-one > .big-start {
  background-color: rgba(240, 246, 255, 1);
  width: 100%;
  padding-top: 30px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.big-one > .big-start > .up-part {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 55px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(148, 148, 148, 1);
}

.big-one > .big-start > .up-part > p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(20, 39, 155, 1);
}

.big-one > .big-start > .big-down {
  display: flex;
  justify-content: space-between;
}

/* .big-one > .big-start > .big-down > .div1 {
  padding-left: 120px;
  padding-top: 15px;
  padding-bottom: 20px;
}

.big-one > .big-start > .big-down > .div1 > ul {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.big-one > .big-start > .big-down > .div1 > ul > li {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(40, 38, 38, 1);
}
.big-one > .big-start > .big-down > .div2 {
  display: flex;
  flex-direction: column;
  padding: 15px 162px;
  gap: 53px;
  border-left: 1px solid rgba(195, 194, 194, 1);
}
.big-one > .big-start > .big-down > .div2 > p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
}
.big-one > .big-start > .big-down > .div2 > .tick-img > img {
  width: 100%;
}
.big-one > .big-start > .big-down > .div2 > p {
}
.big-one > .big-start > .big-down > .div2 > .tick-img {
  display: flex;
  flex-direction: column;
  gap: 30px;
} */
table {
  width: 100%;
}

tr {
  padding: 20px;
}

td:first-child {
  border-right: 1px solid #ddd;
  padding-top: 10px;
  padding-left: 89px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(40, 38, 38, 1);
}

td {
  width: 20%;
  text-align: center;
  border-right: 1px solid #ddd;
  /* Border only on the right of data cells */
}

.only th {
  border-bottom: 1px solid #ddd;
  /* Border only at the bottom of header cells */
  background-color: #f2f2f2;
}

td:last-child {
  border-right: none;
  /* Remove right border on the last data cell in each row */
}

/* big card Ends here  */
/* order starts here */
.order-s {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

/* 
.big-start > .under-btn > a {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  color: rgba(20, 39, 155, 1);
  background-color: rgba(240, 246, 255, 1);
  border: 1px solid rgba(20, 39, 155, 1);
  padding: 10px 20px;
  border-radius: 30px;
} */
.big-start > p {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: rgba(20, 39, 155, 1);
}

.white {
  background-color: transparent !important;
}

.color-change {
  background-color: #e3e7fa !important;
}

.color-blue {
  color: rgba(20, 39, 155, 1) !important;
}

/* order Ends here */
/* need-section start */
.need-section {
  background-image: url(../images/hneed.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 50px;
  margin: 100px 0 100px 0;
}

.need-section .need-left h3 {
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0em;
  text-align: left;
  color: var(--primary-color);
}

/* .need-section .need-right {
  padding-bottom: 20px;
} */

.need-section .need-right .need-call {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-right: 20px;
}

/* .need-section .need-right a {
  font-size: 28px;
  font-weight: 300;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: right;
  color: var(--primary-color);
  text-decoration: none;
} */
.added-btn a img {
  margin-right: 5px;
  margin-top: 2px;
}
/* need-section end */
/*Frequently
    Asked Questions starts here  */
.freq {
  display: flex;
}

.freq-left > span {
  font-size: 59px;
  font-weight: 600;
  line-height: 80px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(13, 12, 34, 1);
}

.freq-left {
  width: 50%;
}

.freq-right {
  width: 50%;
}

.freq-left .l-1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(92, 93, 97, 1);
  margin-top: 31px;
}

.freq-left .l-2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  margin-top: 10px;
}

.freq-btn {
  margin: 30px 6px;
}

.freq-btn > a {
  font-size: 28px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: right;
  color: rgba(20, 39, 155, 1);
  text-decoration: underline;
}

.freq-btn > a > i {
  margin-right: 20px;
  font-size: 22px;
  color: rgba(20, 39, 155, 1);
}

.q-f {
  display: flex;
  gap: 30px;
}

.circle {
  background-color: #59b642;
  border-radius: 50px;
  width: 100px;
  height: 100px;
}

.arrow-img {
  margin-top: -14px;
}

button.accordion {
  width: 100%;
  border: none;
  outline: none;
  padding: 29px 20px;
  color: rgba(92, 93, 97, 1);
  background-color: rgba(235, 243, 255, 1);
  cursor: pointer;
  transition: background-color 0.2s linear;
  border-top: 1px solid#E5E7E8;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  border-radius: 10px;
}

button.accordion:after {
  font-family: FontAwesome;
  content: "\f150";
  font-family: "fontawesome";
  font-size: 18px;
  float: right;
}

button.accordion.is-open:after {
  content: "\f151";
}

.accordion-content {
  /* padding: 0 20px; */
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
  margin-top: -6px;
}

.accordion-content > p {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(31, 32, 33, 1);
  background-color: rgba(235, 243, 255, 1);
  padding: 15px 20px;
  /* height: 100px;  */
  min-height: auto;
}

.none {
  display: none;
}

/* accordion code Ends here */
/*Frequently
      Asked Questions Ends here  */
/* footer-section start */

/* Aalain Workspace page css ends here */

/* jumpcloud page css */

/* jumpcloud section start */
/* .jump-cloud-hero {
  background-image: url(../images/back-image.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
} */
.jump-cloud-hero {
  background: linear-gradient(
      180deg,
      #f8f9ff 0%,
      rgba(237, 241, 255, 0.63) 39.6%,
      rgba(224, 246, 252, 0) 87.36%
    ),
    url("../images/f60host/jump-cloud/jc-bg.png");
  background-position: top center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: -140px;
}

.jump-cloud-main {
  text-align: center;
  padding-top: 214px;
  padding-bottom: 110px;
  position: relative;
}

.jump-cloud-main h1 {
  color: #0d0c22;
  font-size: 58px;
  font-weight: 600;
  line-height: 80px;
  letter-spacing: 0.2px;
  /* margin-top: 160px; */
}

.demo-btn {
  /* display: inline-flex;
  padding: 13px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #005fd7;
  margin: 40px 0px;
  background: #f5f6ff;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); */
  margin: 50px 0px;
}

/* .demo-btn a {
  color: #0f1c91;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.2px;
} */
.shield-section {
  display: flex;
  align-items: center;
  gap: 80px;
  justify-content: center;
}

.shild {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.left-logo {
  position: absolute;
  top: 31%;
  left: 2%;
}

.right-logo {
  position: absolute;
  bottom: 18%;
  right: 5%;
}

/* business section start */
.business-trust {
  text-align: center;
}

.business-main {
  margin-top: 30px;
  padding-top: 80px;
  position: relative;
}

.business-main p {
  color: #000;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
}

.business-clint-1 {
  position: absolute;
  bottom: 10%;
  left: 2%;
}

.business-clint-2 {
  position: absolute;
  bottom: 43%;
  left: 18%;
}

.business-clint-3 {
  position: absolute;
  top: -5%;
  left: 44%;
}

.business-clint-4 {
  position: absolute;
  bottom: 46%;
  right: 12%;
}

.business-clint-5 {
  position: absolute;
  bottom: 14%;
  right: 4%;
}

/* business last hide part */
.hide-card {
  display: inline-flex;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: #ebf3ff;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
}

.hide-card p {
  color: #14279b;
  text-align: center;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.2px;
}

.business-tital-hide {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}

.business-tital-hide {
  display: none;
}

/* business last hide part */
/* business section end */

/* offer-section start */
.offer-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.offer-main p {
  color: #282626;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4;
}

.offer-main .fb-a a {
  color: var(--primary-color);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(212, 218, 255);
  border-image: initial;
  padding: 10px 18px;
  border-radius: 50px;
}

.offer-main .fb-a h4 {
  color: rgb(40, 38, 38);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4;
}

.offer-main .fb-a h4 span {
  font-size: 36px;
  font-weight: 700;
  line-height: 49px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(20, 39, 155, 1) !important;
}

.offer-back {
  background-color: #ebf3ff;
  margin: 80px 0px;
}

.offer-btn {
  margin: 10px 0px;
  margin-right: 100px;
}

/* .per-offer-btn {
  display: inline-flex;
  padding: 10px 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  border: 1px solid #d4daff;
  position: absolute;
  top: 52%;
  left: 29%;
} */
.offer-main .fb-a a {
  border: 1px solid #d4daff;
  color: var(--primary-color);
  padding: 10px 9px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2px;
  border-radius: 50px;
}
/* .br{
  display: none;
} */
/* offer-section end */

/* about section */
.about-left {
  width: 50%;
}

.about-right {
  width: 45%;
}

.about-right img {
  width: 100%;
}

.know-about h2 {
  text-align: center;
  font-weight: 600;
}

.know-about h2 span {
  color: #14279b;
  font-weight: 700;
}

#jumpcloud {
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(20, 39, 155, 1) !important;
}

.know-about-card {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  padding-top: 50px;
}

.about-left p.sd {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
  line-height: 35px;
}

.about-left p {
  padding-bottom: 15px;
}

.about-2 {
  flex-direction: row-reverse;
  gap: 100px;
}

/* about section */

/* Key features Section starts here */
/* 
.key-features-sect {

}

.key-features-sect .upper-key-text h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: 0.2224px;
  text-align: center;
  color: var(--primary-color);
  margin-top: 20px;
}

.key-features-sect .upper-key-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  padding-top: 4px;
}

.key-features-sect .all-key-flex {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.key-features-sect .all-key-flex .key1-part {
  display: flex;
  margin-top: 50px;
}

.key-features-sect .all-key-flex .key1-part .key1-part-left {
  width: 50%;
}

.key-features-sect .all-key-flex .key1-part .key1-part-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.key-features-sect .all-key-flex .key1-part .key1-part-left .key-part-img {
  width: 55%;
}

.key-features-sect .all-key-flex .key1-part .key1-part-left .key-part-img img {
  width: 100%;
}

.key-features-sect .all-key-flex .key1-part .key1-part-right h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: var(--primary-color);
}

.key-features-sect .all-key-flex .key1-part .key1-part-right p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: black;
}

.key-features-sect
  .all-key-flex
  .key1-part
  .key1-part-right
  .key1-part-right-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.key-features-sect
  .all-key-flex
  .key1-part
  .key1-part-right
  .key1-part-right-text
  .klass1 {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.key-features-sect
  .all-key-flex
  .key1-part
  .key1-part-right
  .key1-part-right-text
  .klass1
  img {
  width: 18px;
  height: 18px;
  background: var(--primary-color);
  border-radius: 100px;
}

.key-features-sect
  .all-key-flex
  .key1-part
  .key1-part-right
  .key1-part-right-text
  .klass1
  p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: black;
}

#margin-auto {
  margin: 0 auto;
}

#diff-flex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.key1-part-left .key-part-img2 {
  display: flex;
  gap: 10px;
}

.key1-part-left .key-part-img2 .emmage {
}

.key1-part-left .key-part-img2 .emmage img {
  width: auto;
  height: 85px;
  margin-top: -13px;
}

.key1-part-left .key-part-img2 .key-part-img2-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.key1-part-left .key-part-img2 .key-part-img2-text p:first-child {
  font-size: 22px;
  font-weight: 500;
  color: var(--primary-color);

}

.key1-part-left .key-part-img2 .key-part-img2-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: black;
} */

/* Key features Section Ends here */

/* jumpcloud section start */
.jumpcloud-card-section {
  display: flex;
  align-items: center;
  gap: 29px;
  margin-top: 150px;
  justify-content: space-between;
}

.f60-host-main h2 {
  text-align: center;
}

.jump-card-llp {
  display: flex;
  gap: 20px;
  border-radius: 15px;
  background: #ebf3ff;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
  padding: 20px 50px;
  position: relative;
  align-items: center;
}

.jump-card-llp h4 {
  color: #14279b;
  font-size: 24px;
  font-weight: 600;
}

.jump-img {
  position: absolute;
  top: -70%;
  left: 27%;
}

.jump-img img {
  width: 145px;
}

.jump-card-llp hr {
  background: #14279b;
  width: 5px;
  border: none;
  height: 84px;
}

.top {
  margin-top: auto;
}

.top a {
  display: grid;
  margin-top: 20px;
}

.transparent {
  /* background: transparent; */
  /* border-color: white;
  color: white !important;
  width: 50%;
  text-align: center; */
  width: 50%;
  background: transparent;
}

.transparent a {
  display: grid;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50px;
}

.color-white {
  border-color: white;

  width: 50%;
  text-align: center;
}

/* jump cloud  page css */

/* cyber security page start here */

/* cyber hero section */
.cyber-hero-back {
  /* background:; */
  /* background:  url(../images/cyber-h-bg.png); */
  background: linear-gradient(
    180deg,
    #e9ecff 0%,
    rgba(237, 241, 255, 0.63) 39.6%,
    rgba(224, 246, 252, 0) 87.36%
  );
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-position: top;
  position: relative;
  z-index: 1;
}

.cyber-hero-back {
  background: url("../images/f60host/cyber-security/cyber-h-bg1.png");
  background-size: 100%;
  background-repeat: no-repeat;
  /* background-position: 99% -73%; */
  /* background-position: top; */
  position: relative;
  z-index: 1;
  margin-top: -203px;
}

/* .cyber-hero-back .cy-h img{
  width: 100%;
} */

/* .cyber-hero-back .cyber-hero-section {
 position: absolute;
  z-index: 2;
  top: 50px;
  text-align: center;
} */

.cyber-hero-section h1 {
  margin-top: 226px;
  text-align: center;
  color: #263238;
  font-size: 58px;
  font-weight: 700;
  line-height: 80px;
  letter-spacing: 0.2px;
  position: relative;
  z-index: 2;
}

.cyber-hero-section h1 span {
  color: #14279b;
}

.cyber-hero-section p {
  color: #626262;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
  letter-spacing: 0.2px;
  padding-top: 20px;
}

.hero-btn-section {
  text-align: center;
  margin-top: 30px;
  position: relative;
}

.hero-btn-section input {
  padding: 22px 131px 22px 20px;
  border-radius: 100px;
  border: 1px solid #14279b;
  background: #f5f6ff;
  position: relative;
  margin-left: 123px;
}

.hero-btn-section input::placeholder {
  color: #626262;
  font-size: 16px;
  font-weight: 400;
}

.submit-btn {
  display: inline-flex;
  padding: 15px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: #14279b;
  /* position: absolute;
  top: 5px;
  right: 39%; */
  position: relative;
  /* top: 5px; */
  /* right: 39%; */
  right: 123px;
}

.submit-btn a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
}

.cyber-hero-section {
  position: relative;
}

.alert-image {
  position: absolute;
  z-index: 1;
  top: 31%;
  left: 1%;
}

.denger-image {
  position: absolute;
  z-index: 1;
  top: 58%;
  right: 10%;
}

.sheild-image {
  position: absolute;
  z-index: 1;
  top: 220px;
  right: 1%;
}

/* cyber hero section */

/* cyber solution section start */
.cyber-solution-main {
  text-align: center;
}

.cyber-solution-main h2 {
  color: #0d0c22;
  font-size: 32px;
  font-weight: 600;
  line-height: 51.744px;
}

.cyber-solution-main h2 span {
  color: #14279b;
  font-weight: 700;
}

.solution-main {
  padding-top: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.solution-left {
  padding: 80px 0px;
  width: 50%;
  background-image: url("../images/f60host/jump-cloud/solution-back.png");
  background-size: 80% 70%;
  background-position: top;
  background-repeat: no-repeat;
}

.solution-right {
  width: 50%;
}

.mobile-application {
  display: flex;
  align-items: center;
  gap: 0px;
  text-align: left;
  padding-bottom: 30px;
}

.mobile-left hr {
  height: 130px;
  width: 5px;
  background: #14279b;
  border: none;
}

.mobile-right {
  padding: 20px;
}

.mobile-right p.er {
  color: #0d0c22;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

/* cyber solution section end */

/* cyber button section */

.cyber-button {
  padding: 50px 30px;
  border-radius: 120.771px;
  border: 1px solid #14279b;
  background: #f6f6f6;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.cyber-left {
  width: 50%;
}

.cyber-left p {
  color: #14279b;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}

.cyber-btn {
  position: relative;
}

.cyber-a {
  position: absolute;
  top: 4px;
  right: 1%;
}

/* cyber button section */

/* services offer section */
/* .services-offer-main {
  text-align: center;
}

.services-offer-main h2 {
  padding: 30px;
} */

/* hover animation start*/
/* https://codepen.io/NewbieRuby/pen/GLxaRp */

/* .services-scroller .mhover-btn {
  position: relative;
  top: 10px;
  background: #fff;
  color: var(--primary-color);
  padding: 5px 15px;
  border: 1px solid var(--primary-color);
  border-radius: 20px;
  transform: translateY(40px);
  transition: 0.5s;
  opacity: 0;
  display: none;
}
.scroller-content:hover{
  
}
.scroller-content:hover > .mhover-btn {
  display: block;
  transform: translateY(0px);
  opacity: 1;
} */

/* hover animation end */
/* services offer section */

/* cyber manage section */

.manage-cyber-main {
  text-align: center;
}

.cyber-card-section {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  gap: 20px;
  text-align: center;
}

.cyber-manage-card {
  padding: 20px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid #d6e8ff;
  background: #f4f9ff;
  box-shadow: 0px 24px 40px -8px rgba(25, 50, 60, 0.06);
  margin: 50px 0px;
  width: 400px;
}

.cyber-manage-card p.ef {
  color: #0d0c22;
  font-size: 18px;
  font-weight: 700;
  line-height: 29.124px;
  letter-spacing: 0.2px;
  padding: 14px;
}

.manage-cyber-main h2 span {
  color: #14279b;
}

.our-technology-main {
  /* background-image: url(../images/manage-back.png); */
  /* background-size: 100% 100%;
  background-repeat: no-repeat; */
  background-color: white;
}

.our-technology-main h2 {
  text-align: center;
}

/* .our-tech-m .technology-scroller  {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
} */

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

  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.technology-top-slider {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}

.technology-top-slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.technology-top-slider .slide {
  /* height: 100px;
  width: 250px; */
  height: 85px;
  width: 250px;
  margin-right: 60px;
}

.technology-top-slider .slide img {
  height: 55px;
}

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

  100% {
    transform: translateX(calc(-250px * 14));
  }
}

.technology-bottom-slider {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}

.technology-bottom-slider .slide-track {
  animation: scrolls 40s linear infinite reverse;
  display: flex;
  width: calc(250px * 14);
}

.technology-bottom-slider .slide {
  /* height: 100px;
  width: 250px; */
  height: 85px;
  width: 250px;
  margin-right: 60px;
}

.technology-bottom-slider .slide img {
  height: 55px;
}

/* cyber manage section */

/* cyber security page end here */
/* active js code  */
.navbar > .menu > .flex > li > a.active {
  background: #245990;
  color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

/* contact section start */

/* ans-section start */

.ansc-bg {
  background: linear-gradient(
    180deg,
    #0069ff 0%,
    #0069ff 36.42%,
    rgba(240, 252, 255, 0) 87.36%
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 150px 0px 200px 0px;
}

.ans-section {
  width: 100%;
  /* padding-top: 150px; */
  min-height: 600px;
}

.ans-section .ans-h1 {
  position: relative;
}

.ans-section .ans-h1 h1 {
  font-size: 58px;
  text-align: center;
  color: #fff;
}

.ans-section .ans-h1 h5 {
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin: 20px 0px;
}

.ans-section .ans-h1 img {
  position: absolute;
  top: 25px;
  left: 0px;
}

.ans-section .ansc-card {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
  gap: 50px;
}

.ans-section .ansc-card .ansc-box {
  width: 100%;
  padding: 50px;
  margin-top: 30px;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  transition: linear 0.2s;
}

.ans-section .ansc-card .ansc-box p.gh {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2224px;
  text-align: center;
  color: var(--secondary-color);
}

.ans-section .ansc-card .ansc-box p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.2224px;
  text-align: center;
  margin: 20px 0px;
}

.ans-section .ansc-card .ansc-box .ans-a {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.ans-section .ansc-card .ansc-box .ans-a a {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.224px;
  text-align: center;
  cursor: pointer;
}

.ans-section .ansc-card .ansc-box .ans-a i {
  transform: rotate(-45deg);
}

/* ans-section end */

/* cteam-section start */
.cteam-section {
  width: 100%;
}

.cteam-section .cteam-h2 h2 {
  font-size: 32px;
  text-align: center;
  color: var(--secondary-color);
}

.cteam-section .cteam-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.cteam-section .cteam-content .cteaml-bg {
  background: var(--primary-color);
  width: 40%;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}

.cteam-section .cteam-content .cteam-l {
  /* width: 50%; */
  text-align: center;
  padding: 50px;
  background: #f0f6ff;
  /* margin: 0px 10px 10px 0px; */
  position: relative;
  right: 10px;
  bottom: 10px;
}

.cteam-section .cteam-content .cteam-r {
  width: 50%;
  text-align: left;
}

.cteam-section .cteam-content .cteam-l h2 {
  font-size: 32px;
  color: var(--primary-color);
  font-weight: 700;
}

.cteam-section .cteam-content .cteam-g {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

.cteam-section .cteam-content .cteam-r .cinput {
  margin-top: 20px;
}

.cteam-section .cteam-content .cteam-r form {
  margin: 20px 0px 40px 0px;
}

.cteam-section .cteam-content .cteam-r .cinput label {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.30000001192092896px;
  text-align: left;
  color: #666666;
}

.cteam-section .cteam-content .cteam-r .cinput input {
  width: 100%;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #c8c8c8;
  padding: 10px 0px;
}

.cteam-section .cteam-content .cteam-r .cinput input::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: var(--accent-p-color);
}

.cteam-section .cteam-content .cteam-r .ctext {
  margin-top: 20px;
}

.cteam-section .cteam-content .cteam-r .ctext textarea {
  width: 100%;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #c8c8c8;
  padding: 10px 0px;
}

.cteam-section .cteam-content .cteam-r .ctext textarea::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: var(--accent-p-color);
}

/* cteam-section end */

/* cmap section start */
/* .contact-map{
  background: url(../images/cmap1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
} */

/* contact page  end */
/* Aalain Contact page 2 css starts here */
/* contact 2 starts here */
/* absolute image section of contact 2 page starts here */
.calls {
  position: absolute;
  right: 0;
  top: 274px;
  /* width: 10%; */
}

/* .calls img {
  width: 100%;
} */

.mesage {
  position: absolute;
  /* width: 10%; */
  top: 517px;
}

/* .mesage img {
  width: 100%;
} */

/* absolute image section of contact 2 page Ends here */
/* form starts here */
.b-form {
  border-radius: 26px;
}

.b-up-text h1 {
  /* font-size: 64px; */
  /* font-weight: 700; */
  letter-spacing: 0.20000000298023224px;
  text-align: center;
}

.b-up-text h1 span {
  color: hsla(232, 77%, 34%, 1);
}

.b-up-text p.qw {
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: hsla(0, 0%, 38%, 1);
}

.frm-start {
  /* margin-top: 100px; */
  width: 70%;
  background-color: hsla(215, 100%, 50%, 1);
  margin: 90px auto;
  box-shadow: 0px 4px 25px 0px hsla(0, 0%, 0%, 0.25);
  padding-top: 30px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 26px;
}

.frm-start form label {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.30000001192092896px;
  text-align: left;
  color: hsla(0, 0%, 100%, 1);
  /* margin-top: 30px; */
}

.frm-start form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.frm-start form input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 78%, 1);
  padding-bottom: 5px;
  color: #fff;
}

.frm-start form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgb(180, 168, 168);
}
.frm-start form textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgb(180, 168, 168);
}

.f-b-btn a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: hsla(0, 0%, 100%, 1);
}

.f-b-btn {
  text-align: center;
  margin-top: 70px;
}

.f-b-btn a {
  box-shadow: 0px 8px 8px 0px hsla(0, 0%, 0%, 0.2);
}

.under-b-frm {
  margin-top: 193px;
  display: flex;
  justify-content: space-between;
  width: 67%;
  margin-top: 193px;
  margin-left: auto;
  margin-right: auto;
}

.under-b-frm .underbfrn-con {
  width: 50%;
}

.under-b-frm .underbfrn-con1 {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.under-b-frm .host1 p.rt {
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: hsla(232, 77%, 34%, 1);
}

.under-b-frm .host1 p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: hsla(0, 3%, 15%, 1);
}

.under-b-frm > .customer-rating > p {
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  color: hsla(0, 0%, 0%, 1);
}

.under-b-frm > .customer-rating {
  text-align: center;
}

/* form Ends here */
/*  support team starts here */
.saport {
  margin-top: 50px;
}

.saport h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: hsla(243, 48%, 9%, 1);
}

.saport-card {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.saport-card .skard1 {
  background-color: var(--primary-color);
  width: 350px;
  padding: 120px;
  border-radius: 25px;
  position: relative;
  box-shadow: 0px 4px 20px 0px hsla(0, 0%, 0%, 0.15);
}

.saport-card .skard1 .kard-ab {
  box-shadow: 0px 4px 20px 0px hsla(0, 0%, 0%, 0.15);
}

.ans-section #ans-text h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  text-align: center;
  color: hsla(243, 48%, 9%, 1);
}

.kard_color {
  background-color: hsla(216, 100%, 97%, 1) !important;
}

.ansc-card .ansc-same {
  position: relative;
  background-color: hsla(232, 77%, 34%, 1);
  box-shadow: 0px 4px 20px 0px hsla(0, 0%, 0%, 0.15);
  width: 100%;
  border-radius: 25px;
  margin-top: 30px;
}

/* .ansc-card .ansc-same .ansc-box {
  position: absolute;
  top: -19px;
  left: 13px;
} */
.margin {
  margin-top: 14px !important;
  margin-bottom: -20px !important;
  margin-right: -13px;
  margin-left: 15px !important;
}

.all-end {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-right: 0px;
  margin-left: 0px !important;
  transition: linear 0.2s;
}

#epo {
  margin-top: -5px;
}

.ans-section .ansc-card .ansc-box:hover {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-right: 0px;
  margin-left: 0px !important;
}

/*  support team Ends here */

/* cmap section start */
/* .contact-map{
  background: url(../images/cmap1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
} */

/* map section start */
.map {
  position: relative;
  padding-top: 100px;
}

/* .mapimg{
  width: 100%;
  height: 100%;
} */
/* .map .map-section {
  position: absolute;
  top: -2px;
  right: -9px;
} */
.mapimg {
  width: 100%;
  height: 100%;
  position: relative;
}

.map .map-section .map-img {
  float: right;
  text-align: center;
  padding-right: 210px;
  position: absolute;
  right: 0;
  top: -63px;
  /* left:0; */
}

.map .map-section .map-left {
  width: 402px;
  background-image: url(../images/f60host/Contact/text-bg-contact.svg);
  /* background-color: #ffffff; */
  /* padding: 36px 20px; */
  padding-top: 19px;
  padding-bottom: 65px;
  padding-left: 29px;
  /* border: 1px solid #888888; */
  /* box-shadow: 3px 7px 10px #888888; */
  /* border-radius: 5px; */
  /* margin-bottom: 20px; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 26px;
}

.map .map-section .map-left .map-tc {
  text-align: left;
}

.map .map-section .map-left .fa-location-dot {
  font-size: 15px;
  padding-bottom: 10px;
}

.map .map-section .map-left a {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.055em;
  text-align: left;
  color: #2826b5;
  padding-bottom: 10px;
}

.map .map-section .map-left p {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #393536;
}

.map .map-section .map-left .fa-arrow-right {
  transform: rotate(-45deg);
  font-size: 15px;
  padding-bottom: 10px;
}

.map .map-section .map-left .google-reviws {
  display: flex;
  gap: 20px;
}

.map .map-section .map-left .google-reviws .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.map .map-section .map-left .google-reviws .left p {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #393536;
}

.map .map-section .map-left .google-reviws {
  padding-top: 10px;
}

.map .map-section .map-left .google-reviws .left i {
  font-size: 14px;
  color: #fdcc41;
  gap: 0px;
}

.map .map-section .map-left .google-reviws .right {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  color: #393536;
}

.mapp {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.025em;
  text-align: left;
  color: hsla(0, 0%, 26%, 1);
}

.map-left .map-tc {
  display: flex;
  align-items: center;
  gap: 20px;
}

.map-ext h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0.20000000298023224px;
  color: hsla(243, 48%, 9%, 1);
  text-align: center;
  margin-bottom: 123px;
}

/* .add-tetx p {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.025em;
  text-align: left;
} */
/* map section end */
/* cmap section end */
/* aalain contact 2 Ends here */

/* contact button dropdown start*/

.ul-a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 10px;
  margin-bottom: 0px;
}

.ul-a li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 5px;
  text-align: center;
}

.li-a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.li-a a {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 18px;
  padding: 10px;
  margin: 0px;
}

.li-a i {
  font-size: 15px;
  padding-top: 5px;
}

.ul-a .li-a ul {
  background: #fff;
  visibility: hidden;
  opacity: 0;
  min-width: 250px;
  position: absolute;
  transition: all 0.5s ease;
  top: 45px;
  left: 0;
  display: none;
  border: 1px solid #b1b8e3;
  border-radius: 5px;
  color: var(--primary-color);
  padding: 5px;
  text-align: center;
  height: auto;
}
ul.dropdown li:hover {
  background: #fdfdfd;
}

ul.dropdown li a {
  padding: 5px 5px;
  font-size: 16px;
}
.ul-a .li-a ul .ad-a {
  background: var(--primary-color);
  color: #fff;
  padding: 10px 13px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  border: 1px solid var(--primary-color);
  display: flex;
  gap: 3px;
}

.ul-a .li-a ul .ad-a a {
  text-align: center;
}

.ul-a .li-a ul .ad-a:hover {
  background: #fff;
  color: var(--primary-color);
}

.ul-a .li-a ul .ad-b {
  color: #000;
  font-size: 14px;
  text-align: center;
  display: block;
}

.ul-a .li-a ul .ad-b span {
  color: var(--primary-color);
}

.ul-a .li-a ul .ad-b:hover > span {
  text-decoration: underline 2px solid var(--primary-color);
}

.ul-a .li-a:hover > ul,
.ul-a .li-a ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.ul-a .li-a ul li {
  clear: both;
  width: 100%;
}

/* contact dropdown end*/

/* contact button dropdown start*/

.adder-icon1 .ul-a {
  display: contents;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  gap: 25px;
  margin-left: 0px;
}

.adder-icon1 .ul-a .sd-a {
  color: #fff;
  padding: 10px;
}

.adder-icon1 .ul-a li a {
  text-align: center;
}

.adder-icon1 .li-a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.adder-icon1 .li-a a {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 18px;
  margin: 0px;
}

.adder-icon1 .li-a i {
  font-size: 15px;
}

.adder-icon1 .ul-a .li-a ul {
  background: #fff;
  visibility: hidden;
  opacity: 0;
  min-width: 150px;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 135px;
  left: 0;
  display: none;
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  color: var(--primary-color);
  padding: 5px;
  text-align: center;
  height: 120px;
  margin-left: 0px;
}

.adder-icon1 .ul-a .li-a ul .ad-a {
  background: var(--primary-color);
  color: #fff;
  padding: 10px 13px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  border: 1px solid var(--primary-color);
  display: flex;
  gap: 3px;
}

.adder-icon1 .ul-a .li-a ul .ad-a a {
  text-align: center;
}

.adder-icon1 .ul-a .li-a ul .ad-a:hover {
  background: #fff;
  color: var(--primary-color);
}

.adder-icon1 .ul-a .li-a ul .ad-b {
  color: #000;
  font-size: 14px;
  text-align: center;
}

.adder-icon1 .ul-a .li-a ul .ad-b span {
  color: var(--primary-color);
}

.adder-icon1 .ul-a .li-a ul .ad-b:hover > span {
  text-decoration: underline 2px solid var(--primary-color);
}

.adder-icon1 .ul-a .li-a:hover > ul,
.adder-icon1 .ul-a .li-a ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.adder-icon1 .ul-a .li-a ul li {
  clear: both;
  width: 100%;
}

/* calculator css starts here */
.table-c {
  text-align: center;
  margin-top: -44px;
}

.back-kaolor {
  padding-top: 200px;
}

.table-c table {
  border-collapse: collapse;
  border-radius: 10px;
  width: 50%;
  margin: 0 auto;
  /* overflow: visible; */
}

/* .table-t{
} */
.table-c th,
.table-c td {
  border: 1px solid #000;
  text-align: left;
  padding: 15px;
  font-weight: 700;
}

th {
  background-color: #f2f2f2;
}

thead.head-t tr th {
  background: #2826b5;
  color: aliceblue;
  text-align: center;
  padding: 17px;
}

span.p-size {
  font-size: 15px;
  color: #585858;
  font-weight: 600;
  font-weight: 999;
}

select#inboxOptions {
  border-radius: 5px;
  padding: 5px 2px;
  border: 2px solid black;
}

#plan1,
#plan2 {
  font-size: 14px;
  font-weight: 600;
}

.back-kaolor {
  width: 100%;
  background: linear-gradient(
    180deg,
    #e8fafd 0%,
    rgba(224, 246, 252, 0) 87.36%
  );
  margin-top: -159px;
}

.table-t {
  margin-top: 200px;
}

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

.batn button {
  font-size: 16px;
  margin-left: 20px;
}

.tbody-t input {
  padding: 10px;
  border: 1.9px solid black;
  border-radius: 5px;
}

.tbody-t input::placeholder {
  font-weight: 600;
  color: black;
}

.tr-repeat td input {
  padding: 10px;
}

.table-c h2 {
  /* font-family: Open Sans; */
  font-size: 36px;
  font-weight: 600;
  line-height: 49px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 50px;
  color: #14279b;
}

.blogg {
  justify-content: space-between;
  align-items: center;
  text-align: center;
  margin-top: 8px;
  display: flex;
}

p.devloper {
  font-size: 36px;
  color: var(--secondary-color);
  line-height: 58px;
  font-weight: 600;
  letter-spacing: 0.224px;
  text-align: center;
}

p.sectoin-1 {
  color: #14279b;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.2px;
  text-align: center;
  margin-bottom: 20px;
}

p.sectoin-2 {
  font-size: 24px;
  color: var(--primary-color);
  line-height: 33px;
  font-weight: 700;
}

p.sectoin-3 {
  font-size: 38px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
}

#coldemailflow {
  font-size: 38px !important;
  font-weight: 600 !important;
  line-height: 52px !important;
  letter-spacing: 0.20000000298023224px !important;
  text-align: left !important;
  color: rgba(20, 39, 155, 1) !important;
}

p.sub {
  font-size: 36px;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: 0.2224px;
  text-align: left;
  color: #fff;
  margin-top: 20px;
}

.domain-section .card .card-container .box .d-yrs p.sectoin-4 {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 0.2224px;
  text-align: left;
}

.fcard-2 h5 {
  font-size: 18px;
  font-weight: 600;
}

.fcard-1 h5 {
  font-size: 18px;
  font-weight: 600;
}

.fcard-without-logo p {
  font-weight: 600;
}

.footer-card-section p a {
  font-size: 14px;
  color: var(--accent-p-color);
}

.blog-para {
  margin-top: 10px;
}

.whatsapp-float img {
  width: 65px;
  /* background: #14279b; */
  border-radius: 50px;
  box-shadow: 0px -1px 20px #49d849;
  animation: mycafe 1s ease 0s infinite reverse forwards;
}

.whatsapp-float {
  z-index: 1000;
  display: block;
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: auto;
  padding: 0 !important;
  border-radius: 100%;
}

@keyframes mycafe {
  0%,
  100% {
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70% {
    transform: translateX(-2px);
  }

  20%,
  40%,
  60% {
    transform: translateX(2px);
  }

  80% {
    transform: translateX(2px);
  }

  90% {
    transform: translateX(-2px);
  }
}

p.vb {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2024px;
  text-align: center;
  color: var(--primary-color);
  margin: 10px 0px 38px 0;
}

.count-a img {
  border-radius: 30px;
}

/*
.table-responsive {
    overflow-y: scroll;
    height: 800px;
    position: sticky !important;
}

.table-responsive.we {
    overflow-y: scroll;

}
*/

.up-part img {
  width: 2%;
  height: 5%;
}

.head-down img {
  width: 100%;
}

.table-responsive::-webkit-scrollbar-track {
  background: #fff;
}

.table-responsive::-webkit-scrollbar {
  width: 2px;
  /* background: bisque; */
}

.unbeat-box.topy {
  background: rgba(255, 255, 255, 1) !important;
}

.unbr-con.ti > p,
.unbr-con.ti > p > span {
  color: rgba(13, 12, 34, 1) !important;
}

.unbr-con.ti > p {
  font-size: 16px !important;
  font-weight: 500 !important;
}

p.ub,
span {
  color: #0d0c22 !important;
}

.vat {
  color: #14279b !important;
  font-weight: 700 !important;
}

.action-bar {
  display: flex;
  width: auto;
}

.c-town {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: end;
}

.c-town li span {
  display: block;
  font-size: 0.9rem;
  background: #f8f9fa;
  text-align: center;
  margin-bottom: 2px;
  padding: 3px;
  border-radius: 5px;
  font-weight: 500;
}

.c-town ul {
  margin-bottom: 0px !important;
}

.c-town li {
  display: inline-block;
  font-size: 0.4em;
  list-style-type: none;
  padding: .5em 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.1rem;
}

.c-town li span {
  display: block;
  font-size: 0.9rem;
  background: #f8f9fa;
  text-align: center;
  margin-bottom: 2px;
  padding: 3px;
  border-radius: 5px;
  font-weight: 500;
}

.c-town {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* text-align: center; */
}

x .c-town {
  width: 30%;
  text-align: center;
}

.col-h2 {
  color: var(--primary-color) !important;
  font-size: 36px !important;
  line-height: 58px !important;
  font-weight: 600 !important;
  letter-spacing: 0.224px !important;
}

.sub-p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2024px;
  text-align: center;
  color: #000;
  margin-top: 10px;
}

.frm-start form input[type="text"]:focus {
  background: none;
  border-bottom: 1px solid #fff;
  outline: none;
}

textarea.form-control[type="text"]:focus {
  background: none;
  border-bottom: 1px solid #fff;
  outline: none;
  color: #fff;
}

textarea.form-control {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 78%, 1);
  padding-bottom: 5px;
  color: #fff;
}

input.form-control[type="email"]:focus {
  background: transparent;
  outline: none;
}

textarea.form-control::placeholder {
  color: #fff;
  font-size: 17px;
}

input#subject[type="text"]:focus {
  background: none;
  outline: none;
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 448px) {
  p.sectoin-2 {
    margin-top: 20px;
    padding: 0px;
  }
}

/* addedd css for cards google workspace  */

.showing {
  display: none;
}

.noneing {
  display: block;
}

.hide {
  display: none;
}

.see {
  display: block;
}

.services-offer-main {
  text-align: center;
}

.services-offer-main h2 {
  padding: 30px;
}

.services-scroller {
  display: flex;
  justify-content: center;
  /* align-items: center; */
  gap: 30px;
  text-align: center;
  flex-wrap: wrap;
}

/* animation css end */
.scroller-content {
  padding: 20px 20px 40px 20px;
  border-radius: 22px;
  background: #f6f1ff;
  transition: 0.8s;
  /* width: 300px;
  height: 220px; */
  width: 400px;
  /* display: flex; */
  /* flex-direction: column; */
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.scroller-content h3 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 29.124px;
  letter-spacing: 0.2px;
  margin-top: 10px;
}

.scroller-content img {
  width: 100px;
  height: 75px;
}

.contaent-2 {
  background-color: #f2f2f2;
}

.contaent-3 {
  background-color: #ebffff;
}

.contaent-4 {
  background-color: #fffbec;
}

.contaent-5 {
  background-color: #f2ffed;
}

.content-6 {
  background-color: #f6f1ff;
}

.services-offer-main .scroller-content .scroller-flex {
  display: flex;
  flex-direction: column;
  flex: 1;
}

#margin {
  margin-top: auto;
}

.services-offer-main .scroller-content .srclbox-con .som-c {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.services-offer-main .scroller-content .srclbox-con .som-c {
  margin: 20px 0px;
}

.services-offer-main .scroller-content .srclbox-con .som-c img {
  width: 25px;
  height: 25px;
  background: var(--primary-color);
  border-radius: 100px;
}

.services-offer-main .scroller-content .srclbox-con .som-c p {
  text-align: left;
}

/* services offer section end*/
#diif-call h1 {
  font-size: 40px;
  color: rgba(20, 39, 155, 1);
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
}

#diif-call h1 #in-diff {
  font-size: 28px;
  font-weight: 700;
  line-height: 45px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: rgba(13, 12, 34, 1);
}

#diif-call {
  display: none;
}

/* Sticky-Icon start */
.social-i {
  position: fixed;
  top: 260px;
  right: -260px;
  z-index: 100000;
}

.social-i ul {
  padding: 0px;
}

.social-i ul li {
  display: block;
  margin: 13px;
  background: #0c1d7d;
  width: 300px;
  text-align: left;
  padding: 15px;
  border-radius: 30px 0 0 30px;
  transition: all 1s;
}

.social-i ul li a {
  text-decoration: none;
}

.social-i ul li:hover {
  transform: translate(-40%, 0);
  background: #ffffff;
  cursor: pointer;
}

.social-i ul li:hover a {
  color: #0c1d7d;
  font-weight: 900;
}

/* .social-i ul li:hover i {
    color: #fff;
    transform: rotate(90deg);
    transition: all 1s;
  } */
.social-i ul li i {
  margin-right: 10px;
  color: #0c1d7d;
  background: #fff;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  float: left;
  font-size: 20px;
  background: #ffffff;
  top: -5px;
  position: relative;
  transform: rotate(0deg);
}

/* Sticky-Icon end */
.logo img {
  height: 50px;
}

/* new added section in jumpcloud start */
.device-section {
  width: 100%;
}
.device-section .device-all {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.device-section .device-all .jdivflex {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

/* .device-section .device-all h2{
  font-size: 40px;
  font-weight: 800;
} */

.device-section .device-all h2 {
  position: absolute;
  font-size: 64px;
  font-weight: 600;
  line-height: 75px;
}

.device-section .device-all .jdevice-b {
  margin-top: 100px;
}

.device-section .device-all .jmedia-show {
  display: none;
}

.device-section .device-all .jdivflex .jdiv {
  width: 100%;
}

.device-section .device-all .device-card .device-top {
  /* width: 400px; */
  padding: 50px 20px;
  border-radius: 19px;
  background: #ebf3ff;
  box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.15);
}
.device-section .device-all .device-card .device-bottom {
  /* width: 400px; */

  padding: 30px 20px;
  border-radius: 19px;
  background: #ebf3ff;
  box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.15);
  margin-top: 30px;
}
.device-section .device-all .device-card h5 {
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0.44645px;
  text-align: left;
  color: #3f3b3c;
}

.device-section .device-all .device-card p {
  font-weight: 400;
  letter-spacing: 0.44645px;
  text-align: left;
  margin: 15px 0px 30px 0px;
}

.device-section .device-all .device-card .device-con .device-p {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

.device-section .device-all .device-card .device-con img {
  width: 25px;
  height: 25px;
}

.device-section .device-all .device-card .device-con p {
  margin: 0px 0px 20px 0px;
}

.device-section .device-all .device-card .device-con1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}
.device-section .device-all .device-card .device-con1 img {
  width: 70px;
  height: 70px;
}

.device-section .device-all .device-card .device-con1 p {
  margin: 5px 0px 20px 0px;
}

.device-section .device-all .device-cardall .device-topall p {
  margin: 10px 0px 30px 0px;
  color: var(--primary-color);
}

.device-section .device-all .device-cardall .device-topall .device-conimg {
  text-align: center;
}
.device-section .device-all .device-cardall .device-topall .device-conimg img {
  width: 70%;
}
.device-section .device-all .jdevice-b {
  margin-top: 95px;
}
.device-section .device-all .device-cardall {
  margin-top: 140px;
}

.device-section .device-all .jdivflex {
  width: 65%;
}

.device-section .device-all .jcdiv {
  width: 35%;
}

.added-btn a svg {
  fill: white;
}
.primary-btn:hover svg {
  fill: var(--primary-color) !important;
}
/* new added section in jumpcloud end */

.price-c p::before {
  content: "";
  width: 100%;
  height: 7px;
  border-radius: 10px;
  background: #14279b;
  left: 0;
  top: -20px;
  position: relative;
  display: inline-block;
}
.price-c p::after {
  content: "";
  width: 100%;
  border-radius: 10px;
  height: 7px;
  background: #14279b;
  left: 0;
  top: 0;
  position: relative;
  display: inline-block;
}
.price-c {
  text-align: start;
}
.price-c:hover p::before {
  left: 50px;
  transition: 1s ease-in-out;
}
.price-c p:hover {
  margin-left: 50px;
  transition: 1s ease-in-out;
}
.price-c:hover p::after {
  left: -50px;
  transition: 1s ease-in-out;
}
ul.ul-a li {
  list-style: none;
}
.position-relative {
  background: linear-gradient(178deg, aliceblue, transparent);
}
img#disnone {
  width: 220px;
}
/* main {
margin-top: 120px;
} */

.cntnr {
  max-width: 1390px;
  margin: 0px auto;
  padding: 80px 40px;
  /* overflow: hidden; */
}
.mr-bp-50{
  padding-bottom: 30px;
}
img.logo-img {
  width: 220px;
  max-width: 100%;
}

.menu.active {
  left: 0;
  top:0;
}
.menu.active .ul-a .li-a ul {
  left: 115px !important;
  top: 0 !important;
}

.adder-icon1 ul li a {
  color: white !important;
  width: 115px !important;
}