@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Noto+Sans+Georgian:wght@100..900&display=swap');


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a{
  text-decoration: none;
}
li{
  list-style: none;
}
ul {
  list-style: none;
}
button{
  border: none;
  outline: none;
}
h1,h2,h3,h4,h5,h6{
margin-bottom: 0px;
}
p{
  margin-bottom: 0px;
}
ul{
  margin-bottom: 0px;
  padding-left: 0px;
}

img{
  max-width: 100%;
}

hr{
  margin: 0px;
}
:root {
	--color-1: #1842b3;
	--color-2: #658fff;
	--color-3: #fafbfd;
	--color-4: #bfc2cb;
	--color-5: #8a8d95;
	--color-6: #53555c;
	--color-7: #111827;
	--color-8: #021445;
	--color-9: #eaebef;
  --bg-color: #f4f5ff;
  --font-family: "Inter", sans-serif;
  --second-family: "Bricolage Grotesque", sans-serif;
  --third-family: "Merriweather", sans-serif;
  --font3: "Georgia", sans-serif;
}
.tec_bg{
  background: var(--bg-color);
}
/* Dark/White */
:root {
  --hue: 223;
  --trans-dur: 0.4s;
  --trans-timing: cubic-bezier(0.65, 0, 0.35, 1);
}
/* colume-gap */





/* ==================================Teconce-Top-bar-Header===================================== */
/* ============================================================================================== */
.header {
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 100;
  margin: 0 auto;
  background-color: var(--white-100);
  box-shadow: var(--shadow-medium);
}

:root {
  --white-100: hsl(206, 5%, 100%);
  --white-200: hsl(206, 5%, 90%);
  --white-300: hsl(206, 5%, 80%);
  --white-400: hsl(206, 5%, 65%);
  --white-500: hsl(206, 5%, 45%);
  --black-100: hsl(210, 21%, 12%);
  --black-200: hsl(210, 21%, 9%);
  --black-300: hsl(210, 21%, 6%);
  --black-400: hsl(210, 21%, 3%);
  --black-500: hsl(210, 21%, 1%);
  --night-100: hsl(217, 27%, 20%);
  --night-200: hsl(217, 27%, 16%);
  --night-300: hsl(217, 27%, 12%);
  --night-400: hsl(215, 27%, 8%);
  --night-500: hsl(215, 27%, 4%);
  --pink-100: hsl(326, 85%, 90%);
  --pink-200: hsl(327, 87%, 80%);
  --pink-300: hsl(329, 86%, 70%);
  --pink-400: hsl(330, 81%, 60%);
  --pink-500: hsl(333, 71%, 50%);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
     0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
     0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
     0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

body {
  color: var(--black-300);
  background-color: var(--white-100);

}
body.darkmode {
  color: var(--white-100);
  background-color: var(--night-400);
  /* mix-blend-mode:color-dodge; */
}
body.darkmode .tec_support_team-bg{
  background-image:none ;
}
.tec-menu-btn-box{
  gap: 16px;
}

.tec_top_bar-support-mega-title{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 20px;
  line-height: 128%;
  color: #071b1a;
  transition: all 0.5s ease;
}
.tec_top_bar-support-mega-title:hover{
  padding-left: 5px;
}
.submenu-link-sm-cus{
  margin: 10px 0px 24px 0px;
}
.tec_header-horijontal{
  border: 1px solid rgba(0, 2, 7, 0.12);
  width: 246px;
  margin: 24px 0px;
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes slideRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}

.btn {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  user-select: none;
  border-radius: 0.25rem;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn-primary {
  padding: 0.75rem 1.5rem;
  color: var(--white-100);
  background-color: var(--pink-500);
  box-shadow: var(--shadow-medium);
}
.btn-darken {
  padding: 0.75rem 1.5rem;
  color: var(--white-100);
  background-color: var(--night-300);
  box-shadow: var(--shadow-medium);
}
.darkmode .header {
  background-color: var(--night-300);
}
.brand {
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  color: var(--pink-500);
  text-transform: uppercase;
  order: 1;
}
.darkmode .brand {
  color: var(--pink-300);
}
.tec_top_navbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding: 24px 0px;
}
.tec_top-navbar-left {
  display: flex;
  align-items: center;
  flex: 0 0 17%;
}
.tec_header_top_bar-logo-mobile{
  width: 150px;
  height: auto;
  margin-left: 15px;
  margin-bottom: 20px;
}
.tec_header_top_bar-logo-mobile img{
 max-width: 100%;
 object-fit: contain;
}
.tec_top-navbar-center {
  display: flex;
}
.navbar-right {
  display: flex;
  flex: 0 0 24%;
  align-items: center;
  justify-content: flex-end;
  column-gap: 26px;
}
.icon-close-circle{
  font-size: 26px;
  margin-top: 20px;
}
.menu-header {
  display: none;
  box-shadow: var(--shadow-medium);
}
.menu-inner{
  display: flex;
  gap: 32px;
}
.menu-inner li a .arrow_link{
  transition: all 0.5s ease;
  font-size: 12px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  margin-left: 5px;
}
.menu-inner li:hover .arrow_link{
  transform: rotate(-180deg);
}
.menu-item {
  display: inline-block;
  line-height: 1.5;
}
.menu-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  padding: 0px 0px 40px 0px;
  text-transform: capitalize;
  color: var(--color-7);
  line-height: inherit;
  transition: all 0.25s ease;
}
.menu-link > i.bx {
  font-size: 1.35rem;
  margin-left: 0.25rem;
  transform: rotate(90deg);
}
.darkmode .menu-link {
  color: var(--white-100);
}
.menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  font-size: 1.45rem;
  color: var(--black-300);
  transition: all 0.25s ease;
}
.darkmode .menu-icon {
  color: var(--white-100);
}


/* BTN */

.tec_btn-box {
  display: inline-flex;
  align-items: center;
}
.tec_btn-link-top{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-3);
  padding: 12px 24px;
  border-radius: 8px;
}
.tec_btn-box .tec_btn-link {
  position: relative;
  display: inline-block;
  overflow: hidden;
  letter-spacing: 0.05em;
  transition: all 0.7s ease;
}
.tec_btn-box .tec_btn-link:hover { 
  cursor: pointer;
}
.tec_btn-box .tec_btn-link .tec_btn-text {
  position: relative;
  z-index: 10;
}
.tec_btn-box .tec_btn-link .tec_btn-box-round {
  width: 100%;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 5;
  animation: scale-down 0.5s forwards;
}

.tec_btn-box .tec_btn-link.animate .tec_btn-box-round {
  animation: scale-up 1s forwards;
}
.tec_btn-box .tec_btn-box-1 {
  background: var(--color-1);
  color: #ffffff;
}
.tec_btn-box .tec_btn-box-1:hover {
  color: #ffffff;
}
.tec_btn-box .tec_btn-box-round-edit-1 {
  background: #0044ff;
}


@keyframes scale-up {
  to {
      transform: scale(850);
  }
}

@keyframes scale-down {
  from {
      transform: scale(600);
  }
  to {
      transform: scale(0);
  }
} 

/* End-BTN */


/* 2ND BTN search */

.tec_btn-link-btm{ 
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--color-3);
  padding: 15px 116px;
  border-radius: 4px;
}


/* End-2ND BTN search */


/* MegaMenu-btn */


/* End-MegaMenu-btn */

.submenu {
  position: absolute;
  width: 100%;
  height: auto;
  margin-top: 1.75rem;
  padding: 40px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  border-top: 2px solid var(--color-1);
  background: #f9f9ff;
  box-shadow: var(--shadow-medium);
  transition: all 0.25s ease-in-out;
}
.darkmode .submenu {
  border-top: 2px solid var(--pink-300);
  background-color: var(--night-300);
}
.submenu-inner-1 {
  flex: 0 0 60%;
  padding: 0px;
}
.submenu-list li{
  margin-bottom: 32px;
  width:100%;
}
.submenu-list li:last-child{
  margin-bottom: 0px;
}
.submenu-inner-2 {
  flex: 0 0 40%;
  padding-left: 0px;
}
.submenu-inner-3{
  flex: 0 0 100%;
  padding: 0px;
}
.tec_arrow-pe-40{
  margin-right: 40px;
}
.additional-links-box{
  background: #e0eaf2;
  padding: 24px;
  height: 100%;
  border-radius: 8px;
}
.additional-svg{
  width: 18px;
  aspect-ratio: 1/1;
}
.additional-svg img{
  max-width: 100%;
  object-fit: contain;
}
.additional-links-ul-box{
  margin-top: 20px;
}
.additional-links-ul-box li a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 128%;
  color: #535353;
  transition: all 0.5s ease;
}
.additional-links-ul-box li a:hover{
  padding-left: 5px;
}
.additional-links-ul-box li {
  margin-bottom: 14px;
}
.additional-links-ul-box li:last-child {
  margin-bottom: 0px;
}
.submenu-title {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 128%;
  text-transform: capitalize;
  color: #61656f;
  margin-bottom: 24px;
  transition: all 0.3s ease;
}
.tec_top_bar-service-box-2{
  margin-top: 32px;
}
.darkmode .submenu-title {
  color: var(--pink-300);
}
.submenu-item {
  gap: 16px;
  line-height: 1;
  margin: 0 auto;
}
.submenu-svg{
  background: var(--color-1);
  border-radius: 8px;
  padding: 10px 12px;
}
.submenu-svg img{
  max-width: 100%;
  object-fit: contain;
}
.submenu-link-box-main{
  width: 100%;
}
.submenu-link-box a{
  transition: all 0.5s ease;
}
.submenu-link-box a:hover{
  padding-left: 5px;
}
.submenu-link {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 128%;
  text-transform: capitalize;
  color: #071b1a;
  display: inline-block;
  padding: 0px 0px 6px 0px;
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
}
.darkmode .submenu-link {
  color: var(--white-100);
}
.submenu-link-sm{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 128%;
  color: #61656f;
  margin-top: 6px;
}
.submenu-image {
  display: block;
  width: 100%;
  height: auto;
  margin-block: 0.5rem;
  object-fit: cover;
}
.megamenu {
  left: 50%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  transform: translateX(-50%);
}
.megamenu-support{
  left: 50%;
  width: 100%;
  height: auto;
  margin: 0 auto;
  transform: translateX(49%);
}
.megamenu-column-4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 753px;
  height: auto;
  margin: 0 auto;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, .23);
}
.megamenu-column-5{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 442px;
  height: auto;
  margin: 0 auto;
  box-shadow: 12px 12px 24px rgba(0, 0, 0, .23);
}
.switch {
  position: relative;
  display: block;
  cursor: pointer;
  user-select: none;
}
.switch-light, .switch-dark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in;
}
.switch-light {
  font-size: 1.3rem;
  visibility: visible;
  color: var(--black-300);
}
.darkmode .switch-light {
  font-size: 0rem;
  visibility: hidden;
}
.switch-dark {
  font-size: 0rem;
  visibility: hidden;
  color: var(--white-100);
}
.darkmode .switch-dark {
  font-size: 1.3rem;
  visibility: visible;
}
.overlay {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.45s ease-in-out;
}
.burger {
  position: relative;
  display: block;
  cursor: pointer;
  width: 1.6rem;
  height: 1rem;
  margin-left: 1rem;
  opacity: 0;
  visibility: hidden;
  background: transparent;
}
.burger-line {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 1;
  border-radius: 1rem;
  background: var(--black-400);
}
.darkmode .burger-line {
  background: var(--white-100);
}
.burger-line:nth-child(1) {
  top: 0px;
}
.burger-line:nth-child(2) {
  top: 0.5rem;
  width: 70%;
}
.burger-line:nth-child(3) {
  top: 1rem;
}
.tec_header_top_bar-wrapper{
  padding: 24px 0px;
}
.tec_header_top_bar-logo{
  width: 193px;
  height: 48px;
}
.tec_header_top_bar-logo img{
  max-width: 100%;
  object-fit: contain;
}
.tec_header_top_bar-nav-box li{
 position: relative;
 transition: 0.3s;
 padding: 10px 0px;
}
.tec_header_top_bar-nav-box li a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-7);
 }

 .tec_header_top_bar-nav-box{
  gap: 32px;
 }
 .tec_header_top_bar-nav-box li .tec_header_top_bar-dropdown-box li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  text-align: center;
  color: #fff;
  text-transform: capitalize;
  transition: 0.3s;
  position: relative;
 }
 .tec_header_top_bar-nav-box li .tec_header_top_bar-dropdown-box li a::after{
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 0;
 height: 2px;
 background: white;
 transition: 0.3s;
 }
 .tec_header_top_bar-nav-box li .tec_header_top_bar-dropdown-box li a:hover:after{
  width: 10px;
  }
 .tec_header_top_bar-nav-box li .tec_header_top_bar-dropdown-box li a:hover{
 padding-left: 10px;
 }

 .tec_header_top_bar-submenu-box li a:hover{
  padding-left: 10px;
 }
 .tec_header_top_bar-nav-box li .tec_header_top_bar-dropdown-box li{
  padding: 5px 5px 5px 15px;
  background: var(--color-1);
}
.tec_header_top_bar-nav-box li .tec_header_top_bar-dropdown-box .tec_header_top_bar-dropdown-link:hover a{
  padding-left: 15px;
}

.tec_header_top_bar-nav-box li:hover .tec_header_top_bar-dropdown-box{
  opacity: 1;
  visibility:visible;
  margin-top: 0px;
 }
 .tec_header_top_bar-dropdown-box {
  display: block;
  width: 180px;
  opacity: 0;
  visibility: hidden;
  margin-top: 10px;
  position: absolute;
  top: 100%;
  transition: 0.4s;
  left: 0;
  background-color: #fff;
  background: var(--text-light);
  z-index: 22;
}
.tec_header_top_bar-dropdown-box li a{
  position: relative;
}
.tec_header_top_bar-dropdown-box li a{
  position: relative;
}
.tec_header_top_bar-dropdown-box li:hover .tec_header_top_bar-submenu-box{
  opacity: 1;
  visibility: visible;
  right: -180px;
}
.tec_header_top_bar-nav-box .tec_header_top_bar-link::before{
 content: '';
 position: absolute;
 top: 100%;
 left: 0;
 width: 0px;
 height: 2px;
 background: white;
 border-radius: 6px;
 transition: 0.3s;
}
.tec_header_top_bar-nav-box li:hover .tec_header_top_bar-link::before{
  width: 100%;
  height: 2px;
  background: white;
 }
.tec_header_top_bar-submenu-box {
  opacity: 0;
  visibility: hidden;
  width: 180px;
  position: absolute;
  top: 0;
  right: -192px;
  transition: 0.5s;
}
.tec_header_top_bar-link i{
  font-size: 14px;
  color: #000;
  transition: all 0.5s ease;
}

.tec_header_top_bar-nav-box li:hover .fa-angle-down{
  transform: rotate(-180deg);
}

.tec_header_domain{
  background: var(--color-8);
  padding: 24px 0px;
}

/* Btn */

.tec_header_top-btn{
  display: flex;
}
.tec_header_domain-form-box{
  gap: 12px;
}
.tec_header_top-btn a,
.tec_header_top-btn button{
  display: inline-block;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--color-3);
  border-radius: 8px;
  padding: 8px 24px;
  position: relative;
  z-index: 10;
  background: var(--color-1);
  overflow: hidden;
  transition: 0.5s;
}
.tec_header_top-btn button::before,
.tec_header_top-btn a::before{
 content: '';
 position: absolute;
 bottom: 0%;
 left: 0;
 width: 100%;
 height: 0%;
 background: #0345fa85;
 transition: 0.5s;
 z-index: -1;
}
.tec_header_top-btn button:hover,
.tec_header_top-btn a:hover{
 color: white;
 }
.tec_header_top-btn button:hover::before,
.tec_header_top-btn a:hover::before{
  top: 0;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 25% 25%, 25% 75%, 25% 100%, 100% 100%, 100% 0);
 }
 /* End-Btn */



/* btn */


.tec_header_domain-form-group{
  position: relative;
}
.tec_header_domain-form-group input{
  width:579px;
  height: 59px;
  padding: 8px 20px;
  font-size: 18px;
  border-radius: 4px;
  color: #eee;
  background: rgba(250, 251, 253, 0.14);
  transition: 0.15s all ease;
  box-shadow: none;
  border: 1px solid transparent;
}
.tec_header_domain-form-group input:focus{
  outline: none;
  border: 1px solid #ffffff;
}

.tec_header_domain-form-group input::placeholder{
  color: transparent;
}
.tec_header_domain-form-group .tec_header_domain-form-label{
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--color-4);
  position: absolute;
  top: 14px;
  left: 0;
  font-size: 18px;
  padding: 0 20px;
  pointer-events: none;
  transition: 0.15s all ease;
  border-radius: 4px;
}
.tec_header_domain-form-group input:focus + .tec_header_domain-form-label,
.tec_header_domain-form-group input:not(:placeholder-shown) +
.tec_header_domain-form-label{
  transform: translate(5px, -22px);
  font-size: 14px;
  color: #eee;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

 /* End */
.tec_header_domain-svg img{
  max-width: 100%;
  object-fit: contain;
 }

.tec_header_domain-svg{
  width: 124px;
  height: 53px;
} 
.tec_header_domain-price-box{
  gap: 24px;
}
.tec_header_domain-price h4{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--color-3);
  border-radius: 43px;
  padding: 10px 24px;
  background: rgba(101, 143, 255, 0.26);
 }
 /*  */




/* ==================================Teconce-Hero-Area===================================== */
/* ======================================================================================== */


.tec_hero-bg{
  max-width: 100%;
  height: fit-content;
  padding: 120px 0px;
}
.tec_hero-wrapper{

}
.tec_hero-title h1{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 79px;
  line-height: 130%;
  text-transform: capitalize;
  color: var(--color-3);
  transition: text-shadow 0.4s;
}
.tec_hero-bg{
  background-image: url(../img/Home/bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.tec_hero-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-transform: capitalize;
  color: var(--color-9);
}
.tec_hero-body-text-cus{
 margin: 24px 0px 28px 0px;
}
.tec_hero-money-back-box{
  position: relative;
  gap: 8px;
  margin-top: 24px;
}
.tec_hero-money-back-box h5{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: #ffcd16;
}
.tec_hero-money-back-box h4{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--color-3);
}
/* Img */
.tec_hero-img{
  width: 538px;
  height: 564px;
  border-radius: 16px;
  transition: all 0.5s ease;
}
.tec_hero-img:hover{
  transform: translateY(-10px);
}
.tec_hero-img img{
  max-width: 100%;
  object-fit: contain;
}
/* Title-hover */
.tec_hero-btn-box{
  gap: 16px;
}

/* BTN */

.tec_hero-free-btn{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: var(--color-3);
  padding: 12px 16px;
  transition: 0.3s;
}
.tec_hero-free-btn i{
  transition: all 0.6s ease;
  font-size: 20px;
}
.tec_hero-free-btn:hover i{
  transform: rotate(-45deg);
}
.tec_hero-free-btn:hover{
  color: #ffcd16;
}
/* End-BTN */

/* Hero-btn */
.tec_btn-box .tec_btn-link-hero{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-7);
  border-radius: 8px;
  padding: 12px 30px;
  background: #ffffff;
}

.tec_btn-box .tec_btn-box-round-edit-2 {
  background: var(--color-8);
}

/* End-Hero-btn */

/* megamenu */

.tec_btn-box .tec_btn-link-megamenu {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--color-3);
  text-align: center;
  border-radius: 8px;
  padding: 12px 30px;
  background: #25345f;
}
/* End-megamenu */

/* 2nd Megamenu-btn */

.tec_btn-link-megamenu-2{
  border-radius: 8px;
  padding: 14px 40px;
}

.tec_btn-link-megamenu-3{
  border-radius: 8px;
  padding: 14px 40px;
}

/* End-2nd Megamenu-btn */

.tec_btn-box .tec_btn-link-price-box {
  width: 100%;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-1);
  text-align: center;
  border-radius: 8px;
  padding: 12px 30px;
  background: #ffffff;
  border: 1px solid var(--color-1);
  border-radius: 45px;
  padding: 10px 16px
}


.tec_btn-box .tec_btn-link-hero {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-7);
  border-radius: 8px;
  padding: 12px 30px;
  background: rgb(255, 255, 255);
}


.tec_btn-box-round-edit-price-box{
  background: var(--color-1);
}

/* ==================================Teconce-Price-Box===================================== */
/* ======================================================================================== */


.tec_price-box{
  padding: 120px 0px;
}
.tec_title_black-text h2{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 54px;
  line-height: 128%;
  text-transform: capitalize;
  color: #071b1a;
  transition: all 0.3s ease;
}
.tec_title_black-text-price-cus{
  max-width: 825px;
  margin: auto;
  text-align: center;
  margin-bottom: 80px;
}

/* End-Title-hover */

.tec_price-off-tag-text{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-3);
}
.tec_price-off-tag-box{
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  gap: 3px;
  background: var(--color-1);
  border-radius: 45px;
  padding: 8px 16px;
}
.tec_price_box-card{
  padding: 69px 42px 49px 42px;
  border: 1px solid var(--color-2);
  border-radius: 18px;
  background: #fff;
  position: relative;
}
.tec_price_box-card::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  clip-path: polygon(100% 0, 66% 0, 100% 100%);
  background:  var(--color-1);
  border-radius: 0 18px 18px 0px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.tec_price_box-card:hover::after{
  margin-right: 0px;
  opacity: 1;
  visibility: visible;
  width: 20%;
}
.tec_price-title{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 24px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-1);
}
.tec_price-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-transform: capitalize;
  color: var(--color-6);
}
.tec_price-body-text-cus{
  margin: 16px 0px 32px 0px;
}
.tec_price-tag{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 137%;
  text-transform: capitalize;
  color: var(--color-1);
}
.tec_price{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-1);
}
.tec_price-cus{
  margin: 8px 0px 32px 0px;
}
.tec_price .tec_price-text{
  font-size: 24px;
  text-transform: lowercase;
}
.tec_Price-horijontal{
  border: 1px solid #d5d8e0;
  margin: 32px 0px;
}
.tec_Price-subtitle{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 122%;
  text-transform: capitalize;
  color: var(--color-1);
}
.tec_Price-list{
  margin: 24px 0px 48px 0px;
}

/* List-style */
.tec_Price-box{
  display: flex;
  align-items: center;
  gap: 8px;
}
.tec_Price-svg{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tec_Price-list-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  text-transform: capitalize;
  color: var(--color-8);
}
.tec_Price-list li{
  margin-bottom: 12px;
}
.tec_Price-list li:last-child{
  margin-bottom: 0px;
}
/* Btn */
.zir-hm1-new-beauty-btn-cus{
  margin-top: 32px;
}
.tec_price-btn{
  display: flex;
}
.tec_price-btn a,
.tec_price-btn button{
  width: 100%;
  display: inline-block;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-1);
  border: 1px solid var(--color-1);
  border-radius: 45px;
  padding: 8px 16px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  transition: 0.5s;
}
.tec_price-btn button::before,
.tec_price-btn a::before{
 content: '';
 position: absolute;
 bottom: 0%;
 left: 0;
 width: 100%;
 height: 0%;
 background: var(--color-1);
 border-radius: var(--bs-border-radius-pill) !important;
 transition: 0.5s;
 z-index: -1;
}
.tec_price-btn button:hover,
.tec_price-btn a:hover{
 color: white;
 }
.tec_price-btn button:hover::before,
.tec_price-btn a:hover::before{
  top: 0;
  height: 100%;
  clip-path: polygon(0 0, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 25% 25%, 25% 75%, 25% 100%, 100% 100%, 100% 0);
 }
 /* End-Btn */


 /* ==================================Teconce-features-Box================================= */
/* ======================================================================================== */


.tec_features-bg{
  background-image: url(../img/Home/feature-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0px;
}
.tec_features-tag{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tec_features-tag h5{
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--color-3);
  border-radius: 4px;
  padding: 8px 16px;
  background: rgba(99, 141, 255, 0.36);
  text-align: center;
}
.tec_title_white-text h2{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 54px;
  line-height: 128%;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-3);
}
.tec_title_white-text-features-cus{
  max-width: 882px;
  margin: 16px auto 60px auto;
}
.tec_features-svg{
  width: 52px;
  aspect-ratio: 1/1;
}
.tec_features-svg img{
  max-width: 100%;
  object-fit: contain;
}
.tec_features_card{
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  border: 1px solid #fff;
  border-radius: 16px;
  background: rgba(64, 159, 255, 0.6);
  transition: 0.4s;
}
.tec_features_card:hover{
  background: rgba(7, 131, 255, 0.791);
}
.tec_features_card-text{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 24px;
  color: var(--color-3);
  transition: 0.5s;
}
.tec_features_card-text:hover{
  color: #ffcd16;
}
.tec_features_card-text-cus{
 display: block;
 margin: 20px 0px 12px 0px;
 width: 269px;
}
.tec_features_card-body{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 147%;
  color: var(--color-3);
}



 /* ============================Teconce-create-website-Box================================= */
/* ======================================================================================== */

.tec_create-website{
  padding: 120px 0px 143px 0px;
}
.tec_title_black-create-website-cus{
  max-width: 649px;
}
.tec_create-website-body-text-1{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-transform: capitalize;
  color: var(--color-6);
}
.tec_create-website-body-text-1-cus{
  max-width: 440px;
}
.tec_create-website-main{
  background: #e8f8ff;
  border-radius: 20px;
  padding: 52px 60px;
  margin-top: 60px;
}
.tec_create-website-img-1{
  width: 503px;
  height: 448px;
  border-radius: 20px;
  transition:all 0.5s ease;
}
.tec_create-website-img-1 img{
  max-width: 100%;
  object-fit: cover;
  transition:all 0.5s ease;
}
.tec_create-website-img-1:hover{
  transform: translateY(-8px);
}
.tec_create-website-text-box{
  width: 645px;
}
.tec_create-website-tag{
  display: inline-block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--color-7);
  border-radius: 4px;
  padding: 8px 36px;
  background: #ccdaff;
}
.tec_create-website-subtitle{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 34px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-7);
}
.tec_create-website-subtitle-cus{
  margin: 15px 0px;
}
.tec_create-website-body-text-2 p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 167%;
  text-transform: capitalize;
  color: var(--color-6);
}
.tec_create-website-btm-card-box{
 margin-top: 52px;
}
.tec_create-website-card-text-box{
  margin-top: 52px;
}
.tec_create-website-card-text-box{
  width: 501px;
}
.tec_create-website-card-2{
  width: 574px;
}
.tec_create-website-img-2{
  width: 574px;
  height: 448px;
  border-radius: 20px;
  transition: all 0.5s ease;
}
.tec_create-website-img-2 img{
  max-width: 100%;
  object-fit: contain;
}
.tec_create-website-img-2:hover{
  transform: translateY(-8px);
}

 /* ==============================Teconce-Support-Team-Box================================= */
/* ======================================================================================== */

.tec_support_team-bg{
  background-image: url(../img/Home/support-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 411px 0px 120px 0px;
}
.tec_support_team-img-box{
  position: absolute;
  top: -291px;
  left: 0;
  gap: 36px;
}

.tec_support_team-img{
  width: 190px;
  height: 196px;
  border-radius: 12px;
}
.tec_support_team-img img:hover{
  border-radius: 10% 50% 10%50%/ 50% 10% 50% 10%;
}
.tec_support_team-img img{
  max-width: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.tec_support_team-img-mt197{
  margin-top: 197px;
}
.tec_support_team-img:nth-child(1),
.tec_support_team-img:nth-child(6){
  margin-top: 197px;
}
.tec_support_team-img:nth-child(2),
.tec_support_team-img:nth-child(5){
  margin-top: 47px;
}
.tec_support_team-img-mt47{
  margin-top: 47px;
}
.tec_title_white-text-support-team-cus{
  max-width: 748px;
  margin: auto;
}
.tec_support_team-body-text-cus{
  max-width: 802px;
  margin: 24px auto 52px auto;
}
.tec_support_team-tag h5 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-3);
  background: rgba(0, 0, 0, 0.18);
  text-align: center;
  padding: 14px 24px;
  border-radius: 4px;
}
.tec_support_team-box{
  width: 584px;
  gap: 24px;
}


 /* ================================Teconce-Brand-logo-Box================================= */
/* ======================================================================================== */

.tec_brand_logo{
  padding: 120px 0px;
}
.tec_brand_logo-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 19px;
  line-height: 158%;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-6);
}
.tec_brand_logo-body-text-cus{
  margin: 10px 0px 48px 0px;
}

.tec_brand_logo-box {
  width: 1042px;
  display: flex;
  gap: 20px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
}
.tec_brand_logo-svg{
  flex-basis: calc(20% - 20px);
  background: var(--color-1);
  border-radius: 7px;
  padding: 14px 24px;
  text-align: center;
  transition: all 0.5s ease;
}
.tec_brand_logo-svg:hover{
  border-radius: 10% 50% 10%50%/ 50% 10% 50% 10%;
}
.tec_brand_logo-svg img{
  max-width: 100%;
  object-fit: contain;
}

 /* ================================Teconce-Testimonial-Box================================= */
/* ======================================================================================== */

.tec_testimonial{
  padding: 120px 0px 90px 0px;
}
.tec_title_black-text-testimonial-cus{
  max-width: 694px;
  margin: auto;
  margin-bottom: 60px;
}
.tec_testimonial-slider-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #929292;
}
.tec_testimonial-slider-body-text-cus{
  margin: 20px 0px 24px 0px;
}
.tec_testimonial-slider-name-box h5{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--color-7);
}
.tec_testimonial-slider-name-box h6{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  color: var(--color-5);
}
/* Slider */
.tec_testimonial-slider-items-box{
  width: 100%;
  border: 1px solid var(--color-2);
  border-radius: 12px;
  background: var(--color-3);
  padding: 16px 32px;
}
.tec_testimonial-slider-style .swiper-wrapper{
  margin-bottom: 70px;
}
.tec_testimonial-slider-style .swiper-pagination-bullet{
  background-color: #C9CCD6;
  width: 10px;
  height: 10px;
  opacity: 1;
  transition: all 0.60s;
}
.tec_testimonial-slider-style .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 40px;
  border-radius: 63px;
  background-color: var(--color-1);
}

 /* ================================Teconce-support-options-Box============================= */
/* ======================================================================================== */

.tec_support_options-bg{
  background-image: url(../img/Home/support-bg-2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0px 160px 0px;
}
.tec_title_white-text-big h2{
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 62px;
  line-height: 128%;
  letter-spacing: 0em;
  text-transform: capitalize;
  text-align: center;
  color: #f7f7f7;
}
.tec_title_white-text-support2-team-cus{
  max-width: 1137px;
  margin: auto;
}
.tec_support_options-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 166%;
  letter-spacing: 0em;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-3);
}
.tec_btn-box .tec_support_options-btn{
  border-radius: 14px;
  padding: 32px 50px;
}
.tec_support_options-btn span h3{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 32px;
  text-transform: capitalize;
  color: var(--color-3);
}
.tec_support_options-gap-svg{
  gap: 24px;
}
.tec_support_options-body-text-cus{
  margin-top: 16px;
}
.tec_support_options-btn-box{
  border: 1px solid rgba(223, 230, 247, 0.74);
  border-radius: 8px;
  padding: 50px 78px;
  background: rgba(250, 251, 253, 0.18);
  margin-top: 60px;

}

/* btn */

.tec_header_domain-btn-svg{
  width: 40px;
  height: auto;
  max-width: 100%;
}
.tec_header_domain-btn-svg{
  margin-right: 24px;
}
.tec_support_options-btn-2 a{
  border-radius: 14px;
  padding: 32px 50px;
  display: flex;
  align-items: center;
}
.tec_support_options-btn-2 a span{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 32px;
  text-transform: capitalize;
  color: var(--color-3);
}


 /* =====================================Teconce-Footer-Box================================ */
/* ======================================================================================== */

.tec_footer{
  background: var(--color-8);
  padding: 80px 0px 32px 0px;
}
.tec_footer-logo{
  display: block;
  width: 238px;
  height: 59px;
}
.tec_footer-logo img{
  max-width: 100%;
  object-fit: contain;
}
.tec_footer-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 175%;
  text-transform: capitalize;
  color: var(--color-4);
}
.tec_footer-body-text-cus{
  margin-top: 24px;
}
.tec_footer-link-title{
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 22px;
  line-height: 109%;
  color: #fff;
}
.tec_footer-link-title-box{
  width: 182px;
}
.tec_footer-link-main-box{
  margin-top: 32px;
}

.tec_footer-horijon{
  border: 1px solid var(--color-6);
  margin: 52px 0px 32px 0px;
}
.tec_footer-bottom-bar-link{
  font-family: var(--second-family);
  font-weight: 300;
  font-size: 16px;
  line-height: 200%;
  color: #c0c0c0;
}


 /* =========================================Home-End-Project=================================== */
/* ============================================================================================= */





/* ================================================================================================= */
/* =================================================Start Web-Hosting ============================== */
/* ================================================================================================= */


 /* =============================Teconce-Web-hosting-Hero-Area================================== */
/* ============================================================================================= */


.tec_web_hero-bg{
  background: var(--color-1);
  overflow: hidden;
}
.tec_web_hero-bg-svg{
  position: absolute;
  top: 0;
  left: 0;
}
.tec_web_hero-wrapper{
  padding: 120px 0px;
}
.tec_web_hero-border{
  border: 1px solid #fff;
  width: 23px;
}
.tec_web_hero-sub-title-box{
  background: var(--color-8);
  gap: 10px;
  padding: 18px 0px;
}
.tec_web_hero-sub-title{
  font-family: var(--font-family);
  font-weight: 500;
  line-height: 140%;
  font-size: 16px;
  text-transform: lowercase;
  text-align: center;
  color: var(--color-3);
}
.tec_web-title{
  max-width: 964px;
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 76px;
  line-height: 118%;
  text-transform: capitalize;
  color: var(--color-3);
  margin: auto;
}
.tec_web-body-text{
  max-width: 622px;
  margin: 24px auto 52px auto;
}


 /* =============================Teconce-Web-hosting-Pricing-Table============================== */
/* ============================================================================================= */


.tec_pricing_table{
  padding: 104px 0px 78px 0px;
}
.tec_pricing_table-menu-box{
  max-width: 730px;
  margin: auto;
  padding: 4px;
  background: rgba(24, 66, 179, 0.08);
  border-radius: 30px;
}
.tec_pricing_table-menu-box li .tec_pricing_table-link{
  display: inline-block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-7);
  transition: all 0.5s ease;
  position: relative;
}
.tec_price-link-hover::after{
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  background: var(--color-1);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 2px;
  transition: all 0.5s ease;
}
.tec_price-link-hover:hover::after{
  width: 100%;
  height: 2px;
  opacity: 1;
  visibility: visible;
}
.active{
  text-decoration: none;
}
.tec_pricing_table-menu-box li .tec_pricing_table-link-support{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-3);
  border-radius: 128px;
  background: var(--color-1);
  padding:16px 44px;
}
.tec_web-price_box-card:nth-child(3){
  margin-top: 0px;
}
.tec_web-price_box-card:nth-child(4){
  margin-top: 0px;
}
.tec_pricing_table-menu-box li .active{
  padding:16px 44px;
  background: rgba(92, 136, 255, 0.19);
  border-radius: 128px;
}
/* BTN-Support */
.tec_btn-box .tec_btn-link-price-box-web {
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-3);
  border-radius: 8px;
  padding: 12px 30px;
  background: var(--color-1);
  border-radius: 128px;
  padding:16px 44px;
}
.tec_btn-box-round-edit-price-box-web{
  background: rgba(2, 20, 69, 0.4);
}
/* End-BTN-Support */
.tec_plan-selection-tag-box{
  gap: 24px;
}
.tec_plan-selection-box{
  background: var(--color-1);
  padding: 48px 40px;
  border-radius: 18px;
  margin-top: 60px;
}
.tec_plan-selection-title{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 36px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-3);
}
.tec_plan-country-box-main{
  gap: 24px;
}
.tec_plan-selection-body{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  text-transform: capitalize;
  color: var(--color-9);
}
.tec_plan-selection-body-cus{
  margin: 8px 0px 32px 0px;
}
.tec_plan-selection-tag{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 16px;
  line-height: 200%;
  text-transform: uppercase;
  color: var(--color-9);
}
.tec_plan-country-box{
  gap: 8px;
}
.tec_plan-selection-svg{
  width: 26px;
  aspect-ratio: 1/1;
}
.tec_plan-selection-svg img{
  max-width: 100%;
  object-fit: contain;
}
.tec_plan-country-name{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-3);
}
.tec_plan-selection-right-box{
  background: rgba(2, 20, 69, 0.4);
  border-radius: 14px;
  padding: 35px 42px;
}
.tec_plan-selection-toggle-border{
  border: 1px solid rgba(255, 255, 255, 0.23);
  width: 80px;
  transform: rotate(-90deg);
}
.tec_toggle-title{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-3);
}
.tec_toggle-monthly{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--color-3);
}
.tec_toggle-box{
  margin-top: 24px;
  gap: 10px;
}
.tec_web-price-main-box{
  padding: 52px 32px 42px 32px;
  background: #fff;
  border-radius: 18px;
  margin-top: 80px;
}
.tec_web-price_box-card{
  width: 100%;
  padding: 0px 32px 0px 32px;
  border-right: 1px solid #b5c3e8;
  background: #fff;
  position: relative;
}
.tec_web-price_box-card:last-child{
  border-right: 0px;
}
.tec_web-price_box-card::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  clip-path: polygon(88% 0, 100% 0, 100% 100%);
  background:  var(--color-1);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}
.tec_web-price_box-card:hover::after{
  margin-right: 0px;
  opacity: 1;
  visibility: visible;
  width: 20%;
}
.tec_web-price-off-tag-box{
  position: absolute;
  top: -72px;
  left: 50%;
  transform: translateX(-50%);
  gap: 3px;
  background: var(--color-1);
  border-radius: 45px;
  padding: 8px 16px;
}
.tec_web-price-price-tag{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  text-align: center;
  color: var(--color-1);
}
.tec_web-price-cus{
  margin: 16px 0px;
}
.tec_web-price-price-tag-cus{
  margin-bottom: 16px;
}
.tec_web-price-2nd-web{
  margin-top: 30px;
}
.tec_web-price-body-text-cus{
  margin-top: 16px;
}
.tec_web-price-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  text-transform: capitalize;
  color: var(--color-6);
}
/* The switch - the box around the slider */
.tec_switch-price {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  margin-top: 2px;
}
.tec_switch-price input {
  opacity: 0;
  width: 0;
  height: 0;
}
.tec_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-3);
  transition: 0.4s;
}
.tec_slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 14px;
  top: 50%;
  left: 42%;
  transform: translate(-100%, -50%);
  background: var(--color-1);
  transition: 0.4s;
}
input:checked + .tec_slider {
  background: var(--color-3);
}
input:checked + .tec_slider:before {
  transform: translate(6px, -50%);
}
.tec_slider {
  border-radius: 34px;
}
.tec_slider:before {
  border-radius: 50%;
}



 /* =============================Teconce-Web-Hosting-Features-Box============================== */
/* ============================================================================================= */

.tec_web-features-bg{
  padding: 128px 0px 54px 0px;
  background: var(--color-1);
}
.tec_title_white-text-web h2{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 48px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-3);
}
.tec_title_white-text-web-cus{
  max-width: 806px;
  margin: 0px auto 60px auto;
  text-align: center;
}
.tec_web-features-card{
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 32px 24px;
  background: #0f3087;
  border: 1px solid var(--color-2);
  border-radius: 18px;
  height: 100%;
}
.tec_web-features-card-title{
  display: inline-block;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 22px;
  color: var(--color-3);
  transition: all 0.5s ease;
}

.tec_web-features-card-title-cus{
  margin: 0px 0px 12px 0px;
}
.tec_web-features-card-body{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 142%;
  color: #d2d4d8;
}
.tec_web-features-list{
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-skip-ink: none;
  text-align: center;
  color: var(--color-3);
  margin-top: 60px;
}


/*  */

 /* =====================================Teconce-Hosting-plans================================== */
/* ============================================================================================= */

.tec_hosting-plan{
  padding: 120px 0px;
}
.tec_title_black-text-hosting-plan h2{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 48px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-7);
}
.tec_hosting-plan-body-cus{
  max-width: 976px;
  margin: 24px 0px 60px 0px;
}


/* Table-Style */
.tec_table-container{
  max-width: 100%;
  overflow-x: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
}
.tec_table-header {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 20px;
  color: var(--color-7);
  background: #cddaff;
  padding: 16px 38px;
  text-align: left;
}
.tec_table-data{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: var(--color-7);
  padding: 24px 38px;
  text-align: left;
  background: #f1f5ff;

}
.table-border{
  border-bottom: 1px solid #e1e2e3;
}

/* End-Table-Style */

 /* =======================================Teconce-Faq-Section================================== */
/* ============================================================================================= */

.tec_faq-section{
  padding: 120px 0px;
  background: var(--color-1);
}
.tec_faq-body-text{
  margin: 24px 0px 60px 0px;
}
/* Accordion */

.tec_accordion-main-box .accordion-button {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 151%;
  letter-spacing: -0.01em;
  color: var(--color-3);
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
.accordion-button::after{
  transition: all 0.5s ease;
}

.tec_accordion-main-box .accordion-item {
  color: var(--bs-accordion-color);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(171, 171, 171, 0.15) 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
}
.tec_accordion-main-box .accordion {
  --bs-accordion-color: #ffffff;
  --bs-accordion-bg: transform;
  --bs-accordion-btn-icon: url("../img/Home/svg/plas.svg");
  --bs-accordion-btn-active-icon: url("../img/Home/svg/plas.svg");
  --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-border-color: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.tec_accordion-main-box  .accordion-flush>.accordion-item>.accordion-collapse {
  border-radius: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 50%, rgba(171, 171, 171, 0.15) 50%);
  overflow: hidden;
  border-radius: 0px 0px 14px 14px;
  z-index: 11;
}

 /* ===================================Teconce-Build-By-Section================================== */
/* ============================================================================================= */

.tec_build_by{
  padding: 120px 0px;
}
.tec_build_by-black-title h2{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 48px;
  line-height: 128%;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-7);
}
.tec_build_by-black-title-cus{
  max-width: 832px;
  margin: auto auto 60px auto;
}
.tec_build_by-subtitle-1{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-7);
}
.tec_build_by-subtitle-1-cus{
  max-width: 642px;
}
.tec_build_by-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  text-transform: capitalize;
  color: var(--color-6);
}
.tec_build_by-body-text-cus{
  max-width: 642px;
  margin: 24px 0px 32px 0px;
}
.tec_build_by-hosted-box{
  padding: 32px;
  background: var(--color-1);
  border-radius: 7px;
  max-width: 602px;
}
.tec_build_by-hosted-tag{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-3);
}
.tec_build_by-hosted-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  text-transform: capitalize;
  color: #fff;
}
.tec_build_by-hosted-text-cus{
  margin-top: 10px;
}
.tec_build_by-border{
  border: 1px solid rgba(255, 255, 255, 0.47);
  width: 80px;
  height: 0px;
  transform: rotate(-90deg);
}
.tec_build_by-img{
  border-radius: 22px;
  width: 569px;
  height: 449px;
  transition: all 0.5s ease;
}
.tec_build_by-img:hover{
  transform: translateY(-10px);
}
.tec_build_by-img img{
  max-width: 100%;
  object-fit: contain;
}
.tec_build_by-list-title{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 28px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-7);
}
.tec_build_by-list-box{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 54px;
  margin-top: 60px;
}
.tec_build_by-body-list-cus{
  max-width: 356px;
  margin-top: 10px;
}


/* ================================================================================================= */
/* =================================================Start VPS-1 ==================================== */
/* ================================================================================================= */



 /* ===================================Teconce-VPS-1-Section==================================== */
/* ============================================================================================= */

.tec_vps-1-title-cus{
  max-width: 1062px;
  margin: auto;
}
.tec_vps-1-body-cus{
  max-width: 676px;
  margin: 24px auto 52px auto;
}


 /* ===================================Teconce-Vps-1-Management-Level=========================== */
/* ============================================================================================= */


.tec_management{
  margin: 120px 0px;
}
.tec_management-wrapper{
  background: #f4f5ff;
  border-radius: 20px;
  padding: 120px 82px;
}
.tec_title_black-text-vps-1-cus{
  max-width: 854px;
  margin: auto auto 60px auto;
  text-align: center;
}
.tec_management-card-box{
  background: #fff;
  border: 1px solid #d4d7df;
  border-radius: 20px;
  padding: 52px 56px;
  transition: all 0.5s ease;
}
.tec_management-card-box:hover{
  transform: translateY(-10px);
}
.tec_management-tag{
  font-family: var(--third-family);
  font-weight: 700;
  font-size: 32px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-1);
}
.tec_management-tag-cus{
  margin-top: 28px;
}
.tec_management-card-main{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
.tec_management-sub-tag{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-7);
}
.tec_management-sub-tag-cus{
  margin: 16px 0px 32px 0px;
}
.tec_management-svg{
  width: 98px;
  aspect-ratio: 1/1;
  margin: auto;
}
.tec_management-svg img{
  max-width: 100%;
  object-fit: cover;
}
.tec_vs-tag{
  width: 100px;
  height: 96px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 32px;
  text-transform: capitalize;
  text-align: center;
  color: #fff;
  background: var(--color-1);
  z-index: 11;
}

 /* =========================Teconce-Hosting-Plans-comparison-Section=========================== */
/* ============================================================================================= */

.tec_plan-comparison{
  padding: 120px 0px;
}
.tec_plan-comparison-body-text{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-transform: capitalize;
  color: var(--color-6);
}

.tec_plan-comparison-body-text-cus{
  max-width: 976px;
  margin-top: 24px;
}
.tec_plan-comparison-plan-box{
  margin-top: 60px;
}
.tec_plan-comparison-svg-main{
  padding-left: 30px;
  column-gap: 86px;
  row-gap: 66px;
}
.tec_plan-comparison-svg{
  max-width: 50%;
  padding: 0px;
}
.tec_plan-comparison-svg img{
  max-width: 100%;
}
.tec_plan-comparison-sys{
  font-family: var(--third-family);
  font-weight: 400;
  font-size: 22px;
  line-height: 128%;
  text-transform: capitalize;
  color: var(--color-3);
  background: var(--color-2);
  border-radius: 6px 6px 0 0;
  padding: 11px 22px;
}
.tec_plan-comparison-body-text-cus-2{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-transform: capitalize;
  color: var(--color-7);
  padding: 24px 17px;
  background: #f1f5ff;
}
.tec_plan-comparison-operating-main{
  display: flex;
  flex-direction: column;
  gap: 12px;
}


 /* ==================================Teconce-Focus-on-Section================================== */
/* ============================================================================================= */

.tec_focus-on{
  padding-bottom: 120px;
}
.tec_title_black-text-focus-on-cus{
  max-width: 872px;
  margin: auto auto 68px auto;
}
.tec_focus-on-body-text{
  max-width: 1096px;
  margin: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-6);
}
/* Btn */
.tec_btn-box .tec_btn-link-focus-on {
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-3);
  background: var(--color-1);
  border-radius: 8px;
  padding: 15px 70px;
  margin-top: 54px;
}


 /* ==================================Teconce-Focus-on-Section================================== */
/* ============================================================================================= */


.tec_cpu-series{
 padding: 60px 0px 148px 0px;
 background: #f4f5ff;
}
.tec_cpu-series-main-box{
  padding: 32px 31px;
  border: 1px solid #dee2ef;
  border-radius: 14px;
  background: #f4f5ff;
}
.tec_cpu-series-main-box{
  margin-top: 24px;
}
.tec_cpu-series-main-box:first-child{
  margin-top: 0px;
}
.tec_cpu-series-item-parent-box{
  margin-top: 60px;
}
.tec_cpu-series-fire-svg{
  width: 58px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: var(--color-1);
}
.tec_cpu-item-xeon{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
}
.tec_cpu-item-core{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-1);
  margin-top: 8px;
}
.tec_cpu-series-item{
  gap: 16px;
}
.tec_cpu-series-item-2{
  gap: 16px;
}
.tec_cpu-series-item-3{
  gap: 16px;
} 
.tec_cpu-series-item-4{
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--color-7);
}
.tec_cpu-item-memory{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--color-7);
}
.tec_cpu-item-memory-cus{
  margin-top: 8px;
}
.tec_cpu-item-right-svg{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 28px;
  aspect-ratio: 1/1;
  background: #c30000;
}
.tec_cpu-item-right-svg-stock{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 28px;
  aspect-ratio: 1/1;
  background: #008000;
}
/* Btn */
.tec_btn-box .tec_cpu-series-btn {
  width: 100%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  color: var(--color-3);
  background: var(--color-1);
  border-radius: 8px;
  padding: 15px 30px;
}
.tec_setting-svg{
  animation: setting 5s linear infinite;
}
@keyframes setting {
  0%{ transform: rotate(-360deg); }
  50%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg); }
}
/* Basic styling for desktop */
.tec_footer-link{
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 178%;
  color: #c0c0c0;
  transition: all 0.5s ease;
}
.tec_footer-link:hover{
  transform: translateX(8px);
}
.tec_footer-list{
 margin-top: 8px;
}
.tec_footer-list:first-child{
  margin-top: 0px;
}
.accordion-main-box {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}

/* .accordion-item-box {
  flex: 1;
} */
.accordion-title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 22px;
  line-height: 109%;
  color: #fff;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  transition: all 0.5s ease;
}
.accordion-title i{
  font-size: 14px;
  font-weight: bolder;
}
.accordion-content {
  display: block;
}
.tec_plan-selection-box_df-l{
    margin-bottom:40px;
}

.thsd_pricing_table {
    padding: 50px 0;
   
}
.thsd_pricing_table-header{
    margin-bottom:20px;
}
.thsd_pricing_card-body{
    margin-bottom:20px;
}
.thsd_pricing_card .price-usd,
.thsd_pricing_card .price-bdt{
    color: #303233;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 700;
    margin: 20px 0 16px;
    white-space: nowrap;
}
.thsd_pricing_card-header h3{
        color: #7f8082;
    font-weight: 700;
    margin-bottom: 0;
    font-size:18px;
}
.thsd_pricing_toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.thsd_pricing_toggle .toggle-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

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

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
}

input:checked + .slider {
    background-color: #1842b3;
}

input:checked + .slider:before {
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.thsd_pricing_card {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.thsd_pricing_card-header {
    margin-bottom: 20px;
}

.thsd_pricing_card-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.thsd_pricing_card-body ul li {
    margin-bottom: 10px;
    display:flex;
        gap: 9px;
    align-items: center;
}

.thsd_pricing_card-footer .thsd_pricing_btn {
    display: inline-block;
    padding: 10px 20px;
    background: #1842b3;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}

.thsd_pricing_card-footer .thsd_pricing_btn:hover {
    background: #1976D2;
}