html {
  scroll-behavior: smooth !important;
}
.theme-menu-one .logo, .theme-menu-three .logo {
  width: 110px !important;
  margin-top: 0.5% !important;
  margin-right: 0.5% !important;
}
.agn-about-us .img-box .main-img {border-radius: 25px;}
.agn-about-us .img-box:before {
  content: '';
  width: 188px;
  height: 196px;
  background: #ee9a4c;
  border-radius: 5px;
  position: absolute;
  top:-100px;
  right:0;
  z-index: -1;
}
.soical_list li {display: inline-block;}
.soical_list li a {
  width: 40px;
  height: 40px;
  border:1px solid #dbdbdb;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #dbdbdb;
  margin-right: 10px;
}
.soical_list li a:hover {color: #fff !important;}
.soical_list li a   {
  transition: all .3s ease-in-out;
}
.soical_list li a:hover {
  background: #ee9a4c !important;
}
.soical_list li a {
  transition: all .3s ease-in-out;
}

.theme-footer-one .shape-two {
  position: absolute;
  left: 30%;
  top: 10%;
  /* animation: tada 18s infinite linear; */
}

.icon-size {
  width: 70px;
  height: 70px;
}
.agn-counter-section-custom {
  margin: 0px 185px;
}
.more-button-custom {
  border-radius: 10px;
  margin-top: 15px;
}
.img-box-second {
  padding-top: 50px;
  border-radius: 25px;
}

.img-box-second .main-img {
  border-radius: 25px;
  /* max-width: 70%; */
}

.theme-footer-one .top-footer .footer-list ul li a {
  color: #ffffff !important;
}
.theme-footer-one .top-footer .footer-list ul li a:hover {
  color: #76797e !important;
}
.theme-footer-one .top-footer .footer-information p {
  color: #ffffff !important;
}

.rainbow {
  /* max-width: 900px; */
  /* height: 300px; */
  max-width: 500px;
  border-radius: 30px;
  padding: 0px;
  margin: 0px;
  display: grid;
  place-content: center;
  text-align: center;
  /* font-size: 1.5em; */
  --border-size: 0.3rem;
  border: var(--border-size) dotted transparent;
  background-image: linear-gradient(to right, 
    rgb(255 255 255 / var(--opacity)), rgb(255 255 255 / var(--opacity))), 
    conic-gradient(from var(--angle), #ee9a4c 0deg 90deg, #fbb300 90deg 180deg, #fbb300 180deg 270deg, #ee9a4c 270deg 360deg);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

/* Animate when Houdini is available */
@supports (background: paint(houdini)) {
  @property --opacity {
    syntax: "<number>";
    initial-value: 0.5;
    inherits: false;
  }

  @property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }

  @keyframes opacityChange {
    to {
      --opacity: 1;
    }
  }

  @keyframes rotate {
    to {
      --angle: 360deg;
    }
  }

  .rainbow {
    animation: rotate 4s linear infinite, opacityChange 3s infinite alternate;
  }

  /* Hide the warning */
  .warning {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .shape-two {
    max-width: 35% !important;
  }
}

@media screen and (max-width: 1200px) {
  .agn-counter-section .counter-wrapper .single-counter-box .number{
    font-size: 50px;
  }
}

@media screen and (max-width: 990px) {
  .agn-counter-section .counter-wrapper .single-counter-box .number{
    font-size: 30px !important;
  }
}

@media screen and (max-width: 575px) {
  .agn-counter-section .counter-wrapper .single-counter-box .number{
    font-size: 48px !important;
  }
}
