/* Custom Code css */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap");

:root {
  --color-text: #ffffff;
  --color-heading: #ffffff;
  --color-primary: #aaaaaa;
  --color-text-sub: #999999;
  --card-head-color: #999999;
  --header-btn-color: #d9d9d9;
  --white-dark-color: #e5e5e5;
  --color-text-hover: #1faac8;
  --color-primary-hover: #0a64b0;
  --footer-text-color: #ffffff;
  --color-border-about: #3c3b45;
  --stroke-font-color: transparent;
  --color-linear_gradient: linear-gradient(
    90deg,
    #195a9d 5.29%,
    #9bdaff 51.22%,
    #1faac8 100%
  );

  --color-border: #6a605d;
  --border-after: #303030;
  --border-footer: #191923;
  --testimonial-border-color: #2f2a39;
  --page-vertical-border: #121212;

  --text-copyright: #615d6a;
  --about-text-stroke-color: 3px rgba(33, 33, 33, 1);
  --product-text-stroke-color: 2px rgba(33, 33, 33, 1);

  /* background-color */
  --color-bg: #000000;
  --sidbar-menu-bg: #1c1c1c;
  --mobilem-menu: #ffffff;
  --about-info-bg: rgba(28, 28, 28, 1);
  --product-section-bg: transparent;
  --service-section-bg: rgba(28, 28, 28, 0.6);
  --partners-img-item-bg: #171717;
  --testimonial-card-bg: #171717;
  --about-our-story: rgba(28, 28, 28, 1);
  --bg-progress-bar: rgba(255, 255, 255, 0.2);
  --portfolio-slider: linear-gradient(
    270deg,
    #000000 0%,
    rgba(255, 255, 255, 0) 100%
  );

  --color-icon-white: #000000;
  --sidbar-menu-bg: #1c1c1c;
  --mobilem-menu: #ffffff;

  --font-body: "Montserrat", sans-serif;

  /* image */
  --menu-hover-bg: url("../images/Menu_Hover_Bg_light.webp");
  --after-bg-slider: url("../images/side_after_right_Icon.webp");
  --polygon-bg-img: url("../images/polygon.webp");
  --daily-s-ab-i_img: url("../images/drack_side_after_right_icon.webp");
  --about-card-icon: url("../images/about_w_black.webp");
  --tools-bg-img: url("../images/tools_section_bg_img.webp");
  --partners-bg-img2: url("../images/slider_parent/2.webp");
  --partners-bg-img4: url("../images/slider_parent/4.webp");
  --footer-bg-img: url("../images/footer_bg_dark.webp");
  --about-banner-after: url("../images/about/about_banner_img.webp");
}

.light_mode {
  --color-text: #000000;
  --color-heading: #343434;
  --color-primary: #444444;
  --color-text-sub: #999999;
  --card-head-color: #777777;
  --header-btn-color: #000000;
  --white-dark-color: #343434;
  --color-text-hover: #1faac8;
  --color-primary-hover: #0a64b0;
  --footer-text-color: #444444;
  --color-border-about: #aaaaaa;
  --stroke-font-color: #ffffff;
  --color-linear_gradient: linear-gradient(
    90deg,
    #195a9d 5.29%,
    #5962b9 54.54%,
    #1faac8 100%
  );

  --color-border: #615d6a;
  --border-after: #e7e4e4;
  --border-footer: #eeeeee;
  --testimonial-border-color: #e5e5e5;
  --page-vertical-border: linear-gradient(
    90deg,
    #19171f 0%,
    #0f0d1a 95%,
    #000000 100%
  );

  --about-text-stroke-color: 2px rgba(243, 244, 246, 1);
  --product-text-stroke-color: 2px rgba(231, 232, 234, 1);

  /* background-color */
  --color-bg: #ffffff;
  --sidbar-menu-bg: #fdfbfb;
  --mobilem-menu: #000000;
  --about-info-bg: #eff1fd;
  --product-section-bg: #eff1fd;
  --service-section-bg: #ffffff;
  --partners-img-item-bg: #ffffff;
  --testimonial-card-bg: #171717;
  --about-our-story: #ffffff;

  --bg-progress-bar: #dddddd;
  --portfolio-slider: linear-gradient(
    270deg,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 100%
  );

  --font-body: "Montserrat", sans-serif;

  /* image */
  --menu-hover-bg: url("../images/Menu_Hover_Bg_light.webp");
  --after-bg-slider: url("../images/side_after_right_Icon_light.webp");
  --polygon-bg-img: url("../images/polygon_light.webp");
  --daily-s-ab-i_img: url("../images/light_side_Icon.webp");
  --tools-bg-img: url("../images/tools_section_bg_img_light.webp");
  --partners-bg-img2: url("../images/slider_parent/2.svg");
  --partners-bg-img4: url("../images/slider_parent/w4.webp");
  --footer-bg-img: url("../images/footer_bg_light.webp");
  --about-banner-after: url("../images/about/about_banner_img_light_new.webp");
}

body {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: var(--color-text);
  background-color: var(--color-bg);
  font-family: var(--font-body);
}
.fontHeader {
  font-family: "M PLUS 1p", sans-serif;
}
.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 80px;
  padding-right: 80px;
}
.sectionPadding {
  padding-top: 80px;
  padding-bottom: 80px;
}
.sectionWidth {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
button,
a {
  outline: none;
}
iframe,
video,
img {
  max-width: 100%;
}

.linear_g {
  background: var(--color-linear_gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.menu-hover-bg {
  background-image: var(--menu-hover-bg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.mobileMenu {
  fill: var(--mobilem-menu);
}
.bgIcon svg {
  fill: var(--color-bg);
  transition: all 360ms ease;
}
.bgIcon:hover svg {
  fill: var(--color-text-hover);
}
.pacificBlue {
  fill: var(--color-text-hover);
}
.starSolid {
  fill: #6cc04a;
}

/* header menu active text color */
.active-menu-bg {
  opacity: 1;
}

/* clock rotate animation */
@keyframes clockSpin {
  from {
    transform: translateX(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}
.clock-rotate {
  margin-left: 50px;
  transform-origin: center center;
  animation: clockSpin 15s linear infinite;
}

/* home page slider animation */
@keyframes softZoom {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.polygon-zoom {
  animation: softZoom 5s ease-in-out infinite;
  opacity: 0.85;
  will-change: transform;
}

/* slowRotate */
@keyframes slowRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#themeToggle img {
  animation: slowRotate 20s linear infinite;
  transform-origin: center;
}

/* -------- ------------------------------------------
            Home page banner slider Css Start 
 ---------- ------------------------------------------*/
@keyframes shine {
  100% {
    left: 125%;
  }
}
.slideBanner.is-active {
  position: relative;
  display: block;
}

/* -------- ------------------------------------------
                  Scrollbar Hide Css Start 
 ---------- ------------------------------------------*/
.scrollbarHide::-webkit-scrollbar {
  display: none;
}
.scrollbarHide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media (max-width: 1280px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media (max-width: 1023px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sectionPadding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .clock-rotate {
    margin-left: 32px;
  }
}

@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sectionPadding {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .clock-rotate {
    margin-left: 24px;
  }
}

@media (max-width: 639px) {
  .clock-rotate {
    margin-left: 20px;
  }
}