@charset "UTF-8";
/*-----------------------------------------------------------------------------------
  Theme Name: Synvo - IT Service HTML Template
  Author: rrdevs
  Support: https://support.rrdevs.net/
  Description: 
  Version: 1.0.1
-----------------------------------------------------------------------------------*/

/* variable css */
@import url("../../../css2");
:root {
  --primary: #1C1C25;
  --secondary: #797E88;
  --border: #E5E5E5;
  --theme: #6421FF;
  --grey: #F8F4FF;
  --border-2: #EAE3F5;
  --black: #1C1C25;
  --black-2: #4f5259;
  --white: #FFFFFF;
  --white-2: #A7ACB5;
  --action: #6421FF;
}

/* typography css */
@font-face {
  font-family: "GeneralSans-Semibold";
  src: url("../fonts/GeneralSans-Semibold.otf");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Medium";
  src: url("../fonts/GeneralSans-Medium.otf");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Italic";
  src: url("../fonts/GeneralSans-Italic.otf");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
:root {
  --font_inter: "Inter", sans-serif;
  --font_generalsanssemibold: "GeneralSans-Semibold";
  --font_generalsansmedium: "GeneralSans-Medium";
  --font_generalsansitalic: "GeneralSans-Italic";
  --font_awesome: "Font Awesome 6 pro";
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font_inter);
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--secondary);
}

html {
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  color: var(--primary);
  line-height: 1.22;
  font-family: var(--font_generalsanssemibold);
  font-weight: 600;
}

ul, ol {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  transition: all 0.3s;
  color: inherit;
}
a:hover {
  color: var(--primary);
}

button {
  background-color: transparent;
  border: 0;
}

p {
  padding: 0;
  margin: 0;
}

strong {
  font-weight: 500;
}

video, iframe, img {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  br {
    display: none;
  }
}

main {
  display: inline-block;
  width: 100%;
}

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

/* animation css */
.t_parallax_image {
  overflow: hidden;
}

@keyframes t-Bubble {
  0% { scale: 1; }
  50% { scale: 1.5; }
  100% { scale: 1; }
}
@keyframes t-Zoom {
  0% { scale: 1; }
  50% { scale: 0.5; }
  100% { scale: 1; }
}
@keyframes t-Zoom_2 {
  0% { scale: 1; }
  50% { scale: 0.9; }
  100% { scale: 1; }
}
@keyframes t-SlideBottom {
  0% { transform: translateY(0); }
  50% { transform: translateY(50px); }
  100% { transform: translateY(0); }
}
@keyframes t-reveal {
  to { opacity: 1; filter: blur(0px); }
}
@keyframes t-fadeUp {
  0% { opacity: 0; transform: translateY(50px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes t-spinner {
  to { transform: rotateZ(360deg); }
}
@keyframes t-characters {
  0%, 75%, 100% { opacity: 0; transform: rotateY(-90deg); }
  25%, 50% { opacity: 1; transform: rotateY(0deg); }
}
@keyframes t-sheen {
  50% { transform: translateY(-20px); color: var(--primary); }
}
@keyframes t-slide {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}