/* common css start */
:root {
  --primary-color: #001F5C;
  --secondary-color: #F4811F;
  --text-color: #1A1A1A;
  --light-bg-color: #EEF7FF;
  --white-color: #ffffff;
  --gray-color: #A7B6CE
}
body {
    position: relative;
    font-weight: 400;
    background-color: var(--white);
    font-family: "Noto Sans", sans-serif;
    height: 100vh;
    color: var(--text-color);
}
.fw-semibold{
  font-weight: 500;
}
li{
    list-style: none;
}
a{
    text-decoration: unset;
}
.de__bgcolor-light{
    background-color: var(--light-bg-color);
}
.de__desc{
    font-size: 20px;
    line-height: 36px;
    color: var(--text-color);
}
h1,.h1,h2,.h2{
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: var(--primary-color);
}
.de__btn {
    background-color: var(--secondary-color);
    padding: 12px 32px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}
.de__btn:hover {
   background-color: var(--primary-color);
   color: var(--white-color);
}
.btn:focus{
  box-shadow: unset;
}
/* START :: HERO SECTION */
.de__subtitle {
    color: var(--secondary-color);
    font-size: 26px;
    line-height: 36px;
    padding: 8px 0 0;
    font-weight: 600;
}
.de__hero-inner {
    padding: 80px 60px;
    overflow: hidden;
    border-radius: 12px;
}
.de__hero-element {
    position: absolute;
    right: 16px;
    top: -7px;
    /* animation: up-down 2s ease-in-out infinite; */
    transform-origin: 50% 50%;
}
.de__blue-circle {
    position: absolute;
    width: 393px;
    height: 393px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 31, 92, 0.23) 0%, rgba(0, 31, 92, 0) 100%);
    opacity: 0.7;
    z-index: 0;
}
.de__hero-sec .de__blue-circle {
    left: auto;
    top: auto;
    z-index: 2;
    bottom: -43px;
    right: -43px;
}
.de__orange-circle {
    position: absolute;
    width: 393px;
    height: 393px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(244, 129, 31, 0.23) 0%, rgba(244, 129, 31, 0) 100%);
    opacity: 0.7;
    z-index: 0;
}
.de__hero-sec .de__orange-circle {
    left: -197px;
    top: -157px;
    z-index: 2;
}
.de__hero-sec h1 {
    margin-bottom: 0;
}
@keyframes up-down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08); /* Zoom in */
  }
  100% {
    transform: scale(1);   /* Back to normal */
  }
}
/* .up-down-animation{
    animation: up-down 2s ease-in-out infinite;
    transform-origin: 50% 50%;
}
.zoom-in-out-animation{
  animation: zoomInOut 2s ease-in-out infinite;
  transition: transform 0.3s ease;
} */
/* END :: HERO SECTION */