/* Admin Panel CSS Override */
body.outside.rad-theme {
  background: whitesmoke !important;

}

body .global-header {

  background-color: white;
}
.content_section_services p a{
  font-weight: bold;
  color: var(--bg-button-blue);
}
.content_section_services p {
margin-bottom: 10px;
}

.container{
  width: 100%;
}
@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1200px !important;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1220px !important;
  }
}





  body {
    font-family: "Montserrat";
    overflow-x: hidden;
  }




.outside .white-label-logo {
    width: 160px !important;
}

html {
    scroll-behavior: smooth !important;
}


:root {
    --bg-blue:#4141FF;
    --bg-button-gradient-color:linear-gradient(90deg, #00B2FF 0%, #5ECEFF 100%);
    --bg-secondary-color:#D1F1FF;
    --bg-button-blue:#00B2FF;
    --text-blue:#0780B8;
    --bg-gray:#EFEFEF;
    --bg-dark-blue:#000E15;

}

.header-scroll{
  background-color: white !important;
  }



/* HOME PAGE CSS */

#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
}


#stickyHeader {
  transition: padding 0.3s ease-in-out;
}

.custom_fixed_background{
  background: white !important;
}

.pulse {
    animation: pulse-animation 1s infinite;
    opacity: 1 !important;
}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}






@media(min-width:1280px) and (max-width:1340px)
{
  .custom_side_gaps{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media(min-width:1024px) and (max-width:1048px)
{
  .custom_side_gaps{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}





/* UnderLine */

/* Define the animation */
@keyframes underline {
  0% {
      width: 0;
      left: 0;
  }

  100% {
      width: 100%;
      left: 0;
  }
}

/* Apply animation on hover */
.animate-underline {
  position: relative;
  text-decoration: none;
}

.animate-underline::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: white;
  transition: width 0.3s ease-out;
}

.animate-underline:hover::before {
  animation: underline 0.3s forwards;
}




.footer_eyeweb p {
  color:white;
}



@media (min-width: 1280px) and (max-width: 1325px) {
    .custom_side_gaps {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1078px) {
    .custom_side_gaps {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}




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