/* import google fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

:root,
[data-bs-theme="light"] {
  --grey-super-light: #ededed;
  --bs-red: #ff0000;
  --bs-white: #ffffff;
  --bs-gray: #787878;
  --bs-gray-dark: #343a40;
  --bs-primary: #202020;
  --bs-secondary: #6c757d;
  --bs-primary-rgb: 32, 32, 32;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-gray-light: #c4c4c4;
  --bs-body-color: #4c4c4c;
  --bs-body-color-rgb: 76, 76, 76;
  --bs-danger-rgb: 255, 0, 0;
  --bs-body-font-family: "Inter", serif;
  --bs-body-line-height: 1.5rem;
  --bs-heading-color: var(--bs-primary);
  --bs-border-radius-xxl: 1.25rem;
  --bs-link-color-rgb: 196, 196, 196;
  --bs-link-hover-color-rgb: var(--bs-secondary-rgb);
  --bs-gradient: #ffffff 1%, #e78c8c 4.99%, #ff0000 18.98%, #242424 49.94%;
  --gradient-primary: rgba(36, 36, 36, 0) 0%, #313131 100%;
  --gradient-secondary: #ededed 0%, #ffffff 100%;
  --gradient: var(--gradient-secondary, #ededed 0%, #ffffff 100%);

  --overlap-area: 2.5rem;
  --spacing: 20.063rem;
  --letter-spacing: 0.05em;

  --icon-to-red: invert(17%) sepia(100%) saturate(7487%) hue-rotate(0deg) brightness(100%) contrast(119%);
}

/* typrography */
p:last-child {
  margin-bottom: 0;
}

.h1,
h1 {
  font-size: 2rem;
  line-height: 1.3;
}

.h2,
h2 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

.h3,
h3 {
  font-size: 1.375rem;
  line-height: 1.625rem;
}

.h4,
h4 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

.h5,
h5 {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.h6,
h6 {
  font-size: 1rem;
  line-height: 1.4rem;
}

.p14 {
  font-size: 0.875rem;
  line-height: 1.313rem;
}

.p16 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.p18 {
  font-size: 1.125rem;
  line-height: 1.688rem;
}

.border-gray-superlight {
  border-color: var(--grey-super-light);
}

.text-primary a {
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

address p {
  margin-bottom: 1.5rem;
}

.container {
  max-width: 1304px;
}

/* //End typography */

/* Utilities */
.text-white *:not(.btn) {
  color: var(--bs-white);
}
.post-thumbnail {
  max-width: 100%;
}

.post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pretitle-bold {
  --margin-bottotm: 0.75rem;
  --letter-spacing: 0.05em;
  --color: var(--bs-red);
  color: var(--color);
  font-size: 0.875rem;
  line-height: 1.059rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing);
  text-transform: uppercase;
  margin-bottom: var(--margin-bottotm);
}

.lead-media {
  width: var(--media-max-width);
}

.writing-mode-vlr {
  writing-mode: vertical-lr;
}

.grid {
  --gap-x: 1.125rem;
  --gap-y: 1.25rem;
  --column: 2;
  display: -ms-grid;
  display: grid;
  gap: var(--gap-y) var(--gap-x);
  grid-template-columns: repeat(var(--column), minmax(0, 1fr));
}

.grid.column-1 {
  --column: 1;
}

.gap {
  --gap-x: 1.25rem;
  --gap-y: 1.25rem;
  gap: var(--gap-y, 1.25rem) var(--gap-x, 1.25rem);
}

[class^="gap-"],
[class*="gap-"] {
  --gap-y: 0.5rem;
  --gap-x: 0.5rem;
  gap: var(--gap-y, 0.5rem) var(--gap-x, 0.5rem);
}

.gap-xs {
  --gap-y: 0.5rem;
  --gap-x: 0.5rem;
}

.gap-sm {
  --gap-y: 1rem;
  --gap-x: 1rem;
}

.gap-md {
  --gap-y: 1.25rem;
  --gap-x: 1.25rem;
}

.gap-lg {
  --gap-y: 1.5rem;
  --gap-x: 1.5rem;
}

[class^="gap-"] > *,
[class*="gap-"] > * {
  margin-bottom: 0;
}

.column-span-2 {
  grid-column: span 2;
}

.padding {
  --padding-top: 1.25rem;
  --padding-bottom: 1.25rem;
  --padding-left: 1.25rem;
  --padding-right: 1.25rem;
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom)
    var(--padding-left);
}

[class^="padding-"],
[class*="padding-"] {
  padding: var(--spacing-y, 1.5rem) var(--spacing-x, 1.25rem);
}

.btn {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.21rem;
  --bs-btn-border-radius: 0.25rem;
  --bs-btn-color: var(--bs-white);
  --bs-btn-disabled-opacity: 1;
  border: none;
}

.btn,
.nav-link,
.dropdown-item {
  --bs-navbar-active-color: var(--bs-red);
  -webkit-transition: all 0.2slinear;
  -o-transition: all 0.2slinear;
  transition: all 0.2slinear;
}

a:hover {
  text-decoration: none;
}

.scale-hover img {
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}

.scale-hover:hover img {
  transform: scale(1.05);
}

.cursor-pointer {
  cursor: pointer;
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-red);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bs-gray-light);
  --bs-btn-disabled-border-color: var(--bs-gray-light);
}

.btn-secondary {
  --bs-btn-bg: transparent;
  --bs-btn-hover-bg: var(--bs-secondary);
  border: 1px solid var(--bs-gray);
}

.bg-gradient {
  --rotate: 270deg;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(var(--rotate)),
    to(var(--gradient))
  ) !important;
  background-image: -o-linear-gradient(
    var(--rotate),
    var(--gradient)
  ) !important;
  background-image: linear-gradient(var(--rotate), var(--gradient)) !important;
}

.shape {
  pointer-events: none;
}

/* custom class style */
.max-bg-size-as-container .shape{
  max-width: 1280px;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.double-circle-bg .shape{
  background-size: auto 100% !important;
  background-repeat: no-repeat;
  background-position: center right !important;
}

.gradient-circle {
  /* --shape-size: 27.375rem; */
  --shape-size: clamp(12.5rem, 8.25rem + 21.25vw, 27.375rem); /* 200 - 438 */
  /* 436px */
  --shape-gradient: linear-gradient(
    277.69deg,
    #ffffff -30.66%,
    #fbb1b1 -24.08%,
    #ff1d1d -1.05%,
    #f08c8c 49.94%
  );
  --alpha: 0.2;
  --blur: 75px;
  --rotate: -138.04deg;
  position: absolute;
  z-index: -2;
  width: var(--shape-size);
  height: var(--shape-size);
  background: var(--shape-gradient);
  opacity: var(--alpha, 0.2);
  -webkit-filter: blur(var(--blur));
  filter: blur(var(--blur));
  -webkit-transform: rotate(var(--rotate));
  -ms-transform: rotate(var(--rotate));
  transform: rotate(var(--rotate));
  pointer-events: none;
}

.content-width-narrow p {
  max-width: 39.375rem !important;
  margin-left: auto;
  margin-right: auto;
}

/* //end utilities */

/* Common components */
.loading-screen {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 100%;
  height: 0%;
  top: -100%;
}

.load-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 99999;
  pointer-events: none;
}

.flexible-content-section {
  --spacing-x: 1.25rem;
  --spacing-y: 2.5rem;
  --gap: 1.25rem;
  --gradient: var(--gradient-secondary, #ededed 0%, #ffffff 100%);
  --border-color: var(--bs-primary);
  --shape-width: clamp(17.5rem, 14.375rem + 15.625vw, 21.875rem); /* 280-350 */
  --shape-height: clamp(
    17.6875rem,
    14.5179rem + 15.8482vw,
    22.125rem
  ); /* 281-354 */
}

.flexible-content-section .shape-gradient-circle {
  width: var(--shape-width);
  height: var(--shape-height);
  left: 0;
  top: 0;
}

.flexible-content-section .content-container {
  padding: var(--spacing-y) var(--spacing-x);
}

.flexible-content-section.text-white .badge{
  --bs-secondary-rgb: 32, 32, 32;
  --bs-bg-opacity: 0.6;
  padding: 6px 20px;
  backdrop-filter: blur(5px);
  font-weight: 500;
  font-family: var(--bs-body-font-family);
}
.flexible-content-section.text-white .badge span{
  background: -webkit-linear-gradient(100.63deg, #FFFFFF 6.92%, #D6D6D6 39.92%, #FFFFFF 46.52%, #B8E4E8 86.12%);
  background: linear-gradient(100.63deg, #FFFFFF 6.92%, #D6D6D6 39.92%, #FFFFFF 46.52%, #B8E4E8 86.12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.flexible-content-section > .container{
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}

.image-block {
  --width: 100%;
  --height: auto;
}

.image-block img:not(.size-full) {
  width: var(--width);
  height: var(--height);
}

.gradient-to-bottom {
  --rotate: 180deg;
}

.gradient-to-top {
  --rotate: 0deg;
}

.features-group {
  --icon-size: 1.25rem;
  --item-gap: 1.25rem;
  --content-gap: 0.5rem;
  --icon-gap: 0.5rem;
  --gap-y: 1rem;
  --gap-x: 1.25rem;
}
.feature-item {
  --padding-x: 1rem;
  --padding-y: 1rem;
  --bs-border-color: var(--border-color, var(--bs-white));
}
.feature-item.border-start {
  padding: 0 var(--padding-x);
}
.feature-item.border-gradient > .feature-item-inner {
  padding: var(--padding-y) var(--padding-x);
  border-radius: 0.37rem;
}

.gradient-border-element {
  border-radius: 0.5rem;
  z-index: -1;
  pointer-events: none;
}

.gradient-border-element svg {
  width: 100%;
  height: 100%;
}
.gradient-border-element svg rect {
  width: calc(100% - 1px);
  height: calc(100% - 1px);
}

.feature-item .icon {
  width: var(--icon-size);
  height: var(--icon-size);
}

.feature-item:not(.border-gradient) .icon {
  margin-right: var(--icon-gap);
}
.feature-item.border-gradient .icon {
  margin-right: var(--icon-gap);
}

.feature-item .description {
  margin-top: var(--content-gap);
}

.icon img {
  max-width: 100%;
}

.padding-none {
  padding: 0 !important;
}

/* new header style */
.main-header {
  position: sticky;
  top: 0;
  z-index: 999;
  transition: ease-in 0.3s;
}
.navbar-brand{
  max-width: 14.25rem;
}
.navbar-brand img{
  max-width: 100%;
}
.nav-link:hover {
  color: var(--bs-red) !important;
}
.hover-text {
  transition: all 0.3s linear;
}
.hover-text:hover {
  color: var(--bs-red) !important;
}

.main-header .dropdown-menu[data-bs-popper] {
  margin-top: 0;
}
.main-header .dropdown-menu {
  border: 0;
  border-bottom: 4px solid var(--bs-red);
  box-shadow: -1px 10px 49px -14px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 10px 49px -14px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 10px 49px -14px rgba(0, 0, 0, 0.75);
}
.main-header .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  /* max-height: 16rem;
  overflow-y: auto; */
}
.main-header .dropdown-menu-end .dropdown-menu{
  left: 100%;
}
/* .main-header .dropdown-menu-end .dropdown-menu::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 5px;
  height: 100%;
} */
.main-header .dropdown-menu::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--bs-white, #ffffff);
  top: -0.5rem;
  left: 2.33rem;
  position: absolute;
}
.main-header .dropdown-item {
  transition: all ease-in 0.3s;
  padding: 0.2rem 2rem;
  border-bottom: 1px solid #c4c4c4;
}
/* .main-header .dropdown-item.active,
.main-header .dropdown-item:active,
.main-header .current-menu-parent .current-menu-item {
  background-color: var(--bs-red);
} */

.main-header .menu-item:hover > ul{
  display: block;
}

.main-header .current-menu-parent > .nav-link,
.main-header .current-menu-item > .nav-link {
  color: var(--bs-red);
}



.main-header .current-menu-parent > .nav-link::after,
.main-header .navbar-nav > .menu-item:hover >  div > .dropdown-toggle::after,
.main-header .navbar-nav > .menu-item.current_page_parent > div > .dropdown-toggle::after,
.main-header .menu-item .nav-link.show::after {
  filter: invert(100%) sepia(10%) saturate(10000%) hue-rotate(280deg);
}
/* .dropdown-menu > .menu-item.current_page_parent > .dropdown-toggle::after,
.dropdown-menu > .menu-item.current-menu-item > .dropdown-toggle::after, */
.navbar-nav:not(.mobile-menu) .dropdown-menu .menu-item:not(.current-menu-item):hover > div > .dropdown-toggle::after
{
  filter: invert(100%) brightness(200%);
}

.navbar-nav > .menu-item-has-children:hover > div > .nav-link,
.navbar-nav > .menu-item.dropdown:hover > div > .nav-link{
  color: var(--bs-red) !important;
}

/* .current-menu-item > .dropdown-item {
  color: var(--bs-white);
} */

.main-header .menu-item:hover > .dropdown-item,
/* .dropdown-menu > .menu-item.current_page_parent > .dropdown-toggle, */
.main-header .dropdown-item:hover
{
  background-color: var(--bs-red);
  color: #ffffff;
  border-bottom: 1px solid transparent;
}
.main-header .dropdown-menu > .menu-item:hover > .dropdown-item > a{
  color: currentColor !important;
}
.main-header .dropdown-item:hover::after {
  background-color: transparent;
}

.dropdown-item.active{
  --bs-dropdown-link-active-bg: transparent;
  --bs-dropdown-link-active-color: var(--bs-dropdown-link-color);
}



body:has(#wpadminbar) .main-header {
  top: 2rem;
}

body:has(#wpadminbar) .sidebar {
  top: 30px;
}
.shadow-visible {
  box-shadow: -1px 10px 49px -14px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px 10px 49px -14px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 10px 49px -14px rgba(0, 0, 0, 0.75);
}
.sidebar {
  position: fixed;
  top: 0;
  left: -100%; /* Initially hidden */
  width: 100%; /* Full-width sidebar */
  height: 100%;
  background: #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px;
  transition: left 0.3s ease-in-out;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.category-item.active {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.tag-item.active {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
/* new header style */

.hero {
  --icon-size: 2rem;
  z-index: 1;
  position: relative;
}

.hero:has(+ section.overlap-on-top) {
  padding-bottom: var(--overlap-area);
}

.hero .label {
  --color: var(--bs-red);
  color: var(--color);
  font-size: 0.875rem;
  line-height: 1.059rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.hero.bg-primary *:not(.label, .btn) {
  color: var(--bs-white);
}

.bg-primary .btn-primary {
  --bs-btn-bg: var(--bs-white);
  --bs-btn-color: var(--bs-primary);
}

.hero:not(.bg-primary) .shape-gradient-circle {
  background-color: transparent;
}

.hero .shape-gradient-circle.center-top {
  --width: clamp(16.25rem, 4.8542rem + 56.9792cqi, 50.4375rem) /* 260-807 */;
  --height: clamp(13.75rem, 4.0833rem + 48.3333vw, 42.75rem); /* 220-684 */
  --top: clamp(1rem, 0.5833rem + 2.0833cqi, 2.25rem); /* 16-36 */
  width: var(--width);
  height: var(--height);
  left: 50%;
  top: var(--top);
  transform: translateX(-50%);
}

.hero .shape-gradient-circle.middle-both {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.hero .shape-gradient-circle.multi-ellipse {
  --width: clamp(12.5rem, 6.7917rem + 28.5417vw, 29.625rem) !important;
  --height: clamp(18.4375rem, 10.0417rem + 41.9792vw, 43.625rem) !important;
}

.hero.bg-primary .label {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffffff),
    color-stop(30%, #d6d6d6),
    color-stop(36%, #ffffff),
    color-stop(72%, #5b5b5b)
  );
  background: -o-linear-gradient(
    left,
    #ffffff 0%,
    #d6d6d6 30%,
    #ffffff 36%,
    #5b5b5b 72%
  );
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #d6d6d6 30%,
    #ffffff 36%,
    #5b5b5b 72%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-flex;
  align-items: center;
  align-self: center;
}

.hero > .container:has(> .hero-content > .icon) {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}

.hero-content > .icon {
  min-width: var(--icon-size);
}

.hero-content {
  --width: 50rem;
  width: var(--width);
  max-width: 100%;
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
  gap: var(--space-heading);
}

.hero-content:has(> .icon) {
  padding-top: 0;
  padding-bottom: 0;
}

.hero-content.wide {
  --width: 68.75rem;
}

.hero-content.ex-wide {
  --width: 57.5rem;
}

.hero-content > .icon + .d-flex {
  gap: var(--space-heading);
  margin-left: 0 !important;
}

.hero-content > .icon + .d-flex .label {
  color: var(--bs-primary);
}

.hero-content > .icon + .d-flex > * {
  --width: 45rem;
}

.hero-content.wide > *:not(h2, h1, .label) {
  --width: 50rem;
  max-width: var(--width);
}

.hero-content.narrow {
  --width: 40rem;
}

.hero-content p {
  max-width: var(--width);
}
.hero-content.text-center p {
  margin-left: auto;
  margin-right: auto;
}

.shape-line {
  max-width: 81.25%; /* 73.125rem; */
  width: 100%;
}

.overlap-on-top .overlap-area {
  margin-top: calc(var(--overlap-area) * -1);
}

.overlap-on-top .gradient-circle {
  --rotate: 75deg;
  --alpha: 0.15;
  right: -5rem;
  top: -7rem;
}

.our-approach:not(.overlap-on-top) .overlap-area {
  margin-top: var(--spacing);
}

.card {
  --bs-card-border-radius: var(--bs-border-radius-lg);
  --bs-card-inner-border-radius: var(--bs-border-radius-lg);
  --bs-card-spacer-y: 0;
  --bs-card-spacer-x: 0;
  --bs-card-color: var(--bs-primary);
  --padding-toggle: 0;
  --bs-card-title-color: var(--bs-primary);
  border: none;
  padding-right: var(--padding-toggle);
}

.card-img,
.card-img-top {
  border-radius: var(--bs-card-border-radius);
  max-width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-text {
  margin-top: 0.5rem;
}

.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-btn-padding-x: 0;
  --bs-accordion-btn-padding-y: 0;
  --bs-accordion-border-width: 0;
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-icon-width: 1.5rem;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-border-color: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
  --heading-inner-spacing: 0.75rem;
}

.accordion-button {
  padding-top: var(--heading-inner-spacing);
  padding-bottom: var(--heading-inner-spacing);
}
.accordion-button::after{
  background-image: url(../img/icons/ArrowDwon.png);
}
.accordion-button:not(.collapsed)::after{
  background-image: url(../img/icons/ArrowDwon.png);
  filter: var(--icon-to-red);
  rotate: 180deg;
}

.accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-icon-transform: 0;
}

.accordion-body {
  padding-bottom: var(--heading-inner-spacing);
  padding-left: 0;
}

.accordion-header {
  --bs-border-color: var(--bs-gray-light);
}

.form-label {
  color: var(--bs-gray);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.225rem;
  margin-bottom: 0.25rem;
}

.form-control {
  padding: 0.875rem 0.75rem;
  line-height: 1.5rem;
  color: var(--bs-primary);
  border: var(--bs-border-width) solid var(--bs-gray-light);
  border-radius: 0.25rem;
}

.form-select {
  --bs-border-radius: 0.25rem;
  padding: 0.875rem 0.75rem;
}

section {
  --spacing: 2rem;
  --space-heading: 1rem;
  --space-subheading: 0.75rem;
  --space-paragraph: 1rem;
  --space-accent: 1.5rem;
  position: relative;
  z-index: 1;
}

/* Sipnner style */
.loading-spinner {
  --size: 2.5rem;
  --color: #000;
  --speed: 1.3s;
  --thickness: 3px;

  display: inline-block;
  position: relative;
  margin: 2rem auto;

  max-width: 100%;
  width: 15rem;
  min-height: 15rem;
}

.loading-spinner:after {
  content: " ";
  display: block;
  width: var(--size);
  height: var(--size);
  margin: 8px;
  border-radius: 50%;
  border: var(--thickness) solid #000;
  border-color: #000 transparent #000 transparent;
  animation: spin var(--speed) linear infinite;
}

/* Optional variations */
.loading-spinner--small {
  width: 30px;
  height: 30px;
}

.loading-spinner--small:after {
  width: 20px;
  height: 20px;
  border-width: 2px;
}

.loading-spinner--primary:after {
  border-color: var(--bs-primary) transparent var(--bs-primary) transparent;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* //End spinner style */

/* =======================================
         Beginning Header style
==========================================*/
.navbar {
  --bs-navbar-padding-y: 1.125rem;
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-brand-margin-end: 0;
  --bs-navbar-nav-link-padding-x: 0.75rem;
  --bs-nav-link-font-size: 1rem;
  --bs-nav-link-font-weight: 500;
  --bs-navbar-color: rgba(var(--bs-primary-rgb), 1);
}

.navbar-nav {
  --bs-nav-link-padding-y: 0.75rem;
}

.navbar .container {
  --gap-x: 0.581rem;
}

.dropdown-toggle::after {
  border: none;
  background: url(../img/icons/Vector.png) no-repeat center center;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  margin-left: 0.25rem;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}
/* ======= // End Header style =======*/

/* =======================================
      Beginning   home page style
==========================================*/
.home-banner {
  --gradient: var(--bs-gradient);
  z-index: 1;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.banner-content-container {
  min-height: 16.625rem;
  max-width: 87.5rem;
}

.banner-content {
  width: 100%;
  z-index: 999;
  max-width: 67.25rem; /*1076px*/
}

.banner-content .description {
  color: var(--grey-super-light);
}

.shape-bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  z-index: -4;
}

.home-banner .shape-bg {
  background-image: url(../img/shape/shape-hero-bg.png);
}

.home-banner .hero-content {
  --padding-top: 3rem;
  --padding-bottom: 3rem;
}

.statistic-section .shape-bg {
  background-image: url(../img/shape/counter-section-bg.png);
}

.banner .circle-1 {
  width: 803.82px;
  height: 957.43px;
  opacity: 0.4;
  top: -91px;
  left: -170px;
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  z-index: -1;
}

.banner .circle-2 {
  width: 1089.05px;
  height: 752px;
  left: 54.92%;
  top: 0px;
  opacity: 0.1;
  z-index: -1;
}

.banner .color-1 {
  width: 408.73px;
  height: 408.73px;
  left: 534.3px;
  top: -134px;
  opacity: 0.5;
  -webkit-filter: blur(75px);
  filter: blur(75px);
  -webkit-transform: rotate(41.96deg);
  -ms-transform: rotate(41.96deg);
  transform: rotate(41.96deg);
  z-index: -2;
}

.banner .color-2 {
  width: 820.09px;
  height: 820.09px;
  left: 0;
  top: 0;
  opacity: 0.8;
  -webkit-filter: blur(75px);
  filter: blur(75px);
  -webkit-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  transform: rotate(-120deg);
  z-index: -3;
}

/* --- Certificate section style -- */
.certificate .certificate-left-content {
  max-width: 22.546rem;
}

.certificate-content {
  --element-gap: 5.454rem;
  gap: var(--element-gap);
}

.logos .logo,
.certificate-img{
  image-rendering: -webkit-optimize-contrast;
}

.certificate-img img,
.logos img{
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  flex: 1 1 120px;
  max-width: 200px;
  max-height: 140px;
  box-sizing: border-box;
}

.certificate-img {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.certificate-content .certificate-left-content p {
  color: var(--bs-gray-dark);
}

/* --- Service section style --- */
.service-item {
  --padding-x: 1.25rem;
  --padding-y: 2.875rem;
  padding: var(--padding-y) var(--padding-x);
  height: 100%;
}

.service-item:not(.cyber-security-services__card) {
  max-width: 21.25rem;
}

.service-content {
  max-width: 52.5rem;
  margin-left: auto;
  margin-right: auto;
}

.service-content h2 {
  margin-bottom: 2rem;
}

.service-item.active > div {
  width: 100%;
  max-width: 23.125rem;
}

.service-item.active > div > *,
.service-item > * {
  margin-bottom: 0;
}

.service-item.active div img {
  --size: 2.75rem;
  width: var(--size);
  height: var(--size);
}

.service-item.active p,
.service-item.active .service-card-description {
  color: var(--bs-gray-light);
}

.service-item.active a img {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.625rem;
}

.service-boxe {
  --column: 1;
}

.service-boxe .service-item img {
  --size: 2rem;
  width: var(--size);
  height: var(--size);
}

.service-boxe .service-item a {
  right: 0.625rem;
  bottom: 0.625rem;
}

.service-boxe .service-item a img {
  --size: 1.25rem;
  width: var(--size);
  height: var(--size);
}

/* --- Partner section style --- */
.partner .container {
  gap: 2rem;
}

/* --- Statistic section style --- */
.statistic-section-container {
  --rotate: 180deg;
  --gradient: var(--gradient-secondary);
  border-top-left-radius: var(--bs-border-radius-xxl);
  border-top-right-radius: var(--bs-border-radius-xxl);
  z-index: 1;
}

.statistic-item-container .gradient-circle:first-child {
  --shape-size: 27.29rem;
  --alpha: 0.4;
  --rotate: 69.77deg;
}

.statistic-content h2 {
  margin-bottom: 2rem;
}

.statistic-item-container {
  --column: 1;
}

.statistic-item-container .number-item p:has(+ p) {
  margin-bottom: 0.75rem;
}

/* number section style end */

/* blog section style start */
.blog-text .card {
  padding-right: 0;
  padding-left: var(--padding-toggle);
}

.blog-text .card:first-child .card-body {
  margin-top: 0;
}

.blog-text {
  --column: 1;
}
/* blog section style end */

/* faq section style start */
.faq {
  margin-bottom: 1.125rem;
}
.faq:has( + .get-in-touch .shape.top-center) {
  margin-bottom: 0;
}
.faq .accordion-button[aria-expanded="true"] {
  color: var(--bs-red);
}
.faq-content {
  --rotate: 0deg;
  --gradient: var(--gradient-secondary);
  --spacing-x: 1rem;
  --spacing-y: 2rem;
  border-radius: var(--bs-border-radius-xxl);
  padding: var(--spacing-y) var(--spacing-x);
  z-index: 1;
}

.faq-content .gradient-circle {
  left: 7rem;
  bottom: -5.65rem;
}
/* faq section style end */

/* all section start */
.navbar .container {
  --gap-x: 0.581rem;
}

.certificate {
  --padding-top: 2.5rem;
  --padding-right: 0;
  --padding-bottom: 2.5rem;
  --padding-left: 0;
}

.service-content {
  padding-bottom: var(--spacing);
}

.service-item.active {
  --padding-y: 3.125rem;
  --padding-x: 1.5rem;
}

.service-right-boxe {
  --column: 2;
}

.partner {
  --padding-top: 2.5rem;
  --padding-right: 0;
  --padding-bottom: 2.5rem;
  --padding-left: 0;
}

.statistic-section-container {
  --padding-top: 3.5rem;
  --padding-right: 0;
  --padding-bottom: 3.75rem;
  --padding-left: 0;
}

.statistic-content {
  --padding-top: 0;
  --padding-right: 1.5rem;
  --padding-bottom: 0;
  --padding-left: 1.5rem;
}

.statistic-section .statistic-content {
  width: 100%;
  max-width: 59.125rem;
  margin-bottom: 2.25rem;
}

.statistic-section
  .statistic-item-container
  .number-item:nth-child(odd)::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background-color: var(--bs-gray-light);
  top: 50%;
  right: calc(((var(--gap-x) / 2)) * -1);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.offices {
  --padding-top: 1.25rem;
  --padding-right: 0;
  --padding-bottom: 1.875rem;
  --padding-left: 0;
}

.blog {
  --padding-top: 0;
  --padding-right: 0;
  --padding-bottom: 1.25rem;
  --padding-left: 0;
}

.blog-post {
  --padding-top: 1.625rem;
  --padding-right: 0;
  --padding-bottom: 0;
  --padding-left: 0;
  --column: 1;
}

.main-blog-post {
  --column: 1;
  --gap-x: 2.5rem;
}

/* footer section style start */
.footer-logo-social-icon .social-icon {
  gap: 2rem;
}

.footer-widget-row h6 {
  --margin-bottotm: 1.063rem;
  --color: var(--bs-white);
}

.footer-widget-row li:has(+ li) {
  margin-bottom: 0.75rem;
}

.footer-widget-row h6 + *:has(+ ul) {
  margin-bottom: 2.813rem;
}

.footer-widget-row ul p {
  margin-bottom: 0.75rem;
}

.footer-copyright {
  padding-top: 1.125rem;
  padding-bottom: 1.438rem;
}

.footer-copyright p {
  color: var(--bs-gray);
}

.footer-content {
  --padding-top: 2.375rem;
  --padding-right: 0;
  --padding-bottom: 2.125rem;
  --padding-left: 0;
}

.footer-logo-social-icon {
  --rotate: -90deg;
  --gradient: var(--gradient-primary);
  --padding-x: 1.5rem;
  --padding-y: 1.5rem;
  padding: var(--padding-y) var(--padding-x);
  margin-bottom: 2.625rem;
}

.footer-logo-social-icon .social-icon img {
  --size: 1rem;
  width: var(--size);
  height: var(--size);
}

.footer-logo-social-icon img {
  --size: 8rem;
  width: var(--size);
}

.footer-widget-row {
  --gap-x: 2rem;
  --column: 1;
  padding-inline: 2rem;
  max-width: 66.563rem;
}

.footer-widget h6 + p {
  margin-bottom: 2.813rem;
}

.footer-widget p + p {
  margin-bottom: 0.75rem;
}

.footer-widget {
  font-size: 0.875rem;
  line-height: 1.313rem;
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

.footer-widget p {
  color: #ffffff;
}

.footer-widget a {
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.footer-widget ul {
  padding: 0;
  list-style: none;
}
.footer-widget ul:last-child {
  margin-bottom: 0;
}
/* footer section style end */

/* =====================================
         home page style end
=======================================*/
/* =====================================
         contact page style start
=======================================*/

/* hero section style start */
.contact-form-section {
  --spacing-y: 3rem;
  --spacing-x: 1rem;
}

.contact-gradient-circle {
  --rotate: 0deg;
  --gradient: var(--gradient-secondary);
  padding: var(--spacing-y) var(--spacing-x);
  z-index: 1;
}

.contact-form-content {
  --gap-y: clamp(3rem, 2.6962rem + 1.519vw, 4.5rem);
  z-index: 1;
}
.contact-form-section .shape-gradient-circle.bottom-left {
  --width-400-988: clamp(25rem, 12.75rem + 61.25vw, 61.75rem);
  --height-258-636: clamp(16.125rem, 8.25rem + 39.375vw, 39.75rem);
  left: 0;
  top: 10%;
  width: var(--width-400-988);
  height: var(--height-258-636);
  z-index: -1;
  background-image: url(../img/shape/shape-circles-top-1-3.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.contact-form-content ul {
  --gap-y: 2rem;
}

.contact-form-content ul::before {
  content: "";
  position: absolute;
  width: 1px;
  background-color: var(--bs-primary);
  top: 4.5px;
  bottom: 4.5px;
  left: 0;
}

.contact-gradient-circle form {
  --padding-top: 2.25rem;
  --padding-bottom: clamp(2rem, 1.7975rem + 1.0127vw, 3rem);
  --padding-left: clamp(1.5rem, 1.0316rem + 2.3418vw, 3.8125rem);
  --padding-right: clamp(1.5rem, 1.0316rem + 2.3418vw, 3.8125rem);
}

.contact-gradient-circle form > *:not(:last-child) {
  margin-bottom: 1.25rem;
}

/* hero section style end */
/* offices information section style start */
.offices.offices-information {
  --padding-top: clamp(3rem, 2.3418rem + 3.2911vw, 6.25rem);
  --padding-right: 0;
  --padding-bottom: 2.5rem;
  --padding-left: 0;
}

.offices-information-content h2,
.section-info h2 {
  --spacing: clamp(3rem, 2.8481rem + 0.7595vw, 3.75rem);
  margin-bottom: var(--spacing);
}

.information-container {
  --bs-gutter-y: 1.875rem;
  --column: 1;
}

.information-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(((var(--gap-x) / 2)) * -1);
  width: 1px;
  height: 100%;
  background-color: var(--grey-super-light);
}

/* Contact Form 7 Styling */
.form-container {
  padding: var(--spacing-y) var(--spacing-x);
}

.wpcf7-form {
  width: 100%;
}

/* .wpcf7-form .mb-3 {
  margin-bottom: 1rem !important;
}

.wpcf7-form label {
  display: block;
  margin-bottom: 0.5rem;
} */

.wpcf7-not-valid-tip {
  color: var(--bs-red);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.wpcf7-not-valid {
  border-color: var(--bs-red) !important;
}

.wpcf7-response-output {
  margin: 1rem 0 0 0 !important;
  /* padding: 0 !important; */
  /* border: 1px solid transparent !important; */
  border-radius: 0.25rem;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: #d4edda;
  border-color: #c3e6cb !important;
  color: #155724;
}

.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-acceptance-missing,
.wpcf7-response-output.wpcf7-spam-blocked {
  background-color: #f8d7da;
  border-color: #f5c6cb !important;
  color: #721c24;
}

.wpcf7-spinner {
  position: absolute;
  left: 0;
  bottom: 0;
}

.wpcf7-textarea {
  resize: none;
}

.wpcf7 .ajax-loader {
  margin-left: 1rem;
}

.wpcf7-form.submitting .wpcf7-submit{
  opacity: 0.5;
  pointer-events: none;
}
/* =====================================
         contact page style end
=======================================*/
/* =====================================
         blog page style start
=======================================*/
.blog-topbar {
  --padding-top: clamp(1.875rem, 1.4953rem + 1.8987vw, 3.75rem);
  --padding-bottom: 2.625rem;
}

.blog-hero .sticky-post {
  --padding-top: 2rem;
  --padding-bottom: 2rem;
  --padding-left: 2rem;
  --padding-right: 2rem;
  min-height: 543px;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.sticky-post .card {
  width: 100%;
  max-width: 43.563rem;
}

.sticky-post .card-text {
  margin-top: 1.25rem;
}

/* text post section start */
.text-post .grid {
  --bs-border-color: var(--bs-gray-light);
  --column: 1;
  --gap-x: clamp(2.1875rem, 1.7445rem + 2.2152vw, 4.375rem);
  --gap-y: clamp(2.1875rem, 1.7445rem + 2.2152vw, 4.375rem);
  --padding-top: clamp(1.875rem, 1.6218rem + 1.2658vw, 3.125rem);
  --padding-bottom: clamp(1.875rem, 1.4953rem + 1.8987vw, 3.75rem);
  --padding-left: 0;
  --padding-right: 0;
}

/* text post section end */
/* regular post section start */
.regular-post .blog-post {
  --gap-y: clamp(1.875rem, 1.3307rem + 2.7215vw, 4.5625rem);
  --padding-top: clamp(1.875rem, 1.4953rem + 1.8987vw, 3.75rem);
  --padding-bottom: clamp(1.25rem, 0.9968rem + 1.2658vw, 2.5rem);
}

.search-box-container {
  --gap-y: clamp(1.25rem, 0.9968rem + 1.2658vw, 2.5rem);
}

.search-box-container .form-control {
  padding-left: 3rem;
}

.search-box-container .form-control + .button {
  left: 0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.search-box-container h6 {
  margin-bottom: 1.25rem;
}

.search-box-container .gap {
  --gap-x: 0.75rem;
  --gap-y: 0.75rem;
}

.categories a,
.tags a {
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  border: none;
  color: var(--bs-body-color);
  background-color: var(--grey-super-light);
  text-decoration: none;
}

/* regular post section end */
/* =====================================
         blog page style end
=======================================*/
/* =====================================
         traning-calender page style end
=======================================*/
.traning-calender-content {
  --padding-top: 2.5rem;
  --padding-bottom: clamp(1.875rem, 1.4953rem + 1.8987vw, 3.75rem);
  --padding-left: 0;
  --padding-right: 0;
}

.traning-calender-content .row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}

.location {
  --gap-x: 0.75rem;
  --gap-y: 0.75rem;
}

.location .item {
  padding-block: 0.969rem;
  background-color: var(--grey-super-light);
  border-radius: 0.25rem;
  color: var(--bs-body-color);
}

.location-filter.active {
  background-color: var(--bs-primary) !important;
  color: var(--bs-white) !important;
}

/* course section start */
.course-container {
  --gap-x: clamp(2.5rem, 1.9937rem + 2.5316vw, 5rem);
  --gap-y: clamp(2.5rem, 1.9937rem + 2.5316vw, 5rem);
}

.course-container hr {
  margin-block: 0;
}

.course-ditails {
  --gap-x: clamp(1.5rem, 1.1709rem + 1.6456vw, 3.125rem);
  --gap-y: clamp(1.5rem, 1.1709rem + 1.6456vw, 3.125rem);
}

.course-title {
  width: 100%;
  max-width: 32.563rem;
}

.course-session-block{
  --bs-border-color: var(--bs-primary);
}

.dates-item {
  --button-width: 8.375rem;
  padding-block: 1.125rem;
  padding-inline: 1.688rem 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid var(--bs-gray-light);
}

.booking-btn,
.booking-btn-container,
.dates-item .btn {
  min-width: var(--button-width);
}

.course-item .row {
  --bs-gutter-x: clamp(1.5rem, 1.3987rem + 0.5063vw, 2rem);
  --bs-gutter-y: clamp(1.5rem, 1.3987rem + 0.5063vw, 2rem);
}

/* course section end */

/* =====================================
         traning-calender page style end
=======================================*/
/* =====================================
         traning catalog page style start
=======================================*/
.traning-catalog-content-container {
  --column: 1;
}

.traning-catalog-content-container {
  --padding-top: clamp(1.5rem, 1.2975rem + 1.0127vw, 2.5rem);
  --padding-bottom: clamp(1.5rem, 1.2975rem + 1.0127vw, 2.5rem);
  --padding-left: 0;
  --padding-right: 0;
  --gap-x: clamp(2.25rem, 1.7816rem + 2.3418vw, 4.5625rem);
  --gap-y: clamp(2.25rem, 1.7816rem + 2.3418vw, 4.5625rem);
}

.traning-catalog-course {
  --gap-x: clamp(1.875rem, 1.4953rem + 1.8987vw, 3.75rem);
  --gap-y: clamp(1.875rem, 1.4953rem + 1.8987vw, 3.75rem);
}

.traning-catalog-course .card-title {
  --bs-card-title-spacer-y: 1.25rem;
}

.traning-catalog-course .card-text {
  margin-bottom: 1.25rem;
}

.traning-catalog-course .card .row {
  --bs-gutter-y: clamp(1.5rem, 1.2089rem + 1.4557vw, 2.9375rem);
}

.traning-catalog-course .card-body {
  max-width: 26.875rem;
}

.traning-catalog-course .card-body .btn {
  --bs-btn-padding-x: 1.933rem;
}

/* =====================================
         traning catalog page style end
=======================================*/
/* =====================================
         career page style start
=======================================*/
.career-hero {
  /* background-image: url(../img/shape/shape-careers-hero.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
}
.hero .gradient-circle {
  --rotate: -41.96deg;
}
.hero .gradient-circle.right {
  --top-194-162: clamp(10.125rem, 12.6964rem + -2.8571vw, 12.125rem);
  --right-0-148: clamp(0rem, -2.6429rem + 13.2143vw, 9.25rem);
  --alpha: 0.1;
  right: var(--right-0-148); /* 9.25rem */
  top: var(--top-194-162); /* 10.125rem */
}
.hero .gradient-circle.left-top-corner {
  --left-0-80: clamp(0rem, -1.4286rem + 7.1429vw, 5rem);
  --top-77-154: clamp(4.8125rem, 3.4375rem + 6.875vw, 9.625rem);
  left: var(--left-0-80); /* 5rem */
  top: calc(var(--top-77-154) * -1); /* -9.625rem */
}

.shape-gradient-circle {
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.hero .shape-gradient-circle.left-top {
  --width: clamp(7.5rem, 2.5rem + 25vw, 25rem);
  --height: clamp(7.1875rem, 2.4018rem + 23.9286vw, 23.9375rem);
  left: 0;
  top: 0.8125rem;
  width: var(--width); /* 25rem, 400px */
  height: var(--height); /* 23.9375rem */
  background-image: url(../img/shape/shape-circles-left-top-half.png);
}
.hero .shape-gradient-circle.right-bottom {
  --width-200-775: clamp(12.5rem, 2.2321rem + 51.3393vw, 48.4375rem);
  --height-144-560: clamp(9rem, 1.5714rem + 37.1429vw, 35rem);
  --top-220-173: clamp(10.8125rem, 14.5893rem + -4.1964vw, 13.75rem);
  width: var(--width-200-775); /* 48.4375rem */
  height: var(--height-144-560); /* 35rem */
  right: 0;
  top: var(--top-220-173); /* 10.8125rem */
  background-image: url(../img/shape/shape-circles-right-bottom-half.png);
}

.career-content {
  padding-top: var(--spacing);
}

.career-main-content {
  width: 100%;
  max-width: 40rem;
  margin-bottom: var(--spacing);
}

.future-works {
  --spacing-x: 1.875rem;
  --spacing-y: 2rem;
  --rotate: 180deg;
  --gradient: var(--gradient-secondary);
  padding: var(--spacing-y) var(--spacing-x);
}

.future-works-boxes {
  --gap-x: clamp(4.6875rem, 3.9913rem + 3.481vw, 8.125rem);
  --gap-y: 1.5rem;
  --column: 1;
}

.future-works-boxes img {
  --size: 2rem;
  width: var(--size);
  height: var(--size);
}

.future-works-item {
  padding-bottom: 1.125rem;
}

.future-works-item::after {
  content: "";
  position: absolute;
  background-color: var(--bs-gray-light);
  width: 1px;
  height: 100%;
  right: calc((var(--gap-x) / 2) * -1);
  left: auto;
  top: 0;
  display: none;
}

.future-works-item-content {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}

.future-bottom-text-content {
  --spacing-y: 1.5rem;
  margin: var(--spacing-y) 0 0;
  width: 100%;
  max-width: 53.06rem;
}

.future-bottom-text-content .description,
.future-bottom-text-content p {
  max-width: 100%;
  width: 45rem;
}

.shape.shape-circle.right-top{
  --width: clamp(13.75rem, 10.8125rem + 14.6875vw, 22.5625rem);
  --height: clamp(25.25rem, 20.25rem + 25vw, 40.25rem);
  width: var(--width);
  height: var(--height);
  background-image: url(../img/shape/half-circles-right-optimized.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  right: 0;
  top: 0;
}

/* images section  */
.future-block-section {
  --column: 1;
  /* margin-top: var(--spacing); */
}

.future-block-section.has-shape .blocks-item {
  background-image: url(../img/media/Image.png);
}

.blocks-item {
  --spacing-y: 2rem;
  --spacing-x: 1.5rem;
  --box-min-height: 12.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: var(--box-min-height);
  border-radius: var(--bs-border-radius-xxl);
  background-color: #000000e5;
  padding: var(--spacing-y) var(--spacing-x);
}

.blocks-item .content {
  width: 100%;
  max-width: 32.313rem;
}

.blocks-item:last-child .content {
  max-width: 25.875rem;
}

/* -- value section style -- */
.value-section {
  margin-top: var(--spacing);
}
.value-content {
  --padding-top: clamp(3.125rem, 2.0833rem + 5.2083vw, 6.25rem);
  --padding-bottom: clamp(3.125rem, 2.0833rem + 5.2083vw, 6.25rem);
  --padding-left: 0;
  --padding-right: 0;
}

.value-head {
  margin-bottom: clamp(3.125rem, 2.0833rem + 5.2083vw, 6.25rem);
}

.values .row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 3.125rem;
}

.value-item {
  padding-right: clamp(2.25rem, 1.4792rem + 3.8542vw, 4.5625rem);
}

.value-item img {
  --size: 2rem;
  width: var(--size);
  height: var(--size);
}

.value-item hr {
  margin-top: 1.125rem;
  margin-bottom: 1.938rem;
}

.value-item h5 {
  margin-bottom: 1.375rem;
}

/* value section style end */
/* openning section style star */
.openning-section {
  margin-bottom: 1.25rem;
  margin-top: var(--spacing);
}

.opening-content {
  --padding-top: clamp(3.25rem, 2.1458rem + 5.5208vw, 6.5625rem);
  --padding-bottom: clamp(3rem, 2.2708rem + 3.6458vw, 5.1875rem);
  --padding-left: 2.5rem;
  --padding-right: 2.5rem;
  --rotate: 180deg;
  --gradient: var(--gradient-secondary);
  z-index: 1;
}

.opening-content .shape-gradient-circle {
  --width-350-924: clamp(21.875rem, 9.9167rem + 59.7917cqi, 57.75rem);
  --height-176-465: clamp(11rem, 4.9792rem + 30.1042cqi, 29.0625rem);
  background-image: url(../img/shape/shape-circles-top-right-corner-gray.png);
  background-position: left bottom;
  width: var(--width-350-924);
  height: var(--height-176-465);
  right: 0;
  top: 0;
}

.operning-content-head {
  margin-bottom: clamp(1.875rem, 1.25rem + 3.125vw, 3.75rem);
}

.operning-content-head p {
  width: 100%;
  max-width: 25.875rem;
}

.opening-content .location {
  margin-bottom: clamp(1.5rem, 1.1667rem + 1.6667vw, 2.5rem);
}

.job-list .list-item {
  --bs-border-color: var(--bs-gray-light);
  padding-inline: 1.875rem 2.5rem;
}
/* ===== //End career page style =======*/

/* ====== Beginning Company page  ====== */
.company-hero {
  padding-bottom: var(--hero-spacing);
}

.company-hero .hero-content {
  --padding-top: clamp(3rem, 2.1875rem + 4.0625cqi, 5.4375rem);
  --padding-bottom: 5.438rem;
  width: 100%;
  max-width: 68.75rem;
}

.company-hero .hero-content p {
  max-width: 50rem;
}

.hero-content .btn:hover {
  background-color: var(--bs-red) !important;
  color: #ffffff !important;
}

.our-approach-content-wrapper {
  --rotate: 180deg;
  --gradient: var(--gradient-secondary);
  --spacing: 1rem;
  padding: var(--spacing);
  position: relative;
  z-index: 1;
}

.our-approach-content-wrapper::after {
  --width: clamp(26.625rem, -9.1716rem + 74.5763cqi, 48.625rem); /* 426-778 */
  --height: clamp(20.75rem, -4.8437rem + 53.3203vw, 37.8125rem); /* 332-605 */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: var(--width);
  height: var(--height);
  /* background-image: url(../img/media/Bg.png); */
  background-image: url(../img/media/LandscapeGraphic.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.our-approach-content-wrapper h3 {
  margin-bottom: clamp(1.5rem, 1.1667rem + 1.6667cqi, 2.5rem);
}

.why-choose {
  margin-top: 0.75rem;
  padding-bottom: clamp(1.5rem, 1.1667rem + 1.6667cqi, 2.5rem);
}

.why-choose .container {
  max-width: 66.5rem;
}

.why-choose-content h3 {
  margin-bottom: clamp(1.5rem, 1.0625rem + 2.1875cqi, 2.8125rem);
}

.card-block-section.margin-top {
  margin-top: var(--spacing);
}

.card-block-section.margin-bottom {
  margin-bottom: var(--spacing);
}

.cards-wrapper {
  --spacing-y: 1.5rem;
  --spacing-x: 1.875rem;
}

.cards-wrapper.grid {
  --spacing-y: 3rem;
  --spacing-x: 1.5rem;
  --spacing-b: 2.375rem;
}

.card-item {
  --bs-border-color: var(--bs-body-color, #4c4c4c);
}

.card-item:has(> .full-card-link){
  position: relative;
}
.card-item:has(> .full-card-link),
.card-item:has(> .full-card-link) *{
  transition: all 0.3s linear;
}
.card-item:has(> .full-card-link):hover{
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.card-item:has(> .full-card-link):hover h4{
  color: var(--bs-red);
}
.card-item:has(> .full-card-link):hover .icon{
    filter: var(--icon-to-red);
}
.full-card-link{
  inset: 0;
}

.text-white .card-item .description,
.text-white .card-item .description p{
  color: var(--bs-gray-light) !important;
}

.card-item.bg-primary{
  --padding: 1rem;
  padding: var(--padding);
}

.card-item.border {
  padding: var(--spacing-y) var(--spacing-x);
}

.cards-wrapper.grid .card-item.border {
  padding-bottom: var(--spacing-b);
}

.cards-wrapper.first-item-wider .card-item:first-child{
  -ms-grid-column: 1;
  -ms-grid-column-span: var(--column);
  grid-column: 1 / calc(var(--column) + 1);
}

.card-item img {
  --size: 2rem;
  width: var(--size);
  height: var(--size);
}

.card-item .description {
  width: 100%;
  max-width: var(--card-max-width, 27.5rem);
}

.card-item.text-white img{
  --size: 1.25rem;
}
.card-item.text-white p{
  color: var(--bs-gray-light);
}

.card-item .description p:has(+ ul) {
  margin-bottom: 0.5rem;
}
.card-item.bg-primary .description p:has(+ ul) {
  margin-bottom: 0.75rem;
}

.card-item .description strong {
  font-weight: 500;
  font-size: 1rem;
}

.card-item .description ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


.card-item .description ul li {
  border-radius: 2px;
  padding: 0.5rem 0.75rem;
  background-color: var(--grey-super-light, #ededed);
}
.card-item.bg-primary .description ul li{
  color: var(--bs-primary);
}
.card-item .description ul li img{
  --size: 1.25rem;
  margin-inline-end: 0.625rem;
}

.card-item .description ul li + li {
  margin-top: 0.5rem;
}


.card-item.list-group-inline .description ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 0.5rem;
}

.card-item.list-group-inline .description ul li + li{
  margin: 0;
}

.card-item hr {
  --size: 1px;
  width: 100%;
  height: var(--size);
  background-color: var(--bs-body-color, #000000);
  margin-top: 0;
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link .icon-arrow-external {
  --size: 1rem;
  width: var(--size);
  height: var(--size);
  transition: transform 0.3s ease-in-out;
}

.card-link:hover .icon-arrow-external {
  transform: translate(0.125rem, -0.125rem);
}

.box-card-wrap .card-item{
  --indecator-line-size: clamp(1.75rem, -0.3125rem + 4.2969vw, 3.125rem);
  position: relative;
}
.box-card-wrap .card-item img{
  --size: 1.5rem;
}

.indecator-line{
  position: absolute;
  top: 0.75rem;
  width: var(--indecator-line-size);
  height: 1px;
  background-color: var(--bs-white);
}

.card-item.odd .indecator-line{
  left: -0.625rem;
}
.card-item.even .indecator-line{
  right: -0.625rem;;
}

.box-shap-wrap{
  max-width: var(--width);
}

.box-shap-wrap .line{
  position: absolute;
  width: 1px;
  opacity: var(--alpha);
  bottom: 10px; /*clamp(-1.5625rem, -4.8437rem + 6.8359vw, 0.625rem); */
  overflow: hidden;
}

.box-shap-wrap .line::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 3px dashed var(--bs-white);
}

.box-shap-wrap .line:nth-of-type(1),
.box-shap-wrap .line:nth-of-type(2){
  top: clamp(4.5rem, -2.5rem + 35vw, 6.25rem);
  bottom: clamp(-2.5rem, 1.875rem + -17.5vw, -1.625rem);
}
.box-shap-wrap .line:nth-of-type(1){
  left: 0;
}
.box-shap-wrap .line:nth-of-type(2){
  left: 68.81%;
}
.box-shap-wrap .line:nth-of-type(3){
  left: 31.189%;
  top: clamp(2.625rem, -1.125rem + 18.75vw, 3.5625rem);
}
.box-shap-wrap .line:last-child{
  right: 0.964%;
  top: 34px;
}

.wireless-signal-cards{

}

.section-scheme{
  max-width: 100%;
  width: 83.576%;
}

.wireless-signal-cards .section-scheme{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wireless-signal-cards .card-item{
  --padding: 1.25rem;
  --space-border: 2.5rem;
}

.card-item.border-gradient-to-right{
  --rotate: 90deg;
}
.card-item.border-gradient-to-left{
  --rotate: -90deg;
}
.card-item.border-on-bottom{
  padding-bottom: var(--padding, 2.5rem);
}

.wireless-signal-cards .card-item .indecator-line,
.cloude-cards-group .card-item .indecator-line{
  background: #FFFFFF;
  background: linear-gradient(var(--rotate, 90deg), rgba(255, 255, 255, 1) 0%, rgba(214, 214, 214, 1) 30%, rgba(255, 255, 255, 1) 36%, rgba(91, 91, 91, 1) 72%);
  left: 0;
}

.card-item.border-on-left{
  left: 0;
}

.card-item .counter{
  color: #4C4C4C;
}

.card-item.border-on-bottom .indecator-line{
  width: 100%;
  height: 1px;
  bottom: 0;
  top: auto;
}

.box-shape{
  max-width: 100%;
}

.certification-content {
  width: 100%;
  max-width: 61.063rem;
  padding-inline: 0.75rem;
  margin-bottom: clamp(3rem, 2.3333rem + 3.3333cqi, 5rem);
}

.membership {
  padding-top: clamp(1.5rem, 1.375rem + 0.625cqi, 1.875rem);
}

.logo-container {
  width: 100%;
  max-width: 16.25rem;
  image-rendering: -webkit-optimize-contrast;
}

.logo-container img {
  width: 100%;
  object-fit: contain;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}

.membership-content {
  --rotate: -360deg;
  --gradient: var(--gradient-secondary);
  --padding-top: clamp(3rem, 2.6458rem + 1.7708cqi, 4.0625rem);
  --padding-bottom: clamp(3rem, 2.6458rem + 1.7708cqi, 4.0625rem);
  --padding-left: clamp(1.5rem, -0.8542rem + 11.7708cqi, 8.5625rem);
  --padding-right: clamp(1.5rem, 0.3333rem + 5.8333cqi, 5rem);
  z-index: 1;
}

.shape-gradient-circle.left-bottom {
  --width-250-734: clamp(15.625rem, 5.5417rem + 50.4167cqi, 45.875rem);
  --height-142-420: clamp(8.875rem, 3.0833rem + 28.9583cqi, 26.25rem);
  bottom: 0;
  left: 0;
  width: var(--width-250-734);
  height: var(--height-142-420);
  background-image: url(../img/shape/shape-circle-half-left-bottom.png);
}
.get-in-touch-content .shape-gradient-circle,
.leadership-content .shape-gradient-circle {
  --width-280-1160: clamp(17.5rem, -0.8333rem + 91.6667cqi, 72.5rem);
  --height-94-388: clamp(5.875rem, -0.25rem + 30.625cqi, 24.25rem);
  width: var(--width-280-1160);
  height: var(--height-94-388);
  background-image: url(../img/shape/shap-circles-bottom-center-half.png);
}

.merbership-text-content {
  width: 100%;
  max-width: 33.438rem;
}

.membership-sub-text-content {
  background-color: var(--grey-super-light, #ededed);
}

.leadership-content {
  --padding-top: clamp(3.375rem, 1.0625rem + 11.5625cqi, 10.3125rem);
  --padding-bottom: clamp(3.375rem, 0.7917rem + 12.9167cqi, 11.125rem);
  --padding-left: clamp(3.375rem, 2.2708rem + 5.5208cqi, 6.6875rem);
  --padding-right: clamp(1.5rem, 0.8542rem + 3.2292cqi, 3.4375rem);
  z-index: 1;
}

.leadership-content .gradient-circle {
  --alpha: 0.3;
}

[class*="margin-"] {
  --component-spacing: 1.25rem;
}

.space-xs {
  --component-spacing: 0.75rem;
}

[class*="margin-top-"] {
  margin-top: var(--component-spacing) !important;
}

[class*="margin-bottom-"] {
  margin-bottom: var(--component-spacing) !important;
}

[class*="padding-top-"] {
  padding-top: var(--component-spacing) !important;
}

[class*="padding-bottom-"] {
  padding-bottom: var(--component-spacing) !important;
}

.margin-top-none,
[class^="margin-top-none"],
[class*="margin-top-none"]  {
  margin-top: 0 !important;
}
.margin-bottom-none,
[class^="margin-bottom-none"],
[class*="margin-bottom-none"] {
  margin-bottom: 0 !important;
}

[class^="padding-top-none"],
[class*="padding-top-none"]{
  padding-top: 0 !important;
}
[class^="padding-bottom-none"],
[class*="padding-bottom-none"]{
  padding-bottom: 0 !important;
}


.gradient-circle.bottom-left {
  left: 1rem;
  bottom: -5.65rem;
  transform: rotate(var(--rotate)) translateY(50%);
}
.gradient-circle.top-right {
  right: 1rem;
  top: -50%;
  transform: rotate(var(--rotate)) translateY(-50%);
}

.leadership-content .gradient-circle.bottom-left {
  bottom: -50%;
}
.gradient-circle.left-top-corner {
  --alpha: 0.3;
}
.gradient-circle.left-top-corner,
.gradient-circle.top-left {
  left: -1.5rem;
  top: -2.75rem;
}
.gradient-circle.right-bottom,
.gradient-circle.bottom-right {
  right: 9.5rem;
  bottom: -13.75rem;
}

.gradient-circle.center-top,
.gradient-circle.top-center {
  left: 50%;
  top: -2.75rem;
  transform: translateX(-50%);
}

.gradient-circle.center-bottom,
.gradient-circle.bottom-center {
  left: 50%;
  bottom: -2.75rem;
  transform: translateX(-50%);
}

.gradient-circle.left-center,
.gradient-circle.right-center {
  top: 50%;
  transform: translateY(-50%);
}

.gradient-circle.left-center {
  left: -1.5rem;
}
.gradient-circle.right-center {
  right: -1.5rem;
}

.gradient-circle.center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.gradient-circle.w-xl {
  --shape-size: clamp(12.5rem, 6.0417rem + 32.2917vw, 31.875rem);
}

.leadership-left-content img {
  --size: 12.5rem;
  width: var(--size);
  height: var(--size);
}

.leadership-left-text-content {
  margin-top: 2.625rem;
}

.leadership-right-content p {
  padding-left: 2.063rem;
}

.leadership-right-content {
  --inner-spacing: 0;
}
.leadership-right-content::after {
  content: "";
  position: absolute;
  left: var(--inner-spacing);
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--bs-primary, #000000);
}

.ai-name {
  padding-block: clamp(4.625rem, 3.4167rem + 6.0417cqi, 8.25rem);
}

.embracing-ai {
  width: 100%;
  max-width: 46.375rem;
}

.embracing-ai p {
  color: var(--gray-super-light, #ededed);
  margin-bottom: clamp(3rem, 2.4083rem + 2.9583cqi, 4.775rem);
}

.ai-images {
  width: 100%;
  max-width: 74rem;
}

.behind-our-name {
  --padding-top: 3.188rem;
  --padding-bottom: 3.188rem;
  --padding-left: 2.625rem;
  --padding-right: 3.625rem;
}

.behind-our-name p {
  color: var(--bs-gray-light, #c4c4c4);
  margin-top: 1.5rem;
}

.get-in-touch .get-in-touch-content {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}

.shape.top-center {
  transform: translateX(-50%) rotate(180deg);
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
}

.shape.bottom-center {
  transform: translateX(-50%);
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
}

.shape.top-right {
  transform: translateX(0);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

.shape.bottom-right {
  transform: translateX(0);
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.shape.top-left {
  transform: translateX(0);
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

.shape.bottom-left {
  transform: translateX(0);
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}

.get-in-touch h3 {
  width: 100%;
  /* max-width: 33.313rem; */
}
.get-in-touch p {
  width: 100%;
  max-width: 50rem;
  margin-top: 1.5rem;
}

.get-in-touch .note-text {
  width: 25.25rem;
  max-width: 100%;
  text-align: left;
}

/* ======= Beginning DevSecOps page =======*/
.devsecops-hero {
  padding-block: clamp(4.375rem, 2.1875rem + 10.9375cqi, 10.9375rem);
}

.service {
  padding-top: clamp(3rem, 2.7083rem + 1.4583cqi, 3.875rem);
  padding-bottom: clamp(1.5rem, 1.1667rem + 1.6667cqi, 2.5rem);
}

.services-widget {
  --gap-x: clamp(3rem, 1.2917rem + 8.5417cqi, 8.125rem);
  --gap-y: clamp(1.5rem, 0.75rem + 3.75cqi, 3.75rem);
  --column: 1;
  margin-bottom: clamp(3rem, 2.75rem + 1.25cqi, 3.75rem);
}

.service-head {
  margin-bottom: clamp(3rem, 2.6875rem + 1.5625cqi, 3.9375rem);
}
.margin-top {
  margin-top: var(--spacing);
}
.margin-bottom {
  margin-bottom: var(--spacing);
}

.section-head {
  margin-bottom: calc(var(--spacing) / 2);
}

.services-widget .service-item hr,
.price-box hr {
  margin-top: 1.125rem;
  margin-bottom: 1.938rem;
}

.services-widget .service-item,
.price-box .service-item {
  padding: 0;
}

.benefit-item {
  --padding-top: 0.5rem;
  --padding-bottom: 0.5rem;
  --padding-left: 0.75rem;
  --padding-right: 0.75rem;
  border-radius: 2px;
  background-color: var(--grey-super-light, #ededed);
}

.price-box {
  --gap-x: clamp(3rem, 2.0625rem + 4.6875cqi, 5.8125rem);
  --gap-y: clamp(3rem, 2.0625rem + 4.6875cqi, 5.8125rem);
  --column: 1;
}

.pricing-plan {
  --spacing-x: 1rem;
  --spacing-y: 2rem;
  border-radius: 0.75rem;
  background-size: cover;
  background-position: center;
  padding: var(--spacing-y) var(--spacing-x);
}

.pricing-plan-content {
  width: 100%;
  max-width: 33.75rem;
}

.pricing-plan-content p,
.pricing-plan-content a {
  color: var(--bs-grey-light, #c4c4c4);
}

.why-tranchulas-widget {
  --rotate: 180deg;
  --gradient: var(--gradient-secondary, #ededed 0%, #ffffff 100%);
  border-top-left-radius: var(--bs-border-radius-xxl, 1.25rem);
  border-top-right-radius: var(--bs-border-radius-xxl, 1.25rem);
  z-index: 1;
}

.why-tranchulas-widget .grid {
  --column: 1;
}

.why-tranchulas-item {
  --spacing-y: 2rem;
  --spacing-x: 1rem;
  padding: var(--spacing-y) var(--spacing-x);
}

.why-tranchulas-item img {
  --size: clamp(7.5rem, 5rem + 12.5vw, 15rem); /* --width-120-240 */
  width: var(--size);
}

.why-tranchulas-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-color: var(--bs-primary, #202020);
  bottom: calc((var(--gap-x) / 2) * -1);
}

.middle-title {
  --spacing-y: 3.375rem;
  margin-top: var(--spacing-y);
  margin-bottom: var(--spacing-y);
}

.middle-title *:not(h3) {
  flex: 1;
  border-bottom: 1px solid;
}

.logos {
  --spacing-y: 1.625rem;
  padding-top: var(--spacing-y);
  padding-bottom: var(--spacing-y);
}

.logos-content {
  --spacing-t: 1rem;
  padding-top: var(--spacing-t);
}

.logos .nav-pills {
  --bs-nav-pills-border-radius: 2px;
  --bs-nav-pills-link-active-color: var(--bs-white, #ffffff);
  --bs-nav-pills-link-active-bg: var(--bs-primary, #202020);
}

.logos .nav-pills .nav-link.active :focus,
.nav-pills .nav-link.active:hover {
  color: var(--bs-white, #ffffff);
}

.logos .nav {
  --spacing-b: 2rem;
  --bs-nav-link-padding-y: 0.75rem;
  --bs-nav-link-padding-x: 1.25rem;
  --bs-nav-link-color: #242424;
  --bs-nav-link-hover-color: #242424;
  gap: 1.25rem;
  margin-bottom: var(--spacing-b);
}

.logos .nav-link {
  font-size: 1rem;
  font-weight: 500;
  transition: none;
  border: 1px solid var(--bs-body-color, #4c4c4c);
}

.logos .tab-pane > * {
  --gap-x: 5rem;
}

.testimonial {
  --spacing-y: 4rem;
  --alpha: 0.3;
  padding-top: var(--spacing-y);
  padding-bottom: var(--spacing-y);
}

.testimonial .shape-gradient-circle {
  --width-200-469: clamp(12.5rem, 6.8958rem + 28.0208cqi, 29.3125rem);
  --height-338-792: clamp(21.125rem, 11.6667rem + 47.2917cqi, 49.5rem);
  left: 0;
  top: 0;
  width: var(--width-200-469); /* 469px; */
  height: var(--height-338-792); /* 792px; */
}

.testimonial-content-wrapper {
  --spacing-t: 2.875rem;
  --gap-y: 6.25rem;
  padding-top: var(--spacing-t);
}
.testimonial-content-bottom {
  --gap-x: 1.5rem;
}
.testimonial-content-bottom .btn {
  min-width: 8.375rem;
  height: fit-content;
}
.testimonial-content-bottom span {
  width: 1px;
}

.testimonial-carousel-dots ul{
  --donts-width: 1.25rem;
  --dots-height: 0.3125rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 0.5rem;
}

.testimonial-carousel-dots ul li{
  width: var(--donts-width);
  height: var(--dots-height);
  line-height: 0;
}
.testimonial-carousel-dots ul li button{
  width: var(--donts-width);
  height: var(--dots-height);
  background-color: var(--bs-gray-light);
  border: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -25rem;
}

.testimonial-carousel-dots ul li.slick-active button{
  background-color: var(--bs-primary);
}

/* ======= Beginning Pricing page =======*/
.pricing-hero {
  --space-t: 0.625rem;
  --space-b: var(--spacing);
  padding-top: var(--space-t);
  padding-bottom: var(--space-b);
}

.hero-title {
  --space-y: 3.375rem;
  max-width: 50rem;
  padding-top: var(--space-y);
  padding-bottom: var(--space-y);
}

.list-card-block {
  --space-y: 2rem;
  --space-x: 1.5rem;
  --rotate: 180deg;
  --gradient: var(--gradient-secondary, #ededed 0%, #ffffff 100%);
  padding: var(--space-y) var(--space-x);
  max-width: 66.5rem;
}

.info-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--bs-gray-light, #c4c4c4);
}

.info-title {
  --gap-x: 0.75rem;
}

.info-title img {
  --size: 1.5rem;
  width: var(--size);
  height: var(--size);
}

.info-list li:not(:last-child) {
  --space-b: 1.5rem;
  margin-bottom: var(--space-b);
}

.pricing {
  --space-y: 1.625rem;
  padding: var(--space-y) 0;
}

.form-switch .form-check-input {
  --switch-width: 3.75rem;
  --switch-height: calc(var(--switch-width) / 2);
  border-radius: 0.938rem;
  /* --bs-form-switch-bg: url(../img/ellipse.png); */
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  width: var(--switch-width);
  height: var(--switch-height);
  background-color: var(--bs-primary, #202020);
}

.form-check-input:checked {
  background-color: var(--bs-red);
  border: transparent;
}
.form-check-input:checked + label {
  color: var(--bs-red);
}

.pricing-content {
  --space-t: 4.375rem;
  --space-b: 0.875rem;
  --gap-x: 1.25rem;
  --column: 1;
  padding-top: var(--space-t);
  padding-bottom: var(--space-b);
}

.pricing-plan__card {
  background: linear-gradient(
    157.49deg,
    #ffffff 0.87%,
    #d6d6d6 28.8%,
    #5b5b5b 67.9%
  );
  padding: 1px;
  backdrop-filter: blur(2.5px);
  border-radius: 0.5rem;
  position: relative;
}

.pricing-item {
  --space: 1.875rem;
  --space-t: 3.125rem;
  padding: var(--space);
  padding-top: var(--space-t);
  background: rgba(255, 255, 255, 1);
}

.badge-label {
  right: 1.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-width: 2.5rem;
}

.badge-label span {
  background: -webkit-linear-gradient(
    180deg,
    #ffffff 0%,
    #d6d6d6 30%,
    #ffffff 36%,
    #5b5b5b 72%
  );
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #d6d6d6 30%,
    #ffffff 36%,
    #5b5b5b 72%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--color);
  font-size: 0.875rem;
  line-height: 1.059rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing);
}

.pricing-item .pretitle-bold {
  color: var(--bs-body-color, #4c4c4c);
}

.pricing-item ul {
  padding-bottom: var(--space);
}

.pricing-item ul::after {
  content: "";
  position: absolute;
  left: 0;
  right: calc(var(--space) * -1);
  bottom: 0;
  height: 1px;
  background-color: var(--bs-gray, #787878);
}

.pricing-item li:not(:last-child) {
  margin-bottom: 1rem;
}

.pricing-item .price {
  padding-top: var(--space);
}

.price p:last-child {
  color: var(--bs-gray, #787878);
}

.price-box .container {
  max-width: 82.938rem;
}

.price-box-content {
  --space-y: 4rem;
  --space-x: 5.375rem;
  --rotate: 180deg;
  --gradient: #ffffff 0%, #ededed 100%;
  padding: var(--space-y) var(--space-x);
}

.price-box-widget {
  --space-b: 1.75rem;
  padding-bottom: var(--space-b);
}

.price-box-item {
  --space-y: 1.5rem;
  --space-x: 1.25rem;
  padding: var(--space-y) var(--space-x);
}

/* ====== Beginning Red Teaming page ====== */
.red-teaming {
  background: url(../img/media/red-teaming-bg.png) no-repeat center / cover;
  padding-block: clamp(4.625rem, 3.7813rem + 4.2188cqi, 7.1563rem);
}

.red-teaming .red-teaming-hero-content {
  max-width: 50rem;
}

/* hero section end */
/* core feature section start */
.core-feature {
  padding-top: clamp(3rem, 2.5833rem + 2.0833cqi, 4.25rem);
  padding-bottom: clamp(3rem, 1.9167rem + 5.4167cqi, 6.25rem);
}

.core-feature .container {
  max-width: 73.375rem; /* 1174px */
}

.core-feature-widget {
  --gap-x: 2rem;
  --gap-y: 2rem;
  --column: 1;
  width: 100%;
  max-width: 61.375rem;
}

.core-feature-item {
  --padding-top: 2.875rem;
  --padding-bottom: 2.375rem;
  --bs-border-color: var(--bs-body-color, #4c4c4c);
  min-height: 27rem;
}

.core-feature-item-header img {
  --size: 2rem;
  width: var(--size);
  height: var(--size);
}

.core-feature-item-bottom {
  min-height: 11.813rem;
}

/* core feature section end */
/* scheme section start */
.scheme .container {
  max-width: 79.938rem;
}

.scheme-content {
  --rotate: 180deg;
  --gradient: var(--gradient-secondary, #ededed 0%, #ffffff 100%);
  --padding-top: clamp(3rem, 1.9792rem + 5.1042cqi, 6.0625rem);
  --padding-bottom: clamp(4.25rem, 2.1667rem + 10.4167cqi, 10.5rem);
  --padding-left: clamp(3rem, 1.7708rem + 6.1458cqi, 6.6875rem);
  --padding-right: clamp(1.5rem, 0.9167rem + 2.9167cqi, 3.25rem);
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  z-index: 1;
}

.scheme-content .section-bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center bottom;
  z-index: -1;
}

/* mobile cycle */
.cycle {
  transition-duration: 0.5s;
  padding-left: min(1.1%, 7.7%);
}
.cycle .cycle-item {
  --bs-border-color: var(--bs-primary, #000000);
  padding-left: 1.25rem;
  max-width: 16.25rem;
  margin-top: 3rem;
  position: relative;
}
.ellipse-wrap {
  margin-left: 4%;
  top: 50%;
  transform: translateY(-50%);
}
.shape-ellipse {
  max-width: 69%;
  display: none;
}

.cycle .cycle-item img {
  --size: 2.5rem;
  width: var(--size);
  height: var(--size);
  position: static;
  display: block;
}
.cycle .cycle-item {
  max-height: 190px;
}
/* //End cycle style */

/* scheme section end */
/* get in touch section start */
.get-in-touch {
  margin-bottom: clamp(1.5rem, 1.1667rem + 1.6667cqi, 2rem);
}
.pricing-process-grid{
  --spacing-x: 1rem;
  --spacing-y: 1.125rem;
}
.pricing-process-grid .pricing-card{
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  border-radius: 0.5rem;
  padding: var(--spacing-y) var(--spacing-x);
}

.pricing-process-grid .card-details{
  --space-start: 1.75rem; 
  padding-left: var(--space-start);
  min-width: 12.25rem;
}

.pricing-process-grid .avatar{
  --size: 1.25rem;
  width: var(--size);
  height: var(--size);
}

.pricing-process-grid .icon{
  --size: 1rem;
  width: var(--size);
  height: var(--size);
}


/* =====================================
      Beginning Responsive styles
=======================================*/
@media (min-width: 576px) {
  /* Common components */
  :root {
    --overlap-area: 3rem;
  }
  section {
    --space-heading: 1.25rem;
  }

  .our-approach-content-wrapper {
    --spacing: 2rem;
  }

  .faq-content {
    --spacing-x: 2rem;
    --spacing-y: 2.5rem;
  }

  /* //End Common components */

  .service-right-boxe {
    --column: 3;
  }

  .certificate-img {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .partner-logo {
    gap: 2rem 3rem !important;
  }

  .main-blog-post {
    --column: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }

  .blog-text {
    --column: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }

  .footer-widget-row {
    --column: 2;
  }
  .statistic-item-container {
    --column: 2;
  }

  .contact-form-section {
    --spacing-x: 1.5rem;
  }

  .dates-item > div:not(.booking-btn-container) {
    width: calc(50% - (var(--button-width) / 2));
  }

  /* ====== Beginning DevSecOps page =======*/
  .services-widget {
    --column: 2;
  }

  .testimonial {
    --spacing-y: 6.25rem;
  }

  /* ====== Beginning Pricing page =======*/
  .pricing-content {
    --column: 2;
  }

  /* ====== Beginning Red Teaming page ====== */
  .core-feature-widget {
    --column: 2;
  }
  .cycle {
    --column: 2;
  }

  .information-container {
    --gap-x: 4rem;
    --gap-y: 1.5rem;
    --column: 2;
  }
  .information-item:nth-child(2n + 2)::after {
    display: none;
  }
  .cards-wrapper {
    order: -1;
  }

  .pricing-process-grid .card-details{
    --space-start: 1.25rem; 
  }

  .border-sm-start{
    border-inline-start: 1px solid var(--bs-body-color);
  }

  .wireless-signal-cards .card-wrap-col:nth-child(5){
    margin-left: 25%;
  }
}

@media (min-width: 768px) {
  :root {
    --overlap-area: 4rem;
  }
  .h1,
  h1 {
    font-size: clamp(2.75rem, 1.889rem + 1.7937vw, 3rem);
    line-height: 1.4;
  }

  .h2,
  h2 {
    font-size: clamp(2rem, 1.139rem + 1.7937vw, 2.25rem);
    line-height: 1.3;
  }

  .h3,
  h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.25cqi, 2.5rem);
    line-height: clamp(2.35rem, 2.05rem + 1.5cqi, 3.25rem);
  }

  .h4,
  h4 {
    font-size: 1.5rem;
    line-height: 2.1rem;
  }

  .h5,
  h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .gap-xs {
    --gap-y: 0.75rem;
    --gap-x: 0.75rem;
  }

  .gap-sm {
    --gap-y: 1.25rem;
    --gap-x: 1.25rem;
  }

  .gap-md {
    --gap-y: 1.5rem;
    --gap-x: 1.5rem;
  }

  .gap-lg {
    --gap-y: 2rem;
    --gap-x: 2rem;
  }

  .space-3xl {
    --component-spacing: 3.5rem;
    --gap-x: 3.5rem;
    --gap-y: 3.5rem;
  }
  .space-2xl {
    --component-spacing: 3rem;
    --gap-x: 3rem;
    --gap-y: 3rem;
  }
  .space-xl {
    --component-spacing: 2.5rem;
    --gap-x: 2.5rem;
    --gap-y: 2.5rem;
  }
  .space-lg {
    --component-spacing: 2rem;
    --gap-x: 2rem;
    --gap-y: 2rem;
  }
  .space-md {
    --component-spacing: 1.5rem;
    --gap-x: 1.5rem;
    --gap-y: 1.5rem;
  }
  .space-sm {
    --component-spacing: 1.25rem;
    --gap-x: 1.25rem;
    --gap-y: 1.25rem;
  }

  /* Common component */
  section {
    --spacing: 2.5rem;
    --space-heading: 1.5rem;
    --space-accent: 2rem;
  }

  .flexible-content-section .layout-column .section-lead {
    max-width: 27.5rem;
  }

  .flexible-content-section .layout-row .section-lead {
    max-width: 46.25rem;
  }

  .our-approach-content-wrapper {
    --spacing: 3rem;
    min-height: 31.25rem;
  }

  .service-content {
    --spacing: 2.5rem;
    padding-top: var(--spacing);
  }

  .certificate .certificate-left-content {
    max-width: var(--content-width, 16.546rem); /* 16.546rem; */
  }

  .certificate .certificate-img {
    max-width: 58rem;
  }

  .certificate-content .certificate-left-content::after {
    --after-line-height: 5.407rem;
    content: "";
    position: absolute;
    height: var(--after-line-height);
    width: 1px;
    background-color: var(--bs-gray-light);
    right: calc((var(--element-gap) / 2) * -1);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .service-item.active {
    --padding-y: 4.656rem;
    --padding-x: 2.625rem;
  }

  .statistic-content {
    --padding-top: 0;
    --padding-right: 3.125rem;
    --padding-bottom: 0;
    --padding-left: 3.125rem;
  }

  .statistic-section
    .statistic-item-container
    .number-item:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: var(--bs-gray-light);
    top: 50%;
    right: calc(((var(--gap-x) / 2)) * -1);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .button_icon{
    width: 1rem;
  }

  .faq-content {
    --spacing-x: 4.125rem;
    --spacing-y: 6.875rem;
  }

  .offices {
    --padding-bottom: 3.75rem;
  }

  .locations-block + .offices {
    --padding-top: 2.5rem;
  }

  .footer-content {
    --padding-top: 4.813rem;
    --padding-right: 0;
    --padding-bottom: 4.25rem;
    --padding-left: 0;
  }

  .footer-widget-row {
    /* --margin-inline: 13.438rem; */
    --column: 3;
  }

  .main-blog-post {
    --column: 2;
  }

  .statistic-item-container {
    --column: 4;
  }

  .banner-content-container {
    min-height: 22rem;
  }

  .banner-content {
    --heading-width: 24rem;
    gap: 4rem;
  }

  .banner-content h1 {
    width: var(--heading-width);
  }
  .banner-content .description {
    width: calc(100% - var(--heading-width));
  }

  .footer-logo-social-icon img {
    --size: 21.375rem;
  }

  .footer-logo-social-icon .social-icon img {
    --size: 2rem;
  }

  /* text post section start */
  .text-post .grid {
    --column: 2;
  }

  /* text post section end */
  .future-works-boxes {
    --column: 2;
  }

  .future-works-item:not(:last-child, :nth-child(2n + 2)):after {
    display: block;
  }

  /* images section */
  .future-block-section {
    --column: 2;
  }

  .blocks-item:first-child {
    border-radius: 0 var(--bs-border-radius-xxl) var(--bs-border-radius-xxl) 0;
  }

  .blocks-item:last-child {
    border-radius: var(--bs-border-radius-xxl) 0 0 var(--bs-border-radius-xxl);
  }

  /* === Beginning Company page === */
  .cards-wrapper {
    --spacing-y: 3rem;
    --spacing-x: 3.75rem;
  }

  /* === Beginning Contact page === */
  .information-container {
    --gap-x: 4rem;
    --gap-y: 2.5rem;
    --column: 3;
  }

  .information-item:nth-child(2n + 2)::after {
    display: block;
  }

  .information-item:nth-child(3n + 3)::after {
    display: none;
  }

  .form-container {
    --spacing-y: 2.5rem;
    --spacing-x: 3.75rem;
  }

  /* ===== Beginning Career page ===== */
  .career-content {
    --spacing: 3.75rem;
  }
  .career-main-content {
    --spacing: 3.5625rem;
  }
  .future-works {
    --spacing-x: 3.75rem;
    --spacing-y: 2.8125rem;
  }
  .future-bottom-text-content {
    --spacing-y: 3.5625rem;
    margin-bottom: 2.6875rem;
  }

  .blocks-item {
    --spacing-y: 3rem;
    --spacing-x: 3rem;
    /* --box-min-height: 37.5rem; */
  }
  /* ===== // End career page ====== */

  /* ===== Beginning Company page ===== */
  .leadership-right-content {
    --inner-spacing: 4.563rem;
    padding-left: var(--inner-spacing);
  }

  /* ====== Beginning DevSecOps page =======*/
  .price-box {
    --column: 2;
  }

  .why-tranchulas-widget .grid {
    --column: 2;
  }

  .why-tranchulas-item {
    --spacing-y: 3rem;
    --spacing-x: 3rem;
  }

  .why-tranchulas-item .icon {
    --size: 15rem;
  }

  .why-tranchulas-item > div {
    max-width: 25rem;
  }

  .why-tranchulas-item:nth-of-type(even) > div {
    margin-left: auto;
  }

  .why-tranchulas-item:nth-of-type(odd):before {
    display: none;
  }

  .why-tranchulas-item:nth-of-type(even):before {
    width: 1px;
    left: inherit;
    top: 0;
    bottom: 0;
    height: auto;
  }
  .pricing-plan {
    --spacing-x: 1.5rem;
    --spacing-y: 2rem;
  }

  .column-2 {
    --column: 2;
  }

  .column-gap-16 {
    --gap-x: 1rem;
    --gap-y: 1rem;
  }

  .column-gap-24 {
    --gap-x: 1.5rem;
    --gap-y: 1.5rem;
  }

  .column-gap-32 {
    --gap-x: 2rem;
    --gap-y: 2rem;
  }

  .column-gap-clamp {
    --gap-x: 2.5rem;
    --gap-y: 3rem;
  }

  .card-item hr {
    margin-bottom: 0.625rem;
  }

  .cards-wrapper.first-item-wider .card-item.bg-primary:first-child{
    --padding: 2rem
  }
  
  .card-item.bg-primary{
    --padding: 1.25rem
  }

  .section-head h2 {
    margin-bottom: 1.25rem;
  }

  /* logos section start*/
  .logos-content {
    --spacing-t: 2.31rem;
  }

  .logos .nav {
    --spacing-b: 3.75rem;
  }

  /* logos section end*/
  /* testimonial section style start */

  .testimonial {
    --spacing-y: 12.813rem;
  }

  .testimonial-content-wrapper {
    --gap-y: 12.5rem;
  }

  .testimonial-item {
    padding-right: 1.583rem;
  }
  .testimonial-content-bottom {
    --gap-x: 2rem;
  }

  .contact-form-section {
    --spacing-y: 4rem;
    --spacing-x: 3rem;
  }

  /* ====== Beginning Pricing page =======*/
  .info-item {
    --space-b: 5.68rem;
    padding-bottom: var(--space-b);
  }

  .info-item:not(:last-child)::before {
    top: 0;
    left: auto;
    right: 0;
    width: 1px;
    height: auto;
  }

  .list-card-block {
    --space-y: 3.938rem;
    --space-x: 3.625rem;
  }

  .list-card-block .row {
    --bs-gutter-x: 3rem;
  }

  /* ====== Beginning Red Teaming page ====== */
  .pricing-plan {
    --spacing-x: 2.5rem;
    --spacing-y: 2.5rem;
  }
  .core-feature-widget {
    --column: 3;
  }

  .get-in-touch {
    --spacing: 6.5rem;
  }

  .external-card.pricing-plan {
    grid-column: 2 / -1;
    margin-bottom: 1.688rem;
  }

  .flexible-content-section {
    --spacing-x: 2.5rem;
    --spacing-y: 2.5rem;
    --shape-width: clamp(
      21.875rem,
      0.2188rem + 45.1172vw,
      36.3125rem
    ); /* 350-581 */
    --shape-height: clamp(
      22.125rem,
      0.1875rem + 45.7031vw,
      36.75rem
    ); /* 354-588 */
  }

  .padding-lg,
  .flexible-content-section {
    --spacing-x: 2.5rem;
    --spacing-y: 2.5rem;
  }
  .pricing-process-grid .card-details{
    --space-start: 1.75rem;
  }
  .border-md-start-0{
    border-inline-start: 0;
  }

  .card-item.even{
    padding-right: var(--indecator-line-size);
  }
  .card-item.odd{
    padding-left: calc(var(--indecator-line-size) + 0.3125rem);
  }

  .box-card-wrap .card-item{
    margin-top: clamp(0.875rem, 4.4857rem + -5.8296vw, 1.6875rem);
  }
  .box-card-wrap .card-item.even{
    margin-top: clamp(3.75rem, 4.861rem + -1.7937vw, 4rem);
  }

  .box-shap-wrap .line{
    bottom:   clamp(3.75rem, 16.25rem + -15.625vw, 8.75rem); /* clamp(-1.5625rem, -4.8437rem + 6.8359vw, 0.625rem); */
  }

  .data-box-card-row:nth-child(2) .box-shap-wrap .line{
    bottom: clamp(1.875rem, -0.9375rem + 5.8594vw, 3.75rem);
  }
  

  .box-shap-wrap .line:nth-of-type(1),
  .box-shap-wrap .line:nth-of-type(2){
    top: 100px;
    bottom: clamp(0.625rem, 15.625rem + -18.75vw, 6.625rem);
  }

  .data-box-card-row:nth-child(2) .box-shap-wrap .line:nth-of-type(1),
  .data-box-card-row:nth-child(2) .box-shap-wrap .line:nth-of-type(2){
    bottom: clamp(-0.25rem, -1.5625rem + 2.7344vw, 0.625rem);
  }

  .box-shap-wrap .line:nth-of-type(3){
    top: clamp(3.5625rem, 4.9688rem + -1.7578vw, 4.125rem);
  }
  .box-shap-wrap .line:last-child{
    top: 3.25rem /* 52px; */;
  }

  .data-box-card-row + .data-box-card-row:not(:nth-child(3)){
    margin-top: clamp(-10rem, -20.5rem + 21.875vw, -3rem);
  }
  .data-box-card-row:nth-child(3){
    margin-top: -3rem;
  }

  /* .section-scheme{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  } */

  .wireless-signal-cards .card-item{
    --padding: 1.25rem;
    --space-border: 5rem;
    max-width: 21.25rem;
  }
  .cloude-cards-group .card-item{
    --padding: 1.25rem;
    --space-border: 8.25rem;
    max-width: 18.25rem;
  }
  .card-item.border-on-left{
    padding-left: var(--padding);
    padding-bottom: 0;
  }

  .card-item.border-on-left .indecator-line{
    width: 1px;
    height: 100%;
    top: 0;
  }

  .card-item.border-gradient-to-bottom{
    --rotate: 180deg;
    padding-bottom: var(--space-border);
  }
  .card-item.border-gradient-to-top{
    --rotate: 0deg;
    padding-top: var(--space-border);
  }

  .wireless-signal-cards .card-wrap-col:not(:first-child) .card-item{
    margin-top: clamp(-7rem, -13.8879rem + 14.3498vw, -5rem);
  }

  .wireless-signal-cards .card-wrap-col:first-child{
    margin-left: 16.66666667%;
  }
  .wireless-signal-cards .card-wrap-col:nth-child(2),
  .wireless-signal-cards .card-wrap-col:nth-child(4){
    margin-left: 58.33333333%;
  }
  .wireless-signal-cards .card-wrap-col:nth-child(5){
    margin-left: 8.33333333%;
  }

  .wireless-signal-cards .card-wrap-col:nth-child(4){
    transform: translateX(clamp(-3rem, 1.4439rem + -7.1749vw, -2rem));
  }

  .cloude-cards-group .section-scheme{
    width: 51.125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: -8.5rem;
    margin-bottom: -5.6875rem;
  }

  .cloude-cards-group .card-wrap-col:nth-child(2) .card-item{
    margin-top: 6.125rem;
  }
  .cloude-cards-group .card-wrap-col:nth-child(4) .card-item{
    margin-top: 3.3125rem;
  }

  .cloude-cards-group .card-wrap-col:nth-child(5){
    margin-left: 16.66666667%;
  }
  .cloude-cards-group .card-wrap-col:nth-child(6){
    margin-left: 9%;
  }

  .cloude-cards-group .card-item.border-on-left .indecator-line .inner-indecator-line {
    --width: 9rem;
    --bg: rgba(91, 91, 91, 1);
      width: var(--width);
      height: 1px;
      background: var(--bg);
      position: absolute;
      left: 0;
  }

  .cloude-cards-group .card-item.border-on-left .indecator-line .circle{
    --size: 0.475rem;
    position: absolute;
    right: 0;
    top: calc(var(--size) * -0.5);
    width: var(--size);
    height: var(--size);
    background: var(--bg);
    border-radius: 100%;
  }

  .cloude-cards-group .card-item.border-on-left.border-gradient-to-top .indecator-line .inner-indecator-line {
      top: 0;
  }

  .cloude-cards-group .card-item.border-on-left.border-gradient-to-bottom .indecator-line .inner-indecator-line {
      bottom: 0;
  }

  .cloude-cards-group .card-wrap-col:nth-child(2) .card-item .indecator-line .inner-indecator-line{
      width: 27vw;
  }

  .cloude-cards-group .card-wrap-col:nth-child(4) .card-item .indecator-line .inner-indecator-line{
    left: calc(var(--width) * -1);
  }
  .cloude-cards-group .card-wrap-col:nth-child(4) .card-item .indecator-line .circle{
    right: auto;
    left: 0;
  }

}

/* responsive design */
@media (min-width: 992px) {
  :root {
    --overlap-area: 5rem;
  }
  .h1,
  h1 {
    font-size: clamp(3rem, 2.75rem + 1.25cqi, 3.75rem);
    line-height: clamp(3.6rem, 3.3rem + 1.5cqi, 4.5rem);
  }

  .h2,
  h2 {
    font-size: clamp(2.25rem, 2rem + 1.25cqi, 3rem);
    line-height: clamp(2.66rem, 2.3467rem + 1.5667cqi, 3.6rem);
  }

  .h3,
  h3 {
    font-size: clamp(1.75rem, 1.5rem + 1.25cqi, 2.5rem);
    line-height: clamp(2.35rem, 2.05rem + 1.5cqi, 3.25rem);
  }

  .h4,
  h4 {
    font-size: 1.5rem;
    line-height: 2.1rem;
  }

  .h5,
  h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .gap-md {
    --gap-y: 2.5rem;
    --gap-x: 2.5rem;
  }

  .gap-lg {
    --gap-y: 3.75rem;
    --gap-x: 3.75rem;
  }

  /* Common component */
  section {
    --spacing: 4rem;
    --space-subheading: 1rem;
  }

  .banner-content {
    --heading-width: 30.625rem;
  }

  .banner-content-container {
    min-height: 28rem;
  }

  .features-group {
    --item-gap: 1.75rem;
    --content-gap: 0.75rem;
    --icon-gap: 0.75rem;
    --gap-y: 1.75rem;
    --gap-x: 1.75rem;
  }

  .features-group:has(> .feature-item.border-gradient) {
    --gap-y: 1.25rem;
    --icon-gap: 1.25rem;
  }

  .feature-item {
    --padding-x: 1.25rem;
    --padding-y: 1.5rem;
  }

  .padding-sm {
    --spacing-x: 3rem;
    --spacing-y: 4rem;
  }

  .padding-md {
    --spacing-x: 3.375rem;
    --spacing-y: 4rem;
  }

  .padding-lg {
    --spacing-x: 4rem;
    --spacing-y: 4.5rem;
  }

  .padding-xl {
    --spacing-x: 4.5rem;
    --spacing-y: 5rem;
  }

  /* hero section start */
  .hero {
    --icon-size: 2.5rem;
  }
  .banner-content h1 {
    max-width: 30.625rem;
  }

  .banner-content .description {
    max-width: 19.9375rem;
  }

  .partner-logo {
    gap: 2rem 6.25rem !important;
  }

  .service-content {
    --spacing: 5rem;
    padding: var(--spacing) 0;
  }

  .main-blog-post {
    --column: 3;
  }

  .blog-text {
    --column: 1;
    --gap-x: 2rem;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-column: 3;
  }
  /* hero section end */

  /* service section start */
  .service-content {
    max-width: 52.563rem;
  }

  .service-boxe {
    --column: 2;
  }

  .service-right-boxe {
    --column: 2;
  }

  /* service section end */

  .footer-widget-row {
    --column: 4;
  }

  .statistic-item-container {
    --column: 4;
  }

  .blog-post {
    --padding-top: 2.875rem;
    --column: 2;
  }

  .card {
    --padding-toggle: 2.125rem;
  }

  /* certificate section style end */

  .navbar .container {
    --gap-x: 2.581rem;
  }

  .main-header .dropdown-menu-end .dropdown-toggle::after{
    rotate: -90deg;
  }
  .main-header .dropdown-menu-end .dropdown-menu{
    left: 100%;
    top: 0;
    margin-left: 5px;
  }
  .main-header .dropdown-menu-end .dropdown-menu::after{
   left: -0.5rem;
   top: 0.5rem;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-right:8px solid var(--bs-white, #ffffff);
   border-left: 0;
  }

  .dropdown-menu .menu-item:first-child .dropdown-item {
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
  }

  .partner {
    --padding-top: 5rem;
    --padding-right: 0;
    --padding-bottom: 5rem;
    --padding-left: 0;
  }

  .statistic-section-container {
    --padding-top: 7rem;
    --padding-right: 0;
    --padding-bottom: 7.563rem;
    --padding-left: 0;
  }

  .statistic-section .statistic-content {
    margin-bottom: 4.625rem;
  }

  .faq-content {
    --padding-top: 7.938rem;
    --padding-right: 4.125rem;
    --padding-bottom: 6.875rem;
    --padding-left: 6.063rem;
  }

  .footer-logo-social-icon {
    --padding-x: 6.563rem;
    --padding-y: 3.75rem;
    margin-bottom: 5.25rem;
    padding: var(--padding-y) var(--padding-x);
  }

  /* ====== Beginning contact page  ====== */
  .contact-gradient-circle {
    --padding-top: 4.313rem;
    --padding-bottom: 4.625rem;
    --padding-left: 6.75rem;
    --padding-right: 6.75rem;
  }

  .contact-form-content {
    --gap-y: 5rem;
  }

  .contact-form-content ul {
    --gap-y: 2rem;
  }

  .contact-gradient-circle form > *:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .information-container {
    --gap-x: 6.708rem;
    --column: 4;
  }

  .information-item:nth-child(3n + 3)::after {
    display: block;
  }

  .information-item:nth-child(4n + 4)::after {
    display: none;
  }
  /* ====== //End contact page ====== */

  /* text post section start */
  .text-post .grid {
    --column: 3;
  }

  .column-3 {
    --column: 3;
  }

  .column-4 {
    --column: 4;
  }

  /* text post section end */
  /* regular post section start */
  .regular-post .blog-post {
    --column: 3;
  }

  .regular-post .main-blog-post {
    grid-column: 2 / -1;
  }

  .blog .regular-post .main-blog-post {
    --column: 2;
  }

  /* ======== Traning Catalog page ====== */
  .traning-catalog-content-container {
    --column: 3;
  }

  .traning-catalog-course {
    grid-column: 2 / -1;
  }

  .traning-catalog-title {
    width: 100%;
    max-width: 22.5rem;
  }

  .traning-catalog-course .card .row {
    --bs-gutter-x: clamp(1.5rem, 1.2089rem + 1.4557vw, 2.9375rem);
  }
  /* ======= Career page ======= */
  .future-works-boxes {
    --column: 3;
  }

  .future-works-item:not(:last-child, :nth-child(3n + 3)):after {
    display: block;
  }

  .blocks-item {
    --spacing-y: 4.375rem;
    --spacing-x: 4.375rem;
    --box-min-height: 37.5rem;
  }

  .blocks-item:nth-child(odd) {
    padding-right: 6.75rem;
  }
  .blocks-item:nth-child(even) {
    padding-left: 6.75rem;
  }

  .value-section {
    --spacing: 6.25rem;
  }

  /* ====== Beginning Companny page =======*/
  .behind-our-name {
    position: absolute;
    right: 0.875rem;
    bottom: -4.313rem;
    width: 30rem;
  }

  .behind-our-name p {
    margin-top: 2rem;
  }

  .get-in-touch p {
    margin-top: 2rem;
  }

  /* ====== Beginning DevSecOps page =======*/
  .card-block-section .writing-mode-vlr {
    padding-top: 1rem;
  }
  .services-widget {
    --column: 3;
  }

  .pricing-plan {
    --spacing-x: 3rem;
    --spacing-y: 3rem;
  }

  .price-box {
    --column: 3;
  }

  .testimonial-content-wrapper {
    --gap-y: 19.063rem;
  }
  .testimonial-content-bottom {
    --gap-x: 2.5rem;
  }

  /* ====== Beginning Pricing page ====== */
  .pricing-content {
    --column: 3;
  }

  .contact-form-section .shape-gradient-circle.bottom-left {
    top: auto;
    bottom: 0;
  }
  .contact-form-content {
    padding-inline-end: 2rem;
  }

  .accordion {
    --heading-inner-spacing: 1.25rem;
  }
  .accordion-body {
    padding-top: 0;
  }

  /* tab cycle */
  .cycle .row {
    height: 437px;
  }
  .cycle .cycle-item {
    --bs-border-color: var(--bs-primary, #000000);
    padding-left: 1.25rem;
    max-width: 16.25rem;
    margin-top: 1rem;
    position: relative;
  }
  .shape-ellipse {
    max-width: 77%;
    display: block;
  }

  .cycle .cycle-item img {
    display: none;
  }
  .cycle .row {
    flex-wrap: nowrap;
  }
  .cycle .cycle-item {
    max-height: 190px;
  }
  .cycle-row-one .cycle-item:first-child {
    max-height: 234px;
    /* margin-top: 170px; */
    margin-top: 13.649573%;
    margin-left: 3.10283687943%;
  }
  .cycle-row-one .cycle-item:nth-child(2) {
    /* margin-top: 50px; */
    margin-top: 3.649573%;
  }
  .cycle-row-one .cycle-item:nth-child(3) {
    margin-top: 0;
    margin-right: 7.86524822695%;
  }

  .cycle-row-two .cycle-item:first-child {
    max-height: 231px;
    margin-left: 7.53546099291%;
    margin-top: 258px;
  }
  .cycle-row-two .cycle-item:nth-child(2) {
    margin-top: 238px;
  }
  .cycle-row-two .cycle-item:nth-child(3) {
    margin-top: 45px;
    margin-right: -1.5%;
  }

  .pricing-process-grid{
    --spacing-x: 1.25rem;
    --spacing-y: 1.25rem;
  }
  .pricing-process-grid .card-details{
    --space-start: 1.25rem; 
  }
  .border-lg-start{
    border-inline-start: 1px solid var(--bs-body-color);
  }

  .box-card-wrap .card-item{
    margin-top: clamp(0rem, 4.1667rem + -5.2083vw, 0.9375rem);
  }
  .box-card-wrap .card-item.even{
    margin-top: clamp(3.625rem, 4.7361rem + -1.3889vw, 3.875rem);
  }

  .wireless-signal-cards .card-wrap-col:not(:first-child) .card-item{
    margin-top: clamp(-6rem, -16.3333rem + 16.6667vw, -3rem);
  }

  .wireless-signal-cards .card-wrap-col:first-child{
    margin-left: 33.33333333%;
  }
  .wireless-signal-cards .card-wrap-col:nth-child(2),
  .wireless-signal-cards .card-wrap-col:nth-child(4){
    margin-left: 66.66666667%;
  }
  .wireless-signal-cards .card-wrap-col:nth-child(5){
    margin-left: 25%;
  }

}

@media (min-width: 1024px) {
  section {
    --spacing: 5rem;
    --space-heading: 2rem;
    --space-accent: 2.5rem;
  }
  .hero {
    --space-heading: 1.5rem;
  }
  .hero .container {
    min-height: 37.5rem;
  }

  .hero > .multi-ellipse + .container {
    min-height: 44.125rem;
  }

  .our-approach-content-wrapper {
    --spacing: 6.75rem;
    min-height: 42.5rem;
  }

  .contact-form-content {
    padding-inline-end: 3rem;
  }

  .why-tranchulas-item {
    --spacing-x: 4rem;
  }

  .container-width-wide .container {
    max-width: 73.375rem;
  }

  .container-width-narrow .container {
    max-width: 68rem;
  }

  .card-block-section .writing-mode-vlr {
    margin-left: 3rem !important;
  }

  .column-gap-clamp {
    --gap-x: clamp(3rem, 1.2917rem + 8.5417cqi, 8.125rem);
    --gap-y: clamp(3rem, 2.75rem + 1.25cqi, 3.75rem);
  }

  .external-card {
    margin-left: -2.2315rem;
  }

  .pricing-plan {
    --spacing-x: 5rem;
    --spacing-y: 5rem;
  }

  .cycle-row-one .cycle-item:nth-child(3) {
    margin-right: 9.86524822695%;
    transition-duration: 0.3s;
  }

  .cycle-row-two .cycle-item:nth-child(3) {
    margin-right: 0.7%;
    transition-duration: 0.3s;
  }

  .our-approach-content-wrapper h3 {
    max-width: 28.125rem;
  }

  .space-3xl {
    --component-spacing: 6.875rem;
    --gap-x: 6.875rem;
    --gap-y: 6.875rem;
  }
  .space-2xl {
    --component-spacing: 6rem;
    --gap-x: 6rem;
    --gap-y: 6rem;
  }
  .space-xl {
    --component-spacing: 5rem;
    --gap-x: 5rem;
    --gap-y: 5rem;
  }
  .space-lg {
    --component-spacing: 3.75rem;
    --gap-x: 3.75rem;
    --gap-y: 3.75rem;
  }
  .space-md {
    --component-spacing: 2.5rem;
    --gap-x: 2.5rem;
    --gap-y: 2.5rem;
  }
  .space-sm {
    --component-spacing: 1.25rem;
    --gap-x: 1.25rem;
    --gap-y: 1.25rem;
  }
}

@media (min-width: 1200px) {
  :root {
    --overlap-area: 10.75rem;
  }

  .card-block-section.container-width-wide .container {
    max-width: 73.375rem;
  }

  .card-block-section.container-width-narrow .container {
    max-width: 66.5rem;
  }

  .card-block-section .writing-mode-vlr {
    margin-left: 5rem !important;
  }

  .banner-content-container {
    min-height: 37.5rem;
  }

  .service-right-boxe {
    --column: 3;
  }

  .certificate-img {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .list-card-block .row {
    --bs-gutter-x: 6rem;
  }

  .contact-form-section {
    --spacing-y: 4.5rem;
    --spacing-x: 6rem;
  }

  .why-tranchulas-item {
    --spacing-x: 6rem;
  }

  .cycle {
    padding-left: max(7.7%, 1%);
  }
  .cycle-row-one .cycle-item:nth-child(3) {
    margin-right: 7.86524822695%;
  }

  .cycle-row-two .cycle-item:nth-child(3) {
    margin-right: -1.5%;
  }

  .search-box-container {
    padding-right: 3.5rem;
  }

  .padding-xl {
    --spacing-x: 7rem;
    --spacing-y: 7.5rem;
  }
  .padding-lg {
    --spacing-x: 5rem;
  }
  .padding-md,
  .padding-lg {
    --spacing-y: 6rem;
  }
  .padding-sm {
    --spacing-y: 5rem;
  }
}

@media (min-width: 1440px) {
  .double-circle-bg .shape{
    background-position: center center !important;
  }
}
@media (max-width: 991px) {

  .menu-item .nav-link{
    --bs-nav-link-padding-y: 0.25rem;
  }
  .partner-logo > img {
    max-height: 2rem;
  }

  .dropdown-toggle{
    min-width: 1.5rem;
    min-height: 1.5rem;
  }

  /* Sidebar Styles for Mobile */

  /* Show Sidebar */
  .sidebar.active {
    left: 0;
  }

  /* Close Button */
  .close-btn {
    font-size: 24px;
    border: none;
    background: none;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
  }

  /* Overlay */
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1040;
  }

  /* Show Overlay */
  #overlay.active {
    display: block;
  }

  /* Hide Desktop Navbar on Mobile */
  .navbar-collapse {
    display: none !important;
  }
  /* Sidebar Styles for Mobile */
}

@media (max-width: 767px) {
  .certificate-img {
    max-width: 28rem;
    margin-inline: auto;
  }
  .partner-logo > img {
    max-height: 2rem;
  }

  .cycle {
    display: block;
    justify-content: space-between;
  }
  .cycle .row {
    display: flex;
  }
  .pricing-process-grid{
    --column: 1;
  }
  .box-shape{
    height: clamp(7.75rem, -3rem + 53.75vw, 10.4375rem);
  }
  .wireless-signal-cards .card-item{
    padding-bottom: var(--padding);
  }

  .wireless-signal-cards .card-item .indecator-line{
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
  }

}

@media (max-width: 575px) {
  .cards-layout-container .writing-mode-vlr {
    writing-mode: unset;
  }

  .column-2,
  .column-3 {
    --column: 1;
  }

}

@media (max-width: 425px) {
  .certificate-img {
    max-width: 20rem;
  }
  .certificate-img img {
    height: 2.5rem;
  }

  .partner-logo img {
    max-height: 1.5rem;
  }

  .certification-section .border-end{
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .future-works-item:not(:nth-child(2n + 2)):last-child {
    grid-column: 1/3;
  }
}

@media screen and (min-width: 640px) and (max-width: 991px) {
  .cycle {
    display: flex;
    justify-content: space-between;
  }
  .cycle .row {
    display: block;
  }
}

/* Mobile menu specific styles */
@media (max-width: 991.98px) {
  .main-header .sidebar{
    --padding-space: 15vw;
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
  }
  #mobileSidebar .dropdown-menu {
    display: none;
    position: static !important;
    border: none;
    box-shadow: none;
    padding-left: 1rem;
    background: transparent;
    max-height: none;
    overflow: visible;
  }

  #mobileSidebar .dropdown-menu.show {
    display: block;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }

  #mobileSidebar .dropdown-toggle.show::after,
  #mobileSidebar .dropdown-toggle:hover::after {
    filter: invert(100%) sepia(10%) saturate(10000%) hue-rotate(280deg);
  }

  #mobileSidebar .dropdown-item {
    color: var(--bs-primary);
    padding: 0.5rem 1rem;
    border-bottom: none;
  }

  #mobileSidebar .dropdown-item:hover {
    background: transparent;
    color: var(--bs-red);
  }
}