@import url("https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap");
:root {
 
  --ag-ff-body: 'Mona Sans', sans-serif;;
  --ag-ff-heading: 'Mona Sans', sans-serif;;
  --ag-ff-fontawesome: "Font Awesome 6 Pro";

  --ag-fw-normal: normal;
  --ag-fw-thin: 100;
  --ag-fw-elight: 200;
  --ag-fw-light: 300;
  --ag-fw-regular: 400;
  --ag-fw-medium: 500;
  --ag-fw-sbold: 600;
  --ag-fw-bold: 700;
  --ag-fw-ebold: 800;
  --ag-fw-black: 900;

  --ag-fs-body: 16px;
  --ag-fs-p: 16px;
  --ag-fs-h1: 74px;
  --ag-fs-h2: 48px;
  --ag-fs-h3: 32px;
  --ag-fs-h4: 24px;
  --ag-fs-h5: 20px;
  --ag-fs-h6: 18px;

 /*theme color*/
  --ag-color-theme-red: #D00000;
  --ag-color-theme-green: #34885A;
  --ag-color-theme-black: #000000;

 
  --ag-color-common-white: #ffffff;
  --ag-color-common-black: #000000;
  --ag-color-heading-primary: #0c1e21;
  --ag-color-text-body: #364e52;
  --ag-color-text-body-2: #a9b8b8;
  --ag-color-text-body-3: #67787a;
  --ag-color-text-body-4: #18292c;
  --ag-color-text-body-5: rgba(255, 255, 255, 0.8);
  
  --ag-color-theme-primary: #D00000;
  --ag-color-theme-bg: #d8e5e5;
  --ag-color-theme-bg-2: #cee0e0;
  --ag-color-theme-bg-3: #202e30;
  --ag-color-theme-dark: #0c1e21;
  --ag-color-theme-dark-2: #18292c;
  --ag-color-theme-dark-3: #364e52;
  --ag-color-theme-dark-4: #67787a;
  --ag-color-theme-dark-5: #676e7a;
  --ag-color-red-1: #ff0000;
  --ag-color-grey-1: #ecf0f0;
  --ag-color-grey-2: #a9b8b8;
  --ag-color-grey-3: rgba(255, 255, 255, 0.1019607843);
  --ag-color-border-1: #c9d1d1;
  --ag-color-border-2: #313d3d;
  --ag-color-border-3: rgba(255, 255, 255, 0.1490196078);
  --ag-color-border-4: rgba(255, 255, 255, 0.2);
  --ag-color-border-5: rgba(30, 138, 138, 0.1490196078);
}

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

.site-main {
  position: relative;
}

body {
  font-family: var(--ag-ff-body);
  font-size: var(--ag-fs-body);
  font-weight: normal;
  color: var(--ag-color-text-body);
  background-color: var(--ag-color-grey-1);
  line-height: 1.5;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ag-ff-heading);
  color: var(--ag-color-heading-primary);
  margin-top: 0px;
  font-weight: var(--ag-fw-medium);
  line-height: 1.2;
  letter-spacing: -0.03em;
}

h1 {
  font-size: var(--ag-fs-h1);
  line-height: 1.108;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h1 {
    font-size: 45px;
  }
}

h2 {
  font-size: var(--ag-fs-h2);
  line-height: 1.125;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  h2 {
    font-size: 30px;
  }
}

h3 {
  font-size: var(--ag-fs-h3);
  line-height: 1.25;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h3 {
    font-size: 25px;
  }
}

h4 {
  font-size: var(--ag-fs-h4);
  line-height: 1.333;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: var(--ag-fs-h5);
  line-height: 1.4;
}

h6 {
  font-size: var(--ag-fs-h6);
  line-height: 1.444;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: block;
}

h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

ul {
  margin: 0px;
  padding: 0px;
}

a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
svg path,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

a:focus,
button:focus,
button:focus-visible {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: var(--ag-color-theme-primary);
  outline: none;
  border: none;
  background: transparent;
  padding: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

select,
.nice-select,
input[type=search],
input[type=tel],
input[type=text],
input[type=email],
input[type=url],
textarea {
  outline: none;
  background-color: var(--ag-color-common-white);
  height: auto;
  width: 100%;
  font-size: var(--ag-fs-body);
  border: 1px solid var(--ag-color-border-1);
  color: var(--ag-color-text-body);
  padding: 10px 15px;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--ag-color-theme-primary) var(--ag-color-common-white);
}

::-webkit-scrollbar {
  height: 4px;
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: var(--ag-color-theme-primary);
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

*::-moz-selection {
  background: var(--ag-color-common-black);
  color: var(--ag-color-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--ag-color-common-black);
  color: var(--ag-color-common-white);
  text-shadow: none;
}

::selection {
  background: var(--ag-color-common-black);
  color: var(--ag-color-common-white);
  text-shadow: none;
}

*::-webkit-input-placeholder {
  color: var(--ag-color-text-body);
  font-size: var(--ag-fs-body);
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
*::-moz-placeholder {
  color: var(--ag-color-text-body);
  font-size: var(--ag-fs-body);
  opacity: 1;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
*:-ms-input-placeholder {
  color: var(--ag-color-text-body);
  font-size: var(--ag-fs-body);
  opacity: 1;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
*::-ms-input-placeholder {
  color: var(--ag-color-text-body);
  font-size: var(--ag-fs-body);
  opacity: 1;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
*::placeholder {
  color: var(--ag-color-text-body);
  font-size: var(--ag-fs-body);
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/**
 	Common Classes CSS
*/
table {
  border-collapse: separate;
  border-spacing: 0;
}

img {
  max-width: 100%;
}

.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.section-gap {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-gap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.section-gap-2 {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-gap-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.gap-top,
.section-top-gap {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap-top,
  .section-top-gap {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gap-top,
  .section-top-gap {
    padding-top: 70px;
  }
}

.gap-bottom,
.section-bottom-gap {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gap-bottom,
  .section-bottom-gap {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .gap-bottom,
  .section-bottom-gap {
    padding-bottom: 70px;
  }
}

.section-gap-x {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-gap-x {
    -webkit-margin-start: 12px;
            margin-inline-start: 12px;
    -webkit-margin-end: 12px;
            margin-inline-end: 12px;
  }
}

.section-separator {
  border-top: 1px dashed var(--ag-color-border-1);
}

.mt-10 {
  margin-top: 10px;
}

.rg-30 {
  row-gap: 30px;
}

.rg-40 {
  row-gap: 40px;
}

.rg-50 {
  row-gap: 50px;
}

.rg-60 {
  row-gap: 60px;
}

.rg-70 {
  row-gap: 70px;
}

.rg-80 {
  row-gap: 80px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.gap-15 {
  --bs-gutter-x: 15px;
  padding: 0 15px;
}
.gap-15 .row {
  --bs-gutter-x: 15px;
  --bs-gutter-y: 15px;
}

.space-for-header {
  padding-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .space-for-header {
    padding-top: 95px;
  }
}

.top-space-15 {
  padding-top: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top-space-15 {
    padding-top: 12px;
  }
}

.top-space-65 {
  padding-top: 65px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .top-space-65 {
    padding-top: 94px;
  }
}

.gap-30 {
  --bs-gutter-x: 30px;
}
.gap-30 .row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

.gap-0 {
  --bs-gutter-x: 0;
}
.gap-0 .row {
  --bs-gutter-x: 0;
}

.wow {
  visibility: hidden;
}

.container-end-align {
  -webkit-margin-start: calc((100% - 1320px) / 2);
          margin-inline-start: calc((100% - 1320px) / 2);
  width: auto;
  min-width: auto;
  max-width: inherit;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .container-end-align {
    -webkit-margin-start: calc((100% - 1140px) / 2);
            margin-inline-start: calc((100% - 1140px) / 2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container-end-align {
    -webkit-margin-start: calc((100% - 960px) / 2);
            margin-inline-start: calc((100% - 960px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container-end-align {
    -webkit-margin-start: calc((100% - 720px) / 2);
            margin-inline-start: calc((100% - 720px) / 2);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .container-end-align {
    -webkit-margin-start: calc((100% - 540px) / 2);
            margin-inline-start: calc((100% - 540px) / 2);
  }
}
@media (max-width: 575px) {
  .container-end-align {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-padding-end: 12px;
            padding-inline-end: 12px;
  }
}

.vbox-grab .vbox-child img {
  border-radius: 12px;
}

#smooth-content {
  padding-bottom: 15px;
  will-change: transform;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  #smooth-content {
    padding-bottom: 0;
  }
}

.ag-sticky-panel,
.ag-sticky-panel-2,
.ag-sticky-panel-3,
.slidebar-stickiy {
  will-change: transform;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  [data-speed=".8"] {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}


 /*start Preloader */

.ag-preloader {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ag-color-theme-dark);
  z-index: 100000000;
  color: #fdfdf9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ag-preloader.is-loading .ag-preloader-ball-inner,
.ag-preloader.is-loading .ag-preloader-ball-shadow {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.ag-preloader.is-loaded {
  pointer-events: none;
}

.ag-preloader .ag-preloader-overlay {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ag-color-theme-dark);
  z-index: 99999999;
  opacity: 1;
  -webkit-animation: ag-fade-out 2s forwards;
          animation: ag-fade-out 2s forwards;
}

@-webkit-keyframes ag-fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes ag-fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ag-preloader .ag-preloader-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ag-preloader .ag-preloader-ball-wrap {
  gap: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset-inline-start: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
}

@media only screen and (min-width: 1025px) {
  .ag-preloader .ag-preloader-ball-wrap {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.ag-preloader .ag-preloader-ball-inner-wrap {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 50%;
  inset-inline-start: -16px;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  z-index: 10000;
}
@media only screen and (min-width: 1025px) {
  .ag-preloader .ag-preloader-ball-inner-wrap {
    inset-inline-start: -30px;
  }
}

.ag-preloader .ag-preloader-ball-shadow {
  position: absolute;
  width: 16px;
  height: 4px;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #00ffc2;
  bottom: 0;
  border-radius: 50%;
  -webkit-filter: blur(12px);
          filter: blur(12px);
  -webkit-box-shadow: 0 4px 20px 0 #20e7b7;
          box-shadow: 0 4px 20px 0 #20e7b7;
  -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation: ag-shadow-blur 1s linear infinite;
          animation: ag-shadow-blur 1s linear infinite;
}

.ag-preloader .ag-preloader-ball-inner {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #00ffc2;
  -webkit-animation: ag-bounce-anim 1s linear infinite;
          animation: ag-bounce-anim 1s linear infinite;
  -webkit-box-shadow: 0 0 12px 0 #fdfdf9;
          box-shadow: 0 0 12px 0 #fdfdf9;
  -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.ag-preloader.is-loaded .ag-preloader-ball-shadow {
  display: none;
}

.ag-preloader.is-loaded .ag-preloader-ball-inner {
  -webkit-animation: fadeLeftToRight 0.7s linear;
          animation: fadeLeftToRight 0.7s linear;
}

.ag-preloader .ag-preloader-ball {
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  border-radius: 50%;
  background-color: rgba(0, 255, 194, 0.1);
  -webkit-box-shadow: 0 0 20px 0 #20e7b7;
          box-shadow: 0 0 20px 0 #20e7b7;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.ag-preloader .ag-preloader-text {
  font-size: 20px;
  position: relative;
  letter-spacing: 0;
  -webkit-transform: translateY(-0.03em);
      -ms-transform: translateY(-0.03em);
          transform: translateY(-0.03em);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: var(--ag-fw-sbold);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .ag-preloader .ag-preloader-text {
    font-size: 16px;
  }
}

.ag-preloader.is-loaded .ag-preloader-text {
  opacity: 0;
  visibility: hidden;
}

#ag-weave-anim span {
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  -webkit-animation: ag-weave-anim 1.15s ease infinite;
          animation: ag-weave-anim 1.15s ease infinite;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
#ag-weave-anim span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#ag-weave-anim span:nth-child(2) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
#ag-weave-anim span:nth-child(3) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
#ag-weave-anim span:nth-child(4) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
#ag-weave-anim span:nth-child(5) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#ag-weave-anim span:nth-child(6) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
#ag-weave-anim span:nth-child(7) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#ag-weave-anim span:nth-child(8) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
#ag-weave-anim span:nth-child(9) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#ag-weave-anim span:nth-child(10) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
#ag-weave-anim span:nth-child(11) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#ag-weave-anim span:nth-child(12) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
#ag-weave-anim span:nth-child(13) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#ag-weave-anim span:nth-child(14) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
#ag-weave-anim span:nth-child(15) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#ag-weave-anim span:nth-child(16) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
#ag-weave-anim span:nth-child(17) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#ag-weave-anim span:nth-child(18) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
#ag-weave-anim span:nth-child(19) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#ag-weave-anim span:nth-child(20) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
#ag-weave-anim span:nth-child(21) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
#ag-weave-anim span:nth-child(22) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
#ag-weave-anim span:nth-child(23) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}

@-webkit-keyframes ag-shadow-blur {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
  30% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: translate(-50%, -0.5rem) scale(1);
            transform: translate(-50%, -0.5rem) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
}

@keyframes ag-shadow-blur {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
  30% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: translate(-50%, -0.5rem) scale(1);
            transform: translate(-50%, -0.5rem) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
}
@-webkit-keyframes fadeLeftToRight {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0) scale(1);
            transform: translate(0) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-3000%, 0) scale(1);
            transform: translate(-3000%, 0) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-2000%, 0) scale(1);
            transform: translate(-2000%, 0) scale(1);
    opacity: 1;
  }
  60% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0%, 0) scale(1);
            transform: translate(0%, 0) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(1000%, 0) scale(7);
            transform: translate(1000%, 0) scale(7);
    opacity: 0.4;
  }
}
@keyframes fadeLeftToRight {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0) scale(1);
            transform: translate(0) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-3000%, 0) scale(1);
            transform: translate(-3000%, 0) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-2000%, 0) scale(1);
            transform: translate(-2000%, 0) scale(1);
    opacity: 1;
  }
  60% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0%, 0) scale(1);
            transform: translate(0%, 0) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(1000%, 0) scale(7);
            transform: translate(1000%, 0) scale(7);
    opacity: 0.4;
  }
}
@-webkit-keyframes ag-bounce-anim {
  0% {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
  3% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
  }
  5% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
            transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
  }
  8% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
  }
  12% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
  }
  16% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
  }
  20% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  24% {
    -webkit-transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
            transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
  }
  26% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
  }
  28% {
    -webkit-transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
            transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
  }
  30% {
    -webkit-transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
            transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
  }
  32% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
  }
  36% {
    -webkit-transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
            transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
  }
  42% {
    -webkit-transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
            transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
  }
  48% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  54% {
    -webkit-transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
            transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
  }
  62% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
  }
  68% {
    -webkit-transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
            transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
  }
  75% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
  }
  80% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
  }
  85% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
            transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
  }
  90% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
  }
  95% {
    -webkit-transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
            transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
  }
  to {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
}
@keyframes ag-bounce-anim {
  0% {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
  3% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
  }
  5% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
            transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
  }
  8% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
  }
  12% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
  }
  16% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
  }
  20% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  24% {
    -webkit-transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
            transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
  }
  26% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
  }
  28% {
    -webkit-transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
            transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
  }
  30% {
    -webkit-transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
            transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
  }
  32% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
  }
  36% {
    -webkit-transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
            transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
  }
  42% {
    -webkit-transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
            transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
  }
  48% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  54% {
    -webkit-transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
            transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
  }
  62% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
  }
  68% {
    -webkit-transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
            transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
  }
  75% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
  }
  80% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
  }
  85% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
            transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
  }
  90% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
  }
  95% {
    -webkit-transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
            transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
  }
  to {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
}
@-webkit-keyframes ag-weave-anim {
  0% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  12% {
    -webkit-transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
            transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
  }
  24% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  36% {
    -webkit-transform: translate3D(0, 0, 0) scale(1);
            transform: translate3D(0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes ag-weave-anim {
  0% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  12% {
    -webkit-transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
            transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
  }
  24% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  36% {
    -webkit-transform: translate3D(0, 0, 0) scale(1);
            transform: translate3D(0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* Preloader end */

/*START Back to top*/
#ag-back-to-top {
  height: 60px;
  width: 60px;
  background-color: var(--ag-color-common-white);
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  inset-inline-end: 40px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  display: grid;
  place-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 100;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  #ag-back-to-top {
    height: 50px;
    width: 50px;
  }
}
#ag-back-to-top.active {
  bottom: 40px;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
          animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: var(--ag-color-theme-primary);
}
#ag-back-to-top .return {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#ag-back-to-top-percentage {
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  background-color: var(--ag-color-common-white);
  color: var(--ag-color-theme-dark);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: var(--ag-fw-sbold);
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px 0px;
          box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px 0px;
}
#ag-back-to-top-percentage i {
  font-size: var(--ag-fs-h5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #ag-back-to-top {
    inset-inline-end: 30px;
  }
  #ag-back-to-top.active {
    bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  #ag-back-to-top {
    bottom: 20px;
    inset-inline-end: 20px;
  }
  #ag-back-to-top.active {
    bottom: 80px;
  }
}

@-webkit-keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
            transform: translate3d(0, 80%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
            transform: translate3d(0, 80%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
/* end Back to top CSS */

.footer-logo img{
  display: block;
  width: 50%;
  margin: auto;
}
.footermenu{
  margin: 50px 0 0 0;
}
.footermenu ul{
  display: flex;
  gap: 40px;
  list-style: none;
  justify-content: center;
}
.footermenu ul li a{
  color: white;
}
.about-img-area{
  padding: 0 50px 0 0;
}
@media only screen and (max-width: 758px){
  .footermenu ul{
    text-align: center;
    display: block;
    list-style: none;
  }

  .footermenu ul li{
    margin: 10px 0;
    font-size: 18px;
  }

  .footer-logo img{
    display: block;
    width: 80%;
    margin: auto;
  }
  .about-img-area{
    padding: 0 50px 0 0;
  }
}

.missionimg img{
  border-radius: 30px;
}
.missionimg{
  border-radius: 30px;
  overflow: hidden;
}

.about-quality-list{
  list-style: none;
}

.about-quality-list li{
  line-height: 35px;
}

.about-quality-list li i{
  color: #D00000;
}
.ag-product-details-query h6{
  color: #D00000;
}

.ag-product-details-query ul{
  list-style: none;
}

.ag-product-details-query ul li{
  line-height: 35px;
}

.ag-product-details-query ul li i{
  color: #D00000;
}

/*blog inner*/
.blog-title h3{
    font-size: 22px;
    color: #D00000;
}

.inner-blog-image{
    overflow: hidden;
    border-radius: 50px;
}
.inner-blog-image img{
    transition: transform 0.6s ease; 
}

.inner-blog-image:hover img{
    transform: scale(1.08);
}

.ag-product-details-query{


/*Red D00000
Green 34885A*/