@charset "UTF-8";

 
 @font-face {
    font-family: "Mark GEO CAPS SemiBold";
    src: url("../fonts/7ce520f1fcc95ee54327f3ba3b25fb44.eot");
    src: url("../fonts/7ce520f1fcc95ee54327f3ba3b25fb44.eot?#iefix")format("embedded-opentype"),
    url("../fonts/7ce520f1fcc95ee54327f3ba3b25fb44.woff2")format("woff2"),
    url("../fonts/7ce520f1fcc95ee54327f3ba3b25fb44.woff")format("woff"),
    url("../fonts/7ce520f1fcc95ee54327f3ba3b25fb44.ttf")format("truetype"),
    url("../fonts/7ce520f1fcc95ee54327f3ba3b25fb44.svg#Mark GEO CAPS SemiBold")format("svg");
}
@font-face {
    font-family: 'BPG Square Banner Caps 2013';
    src: url('../fonts/BPGSquareBannerCaps2013.woff2') format('woff2'),
        url('../fonts/BPGSquareBannerCaps2013.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
  box-sizing: border-box;
}


footer,
header,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

a {
  color: #0058c1;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

b,
strong {
  font-weight: bold;
}

code,
pre {
  font-size: var(--font-size-b3);
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: var(--color-primary);
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: var(--font-size-b3);
  margin: 10px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: var(--color-body);
  background: var(--color-lighter);
}

small {
  font-size: smaller;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dd {
  margin: 0 15px 15px;
}

dt {
  font-weight: bold;
  color: var(--color-heading);
}

menu,
ol,
ul {
  margin: 16px 0;
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

li > ul,
li > ol {
  margin: 0;
}

ol ul {
  margin-bottom: 0;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.header-logo img{
 height: 60px;
}
svg:not(:root) {
  overflow: hidden;
}

form {
  margin: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type=checkbox] {
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  padding-right: 2px;
  width: 270px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}


th,
td {
  font-weight: normal;
}

th {
  font-weight: 500;
}

td {
  border: 1px solid var(--color-border);
  padding: 7px 10px;
}

del {
  color: #333;
}

hr {
  background-size: 4px 4px;
  border: 0;
  height: 1px;
  margin: 0 0 24px;
}

table a,
table a:link,
table a:visited {
  text-decoration: underline;
}

dt {
  font-weight: bold;
  margin-bottom: 10px;
}

dd {
  margin: 0 15px 15px;
}


cite,
em {
  font-style: italic;
}

/* BlockQuote  */

q {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}


q:before,
q:after {
  content: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--color-heading);
  -webkit-transition: var(--transition-1);
  transition: var(--transition-1);
}

.container {
  max-width: 1340px;
  margin: 0 auto;
}

.container2 {
  max-width: 100%;
  padding:0;
  margin: 0 auto;
}

.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-animation: slideDown 0.4s ease;
          animation: slideDown 0.4s ease;
}

@-webkit-keyframes slideDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}
.lg-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105" !important;
}

.lg-prev:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f104" !important;
}

.lg-toolbar .lg-download:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f019" !important;
  font-size: 18px;
}

.lg-toolbar .lg-close:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d" !important;
  font-size: 18px;
}

.lg-icon.lg-zoom-in:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00e" !important;
  font-size: 18px;
}

/* Zoom out button */
.lg-icon.lg-zoom-out:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f010" !important;
  font-size: 18px;
}

/*-- Variables --*/
:root {
  --color-primary: #45d0bd;
  --color-secondary: #ef6464;
  --color-secondary-alt: #f57e7e;
  --color-content-white: #ffffff;
  --color-content-black: #002a5a;
  --color-content-black2: #333333;
  --color-heading: #111111;
  --color-surface-white: #ffffff;
  --color-surface-black: #002a5a;
  --color-surface-dark: #002a5a;
  --color-surface-dark-2: #1f1f1f;
  --color-surface-light: #f0f2f4;
  --color-surface-light-1: #ecf0f4;
  --color-surface-light-3: #f5f5f5;
  --color-body: #333333;
  --gradient-1: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  --gradient-3: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  --gradient-btn-1: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  --border-width: 2px;
  --border-width-1: 1px;
  --color-border: #d9d9d9;
  --radius-full: 100%;
  --radius-5xl: 50px;
  --radius-4xl: 40px;
  --radius-3xl: 30px;
  --radius-xxl: 25px;
  --radius-xl: 20px;
  --radius-lg: 15px;
  --radius-md: 10px;
  --radius-sm: 5px;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semibold: 600;
  --f-bold: 700;
  --f-extrabold: 800;
  --f-black: 900;
  --transition: 0.2s;
  --transition-1: all 0.3s;
  --transition-2: 256ms ease-in-out;
  --transition-3:
    transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  --transition-4: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  --transition-5: all 0.5s ease-in-out;
  --transition-6: all 0.3s linear;
  --font-primary: "BPG Square Banner Caps 2013", Arial, Helvetica, sans-serif;
  --font-secondary: "BPG Square Banner Caps 2013", Arial, Helvetica, sans-serif;
  --font-tertiary: "Manrope Alt", Sans-serif;
  --font-size-b1: 20px;
  --font-size-b2: 16px;
  --font-size-b3: 14px;
  --letter-spacing-b1: normal;
  --letter-spacing-b2: normal;
  --letter-spacing-b3: normal;
  --h1: 80px;
  --h2: 60px;
  --h3: 40px;
  --h4: 25px;
  --h5: 20px;
  --h6: 18px;
  --line-height-b1: 1.75;
  --line-height-b2: 1.875;
  --line-height-b3: 1.714;
  --line-height-h1: 1.175;
  --line-height-h2: 1.17;
  --line-height-h3: 1.175;
  --line-height-h4: 1.16;
  --line-height-h5: 1.15;
  --line-height-h6: 1.17;
  --letter-spacing-h1: normal;
  --letter-spacing-h2: normal;
  --letter-spacing-h3: normal;
  --letter-spacing-h4: normal;
  --letter-spacing-h5: normal;
  --letter-spacing-h6: normal;
  --letter-spacing-normal: normal;
  --text-shadow-1: 1px 2px 1px rgba(12, 4, 66, 0.3);
  --text-shadow-2: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
/*---------------------------------------------
                  Utilities
----------------------------------------------*/
@media only screen and (max-width: 767px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/*-------------------------------------------------------
                    Height and width 
--------------------------------------------------------*/

/*---------------------------------------------------------
                        Custom Row
----------------------------------------------------------*/

/*--------------------------------------------
        Input Placeholder
--------------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*----------------------------------------------
        text & bg-color class generate
------------------------------------------------*/

/*----------------------------------------------
        border color class generate
------------------------------------------------*/

/*----------------------------------------------
        gradient-colors
------------------------------------------------*/

/*---------------------------------------------
        font weight class generate
----------------------------------------------*/

/*---------------------------------------
        gap class generate
-----------------------------------------*/

/*-----------------------------------------
        margin decrease class generate
------------------------------------------*/

/*-----------------------------
    ibt Border Radius  
-------------------------------*/

.row.end {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}

#scrollBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 50px;
  height: 50px;
  font-size: 30px;
  text-align: center;
  line-height: 70px;
  z-index: 100;
  border: none;
  outline: none;
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);;
  color: #fff;
  cursor: pointer;
  border-radius: 15px;
  z-index: 9999999;
}
#scrollBtn i {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#scrollBtn:hover i {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/* Preloader overlay */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-content-white);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99999999;
}
#preloader img {
  width: 70px;
  height: auto;
  -webkit-animation: scalePulse 1.5s infinite ease-in-out;
          animation: scalePulse 1.5s infinite ease-in-out;
}

.preloader-wrapper {
  overflow: hidden;
}

@-webkit-keyframes scalePulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes scalePulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.video-popup {
  position: absolute;
  bottom: 22px;
  right: 73px;
  font-size: 16px;
  line-height: 26px;
  color: var(--color-content-black2);
  font-weight: 600;
  cursor: pointer;
}
.video-popup:hover {
  color: var(--color-content-black2);
}
.video-popup:hover i {
  background-color: #adadad;
}
.video-popup:hover i::after {
  border-color: transparent;
}
.video-popup i {
  position: relative;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-popup i::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 54%, calc(100% - 1px) 54%, 25% 100%, calc(25% - 0.5px) 100%, 0 100%, 0 0);
          clip-path: polygon(0 0, 100% 0, 100% 54%, calc(100% - 1px) 54%, 25% 100%, calc(25% - 0.5px) 100%, 0 100%, 0 0);
  border-radius: inherit;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  border-color: #adadad;
}

.video-modal {
  display: none;
  opacity: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  z-index: 9999999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.video-modal.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.pagination {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 70px;
}
@media (max-width: 577px) {
  .pagination {
    margin-top: 56px;
  }
}
.pagination .page-item {
  border: 0;
  margin: 0 0 0 12px;
}
.pagination .page-item .page-link {
  padding: 0 20px;
  height: 51px;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  background-color: unset;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--font-secondary);
  color: var(--color-content-black2);
  border: 0;
}
.pagination .page-item .page-link::before, .pagination .page-item .page-link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: var(--radius-lg);
  -webkit-transition: var(--transition-1);
  transition: var(--transition-1);
}
.pagination .page-item .page-link::before {
  content: "";
  position: absolute;
  padding: 1px; /* border ki width */
  border-radius: 12px;
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.pagination .page-item .page-link:hover {
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  color: var(--color-content-white);
}
.pagination .page-item .page-link.v1 i {
  font-size: 10px;
  margin-left: 13px;
}

.wrapper {
  overflow-x: clip;
}

.lg-outer {
  z-index: 9999999999 !important;
}

.lg-backdrop {
  z-index: 99999999999 !important;
  background: rgba(0, 0, 0, 0.7) !important;
}

.ibt-section-gap {
  padding-top: 50px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ibt-section-gap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ibt-section-gap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .ibt-section-gap {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.ibt-section-gapBottom {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ibt-section-gapBottom {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ibt-section-gapBottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .ibt-section-gapBottom {
    padding-bottom: 80px;
  }
}

.ibt-section-gapTop {
  padding-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ibt-section-gapTop {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ibt-section-gapTop {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .ibt-section-gapTop {
    padding-top: 80px;
  }
}

.plr--20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
/**
 * Typography
 */
* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: var(--font-secondary);
  color: var(--color-body);
  font-weight: 400;
  scroll-behavior: smooth;
  position: relative;
  overflow-y: scroll;
  scrollbar-width: thin;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
pre,
menu,
ol,
ul,
table,
hr {
  margin: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  p,
  pre,
  menu,
  ol,
  ul,
  table,
  hr {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  p,
  pre,
  menu,
  ol,
  ul,
  table,
  hr {
    margin-bottom: 12px;
  }
}

body ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
body a {
  text-decoration: none;
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  word-break: break-word;
  font-family: var(--font-primary);
  line-height: 1.4;
  color: var(--heading-text-color, #002a5a);
}

h1,
.h1 {
  font-size: var(--h1);
  line-height: var(--line-height-h1);
  letter-spacing: var(--letter-spacing-h1);
}

h2,
.h2 {
  font-size: var(--h2);
  line-height: var(--line-height-h2);
  letter-spacing: var(--letter-spacing-normal);
}

h3,
.h3 {
  font-size: var(--h3);
  line-height: var(--line-height-h3);
  letter-spacing: var(--letter-spacing-h3);
}

h4,
.h4 {
  font-size: var(--h4);
  line-height: var(--line-height-h4);
  letter-spacing: var(--letter-spacing-h4);
}

h5,
.h5 {
  font-size: var(--h5);
  line-height: var(--line-height-h5);
  letter-spacing: var(--letter-spacing-h5);
}

h6,
.h6 {
  font-size: var(--h6);
  line-height: var(--line-height-h6);
  letter-spacing: var(--letter-spacing-h6);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  h1,
  .h1 {
    font-size: var(--h2);
  }
  h2,
  .h2 {
    font-size: var(--h3);
  }
  h3,
  .h3 {
    font-size: var(--h4);
  }
  h4,
  .h4 {
    font-size: var(--h5);
  }
  h5,
  .h5 {
    font-size: var(--h6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1,
  .h1 {
    font-size: var(--h3);
  }
  h2,
  .h2 {
    font-size: var(--h4);
  }
  h3,
  .h3 {
    font-size: var(--h5);
  }
  h4,
  .h4 {
    font-size: var(--h6);
  }
  h5,
  .h5,
  h6,
  .h6 {
    font-size: var(--font-size-b1);
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: var(--h3);
  }
  h2,
  .h2 {
    font-size: var(--h4);
  }
  h3,
  .h3 {
    font-size: var(--h5);
  }
  h4,
  .h4 {
    font-size: var(--h6);
  }
  h5,
  .h5 {
    font-size: var(--font-size-b1);
  }
  h6,
  .h6 {
    font-size: var(--font-size-b2);
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: var(--f-semibold);
}

h4,
.h4,
h5,
.h5 {
  font-weight: var(--f-semibold);
}

h6,
.h6 {
  font-weight: var(--f-semibold);
}

p {
  font-size: var(--font-size-b2);
  font-family: var(--font-secondary);
  line-height: 1.7;
  margin-bottom: 30px;
  font-weight: var(--f-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  p {
    font-size: 16px;
  }
}
p:last-child {
  margin-bottom: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
  width: 100%;
}

table a,
table a:link,
table a:visited {
  text-decoration: none;
}

cite {
  color: var(--heading-color);
}

/*---------------------------
      List Style 
---------------------------*/
ul,
ol {
  padding-left: 18px;
}

li {
  position: relative;
}

li::marker {
  color: var(--color-body);
}

ul {
  list-style: disc;
  margin-bottom: 30px;
  padding-left: 20px;
}
ul li {
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--color-body);
}
ul li a {
  text-decoration: none;
}
ul li a:hover {
  color: var(--color-primary);
}
ul ul {
  margin-bottom: 0;
}

ol {
  margin-bottom: 30px;
}
ol li {
  color: var(--color-body);
  margin-top: 10px;
  margin-bottom: 10px;
}
ol li a {
  color: var(--heading-color);
  text-decoration: none;
}
ol li a:hover {
  color: var(--color-primary);
}
ol ul {
  padding-left: 30px;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
/* ========= Forms Styles ========= */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

input,
select,
textarea {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

input {
  height: 40px;
  padding: 0 15px;
}

select {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 50px;
  display: inline-block;
  width: 100%;
  line-height: 135%;
  padding: 10px 20px;
  outline: none;
  color: var(--color-gray-6);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: var(--f-regular);
  padding-right: 30px;
}
select:focus {
  border-color: var(--color-primary) !important;
}
select {
  /* -- Remove Autofill Background -- */
}
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: var(--color-body) !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
  font-size: 16px;
  font-family: var(--font-primary);
  font-weight: var(--f-regular);
  height: 50px;
  line-height: 1.75;
  background: transparent;
  box-shadow: none;
  padding: 0 15px;
  outline: none;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-body);
  /* -- Placeholder -- */
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--color-body);
  opacity: 1;
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-body);
  opacity: 1;
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--color-body);
  opacity: 1;
}
input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--color-body);
  opacity: 1;
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder {
  color: var(--color-body);
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--color-body);
  opacity: 1;
}
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--color-body);
  opacity: 1;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
  border-color: var(--color-primary) !important;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
  /* -- Remove Autofill Background -- */
}
input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active,
input[type=password]:-webkit-autofill,
input[type=password]:-webkit-autofill:hover,
input[type=password]:-webkit-autofill:focus,
input[type=password]:-webkit-autofill:active,
input[type=email]:-webkit-autofill,
input[type=email]:-webkit-autofill:hover,
input[type=email]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:active,
input[type=number]:-webkit-autofill,
input[type=number]:-webkit-autofill:hover,
input[type=number]:-webkit-autofill:focus,
input[type=number]:-webkit-autofill:active,
input[type=tel]:-webkit-autofill,
input[type=tel]:-webkit-autofill:hover,
input[type=tel]:-webkit-autofill:focus,
input[type=tel]:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: var(--color-body) !important;
}

input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
input[type=checkbox] ~ label {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: var(--color-body);
  font-weight: 400;
  padding-left: 25px;
  cursor: pointer;
  margin-bottom: 0;
}
input[type=checkbox] ~ label::before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: var(--border-width-1) solid var(--color-border);
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input[type=checkbox] ~ label::after {
  content: " ";
  position: absolute;
  top: 9px;
  left: 3px;
  width: 10px;
  height: 5px;
  background-color: transparent;
  border-bottom: var(--border-width) solid #fff;
  border-left: var(--border-width) solid #fff;
  border-radius: 2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input[type=checkbox]:checked ~ label::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
input[type=checkbox]:checked ~ label::after {
  opacity: 1;
  border-color: var(--color-content-white);
}

input[type=submit] {
  width: auto;
  letter-spacing: 2px;
  padding: 15px 20px;
  border-radius: 6px;
  display: block;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: var(--border-width) solid var(--color-primary);
  background: var(--color-primary);
  color: #ffffff;
  height: 60px;
  margin-top: 30px;
}
input[type=submit]:hover {
  color: #ffffff;
  box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
.sec-title {
  position: relative;
  margin-bottom: 45px;
  overflow: hidden;
}
.sec-title .sub-title {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-content-black2);
  margin-bottom: 5px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px;
}
.sec-title .sub-title::before {
  content: "[";
  position: absolute;
  top: 0;
  left: 0;
}
.sec-title .sub-title::after {
  content: "]";
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1440px) {
  .sec-title .sub-title {
    margin-bottom: 15px;
  }
}
.sec-title .title {
  font-size: 40px;
  line-height: 60px;
  font-weight: 400;
  margin-bottom: 0;
  letter-spacing: -0.05em;
  display: block;
}
@media (max-width: 1201px) {
  .sec-title .title {
    font-size: 45px;
    line-height: 50px;
  }
}
@media (max-width: 1025px) {
  .sec-title .title {
    font-size: 50px;
    line-height: 55px;
  }
}
@media (max-width: 769px) {
  .sec-title .title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 577px) {
  .sec-title .title {
    font-size: 32px;
    line-height: 1.1em;
  }
}
.sec-title p {
  font-weight: 700;
  line-height: 30px;
  font-size: 16px;
  color: var(--color-content-black2);
  margin: 30px 0 0;
  letter-spacing: 0;
}

.sec-title.white .sub-title,
.sec-title.white .title,
.sec-title.white p,
.sec-title.white a {
  color: var(--color-content-white);
}

.title.animated-heading .word {
  display: inline-block;
  white-space: nowrap;
}

.title.animated-heading .letter {
  display: inline-block;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
#themeBtn {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  font-size: 25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: #1a1a1a;
  color: var(--color-content-white);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  border: 0;
  outline: none;
  display: inline-block;
  z-index: 99999;
  padding: 0;
}

.active-btn {
  background-color: var(--color-content-white) !important;
}
.active-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../images/icon/sun.svg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.active-btn i {
  opacity: 0;
  visibility: hidden;
}
.active-body {
  background-color: var(--color-surface-dark-2);
}
.active-body p,
.active-body h1,
.active-body h2,
.active-body h3,
.active-body h4,
.active-body h5,
.active-body h6,
.active-body li {
  color: var(--color-content-white) !important;
}
.active-body #preloader {
  background-color: var(--color-surface-dark-2);
}
.active-body #preloader img {
  -webkit-filter: brightness(9) !important;
          filter: brightness(9) !important;
}
.active-body .sec-title span {
  color: var(--color-content-white);
}
.active-body .sec-title span::before, .active-body .sec-title span::after {
  color: var(--color-content-white);
}
.active-body ul li::before {
  background-color: var(--color-content-white);
}
.active-body .sticky-active.is-sticky {
  background-color: #1a1a1a;
}
.active-body .sticky-active.is-sticky .header-menu-area {
  background-color: unset;
}
.active-body .sticky-active.is-sticky a {
  color: var(--color-content-white);
}
.active-body .sticky-active.is-sticky .menu-style1 > ul > li > a {
  color: var(--color-content-white);
}
.active-body .sticky-active.is-sticky .menu-style1 > ul > li > a:hover {
  background-color: var(--color-surface-dark-2);
}
.active-body .sticky-active.is-sticky .menu-style1 > ul > li > a::before {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}
.active-body .sticky-active.is-sticky .menu-style1 > ul > li > .active {
  background-color: var(--color-surface-dark-2);
}
.active-body .sticky-active.is-sticky .header-logo a img {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}
.active-body .sticky-active {
  background-color: #1a1a1a;
}
.active-body .sticky-active .header-menu-area {
  background-color: unset;
}
@media (max-width: 1201px) {
  
  .active-body .vs-header6 {
    background-color: var(--color-surface-dark-2);
  }
}

.active-body .vs-header6 .header-menu-area {
  background-color: unset;
  border-color: #454545;
}
@media (max-width: 1201px) {
  
  .active-body .vs-header6 .header-menu-area {
    background-color: unset;
  }
}

.active-body .vs-header6 .header-top-content4 {
  border-color: #454545;
}

.active-body .vs-header6 .header-logo img {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}

.active-body .vs-header6 a {
  color: var(--color-content-white);
}

.active-body .vs-header6 .menu-style1 > ul > li > a {
  color: var(--color-content-white);
}

.active-body .vs-header6 .menu-style1 > ul > li > a:hover {
  background-color: var(--color-surface-dark-2);
}

.active-body .vs-header6 .menu-style1 > ul > li > a::before {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}

.active-body .vs-header6 .menu-style1 > ul > li > .active {
  background-color: var(--color-surface-dark-2);
}
.active-body .vs-header6 {
  background-color: #1a1a1a;
  border-radius: 14px;
}
@media (max-width: 1201px) {
  .active-body .vs-header6 {
    background-color: var(--color-surface-dark-2);
    border-radius: 0;
  }
}

.active-body .testi-slider,
.active-body .hero-sec-info3,
.active-body .hero-style6 {
  background-color: #1a1a1a;
}
.active-body .exp-box p {
  color: var(--color-surface-dark-2) !important;
}
.active-body .swiper.brand img,
.active-body .swiper.brand2 img {
  -webkit-filter: brightness(4);
          filter: brightness(4);
}
.active-body .ser-card.v3 .title a {
  color: var(--heading-text-color, #002a5a) !important;
}
.active-body .ser-card::before {
  background-image: url(../images/service/ser-layer-dark.png);
}
.active-body .ser-btn {
  background-color: var(--color-heading);
}
.active-body .slider-btn .swiper-button-next::before,
.active-body .slider-btn .swiper-button-prev::before {
  color: var(--color-content-white);
}
.active-body .slider-btn5 .swiper-button-next::before,
.active-body .slider-btn5 .swiper-button-prev::before {
  color: var(--color-content-white);
}
.active-body .custom-form h2 {
  color: var(--heading-text-color, #002a5a) !important;
}

.active-body .shop-img::before {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.active-body .ibt-btn.ibt-btn-outline,
.active-body .video-popup {
  color: var(--color-content-white) !important;
}
.active-body .custom-form .ibt-btn.ibt-btn-outline {
  color: var(--color-body) !important;
}
.active-body .custom-form .ibt-btn.ibt-btn-outline:hover {
  color: var(--color-content-white) !important;
}
.active-body .slider-btn2 .swiper-button-next::before,
.active-body .slider-btn2 .swiper-button-prev::before {
  color: var(--color-content-white);
}
.active-body .rating li {
  color: #fac12e !important;
}
.active-body .footer-style4 {
  background-color: var(--color-surface-dark-2);
}
.active-body .ser-card14-card2 {
  border-color: var(--color-content-black2);
}
.active-body .feature-img8 .title {
  color: transparent !important;
}
.active-body .custom-form4 .form-group button {
  color: var(--color-content-white);
}
.active-body .ser-widget {
  background-color: #1a1a1a;
}
.active-body .ser-widget a:hover {
  color: var(--color-content-white);
}
.active-body .ser-widget a:hover::before {
  color: var(--color-content-white);
}
.active-body .contact-form3 {
  background-color: var(--color-content-black2);
}

.active-body .contact-form3 {
  background-color: #1a1a1a;
}
.active-body .pagination .page-item .page-link {
  color: var(--color-content-white);
}
.active-body .cart-table th {
  color: var(--color-content-white) !important;
}
.active-body .call-center2 .nmbr,
.active-body .call-center2 .gmail {
  color: var(--color-content-white);
}
.active-body .contact-sec2::after {
  -webkit-filter: brightness(0.2);
          filter: brightness(0.2);
}
.active-body .social-icon li a {
  color: var(--color-content-white) !important;
}
.active-body .shop-content {
  border-color: var(--color-content-black2);
}
.active-body .shop-content .title a:hover {
  color: var(--color-content-white);
}
.active-body .price-values #min-value,
.active-body .price-values #max-value {
  color: var(--color-content-white);
}
.active-body .filter-box button {
  background-color: var(--color-content-black2) !important;
}
.active-body .show-now {
  background-color: var(--color-content-black2);
}
.active-body .border-outer {
  border-color: var(--color-content-white) !important;
}

.active-body .shop-shap {
  background-color: var(--color-surface-dark-2);
}

.active-body .shop-shap::before {
  background-image: url(../images/layers/corner3-dark.png);
}

.active-body .shop-shap::after {
  background-image: url(../images/layers/corner3-dark3.png);
}
.active-body .empty4 {
  background-color: var(--color-surface-dark-2);
}
.active-body .empty4::before {
  background-image: url(../images/layers/corner3-dark.png);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.active-body .empty4::after {
  background-image: url(../images/layers/corner3-dark.png);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.active-body .custom-form4 input,
.active-body .custom-form4 select,
.active-body .custom-form4 textarea {
  background-color: var(--color-surface-dark-2);
  border-color: #434343;
}
.active-body .shop-sec::before {
  display: none;
}
.active-body .hamburger span {
  background-color: var(--color-content-white);
}
.active-body .side-menu2 {
  background-color: #1a1a1a;
  border-color: #454545;
}
.active-body .side-menu2 ul {
  border-color: #454545;
}
.active-body .side-menu2 ul li a {
  color: var(--color-content-white);
}
.active-body .side-menu2 .close-btn::before {
  color: var(--color-content-white) !important;
}
.active-body .side-menu2 .popup-search {
  color: var(--color-content-white);
}
.active-body .side-menu2 .menu-contact span,
.active-body .side-menu2 .menu-contact a,
.active-body .side-menu2 .menu-links span,
.active-body .side-menu2 .menu-links a {
  color: var(--color-content-white);
}
.active-body .search-popup-content {
  background-color: #1a1a1a;
}
.active-body .search-popup-content .close-popup::before {
  color: var(--color-content-white);
}
.active-body .search-popup input {
  color: var(--color-content-white);
}
.active-body .search-popup input::-webkit-input-placeholder {
  color: var(--color-content-white);
}
.active-body .search-popup input::-moz-placeholder {
  color: var(--color-content-white);
}
.active-body .search-popup input:-ms-input-placeholder {
  color: var(--color-content-white);
}
.active-body .search-popup input::-ms-input-placeholder {
  color: var(--color-content-white);
}
.active-body .search-popup input::placeholder {
  color: var(--color-content-white);
}
.active-body .search-popup button {
  color: var(--color-content-white) !important;
}
.active-body .video-popup i::after {
  border-color: #434343;
}
.active-body .video-popup:hover i {
  background-color: #434343;
}
.active-body .darkModeTriggerImg2 {
  display: inline-block;
}
.active-body .darkModeTriggerImg {
  display: none;
}
.active-body .menu-toggle::before, .active-body .menu-toggle:after {
  color: var(--color-content-white) !important;
}
.active-body .custom-form4 .password {
  color: var(--color-content-white);
}
.active-body .side-bar2.active {
  background: #1f1f1f;
}
.active-body input[type=text],
.active-body input[type=password],
.active-body input[type=email],
.active-body input[type=number],
.active-body input[type=tel],
.active-body textarea {
  color: var(--color-content-white);
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
/*------------------------------
    Popup Menu Styles  
--------------------------------*/

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 0;
}

.overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: -1;
}

.close-btn {
  position: absolute;
  top: 48px;
  right: -69px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: right;
  margin-bottom: 0;
  text-transform: capitalize;
  -webkit-transform: rotate(88deg);
      -ms-transform: rotate(88deg);
          transform: rotate(88deg);
}
.close-btn i {
  font-size: 14px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.close-btn:hover {
  color: var(--color-content-white);
}
.close-btn:hover i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.side-menu2 {
  position: fixed;
  top: 0;
  right: -323px;
  width: 312px;
  height: 100%;
  padding: 20px 40px;
  background: var(--color-content-white);
  color: #333;
  border: 1px solid #cacaca;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 111111111;
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}
.side-menu2 > ul {
  padding: 76px 0 35px;
  border-bottom: 1px solid #cacaca;
}
.side-menu2 > ul > li {
  margin: 5px;
}
.side-menu2 > ul > li:last-child a::before {
  display: none;
}
.side-menu2 > ul > li > a {
  position: relative;
  display: block;
  height: 29px;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-secondary);
  line-height: 29px;
  text-decoration: none;
  color: #333;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.side-menu2 > ul > li > a::before {
  content: "\e82b" !important;
  position: absolute;
  right: 0;
  font: 400 normal 5px/20px "fontello";
  line-height: inherit;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: inherit;
  background: transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.side-menu2 > ul > li > a:hover {
  color: #0058c1;
}
.side-menu2 > ul > li.active > a {
  color: #0058c1;
}
.side-menu2 > ul > li.active > a::before {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.side-menu2 > ul > li.active > ul {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
/* ნებისმიერი სიღრმის ქვემენიუ (3-დონიანი კატეგორიები) */
.side-menu2 ul li.active > ul {
  opacity: 1;
  visibility: visible;
  height: auto;
}

/* შაბლონის პატარა ნიშანი ყველა ზედა პუნქტს ადევს — ისეთსაც, რომელსაც
   ქვეკატეგორია არ აქვს. ვთიშავთ და ერთიან ნიშანს ვხატავთ მხოლოდ იქ,
   სადაც ქვემენიუა (.menu-parent). */
.side-menu2 > ul > li > a::before { content: none !important; }

.side-menu2 a.menu-parent {
  cursor: pointer;
  position: relative;
  padding-right: 22px;
}
/* CSS-ით დახატული ისარი — შრიფტზე დამოკიდებული არაა */
.side-menu2 a.menu-parent::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-70%) rotate(45deg);
  transition: transform .25s ease;
  opacity: .75;
}
.side-menu2 li.active > a.menu-parent::after {
  transform: translateY(-30%) rotate(-135deg);
  opacity: 1;
}
.side-menu2 > ul ul {
  padding: 0px 0 0 20px;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.side-menu2 > ul ul li {
  margin: 0;
}
.side-menu2 > ul ul li a {
  position: relative;
  display: block;
  height: 34px;
  margin-bottom: 5px;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font-secondary);
  line-height: 19px;
  text-transform: capitalize;
  text-decoration: none;
  color: #333;
  -webkit-transition: color 0.2s, background 0.2s;
  transition: color 0.2s, background 0.2s;
}
.side-menu2 > ul ul li a:hover {
  color: #0058c1;
}
.side-menu2 > ul ul .active .active {
  color: #0058c1;
}
.side-menu2 .sub-menu {
  position: relative;
}
.side-menu2 .sub-menu::before {
  content: "\e82b" !important;
  position: absolute;
  right: 0;
  top: 14px;
  font: 400 normal 5px/20px "fontello";
  line-height: inherit;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: inherit;
  background: transparent;
}
.side-menu2 .sub-menu ul {
  opacity: 0;
  visibility: hidden;
  height: 0;
  padding: 7px 0 0 42px;
}
.side-menu2 .sub-menu.active > a {
  color: var(--color-primary);
}
.side-menu2 .sub-menu.active::before {
  color: var(--color-primary);
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.side-menu2 .sub-menu.active ul {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

.side-menu2.active {
  right: 0;
}

.menu-btns {
  position: absolute;
  top: 27px;
  right: 39px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99;
}
.menu-btns .popup-search {
  margin-right: 17px;
  display: inline-block !important;
}
.menu-btns .search-popup {
  background: unset !important;
}

#mobileCloseBtn2 {
  position: relative;
  top: 0;
  right: 0;
  background-color: unset;
  border: 0;
  outline: none;
  padding: 0;
}
#mobileCloseBtn2::before {
  content: "\e803";
  font: 400 normal 18px/20px "fontello";
  color: var(--color-content-black2);
}

.menu-contact {
  padding-top: 40px;
}
.menu-contact span {
  color: #958c8c;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: var(--font-secondary);
  display: block;
}
.menu-contact .nmbr {
  color: var(--color-content-black2);
  font-size: 15px;
  line-height: 1.875em;
  font-weight: 600;
  display: block;
  margin-bottom: 17px;
}
.menu-contact .gmail {
  font-size: 15px;
  line-height: 1.875em;
  font-weight: 600;
  text-decoration: underline;
  color: var(--color-content-black2);
  display: inline-block;
}

.menu-links {
  padding-top: 36px;
}
.menu-links > span {
  color: #958c8c;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: var(--font-secondary);
  display: block;
}
.menu-links .social-icon {
  margin-bottom: 44px;
}
.menu-links .social-icon li {
  margin: 0 15px 0 0;
}
.menu-links .social-icon li a {
  color: var(--color-content-black2);
}
.menu-links .social-icon li a:hover {
  color: var(--color-primary);
}

.side-menu2::-webkit-scrollbar {
  width: 5px;
}

.side-menu2::-webkit-scrollbar-thumb {
  background: #c0c0c0;
}

.side-menu2::-webkit-scrollbar-track {
  background: transparent;
}

.hamburger {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5px;
  border: 0;
  outline: none !important;
  padding: 0;
  background-color: unset;
  display: none;
}
@media (max-width: 1201px) {
  .hamburger {
    display: inline-block;
  }
}
.hamburger span {
  display: block;
  width: 26px;
  height: 2px;
  cursor: pointer;
  text-align: center;
  background: var(--color-content-black2);
  margin-bottom: 4px;
}
.hamburger span:last-child {
  margin-bottom: 0;
  width: 10px;
  margin-left: auto;
}

.overlay2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1111;
  display: none;
}

.overlay2.active {
  display: block;
}

.hamburger3 {
  position: relative;
  border: 0;
  outline: none !important;
  padding: 0;
  background-color: unset;
  cursor: pointer;
  padding: 3px;
}
.hamburger3:hover span:last-child {
  width: 10px;
}
.hamburger3 span {
  display: block;
  width: 26px;
  height: 2px;
  cursor: pointer;
  text-align: center;
  background: var(--color-content-white);
  margin-bottom: 4px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.hamburger3 span:last-child {
  margin-bottom: 0;
  margin-left: auto;
}

.overlay3 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 15px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  padding: 0 71px 0 0;
  -webkit-transition: opacity linear 0.3s, visibility linear 0.3s;
  transition: opacity linear 0.3s, visibility linear 0.3s;
  z-index: 998;
}
.overlay3.active {
  opacity: 1;
  visibility: visible;
}

.side-menu3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 1812px;
  height: 100%;
  background: var(--color-surface-dark-2);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 999999999;
  border-radius: 25px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity linear 0.3s, visibility linear 0.3s;
  transition: opacity linear 0.3s, visibility linear 0.3s;
}
.side-menu3.active {
  opacity: 1;
  visibility: visible;
}
.side-menu3::before {
  content: "";
  position: absolute;
  top: 0;
  right: -70px;
  width: 70px;
  border-radius: 25px;
  height: 100%;
  background-image: url(../images/bg/sidepanel-close-bg-min.png);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity linear 0.3s, visibility linear 0.3s;
  transition: opacity linear 0.3s, visibility linear 0.3s;
  z-index: 10000000000000000;
}
.side-menu3.active::before {
  opacity: 1;
  visibility: visible;
}
.side-menu3 .close-btn {
  position: absolute;
  top: 48px;
  right: -69px;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: right;
  margin-bottom: 0;
  text-transform: capitalize;
  -webkit-transform: rotate(88deg);
      -ms-transform: rotate(88deg);
          transform: rotate(88deg);
  z-index: 10000000000000000;
}
.side-menu3 .close-btn i {
  font-size: 14px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.side-menu3 .close-btn:hover {
  color: var(--color-content-white);
}
.side-menu3 .close-btn:hover i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.side-menu3.active .menu-left > ul > li {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.side-menu3.active .menu-left > ul > li:nth-child(1) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.side-menu3.active .menu-left > ul > li:nth-child(2) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.side-menu3.active .menu-left > ul > li:nth-child(3) {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}
.side-menu3.active .menu-left > ul > li:nth-child(4) {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}
.side-menu3.active .menu-left > ul > li:nth-child(5) {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}
.side-menu3.active .menu-left > ul > li:nth-child(6) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}
.side-menu3.active .menu-left > ul > li:nth-child(7) {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.header-menu-area {
  position: relative;
  background-color: #FFFFFF;
  border-bottom: 1.5px solid #e3e8ef;
  border-radius: 0;
  padding: 18px 28px 18px 37px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 18px;
}
@media (max-width: 1201px) {
  .header-menu-area {
    padding: 12px 4px 15px;
    margin-top: 0;
    border: 0;
    background-color: unset;
  }
}

.header-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-logo .menu-toggle {
  position: relative;
  margin-right: 64px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.header-logo .menu-toggle::before {
  content: "\e82a";
  position: absolute;
  left: 50%;
  right: initial;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 20px;
  line-height: 1em;
  text-align: center;
  font-family: "fontello";
  font-weight: 400;
  cursor: pointer;
  color: #333333;
}
.header-logo .menu-toggle::after {
  content: "\e82e";
  opacity: 0;
  position: absolute;
  left: 50%;
  right: initial;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 20px;
  line-height: 1em;
  text-align: center;
  font-family: "fontello";
  font-weight: 400;
  cursor: pointer;
  color: #333333;
}
.header-logo .menu-toggle:hover::before {
  opacity: 0;
}
.header-logo .menu-toggle:hover::after {
  opacity: 1;
}
@media (max-width: 1366px) {
  .header-logo .menu-toggle {
    margin-right: 33px;
  }
}
@media (max-width: 1201px) {
  .header-logo .menu-toggle {
    display: none;
  }
}
.header-logo .logo {
  display: none;
}
@media (max-width: 1201px) {
  .header-logo .logo {
    display: inline-block;
  }
}

.menu-toggle.v2::before, .menu-toggle.v2::after {
  color: var(--color-content-white);
}

.menu-style1 {
  margin-left: 24px;
}
@media (max-width: 1201px) {
  .menu-style1 {
    display: none;
  }
}
.menu-style1 > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-style1 > ul > li {
  padding: 12px 0;
  margin: 0 2px 0 0;
}
.menu-style1 > ul > li:last-child a {
  padding: 0 24px;
}
.menu-style1 > ul > li:last-child a::before {
  display: none;
}
.menu-style1 > ul > li > a {
  font-family: "BPG Square Banner Caps 2013";
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
  color: var(--color-content-black2);
  padding: 0 32px 0 32px;
  height: 40px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-style1 .sub::before {
  content: "";
  position: absolute;
  bottom: 15px;
  right: 21px;
  width: 6.63px;
  height: 6.97px;
  background-image: url(../images/icon/arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  background-color: unset !important;
}
.menu-style1 > ul > li > a span {
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.menu-style1 > ul > li > a:hover {
  background: #f0f2f4;
}
.menu-style1 > ul > li > .active {
  background-color:#ecf0f4;
  color: var(--heading-text-color, #002a5a);
}

.menu-style1 > ul > li > .active:hover {
  background-color: #ecf0f4;
}

.popup-search {
  position: relative;
  color: var(--color-content-black2);
  font-size: 17px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 30px;
}
@media (max-width: 1201px) {
  .popup-search {
    display: none;
  }
}
.popup-search:hover {
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1201px) {
  .btn-box .ibt-btn {
    display: none;
  }
}

.sticky-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: var(--color-content-white);
  border-radius: 0;
  -webkit-transition: box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  will-change: transform;
  z-index: 99999;
  margin: 0;
}
@media (max-width: 1201px) {
  .sticky-active {
    margin: 0;
    padding: 0 16px 0 20px;
    border-radius: 0;
  }
}
.sticky-active .header-menu-area {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 1;
  -webkit-transition: -webkit-transform 0.45s ease-in-out;
  transition: -webkit-transform 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  margin-top: 0;
  border: 0;
}

.sticky-active.is-sticky {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}
.sticky-active.is-sticky .header-menu-area {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.sticky-active:not(.is-sticky) .header-menu-area {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.sticky-active:not(.is-sticky) {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease, visibility 0.4s ease;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  z-index: 111111;
}
.search-popup button[type=submit] {
  background-color: unset;
  color: var(--color-content-black2);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  outline: none;
  padding: 0;
  font-size: 22px;
}
.search-popup button[type=submit]:hover {
  background: -webkit-linear-gradient(top, #49a747, #1565c0);
  background: linear-gradient(to bottom, #49a747, #1565c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.search-popup input {
  width: 100%;
  padding: 0;
  padding: 0 0 0 60px;
  height: 25px;
  line-height: 25px;
  border: 0;
  border-radius: 6px;
  margin-right: 10px;
  font-size: 16px;
  font-family: var(--font-secondary);
  text-transform: capitalize;
  color: #919191;
}
.search-popup input::-webkit-input-placeholder {
  color: #919191;
}
.search-popup input::-moz-placeholder {
  color: #919191;
}
.search-popup input:-ms-input-placeholder {
  color: #919191;
}
.search-popup input::-ms-input-placeholder {
  color: #919191;
}
.search-popup input::placeholder {
  color: #919191;
}
@media (max-width: 390px) {
  .search-popup input {
    padding: 0 0 0 30px;
  }
}

.search-popup.active {
  opacity: 1;
  visibility: visible;
  z-index: 9999999999;
}

.search-popup-content {
  padding: 35px 100px 34px 48px;
  width: 100%;
  z-index: 9999;
  background-color: var(--color-content-white);
  opacity: 0;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.search-popup-content form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-popup.active .search-popup-content {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
}

.close-popup {
  position: absolute;
  top: 38px;
  right: 35px;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none !important;
}
.close-popup::before {
  content: "\e803";
  font: 400 normal 16px/16px "fontello";
  color: var(--color-content-black2);
  font-size: 20px;
}

.close-popup:hover {
  background: -webkit-linear-gradient(top, #49a747, #1565c0);
  background: linear-gradient(to bottom, #49a747, #1565c0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.darkModeTriggerImg2 {
  display: none;
}

.sticky-active.is-sticky.v3 {
  background-color: #1a1a1a;
}
.sticky-active.is-sticky.v3 .header-menu-area {
  background-color: #1a1a1a !important;
}
.sticky-active.is-sticky.v3 a {
  color: var(--color-content-white);
}
.sticky-active.is-sticky.v3 .menu-style1 > ul > li > a {
  color: var(--color-content-white);
}
.sticky-active.is-sticky.v3 .menu-style1 > ul > li > a:hover {
  background-color: var(--color-surface-dark-2);
}
.sticky-active.is-sticky.v3 .menu-style1 > ul > li > a::before {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}
.sticky-active.is-sticky.v3 .menu-style1 > ul > li > .active {
  background-color: var(--color-surface-dark-2);
}
.sticky-active.is-sticky.v3 .header-logo a img {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}

.sticky-active.v3 {
  background-color: #1a1a1a;
}
.sticky-active.v3 .header-menu-area {
  background-color: unset;
  padding: 10px 23px 15px 23px;
}
@media (max-width: 1201px) {
  .sticky-active.v3 .header-menu-area {
    padding-left: 0;
  }
}
.sticky-active.v3 .hamburger span {
  background-color: var(--color-content-white) !important;
}

.header-top4 {
  position: relative;
  background: #fff;
  border-bottom: 1.5px solid #e3e8ef;
  padding: 0 20px;
}
@media (max-width: 1201px) {
  .header-top4 {
    display: none;
  }
}

.header-top-content4 {
  position: relative;
  border: 1px solid #E0E0E0;
  border-radius:0;
  padding: 6px 0 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin:0;
}

.top-bar-contacts {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-bar-contacts li {
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  font-family: var(--font-secondary);
  margin: 0 45px 0 0;
}
.top-bar-contacts li:last-child {
  margin-right: 0;
}
.top-bar-contacts li span {
  color: #919191;
}
.top-bar-contacts li a {
  color: var(--color-heading);
}

.top-bar-socials {
  position: relative;
  margin-top: -4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-bar-socials li:first-child {
  margin-right: 15px;
}
.top-bar-socials li:last-child {
  margin-right: 0;
}
.top-bar-socials li {
  margin: 0 15px 0 0;
}
.top-bar-socials li span {
  color: #919191;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
  font-family: var(--font-secondary);
}
.top-bar-socials li a {
  font-size: 12px;
  line-height: 22px;
  color: var(--heading-text-color, #002a5a);
}

.vs-header6 {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  overflow-x: clip;
  overflow-y: visible;
}
@media (max-width: 1201px) {
  .vs-header6 {
    background-color: var(--color-content-white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  }
}
.vs-header6 .header-top-content4 {
  background: #fff;
  border:0;
  margin-top: 0;
}
.vs-header6 .header-top-content4 .top-bar-contacts li a,
.vs-header6 .header-top-content4 .top-bar-socials li a {
  color:var(--heading-text-color, #002a5a);
}

.header-bottom2 {
  margin-top: 0;
}
@media (max-width: 1201px) {
  .header-bottom2 {
    margin-top: 0;
  }
}

.sticky-active.v2 {
  background-color: var(--color-heading);
}
@media (max-width: 1201px) {
  .sticky-active.v2 .btn-box {
    display: none;
  }
}
.sticky-active.v2 .popup-search {
  margin: 0 80px 0 82px;
  color: var(--color-content-white);
}
.sticky-active.v2 .hamburger span {
  background-color: var(--color-content-white);
}

.side-menu2.v2 {
  background-color: var(--color-heading);
  border: 0;
}
.side-menu2.v2 ul {
  border: 0;
  padding: 76px 0 40px;
}
.side-menu2.v2 ul li {
  margin-bottom: 10px;
}
.side-menu2.v2 ul li a {
  color: var(--color-content-white);
}
.side-menu2.v2 ul li a::before {
  display: none;
}
.side-menu2.v2 .ibt-btn {
  color: var(--color-content-white);
}
.side-menu2.v2 .close-btn::before {
  color: var(--color-content-white) !important;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.widget-area {
  position: relative;
  z-index: 99;
}

.widget-title {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--color-content-white);
  margin-bottom: 12px;
  font-family: var(--font-secondary);
}

.footer-links {
  position: relative;
  width: 221px;
}
@media (max-width: 1201px) {
  .footer-links {
    width: 168px;
  }
}
@media (max-width: 1025px) {
  .footer-links {
    width: 226px;
  }
}
@media (max-width: 480px) {
  .footer-links {
    width: 188px;
  }
}
.footer-links:last-child {
  width: unset;
}
@media (max-width: 390px) {
  .footer-links:last-child {
    margin-top: 50px;
  }
}
.footer-links ul li {
  margin-bottom: 4px;
}
.footer-links ul li:last-child {
  margin-bottom: 0;
}
.footer-links ul li a {
  position: relative;
  font-weight: 500;
  line-height: 16px;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 0;
  color: var(--color-content-white);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-links ul li a::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-content-white);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
  visibility: hidden;
}
.footer-links ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 12px;
  background-color: var(--color-content-white);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}
.footer-links ul li a:hover {
  padding-left: 10px;
}
.footer-links ul li a:hover::before, .footer-links ul li a:hover::after {
  opacity: 1;
  visibility: visible;
}

.footer-style4 {
  position: relative;
  background-color: #1f3b6f;
  margin: 0;
  border-radius: 0;
  padding: 80px 0 127px;
}
@media (max-width: 1366px) {
  .footer-style4 {
    padding: 150px 20px 127px;
  }
}
@media (max-width: 1201px) {
  .footer-style4 {
    padding: 86px 20px 86px;
  }
}

.footer-menu4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 820px) {
  .footer-menu4 {
    margin-top: 40px;
  }
}
@media (max-width: 577px) {
  .footer-menu4 .footer-links:last-child {
    margin-top: 50px;
  }
}

.location-widget4 {
  padding-right: 20px;
  max-width: 260px;
  margin-right: 78px;
}
@media (max-width: 1025px) {
  .location-widget4 {
    padding-right: 2px;
    max-width: 218px;
    margin-right: 22px;
  }
}
@media (max-width: 769px) {
  .location-widget4 {
    max-width: 250px;
  }
}
@media (max-width: 577px) {
  .location-widget4 {
    max-width: 232px;
  }
}
.location-widget4 p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  color: var(--color-content-white);
  margin-bottom: 75px;
}
.location-widget4 .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0;
  color: var(--color-content-white);
}

.contact-widget4 {
  position: relative;
  min-width: 344px;
}
@media (max-width: 1366px) {
  .contact-widget4 {
    min-width: 311px;
  }
}
@media (max-width: 1201px) {
  .contact-widget4 {
    min-width: 199px;
  }
}
@media (max-width: 769px) {
  .contact-widget4 {
    min-width: 212px;
  }
}
@media (max-width: 480px) {
  .contact-widget4 {
    margin-top: 50px;
  }
}
.contact-widget4 .nmbr {
  display: block;
  color: var(--color-content-white);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 2px;
}
.contact-widget4 .nmbr:nth-child(3) {
  margin-bottom: 75px;
}
.contact-widget4 .gmail {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 0;
  display: inline-block;
  text-decoration: underline;
  color: var(--color-content-white);
}

.about-widget4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.about-widget4 p {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 0;
  color: var(--color-content-white);
}
@media (max-width: 820px) {
  .about-widget4 p {
    margin-top: 30px;
  }
}
.about-widget4 p a {
  text-decoration: underline;
  color: var(--color-content-white);
}

.footer-style4.v2::before {
  content: "";
  position: absolute;
  top: -93%;
  left: 0;
  width: 100%;
  height: 809px;
  background-image: url(../images/layers/layer11.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media (max-width: 1440px) {
  .footer-style4.v2::before {
    top: -74%;
    height: 762px;
  }
}
@media (max-width: 1201px) {
  .footer-style4.v2::before {
    top: -65%;
  }
}
@media (max-width: 820px) {
  .footer-style4.v2::before {
    top: -40%;
  }
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

ul {
  position: relative;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
.ibt-btn {
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  letter-spacing: var(--letter-spacing-b2);
  font-weight: var(--f-medium);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 15px;
  height: 65px;
  padding: 13px 26px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-surface-light-3);
  color: var(--color-body);
  border-radius: var(--radius-lg);
  border: none;
  position: relative;
  white-space: nowrap;
  -webkit-transition: var(--transition-1);
  transition: var(--transition-1);
}
.ibt-btn i[class=icon-arrow-top],
.ibt-btn span[class=icon-arrow-top] {
  text-indent: 0.8em;
  font-size: 10px;
  line-height: 1.1;
  position: relative;
  padding-right: 1px;
  overflow: hidden;
}
.ibt-btn i[class=icon-arrow-top]::before, .ibt-btn i[class=icon-arrow-top]::after,
.ibt-btn span[class=icon-arrow-top]::before,
.ibt-btn span[class=icon-arrow-top]::after {
  -webkit-transition: var(--transition-1);
  transition: var(--transition-1);
}
.ibt-btn i[class=icon-arrow-top]::after,
.ibt-btn span[class=icon-arrow-top]::after {
  content: "\e830";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 0;
  transform: translateX(-110%) translateY(200%);
  -webkit-transform: translateX(-110%) translateY(200%);
  -ms-transform: translateX(-110%) translateY(200%);
}
.ibt-btn:hover {
  background: var(--color-surface-dark-2);
  color: var(--color-content-white);
}
.ibt-btn:hover i[class=icon-arrow-top]::before,
.ibt-btn:hover span[class=icon-arrow-top]::before {
  transform: translateX(100%) translateY(-170%);
  -webkit-transform: translateX(100%) translateY(-170%);
  -ms-transform: translateX(100%) translateY(-170%);
}
.ibt-btn:hover i[class=icon-arrow-top]::after,
.ibt-btn:hover span[class=icon-arrow-top]::after {
  transform: translateX(-1px) translateY(1px);
  -webkit-transform: translateX(-1px) translateY(1px);
  -ms-transform: translateX(-1px) translateY(1px);
}
.ibt-btn.ibt-btn-outline {
  background: transparent;
  border: 2px solid transparent;
}
.ibt-btn.ibt-btn-outline::before, .ibt-btn.ibt-btn-outline::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: var(--radius-lg);
  -webkit-transition: var(--transition-1);
  transition: var(--transition-1);
}
.ibt-btn.ibt-btn-outline::before {
  content: "";
  position: absolute;
  padding: 1px; /* border ki width */
  border-radius: 12px;
  background: -webkit-linear-gradient(left, #1565c0, #49a747);
  background: linear-gradient(90deg, #1565c0, #49a747);
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.ibt-btn.ibt-btn-outline::after {
  background: var(--gradient-btn-1);
  opacity: 0;
}
.ibt-btn.ibt-btn-outline > * {
  position: relative;
  z-index: 1;
}
.ibt-btn.ibt-btn-outline:hover::after {
  opacity: 1;
}
.ibt-btn.ibt-btn-secondary {
  background: var(--gradient-3);
  color: var(--color-content-white);
  position: relative;
  overflow: hidden;
}
.ibt-btn.ibt-btn-secondary i[class=icon-arrow-top],
.ibt-btn.ibt-btn-secondary span[class=icon-arrow-top] {
  text-indent: 1.3em;
  margin-left: 41px;
}
.ibt-btn.ibt-btn-secondary:hover {
  background: var(--gradient-3);
}

.lg-toolbar .lg-icon,
.lg-counter {
  color: #fff !important;
}

.lg-counter {
  font-weight: 600;
  font-size: 18px !important;
}

.lg-toolbar .lg-download:after,
.lg-toolbar .lg-close:after,
.lg-icon.lg-zoom-in:after {
  font-size: 20px !important;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.hero-style2 {
  position: relative;
  margin: 20px 20px 0;
  z-index: 0;
}
.hero-style2 .slider-btn .swiper-button-next {
  margin: 0 13px 0px 0px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.hero-style2 .slider-btn .swiper-button-next::before {
  content: "\e845";
  font: 400 normal 11px/1em "fontello";
  font-size: 14px;
}
.hero-style2 .slider-btn .swiper-button-prev {
  margin: 0 0 0 13px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.hero-style2 .slider-btn .swiper-button-prev::before {
  content: "\e845";
  font: 400 normal 11px/1em "fontello";
  font-size: 14px;
}
.hero-style2 .slider-btn .swiper-button-prev,
.hero-style2 .slider-btn .swiper-button-next {
  background-color: unset;
  padding: 0;
  border: 0;
  outline: none;
  width: 13px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
.hero-style2 .slider-btn .swiper-button-prev:hover,
.hero-style2 .slider-btn .swiper-button-next:hover {
  color: var(--color-primary);
}
.hero-style2 .slider-btn .swiper-button-next.active,
.hero-style2 .slider-btn .swiper-button-prev.active {
  outline: none;
}

.exp-box {
  position: absolute;
  bottom: 14px;
  right: 14px;
  background-color: var(--color-content-white);
  width: 500px;
  border-radius: 25px;
  padding: 33px 9px;
  padding-left: 252px;
}
@media (max-width: 820px) {
  .exp-box {
    width: 451px;
    padding-left: 224px;
  }
}
@media (max-width: 769px) {
  .exp-box {
    width: 457px;
    padding-left: 230px;
    right: auto;
    left: 20px;
    bottom: 20px;
  }
}
@media (max-width: 480px) {
  .exp-box {
    padding-bottom: 39px;
    width: 400px;
    padding-left: 220px;
  }
}
@media (max-width: 390px) {
  .exp-box {
    width: 314px;
    padding: 12px 9px 17px 146px;
    left: 11px;
  }
}
.exp-box p {
  display: inline-block;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 0;
  font-family: var(--font-primary);
  color: var(--color-content-black2);
  max-width: 203px;
}
@media (max-width: 1366px) {
  .exp-box p {
    font-size: 19px;
  }
}
@media (max-width: 480px) {
  .exp-box p {
    font-size: 16px;
    line-height: 21px;
    margin-right: 20px;
  }
}
@media (max-width: 390px) {
  .exp-box p {
    font-size: 14px;
  }
}

.hero-style6 {
  position: relative;
  background-color: #ecf0f4;
  border-radius: 0px 0px 25px 25px;
  padding: 30px 20px 32px 20px;
  z-index: 0;
}
@media (max-width: 1201px) {
  .hero-style6 {
    padding: 100px 20px 32px 20px;
  }
}
.hero-style6 .slider-btn .swiper-button-next {
  margin: 0 13px 0px 0px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.hero-style6 .slider-btn .swiper-button-next::before {
  content: "\e845";
  font: 400 normal 11px/1em "fontello";
  font-size: 14px;
}
.hero-style6 .slider-btn .swiper-button-prev {
  margin: 0 0 0 13px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.hero-style6 .slider-btn .swiper-button-prev::before {
  content: "\e845";
  font: 400 normal 11px/1em "fontello";
  font-size: 14px;
}
.hero-style6 .slider-btn .swiper-button-prev,
.hero-style6 .slider-btn .swiper-button-next {
  background-color: unset;
  padding: 0;
  border: 0;
  outline: none;
  width: 13px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
.hero-style6 .slider-btn .swiper-button-prev:hover,
.hero-style6 .slider-btn .swiper-button-next:hover {
  color: var(--color-primary);
}
.hero-style6 .slider-btn .swiper-button-next.active,
.hero-style6 .slider-btn .swiper-button-prev.active {
  outline: none;
}
.hero-style6 .exp-box {
  z-index: 9999;
}
@media (max-width: 1201px) {
  .hero-style6 .exp-box {
    width: 426px;
    padding-left: 221px;
  }
}
@media (max-width: 820px) {
  .hero-style6 .exp-box {
    right: auto;
    left: 18px;
  }
}
@media (max-width: 577px) {
  .hero-style6 .exp-box {
    width: 500px;
  }
}
@media (max-width: 480px) {
  .hero-style6 .exp-box {
    width: 401px;
  }
}
@media (max-width: 390px) {
  .hero-style6 .exp-box {
    width: 302px;
    padding: 23px 0 30px 164px;
  }
}
@media (max-width: 390px) {
  .hero-style6 .exp-box p {
    font-size: 13px;
    line-height: 17px;
    margin-right: 3px;
  }
}

.hero-content6 {
  position: relative;
  height: 520px;
}
@media (max-width: 1025px) {
  .hero-content6 {
    height: 600px;
  }
}
@media (max-width: 820px) {
  .hero-content6 {
    height: 769px;
  }
}
@media (max-width: 577px) {
  .hero-content6 {
    height: 738px;
  }
}
@media (max-width: 390px) {
  .hero-content6 {
    height: 530px;
  }
}
.hero-content6-imglink {
  display: block;
  height: 100%;
  width: 100%;
}
.hero-content6 img {
  border-radius: 25px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.hero-text6 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 9999;
  transform: translateY(-50%);
}

.hero-sec-info3 {
  position: relative;
  background-color: #ffffff52;
  max-width: 500px;
  padding: 65px 32px 50px;
  border-radius: 25px;
  margin-left:15px;
}
@media (max-width: 1025px) {
  .hero-sec-info3 {
    max-width: 485px;
    padding: 64px 42px 62px;
  }
}
@media (max-width: 577px) {
  .hero-sec-info3 {
    max-width: 100%;
  }
}
@media (max-width: 1025px) {
  .hero-sec-info3 {
    padding: 42px 38px 49px;
  }
}
.hero-sec-info3 .title {
  margin-bottom: 24px;
  font-size: 36px;
  line-height: 45px;
  font-weight: 600;
  color: var(--heading-text-color, #002a5a);
  letter-spacing: -0.03em;
}
@media (max-width: 1025px) {
  .hero-sec-info3 .title {
    font-size: 48px;
    line-height: 57px;
  }
}
@media (max-width: 480px) {
  .hero-sec-info3 .title {
    font-size: 38px;
    line-height: 46px;
  }
}
@media (max-width: 390px) {
  .hero-sec-info3 .title {
    font-size: 28px;
    line-height: 40px;
  }
}
.hero-sec-info3 p {
  margin-bottom: 42px;
  font-size: 16px;
  line-height: 30px;
  color: var(--color-content-black2);
  max-width: 504px;
}
@media (max-width: 480px) {
  .hero-sec-info3 p {
    max-width: 308px;
  }
}

.hero-style8 {
  position: relative;
  overflow: hidden;
  padding: 252px 0 155px;
  border-radius: 25px;
  margin: 20px;
}
@media (max-width: 1440px) {
  .hero-style8 {
    padding: 181px 0 111px;
  }
}
@media (max-width: 1201px) {
  .hero-style8 {
    padding: 149px 0 111px;
  }
}
@media (max-width: 577px) {
  .hero-style8 {
    padding: 119px 0 89px;
  }
}

.main-sec6 {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

#fluid-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.newsletter-banner {
  position: relative;
  margin: 0 20px;
  z-index: 1;
  overflow: hidden;
  border-radius: 25px;
}

.shop-sec {
  position: relative;
}
.shop-sec::before {
  content: "";
  position: absolute;
  top: 20%;
  right: 0;
  width: 578px;
  height: 956px;
  background-image: url(../images/layers/ser-layer2.png);
  z-index: -1;
}
@media (max-width: 1440px) {
  .shop-sec::before {
    display: none;
  }
}
@media (max-width: 1201px) {
  .shop-sec {
    margin: 0 20px;
  }
}
@media (max-width: 577px) {
  .shop-sec {
    margin: 0 5px;
  }
}

.shop-product {
  padding-right: 0;
}
.shop-product .row {
  margin-bottom: -30px;
}

.shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 26px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e6eaf0;
}
.shop-result {
  margin: 0;
  font-size: 15px;
  color: #5a6472;
}
.shop-result-count {
  font-weight: 700;
  color: #1565c0;
}
.shop-sort {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.shop-sort label {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a2e;
  /* ლეიბლი flex-ელემენტია და იკუმშებოდა. ქართულ „დალაგება:"-ს გატეხვის
     წერტილი არ აქვს, ინგლისურ „Sort by:"-ს კი ჰარი აქვს და ორ ხაზად ვარდებოდა. */
  white-space: nowrap;
  flex: 0 0 auto;
}
.shop-sort-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px 38px 10px 16px;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  background-color: #fff;
  color: #1a1a2e;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: border-color 0.25s ease, box-shadow 0.25s ease;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231565C0' d='M6 8 0 2l1.4-1.4L6 5.2 10.6.6 12 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.shop-sort-select:hover {
  border-color: #1565c0;
}
.shop-sort-select:focus {
  outline: none;
  border-color: #1565c0;
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.15);
}
@media (max-width: 575px) {
  .shop-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .shop-sort {
    justify-content: space-between;
  }
  .shop-sort-select {
    flex: 1;
  }
}

.filter-widget {
  margin-bottom: 49px;
}
.filter-checks {
  list-style: none;
  margin: 0;
  padding: 0;
}
.filter-checks li {
  margin-bottom: 14px;
}
.filter-checks li:last-child {
  margin-bottom: 0;
}
.filter-check {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #8a9199;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.filter-check input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.filter-mark {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border: 2px solid #cfd6e0;
  border-radius: 6px;
  background: #fff;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.filter-mark::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
}
.filter-check input:checked ~ .filter-mark {
  background: #1565c0;
  border-color: #1565c0;
}
.filter-check input:checked ~ .filter-mark::after {
  -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
}
.filter-check input:focus-visible ~ .filter-mark {
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.2);
}
.filter-check:hover {
  color: var(--color-heading);
}
.filter-check:has(input:checked) {
  color: var(--color-heading);
}
.shop-noresult {
  font-size: 17px;
  font-weight: 600;
  color: #8a9199;
  padding: 30px 0;
  margin: 0;
}

.shop-card {
  position: relative;
  margin-bottom: 30px;
}
.shop-card:hover .shop-img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.shop-img {
  position: relative;
  border-radius: 25px;
  overflow: hidden;
  z-index: 99;
  /* გამჭვირვალე PNG-ებს ერთიანი ფონი — ფერი შაბლონის საკუთარია (placeholder 1.png).
     ჩაწვავებული ფონის მქონე სურათები მას ისედაც ფარავს (object-fit: cover). */
  background: var(--uno-product-bg, #ecf0f4);
}
.shop-img img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-img .tag {
  position: absolute;
  top: 11px;
  left: 16px;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 0;
  font-weight: 500;
  color: var(--color-content-white);
  background-color: #f14f44;
  border-radius: 50px;
  padding: 0 15px;
  display: inline-block;
  height: 28px;
}
.shop-img .tag.v2 {
  background-color: #64d39e;
}

.shop-shap {
  position: absolute;
  bottom: 0;
  right: 51px;
  width: 66px;
  height: 43px;
  z-index: 999;
  background-color: var(--color-content-white);
  border-radius: 25px 25px 0 0;
}
.shop-shap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20px;
  width: 20px;
  height: 20px;
  background-image: url(../images/layers/team-corner1.png);
}
.shop-shap::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -20px;
  width: 20px;
  height: 20px;
  background-image: url(../images/layers/team-corner2.png);
}

.show-now {
  position: absolute;
  top: -14px;
  right: 58px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  z-index: 999;
  display: inline-block;
}
.show-now:hover {
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  color: var(--color-content-white);
}

.shop-content {
  position: relative;
  border: 1px solid #e0e0e0;
  border-top: 0;
  margin-top: -20px;
  padding: 70px 36px 44px;
  border-radius: 0 0 25px 25px;
}
@media (max-width: 1201px) {
  .shop-content {
    padding: 70px 29px 44px;
  }
}
@media (max-width: 1025px) {
  .shop-content {
    padding: 68px 20px 46px;
  }
}
@media (max-width: 769px) {
  .shop-content {
    padding: 68px 35px 46px;
  }
}
.shop-content .title {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 5px;
  font-weight: 400;
  color: var(--heading-text-color, #002a5a);
  letter-spacing: -0.03em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline;
  background: -webkit-linear-gradient(currentcolor, currentcolor) 0px 100%/0px 2px no-repeat;
  background: linear-gradient(currentcolor, currentcolor) 0px 100%/0px 2px no-repeat;
  -webkit-transition: 0.3s, background-size 0.5s;
  transition: 0.3s, background-size 0.5s;
}
@media (max-width: 1025px) {
  .shop-content .title {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 10px;
  }
}
@media (max-width: 769px) {
  .shop-content .title {
    font-size: 20px;
  }
}
.shop-content .title:hover {
  background-size: 100% 2px;
}
.shop-content .title:hover a {
  color: var(--heading-text-color, #002a5a);
}
.shop-content .price {
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  display: block;
  color: #9b9b9b;
}
.shop-content .price.v2 span {
  color: #f14f44;
}
.shop-content .price.v2 del {
  color: #9b9b9b;
}
.shop-content .rating li {
  margin: 10px 0 0;
}
.shop-content .rating li i {
  font-size: 12px;
}

.shop-content.v2 {
  padding: 55px 36px 31px;
}
@media (max-width: 1201px) {
  .shop-content.v2 {
    padding: 55px 29px 31px;
  }
}
@media (max-width: 1025px) {
  .shop-content.v2 {
    padding: 55px 20px 31px;
  }
}

.price-filter-widget .filter-box {
  max-width: 400px;
}
.price-filter-widget .filter-box h2 {
  margin-bottom: 20px;
}
.price-filter-widget .filter-box .slider-container {
  position: relative;
  height: 6px;
  background: #d6d6d6;
  margin: 37px 0 1px;
}
.price-filter-widget .filter-box .slider-container .slider-track {
  position: absolute;
  height: 6px;
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  border-radius: 5px;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.price-filter-widget .filter-box .slider-container .range-input {
  position: relative;
  z-index: 2;
}
.price-filter-widget .filter-box .slider-container .range-input input {
  position: absolute;
  width: 100%;
  height: 6px;
  top: 0;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  padding: 0;
}
.price-filter-widget .filter-box .slider-container .range-input input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #2c84c8;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 3;
}
.price-filter-widget .filter-box .slider-container .range-input input::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #2c84c8;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
.price-filter-widget .filter-box .price-values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: bold;
}
.price-filter-widget .filter-box button {
  font-size: 14px;
  font-weight: 500;
  margin-top: 25px;
  height: 40px;
  line-height: 40px;
  padding: 0 22px;
  border: none;
  background: var(--color-heading);
  color: var(--color-content-white);
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none !important;
}
.price-filter-widget .filter-box button:hover {
  background: -webkit-linear-gradient(left, #49a747, #1565c0);
  background: linear-gradient(to right, #49a747, #1565c0);
}

.review-content2 {
  position: relative;
  max-width: 994px;
}
.review-content2 .title {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.03em;
  margin-bottom: 27px;
  font-weight: 400;
}

.contact-form3 {
  background-color: #f0f2f4;
  border-radius: 25px;
  padding: 73px 71px 75px;
  margin-top: 79px;
}
@media (max-width: 1201px) {
  .contact-form3 {
    padding: 43px 42px 53px;
  }
}
@media (max-width: 390px) {
  .contact-form3 {
    padding: 43px 28px 53px;
  }
}
.contact-form3 .ibt-btn-outline {
  outline: none;
}
.contact-form3 .ibt-btn-outline i {
  text-indent: 0em;
}

.form-title2 {
  position: relative;
  margin-bottom: 27px;
}
.form-title2 h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 15px;
  color: var(--color-content-black2);
  letter-spacing: -0.03em;
}
.form-title2 p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--color-content-black2);
}
.form-title2 .rating li i {
  color: #b8b8b8;
}

.custom-form3 {
  position: relative;
}
.custom-form3 input,
.custom-form3 select,
.custom-form3 textarea {
  border: 0;
  border-bottom: 1px solid #adadad;
  border-radius: 0;
  height: 50px;
  margin-bottom: 41px;
  font-size: 14px;
  color: #898989;
  padding: 0;
}
.custom-form3 input::-webkit-input-placeholder, .custom-form3 select::-webkit-input-placeholder, .custom-form3 textarea::-webkit-input-placeholder {
  color: #898989;
}
.custom-form3 input::-moz-placeholder, .custom-form3 select::-moz-placeholder, .custom-form3 textarea::-moz-placeholder {
  color: #898989;
}
.custom-form3 input:-ms-input-placeholder, .custom-form3 select:-ms-input-placeholder, .custom-form3 textarea:-ms-input-placeholder {
  color: #898989;
}
.custom-form3 input::-ms-input-placeholder, .custom-form3 select::-ms-input-placeholder, .custom-form3 textarea::-ms-input-placeholder {
  color: #898989;
}
.custom-form3 input::placeholder,
.custom-form3 select::placeholder,
.custom-form3 textarea::placeholder {
  color: #898989;
}
.custom-form3 textarea {
  height: 112px;
  margin-bottom: 30px;
}

.custom-form4 {
  position: relative;
  text-align: left;
}
.custom-form4 .title {
  position: relative;
  font-size: 25px;
  line-height: 35px;
  letter-spacing: -0.03em;
  color: var(--color-heading);
  margin-bottom: 46px;
  padding-bottom: 11px;
}
.custom-form4 .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(left, #49a747, #1565c0);
  background: linear-gradient(to right, #49a747, #1565c0);
}
.custom-form4 input,
.custom-form4 select,
.custom-form4 textarea {
  border: 1px solid #adadad;
  border-radius: 20px;
  height: 50px;
  font-size: 14px;
  color: #898989;
  padding: 0 19px;
}
.custom-form4 input::-webkit-input-placeholder, .custom-form4 select::-webkit-input-placeholder, .custom-form4 textarea::-webkit-input-placeholder {
  color: #898989;
}
.custom-form4 input::-moz-placeholder, .custom-form4 select::-moz-placeholder, .custom-form4 textarea::-moz-placeholder {
  color: #898989;
}
.custom-form4 input:-ms-input-placeholder, .custom-form4 select:-ms-input-placeholder, .custom-form4 textarea:-ms-input-placeholder {
  color: #898989;
}
.custom-form4 input::-ms-input-placeholder, .custom-form4 select::-ms-input-placeholder, .custom-form4 textarea::-ms-input-placeholder {
  color: #898989;
}
.custom-form4 input::placeholder,
.custom-form4 select::placeholder,
.custom-form4 textarea::placeholder {
  color: #898989;
}
.custom-form4 textarea {
  height: 112px;
  margin-bottom: 30px;
}
.custom-form4 .form-group {
  position: relative;
  margin-bottom: 20px;
}
.custom-form4 .form-group button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 11px;
  border: 0;
  background-color: unset;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom-form4 .form-group button:hover {
  color: var(--color-primary);
}
.custom-form4 .form-group.v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 12px 0 30px;
}
.custom-form4 .password {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  text-decoration: underline;
  color: var(--color-content-black2);
  background-color: unset;
  border: 0;
  outline: none;
}
.custom-form4.active .form-group.name {
  display: none;
}
.custom-form4.active .ibt-btn span:first-child {
  display: none;
}

.googel-map {
  position: relative;
  margin-bottom: 31px;
}
.googel-map::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media (max-width: 1440px) {
  .googel-map::before {
    top: -79%;
  }
}
@media (max-width: 1201px) {
  .googel-map::before {
    top: -66%;
  }
}
@media (max-width: 1025px) {
  .googel-map::before {
    top: -53%;
  }
}
@media (max-width: 820px) {
  .googel-map::before {
    top: -41%;
  }
}

.demo-img {
  position: relative;
  margin: 0 50px 124px;
  z-index: 0;
}
@media (max-width: 1440px) {
  .demo-img {
    margin: 0 14px 55px;
  }
}
.demo-img img {
  width: 100%;
  border-radius: 25px;
  object-fit: cover;
}
.demo-img a:hover {
  cursor: none;
}

.demo-hover.show {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  pointer-events: auto;
  z-index: 99;
}

.demo-hover {
  position: fixed;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease, -webkit-clip-path 0.4s ease-out;
  transition: opacity 0.2s ease, -webkit-clip-path 0.4s ease-out;
  transition: opacity 0.2s ease, clip-path 0.4s ease-out;
  transition: opacity 0.2s ease, clip-path 0.4s ease-out, -webkit-clip-path 0.4s ease-out;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  z-index: 9999;
}

.demo-hover.show {
  opacity: 1;
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}

@-webkit-keyframes marquee4 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes marquee4 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.googel-map {
  position: relative;
}
.googel-map iframe {
  width: 100%;
}
.googel-map h2 {
  display: none;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.ser-card {
  position: relative;
  height: 100%;
}
@media (max-width: 1025px) {
  .ser-card {
    height: 539px;
  }
}
@media (max-width: 1025px) {
  .ser-card {
    margin-bottom: 20px;
  }
}
@media (max-width: 577px) {
  .ser-card {
    height: 420px;
  }
}
@media (max-width: 480px) {
  .ser-card {
    width: 100% !important;
    height: 350px;
  }
}
.ser-card > img {
  height: 100%;
  width: 100%;
  border-radius: 25px;
  object-fit: cover;
}
.ser-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 91px;
  height: 79px;
  background-image: url(../images/service/ser-layer.png);
  border-radius: 0 0 20px 0;
}

.ser-content {
  position: absolute;
  bottom: 46px;
  left: 43px;
  max-width: 338px;
}
@media (max-width: 1201px) {
  .ser-content {
    max-width: 300px;
  }
}
@media (max-width: 1025px) {
  .ser-content {
    left: 23px !important;
    max-width: 262px !important;
  }
}
@media (max-width: 577px) {
  .ser-content {
    max-width: 223px !important;
  }
}
@media (max-width: 480px) {
  .ser-content {
    max-width: 357px !important;
  }
}
@media (max-width: 390px) {
  .ser-content {
    max-width: 275px !important;
  }
}
.ser-content .title {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
  margin-bottom: 14px;
  color:var(--heading-text-color, #002a5a);
}
@media (max-width: 577px) {
  .ser-content .title {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .ser-content .title {
    max-width: 226px;
  }
}
.ser-content .title a {
  -webkit-transition: all 3s ease;
  transition: all 3s ease;
}
.ser-content .title a:hover {
  color: var(--color-content-white);
  text-decoration: underline;
}
.ser-content p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  color: var(--color-content-white);
}

.ser-content.v2 {
  position: absolute;
  bottom: auto;
  top: 52px;
  left: 43px;
}
@media (max-width: 769px) {
  .ser-content.v2 {
    left: 23px;
  }
}
.ser-content.v2 .title {
  max-width: 269px;
}

.ser-btn {
  position: absolute;
  bottom: 0;
  right: 10px;
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  padding: 20px;
  border-radius: 20px;
  font-size: 10px;
  display: inline-block;
  line-height: 6px;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: var(--color-content-white);
}
.ser-btn:hover .icon {
  -webkit-transform: translateX(200%) translateY(-200%);
  -ms-transform: translateX(200%) translateY(-200%);
  opacity: 0;
}
.ser-btn:hover .icon2 {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  opacity: 1;
  color: var(--color-content-white);
}
.ser-btn i {
  display: block;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.ser-btn .icon2 {
  margin-top: -100%;
  -webkit-transform: translateX(-200%) translateY(200%);
  -ms-transform: translateX(-200%) translateY(200%);
  transform: translateX(-200%) translateY(200%);
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  opacity: 0;
}

.ser-card.v3 {
  position: relative;
  height: unset;
  margin-bottom: 19px;
}
@media (max-width: 769px) {
  .ser-card.v3 {
    width: 59%;
  }
}
@media (max-width: 577px) {
  .ser-card.v3 {
    width: 79%;
  }
}
.ser-card.v3 .title {
  position: absolute;
  bottom: 11px;
  left: 50px;
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 14px;
  color: var(--heading-text-color, #002a5a);
  max-width: 269px;

}
@media (max-width: 1440px) {
  .ser-card.v3 .title {
    bottom: 20px;
  }
}
@media (max-width: 1025px) {
  .ser-card.v3 .title {
    left: 23px;
  }
}
@media (max-width: 769px) {
  .ser-card.v3 .title {
    left: 30px;
  }
}
@media (max-width: 577px) {
  .ser-card.v3 .title {
    font-size: 22px;
  }
}
.ser-card.v3 .title a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ser-card.v3 .title a:hover {
  color: var(--color-content-black2);
  text-decoration: underline;
}
.ser-card.v3::before {
  display: none;
}

.title-area {
  margin-bottom: 45px;
}

.rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.rating li {
  color: #e7b025;
  font-size: 12px;
  margin-right: 2px;
}
.rating li:last-child {
  margin-right: 0;
}
.rating span {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-content-white);
  display: inline-block;
  margin-left: 11px;
}

.ser-card14-card1 {
  position: relative;
  background-color: var(--color-heading);
  border-radius: 25px;
  padding: 39px 48px 43px;
  margin-bottom: 19px;
}
@media (max-width: 1201px) {
  .ser-card14-card1 {
    padding: 39px 33px 36px;
  }
}
.ser-card14-card1 .title {
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
  color: var(--color-content-white);
  margin-bottom: 9px;
  font-family: var(--font-secondary);
  max-width: 410px;
}
@media (max-width: 1201px) {
  .ser-card14-card1 .title {
    font-size: 22px;
  }
}
.ser-card14-card1 img {
  margin-top: 16px;
}

.ser-card14-card2 {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 25px;
  padding: 40px 40px 40px 42px;
  max-height: 400px;
}
@media (max-width: 1440px) {
  .ser-card14-card2 {
    height: 485px;
    max-height: unset;
  }
}
@media (max-width: 1201px) {
  .ser-card14-card2 {
    padding: 40px 30px 40px 27px;
  }
}
@media (max-width: 1025px) {
  .ser-card14-card2 {
    height: 470px;
  }
}
@media (max-width: 769px) {
  .ser-card14-card2 {
    height: 439px;
  }
}
@media (max-width: 577px) {
  .ser-card14-card2 {
    height: auto;
  }
}
.ser-card14-card2 .title {
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
  font-family: var(--font-secondary);
  margin-bottom: 98px;
  color: var(--color-surface-black);
}
@media (max-width: 1440px) {
  .ser-card14-card2 .title {
    margin-bottom: 34px;
  }
}
@media (max-width: 1201px) {
  .ser-card14-card2 .title {
    font-size: 22px;
  }
}

.ser-card14-card3 {
  position: relative;
  margin-right: 19px;
}
@media (max-width: 820px) {
  .ser-card14-card3 {
    width: 48%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 577px) {
  .ser-card14-card3 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .ser-card14-card3 {
    height: 450px;
  }
}
.ser-card14-card3 img {
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.ser-card14-card4 {
  position: relative;
  background-color: var(--color-content-white);
  border: 1px solid #e0e0e0;
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: 19px;
}

.ser-card14-card5 {
  position: relative;
  height: 235px;
}
@media (max-width: 1440px) {
  .ser-card14-card5 {
    height: 306px;
  }
}
@media (max-width: 1201px) {
  .ser-card14-card5 {
    height: 294px;
  }
}
@media (max-width: 577px) {
  .ser-card14-card5 {
    height: auto;
  }
}
@media (max-width: 390px) {
  .ser-card14-card5 {
    height: 262px;
  }
}
.ser-card14-card5 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.ser-card14-card1,
.ser-card14-card2,
.ser-card14-card3,
.ser-card14-card4,
.ser-card14-card5 {
  opacity: 0;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

.slider-btn5 {
  position: relative;
  background-color: unset;
  border-radius: 25px 25px 0 0;
  width: 95px;
  height: 50px;
  line-height: 46px;
  z-index: 9;
  text-align: center;
}
@media (max-width: 1440px) {
  .slider-btn5 {
    right: -4%;
  }
}
@media (max-width: 1366px) {
  .slider-btn5 {
    right: 0;
  }
}
@media (max-width: 1025px) {
  .slider-btn5 {
    right: -74%;
  }
}
@media (max-width: 820px) {
  .slider-btn5 {
    right: auto;
    left: 0;
    top: 45%;
  }
}
@media (max-width: 577px) {
  .slider-btn5 {
    top: 50%;
  }
}
.slider-btn5::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border ki width */
  border-radius: 15px;
  background: -webkit-linear-gradient(left, #49a747, #1565c0, #1565c0);
  background: linear-gradient(90deg, #49a747, #1565c0, #1565c0); /* 👈 gradient colors */
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
}
.slider-btn5 .swiper-button-prev,
.slider-btn5 .swiper-button-next {
  background-color: unset;
  border: 0;
  outline: none;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: unset;
}
.slider-btn5 .swiper-button-prev:hover,
.slider-btn5 .swiper-button-next:hover {
  color: var(--color-primary);
}
.slider-btn5 .swiper-button-prev::after,
.slider-btn5 .swiper-button-next::after {
  display: none;
}
.slider-btn5 .swiper-button-prev {
  margin-right: 30px;
}
.slider-btn5 .swiper-button-prev::before {
  content: "\e833";
  font: 400 normal 11px/1em "fontello";
}
.slider-btn5 .swiper-button-next::before {
  content: "\e844";
  font: 400 normal 11px/1em "fontello";
}

.ser-anim {
  opacity: 0;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px);
  will-change: transform, opacity;
}

.ser-content24 {
  position: relative;
  background-color: rgba(31, 31, 31, 0.5019607843);
  padding: 40px 45px 30px 60px;
  border-radius: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99;
}
@media (max-width: 1440px) {
  .ser-content24 {
    display: block;
    padding: 40px 45px 40px 60px;
  }
}
@media (max-width: 1025px) {
  .ser-content24 {
    padding: 55px 24px 38px 38px;
  }
}
@media (max-width: 769px) {
  .ser-content24 {
    padding: 55px 27px 38px 36px;
  }
}
@media (max-width: 480px) {
  .ser-content24 {
    padding: 55px 3px 38px 25px;
  }
}
.ser-content24 .title {
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 75px 0 0;
  letter-spacing: -0.03em;
  color: var(--color-content-white);
}
@media (max-width: 1440px) {
  .ser-content24 .title {
    margin-bottom: 30px;
  }
}

.funfact-content24 {
  background-color: rgba(31, 31, 31, 0.5019607843);
  border-radius: 25px;
  padding: 60px 10px 50px 10px;
  text-align: center;
  height: 100%;
  z-index: 9999;
}
@media (max-width: 1440px) {
  .funfact-content24 {
    padding: 103px 10px 50px 10px;
  }
}
@media (max-width: 769px) {
  .funfact-content24 {
    padding: 37px 10px 18px 10px;
  }
}
@media (max-width: 577px) {
  .funfact-content24 {
    padding: 0px 10px 18px 10px;
  }
}
.funfact-content24 .title {
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  color: var(--color-content-white);
  text-align: center;
  margin: -33px 0 0 76px;
  z-index: 999;
  position: relative;
  font-family: var(--font-tertiary);
  letter-spacing: normal;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.feature-sec8 {
  position: relative;
}
@media (max-width: 1366px) {
  .feature-sec8 {
    margin: 0 27px;
  }
}
@media (max-width: 769px) {
  .feature-sec8 {
    margin: 0 19px;
  }
}
@media (max-width: 577px) {
  .feature-sec8 {
    margin: 0 7px;
  }
}

.feature-img8 {
  position: relative;
  margin-right: 68px;
  height: 100%;
  overflow: hidden;
  border-radius: 25px;
}
@media (max-width: 1440px) {
  .feature-img8 {
    margin-right: 0;
  }
}
@media (max-width: 820px) {
  .feature-img8 {
    margin-bottom: 50px;
    height: auto;
  }
}
.feature-img8 img {
  width: 100%;
  border-radius: 25px;
  object-fit: cover;
  height: 100%;
}
.feature-img8 .title {
  position: absolute;
  left: 0;
  bottom: -11px;
  font-size: 150px;
  line-height: 126px;
  font-weight: 700;
  letter-spacing: -0.03em;
  -webkit-text-stroke-width: 1px;
  background-image: -webkit-linear-gradient(348deg, #49a747 0%, #1565c0 100%);
  background-image: linear-gradient(102deg, #49a747 0%, #1565c0 100%);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  margin-bottom: 0;
}
@media (max-width: 1440px) {
  .feature-img8 .title {
    bottom: -17px;
    font-size: 135px;
  }
}
@media (max-width: 1366px) {
  .feature-img8 .title {
    font-size: 122px;
  }
}
@media (max-width: 1201px) {
  .feature-img8 .title {
    font-size: 110px;
    line-height: 120px;
  }
}
@media (max-width: 1025px) {
  .feature-img8 .title {
    font-size: 88px;
    line-height: 97px;
  }
}
@media (max-width: 390px) {
  .feature-img8 .title {
    font-size: 65px;
    line-height: 81px;
  }
}

.empty4 {
  position: absolute;
  top: 0;
  right: 0;
  width: 215px;
  height: 62px;
  border-radius: 0 23px 0 25px;
  background-color: #fff;
  z-index: 99;
}
.empty4::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 20px;
  background-image: url(../images/layers/price-corner.png);
}
.empty4::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/layers/price-corner2.png);
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.testi-slider {
  position: relative;
  background-color: var(--color-surface-dark-2);
  padding: 258px 136px 242px;
  border-radius: 25px;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .testi-slider {
    padding: 134px 87px 184px;
  }
}
@media (max-width: 1201px) {
  .testi-slider {
    padding: 119px 72px 144px;
  }
}
@media (max-width: 1025px) {
  .testi-slider {
    padding: 82px 47px 130px;
  }
}
@media (max-width: 390px) {
  .testi-slider {
    padding: 53px 29px 110px;
  }
}
.testi-slider img {
  margin-bottom: 24px;
}
.testi-slider p {
  font-weight: 400;
  line-height: 35px;
  font-size: 25px;
  color: var(--color-content-white);
  margin-bottom: 51px;
  font-family: var(--font-primary);
}
@media (max-width: 1025px) {
  .testi-slider p {
    line-height: 30px;
    font-size: 18px;
  }
}
.testi-slider span {
  font-size: 16px;
  line-height: 35px;
  color: var(--color-content-white);
  display: inline-block;
}
.slider-btn .swiper-button-prev,
.slider-btn .swiper-button-next {
  position: static;
  background-color: unset;
  border: 0;
  outline: none;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: unset;
  display: block;
}
.slider-btn .swiper-button-prev:hover,
.slider-btn .swiper-button-next:hover {
  color: var(--color-primary);
}
.slider-btn .swiper-button-prev::after,
.slider-btn .swiper-button-next::after {
  display: none;
}
.slider-btn .swiper-button-prev {
  margin-right: 21px;
}
.slider-btn .swiper-button-prev::before {
  content: "\e833";
  font: 400 normal 11px/1em "fontello";
}
.slider-btn .swiper-button-next::before {
  content: "\e844";
  font: 400 normal 11px/1em "fontello";
}

.testi-slider4 p {
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
  color: var(--color-content-white);
  margin-bottom: 57px;
}
@media (max-width: 480px) {
  .testi-slider4 p {
    font-size: 16px;
    line-height: 36px;
  }
}

.test-block5 {
  position: relative;
  border: 1px solid #313131;
  border-radius: 25px;
  padding: 62px 38px 60px;
}
.test-block5:hover {
  cursor: none;
}
.test-block5 .name {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--color-content-white);
  margin-bottom: -3px;
}
.test-block5 p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--color-content-white);
  margin-top: 6px;
}

.swiper-wrapper-parent {
  position: relative;
  overflow: hidden;
}
.swiper-wrapper-parent::before, .swiper-wrapper-parent::after {
  content: "";
  position: absolute;
  top: 0;
  width: 344px;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 1025px) {
  .swiper-wrapper-parent::before, .swiper-wrapper-parent::after {
    display: none;
  }
}
.swiper-wrapper-parent::before {
  left: 0;
  background: -webkit-linear-gradient(left, #1f1f1f, transparent);
  background: linear-gradient(to right, #1f1f1f, transparent);
}
.swiper-wrapper-parent::after {
  right: 0;
  background: -webkit-linear-gradient(right, #1f1f1f, transparent);
  background: linear-gradient(to left, #1f1f1f, transparent);
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.pagination.v2 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
.swiper.brand .swiper-wrapper,
.swiper.brand .swiper-wrapper,
.swiper.brand2 .swiper-wrapper,
.swiper.brand2 .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.swiper.brand .swiper-slide,
.swiper.brand .swiper-slide,
.swiper.brand2 .swiper-slide,
.swiper.brand2 .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.swiper.brand .swiper-slide img,
.swiper.brand .swiper-slide img,
.swiper.brand2 .swiper-slide img,
.swiper.brand2 .swiper-slide img {
  opacity: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-height: 100px;
  object-fit: contain;
}
.swiper.brand .swiper-slide:hover img,
.swiper.brand .swiper-slide:hover img,
.swiper.brand2 .swiper-slide:hover img,
.swiper.brand2 .swiper-slide:hover img {
  opacity: 100%;
}

.swiper.brand2 .swiper-slide {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brand-sec3 .swiper-slide a img {
  opacity: 100% !important;
}
.brand-sec3 .swiper-slide a img:hover {
  -webkit-filter: brightness(9);
          filter: brightness(9);
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.ser-widget {
  position: relative;
  background-color: #f0f2f4;
  border-radius: 15px;
  padding: 47px 22px 44px 46px;
}
@media (max-width: 1201px) {
  .ser-widget {
    padding: 47px 13px 44px 29px;
  }
}
@media (max-width: 1025px) {
  .ser-widget {
    padding: 47px 23px 44px 39px;
  }
}
.ser-widget a {
  position: relative;
  font-size: 20px;
  line-height: 50px;
  letter-spacing: -0.03em;
  font-weight: 600;
  color: var(--color-body);
  display: block;
  overflow: hidden;
}
@media (max-width: 1201px) {
  .ser-widget a {
    font-size: 18px;
    line-height: 40px;
  }
}
.ser-widget a:hover {
  color: var(--color-heading);
  padding-left: 24px;
}
.ser-widget a:hover::before {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.ser-widget a::before {
  content: "\e82d";
  font: 400 normal 0.5625em/1em "fontello";
  display: block;
  position: absolute;
  left: 0;
  top: 18px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--color-heading);
  -webkit-transform: translateX(-24px);
      -ms-transform: translateX(-24px);
          transform: translateX(-24px);
}

.ser-widget a.active {
  color: var(--color-heading);
  padding-left: 24px;
}
.ser-widget a.active::before {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.side-bar2 {
  position: relative;
}
@media (max-width: 820px) {
  .side-bar2 {
    position: fixed;
    top: 0;
    right: -100%;
    padding: 86px 20px 32px;
    width: 349px;
    height: 100vh;
    background: var(--color-content-white);
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    overflow-y: auto;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
    z-index: 99999999;
  }
}

.sidebar-close {
  background: none;
  display: none;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 27px;
  right: 15px;
  outline: none !important;
}
@media (max-width: 820px) {
  .sidebar-close {
    display: inline-block;
  }
}
.sidebar-close::before {
  content: "\e803";
  font: 400 normal 16px/16px "fontello";
}

.side-bar2.active {
  right: 0;
}

.side-widget2 {
  margin-bottom: 49px;
}

.side-bar-title {
  position: relative;
  font-size: 25px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--heading-text-color, #002a5a);
  padding-bottom: 12px;
  margin-bottom: 32px;
}
.side-bar-title::before {
  content: "\e82d";
  display: block;
  font-family: "fontello";
  font-size: 0.4em;
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 0;
}
.side-bar-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(left, #49a747, #1565c0);
  background: linear-gradient(to right, #49a747, #1565c0);
}

.sidebar-toggle {
  position: fixed;
  right: 0;
  left: auto;
  top: 50%;
  width: 40px;
  height: 60px;
  margin: -30px 0 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font: 400 normal 18px/1 "fontello";
  z-index: 9;
  opacity: 1;
  border: solid 1px;
  border-right: none;
  background-color: var(--color-content-white);
  display: none;
  z-index: 999;
}
@media (max-width: 820px) {
  .sidebar-toggle {
    display: inline-block;
  }
}
.sidebar-toggle::before {
  content: "\e825";
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  right: auto;
  margin: -9px 0 0 -9px;
}

.sidebar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 9999999;
}

.sidebar-overlay.active {
  opacity: 1;
  visibility: visible;
}

.side-bar3 {
  position: relative;
}
@media (max-width: 820px) {
  .side-bar3 {
    position: fixed;
    top: 0;
    right: -100%;
    padding: 86px 20px 32px;
    width: 369px;
    height: 100vh;
    background: var(--color-content-white);
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
    overflow-y: auto;
    -webkit-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
    z-index: 99999999;
  }
}

.sidebar-close3 {
  background: none;
  display: none;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 27px;
  right: 15px;
}
@media (max-width: 769px) {
  .sidebar-close3 {
    display: inline-block;
  }
}
.sidebar-close3::before {
  content: "\e803";
  font: 400 normal 16px/16px "fontello";
}

.side-bar3.active {
  right: 0;
}

.sidebar-toggle3 {
  position: fixed;
  right: 0;
  left: auto;
  top: 50%;
  width: 40px;
  height: 60px;
  margin: -30px 0 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font: 400 normal 18px/1 "fontello";
  z-index: 9;
  opacity: 1;
  border: solid 1px;
  border-right: none;
  background-color: var(--color-content-white);
  display: none;
}
@media (max-width: 820px) {
  .sidebar-toggle3 {
    display: inline-block;
  }
}
.sidebar-toggle3::before {
  content: "\e825";
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  right: auto;
  margin: -9px 0 0 -9px;
}

.sidebar-overlay3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 9999999;
}

.sidebar-overlay3.active {
  opacity: 1;
  visibility: visible;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.project-slider {
  padding: 50px 0;
}

.empty {
  position: relative;
  height: 524px;
  overflow: hidden;
}
@media (max-width: 769px) {
  .empty {
    height: 453px;
  }
}

.project-block2 {
  padding-bottom: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 148px;
  height: 335px;
  background: #ecf0f4;
  border-radius: 35px;
  margin-bottom: 25px;
  border: 1.5px solid #e3e8ef;
  box-shadow: -1px -5px 10px -7px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: -1px -5px 10px -7px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1201px) {
  .project-block2 {
    height: 333px;
  }
}
@media (max-width: 1025px) {
  .project-block2 {
    height: 379px;
  }
}
@media (max-width: 577px) {
  .project-block2 {
    height: 326px;
  }
}
@media (max-width: 390px) {
  .project-block2 {
    height: 364px;
  }
}
.project-block2 > img {
  width: 100%;
  height: 100%;
  border-radius: 25px;
}

.project-content2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  padding: 40px;
  width: 100%;
}
@media (max-width: 1025px) {
  .project-content2 {
    top: 47%;
  }
}
@media (max-width: 820px) {
  .project-content2 {
    padding-left: 54px;
  }
}
@media (max-width: 769px) {
  .project-content2 {
    width: unset;
  }
}
@media (max-width: 480px) {
  .project-content2 {
    padding-left: 33px;
  }
}
.project-content2 .sub-title {
  font-size: 12px;
  line-height: 33px;
  height: 35px;
  margin-bottom: 28px;
  color: var(--color-content-white);
  padding: 0 15px;
  border-radius: 50px;
  display: inline-block;
  border: 1px solid #46bfda;
}
.project-content2 .title {
  font-size: 40px;
  line-height: 45px;
  font-weight: 400;
  margin-bottom: 0;
  color:var(--heading-text-color, #002a5a);
  max-width: 832px;
}
@media (max-width: 1025px) {
  .project-content2 .title {
    font-size: 34px;
    line-height: 42px;
    max-width: 568px;
  }
}
@media (max-width: 577px) {
  .project-content2 .title {
    font-size: 25px;
    line-height: 32px;
    max-width: 450px;
  }
}
@media (max-width: 480px) {
  .project-content2 .title {
    max-width: 320px;
  }
}
@media (max-width: 390px) {
  .project-content2 .title {
    max-width: 234px;
    font-size: 24px;
  }
}
.project-content2 .title a {
  color: var(--color-content-white);
}

.project-sec3 {
  position: relative;
  overflow: hidden;
}

.project-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  white-space: nowrap;
  will-change: transform;
}

.project-track.v2 {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}

.slider-btn4 {
  position: relative;
  border-radius: 25px 25px 0 0;
  width: 120px;
  height: 57px;
  line-height: 46px;
  z-index: 9;
  text-align: center;
  margin-right: 8px;
}
@media (max-width: 1440px) {
  .slider-btn4 {
    right: 0%;
  }
}
@media (max-width: 769px) {
  .slider-btn4 {
    right: auto;
    left: 0px;
    top: 45%;
  }
}
@media (max-width: 577px) {
  .slider-btn4 {
    top: 50%;
  }
}
.slider-btn4::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* border ki width */
  border-radius: 15px;
  background: #1053a1;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
}
.slider-btn4 .swiper-button-prev,
.slider-btn4 .swiper-button-next {
  background-color: unset;
  border: 0;
  outline: none;
  padding: 0 22px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--color-content-white);
}
.slider-btn4 .swiper-button-prev:hover,
.slider-btn4 .swiper-button-next:hover {
  color: var(--color-primary);
}
.slider-btn4 .swiper-button-prev::after,
.slider-btn4 .swiper-button-next::after {
  display: none;
}
.slider-btn4 .swiper-button-prev {
  margin-right: 30px;
}
.slider-btn4 .swiper-button-prev::before {
  content: "\e833";
  font: 400 normal 11px/1em "fontello";
}
.slider-btn4 .swiper-button-next::before {
  content: "\e844";
  font: 400 normal 11px/1em "fontello";
}

.project-block7 {
  position: relative;
  margin-bottom: 32px;
  border-radius: 25px;
  overflow: hidden;
  cursor: none;
}
.project-block7:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: blur(4px);
          filter: blur(4px);
}
.project-block7 img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.project-block7.v2 {
  position: relative;
  height: 854px;
}
@media (max-width: 1440px) {
  .project-block7.v2 {
    height: 100%;
  }
}

.project-block7.v3 {
  margin-bottom: 0;
}
@media (max-width: 769px) {
  .project-block7.v3 {
    margin-bottom: 30px;
  }
}

.video-banner4 {
  position: relative;
  height: 793px;
  overflow: hidden;
  border-radius: 25px;
  margin: 0 20px;
}
@media (max-width: 769px) {
  .video-banner4 {
    height: 583px;
  }
}

.project-block8 {
  position: relative;
  margin-bottom: 32px;
  border-radius: 25px;
  overflow: hidden;
  cursor: none;
}
.project-block8:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-filter: blur(4px);
          filter: blur(4px);
}
.project-block8 img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 117px;
  height: 117px;
  border-radius: 50%;
  background-color: black;
  color: white;
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
      -ms-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.3s ease;
  transition: transform 0.25s ease, opacity 0.3s ease, -webkit-transform 0.25s ease;
  opacity: 0;
  z-index: 9999;
}

.project-img10 {
  position: relative;
  cursor: none;
}
.project-img10 img {
  max-width: unset;
  width: 100%;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */
.fun-fact-sec {
  position: relative;
}
@media (max-width: 1201px) {
  .fun-fact-sec {
    margin: 0 10px;
  }
}
@media (max-width: 390px) {
  .fun-fact-sec {
    margin: 0;
  }
}
.fun-fact-sec .sec-title {
  max-width: 682px;
}
@media (max-width: 1201px) {
  .fun-fact-sec .sec-title {
    max-width: 576px;
  }
}
@media (max-width: 769px) {
  .fun-fact-sec .sec-title {
    max-width: 485px;
  }
}

.fun-fact-sec.v2 {
  position: relative;
}
.fun-fact-sec.v2::before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  width: 524px;
  height: 1309px;
  background-image: url(../images/layers/layer11-1.png);
  background-repeat: no-repeat;
}
@media (max-width: 1440px) {
  .fun-fact-sec.v2::before {
    left: -47px;
  }
}
@media (max-width: 820px) {
  .fun-fact-sec.v2::before {
    display: none;
  }
}
@media (max-width: 769px) {
  .fun-fact-sec.v2::before {
    top: 0;
    width: 100%;
    background-size: contain;
    height: 830px;
  }
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.choose-content {
  position: relative;
  max-width: 621px;
}
@media (max-width: 1440px) {
  .choose-content {
    margin-left: 20px;
  }
}
@media (max-width: 1025px) {
  .choose-content {
    padding: 70px 0;
  }
}
.choose-content .sec-title {
  margin-bottom: 28px;
}
.choose-content .sec-title p {
  font-weight: 600;
}
.choose-content .sec-title p:last-child {
  font-weight: 400;
}

.choose-list {
  position: relative;
  margin-bottom: 46px;
}
@media (max-width: 480px) {
  .choose-list {
    margin-bottom: -10px;
  }
}
.choose-list li {
  font-size: 18px;
  line-height: 28px;
  color: var(--heading-text-color, #002a5a);
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1025px) {
  .choose-list li {
    font-size: 17px;
  }
}
.choose-list li i {
  font-size: 8px;
  color: #0F1010;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  background-color: #7bc078;
  margin-right: 40px;
}
@media (max-width: 1025px) {
  .choose-list li i {
    margin-right: 21px;
  }
}

.choose-list-box .ibt-btn-outline {
  color: var(--color-content-white);
}
@media (max-width: 480px) {
  .choose-list-box .ibt-btn-outline {
    margin-top: 40px;
  }
}

.slider-btn2 {
  position: absolute;
  top: 41%;
  right: 18%;
  border-radius: 25px 25px 0 0;
  width: 95px;
  height: 50px;
  line-height: 46px;
  z-index: 9;
  text-align: center;
}
@media (max-width: 1440px) {
  .slider-btn2 {
    right: 4%;
  }
}
@media (max-width: 769px) {
  .slider-btn2 {
    right: auto;
    left: 17px;
    top: 45%;
  }
}
@media (max-width: 577px) {
  .slider-btn2 {
    top: 50%;
  }
}
.slider-btn2::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border ki width */
  border-radius: 15px;
  background: -webkit-linear-gradient(150deg, #1b4678 10%, #339d9b 90%);;
  background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
}
.slider-btn2 .swiper-button-prev,
.slider-btn2 .swiper-button-next {
  background-color: unset;
  border: 0;
  outline: none;
  padding: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: unset;
}
.slider-btn2 .swiper-button-prev:hover,
.slider-btn2 .swiper-button-next:hover {
  color: var(--color-primary);
}
.slider-btn2 .swiper-button-prev::after,
.slider-btn2 .swiper-button-next::after {
  display: none;
}
.slider-btn2 .swiper-button-prev {
  margin-right: 30px;
}
.slider-btn2 .swiper-button-prev::before {
  content: "\e833";
  font: 400 normal 11px/1em "fontello";
}
.slider-btn2 .swiper-button-next::before {
  content: "\e844";
  font: 400 normal 11px/1em "fontello";
}

.choose-slider2 {
  position: relative;
}
.choose-slider2 .swiper-wrapper {
  overflow: visible;
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */

.social-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.social-icon li {
  margin: 0 15px 0 0;
}
.social-icon li:last-child {
  margin-right: 0;
}
.social-icon li a {
  color: var(--color-content-white);
}

.contact-form {
  background-color: var(--color-content-white);
  border-radius: 25px;
  padding: 87px 95px 105px;
}
@media (max-width: 1201px) {
  .contact-form {
    padding: 43px 42px 53px;
  }
}
@media (max-width: 390px) {
  .contact-form {
    padding: 43px 27px 53px;
  }
}
.contact-form .ibt-btn-outline {
  outline: none;
}
.contact-form .ibt-btn-outline i {
  text-indent: 0em;
}

.custom-form {
  position: relative;
}
.custom-form h2 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 43px;
  display: inline-block;
  color: var(--heading-text-color, #002a5a);
}
.custom-form input,
.custom-form select,
.custom-form textarea {
  border: 1px solid #ADADAD;
  border-radius: 20px;
  height: 50px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #898989;
  padding: 18px;
}
.custom-form input::-webkit-input-placeholder, .custom-form select::-webkit-input-placeholder, .custom-form textarea::-webkit-input-placeholder {
  color: #898989;
}
.custom-form input::-moz-placeholder, .custom-form select::-moz-placeholder, .custom-form textarea::-moz-placeholder {
  color: #898989;
}
.custom-form input:-ms-input-placeholder, .custom-form select:-ms-input-placeholder, .custom-form textarea:-ms-input-placeholder {
  color: #898989;
}
.custom-form input::-ms-input-placeholder, .custom-form select::-ms-input-placeholder, .custom-form textarea::-ms-input-placeholder {
  color: #898989;
}
.custom-form input::placeholder,
.custom-form select::placeholder,
.custom-form textarea::placeholder {
  color: #898989;
}
.custom-form textarea {
  height: 175px;
  margin-bottom: 30px;
}

.contact-sec2 {
  position: relative;
}
@media (max-width: 1440px) {
  .contact-sec2 {
    margin: 0 15px;
  }
}
@media (max-width: 390px) {
  .contact-sec2 {
    margin: 0 7px;
  }
}
.contact-sec2:before {
  content: "";
  position: absolute;
  top: 6%;
  right: 0;
  width: 578px;
  height: 956px;
  background-image: url(../images/layers/ser-layer2.png);
  z-index: -1;
}
@media (max-width: 1440px) {
  .contact-sec2:before {
    display: none;
  }
}
.contact-sec2:after {
  content: "";
  position: absolute;
  bottom: 14%;
  left: 21%;
  width: 964px;
  height: 474px;
  background-image: url(../images/layers/map2.png);
  z-index: -1;
}
@media (max-width: 1025px) {
  .contact-sec2:after {
    width: 100%;
    left: 0;
  }
}

.contact-content2 {
  position: relative;
  margin-right: 20px;
}
@media (max-width: 820px) {
  .contact-content2 {
    margin: 0 0 50px;
  }
}
.contact-content2 .sec-title {
  margin-bottom: 73px;
  max-width: 558px;
}
@media (max-width: 769px) {
  .contact-content2 .sec-title {
    margin-bottom: 47px;
  }
}
.contact-content2 .social-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.contact-content2 .social-icon li {
  margin: 0 35px 0 0;
}
.contact-content2 .social-icon li:last-child {
  margin-right: 0;
}
.contact-content2 .social-icon li a {
  color: var(--color-content-black2);
}
.contact-content2 .social-icon li a:hover {
  color: #999999;
}

.call-center2 {
  position: relative;
  margin-bottom: 53px;
}
.call-center2 .title {
  font-size: 18px;
  line-height: 28px;
  color: var(--heading-text-color, #002a5a);
  margin-bottom: 0;
  font-family: var(--font-secondary);
  margin-bottom: 21px;
}
.call-center2 .nmbr,
.call-center2 .gmail,
.call-center2 p {
  display: block;
  color: var(--color-content-black2);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}
.call-center2 .gmail {
  text-decoration: underline;
}

.contact-form.v2 {
  background-color: #F0F2F4;
}

.contact-banner3 {
  position: relative;
  overflow: hidden;
  border-radius: 25px;
  margin: 0 20px;
  padding: 152px 0 146px;
  z-index: 1;
}
@media (max-width: 1366px) {
  .contact-banner3 {
    padding: 152px 27px 146px;
  }
}
@media (max-width: 1201px) {
  .contact-banner3 {
    padding: 102px 44px 101px;
  }
}
@media (max-width: 1025px) {
  .contact-banner3 {
    padding: 113px 27px 111px;
  }
}
@media (max-width: 577px) {
  .contact-banner3 {
    padding: 80px 27px 92px;
  }
}
.contact-banner3::before {
  content: "";
  position: absolute;
  bottom: -159%;
  left: 0;
  width: 100%;
  height: 1500px;
  background-image: url(../images/layers/banner-layer3.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -11;
}
@media (max-width: 1201px) {
  .contact-banner3::before {
    width: 869px;
    background-size: contain;
    height: 765px;
    bottom: -75%;
    left: 12%;
  }
}
@media (max-width: 1201px) {
  .contact-banner3 .row {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

.contact-banner3.v2::before {
  display: none;
}
.contact-banner3.v2::after {
  content: "";
  position: absolute;
  top: -37%;
  left: -1%;
  width: 1109px;
  height: 1138px;
  background-image: url(../images/layers/shade1-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (max-width: 1201px) {
  .contact-banner3.v2::after {
    top: -6%;
    left: -2%;
    width: 927px;
    height: 600px;
  }
}
@media (max-width: 577px) {
  .contact-banner3.v2::after {
    top: 24%;
  }
}

/**
 * Template Name: Aiero | AI Agency & Technology HTML Template
 * Description: AI Agency, tech startup, chat bot, data science, digital agency, consulting, IT solutions, voiceover, video voiceover, robotics, science, industry, machine learning, neural network or other modern technology business template.
 * Version: 1.1.0
 * Author: ib-thems
 * Author https://themeforest.net/user/ib-themes
 */


/* ===== Uno header icon buttons (favorites / account / cart) ===== */
.header-menu-area .btn-box { display: flex; align-items: center; gap: 12px; }
.hdr-icon-btn {
  position: relative; width: 46px; height: 46px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1.5px solid #e3e8ef; border-radius: 50%;
  color: #1053A1; font-size: 17px; background: #fff; transition: all .25s ease;
}
.hdr-icon-btn:hover { border-color: #1565C0; color: #1565C0; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(21,101,192,.15); }
.hdr-badge {
  position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px;
  display: flex; align-items: center; justify-content: center;
  background: #4CAF50; color: #fff; font-size: 11px; font-weight: 700; line-height: 1;
  border-radius: 9px; border: 2px solid #fff; font-family: 'Poppins', 'Noto Sans Georgian', sans-serif;
}
/* ცარიელი badge (0 რაოდენობა) — საერთოდ არ გამოჩნდეს */
.hdr-badge:empty { display: none; }
/* ===== /Uno header icon buttons ===== */


/* ===== Uno language switch (KA / EN) — compact, keeps top-bar height ===== */
.vs-header6 .header-top-content4 { gap: 14px; }
.vs-header6 .header-top-content4 .top-bar-contacts { margin-right: auto; }
.lang-switch { position: relative; display: inline-flex; align-items: center; cursor: pointer; margin: 0; -webkit-tap-highlight-color: transparent; }
.lang-switch-input { position: absolute; opacity: 0; width: 0; height: 0; }
.lang-switch-track {
  box-sizing: border-box; position: relative; display: inline-flex; align-items: center;
  height: 26px; padding: 0 3px; background: #eef2f7; border-radius: 20px;
  font-family: 'Poppins', 'Noto Sans Georgian', sans-serif;
}
.lang-opt {
  position: relative; z-index: 2; min-width: 34px; text-align: center; line-height: 26px;
  font-size: 11px; font-weight: 600; color: #6b7280; transition: color .25s ease;
}
.lang-switch-thumb {
  position: absolute; z-index: 1; top: 3px; bottom: 3px; left: 3px; width: 34px;
  border-radius: 16px; background: #000;
  box-shadow: 0 2px 6px rgba(21,101,192,.30); transition: transform .28s cubic-bezier(.4,0,.2,1);
}
.lang-switch-input:checked ~ .lang-switch-track .lang-switch-thumb { transform: translateX(100%); }
.lang-ka { color: #fff; }
.lang-switch-input:checked ~ .lang-switch-track .lang-ka { color: #6b7280; }
.lang-switch-input:checked ~ .lang-switch-track .lang-en { color: #fff; }
/* ===== /Uno language switch ===== */


/* ===== Uno index6 header restructure (hamburger left + center search + left side menu) ===== */
.uno-logo-row { display: flex; align-items: center; gap: 16px; }
.uno-logo-row .uno-burger {
  position: static !important; transform: none !important; display: inline-flex !important;
  flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  width: 46px; height: 46px; padding: 0; border: 0; border-radius: 10px;
  background: #f3f6fa; cursor: pointer; transition: background .25s ease;
}
.uno-logo-row .uno-burger:hover { background: #e3f2fd; }
.uno-logo-row .uno-burger span {display: block;
    width: 25px;
    height: 3px;
    margin: 0;
    background: #1053A1;
    border-radius: 2px;}
.uno-logo-row .uno-burger span:nth-child(2) { width: 20px; margin-left:-5px;}
/* center search */
.uno-header-search {
  display: flex; align-items: center; width: 100%; max-width: 800px; margin: 0 auto;
  background: #fff; border: 1.5px solid #e3e8ef; border-radius: 40px; padding: 0 10px 0 28px; height: 54px;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.uno-header-search:focus-within { border-color: #1565C0; box-shadow: 0 6px 18px rgba(21,101,192,.10); }
.uno-header-search input {
  flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; outline: none;
  font-size: 14px; color: #1A1A2E; font-family: "BPG Square Banner Caps 2013", sans-serif;
}
.uno-header-search input::placeholder { color: #9aa3b0; opacity: 1; }
.uno-header-search button {
  flex-shrink: 0; width: 44px; height: 44px; border: 0; border-radius: 50%; cursor: pointer;
  background: transparent; color: #9aa3b0; font-size: 18px; transition: color .2s ease;
}
.uno-header-search button:hover { color: #1565C0; }
/* side menu slides from the LEFT (index6 only) */
.side-menu2-left { right: auto !important; left: -323px !important; transition: left .3s ease-in-out !important; }
.side-menu2-left.active { left: 0 !important; right: auto !important; }
@media (max-width: 575px) { .uno-header-search { max-width: 100%; padding-left: 14px; } }
/* ===== /Uno index6 header restructure ===== */


/* ===== Uno hero pagination (bottom-center bullets in a notch tab) ===== */

.hero-slider2 .swiper-button-next,
.hero-slider2 .swiper-button-prev { display: none !important; }
.hero-slider2 { position: relative; }
.hero-slider2 .hero-pagination {
  position: absolute !important; left: 50% !important; right: auto !important; bottom: 0 !important; transform: translateX(-50%) !important;
  width:190px !important; height:40px; z-index: 20;
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  background: #ecf0f4;  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 20px rgba(13,71,161,.10);
}

.hero-slider2 .hero-pagination::before {
  content: "";
  position: absolute;
  left: -19px;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/layers/hero-shape7.png);
}
.hero-slider2 .hero-pagination::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 20px;
  width: 20px;
  height: 20px;
  background-image: url(../images/layers/hero-shape6.png);
  -webkit-transform: rotate(179deg);
      -ms-transform: rotate(179deg);
          transform: rotate(179deg);
}

.hero-slider2 .hero-pagination .swiper-pagination-bullet {
  width: 10px; height: 10px; margin: 0 !important; background: #ccd5e0; opacity: 1; border-radius: 50%;
  transition: width .35s cubic-bezier(.4,0,.2,1), background .3s ease;
}
.hero-slider2 .hero-pagination .swiper-pagination-bullet-active {
  width: 34px; border-radius: 6px; background: #1565C0;
}
/* ===== /Uno hero pagination ===== */

 /* Banner image zoom on hover */
.ser-card--link .ser-card-img-wrap {
	position: relative;
	z-index: 1;            /* keep zooming image below the corner notch */
	overflow: hidden;
	border-radius: 25px;
	height: 100%;
}
.ser-card--link .ser-card-img-wrap img {
	height: 100%;
	width: 100%;
	border-radius: 25px;
	object-fit: cover;
	transition: transform 0.45s ease;
}
.ser-card--link:hover .ser-card-img-wrap img {
	transform: scale(1.07);
}
/* keep the white corner cutout + arrow button above the zooming image */
.ser-card--link::before { z-index: 2; }
.ser-card--link .ser-btn { z-index: 3; }
/* keep the text labels above the zooming image */
.ser-card--link .ser-content,
.ser-card.v3.ser-card--link .title { z-index: 2; }

/* Scroll-in animation */
.banner-animate,
.product-animate {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.banner-animate.banner-visible,
.product-animate.banner-visible {
	opacity: 1;
	transform: translateY(0);
}
.banner-animate:nth-child(2) { transition-delay: 0.15s; }
.banner-animate:nth-child(3) { transition-delay: 0.3s; }
/* stagger product cards by their position within each row of 4 */
.shop-product .product-animate:nth-child(4n+2) { transition-delay: 0.12s; }
.shop-product .product-animate:nth-child(4n+3) { transition-delay: 0.24s; }
.shop-product .product-animate:nth-child(4n+4) { transition-delay: 0.36s; }

/* ===== აქციაში მყოფი პროდუქტების კარუსელი ===== */
/* სათაური მარცხნივ, გადასასქროლი ისრები მარჯვნივ */
.promo-title-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
/* ისრები სათაურის გვერდით (აბსოლუტურის ნაცვლად ნაკადში) */
.promo-title-area .slider-btn2 {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	flex: 0 0 auto;
	margin: 0;
}
/* ვაუქმებთ Bootstrap row/col gutter-ს, რომ კარუსელი სათაურის
   იმავე სიგანეზე (კონტეინერის კიდემდე) გაიწელოს */
.promo-products-sec .row {
	margin-left: 0;
	margin-right: 0;
}
.promo-products-sec .col-xl-12 {
	padding-left: 0;
	padding-right: 0;
}
/* .shop-product-ს დიფოლტად აქვს padding-right — ვაუქმებთ, რომ
   სლაიდერი სრულ სიგანეზე გაიწელოს */
.promo-products.shop-product {
	padding-left: 0;
	padding-right: 0;
}
/* პროდუქტებს შორის დაშორება — slide-ებს ვადებთ padding-ს,
   ხოლო სლაიდერს უკუ-margin-ით ვწევთ, რომ პირველი/ბოლო ბარათი
   კონტეინერის კიდეებზე ზუსტად გასწორდეს (გარეთა padding gutter-ში ჩაჯდეს) */
.promo-products .choose-slider4 {
	padding: 10px 0;
	width: calc(100% + 24px);
	margin-left: -12px;
	margin-right: -12px;
}
.promo-products .choose-slider4 .swiper-slide {
	padding: 0 12px;
	height: auto;
}
@media (max-width: 575px) {
	.promo-products .choose-slider4 {
		width: calc(100% + 16px);
		margin-left: -8px;
		margin-right: -8px;
	}
	.promo-products .choose-slider4 .swiper-slide {
		padding: 0 8px;
	}
}

/* აქციის პროდუქტების ფასის შრიფტი — გადიდებული */
.promo-products .shop-content .price {
	font-size: 19px;
	font-weight: 600;
}

/* ===== აქციის ბლოკი: თაიმერი + პროგრეს ბარი ===== */
.shop-deal {
	margin-top: 18px;
}
/* დარჩენილი დროის თაიმერი */
.deal-timer {
	display: flex;
	gap: 6px;
	margin-bottom: 14px;
}
.deal-box {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 7px 2px;
	border-radius: 10px;
	background: rgba(123, 92, 200, 0.08);
	line-height: 1;
}
.deal-box b {
	font-family: 'Sora', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #1a1a1a;
}
.deal-box small {
	margin-top: 4px;
	font-size: 10px;
	letter-spacing: .2px;
	color: #8a8a8a;
}
/* პროგრეს ბარი — გაყიდულის მიხედვით */
.deal-bar {
	height: 8px;
	border-radius: 20px;
	background: #ececf4;
	overflow: hidden;
}
.deal-bar span {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 20px;
	background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
	transition: width .6s ease;
}
.deal-stats {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	font-size: 12px;
	color: #6a6a6a;
}
.deal-stats b {
	color: #1a1a1a;
	font-weight: 600;
}
/* აქცია დასრულდა */
.shop-deal.ended .deal-timer {
	opacity: .45;
}
/* მუქი თემა */
.active-body .deal-box {
	background: rgba(255, 255, 255, 0.06);
}
.active-body .deal-box b,
.active-body .deal-stats b {
	color: var(--color-content-white);
}
.active-body .deal-bar {
	background: rgba(255, 255, 255, 0.12);
}
 /* ===== პარტნიორების მარკი — 3 რიგი, თითო ცალკე მიმართულებით/სიჩქარით ===== */
.uno-partners-sec .uno-pm { display: flex; flex-direction: column; gap: 26px; margin-top: 10px; }
.uno-partners-sec .uno-pm-row {
	overflow: hidden;
   
}
.uno-partners-sec .uno-pm-track {
	display: flex;
	flex-wrap: nowrap;
	width: -webkit-max-content;
	width: max-content;
	animation: uno-pm-scroll var(--pm-speed, 45s) linear infinite;
	will-change: transform;
}
.uno-partners-sec .uno-pm-row--reverse .uno-pm-track { animation-direction: reverse; }
.uno-partners-sec .uno-pm-row:hover .uno-pm-track { animation-play-state: paused; }
@keyframes uno-pm-scroll {
	from { -webkit-transform: translateX(0); transform: translateX(0); }
	to   { -webkit-transform: translateX(calc(-1 * var(--pm-distance, 50%))); transform: translateX(calc(-1 * var(--pm-distance, 50%))); }
}
.uno-partners-sec .uno-pm-item {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
}
.uno-partners-sec .uno-pm-item img {
	height: 44px;
	width: auto;
	max-width: none;
	object-fit: contain;
	/*-webkit-filter: grayscale(100%); filter: grayscale(100%);
	-webkit-transition: -webkit-filter .3s ease, opacity .3s ease;
	transition: filter .3s ease, opacity .3s ease;*/
}
.uno-partners-sec .uno-pm-item img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
@media (max-width: 768px) {
	.uno-partners-sec .uno-pm { gap: 18px; }
	.uno-partners-sec .uno-pm-item { padding: 0 14px; }
	.uno-partners-sec .uno-pm-item img { height: 34px; }
}
@media (prefers-reduced-motion: reduce) {
	.uno-partners-sec .uno-pm-track { animation: none; }
}

.uno-infobar { background: #1f3b6f; padding: 34px 0; border-bottom: 1px solid #3a5381;}
.uno-infobar .uno-info-item {
	display: flex; align-items: center; gap: 18px;
	padding: 8px 24px; height: 100%; position: relative;
}
.uno-infobar [class*="col-"]:not(:last-child) .uno-info-item::after {
	content: ""; position: absolute; right: 0; top: 50%;
	transform: translateY(-50%); width: 1px; height: 58px;
	background: rgba(255, 255, 255, .12);
}
.uno-infobar .uno-info-icon { flex: 0 0 auto; font-size: 34px; color: #fff; min-width: 46px; text-align: center; line-height: 1; }
.uno-infobar .uno-info-text h5 { color:#fff; font-size: 17px; font-weight: 600; margin: 0 0 5px; letter-spacing: -0.01em; }
.uno-infobar .uno-info-text p { color: #fff; font-size: 13px; line-height: 1.45; margin: 0; }
@media (max-width: 991px) {
	.uno-infobar [class*="col-"] .uno-info-item::after { display: none; }
	.uno-infobar .uno-info-item { padding: 16px 12px; }
}

.shop-card .shop-actions {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	gap: 10px;
	opacity: 0;
	transform: translateX(16px);
	transition: opacity .35s ease, transform .35s ease;
	pointer-events: none;
}
.shop-card:hover .shop-actions { opacity: 1; transform: translateX(0); pointer-events: auto; }
.shop-card .shop-actions button {
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	color: var(--color-heading, #1c1c1c);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
	font-size: 15px;
	line-height: 1;
	transition: background .3s ease, color .3s ease;
}
.shop-card .shop-actions button:hover {
	background: linear-gradient(150deg, #1b4678 10%, #339d9b 90%);
	color: #fff;
}
@media (prefers-reduced-motion: reduce) {
	.shop-card .shop-actions { transition: none; }
}

/* ===== Mobile menu cleanup ===== */
/* a touch wider so longer Georgian labels fit on one line */
.side-menu2.side-menu2-left { width: 340px; padding: 20px 28px; }
.side-menu2-left { left: -380px !important; }

/* Show the dropdown arrow ONLY on items that actually have a submenu */
.side-menu2 > ul > li > a::before { display: none !important; }
.side-menu2 > ul > li:has(> ul) > a::before { display: inline-block !important; }

/* Let submenu link text wrap cleanly instead of clipping at a fixed height */
.side-menu2 > ul ul li a {
	height: auto;
	min-height: 34px;
	line-height: 1.35;
	padding: 6px 18px 6px 0;
	display: flex;
	align-items: center;
}

/* keep nested sub-menu arrow aligned with the first line of its label */
.side-menu2 .sub-menu::before { top: 16px; }

/* პროდუქტის სურათების მსგავსი hover-ზუმი — .feature-img8-ს უკვე აქვს overflow:hidden + border-radius */
.feature-sec8 .feature-img8 img { transition: transform 0.3s ease; }
.feature-sec8 .feature-img8:hover img { transform: scale(1.1); }

/* სქროლზე შემოსვლა — სურათი მარცხნიდან, ტექსტი მარჯვნიდან */
.feature-sec8 .uno-reveal { opacity: 0; transition: opacity .9s ease, transform .9s cubic-bezier(.16,.7,.3,1); will-change: opacity, transform; }
.feature-sec8 .uno-reveal.from-left  { transform: translateX(-80px); }
.feature-sec8 .uno-reveal.from-right { transform: translateX(80px); }
.feature-sec8 .uno-reveal.is-visible { opacity: 1; transform: translateX(0); }
@media (prefers-reduced-motion: reduce) {
	.feature-sec8 .uno-reveal { opacity: 1; transform: none; transition: none; }
}

/* ===== shop_single — პროდუქტის შიდა გვერდი UNO სტილში ===== */
.vs-header6 { position: relative; } /* შიდა გვერდი — ჰედერი ნაკადში, ზედა ხარვეზის გარეშე */

.uno-product-sec .uno-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:14px; color:#8a8f98; margin-bottom:28px; }
.uno-product-sec .uno-breadcrumb a { color:#8a8f98; transition:color .25s ease; }
.uno-product-sec .uno-breadcrumb a:hover { color:var(--heading-text-color, #002a5a); }
.uno-product-sec .uno-breadcrumb i { font-size:10px; color:#c2c7cf; }
.uno-product-sec .uno-breadcrumb span { color:var(--heading-text-color, #002a5a); }

/* გალერეა */
.uno-gallery-main { position:relative; border:1px solid #e7eaf0; border-radius:20px; background:#fff; padding:26px; display:flex; align-items:center; justify-content:center; }
.uno-gallery-main img { width:100%; max-height:420px; object-fit:contain; }
.uno-gallery-main .uno-disc { position:absolute; top:16px; left:16px; background:#f14f44; color:#fff; font-size:13px; font-weight:600; padding:3px 13px; border-radius:50px; }
.uno-gallery-thumbs { display:flex; gap:12px; margin-top:14px; flex-wrap:wrap; }
.uno-gallery-thumbs button { width:80px; height:80px; border:1.5px solid #e7eaf0; border-radius:14px; background:#fff; padding:8px; cursor:pointer; transition:border-color .25s ease; }
.uno-gallery-thumbs button.active, .uno-gallery-thumbs button:hover { border-color:#7061c8; }
.uno-gallery-thumbs img { width:100%; height:100%; object-fit:contain; }

/* ინფო */
.uno-pinfo { padding-left:8px; }
.uno-pinfo .uno-ptitle { font-size:26px; line-height:1.32; font-weight:600; letter-spacing:-0.01em; color:var(--heading-text-color, #002a5a); margin:0 0 8px; }
.uno-pinfo .uno-pid { font-size:13px; color:#9aa0a6; margin:0 0 22px; }
.uno-spec { border:1px solid #eceff3; border-radius:14px; overflow:hidden; margin-bottom:24px; }
.uno-spec > div { display:flex; justify-content:space-between; gap:16px; padding:13px 18px; font-size:14px; }
.uno-spec > div:nth-child(odd) { background:#f7f8fa; }
.uno-spec .k { color:#8a8f98; }
.uno-spec .v { color:var(--heading-text-color, #002a5a); font-weight:500; }
.uno-instock { color:#2b9d6e !important; font-weight:600; }
.uno-instock::before { content:"\25CF"; margin-right:6px; font-size:9px; vertical-align:middle; }
.uno-pdesc-h { font-size:16px; font-weight:600; color:var(--heading-text-color, #002a5a); margin:0 0 8px; }
.uno-pdesc { font-size:14px; line-height:1.7; color:#5d636b; margin:0; }

/* ყიდვის ბარათი — sticky */
.uno-buy-card { position:sticky; top:110px; border:1px solid #e7eaf0; border-radius:18px; background:#fff; padding:24px; box-shadow:0 12px 34px rgba(20,30,60,.06); }
.uno-buy-price { display:flex; align-items:baseline; gap:11px; margin-bottom:18px; }
.uno-buy-price .now { font-size:29px; font-weight:700; color:#f14f44; }
.uno-buy-price .old { font-size:17px; color:#9aa0a6; text-decoration:line-through; }
.uno-qty { display:flex; align-items:center; border:1px solid #e0e3e8; border-radius:12px; overflow:hidden; margin-bottom:14px; }
.uno-qty button { width:48px; height:50px; border:0; background:#f4f5f7; font-size:19px; line-height:1; cursor:pointer; color:var(--color-heading); transition:background .2s ease; }
.uno-qty button:hover { background:#e8ebef; }
/* კლიკის შემდგომ ბრაუზერის focus-ჩარჩოს მოშორება (keyboard-focus ლამაზად რჩება) */
.uno-qty button:focus,
.uno-gallery-thumbs button:focus,
.uno-tabs .uno-tab-btns button:focus,
.uno-buy-card .ibt-btn:focus { outline:none; box-shadow:none; }
.uno-qty button:focus-visible,
.uno-gallery-thumbs button:focus-visible,
.uno-tabs .uno-tab-btns button:focus-visible,
.uno-buy-card .ibt-btn:focus-visible { outline:2px solid #7061c8; outline-offset:2px; }
.uno-qty input { flex:1; min-width:0; width:100%; border:0; outline:0; text-align:center; height:50px; font-size:15px; -moz-appearance:textfield; }
.uno-qty input::-webkit-outer-spin-button, .uno-qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.uno-buy-card .ibt-btn { width:100%; justify-content:center; height:54px; border-radius:12px; margin:0 0 10px; }
.uno-buy-card .uno-btn-cart { background:#1565C0; color:#fff; }
.uno-buy-card .uno-btn-cart:hover { background:#0f4f9c; color:#fff; }
.uno-buy-card .uno-btn-buy { background:#2b9d6e; color:#fff; margin-bottom:0; }
.uno-buy-card .uno-btn-buy:hover { background:#23895f; color:#fff; }
.uno-buy-note { display:flex; align-items:center; gap:8px; font-size:12.5px; color:#8a8f98; margin-top:14px; }
.uno-buy-note i { color:#2b9d6e; }

/* თაბები */
.uno-tabs { margin-top:48px; }
.uno-tabs .uno-tab-btns { display:flex; gap:26px; border-bottom:1.5px solid #eceff3; margin-bottom:24px; }
.uno-tabs .uno-tab-btns button { border:0; background:none; font-size:16px; font-weight:600; color:#9aa0a6; padding:0 2px 14px; cursor:pointer; position:relative; }
.uno-tabs .uno-tab-btns button.active { color:var(--heading-text-color, #002a5a); }
.uno-tabs .uno-tab-btns button.active::after { content:""; position:absolute; left:0; right:0; bottom:-1.5px; height:2.5px; background:linear-gradient(150deg, #1b4678 10%, #339d9b 90%); border-radius:3px; }
.uno-tabs .uno-tab-pane { display:none; }
.uno-tabs .uno-tab-pane.active { display:block; }
.uno-tabs .uno-tab-pane p { font-size:14.5px; line-height:1.85; color:#5d636b; margin-bottom:16px; }

@media (max-width: 991px){
	.uno-buy-card { position:static; margin-top:30px; }
	.uno-pinfo { padding-left:0; margin-top:26px; }
}

@media (min-width: 1200px) {
    .col-pr-3 {
        width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-pr-9 {
        width: 80%;
    }
}

.vs-header6 { position: relative; }
.uno-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:14px; color:#8a8f98; margin-bottom:28px; }
.uno-breadcrumb a { color:#8a8f98; transition:color .25s ease; }
.uno-breadcrumb a:hover { color:var(--color-heading); }
.uno-breadcrumb i { font-size:10px; color:#c2c7cf; }
.uno-breadcrumb span { color:var(--heading-text-color, #002a5a); }
.side-bar2 .ser-widget { padding: 25px 25px; }
.side-bar2 .ser-widget a { font-size:16px; line-height:34px; letter-spacing:1px; }
.side-bar2 .side-bar-title { font-size:16px; line-height:1.3; margin-bottom:14px; }
.side-bar2 .side-widget2 { margin-bottom:24px; }
.side-bar2 .price-values { font-size:13px; }
.side-bar2 .filter-checks { list-style:none; padding:0; margin:0; }
.side-bar2 .filter-checks li { margin-bottom:10px; }
.side-bar2 .filter-check { display:flex; align-items:center; gap:10px; font-size:14px; color:#5d636b; cursor:pointer; margin:0; }
.side-bar2 .filter-check input { position:absolute; opacity:0; width:0; height:0; }
.side-bar2 .filter-mark { width:18px; height:18px; border:1.5px solid #cfd5dd; border-radius:5px; flex:0 0 auto; transition:all .2s ease; position:relative; }
.side-bar2 .filter-check:hover .filter-mark { border-color:#7061c8; }
.side-bar2 .filter-check input:checked + .filter-mark { background:#7061c8; border-color:#7061c8; }
.side-bar2 .filter-check input:checked + .filter-mark::after { content:""; position:absolute; left:5px; top:2px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }

.auth-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;display:flex;align-items:center;justify-content:center;}
.auth-modal-box{background:#fff;border-radius:14px;padding:36px 32px 28px;width:100%;max-width:420px;position:relative;box-shadow:0 8px 40px rgba(0,0,0,.18);}
.auth-modal-close{position:absolute;top:14px;right:18px;background:none;border:none;outline:none;font-size:22px;cursor:pointer;color:#444;line-height:1;}
.auth-modal-title{font-size:20px;font-weight:700;margin-bottom:22px;}
.auth-field{display:flex;align-items:center;border:1.5px solid #e0e0e0;border-radius:8px;padding:0 14px;margin-bottom:14px;height:50px;gap:10px;}
.auth-field i{color:#aaa;font-size:15px;flex-shrink:0;}
.auth-field input{flex:1;min-width:0;border:none;outline:none;font-size:14px;background:transparent;height:auto;}
/* პირდაპირი ინფუთი ზუსტად ველის შიდა სიმაღლეს იკავებს (არ გადადის ბორდერზე) */
.auth-field > input{align-self:stretch;}
/* -- ბრაუზერის autofill არ უნდა გადაეფაროს .auth-field-ის ბორდერს -- */
.auth-field input:-webkit-autofill,
.auth-field input:-webkit-autofill:hover,
.auth-field input:-webkit-autofill:focus,
.auth-field input:-webkit-autofill:active{
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:var(--color-body) !important;
  caret-color:var(--color-body);
  transition:background-color 99999s ease-in-out 0s !important;
}
.auth-eye-btn{background:none;border:none;cursor:pointer;color:#aaa;padding:0;display:flex;align-items:center;}
/* --- აღდგენის ბმული და მოდალის შეტყობინებები --- */
.auth-row-right{text-align:right;margin:-6px 0 12px;}
.auth-forgot-link{font-size:13px;color:#1a2d6d;text-decoration:none;}
.auth-forgot-link:hover{text-decoration:underline;}
.auth-msg{padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:12px;line-height:1.5;}
.auth-msg.is-err{background:#fdecea;color:#b3261e;}
.auth-msg.is-ok{background:#e7f6ed;color:#1c7a4a;}
.auth-notice-text{font-size:14px;line-height:1.6;color:#555;margin-bottom:18px;}
.auth-submit-btn{width:100%;background:#1a2d6d;color:#fff;border:none;border-radius:8px;height:50px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:12px;}
.auth-submit-btn:hover{background:#243d8f;}
.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;color:#333;text-decoration:none;margin-bottom:10px;}
.auth-social-btn:hover{background:#f5f5f5;color:#333;}
.auth-facebook i{color:#1877f2;}
.auth-google img{width:18px;height:18px;}
.auth-register-link{display:block;text-align:center;margin-top:8px;color:#1a2d6d;font-size:14px;font-weight:600;text-decoration:none;}
.auth-register-link:hover{text-decoration:underline;}

.auth-row{display:flex;gap:12px;}
.auth-row .auth-field{flex:1;}
.auth-field--phone{flex-direction:row;align-items:center;}
.auth-phone-wrap{display:flex;flex-direction:column;flex:1;}
.auth-phone-label{font-size:11px;color:#aaa;line-height:1;margin-bottom:2px;}
.auth-phone-wrap input{border:none;outline:none;font-size:14px;background:transparent;}
.auth-terms{display:flex;align-items:center;gap:10px;font-size:13px;color:#444;margin-bottom:14px;cursor:pointer;position:relative;}
/* თემა ყველა checkbox-ს მალავს (opacity:0) და ცალკე label-ს ელოდება — აქ საკუთარი ყუთი გვაქვს */
.auth-terms input{position:absolute;opacity:0;width:1px;height:1px;margin:0;}
.auth-terms-box{width:20px;height:20px;flex:0 0 20px;border:2px solid #b9c3d1;border-radius:5px;background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;}
.auth-terms-box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px);opacity:0;}
.auth-terms input:checked ~ .auth-terms-box{background:#1a2d6d;border-color:#1a2d6d;}
.auth-terms input:checked ~ .auth-terms-box::after{opacity:1;}
.auth-terms input:focus-visible ~ .auth-terms-box{box-shadow:0 0 0 3px rgba(26,45,109,.2);}
.auth-terms.is-invalid .auth-terms-box{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.15);}
.auth-terms a{color:#1a2d6d;text-decoration:underline;}

/* შეკვეთის/გადახდის შედეგის ბლოკი (checkout-success) — თემის h2 ზედმეტად დიდია */
.co-result h2{font-size:26px;line-height:1.3;margin:14px 0 6px;}
.co-result p{font-size:15px;line-height:1.6;margin:0 0 8px;}
.co-result > i{font-size:56px !important;}
@media (max-width:640px){.co-result h2{font-size:21px;}.co-result p{font-size:14px;}}

/* ===== CART PAGE ===== */
.cart-page { padding: 40px 0 60px; }
.cart-breadcrumb { display:flex; align-items:center; gap:8px; font-size:13px; color:#888; margin-bottom:28px; }
.cart-breadcrumb a { color:#888; text-decoration:none; }
.cart-breadcrumb a:hover { color:var(--uno-primary,#1565C0); }
.cart-breadcrumb i { font-size:11px; }
.cart-breadcrumb span { color:#1a2d6d; font-weight:600; }

/* Table */
.cart-table-wrap { background:#fff; border-radius:14px; box-shadow:0 2px 16px rgba(0,0,0,.07); overflow:hidden; }
.cart-table { width:100%; border-collapse:collapse; }
.cart-table thead th { background:#f7f8fc; padding:14px 18px; font-size:13px; font-weight:700; color:#555; text-transform:uppercase; letter-spacing:.4px; border-bottom:1px solid #eee; }
.cart-table thead th:last-child { text-align:right; }
.cart-table tbody td { padding:18px 18px; border-bottom:1px solid #f0f0f0; vertical-align:middle; }
.cart-table tbody tr:last-child td { border-bottom:none; }

/* Product cell */
.cart-prod { display:flex; align-items:center; gap:14px; }
.cart-prod-img { width:72px; height:72px; border-radius:10px; object-fit:contain; background:#f7f8fc; flex-shrink:0; border:1px solid #eee; padding:4px; }
.cart-prod-info { flex:1; }
.cart-prod-name { font-size:14px; font-weight:600; color:#1a1a2e; line-height:1.4; margin-bottom:4px; }
.cart-prod-brand { font-size:12px; color:#1565C0; font-weight:500; }

/* Price */
.cart-price-now { font-size:15px; font-weight:700; color:#1a1a2e; }
.cart-price-old { font-size:12px; color:#aaa; text-decoration:line-through; display:block; }
.cart-discount-badge { display:inline-block; background:#e8f5e9; color:#2e7d32; font-size:11px; font-weight:700; padding:2px 7px; border-radius:20px; margin-left:6px; }

/* Qty */
.cart-qty { display:inline-flex; align-items:center; border:1.5px solid #e0e0e0; border-radius:8px; overflow:hidden; }
.cart-qty button { width:34px; height:34px; background:none; border:none; font-size:17px; cursor:pointer; color:#555; transition:background .15s; }
.cart-qty button:hover { background:#f0f4ff; }
.cart-qty input { width:52px; height:34px; border:none; text-align:center; font-size:14px; font-weight:600; outline:none;
  -moz-appearance:textfield; appearance:textfield; }
.cart-qty input::-webkit-outer-spin-button,
.cart-qty input::-webkit-inner-spin-button { -webkit-appearance:none; appearance:none; margin:0; }
input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; }

/* Total cell */
.cart-total-price { font-size:15px; font-weight:700; color:#1565C0; text-align:right; }

/* Remove */
.cart-remove { background:none; border:none; color:#ccc; font-size:17px; cursor:pointer; padding:0 4px; transition:color .15s; }
.cart-remove:hover { color:#e53935; }

/* Coupon bar */
.cart-coupon-bar { display:flex; gap:10px; margin-top:20px; flex-wrap:wrap; }
.cart-coupon-bar input { flex:1; min-width:160px; height:46px; border:1.5px solid #e0e0e0; border-radius:8px; padding:0 16px; font-size:14px; outline:none; }
.cart-coupon-bar input:focus { border-color:#1565C0; }
.cart-coupon-btn { height:46px; padding:0 22px; background:#1153a1; color:#fff; border:none; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; }
.cart-coupon-btn:hover { background:#243d8f; }
.cart-continue-btn { height:46px; padding:0 22px; background:#fff; color:#1a2d6d; border:1.5px solid #1a2d6d; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; display:flex; align-items:center; gap:8px; }
.cart-continue-btn:hover { background:#f0f4ff; }

/* ===== ORDER SUMMARY ===== */
.cart-summary { background:#fff; border-radius:14px; box-shadow:0 2px 16px rgba(0,0,0,.07); padding:24px 22px; position:sticky; top:90px; }
.cart-summary-title { font-size:17px; font-weight:800; color:#1a1a2e; margin-bottom:20px; padding-bottom:14px; border-bottom:2px solid #f0f0f0; }
.cart-sum-row { display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#555; margin-bottom:12px; }
.cart-sum-row .label { }
.cart-sum-row .val { font-weight:600; color:#1a1a2e; }
.cart-sum-row .val.old { text-decoration:line-through; color:#bbb; font-weight:400; }
.cart-sum-row .val.discount { color:#2e7d32; }
.cart-sum-row .val.free { color:#2e7d32; }
.cart-sum-divider { border:none; border-top:1.5px dashed #e8e8e8; margin:14px 0; }
.cart-sum-total { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.cart-sum-total .label { font-size:15px; font-weight:700; color:#1a1a2e; }
.cart-sum-total .val { font-size:22px; font-weight:800; color:#1565C0; }
.cart-checkout-btn { width:100%; height:60px; background:var(--gradient-3); color:#fff; border:none; border-radius:10px; font-size:15px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:10px; transition:opacity .2s; }
.cart-checkout-btn:hover { opacity:.9; }
.cart-sum-notes { margin-top:16px; display:flex; flex-direction:column; gap:8px; }
.cart-sum-note { display:flex; align-items:center; gap:8px; font-size:12px; color:#777; }
.cart-sum-note i { color:#1565C0; font-size:13px; width:16px; text-align:center; }
.cart-delivery-info { background:#f0f7ff; border-radius:10px; padding:12px 14px; margin-top:14px; }
.cart-delivery-info p { font-size:12px; color:#555; margin:0; display:flex; align-items:center; gap:8px; }
.cart-delivery-info p i { color:#555; }
.cart-delivery-bar { height:5px; background:#e0e0e0; border-radius:10px; margin-top:8px; overflow:hidden; }
.cart-delivery-bar-fill { height:100%; width:62%; background:var(--gradient-3);  border-radius:10px; }

/* Empty cart */
/* flex-სვეტი — ბავშვები ვერტიკალურად ეწყობა და ცენტრირდება მიუხედავად იმისა,
   რა display აქვთ. margin:auto აქ არ გამოდგა: გლობალური p-წესი ჯაბნიდა. */
.cart-empty {
  display:flex; flex-direction:column; align-items:center;
  text-align:center; padding:72px 20px 88px;
}
/* მხოლოდ დიდი აიქონი ზემოთ — ღილაკის შიგნით `i`-ს არ უნდა შეეხოს (>) */
.cart-empty > i {
  display:inline-flex; align-items:center; justify-content:center;
  width:104px; height:104px; margin:0 0 22px;
  font-size:42px; color:#b9c2d6;
  background:#f4f6fb; border-radius:50%;
}
.cart-empty p { font-size:16px; color:#6b7280; margin:0 0 24px !important; max-width:420px; }
.cart-empty a { display:inline-flex; align-items:center; gap:8px; height:46px; padding:0 24px; background:#1a2d6d; color:#fff; border-radius:8px; font-size:14px; font-weight:600; text-decoration:none; }

@media(max-width:991px){
  .cart-table thead { display:none; }
  .cart-table tbody td { display:block; padding:8px 14px; border:none; }
  .cart-table tbody tr { border:1px solid #f0f0f0; border-radius:10px; margin-bottom:14px; display:block; padding:10px 0; background:#fff; }
  .cart-total-price { text-align:left !important; }
  .cart-summary { margin-top:24px; position:static; }
}

.social-icon .fa-facebook-f, .top-bar-socials .fa-facebook-f { color:#1877F2; }
.social-icon .fa-youtube, .top-bar-socials .fa-youtube { color:#FF0000; }
.social-icon .fa-linkedin-in, .top-bar-socials .fa-linkedin-in { color:#0A66C2; }
.social-icon .fa-instagram, .top-bar-socials .fa-instagram {
	color:#E4405F;
	background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
	-webkit-background-clip:text; background-clip:text;
	-webkit-text-fill-color:transparent;
}
/* ფუტერში სოც. ქსელების აიქონები (ლოგოები) თეთრია, ბრენდის ფერების ნაცვლად */
.footer-style4 .social-icon .fa-facebook-f,
.footer-style4 .social-icon .fa-youtube,
.footer-style4 .social-icon .fa-linkedin-in,
.footer-style4 .social-icon .fa-instagram {
	color:#fff !important;
	background:none !important;
	-webkit-background-clip:initial !important; background-clip:initial !important;
	-webkit-text-fill-color:#fff !important;
}
/* ==========================================================================
   მომხმარებლის კაბინეტი (Account area) — გვერდითი მენიუთი
   ========================================================================== */
.account-page { padding-top:40px; padding-bottom:70px; background:#f7f8fb; }
.account-wrap { max-width:1540px; margin:0 auto; }
.account-page .cart-breadcrumb { margin-bottom:22px; }

.account-grid {
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  gap:26px;
  align-items:start;
}

/* --- გვერდითი მენიუ --- */
.account-side {
  background:#fff; border:1px solid #eef0f4; border-radius:16px;
  padding:22px 18px; position:sticky; top:20px;
  box-shadow:0 4px 24px rgba(20,30,60,.04);
}
.account-user { display:flex; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid #f0f1f5; margin-bottom:14px; }
.account-avatar {
  width:52px; height:52px; flex:0 0 52px; border-radius:50%;
  background:linear-gradient(135deg,#1b4678,#339d9b); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:22px; font-weight:700; text-transform:uppercase;
}
.account-user-meta { min-width:0; }
.account-user-meta strong { display:block; font-size:15px; color:#1c2440; line-height:1.3; }
.account-user-meta span { display:block; font-size:12.5px; color:#8a92a8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.account-nav { display:flex; flex-direction:column; gap:4px; }
.account-nav a,
.account-nav .account-logout button {
  display:flex; align-items:center; gap:12px; width:100%;
  padding:12px 14px; border-radius:10px; text-decoration:none;
  font-size:14.5px; font-weight:500; color:#4a5169;
  background:none; border:none; cursor:pointer; text-align:left; transition:all .15s;
}
.account-nav a i { width:20px; text-align:center; font-size:15px; color:#9aa1b5; transition:color .15s; }
.account-nav a span { flex:1; }
.account-nav a:hover { background:#f4f6fb; color:#1c2440; }
.account-nav a.is-active { background:#f4f6fb; color:#1c2440; font-weight:600; }
.account-nav a.is-active i { color:#1c2440; }
.account-nav-badge {
  flex:0 0 auto; min-width:22px; height:22px; padding:0 7px; border-radius:11px;
  background:#eef0f6; color:#6b7288; font-size:12px; font-weight:600;
  display:inline-flex; align-items:center; justify-content:center;
}
.account-nav a.is-active .account-nav-badge { background:#e3e7f0; color:#1c2440; }
.account-logout { margin-top:8px; padding-top:8px; border-top:1px solid #f0f1f5; }
.account-nav .account-logout button:hover { background:#fff2f2; color:#d33; }
.account-nav .account-logout button i { color:#c05; }

/* --- მთავარი შიგთავსი --- */
.account-main { display:flex; flex-direction:column; gap:22px; min-width:0; }
.account-card {
  background:#fff; border:1px solid #eef0f4; border-radius:16px;
  padding:26px; box-shadow:0 4px 24px rgba(20,30,60,.04);
}
.account-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
.account-card-title { font-size:18px; font-weight:700; color:#1c2440; margin:0; }
.account-hello { font-size:22px; font-weight:700; color:#1c2440; margin:0; }
.account-link { color:#1b4678; font-weight:600; font-size:14px; text-decoration:none; white-space:nowrap; }
.account-link:hover { text-decoration:underline; }

/* --- KPI ბარათები --- */
.acc-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.acc-stat {
  background:#fff; border:1px solid #eef0f4; border-radius:14px; padding:18px 20px;
  display:flex; flex-direction:column; gap:6px; box-shadow:0 4px 24px rgba(20,30,60,.04);
}
.acc-stat-ic { width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center; font-size:18px; margin-bottom:4px; }
.acc-stat-num { font-size:24px; font-weight:800; color:#1c2440; line-height:1; }
.acc-stat-lbl { font-size:13px; color:#8a92a8; }

/* --- ცხრილი --- */
.account-table { width:100%; border-collapse:collapse; }
.account-table thead th { text-align:left; font-size:12.5px; font-weight:600; color:#8a92a8; text-transform:uppercase; letter-spacing:.02em; padding:0 14px 12px; border-bottom:1px solid #eef0f4; }
.account-table tbody td { padding:14px; font-size:14px; color:#3a4160; border-bottom:1px solid #f3f4f8; vertical-align:middle; }
.account-table tbody tr:last-child td { border-bottom:none; }
.account-table .badge { padding:5px 10px; border-radius:7px; font-size:12px; font-weight:600; color:#fff; }
.account-table .text-end, .account-main .text-end { text-align:right; }

/* --- ცარიელი მდგომარეობა --- */
.account-empty { text-align:center; padding:40px 20px; }
.account-empty i { font-size:44px; color:#d7dbe6; margin-bottom:14px; display:block; }
.account-empty p { color:#8a92a8; margin-bottom:18px; }

/* --- ფორმები --- */
.acc-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px 20px; margin-bottom:20px; }
.acc-field { display:flex; flex-direction:column; gap:7px; }
.acc-field-full { grid-column:1 / -1; }
.acc-field label { font-size:13.5px; font-weight:600; color:#4a5169; }
.acc-field .req { color:#1b4678; }
.acc-field input {
  height:46px; padding:0 14px; border:1px solid #e2e5ee; border-radius:10px;
  font-size:14px; color:#1c2440; background:#fbfcfe; transition:border .15s, box-shadow .15s; width:100%;
}
.acc-field input:focus { outline:none; border-color:#1b4678; box-shadow:0 0 0 3px rgba(27,70,120,.12); background:#fff; }
.acc-check { flex-direction:row; align-items:center; gap:9px; font-weight:500; cursor:pointer; }
.acc-check input { width:auto; height:auto; }

/* --- შეკვეთის დეტალები --- */
.order-info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.order-info-h { font-size:12.5px; text-transform:uppercase; letter-spacing:.03em; color:#8a92a8; font-weight:600; margin:0 0 8px; }
.order-info-grid p { font-size:14px; color:#3a4160; line-height:1.7; margin:0; }
.order-totals { max-width:340px; margin-left:auto; margin-top:18px; }
.order-totals > div { display:flex; justify-content:space-between; font-size:14.5px; color:#4a5169; padding:7px 0; }
.order-totals .order-grand { border-top:1px solid #eef0f4; margin-top:6px; padding-top:12px; font-size:18px; font-weight:800; color:#1c2440; }

/* --- მისამართები --- */
.addr-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.addr-card { position:relative; border:1px solid #e6e9f0; border-radius:13px; padding:18px; display:flex; flex-direction:column; gap:6px; font-size:14px; color:#3a4160; }
.addr-card.is-default { border-color:#1b4678; background:#f0f6fc; }
.addr-card strong { font-size:15px; color:#1c2440; }
.addr-badge { position:absolute; top:14px; right:14px; background:#1b4678; color:#fff; font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; }
.addr-actions { display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.addr-btn { display:inline-flex; align-items:center; gap:6px; background:#f4f6fb; border:1px solid #e2e5ee; color:#4a5169; font-size:12.5px; font-weight:600; padding:7px 12px; border-radius:8px; cursor:pointer; }
.addr-btn:hover { background:#e9edf6; }
.addr-btn-del { color:#d33; }
.addr-btn-del:hover { background:#fdeaea; }

/* --- Responsive --- */
@media (max-width:991px) {
  .account-grid { grid-template-columns:1fr; }
  .account-side { position:static; }
  .account-nav { flex-direction:row; flex-wrap:wrap; }
  .account-nav a, .account-nav .account-logout { flex:1 1 auto; }
  .account-logout { margin-top:0; padding-top:0; border-top:none; }
  .acc-stats { grid-template-columns:repeat(2,1fr); }
  .order-info-grid { grid-template-columns:1fr; }
  .acc-form-grid { grid-template-columns:1fr; }
}
@media (max-width:575px) {
  .account-table thead { display:none; }
  .account-table tbody tr { display:block; border:1px solid #eef0f4; border-radius:12px; margin-bottom:12px; padding:6px 0; }
  .account-table tbody td { display:flex; justify-content:space-between; gap:12px; padding:9px 16px; border-bottom:none; }
  .account-table tbody td::before { content:attr(data-label); font-weight:600; color:#8a92a8; font-size:12.5px; }
  .account-table tbody td.text-end { justify-content:flex-end; }
}

/* ==========================================================================
   პროდუქტის ბარათი — hover აქშენები (ფავორიტები + სწრაფი ნახვა)
   ========================================================================== */
.shop-card .shop-actions button i { pointer-events:none; }
.shop-card .shop-actions .uno-wish.is-active { color:#1b4678; }
.shop-card .shop-actions .uno-wish.is-active:hover { color:#fff; }

/* ==========================================================================
   სწრაფი ნახვის მოდალი (Quick View)
   ========================================================================== */
.quick-modal-box {
  background:#fff; border-radius:18px; position:relative; width:100%;
  max-width:820px; box-shadow:0 20px 60px rgba(0,0,0,.25);
  max-height:90vh; overflow:auto; animation:quickIn .25s ease;
}
@keyframes quickIn { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
.quick-modal-box.is-loading { min-height:340px; }
.quick-modal-box.is-loading .quick-body { opacity:.25; pointer-events:none; }
.quick-modal-overlay .auth-modal-close { z-index:5; background:#fff; width:34px; height:34px; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.12); }

.quick-body { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.quick-media { position:relative; background:#f6f7fa; border-radius:18px 0 0 18px; overflow:hidden; }
.quick-media .quick-img { width:100%; height:100%; min-height:360px; object-fit:cover; display:block; }
.quick-tag { position:absolute; top:16px; left:16px; background:#f14f44; color:#fff; font-size:14px; font-weight:600; padding:2px 14px; border-radius:50px; height:28px; line-height:24px; }

.quick-info { padding:34px 34px 30px; display:flex; flex-direction:column; gap:12px; }
.quick-brand { font-size:12.5px; text-transform:uppercase; letter-spacing:.04em; color:#8a92a8; font-weight:600; }
.quick-name { margin:0; font-size:23px; font-weight:700; line-height:1.3; }
.quick-name a { color:#1c2440; text-decoration:none; }
.quick-name a:hover { color:#1b4678; }
.quick-rating { display:flex; align-items:center; gap:8px; font-size:14px; }
.quick-rating .quick-stars i { color:#f6a609; font-size:14px; }
.quick-rating .quick-rating-count { color:#8a92a8; }
.quick-price { display:flex; align-items:baseline; gap:12px; }
.quick-price-new { font-size:26px; font-weight:800; color:#1b4678; }
.quick-price-old { font-size:17px; color:#aab; }
.quick-stock { font-size:14px; font-weight:600; width:fit-content; }
.quick-stock.in { color:#1c9e6a; }
.quick-stock.out { color:#c0392b; }
.quick-short { font-size:14.5px; color:#5a6178; line-height:1.7; margin:2px 0 6px; }

.quick-actions { display:flex; gap:12px; align-items:stretch; margin-top:auto; }
.quick-actions .quick-add { flex:1; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.quick-actions .quick-wish {
  width:52px; flex:0 0 52px; border:1px solid #e2e5ee; background:#fff; border-radius:10px;
  cursor:pointer; font-size:18px; color:#666; display:flex; align-items:center; justify-content:center; transition:all .2s;
}
.quick-actions .quick-wish:hover { border-color:#1b4678; color:#1b4678; }
.quick-actions .quick-wish.is-active { color:#1b4678; border-color:#1b4678; background:#eaf1fa; }
.quick-details { font-size:14px; color:#1a2d6d; font-weight:600; text-decoration:none; margin-top:4px; }
.quick-details:hover { text-decoration:underline; }

@media (max-width:767px) {
  .quick-body { grid-template-columns:1fr; }
  .quick-media { border-radius:18px 18px 0 0; }
  .quick-media .quick-img { min-height:240px; max-height:300px; }
  .quick-info { padding:24px 22px 26px; }
  .quick-name { font-size:20px; }
}

/* ==========================================================================
   Shop sidebar — კატეგორიების რადიო + ლაივ-ფილტრის loading
   ========================================================================== */
.cat-checks .filter-mark { border-radius:50%; }
.cat-checks .filter-mark::after {
  left:50%; top:50%; width:8px; height:8px; border:none; border-radius:50%;
  background:#fff; transform:translate(-50%,-50%) scale(0);
}
.cat-checks .filter-check input:checked ~ .filter-mark::after {
  transform:translate(-50%,-50%) scale(1);
}

#shopResults { transition:opacity .2s ease; position:relative; min-height:200px; }
#shopResults.is-loading { opacity:.4; pointer-events:none; }
#shopResults.is-loading::after {
  content:""; position:absolute; top:80px; left:50%; width:38px; height:38px; margin-left:-19px;
  border:3px solid #e5e8f0; border-top-color:#1b4678; border-radius:50%;
  animation:shopSpin .7s linear infinite; z-index:5;
}
@keyframes shopSpin { to { transform:rotate(360deg); } }

/* === Focus ring — მაუსის კლიკზე შავი ჩარჩო აღარ ჩანს, კლავიატურაზე რჩება === */
button,
[role="button"],
input[type="submit"],
input[type="button"],
input[type="reset"],
.ibt-btn,
.cart-remove,
.qty-minus,
.qty-plus,
.ucd-minus,
.ucd-plus,
.ucd-del {
  -webkit-tap-highlight-color: transparent;
}

button:focus:not(:focus-visible),
button:active,
[role="button"]:focus:not(:focus-visible),
a:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="reset"]:focus:not(:focus-visible),
.ibt-btn:focus:not(:focus-visible),
summary:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

button:focus-visible,
[role="button"]:focus-visible,
a:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
.ibt-btn:focus-visible {
  outline: 2px solid rgba(51, 157, 155, 0.65);
  outline-offset: 2px;
}

/* პროდუქტის გვერდი — "მსგავსი პროდუქტები" სათაური უფრო მოკრძალებული */
.popular-products-sec .title-area .title {
  font-size: 32px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .popular-products-sec .title-area .title { font-size: 24px; }
}

/* --- კატალოგის კატეგორიების drill-down ნავიგაცია --- */
.cat-nav .cat-back{display:flex;align-items:center;gap:8px;color:#7a8798;font-weight:500;}
.cat-nav .cat-back:hover{color:#339d9b;}
.cat-nav .cat-current{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;}
.cat-nav .cat-count{background:#eef3f9;color:#1b4678;font-size:12px;font-weight:600;padding:1px 9px;border-radius:20px;}
.cat-nav .cat-child{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.cat-nav .cat-child i{color:#c2ccd8;font-size:12px;transition:transform .18s, color .18s;}
.cat-nav .cat-child:hover i{color:#339d9b;transform:translateX(3px);}
.cat-nav .cat-leaf{margin:6px 0 0;font-size:13px;color:#a8b3c0;}

/* მენიუს მშობელი პუნქტი ქვემენიუთი — ლინკი არაა, მხოლოდ გამხსნელი */
.side-menu2 > ul > li > a.menu-parent { cursor: pointer; }


/* =====================================================================
   UNO — მობილური ჰედერი + ქვედა ნავიგაცია (აპლიკაციის სტილი)
   ჩართულია < 1200px-ზე (იქ სადაც .btn-box იმალება: d-none d-xl-block)
   ===================================================================== */

/* --- ჰედერის მობილური მოქმედებები: ენა + ძებნის ღილაკი --- */
.uno-mob-actions { display: flex; align-items: center; gap: 10px; }
.uno-search-toggle {
  width: 44px; height: 44px; padding: 0; border: 1.5px solid #e3e8ef; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: #fff; color: #1A1A2E; font-size: 17px; cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.uno-search-toggle:hover { border-color: #1b4678; color: #1b4678; }
.uno-search-toggle[aria-expanded="true"] { background: #1b4678; border-color: #1b4678; color: #fff; }

@media (max-width: 1199.98px) {
  /* ძებნის ველი დაკეცილია — იხსნება ღილაკზე დაჭერით, ჰედერის ქვეშ ჩამოიშლება */
  .uno-search-col {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 1150;
    display: none; padding: 12px 14px 16px; margin: 0;
    background: #fff; border-radius: 0 0 18px 18px;
    box-shadow: 0 16px 32px rgba(27, 70, 120, .14);
  }
  .uno-search-col.is-open { display: block; animation: unoSearchDrop .22s ease both; }
  .uno-search-col .uno-header-search { height: 48px; max-width: none; padding-left: 18px; }
  /* ლოგო/ბურგერი უფრო კომპაქტური */
  .uno-logo-row { gap: 10px; }
  .uno-logo-row .uno-burger { width: 42px; height: 42px; }
  .uno-logo-row img { max-height: 42px; width: auto; }
  /* ზედა საკონტაქტო ზოლი მობილურზე ზედმეტია — ენა ჰედერშია გატანილი */
  .vs-header6 .header-top4 { display: none; }
}
@keyframes unoSearchDrop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

@media (max-width: 400px) {
  .uno-mob-actions { gap: 6px; }
  .uno-mob-actions .lang-switch-track { height: 24px; }
  .uno-mob-actions .lang-opt { min-width: 28px; line-height: 24px; font-size: 10px; }
  .uno-mob-actions .lang-switch-thumb { width: 28px; }
  .uno-search-toggle { width: 40px; height: 40px; font-size: 15px; }
}

/* --- ქვედა ფიქსირებული ნავიგაცია --- */
.uno-bottom-nav { display: none; }

@media (max-width: 1199.98px) {
  .uno-bottom-nav {
    position: fixed; z-index: 1200; left: 0; right: 0; bottom: 0;
    display: flex; align-items: stretch;
    background: #fff;
    border-top: 1px solid #e9edf3;
    box-shadow: 0 -6px 24px rgba(27, 70, 120, .10);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .ubn-item {
    flex: 1 1 0; min-width: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    padding: 9px 4px 8px; text-decoration: none;
    color: #8a93a6; font-size: 11px; line-height: 1.2;
    transition: color .2s ease;
    -webkit-tap-highlight-color: transparent;
  }
  .ubn-item:hover, .ubn-item:focus-visible { color: #1b4678; }
  .ubn-item.is-active { color: #1b4678; }
  .ubn-ico { position: relative; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; height: 24px; }
  .ubn-item.is-active .ubn-ico { color: #339d9b; }
  .ubn-label {
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-family: 'Poppins', 'Noto Sans Georgian', sans-serif; font-weight: 600;
  }
  .ubn-badge {
    position: absolute; top: -5px; right: -10px; min-width: 17px; height: 17px; padding: 0 4px;
    display: flex; align-items: center; justify-content: center;
    background: #4CAF50; color: #fff; font-size: 10px; font-weight: 700; line-height: 1;
    border-radius: 9px; border: 2px solid #fff;
    font-family: 'Poppins', 'Noto Sans Georgian', sans-serif;
  }
  .ubn-badge:empty { display: none; }

  /* კონტენტს ქვედა ბარი არ უნდა გადაეფაროს */
  body { padding-bottom: 62px; }
  /* ზევით-ასვლის ღილაკი ქვედა ბარს ზემოთ აიწიოს.
     ამ თემაში ღილაკი #scrollBtn-ია (იხ. footer.php) — .scroll-top/.back-to-top
     კლასები აქ არ არსებობს, ამიტომ წესი უშედეგო იყო და ღილაკი ბარს ეფარებოდა.
     ბარი 58px + safe-area (iPhone-ის home indicator), ამიტომ env()-საც ვამატებთ. */
  #scrollBtn, .scroll-top, .back-to-top {
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
/* --- სქროლის დროს გამოსული ფიქსირებული ჰედერი (მობილური) ---
   იყო: .sticky-active-ის დამატებითი padding + row-ის wrap ჩამოაგდებდა
   ენის გადამრთველსა და ძებნის ღილაკს ლოგოს ქვემოთ. */
@media (max-width: 1199.98px) {
  .sticky-active { padding: 0 !important; background: #fff !important; }
  .sticky-active .header-menu-area {
    padding: 8px 12px !important; margin: 0 !important;
    background: #fff !important; border: 0 !important;
  }
  .sticky-active .header-menu-area > .container2 {
    padding-left: 0 !important; padding-right: 0 !important;
    max-width: none !important;
  }
  /* ერთ ხაზზე — არასოდეს გადავიდეს მეორე რიგში */
  .sticky-active .header-menu-area > .container2 > .row {
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin-left: 0 !important; margin-right: 0 !important;
  }
  .sticky-active .header-menu-area > .container2 > .row > [class*="col"] {
    padding-left: 0 !important; padding-right: 0 !important;
  }
  .sticky-active .uno-logo-row { gap: 8px; flex-shrink: 0; }
  .sticky-active .uno-logo-row img { max-height: 44px !important; }
  .sticky-active .uno-logo-row .uno-burger { width: 38px; height: 38px; }
  .sticky-active .uno-mob-actions { flex-wrap: nowrap; flex-shrink: 0; margin-left: auto; }
  .sticky-active .uno-search-toggle { width: 38px; height: 38px; font-size: 15px; }
  /* ჩამოშლილი ძებნა ფიქსირებულ ჰედერშიც სწორად დაჯდეს */
  .sticky-active .uno-search-col { padding: 10px 12px 14px; }
}
/* ===== /UNO მობილური ჰედერი + ქვედა ნავიგაცია ===== */


/* =====================================================================
   UNO — მთავარი ჰერო-სლაიდერი მობილურზე (< 992px)

   ბანერი სრულად ჩანს, ბუნებრივი პროპორციით — ჭრის გარეშე.
   ადრე იყო `aspect-ratio: 4/3` + `object-fit: cover`, რაც განიერ ბანერს
   (მაგ. 1940×811) სიგანის ~56%-მდე ჭრიდა.

   შედეგად სურათი დაბალია (351px სიგანეზე ≈147px), ამიტომ ტექსტი მასზე
   ვეღარ ეტევა — ის სურათის ქვეშ, ბარათის ღია ფონზეა.
   ===================================================================== */
@media (max-width: 991.98px) {
  .hero-style6 { padding: 12px 12px 6px; border-radius: 0 0 20px 20px; }
  .hero-style6 > .container2 { padding-left: 0; padding-right: 0; }

  .hero-slider2 { padding-bottom: 0; }

  /* სექციებს შორის დაშორება მობილურზე (თემის 80px ძალიან დიდია) */
  .ibt-section-gap { padding-top: 36px !important; padding-bottom: 36px !important; }
  .ibt-section-gapTop { padding-top: 36px !important; }
  .ibt-section-gapBottom { padding-bottom: 36px !important; }
  /* სლაიდერსა და ბანერებს შორის კიდევ უფრო მჭიდრო */
  .hero-style6 + section.ibt-section-gapTop { padding-top: 20px !important; }

  /* ბარათი: სურათი — ტექსტი მასზეა, დესკტოპის მსგავსად.
     container-type — რომ ქვემოთ cqw (კონტეინერის სიგანის %) იმუშაოს. */
  .hero-content6 {
    position: relative;
    height: auto !important;
    background: #dfe7ef; border-radius: 18px; overflow: hidden;
    box-shadow: 0 10px 30px rgba(27, 70, 120, .10);
    container-type: inline-size;
  }
  /* სურათი — ბუნებრივი პროპორცია, სრულად, ჭრის გარეშე */
  .hero-content6 img {
    display: block; width: 100%;
    height: auto !important; max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important; object-position: center !important;
    border-radius: 0;
  }
  /* გრადიენტი აღარ გვჭირდება — ტექსტი სურათზე აღარ დევს */
  .hero-content6::after { display: none !important; }

  /* ---------------------------------------------------------------
     ტექსტი — სურათზე, ზუსტად ისე როგორც დესკტოპზე, ოღონდ პროპორციულად
     დაპატარავებული. ყველა ზომა კონტეინერის სიგანის პროცენტია (cqw),
     დესკტოპის 1225px-იანი ბარათიდან აღებული თანაფარდობებით:
       ბარათი 500px → 40.82% | სათაური 48/60px → 3.92%/4.90%
       აღწერა 16/30px → 1.31%/2.45% | ისრის დაშორება 41px → 3.35%
     ღილაკი ცალკეა — იხ. კომენტარი ქვემოთ.
     --------------------------------------------------------------- */
  /* დესკტოპზე სურათი 1.80-ზეა მოჭრილი და მაღალია; აქ ბანერი სრული, 2.39-ია,
     ანუ შედარებით დაბალი — ამიტომ ბარათს ვერტიკალურად ვაცენტრებთ top:16px-ის
     ნაცვლად, თორემ ქვედა კიდეს რამდენიმე პიქსელით სცდება. */
  .hero-text6 {
    position: absolute !important; top: 50% !important; bottom: auto !important;
    left: 0 !important; right: auto !important; width: 100%; z-index: 2;
    transform: translateY(-50%);
  }
  .hero-text6 > .container2 { max-width: none; padding-left: 0; padding-right: 0; }
  .hero-sec-info3 {
    background: rgba(255, 255, 255, .32) !important;
    /* პროპორციული სიგანე, ოღონდ არანაკლებ იმისა, რაც ღილაკს სჭირდება */
    max-width: max(120px, 40.82cqw) !important;
    margin: 0 0 0 1.22cqw !important;
    padding: 5.31cqw 2.61cqw 4.08cqw !important;
    border-radius: 2.04cqw !important;
  }
  /* max(...) — პროპორცია ინარჩუნებს დესკტოპის თანაფარდობას, სანამ ის
     წაკითხვად ზღვარს არ ჩამოსცდება; შემდეგ მინიმუმი იცავს.
     სუფთა პროპორციით ღილაკი 3.7px ფონტს და 10.9px სიმაღლეს იღებდა —
     არც იკითხებოდა, არც დაჭერადი იყო. */
  .hero-sec-info3 .title {
    color: var(--heading-text-color, #002a5a) !important;
    font-size: max(13px, 3.92cqw) !important;
    line-height: max(16px, 4.90cqw) !important;
    margin-bottom: max(6px, 1.96cqw) !important;
    letter-spacing: -0.03em;
    text-shadow: none !important;
  }
  .hero-sec-info3 p {
    font-size: max(11px, 1.31cqw) !important;
    line-height: max(16px, 2.45cqw) !important;
    margin-bottom: max(9px, 3.43cqw) !important;
    max-width: none !important;
    text-shadow: none !important;
  }
  /* ღილაკი დესკტოპზე 32px/12px-ია; ტელეფონზე კომპაქტური, მაგრამ ისევ
     დაჭერადი (სუფთა პროპორციით 9px სიმაღლე გამოვიდოდა — გამოუსადეგარი). */
  .hero-sec-info3 .hero-btn2 .ibt-btn {
    height: 24px !important;
    padding: 0 10px !important;
    gap: 4px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    border-radius: 6px !important;
    max-width: 100%;
  }
  /* თემა ისარს 41px-იან დაშორებას აძლევს (დესკტოპის განიერი ღილაკისთვის) —
     პატარა ღილაკზე ეს ერთადერთი ელემენტი ბერავდა სიგანეს 173px-მდე. */
  .hero-sec-info3 .hero-btn2 .ibt-btn i[class="icon-arrow-top"],
  .hero-sec-info3 .hero-btn2 .ibt-btn span[class="icon-arrow-top"] {
    margin-left: max(10px, 3.35cqw) !important;
  }

  /* პაგინაცია — სურათზე, ქვედა კიდეზე, ცენტრში */
  .hero-slider2 .hero-pagination {
    left: 0 !important; right: 0 !important;
    bottom: 10px !important; transform: none !important;
    width: auto !important; height: auto !important;
    display: flex !important; justify-content: center !important; align-items: center;
    padding: 0; gap: 5px; z-index: 3;
    background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
  }
  .hero-slider2 .hero-pagination::before,
  .hero-slider2 .hero-pagination::after { display: none !important; }
  .hero-slider2 .hero-pagination .swiper-pagination-bullet {
    width: 6px !important; height: 6px !important; border-radius: 50% !important;
    background: rgba(0, 42, 90, .30) !important; opacity: 1 !important;
  }
  .hero-slider2 .hero-pagination .swiper-pagination-bullet-active {
    width: 16px !important; border-radius: 3px !important;
    background: #002a5a !important;
  }
}

/* ტელეფონზე სრული (მოუჭრელი) ბანერი ≈147px სიმაღლისაა — სათაური, აღწერა და
   წაკითხვადი ღილაკი ერთად იქ ვეღარ ეტევა. აღწერას ვმალავთ: სათაური და
   მოქმედების ღილაკი მთავარია, აღწერა კი ისედაც წასაკითხად ვერ ჩანდა. */
@media (max-width: 575.98px) {
  .hero-sec-info3 p { display: none !important; }

  /* ისრის იკონა ღილაკის სიგანის მესამედს იკავებდა (თავად ისარი + დაშორება).
     ტელეფონზე ის დეკორაციაა — ტექსტი საკმარისია. */
  .hero-sec-info3 .hero-btn2 .ibt-btn i[class="icon-arrow-top"],
  .hero-sec-info3 .hero-btn2 .ibt-btn span[class="icon-arrow-top"] {
    display: none !important;
  }
}
/* ===== /UNO ჰერო-სლაიდერი მობილურზე ===== */


/* =====================================================================
   UNO — საინფო ბანერები (მიწოდება / გადახდა / რძის ნარევის არჩევა)
   მობილურზე: თემას ჰქონდა ფიქსირებული სიმაღლე (539/420/350px) და
   ვიწრო max-width სათაურზე — ტექსტი ვერ ეტეოდა და სურათი იჭრებოდა.
   ახლა: სიმაღლე კონტენტზეა მორგებული, სათაური სრულ სიგანეზე იშლება.
   ===================================================================== */
@media (max-width: 991.98px) {
  .ser-card {
    height: auto !important;
    width: auto !important;
    margin-bottom: 16px !important;
  }
  /* სურათი — ფიქსირებული სიმაღლის ნაცვლად პროპორცია */
  .ser-card--link .ser-card-img-wrap {
    height: auto !important;
    aspect-ratio: 16 / 10;
    border-radius: 18px;
  }
  .ser-card--link .ser-card-img-wrap img {
    height: 100% !important; width: 100%;
    object-fit: cover; border-radius: 18px;
  }

  /* სათაური — სურათზე, ქვედა ნაწილში, მუქ გრადიენტზე (ჰერო-სლაიდერის ლოგიკით) */
  .ser-card--link { overflow: hidden; border-radius: 18px; }
  .ser-content,
  .ser-content.v2 {
    position: absolute !important;
    top: auto !important; bottom: 0 !important;
    left: 0 !important; right: 0 !important;
    max-width: none !important;
    padding: 40px 74px 16px 16px !important;
    border-radius: 0 !important;
    background: linear-gradient(to top,
      rgba(4, 18, 34, .92) 0%,
      rgba(4, 18, 34, .72) 45%,
      rgba(4, 18, 34, .28) 75%,
      rgba(4, 18, 34, 0) 100%);
  }
  .ser-content .title,
  .ser-content.v2 .title {
    max-width: none !important;
    color: #fff !important;
    font-size: 17px !important; line-height: 24px !important;
    margin-bottom: 0 !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .45);
  }
  .ser-content .title a { color: #fff !important; }
  .ser-content p {
    color: rgba(255, 255, 255, .92) !important;
    font-size: 13px !important; line-height: 20px !important;
  }

  /* კუთხის ამონაჭერი და ისრის ღილაკი პროპორციულად */
  .ser-card::before { width: 68px; height: 59px; background-size: contain; background-repeat: no-repeat; background-position: bottom right; }
  .ser-btn { padding: 15px !important; border-radius: 16px !important; right: 8px; }
}

/* ტელეფონზე ორ-ორი ბარათი გვერდიგვერდ (col-6). ბარათი ≈165px ხდება,
   ამიტომ ტექსტი, ისრის ღილაკი და კუთხის ამონაჭერი პროპორციულად მცირდება. */
@media (max-width: 767.98px) {
  .banner-animate { padding-left: 6px !important; padding-right: 6px !important; }
  .banner-animate .ser-card { margin-bottom: 12px !important; }

  /* ისრის ღილაკი და მისი კუთხის ფონი (ser-layer.png) მობილურზე იმალება —
     მთელი ბარათი ისედაც ბმულია, ისარი კი ადგილს იკავებდა. */
  .ser-btn { display: none !important; }
  .ser-card::before { display: none !important; }

  /* ტექსტი ბარათის სრულ სიგანეზე */
  .ser-content, .ser-content.v2 {
    padding: 26px 12px 11px 12px !important;
  }
  .ser-content .title, .ser-content.v2 .title {
    font-size: 13px !important; line-height: 18px !important;
  }
  .ser-content p { font-size: 11px !important; line-height: 16px !important; }
}
/* ===== /UNO საინფო ბანერები მობილურზე ===== */


/* =====================================================================
   UNO — საინფორმაციო ბლოკები (მიწოდება / გადახდა / რძის ნარევის არჩევა)
   მობილურზე: .project-block2-ს ჰქონდა ფიქსირებული სიმაღლე (326-379px),
   კონტენტი ვერტიკალურად ცენტრირებული absolute-ით, სურათი კი
   absolute + height:330px + top:-70px — ტექსტიც და სურათიც ნაცრისფერი
   ბლოკის გარეთ გადიოდა. ახლა: ბლოკი კონტენტს მოერგება, ყველაფერი ნაკადშია.
   ===================================================================== */
@media (max-width: 991.98px) {
  .project-block2 {
    height: auto !important;
    /* sticky სტეკინგის ეფექტი რჩება — მხოლოდ სიმაღლე გახდა ავტომატური */
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 78px !important;
    padding-bottom: 0 !important;
    border-radius: 22px;
    margin-bottom: 16px;
    overflow: hidden;
  }
  .project-content2 {
    position: static !important;
    transform: none !important; -webkit-transform: none !important;
    top: auto !important; left: auto !important;
    width: auto !important;
    padding: 20px 18px !important;
  }
  .project-content2 .title {
    font-size: 20px !important; line-height: 28px !important;
    margin-bottom: 0 !important;
  }
  .uno-info-block-body { margin-top: 12px !important; }
  .uno-info-block-body p {
    font-size: 13.5px !important; line-height: 21px !important;
    margin-bottom: 8px !important;
  }
  .uno-info-block-body p:last-child { margin-bottom: 0 !important; }
  /* სურათი — ნაკადში, ტექსტის ქვემოთ, ბლოკის შიგნით */
  .project-content2 img {
    position: static !important;
    top: auto !important; right: auto !important;
    height: auto !important; max-height: 130px;
    width: auto !important; max-width: 100%;
    display: block; margin: 14px auto 0 !important;
  }
}

@media (max-width: 400px) {
  .project-content2 { padding: 17px 15px !important; }
  .project-content2 .title { font-size: 18px !important; line-height: 25px !important; }
  .project-content2 img { max-height: 110px; }
}
/* ===== /UNO საინფორმაციო ბლოკები მობილურზე ===== */


/* =====================================================================
   UNO — პროდუქტის ბარათი მობილურზე: 2 ცალი ერთ რიგში
   თემის padding/შრიფტები ერთ სვეტზე იყო გათვლილი — შევამცირე,
   რომ ორი ბარათი ნორმალურად დაეტიოს ვიწრო ეკრანზეც.
   ===================================================================== */
@media (max-width: 767.98px) {
  /* ბარათებს შორის დაშორება მინიმალური — ბარათი შესაბამისად ფართოვდება */
  .uno-prow { --bs-gutter-x: 0.5rem; }
  .row > [class*="col-"] > .shop-card,
  .swiper-slide .shop-card { margin-bottom: 10px; }
  .choose-slider4 .swiper-slide { padding: 0 4px; }

  .shop-img { border-radius: 16px; }
  .shop-content,
  .shop-content.v2 {
    padding: 34px 12px 14px !important;
    border-radius: 0 0 16px 16px;
    margin-top: -16px;
  }
  .shop-content .title {
    font-size: 13px !important; line-height: 19px !important;
    margin-bottom: 4px !important; letter-spacing: 0;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* თეთრი „ამონაჭერი" ღილაკის უკან — მობილურზე ზედმეტია და სურათზე გადადის */
  .shop-shap { display: none !important; }

  /* კალათის ღილაკი — სურათის ქვედა-მარჯვენა კიდეზე, თხელი თეთრი რგოლით */
  .show-now {
    height: 38px !important; width: 38px !important; line-height: 38px !important;
    font-size: 13px !important; top: -19px !important; right: 8px !important;
    border-radius: 12px !important;
    box-shadow: 0 0 0 3px #fff, 0 4px 12px rgba(27, 70, 120, .25);
  }
  .shop-actions { gap: 6px; }
  .shop-actions button { width: 32px !important; height: 32px !important; font-size: 12px !important; }
  .shop-img .tag { font-size: 11px !important; padding: 3px 9px !important; }

  /* გვერდითი padding სექციებზე შემცირდეს, რომ ბარათებს მეტი სიგანე დარჩეს */
  .plr--20 { padding-left: 10px !important; padding-right: 10px !important; }

  /* აქციის კარუსელი — ბარათებს შორის დაშორება იგივე, რაც ბადეში */
  .promo-products .choose-slider4 {
    width: calc(100% + 8px) !important;
    margin-left: -4px !important; margin-right: -4px !important;
    padding: 6px 0 !important;
  }
  .promo-products .choose-slider4 .swiper-slide { padding: 0 4px !important; }
  /* სვაიპი თითით — მთელ კარუსელზე მუშაობდეს */
  .promo-products .choose-slider4,
  .promo-products .choose-slider4 .swiper-wrapper { touch-action: pan-y; }
  .promo-products .choose-slider4 img { -webkit-user-drag: none; user-select: none; }
}

@media (max-width: 360px) {
  .shop-content, .shop-content.v2 { padding: 30px 9px 12px !important; }
  .shop-content .title { font-size: 12px !important; line-height: 17px !important; }
}
/* ===== /UNO პროდუქტის ბარათი მობილურზე ===== */


/* =====================================================================
   UNO — პროდუქტის ბარათის სტანდარტიზაცია (ყველა ეკრანზე)
   დასახელებას აქვს ფიქსირებული სიმაღლე ზუსტად 2 ხაზზე; გრძელი
   სახელი მეორე ხაზზე იჭრება სამი წერტილით და მესამე ხაზზე არ გადადის.
   შედეგად ყველა ბარათის სიმაღლე ერთნაირია.
   ===================================================================== */
.shop-card { display: flex; flex-direction: column; height: auto; }
.shop-card .shop-content,
.shop-card .shop-content.v2 { flex: 1 1 auto; display: flex; flex-direction: column; }

/* დასახელება — ზუსტად 2 ხაზი (24px × 2), ზედმეტი „…"-ით */
.shop-content .title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 20px;
  line-height: 30px;
  height: 60px;
  margin-bottom: 6px;
  background: none;
}
.shop-content .title a {
  display: inline;
  background: linear-gradient(currentcolor, currentcolor) 0 100%/0 1px no-repeat;
  transition: background-size .4s ease, color .3s ease;
}
.shop-card:hover .shop-content .title a { background-size: 100% 1px; }

/* ფასის ხაზი — ერთი და იგივე სიმაღლე ყველა ბარათზე */
.shop-content .price {
  min-height: 30px; margin-top: auto;
  font-size: 19px; line-height: 30px; font-weight: 600;
}
.shop-content .price.v2 del { font-size: 14px; font-weight: 500; }

/* სურათი — კვადრატი ყველგან (უკვე იყო, ვამაგრებთ) */
.shop-img img { aspect-ratio: 1 / 1; object-fit: cover; }

@media (max-width: 1025px) {
  .shop-content .title { font-size: 18px; line-height: 27px; height: 54px; }
}
@media (max-width: 767.98px) {
  .shop-content .title {
    font-size: 13px !important; line-height: 19px !important;
    height: 38px !important; margin-bottom: 4px !important;
  }
  .shop-content .price {
    min-height: 22px;
    font-size: 15.5px !important; line-height: 22px !important; font-weight: 600;
  }
  .shop-content .price.v2 del { font-size: 12.5px !important; }
}
@media (max-width: 360px) {
  .shop-content .title {
    font-size: 12px !important; line-height: 17px !important; height: 34px !important;
  }
}
/* ===== /UNO პროდუქტის ბარათის სტანდარტიზაცია ===== */


/* =====================================================================
   UNO — „ჩვენ შესახებ" მობილურზე: სურათიდან თეთრი „ამონაჭერის" მოხსნა
   (.empty4 — 215×62px თეთრი ბლოკი კუთხის PNG-ებით, ვიწრო ეკრანზე
   სურათის მნიშვნელოვან ნაწილს ფარავდა)
   ===================================================================== */
@media (max-width: 991.98px) {
  .feature-img8 .empty4 { display: none !important; }
  .feature-img8 { margin-bottom: 24px !important; border-radius: 18px; }
  .feature-img8 img { border-radius: 18px; }
}
/* ===== /UNO „ჩვენ შესახებ" ===== */


/* =====================================================================
   UNO — ფასის სლაიდერი ფილტრში: უფრო მსხვილი ხაზი და სახელურები
   ===================================================================== */
.price-filter-widget .filter-box .slider-container,
.price-filter-widget .filter-box .slider-container .slider-track {
  height: 10px;
  border-radius: 6px;
}
.price-filter-widget .filter-box .slider-container { background: #e2e8f0; }
.price-filter-widget .filter-box .slider-container .range-input input { height: 10px; }

.price-filter-widget .filter-box .slider-container .range-input input::-webkit-slider-thumb {
  height: 24px; width: 24px;
  background: #fff;
  border: 3px solid #1b4678;
  box-shadow: 0 2px 6px rgba(27, 70, 120, .30);
  transition: transform .15s ease, box-shadow .15s ease;
}
.price-filter-widget .filter-box .slider-container .range-input input::-moz-range-thumb {
  height: 24px; width: 24px;
  background: #fff;
  border: 3px solid #1b4678;
  box-shadow: 0 2px 6px rgba(27, 70, 120, .30);
}
.price-filter-widget .filter-box .slider-container .range-input input::-webkit-slider-thumb:active {
  transform: scale(1.12);
  box-shadow: 0 3px 10px rgba(27, 70, 120, .40);
}
/* მნიშვნელობები ოდნავ მოშორებით, რომ მსხვილ სახელურებს არ ეხებოდეს */
.price-filter-widget .filter-box .price-values { margin-top: 14px; font-size: 15px; }
.side-bar2 .price-values { font-size: 15px; }
/* ===== /UNO ფასის სლაიდერი ===== */


/* =====================================================================
   UNO — ფილტრის სიდბარი: ტექსტი ჩვეულებრივი წონით.
   თემას ჰქონდა .filter-check → 600 და .price-values → bold; ბოლდი
   ზედმეტად მძიმედ გამოიყურებოდა და სექციების სათაურებსაც (400) ეჯიბრებოდა.
   ===================================================================== */
.filter-check,
.side-bar2 .filter-check {
  font-weight: 400;
}
.price-filter-widget .filter-box .price-values,
.side-bar2 .price-values {
  font-weight: 400;
}
/* ===== /UNO ფილტრის სიდბარი ===== */


/* =====================================================================
   UNO — ცარიელი შედეგი (ფილტრმა/კატეგორიამ პროდუქტი ვერ იპოვა).
   იყო: ერთი მარცხნივ მიწერილი ხაზი — გვერდი ცარიელი და მშრალი რჩებოდა.
   ===================================================================== */
.shop-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 14px;
  padding: 60px 20px 68px;
}
.shop-empty-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: linear-gradient(150deg, #eef3f9 0%, #e3ecf5 100%);
  color: #1b4678;
  font-size: 34px;
  line-height: 1;
}
.shop-empty-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #1a2a3a;
}
.shop-empty-hint {
  margin: 0;
  max-width: 44ch;
  font-size: 14px;
  line-height: 21px;
  color: #7b8794;
}
@media (max-width: 575.98px) {
  .shop-empty { padding: 40px 16px 46px; gap: 11px; }
  .shop-empty-ico { width: 68px; height: 68px; font-size: 26px; }
  .shop-empty-title { font-size: 17px; }
  .shop-empty-hint { font-size: 13px; line-height: 19px; }
}
/* ===== /UNO ცარიელი შედეგი ===== */


/* =====================================================================
   UNO — აქტიური ფილტრის ჩიპები (მონიშნული ფილტრები, თითო ცალკე მოსახსნელი)
   ===================================================================== */
.shop-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.shop-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid #d8dee8;
  border-radius: 999px;
  background: #fff;
  color: #1a2a3a;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.shop-chip i {
  font-size: 11px;
  opacity: .55;
  transition: opacity .2s ease;
}
.shop-chip:hover {
  border-color: #1b4678;
  background: #f4f8fc;
}
.shop-chip:hover i { opacity: 1; }
.shop-chip:focus-visible {
  outline: 2px solid #1b4678;
  outline-offset: 2px;
}
/* „ყველას წაშლა" — მუქი, რომ დანარჩენებს გამოეყოს */
.shop-chip--clear {
  background: #16212e;
  border-color: #16212e;
  color: #fff;
}
.shop-chip--clear i { opacity: .75; }
.shop-chip--clear:hover {
  background: #0d1620;
  border-color: #0d1620;
  color: #fff;
}
/* ჩიპები არ ჩანს იქ, სადაც ფილტრი უჯრაშია (≤991.98px) — ღილაკიც იქვეა,
   ჩიპები მხოლოდ ადგილს იკავებდა. */
@media (max-width: 991.98px) {
  .shop-chips { display: none !important; }
}
/* ===== /UNO ფილტრის ჩიპები ===== */


/* =====================================================================
   UNO — კატალოგი ტაბლეტსა და მობილურზე (≤991.98px)

   პრობლემა: თემას ფილტრის უჯრა ≤820px-ზე ჰქონდა, Bootstrap-ის სვეტები კი
   ≥992-დან იწყება. 821–991px-ის დიაპაზონში (პლანშეტი ლანდშაფტში, პატარა
   ლეპტოპი) გვერდითი პანელი სრული სიგანის ბლოკად ეშვებოდა პროდუქტების
   ზემოთ, ფილტრის ღილაკი კი დამალული იყო — გვერდი გატეხილად გამოიყურებოდა.

   ახლა: უჯრა და ფილტრის ღილაკი მოქმედებს 991.98px-მდე, ანუ ზუსტად იქამდე,
   სანამ Bootstrap-ის გვერდითი სვეტები ჩაირთვება.
   ===================================================================== */
@media (max-width: 991.98px) {
  .side-bar2 {
    position: fixed;
    top: 0;
    right: -100%;
    padding: 76px 20px 32px;
    width: min(349px, 88vw);
    height: 100vh;
    background: var(--color-content-white);
    box-shadow: -2px 0 8px rgba(0, 0, 0, .15);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out;
    z-index: 99999999;
  }
  .side-bar2.active { right: 0; }

  /* დახურვის ღილაკი — თითისთვის სრულფასოვანი სამიზნე (იყო 28×22) */
  .sidebar-close {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    top: 16px;
    right: 10px;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }
  .sidebar-close::before { font-size: 18px; line-height: 1; }
  .sidebar-close:active { background: #eef3f9; }

  /* ფილტრის რიგები — იყო 21px სიმაღლის, თითით მოხვედრა ჭირდა */
  .side-bar2 .filter-checks li { margin-bottom: 2px; }
  .side-bar2 .filter-check {
    min-height: 44px;
    padding: 4px 0;
    gap: 12px;
    font-size: 15px;
  }
  .side-bar2 .filter-mark { width: 22px; height: 22px; }
  .side-bar2 .side-widget2 { margin-bottom: 26px; }

  /* ფილტრის ღილაკი — 820-ს ზემოთაც უნდა ჩანდეს (თემა მას იქ მალავდა).
     !important საჭიროა, რადგან თემის `.uno-filter-btn { display:none }`
     ამ ფაილში ქვემოთაა და კასკადით სხვაგვარად იმარჯვებდა. */
  .uno-filter-btn {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    height: 42px;
    padding: 0 16px;
    border: 1.5px solid #d8e0ea;
    border-radius: 10px;
    background: #fff;
    color: #1b4678;
    font-family: 'Poppins', 'Noto Sans Georgian', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .uno-filter-btn i { font-size: 14px; }
  .uno-filter-btn:active { background: #1b4678; border-color: #1b4678; color: #fff; }

  .shop-sort label { display: none; }
  /* დალაგების ველი 768px-ზე 547px-მდე იჭიმებოდა — შემოვსაზღვრეთ */
  .shop-sort-select {
    flex: 1 1 auto;
    max-width: 280px;
    height: 42px;
    border-radius: 10px;
    font-size: 14px;
  }
  .shop-toolbar { gap: 12px; }
}
/* ===== /UNO კატალოგი ტაბლეტზე ===== */


/* =====================================================================
   UNO — პროდუქტის გვერდი მობილურზე და ტაბლეტზე
   ===================================================================== */

/* აღწერის ტექსტს ადმინი წერს თავისუფალი HTML-ით — ვიცავთ გადავსებისგან:
   გრძელი ბმული, დიდი სურათი ან ცხრილი გვერდს არ უნდა გააგანიეროს. */
.uno-tab-pane { overflow-wrap: anywhere; }
.uno-tab-pane img { max-width: 100%; height: auto; }
.uno-tab-pane table { display: block; width: 100%; overflow-x: auto; }
.uno-tab-pane pre { overflow-x: auto; }

@media (max-width: 991.98px) {
  /* ტაბები იყო 34px სიმაღლის — თითისთვის მცირე სამიზნე */
  .uno-tab-btns button {
    min-height: 44px;
    padding-top: 10px;
  }

  /* ყიდვის ბლოკი ტაბლეტზე მთელ სიგანეზე იჭიმებოდა (768px-ზე 728px,
     900px-ზე 860px) — ღილაკები აბსურდულად განიერი ხდებოდა. */
  .uno-buy-card {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* 576–767px: გალერეა სრულ სიგანეს იკავებდა და სურათი 502×420-მდე იზრდებოდა —
   ყიდვის ღილაკები ეკრანს გარეთ რჩებოდა. */
@media (min-width: 576px) and (max-width: 767.98px) {
  .uno-gallery {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ბარათის იკონ-ღილაკებს თემა თავად არეგულირებს თითო breakpoint-ზე
   (42px → 32px ≤767.98) — განზრახ არჩევანია, არ ვცვლით. */
/* ===== /UNO პროდუქტის გვერდი ===== */


/* =====================================================================
   UNO — კალათა მობილურზე და ტაბლეტზე

   იყო: თითოეული პროდუქტი 5 სრული სიგანის ბლოკად იშლებოდა (სახელი, ფასი,
   რაოდენობა, ჯამი, წაშლა) და 301px სიმაღლეს იკავებდა — სამი პროდუქტი
   ეკრანზე აღარ ეტეოდა და მთლიან თანხამდე გრძელი სქროლი სჭირდებოდა.

   ახლა: ორსვეტიანი ბადე — სახელი და წაშლა ერთ რიგში, ფასი მეორეში,
   რაოდენობა და ჯამი მესამეში, ერთმანეთის პირისპირ.
   ===================================================================== */
@media (max-width: 991px) {
  .cart-table tbody tr {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "prod  remove"
      "price price"
      "qty   total";
    align-items: center;
    gap: 2px 10px;
    padding: 12px 4px;
  }
  .cart-table tbody td { padding: 4px 12px; }
  .cart-table tbody td:nth-child(1) { grid-area: prod; }
  .cart-table tbody td:nth-child(2) { grid-area: price; }
  .cart-table tbody td:nth-child(3) { grid-area: qty; }
  .cart-table tbody td:nth-child(4) { grid-area: total; }
  .cart-table tbody td:nth-child(5) { grid-area: remove; padding-right: 8px; }

  .cart-total-price { text-align: right !important; font-size: 16px; }

  /* თითის სამიზნეები: იყო +/− 34×34, წაშლა 29×21 */
  .cart-qty button { width: 42px; height: 42px; font-size: 18px; }
  .cart-qty input  { width: 48px; height: 42px; font-size: 15px; }
  .cart-remove {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    font-size: 17px;
    color: #b9c0cc;
    border-radius: 10px;
  }
  .cart-remove:active { background: #fdeaea; color: #e53935; }
}
/* ===== /UNO კალათა მობილურზე ===== */


/* =====================================================================
   UNO — კატალოგის ფილტრის ღილაკი დალაგების ველის წინ (მობილური)
   თემის ფიქსირებული, ეკრანის მარჯვენა კიდეზე მიკრული ღილაკის ნაცვლად.
   ===================================================================== */
.uno-filter-btn { display: none; }

@media (max-width: 820px) {
  /* ძველი ფიქსირებული ღილაკი — გამორთული */
  .sidebar-toggle { display: none !important; }

  .shop-toolbar {
    flex-direction: row !important;
    align-items: center; flex-wrap: wrap; gap: 10px;
    margin-bottom: 16px; padding-bottom: 12px;
  }
  .shop-result { width: 100%; font-size: 13px; order: 2; }
  .shop-sort {
    order: 1; width: 100%;
    display: flex; align-items: center; gap: 8px;
  }
  .shop-sort label { display: none; }

  .uno-filter-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    flex: 0 0 auto; height: 42px; padding: 0 16px;
    border: 1.5px solid #d8e0ea; border-radius: 10px;
    background: #fff; color: #1b4678;
    font-family: 'Poppins', 'Noto Sans Georgian', sans-serif;
    font-size: 14px; font-weight: 600; line-height: 1;
    cursor: pointer; -webkit-tap-highlight-color: transparent;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
  }
  .uno-filter-btn i { font-size: 14px; }
  .uno-filter-btn:active { background: #1b4678; border-color: #1b4678; color: #fff; }

  .shop-sort-select {
    flex: 1 1 auto; height: 42px; border-radius: 10px;
    font-size: 14px;
  }
}

@media (max-width: 360px) {
  .uno-filter-btn { padding: 0 12px; font-size: 13px; }
  .uno-filter-btn span { display: none; }   /* ვიწრო ეკრანზე მხოლოდ იკონა */
}
/* ===== /UNO კატალოგის ფილტრის ღილაკი ===== */


/* სექციების სათაურები მობილურზე (თემას 32-35px ჰქონდა — ძალიან დიდი) */
@media (max-width: 767.98px) {
  .sec-title .title {
    font-size: 22px !important; line-height: 30px !important;
    letter-spacing: -0.02em;
  }
  .sec-title p { font-size: 14px !important; line-height: 22px !important; margin-top: 12px !important; }
  .title-area, .promo-title-area { margin-bottom: 14px !important; }
}
@media (max-width: 400px) {
  .sec-title .title { font-size: 20px !important; line-height: 27px !important; }
}

/* ---- გვერდების ნავიგაცია (partials/pagination.php) ---- */
.uno-pager{
  display:flex; flex-direction:column; align-items:center; gap:12px;
  margin-top:56px;
}
.uno-pager .pagination{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:8px;              /* დაშორება — margin-ს აღარ ვეყრდნობით */
  margin:0; padding:0;
}
.uno-pager .page-item{ margin:0 !important; border:0; list-style:none; }
.uno-pager .page-link{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:44px; padding:0 12px;
  border:1px solid #e1e6ef; border-radius:12px;
  background:#fff; color:#1b4678;
  font-size:14px; font-weight:600; line-height:1;
  text-decoration:none; transition:.15s;
}
.uno-pager .page-link:hover{ border-color:#1b4678; background:#f4f7ff; }
.uno-pager .page-item.active .page-link{
  background:var(--uno-grad, linear-gradient(150deg,#1b4678 10%,#339d9b 90%));
  border-color:transparent; color:#fff;
}
.uno-pager .page-link.is-nav{ min-width:44px; padding:0; color:#5b6478; }
.uno-pager .page-link.is-off{
  opacity:.4; pointer-events:none; background:#f6f7fb;
}
.uno-pager .page-link.is-gap{
  border:0; background:none; min-width:24px; padding:0;
  color:#9aa1b1; font-weight:400; pointer-events:none;
}
.uno-pager-info{ font-size:13px; color:#8a92a6; }

@media (max-width:576px){
  .uno-pager{ margin-top:36px; }
  .uno-pager .page-link{ min-width:38px; height:38px; padding:0 8px; font-size:13px; }
}

.popular-products-sec .shop-product{ padding-right:0; }

/* ==== გვერდების სტილები (views-იდან გადმოტანილი) ==== */
/* კალათის გვერდი */
#cartTable tr.is-busy{opacity:.55;transition:opacity .15s ease;}
#cartTable tr.is-busy .cart-remove{pointer-events:none;}
#cartTable tr.is-removing{opacity:0;transition:opacity .2s ease;}

/* --- გაფორმების ბლოკები კალათის გვერდზე --- */
.co-block{background:#fff;border:1px solid #eceff3;border-radius:14px;padding:20px 22px;margin-top:20px;
  box-shadow:0 2px 14px rgba(27,70,120,.05);}
.co-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.co-add-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;cursor:pointer;
  border:1.5px dashed #b9c6d6;background:#f7f9fc;color:#1b4678;font-size:14px;font-weight:600;transition:.18s;}
.co-add-btn:hover{border-color:#339d9b;color:#339d9b;background:#f1fbfa;}

.co-addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
.co-addr{position:relative;display:flex;gap:10px;padding:14px 16px;border:1.5px solid #e4e9f0;border-radius:12px;
  cursor:pointer;background:#fff;transition:border-color .18s, box-shadow .18s, background .18s;}
.co-addr:hover{border-color:#b7d7d6;}
.co-addr.is-active{border-color:#339d9b;background:#f4fbfb;box-shadow:0 0 0 3px rgba(51,157,155,.12);}
.co-addr input{position:absolute;opacity:0;pointer-events:none;}
.co-addr-check{flex:0 0 20px;width:20px;height:20px;margin-top:2px;border-radius:50%;border:2px solid #cfd8e3;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;transition:.18s;}
.co-addr.is-active .co-addr-check{background:#339d9b;border-color:#339d9b;}
.co-addr-check i{opacity:0;}
.co-addr.is-active .co-addr-check i{opacity:1;}
.co-addr-body{display:flex;flex-direction:column;gap:4px;min-width:0;}
.co-addr-name{font-weight:700;color:#1b2b3d;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.co-addr-badge{background:#e8f1ff;color:#1b4678;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;}
.co-addr-line{font-size:13px;color:#5a6b7f;display:flex;gap:7px;align-items:flex-start;}
.co-addr-line i{color:#9aa9b9;margin-top:3px;font-size:11px;}
.co-addr-note{font-size:12px;color:#8a97a6;font-style:italic;}
.co-empty-note{color:#8a97a6;margin:0 0 4px;font-size:14px;}

.co-addr-form{margin-top:16px;padding-top:16px;border-top:1px dashed #e0e6ee;}
.co-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.co-field{display:flex;flex-direction:column;gap:6px;}
.co-field-full{grid-column:1 / -1;}
.co-field label{font-size:13px;font-weight:600;color:#5a6b7f;}
.co-field input{height:42px;border:1.5px solid #e0e6ee;border-radius:9px;padding:0 12px;font-size:14px;outline:none;transition:border-color .18s;}
.co-field input:focus{border-color:#339d9b;}
.co-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;}
.co-cancel-btn{padding:10px 18px;border-radius:9px;border:1.5px solid #e0e6ee;background:#fff;color:#5a6b7f;font-weight:600;cursor:pointer;}
.co-save-btn{padding:10px 20px;border-radius:9px;border:none;cursor:pointer;font-weight:600;color:#fff;
  background:linear-gradient(90deg,#1b4678,#339d9b);}
.co-save-btn:disabled{opacity:.6;cursor:default;}

.co-guest{display:flex;align-items:center;gap:16px;padding:18px;border-radius:12px;background:#f7f9fc;border:1px dashed #cfd8e3;flex-wrap:wrap;}
.co-guest > i{font-size:26px;color:#1b4678;}
.co-guest div{flex:1;min-width:200px;}
.co-guest strong{display:block;color:#1b2b3d;margin-bottom:2px;}
.co-guest p{margin:0;font-size:13px;color:#7a8798;}
.co-login-btn{padding:11px 20px;border-radius:9px;border:none;cursor:pointer;color:#fff;font-weight:600;
  background:linear-gradient(90deg,#1b4678,#339d9b);}

.co-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.co-pay{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border:1.5px solid #e4e9f0;border-radius:12px;
  cursor:pointer;transition:border-color .18s, box-shadow .18s, background .18s;}
.co-pay:hover{border-color:#b7d7d6;}
.co-pay.is-active{border-color:#339d9b;background:#f4fbfb;box-shadow:0 0 0 3px rgba(51,157,155,.12);}
.co-pay input{position:absolute;opacity:0;pointer-events:none;}
.co-pay-icon{width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#eef3f9;color:#1b4678;
  display:flex;align-items:center;justify-content:center;font-size:17px;}
.co-pay.is-active .co-pay-icon{background:#339d9b;color:#fff;}
.co-pay-logo{background:#fff !important;border:1px solid #e4e9f0;padding:6px;}
.co-pay-logo img{width:100%;height:100%;object-fit:contain;display:block;}
.co-pay-body{display:flex;flex-direction:column;gap:2px;flex:1;}
.co-pay-name{font-weight:700;color:#1b2b3d;font-size:14px;}
.co-pay-desc{font-size:12px;color:#7a8798;}
.co-pay-check{width:20px;height:20px;border-radius:50%;border:2px solid #cfd8e3;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:10px;}
.co-pay.is-active .co-pay-check{background:#339d9b;border-color:#339d9b;}
.co-pay-check i{opacity:0;}
.co-pay.is-active .co-pay-check i{opacity:1;}

.co-checkout-form{margin-top:16px;}
.co-note-label{display:block;font-size:13px;font-weight:600;color:#5a6b7f;margin-bottom:6px;}
.co-note{width:100%;border:1.5px solid #e0e6ee;border-radius:9px;padding:10px 12px;font-size:14px;outline:none;resize:vertical;}
.co-note:focus{border-color:#339d9b;}
.co-hint{margin:8px 0 0;font-size:12.5px;color:#a0891f;text-align:center;}
.cart-checkout-btn:disabled{opacity:.55;cursor:not-allowed;}

@media (max-width:640px){
  .co-form-grid,.co-pay-grid{grid-template-columns:1fr;}
  .co-block{padding:16px;}
}

/* მიწოდების გვერდი */
.udel { padding-top: 32px; padding-bottom: 64px; }
.udel .udel-crumb { font-size: 14px; color: #7a869a; margin-bottom: 22px; }
.udel .udel-crumb a { color: #1b4678; text-decoration: none; }
.udel .udel-crumb i { margin: 0 8px; font-size: 11px; }

/* Hero */
.udel-hero {
    position: relative; overflow: hidden; border-radius: 22px;
    background: linear-gradient(120deg, #1b4678 0%, #2b6a86 55%, #339d9b 100%);
    color: #fff; padding: 46px 44px; margin-bottom: 34px;
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.udel-hero-pill {
    display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600;
    background: rgba(255,255,255,.16); padding: 7px 14px; border-radius: 999px; margin-bottom: 16px;
}
.udel-hero h1 { color: #fff; font-size: 40px; line-height: 1.15; margin: 0 0 12px; font-weight: 800; }
.udel-hero p { color: rgba(255,255,255,.9); font-size: 17px; max-width: 620px; margin: 0; }
.udel-hero-ico { font-size: 120px; opacity: .18; flex-shrink: 0; }

/* Grid */
.udel-grid { display: grid; gap: 20px; margin-bottom: 14px; }
.udel-grid-3 { grid-template-columns: repeat(3, 1fr); }
.udel-grid-2 { grid-template-columns: repeat(2, 1fr); }
.udel-grid-4 { grid-template-columns: repeat(4, 1fr); }

/* Cards */
.udel-card {
    background: #fff; border: 1px solid #eef1f5; border-radius: 18px; padding: 26px;
    box-shadow: 0 6px 22px rgba(27,70,120,.05); transition: transform .2s, box-shadow .2s;
}
.udel-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(27,70,120,.12); }

.udel-ic {
    width: 56px; height: 56px; border-radius: 15px; display: flex; align-items: center;
    justify-content: center; font-size: 24px; flex-shrink: 0;
}
.udel-ic-teal { background: #e2f4f3; color: #339d9b; }
.udel-ic-navy { background: #e7eef7; color: #1b4678; }
.udel-ic-soft { background: linear-gradient(135deg,#e7eef7,#e2f4f3); color: #1b4678; }

/* Highlights */
.udel-hl { display: flex; align-items: center; gap: 18px; }
.udel-hl-big { font-size: 24px; font-weight: 800; color: #1b4678; line-height: 1.1; }
.udel-hl-sub { color: #6b7688; font-size: 14px; margin-top: 3px; }

/* Section heading */
.udel-h2 { font-size: 26px; font-weight: 800; color: #1b3a5c; margin: 40px 0 20px; }

/* Zones */
.udel-zone-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.udel-badge {
    background: #1b4678; color: #fff; font-size: 13px; font-weight: 700;
    padding: 7px 14px; border-radius: 999px;
}
.udel-zone h3 { font-size: 21px; font-weight: 700; color: #1b3a5c; margin: 0 0 8px; }
.udel-zone p { color: #6b7688; margin: 0; line-height: 1.7; }

/* Steps */
.udel-step { position: relative; text-align: center; }
.udel-step .udel-ic { margin: 6px auto 14px; }
.udel-step-n {
    position: absolute; top: 16px; right: 18px; width: 26px; height: 26px; border-radius: 50%;
    background: #f0f3f8; color: #1b4678; font-weight: 800; font-size: 13px;
    display: flex; align-items: center; justify-content: center;
}
.udel-step h4 { font-size: 17px; font-weight: 700; color: #1b3a5c; margin: 0 0 6px; }
.udel-step p { color: #6b7688; font-size: 14px; margin: 0; line-height: 1.6; }

/* Note */
.udel-note {
    display: flex; gap: 14px; align-items: flex-start; background: #fff8e8; border: 1px solid #f5e4bf;
    border-radius: 14px; padding: 18px 22px; margin: 30px 0; color: #6b5626; line-height: 1.6;
}
.udel-note i { color: #e0a106; font-size: 20px; margin-top: 2px; }

/* CTA */
.udel-cta {
    margin-top: 34px; border-radius: 22px; padding: 36px 44px;
    background: linear-gradient(120deg, #339d9b 0%, #1b4678 100%); color: #fff;
    display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
}
.udel-cta h3 { color: #fff; font-size: 25px; font-weight: 800; margin: 0 0 6px; }
.udel-cta p { color: rgba(255,255,255,.9); margin: 0; }
.udel-btn {
    display: inline-flex; align-items: center; gap: 10px; background: #fff; color: #1b4678;
    font-weight: 700; font-size: 16px; padding: 14px 28px; border-radius: 999px; text-decoration: none;
    white-space: nowrap; transition: transform .2s, box-shadow .2s;
}
.udel-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.18); color: #1b4678; }
.udel-btn i { transition: transform .2s; }
.udel-btn:hover i { transform: translateX(4px); }

/* Responsive */
@media (max-width: 991px) {
    .udel-grid-3, .udel-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .udel-hero { padding: 36px 30px; }
    .udel-hero h1 { font-size: 30px; }
    .udel-hero-ico { font-size: 80px; }
}
@media (max-width: 575px) {
    .udel-grid-2, .udel-grid-3, .udel-grid-4 { grid-template-columns: 1fr; }
    .udel-hero-ico { display: none; }
    .udel-hero h1 { font-size: 26px; }
    .udel-cta { padding: 28px 24px; }
}

/* აქციების გვერდი */
        /* აქციის გვერდი — იგივე ბარათი, რაც მთავარზე, ოღონდ გრიდში (კარუსელის გარეშე).
           .promo-products კლასი შენარჩუნებულია, რომ თაიმერის სკრიპტმა ბარათები დაინახოს. */
        .uno-sale-sec .promo-products .row { margin-left: -12px; margin-right: -12px; }
        .uno-sale-sec .promo-products [class*="col-"] { padding-left: 12px; padding-right: 12px; }
        .uno-sale-sec .shop-card { margin-bottom: 24px; }
        .uno-sale-sec .shop-img { position: relative; }
        /* ამოწურული აქცია — ბარათი ჩამქრალი, რომ ხელმისაწვდომს არ აერიოს */
        .uno-sale-sec .deal-done .shop-img img { opacity: .55; }
        .uno-sale-sec .deal-done .tag { background: #8a8f98 !important; }
        .uno-sale-sec .sale-empty {
            text-align: center; padding: 70px 20px; color: #8a8f98;
        }
        /* inline-block — თემის CSS აიქონებს სიგანეს უწესებს, display:block-ზე მარცხნივ იჭედება */
        .uno-sale-sec .sale-empty i { font-size: 46px; color: #c2c7cf; display: inline-block; margin: 0 auto 18px; }
        .uno-sale-sec .sale-empty p { margin: 0 0 8px; font-size: 17px; color: var(--heading-text-color, #002a5a); font-weight: 600; }
        .uno-sale-sec .sale-empty span { font-size: 14px; }
        @media (max-width: 575px) {
            .uno-sale-sec .promo-products .row { margin-left: -6px; margin-right: -6px; }
            .uno-sale-sec .promo-products [class*="col-"] { padding-left: 6px; padding-right: 6px; }
            .uno-sale-sec .shop-card { margin-bottom: 14px; }
        }
    

/* კალათის უჯრა */
.uno-cart-drawer{position:fixed;inset:0;z-index:2147483000;visibility:hidden;pointer-events:none;}
.uno-cart-drawer.is-open{visibility:visible;pointer-events:auto;}
.ucd-backdrop{position:absolute;inset:0;background:rgba(12,26,43,.45);opacity:0;transition:opacity .3s ease;}
.uno-cart-drawer.is-open .ucd-backdrop{opacity:1;}
.ucd-panel{position:absolute;top:0;right:0;height:100%;width:400px;max-width:92vw;background:#fff;display:flex;flex-direction:column;
  box-shadow:-8px 0 30px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);}
.uno-cart-drawer.is-open .ucd-panel{transform:translateX(0);}

.ucd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;
  background:linear-gradient(90deg,#1b4678,#339d9b);color:#fff;}
.ucd-title{margin:0;font-size:17px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;}
.ucd-count{background:rgba(255,255,255,.22);border-radius:20px;padding:1px 9px;font-size:13px;}
.ucd-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.85;padding:4px 6px;}
.ucd-close:hover{opacity:1;}

.ucd-body{flex:1;overflow-y:auto;padding:8px 20px;}
.ucd-spinner{text-align:center;padding:40px 0;color:#1b4678;font-size:22px;}
.ucd-empty{text-align:center;padding:50px 10px;color:#667;}
.ucd-empty i{font-size:42px;opacity:.25;display:block;margin-bottom:14px;}
.ucd-empty p{margin:0 0 18px;}

.ucd-items{list-style:none;margin:0;padding:0;}
.ucd-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eef1f4;}
.ucd-item-img{width:70px;height:70px;object-fit:cover;border-radius:10px;background:#f5f7f9;flex:none;}
.ucd-item-info{flex:1;min-width:0;}
.ucd-item-name{font-size:14px;font-weight:600;line-height:1.35;margin:0 0 3px;}
.ucd-item-name a{color:#1b2b3d;text-decoration:none;}
.ucd-item-name a:hover{color:#339d9b;}
.ucd-item-brand{font-size:12px;color:#8a95a1;margin-bottom:6px;}
.ucd-item-price{font-size:13px;color:#1b4678;font-weight:600;}
.ucd-item-price del{color:#a9b2bc;font-weight:400;margin-left:6px;}
.ucd-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;}
.ucd-qty{display:inline-flex;align-items:center;border:1px solid #dfe4ea;border-radius:8px;overflow:hidden;}
.ucd-qty button{width:28px;height:28px;border:none;background:#f6f8fa;color:#1b4678;font-size:15px;line-height:1;cursor:pointer;}
.ucd-qty button:hover{background:#e8eef4;}
.ucd-qty input{width:38px;height:28px;border:none;text-align:center;font-size:13px;-moz-appearance:textfield;}
.ucd-qty input::-webkit-outer-spin-button,.ucd-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.ucd-line{font-size:14px;font-weight:700;color:#1b2b3d;}
.ucd-del{background:none;border:none;color:#c0392b;cursor:pointer;font-size:13px;opacity:.65;padding:2px 4px;}
.ucd-del:hover{opacity:1;}
.ucd-item.is-busy{opacity:.5;pointer-events:none;}

.ucd-foot{border-top:1px solid #e9edf1;padding:14px 20px 18px;background:#fbfcfd;}
.ucd-row{display:flex;justify-content:space-between;font-size:13px;color:#5b6773;padding:3px 0;}
.ucd-row-discount span:last-child{color:#1c9e6a;}
.ucd-row-total{margin-top:8px;padding-top:10px;border-top:1px dashed #dde3e9;font-size:16px;font-weight:700;color:#1b2b3d;}
.ucd-free{margin-bottom:10px;}
.ucd-free p{margin:0 0 6px;font-size:12px;color:#5b6773;}
.ucd-free-bar{height:5px;background:#e6ebf0;border-radius:5px;overflow:hidden;}
.ucd-free-fill{height:100%;background:linear-gradient(90deg,#1b4678,#339d9b);border-radius:5px;transition:width .3s;}
.ucd-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:12px 14px;
  border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:.2s;}
.ucd-btn-primary{background:linear-gradient(90deg,#1b4678,#339d9b);color:#fff;border:none;}
.ucd-btn-primary:hover{color:#fff;filter:brightness(1.08);}
.ucd-btn-ghost{background:#fff;color:#1b4678;border:1px solid #cfd8e0;}
.ucd-btn-ghost:hover{color:#1b4678;border-color:#339d9b;}

/* ჰედერი */
.uno-header-search { position: relative; }
.uno-search-drop {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 1200;
    background: #fff; border: 1px solid #e6e9ef; border-radius: 12px;
    box-shadow: 0 12px 34px rgba(27,70,120,.16); overflow: hidden; padding: 6px;
}
.uno-search-drop[hidden] { display: none; }
.uno-sr-item { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 9px; text-decoration: none; color: #1b2a4a; }
.uno-sr-item:hover, .uno-sr-item.is-active { background: #f2f6fb; }
.uno-sr-item img { width: 46px; height: 46px; object-fit: contain; border-radius: 8px; background: #f6f7fb; flex: 0 0 auto; }
.uno-sr-body { min-width: 0; flex: 1; }
.uno-sr-name { font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uno-sr-brand { font-size: 11px; color: #8a93a6; margin-top: 2px; }
.uno-sr-price { font-size: 13px; font-weight: 700; color: #339d9b; white-space: nowrap; }
.uno-sr-price del { font-size: 11px; color: #b3b9c6; font-weight: 400; margin-right: 5px; }
.uno-sr-more { display: block; text-align: center; padding: 9px; font-size: 13px; font-weight: 600; color: #1b4678; text-decoration: none; border-top: 1px solid #eef1f6; margin-top: 4px; }
.uno-sr-more:hover { color: #339d9b; }
.uno-sr-empty { padding: 16px 12px; text-align: center; color: #8a93a6; font-size: 13px; }

/* მარაგის მაჩვენებელი */
.uno-stock{
  display:inline-flex; align-items:center; gap:6px;
  font-size:10.5px; font-weight:600; line-height:1.2;
  padding:2px 8px 2px 6px; border-radius:999px; width:fit-content;
  border:1px solid transparent; white-space:nowrap;
}
.uno-stock::before{
  content:""; width:6px; height:6px; border-radius:50%; flex:0 0 6px; background:currentColor;
}
.uno-stock.is-in{ color:#1c7f5b; background:#e6f6ef; border-color:#c5e9da; }
.uno-stock.is-out{ color:#b3372a; background:#fdecea; border-color:#f6d2cd; }

.shop-img .uno-stock{
  position:absolute; top:12px; right:14px; z-index:3;
  height:21px; padding:0 9px 0 8px; gap:5px;
  font-size:9.5px; font-weight:600; border-radius:50px;
  background:#fff; border-color:#fff; color:#2b3040;
  box-shadow:0 2px 10px rgba(20,30,50,.14);
  pointer-events:none;
}
.shop-img .uno-stock::before{ width:6px; height:6px; flex-basis:6px; }
.shop-img .uno-stock.is-in::before{ background:#17a45f; }
.shop-img .uno-stock.is-out::before{ background:#e8382b; }

/* ვიწრო ბარათზე ფასდაკლების იარლიყი და მარაგის ნიშანი ერთმანეთს ეჯახებოდა —
   ორივე ოდნავ იკუმშება, რომ გვერდიგვერდ დაეტიოს */
@media (max-width:1399px){
  .shop-img .uno-stock{ top:12px; right:10px; height:20px; padding:0 7px 0 6px; font-size:9px; gap:4px; }
  .shop-img .uno-stock::before{ width:5px; height:5px; flex-basis:5px; }
  .shop-img .tag{ top:12px; left:10px; height:22px; line-height:22px; padding:0 10px; font-size:11px; }
}

@media (max-width:576px){
  .shop-img .uno-stock{ top:8px; right:8px; height:18px; padding:0 6px 0 5px; font-size:8.5px; }
  .shop-img .tag{ top:8px; left:8px; height:20px; line-height:20px; padding:0 8px; font-size:10px; }
  /* ვიწრო ბარათზე ორივე ერთ რიგში აღარ ეტევა — ნიშანი იარლიყის ქვეშ ჩადის */
  .shop-card.has-tag .shop-img .uno-stock{ top:38px; }
}

.uno-spec .uno-stock{ font-size:11px; }

.cart-prod-info .uno-stock{ margin-top:4px; }

.quick-stock.uno-stock{ font-size:11px; }

@media (max-width:576px){
  .uno-spec .uno-stock, .cart-prod-info .uno-stock{ font-size:10px; padding:2px 7px 2px 5px; }
}

/* კალათაში დამატება — დაჭერისთანავე ჩანს, რომ მოთხოვნა გაიგზავნა */
.uno-add-cart.is-loading{ pointer-events:none; opacity:.75; position:relative; }
.uno-add-cart.is-loading > i{ visibility:hidden; }
.uno-add-cart.is-loading::after{
  content:""; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px;
  border:2px solid currentColor; border-right-color:transparent; border-radius:50%;
  animation:uno-spin .7s linear infinite;
}
@keyframes uno-spin{ to{ transform:rotate(360deg); } }

.uno-toast{
  position:fixed; right:20px; bottom:20px; z-index:9999;
  display:flex; align-items:center; gap:10px; max-width:min(380px, calc(100vw - 40px));
  padding:12px 18px; border-radius:12px; color:#fff; font-size:14px; line-height:1.45;
  box-shadow:0 8px 26px rgba(15,25,45,.25);
  opacity:0; transform:translateY(12px); transition:opacity .25s ease, transform .25s ease;
}
.uno-toast.is-in{ opacity:1; transform:translateY(0); }
.uno-toast.is-gone{ opacity:0; transform:translateY(8px); }
.uno-toast.is-ok{ background:#1c9e6a; }
.uno-toast.is-error{ background:#c0392b; }
.uno-toast.is-wait{ background:#2b3345; }
.uno-toast-spin{
  width:15px; height:15px; flex:0 0 15px; border-radius:50%;
  border:2px solid rgba(255,255,255,.35); border-right-color:#fff;
  animation:uno-spin .7s linear infinite;
}

@media (max-width:576px){
  .uno-toast{ right:12px; left:12px; bottom:76px; max-width:none; font-size:13px; }
}

/* მარაგში არარსებული პროდუქტი — ყიდვის ღილაკები დაბლოკილია */
.show-now.is-disabled,
.ibt-btn.is-disabled,
.quick-add.is-disabled{
  pointer-events:none; cursor:not-allowed; opacity:.5; filter:grayscale(1);
}
.co-hint.is-blocked{
  display:flex; align-items:flex-start; gap:8px; margin-top:10px;
  color:#b3372a; background:#fdecea; border:1px solid #f6d2cd;
  border-radius:10px; padding:10px 12px; font-size:13px; line-height:1.5;
}
#placeOrderBtn:disabled{ opacity:.55; cursor:not-allowed; }

/* იურიდიული გვერდები (კონფიდენციალურობა) */
.legal-page{ max-width:1540px; }
.legal-head{ margin-bottom:24px; }
.legal-head .title{ font-size:32px; }
.legal-body{ max-width:860px; font-size:15px; line-height:1.85; color:#333; }
.legal-body h2{ font-size:19px; font-weight:700; line-height:1.4; color:#1f3b6f; margin:32px 0 10px; }
.legal-body p{ margin:0 0 12px; }
.legal-body ul{ list-style:disc; padding-left:22px; margin:0 0 14px; }
.legal-body li{ margin-bottom:6px; }
.legal-body a{ color:#1053a1; text-decoration:underline; }
.legal-updated{ color:#8a8f9e; font-size:13px; }
@media (max-width:576px){
  .legal-head .title{ font-size:24px; }
  .legal-body{ font-size:14px; }
}

/* ბარათის ნიშნები (Visa / Mastercard) */
.pay-marks{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.pay-marks .fa-cc-visa,
.pay-marks .fa-cc-mastercard{ font-size:34px; line-height:1; }
.pay-marks--footer{ margin-top:16px; color:#fff; }
.pay-marks--footer .pay-marks-label{ font-size:14px; opacity:.85; }
.pay-marks--cart{ margin-top:10px; }
.pay-marks--cart .fa-cc-visa{ color:#1a1f71; font-size:30px; }
.pay-marks--cart .fa-cc-mastercard{ color:#eb001b; font-size:30px; }
.footer-legal{ font-size:13px; opacity:.85; }