/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Add green underline to text links*/ 
    .custom-link {
        position: relative;
        text-decoration: none;
        color: #31aa97;
        display: inline-block;
        overflow: hidden; /* Ensures the underline doesn't extend beyond the text */
    }

    .custom-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px !important; /* Thickness of the underline */
        background-color: #31aa97;
        transition: width 0.3s ease; /* Controls the speed and effect of the animation */
    }

    .custom-link:hover::after {
        width: 100%; /* Underline grows to the full width on hover */
    }


/* Add white underline to text links*/ 
    .custom-link-2 {
        position: relative;
        text-decoration: none;
        color: #ffffff;
        display: inline-block;
        overflow: hidden; /* Ensures the underline doesn't extend beyond the text */
    }

    .custom-link-2::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1.5;/* Thickness of the underline */
        background-color: #ffffff;
        transition: width 0.3s ease; /* Controls the speed and effect of the animation */
    }

    .custom-link-2:hover::after {
        width: 100%; /* Underline grows to the full width on hover */
    }

/* Add dark blue underline to text links*/ 
    .custom-link-3 {
        position: relative;
        text-decoration: none;
        color: #07293c;
        display: inline-block;
        overflow: hidden; /* Ensures the underline doesn't extend beyond the text */
    }

    .custom-link-3::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1.5px; /* Thickness of the underline */
        background-color: #07293c;
        transition: width 0.3s ease; /* Controls the speed and effect of the animation */
    }

    .custom-link-3:hover::after {
        width: 100%; /* Underline grows to the full width on hover */
    }


/*****************************************/
/* 2025 All Hero Section - hide overflowing elements */
/*****************************************/
.hero-section {
  position: relative !important; /* Ensure it acts as a container */
  overflow: hidden !important;   /* Cut off anything overflowing */
  }
}



/*****************************************/
/* Break Class remove break code in smaller screens */
/*****************************************/
@media (max-width: 991px) {
  .line-break {
    display: none;
  }
}


/*****************************************/
/* 2025 Homepage */
/*****************************************/

/*Add rounded corners to the section backgrounds - Bottom Right Corner  */
  .clean-base.home-about-solutions {
  border-radius: 0px 0px 0px 80px;
  overflow: hidden;
}

/*Add rounded corners to the section backgrounds - Top Left and Bottom Right Corner */
.clean-base.home-ukg-technology {
  border-radius: 0px 50px 0px 50px;
  overflow: hidden;
}



/*****************************************/
/* 2025 Why Smart WFM Page */
/*****************************************/

/*Add rounded corners to the section backgrounds - Bottom Right Corner  */
  .clean-base.why-smart-icons {
  border-radius: 0px 0px 0px 80px;
  overflow: hidden;
}

/*Add rounded corners to the section backgrounds - Top Left and Bottom Right Corner */
.clean-base.about-us {
  border-radius: 0px 50px 0px 50px;
  overflow: hidden;
}




/*****************************************/
/* 2025 All Contact Us Sections*/
/*****************************************/

/*Center text and elements on smaller screens */
@media (max-width: 991px) {
  .contact-smart-wfm .c-col-inner {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .contact-smart-wfm .c-content-con {
    justify-content: center !important;
  }

  .contact-smart-wfm .c-cta-con {
    text-align: center !important;
  }
}

/*Make image smaller on tablet screens */
@media (max-width: 767px) and (min-width: 421px) {
  .c-img-1 {
    max-width: 400px !important;
    width: 100%;
    height: auto;
  }
}
/*****************************************/



/* Support and Managed Services page - Add rounded borders */

#technical-support-module .row, 
#quarterly-release-support-module .row, 
#project-support-module .row, 
#advisory-support-module .row {
  border: 2px solid #006771; /* Add 2px border */
  border-radius: 20px !important; /* Add 20px border radius */
  overflow: hidden; /* Ensure child elements respect the border radius */
}

/* Specific borders for other modules */
#quarterly-release-support-module .row {
  border-color: #31aa97 !important;
}

#project-support-module .row {
  border-color: #0161a3 !important;
}

#advisory-support-module .row {
  border-color: #4c4285 !important;
}