:root {

  /* Primary Theme Colors */
  --primary-color: #e62d55;
  --secondary-color: #fe9809;
  --blue-color: #007eae;
  --light-green-color: #01E675;

  /* Theme background colors */
  --theme-bg-1: #f8f9fa;
  --theme-bg-2: #f2f1f1;

  /* --------White-palette-------- */
  --white-color: #ffffff;
  --white-gray-color: #e0e0e0;
  --white-light-color: #f8f8f8;
  --white-color-70: rgba(255, 255, 255, 0.7);
  --white-color-60: rgba(255, 255, 255, 0.6);
  --white-color-50: rgba(255, 255, 255, 0.5);
  --white-color-40: rgba(255, 255, 255, 0.4);
  --white-color-30: rgba(255, 255, 255, 0.3);
  --white-color-20: rgba(255, 255, 255, 0.2);
  --white-color-10: rgba(255, 255, 255, 0.1);

  /* --------black-palette-------- */
  --black-color: #000000;
  --black-light-color: #333333;
  --black-medium-color: #222;
  --black-dark-color: #212529;
  --black-color-90: rgba(0, 0, 0, 0.9);
  --black-color-80: rgba(0, 0, 0, 0.8);
  --black-color-70: rgba(0, 0, 0, 0.7);
  --black-color-60: rgba(0, 0, 0, 0.6);
  --black-color-50: rgba(0, 0, 0, 0.5);
  --black-color-40: rgba(0, 0, 0, 0.4);
  --black-color-30: rgba(0, 0, 0, 0.3);
  --black-color-20: rgba(0, 0, 0, 0.2);
  --black-color-10: rgba(0, 0, 0, 0.1);

  /* ------------Gray Palette----------- */
  --gray-color-1: #f0f0f0;
  --gray-color-2: #e0e0e0;
  --gray-color-3: #cacaca;
  --gray-color-4: #bbbbbb;

  /* Spaces */
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* pixel spacings */
  --space-1px: 1px;
  --space-2px: 2px;
  --space-3px: 3px;
  --space-4px: 4px;
  --space-5px: 5px;
  --space-6px: 6px;
  --space-7px: 7px;
  --space-8px: 8px;
  --space-9px: 9px;
  --space-10px: 10px;
  --space-11px: 11px;
  --space-12px: 12px;
  --space-13px: 13px;
  --space-14px: 14px;
  --space-15px: 15px;
  --space-16px: 16px;
  --space-17px: 17px;
  --space-18px: 18px;
  --space-19px: 19px;
  --space-20px: 20px;
  --space-21px: 21px;
  --space-22px: 22px;
  --space-23px: 23px;
  --space-24px: 24px;
  --space-25px: 25px;
  --space-26px: 26px;
  --space-27px: 27px;
  --space-28px: 28px;
  --space-29px: 29px;
  --space-30px: 30px;
  --space-31px: 31px;
  --space-32px: 32px;
  --space-33px: 33px;
  --space-34px: 34px;
  --space-35px: 35px;
  --space-36px: 36px;
  --space-37px: 37px;
  --space-38px: 38px;
  --space-39px: 39px;
  --space-40px: 40px;
  --space-41px: 41px;
  --space-42px: 42px;
  --space-43px: 43px;
  --space-44px: 44px;
  --space-45px: 45px;
  --space-46px: 46px;
  --space-47px: 47px;
  --space-48px: 48px;
  --space-49px: 49px;
  --space-50px: 50px;
  --space-51px: 51px;
  --space-52px: 52px;
  --space-53px: 53px;
  --space-54px: 54px;
  --space-55px: 55px;
  --space-56px: 56px;
  --space-57px: 57px;
  --space-58px: 58px;
  --space-59px: 59px;
  --space-60px: 60px;
  --space-61px: 61px;
  --space-62px: 62px;
  --space-63px: 63px;
  --space-64px: 64px;
  --space-65px: 65px;
  --space-66px: 66px;
  --space-67px: 67px;
  --space-68px: 68px;
  --space-69px: 69px;
  --space-70px: 70px;
  --space-71px: 71px;
  --space-72px: 72px;
  --space-73px: 73px;
  --space-74px: 74px;
  --space-75px: 75px;
  --space-76px: 76px;
  --space-77px: 77px;
  --space-78px: 78px;
  --space-79px: 79px;
  --space-80px: 80px;
  --space-81px: 81px;
  --space-82px: 82px;
  --space-83px: 83px;
  --space-84px: 84px;
  --space-85px: 85px;
  --space-86px: 86px;
  --space-87px: 87px;
  --space-88px: 88px;
  --space-89px: 89px;
  --space-90px: 90px;
  --space-91px: 91px;
  --space-92px: 92px;
  --space-93px: 93px;
  --space-94px: 94px;
  --space-95px: 95px;
  --space-96px: 96px;
  --space-97px: 97px;
  --space-98px: 98px;
  --space-99px: 99px;
  --space-100px: 100px;

  /* font-size */
  --main-heading: 60px;
  --main-heading2: 50px;
  --section-heading: 42px;
  --section-sub-heading: 18px;

  --tital-size18: 18px;
  --tital-size20: 20px;
  --tital-size22: 22px;
  --tital-size24: 24px;
  --tital-size26: 26px;
  --para-size: 16px;

  --font-size-xs-10: 10px;
  --font-size-sm-12: 12px;
  --font-size-base-14: 14px;
  --font-size-md-16: 16px;
  --font-size-lg-18: 18px;
  --font-size-xl-20: 20px;
  --font-size-2xl-24: 24px;
  --font-size-3xl-30: 30px;
  --font-size-4xl-36: 36px;
  --font-size-5xl-48: 48px;
  --font-size-6xl-60: 60px;
  --font-size-7xl-72: 72px;

  /* Opacity levels */
  --opacity-100: 1;
  --opacity-50: 0.5;
  --opacity-10: 0.1;
  --opacity-0: 0;

  /* persentage */
  --cent-100: 100%;
  --cent-75: 75%;
  --cent-50: 50%;
  --cent-45: 45%;
  --cent-25: 25%;
  --cent-10: 10%;
  --cent-0: 0%;

  /* height (vh) */
  --vh-100: 100vh;
  --vh-50: 50vh;

  /* width (vw) */
  --vw-100: 100vw;
  --vw-50: 50vw;

  /* transitions */
  --transition7: .7s;
  --transition5: .5s;
  --transition3: .3s;
  --transition2: .2s;
  --transition10: 1s;

  /* curv */
  --radius-none: 0px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-100: 100px;
  --border-radius-circle: 50%;

  /* text transform */
  --tx-uppercase: uppercase;
  --tx-lowercase: lowercase;
  --tx-capitalize: capitalize;

  /* font-weight */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* alignment */
  --center: center;
  --start: left;
  --end: right;
  --justify: justify;

  /* flex */
  --flex: flex;
  --wrap: wrap;

  /* -----font-family----- */
  --primary-font-family: "Halyard Text";
  --secondary-font-family: Roboto, sans-serif;
  /*  */
}

/*  */

/* --------------------------------------------------
UTILITY CLASSES - Start
-------------------------------------------------- */

/* --- Text Alignment --- */
.tx-left {
  text-align: var(--start);
}

.tx-center {
  text-align: var(--center);
}

.tx-right {
  text-align: var(--end);
}

/* --- Font Weight --- */

.fw-light {
  font-weight: var(--fw-light);
}

.fw-normal {
  font-weight: var(--fw-normal);
}
.fw-medium {
  font-weight: var(--fw-medium);
}
.fw-semibold {
  font-weight: var(--fw-semibold);
}

.fw-bold {
  font-weight: var(--fw-bold);
}

/* --- Background Utilities --- */
.bgcolor-primary {
  background-color: var(--primary-color);
}

.bgcolor-secondary {
  background-color: var(--secondary-color);
}

.bgcolor-blue {
  background-color: var(--blue-color);
}

.bgcolor-white {
  background-color: var(--white-color);
}

.bgcolor-light {
  background-color: var(--white-gray-color);
}

.bgcolor-dark {
  background-color: var(--black-dark-color);
}

.bgcolor-black {
  background-color: var(--black-color);
}

/* --- Text Color --- */
.tx-primary {
  color: var(--primary-color);
}

.tx-secondary {
  color: var(--secondary-color);
}

.tx-blue {
  color: var(--blue-color);
}

.tx-white {
  color: var(--white-color);
}

.tx-light {
  color: var(--white-gray-color);
}

.tx-dark {
  color: var(--black-dark-color);
}

.tx-black {
  color: var(--black-color);
}


/* --- Border Radius --- */
.rounded {
  border-radius: 0.25rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

/* --- Shadow --- */
.shadow-sm {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.shadow-lg {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}


/* ---position----- */

.p-absolute {
  position: absolute
}

.p-relative {
  position: relative;
}

.p-fixed {
  position: fixed;
}

.p-sticky {
  position: sticky;
}

.p-static {
  position: static;
}

/* --------------------------------------------------

-------------------------------------------------- */


/* --- Opacity --- */
.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

/* --- Text Transform --- */
.tx-uppercase {
  text-transform: uppercase;
}

.tx-lowercase {
  text-transform: lowercase;
}

.tx-capitalize {
  text-transform: capitalize;
}

/* --- Text Decoration --- */
.tx-underline {
  text-decoration: underline;
}

.tx-line-through {
  text-decoration: line-through;
}

.tx-no-decoration {
  text-decoration: none;
}

/* --- Letter Spacing --- */
.ls-normal {
  letter-spacing: normal;
}

.ls-wide {
  letter-spacing: 0.05em;
}

.ls-wider {
  letter-spacing: 0.1em;
}

.ls-tight {
  letter-spacing: -0.05em;
}

/* --- Transition --- */
.transition-all {
  transition: all 0.3s ease-in-out;
}

.transition-fast {
  transition: all 0.1s ease-in-out;
}

.transition-slow {
  transition: all 0.5s ease-in-out;
}

/* --- Border --- */
.border {
  border: 1px solid #ddd;
}

.border-top {
  border-top: 1px solid #ddd;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.border-left {
  border-left: 1px solid #ddd;
}

.border-right {
  border-right: 1px solid #ddd;
}

.border-none {
  border: none;
}

/* --- Border Color --- */
.border-primary {
  border-color: var(--primary-color);
}

.border-gray {
  border-color: var(--white-gray-color);
}

/* --- Border Radius More --- */
.rounded-xl {
  border-radius: 1rem;
}

.rounded-full {
  border-radius: 9999px;
}

/* --- Box Sizing --- */
.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

@font-face {
  font-family: "Halyard Text";
  src: url("../fonts/HalyardText-Regular.woff2") format("woff2"),
    url("../fonts/HalyardText-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------
UTILITY CLASSES - End
-------------------------------------------------- */


.slider-heading {
  font-size: var(--main-heading);
  margin-bottom: var(--space-8px);
  color: var(--white-color);
  text-align: var(--center);
  text-transform: var(--tx-capitalize);
}
.slider-sub-heading {
  font-size: var(--font-size-2xl-24);
  color: var(--white-color);
  text-align: var(--center);
  font-weight: var(--fw-medium);
}

.heading {
  font-size: var(--section-heading);
  color: var(--black-dark-color);
  text-align: var(--center);
  font-weight: var(--fw-normal);
  font-family: var(--primary-font-family);
}

.sub-heading {
    font-size: var(--font-size-lg-18);
    width: 85%;
    margin: auto;
    margin-top: var(--space-10px);
    text-align: center;
    font-family: var(--secondary-font-family);
    font-weight: var(--fw-medium);
}

.tital-heading {
  font-size: var(--tital-size24);
  font-weight: var(--fw-medium);
  margin: var(--space-0)
}

.tital-para {
  font-size: var(--para-size);
  font-weight: var(--fw-medium);
  font-family: var(--secondary-font-family);
  opacity: 0.8;
}
.narmal_pera {
  font-size: var(--para-size);
  font-weight: var(--fw-normal);
  font-family: var(--secondary-font-family);
  text-align: var(--justify);
}

.tital-heading18 {
  font-size: var(--tital-size18);
  font-weight: var(--fw-medium);
  margin: var(--space-0)
}
.tital-heading20 {
  font-size: var(--tital-size20);
  font-weight: var(--fw-medium);
  margin: var(--space-0)
}
.tital-heading22 {
  font-size: var(--tital-size22);
  /* font-weight: var(--fw-semibold); */

}
.tital-heading26 {
  font-size: var(--tital-size26);
  font-weight: var(--fw-medium);
  margin: var(--space-0)
}

.primary-btn {
  border-color: var(--primary-color);
  border: var(--space-2px) solid var(--primary-color);
  border-radius: var(--radius-8);
  padding: var(--space-10px) var(--space-12px);
  text-align: var(--center);
  min-width: 160px;
  margin-right: var(--space-10px);

}

.button_primary {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  border: var(--space-2px) solid var(--primary-color);
  border-radius: var(--radius-8);
  padding: var(--space-10px) var(--space-12px);
  text-align: var(--center);
  min-width: 160px;
  margin-right: var(--space-10px);
  color: var(--white-color);
}

hgroup {
  margin-bottom: var(--space-50px);
}

.sec_padding { padding-top: var(--space-50px); padding-bottom: var(--space-50px);}



  .transition-05s{  
    transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;}


* {
  margin: var(--space-0);
  padding: var(--space-0);
  box-sizing: border-box;
  transition: var(--transition5);
  -o-transition: var(--transition5);
  -moz-transition: var(--transition5);
  -webkit-transition: var(--transition5);
}

.container {
  max-width: 1170px;
  padding: var(--space-0) var(--space-15px);

}

.container-fluid {
  padding-left: var(--space-10);
  padding-right: var(--space-10);
}

img {
  max-width: 100%;
}

a,
a:hover,
a:visited,
a:active,
a:focus {
  text-decoration: none;
  display: inline-block;
}

body {
  margin: var(--space-0);
  font-size: var(--font-size16);
  background-color: var(--body-bg-color);
  font-family: var(--primary-font-family);

}

/* ===================================header=start=================================== */

#header {
  padding: var(--space-18px) var(--space-0);
  background-color: transparent;
  z-index: 99;
}

#header .navbar-brand .logo {
  width: 250px;
}

#header ul li img {
  width: var(--space-22px);
  filter: brightness(10);
}

#header ul.view_before li i {
  font-size: var(--font-size-xl-20);
  color: var(--white-color);
  margin-left: var(--space-10px);
  display: inline-block;
}

#header ul li:first-child img {
  filter: invert(1);
}

/* -----whatsapp-icon----- */

.whatsapp {
  top: 158px;
  z-index: 99;
}

.whatsapp a {
  height: var(--space-38px);
  width: var(--space-38px);
  background-color: var(--light-green-color);
  line-height: var(--space-46px);
}

.whatsapp i {
  color: var(--white-color);
  font-size: var(--space-28px);
}

/* ----whatsapp--- */
/* ====================================header=end=================================== */

/* ====================================slider=start=================================== */

#sliderSec {
  height: 100vh;
}
#sliderSec .scrollNextSec {
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  left: 50%;
  bottom: var(--space-15px);
  height: var(--space-42px);
  width: var(--space-42px);
  border-radius: 50%;
  line-height: var(--space-42px);
  font-size: var(--font-size-lg-18);
  z-index: 99;
  border: var(--space-1px) solid var(--white-color)
}
#sliderSec .scrollNextSec i {
  color: var(--white-color);
  font-size: var(--font-size-lg-18);
}
#sliderSec .sliderCnt ul li:first-child {
  padding-left: var(--space-0);
}

#sliderSec .owl-item .sliderOverlay {
  background-color: var(--black-color-60);
  z-index: 9;
}

#sliderSec .owl-item.active h1,
#sliderSec .sliderCnt h2 {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.1s;
}

#sliderSec .sliderCnt {
  z-index: 99;
  top: 45%;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

#sliderSec .sliderCnt img.winner-logo {
  width: 450px;
  margin: var(--space-0) auto var(--space-20px);
}

#sliderSec .sliderCnt.winner_contant {
  left: var(--space-32px);
  top: 50%;
  right: inherit;
}

#sliderSec .sliderCnt.winner_contant h1 {
  font-size: var(--main-heading2);
  font-weight:var(--fw-bold);
}


#sliderSec .sliderCnt h3 span {
  font-size: var(--space-55px);
  margin-bottom: var(--space-25px);
  color: var(--primary-color);
  font-weight: var(--fw-bold);
}

#sliderSec .sliderCnt h2 {
  font-size: var(--space-25px);
  margin-bottom: var(--space-0);
  animation-duration: 1s;
  animation-fill-mode: both;
}

#sliderSec .sliderCnt h2::after,
#sliderSec .sliderCnt h2::before {
  content: "";
  width: var(--space-29px);
  height: var(--space-3px);
  line-height: var(--space-48px);
  margin-bottom: var(--space-8px);
  background: var(--white-color);
  display: inline-block;
}


#sliderSec img.win-logo {
  width: 650px;
  margin: var(--space-50px) auto auto;
}
#sliderSec .sliderCnt ul li {
  margin-bottom: var(--space-10);
  padding-left: var(--space-20px);
  font-size: var(--space-20px);
  font-weight: var(--fw-light);
}

#sliderSec .sliderCnt ul li:first-child::after {
  display: none;}

#sliderSec .sliderCnt ul li:after {
  content: "";
  display: block;
  background-color: var(--primary-color);
  height: var(--space-8px);
  width: var(--space-8px);
  position: absolute;
  left: var(--space-0);
  top: var(--space-11px);
}

#sliderSec .sliderCnt h2::before {
  margin-right: var(--space-7px);
}

#sliderSec .sliderCnt h2::after {
  margin-left: var(--space-7px);
}

#sliderSec .sliderCnt ul {
  margin-top: var(--space-20px);
}

#sliderSec .owl-item.active h1,
#sliderSec .owl-item.active p,
#sliderSec .owl-item.active ul {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.1s;
}
.owl-item.active>img {
  -webkit-animation: 20s zoom;
  animation: 20s zoom;
}
/* slider img zoom */

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.5, 1.5);
  }
}

/* ====================================slider=end=================================== */

/* ==================================whyChooseUsSec=start================================= */


#whyChooseUsSec .whyChooseBx .whyChooseCirlce {
  background-color: var(--primary-color);
  height: var(--space-100px);
  width: var(--space-100px);
  margin: auto auto var(--space-10px);
  border-radius: 50%;
  line-height: var(--space-100px);
}

#whyChooseUsSec .whyChooseBx:hover .whyChooseCirlce {
  background-color: var(--secondary-color);
}

#whyChooseUsSec .whyChooseBx img {
  max-width: 65%;
  margin: auto;
  filter: invert(1);
}

#whyChooseUsSec .whyChooseBx {
  margin-bottom: var(--space-15px);
  padding: var(--space-32px) var(--space-12px);

}

/* ----------------------keyCapabilitySec----------------------- */

 #keyCapabilitySec .circle-container .circle:nth-child(1) {animation-delay: 0s;}
 #keyCapabilitySec .circle-container .circle:nth-child(2) {animation-delay: 1s;}
 #keyCapabilitySec .circle-container .circle:nth-child(3) {animation-delay: 2s;}

#keyCapabilitySec .keyFeaturesCnt .keyFeatureListedImg {
  width: var(--space-60px);
  margin-right: var(--space-22px);
}

#keyCapabilitySec .keyFeaturesCnt .keyFeatureListedCnt {
  width: calc(100% - 82px);
}
#keyCapabilitySec .keyCapabilitySecinner .row .col-lg-6 {
  float: left;
}

#keyCapabilitySec .keyCapabilitySecinner .row:after {
  content: "";
  display: block;
  clear: both;
}

#keyCapabilitySec .keyFeaturesCnt ul li
{
  margin-bottom: var(--space-30px);
}

#keyCapabilitySec .keyCapabilityImg {
  padding: var(--space-40px) var(--space-0);
  width: 85%;
}

#keyCapabilitySec .keyCapabilityImg img {
  z-index: 99;
}


#keyCapabilitySec .circle,
#keyCapabilitySec .circle-container {
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#keyCapabilitySec .contact_img i {
  font-size: 35px;
  color: #fff;
  line-height: 75px;
}

#keyCapabilitySec .contact_img::before {
  content: "";
  border-radius: 1000px;
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  border: 6px solid #00ffcb;
  box-shadow: 0 0 60px rgba(256, 256, 256, 0.64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.3s ease-in-out;
  display: none;
}

#keyCapabilitySec .contact_img::after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 10px solid #cd3047;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: 1.5s infinite ring;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }

  100% {
    width: 120px;
    height: 120px;
    opacity: 0;
  }
}

:root {
  --shadowShift: 6px;
  --shadowBlur: 15px;
  --circleColor: rgb(241, 243, 246);
}

#keyCapabilitySec .keyCapabilityImg {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#keyCapabilitySec .circle-container {
  position: absolute;
}

#keyCapabilitySec .circle {
  opacity: 0;
  position: absolute;
  transform-origin: center center;
  width: 200px;
  height: 200px;
  background-color: transparent;
  border: 10px solid var(--circleColor);
  border-radius: 50%;
  box-shadow: inset var(--shadowShift) var(--shadowShift) var(--shadowBlur) rgba(55 84 170 / 0.2),
    var(--shadowShift) var(--shadowShift) var(--shadowBlur) rgba(55 84 170 / 0.2),
    inset calc(var(--shadowShift) * -1) calc(var(--shadowShift) * -1) var(--shadowBlur) rgba(255 255 255 / 1),
    calc(var(--shadowShift) * -1) calc(var(--shadowShift) * -1) var(--shadowBlur) rgba(255 255 255 / 1);
  filter: blur(3px);
  animation-name: scaleUp;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes scaleUp {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  15%,
  85% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
} 
/* --------------------------------------------------------- */

#smartAnalyticsSec hgroup p {
  text-align: center;
}

#smartAnalyticsSec {
  padding: 50px 0 200px;
}

#smartAnalyticsSec .smartAnaImgDv {
  width: 70%;
  margin: auto;
}

#smartAnalyticsSec .smartAnalyticsSecMNDV .analyticElement1 {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
}

#smartAnalyticsSec .smartAnalyticsSecMNDV .analyticElement2 {
  width: 500px;
  position: absolute;
  left: -40px;
  top: 90px;
}

#smartAnalyticsSec .smartAnalyticsSecMNDV .analyticElement4 {
  position: absolute;
  right: 0;
  bottom: -140px;
  width: 260px;
}

#smartAnalyticsSec .smartAnalyticsSecMNDV .analyticElement3 {
  position: absolute;
  right: 0;
  top: -20px;
  width: 340px;
}

#smartAnalyticsSec .smartAnalyticsSecMNDV .analyticElement5 {
  position: absolute;
  left: 0;
  bottom: -70px;
  width: 380px;
  margin: auto;
}

#smartAnalyticsSec .smartAnalyticsSecMNDV img {
  -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  z-index: 9;
}

#smartAnalyticsSec .smartAnalyticBx:hover,
#smartAnalyticsSec .smartAnalyticsSecMNDV img:hover {
  transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#smartAnalyticsSec .smartAnalyticBx {
  margin-bottom: 30px;
  transition: 0.8s;
  -o-transition: 0.8s;
  -moz-transition: 0.8s;
  -webkit-transition: 0.8s;
  -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

#smartAnalyticsSec .thumb {
  width: 400px;
  height: 300px;
  margin: -40px 0 0;
  perspective: 1000px;
}

#smartAnalyticsSec .thumb a {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) 0 0/0,
    url("../images/dataDashboardImg1.jpg") 0 0 / cover;
  transform-style: preserve-3d;
  transition: 0.5s;
  transform: rotateX(60deg);
  transform-origin: bottom;
}

#smartAnalyticsSec .thumb2 a {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) 0 0/0,
    url("../images/dataDashboardImg2.jpg") 0 0 / cover;
}

#smartAnalyticsSec .thumb3 a {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) 0 0/0,
    url("../images/dataDashboardImg3.jpg") 0 0 / cover;
}

#smartAnalyticsSec .thumb4 a {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) 0 0/0,
    url("../images/dataDashboardImg4.jpg") 0 0 / cover;
}

#smartAnalyticsSec .thumb5 a {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) 0 0/0,
    url("../images/dataDashboardImg5.jpg") 0 0 / cover;
}

#smartAnalyticsSec .thumb6 a {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) 0 0/0,
    url("../images/dataDashboardImg6.jpg") 0 0 / cover;
}

#smartAnalyticsSec .thumb:hover a {
  transform: rotateX(0);
  transform-origin: bottom;
}

#smartAnalyticsSec .thumb a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: inherit;
  background-size: cover, cover;
  background-position: bottom;
  transform: rotateX(90deg);
  transform-origin: bottom;
}

#smartAnalyticsSec .thumb a span {
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  font: bold 12px/36px Montserrat;
  text-align: center;
  transform: rotateX(-89.99deg);
  transform-origin: top;
  z-index: 1;
}

#smartAnalyticsSec .thumb a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 100px 50px rgba(0, 0, 0, 0.5);
  transition: 0.5s;
  opacity: 0.15;
  transform-origin: bottom;
  opacity: 1;
  box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.5);
  transform: rotateX(0) translateZ(-60px) scale(0.85);
}

#smartAnalyticsSec .smartAnalyticsSecMNDV {
  position: relative;
}

#smartAnalyticsSec .smartAnalyticsSecMNDV .smartAnalyticLogo {
  position: absolute;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background-color: rgb(255 255 255);
  text-align: center;
  line-height: 120px;
  z-index: 9;
  box-shadow: 0 0 20px 0 #0002;
}


/* ---------------------about----------------- */
#about_sec .dots_ul li:after,
#service_sec {
  background-color: #fff;
}

#about_sec {
  padding: 80px 0;
  background: url(../images/payPerTenderBg.png) center bottom/cover no-repeat;
  position: relative;
}

#about_sec .element1 {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 9;
}

#about_sec .element2 {
  position: absolute;
  right: 0;
  bottom: 30px;
  z-index: 9;
}

#about_sec .watchVideo {
  padding: 10px 12px;
  min-width: 160px;
  background-color: #f82a56;
  text-align: center;
  margin-left: 10px;
  border-radius: 5px;
}

#about_sec .about_cnt {
  padding-left: 30px;
}

#about_sec .about_imgdv {
  width: 85%;
}

#about_sec .aboutMobImg {
  position: absolute;
  right: -100px;
  top: 20px;
  z-index: 99;
  width: auto !important;
  height: 340px;
}

#about_sec .site_btn2 {
  margin-top: 12px !important;
}

#about_sec .about_imgdv img,
#service_sec .service_bx img {
  width: 100%;
}

#about_sec .subHeading {
  font-size: 26px;
  color: #fff;
  padding: 0 8px;
  border-left: 5px solid #fff;
  margin-top: 8px;
  margin-bottom: 20px;
}

#about_sec p {
  text-align: justify;
  font-weight: 400;
}

#about_sec .contactWithUs .site_btn2 {
  margin-top: 0 !important;
}

#about_sec .subHeading {
  font-family: "Halyard Text";
}

#about_sec {
  overflow: hidden;
}

#about_sec hgroup {
  margin-bottom: 20px !important;
}

#about_sec h2 {
  text-align: left;
}

#about_sec .dots_ul li,
#about_sec h2.lightHeading {
  color: #fff;
}

#about_sec .watchVideo,
#about_sec p {
  font-size: 18px;
  color: #fff;
}

#about_sec .about_secinner {
  position: relative;
  z-index: 99;
}

/* ----------------------reverse_auction------------------- */
#reverse_auction {
  position: relative;
}

#reverse_auction {
  text-align: center;
  padding: 80px 0;
  z-index: 3;
}

#reverse_auction hgroup {
  margin-bottom: 20px !important;
}

#reverse_auction h3 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 10px;
}

#reverse_auction .reverse_content li {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
}

#reverse_auction .reverse_content p {
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
  margin-bottom: 15px;
}

#reverse_auction .reverse_request_button {
  background: #fe9809;
  padding: 10px 30px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
}

#reverse_auction .reverse_request_button:hover {
  background-color: #007bff;
}

#reverse_auction .watchVideo {
  color: #007bff;
  margin-left: 15px;
}

#reverse_auction .reverse_content ul {
  margin-bottom: 15px;
}

#reverse_auction .reverse_content,
#reverse_auction h2 {
  text-align: left;
}


/* ---------------------------auction_examples------------------------------------------- */
#auction_examples {
  text-align: center;
  padding: 80px 0;
  z-index: 3;
  background: #fff;
}

#auction_examples h3 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 30px;
}

#auction_examples .single_example {
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 0 11px 57px -3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 11px 57px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 11px 57px -3px rgba(0, 0, 0, 0.15);
}

#auction_examples .single_example img {
  width: 120px;
}

#auction_examples .single_example h5 {
  font-size: 18px;
  margin-top: 15px;
  min-height: 48px;
}

#auction_examplesl {
  position: relative;
}


/* =====================different================================ */

#different {
  position: relative;
}

#different {
  background: url(../images/different_background.jpg) center center/cover no-repeat fixed;
  text-align: center;
  padding: 80px 0;
  z-index: 3;
}

#different h3 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 0;
  color: #fff;
}

#different h5,
#different p {
  font-size: 18px;
  color: #fff;
}

#different p {
  font-weight: 300;
}

#different h2 {
  color: #fff;
}

/* ----------------------------------- */

#perfect_auction {
  position: relative;
}

#perfect_auction h3 {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 30px;
}

#perfect_auction {
  background: #fff;
  text-align: center;
  padding: 80px 0;
  z-index: 3;
}

/* =-----------------------------footer--------------------- */

#footer {
  position: relative;
}

#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  background: url(../images/footbg.png) center center/cover no-repeat fixed;
  color: #fff;
  z-index: 3;
}

#footer ul {
  margin-bottom: 0;
  padding-bottom: 0;
}

#footer ul li.footer_join {
  font-size: 24px;
}

#footer ul li .social_icons {
  width: 40px;
  height: 40px;
  color: #fff;
  background: #007eae;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer ul li.copyright {
  font-size: 18px;
  margin-top: 5px;
}

#footer ul li.copyright a {
  color: #007eae;
  font-weight: 700;
}

#footer .certifi_img {
  height: 120px;
  width: 190px;

}

.fMenu {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
  margin-top: 30px;
}

.fMenu li {
  color: #fff;
  padding: 0 20px;
  position: relative;
}

.fMenu li a {
  color: #fff;
  padding: 4px 0;
  border-bottom: 1px solid transparent;
}

.fMenu li::after {
  content: "";
  height: 5px;
  width: 5px;
  display: inline-block;
  background: #ca3547;
  margin-bottom: 0;
  position: absolute;
  right: 0;
  top: 15px;
}

.fMenu li a:hover {
  border-bottom-color: #fff;
}

.fMenu li:last-child:after {
  display: none;
}


/* ----------------------------------------------------- */