/**
 * Theme Name:        multistats-randox
 * Theme URI:         https://multistats-webapp.azurewebsites.net
 * Description:       Custom theme for Randox Multistats Form
 * Version:           1.0.0
 * Author:            Randox Web team
 * Author URI:        https://www.randox.com/
 * Tags:              education
 * Text Domain:       multistats-randox
 * Domain Path:       /assets/lang
 * Tested up to:      6.5.3
 * Requires at least: 6.5.3
 * Requires PHP:      7.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */
html {
    font-size: 16px;
}

body, html {
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    background-image: url(https://multistats-webapp.azurewebsites.net//wp-content/uploads/2024/06/background-blue-wave.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 100vh;
}

/* body{
	background-image: url("https://multistats-webapp.azurewebsites.net//wp-content/uploads/2024/06/background-blue-wave.png") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
} */

p {
    font-size: 1rem;
    /* This is equal to the font size of the root element (16px in this case) */
    /* Additional styling for paragraphs */
}


h1 {
    font-size: 2rem;
    /* This is equal to 2 times the font size of the root element (32px in this case) */
    /* Additional styling for h1 headings */
}

h2 {
    font-size: 1.5rem;
    /* This is equal to 1.5 times the font size of the root element (24px in this case) */
    /* Additional styling for h2 headings */
}

h3 {
    font-size: 1.25rem;
    /* This is equal to 1.25 times the font size of the root element (20px in this case) */
    /* Additional styling for h3 headings */
}

h4 {
    font-size: 1rem;
    /* This is equal to the font size of the root element (16px in this case) */
    /* Additional styling for h4 headings */
}

h5 {
    font-size: 0.875rem;
    /* This is equal to 0.875 times the font size of the root element (14px in this case) */
    /* Additional styling for h5 headings */
}

.mx-70-prc {
    max-width: 70%;
    margin: 0 auto;
}

.block-display {
    display: block;
}

.overflow-x-auto {
    overflow-x: auto;
}


/* ##################################### */
/* TEXT AND FONT RULES *BEGINS */
/* ##################################### */

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #006090 #f7eded;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #f7eded;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #006090;
    border-radius: 15px;
    border: 15px solid #ffffff;
  }

.display-inlineblock {
    display: inline-block;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

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

.text-caps {
    text-transform: capitalize !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-bold-light {
    font-weight: 500 !important;
}

.text-bold-md {
    font-weight: 600 !important;
}

.text-bold-lg {
    font-weight: 700 !important;
}

.text-underline {
    text-decoration: underline;
}

.small-text {
    font-size: 14px;
}

.main-intro {
    letter-spacing: normal !important;
    font-family: Quasimoda;
}

.main-intro-heath {
    font-family: Quasimoda;
}

.content-intro {
    font: normal normal normal 20px/29px "Open Sans", sans-serif !important;
}

.sub-intro {
    font: normal normal bold 2.25rem/4.125rem "Open Sans", sans-serif !important;
}

.intro {
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 36px !important;
    font-family: 'Open Sans' sans-serif !important;
}

/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-text-left {
        text-align: left;
    }

    .md-text-center {
        text-align: center;
    }

    .md-text-right {
        text-align: right;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-text-left {
        text-align: left;
    }

    .sm-text-center {
        text-align: center;
    }

    .sm-text-right {
        text-align: right;
    }

    .main-intro {
        word-break: break-word;
    }

    .sub-intro {
        font: normal normal bold 1.25rem/2.125rem "Open Sans", sans-serif !important;
        word-break: break-word;
    }

    .content-intro {
        font: normal normal normal 15px/24px "Open Sans", sans-serif !important;
    }
}

/* ##################################### */
/* TEXT AND FONT RULES *ENDS */
/* ##################################### */

/* ##################################### */
/* THIS IS OUR CONTAINERS *BEGINS */
/* ##################################### */
.container-fluid {
    max-width: 100%;
    overflow-x: none;
}

.container {
    max-width: 1520px;
    margin-right: auto;
    margin-left: auto;
}

/* BREAKPOINT xx-lg */
@media only screen and (max-width: 1400px) {
    .container {
        max-width: 1520px;
    }
}

/* BREAKPOINT x-lg */
@media only screen and (max-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* BREAKPOINT lg */
@media only screen and (max-width: 992px) {
    .container {
        max-width: 960px;
    }
}

/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .container {
        max-width: 540px;
    }
}

/* BREAKPOINT x-sm */
@media only screen and (max-width: 320px) {
    .container {
        max-width: 100%;
    }
}

/* ##################################### */
/* THIS IS OUR CONTAINERS *ENDS */
/* ##################################### */

/* ##################################### */
/* ADDING IN SOME PADDINGTONS AND MARGINS GAINS *BEGINS */
/* ##################################### */
.padding-all-05 {
    padding: 05px;
}

.padding-all-10 {
    padding: 10px;
}

.padding-all-15 {
    padding: 15px;
}

.padding-all-20 {
    padding: 20px;
}

.padding-all-25 {
    padding: 25px;
}

.padding-all-30 {
    padding: 30px;
}

.padding-all-35 {
    padding: 35px;
}

.padding-all-40 {
    padding: 40px;
}

.padding-all-45 {
    padding: 45px;
}

.padding-all-50 {
    padding: 50px;
}

.padding-all-55 {
    padding: 55px;
}

.padding-all-60 {
    padding: 60px;
}

.padding-all-65 {
    padding: 65px;
}

.padding-all-70 {
    padding: 70px;
}

.padding-all-75 {
    padding: 75px;
}

.padding-all-80 {
    padding: 80px;
}

.padding-x-05 {
    padding-left: 05px;
    padding-right: 05px;
}

.padding-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.padding-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.padding-x-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.padding-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-x-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.padding-x-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.padding-x-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.padding-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.padding-x-65 {
    padding-left: 65px;
    padding-right: 65px;
}

.padding-x-70 {
    padding-left: 70px;
    padding-right: 70px;
}

.padding-x-75 {
    padding-left: 75px;
    padding-right: 75px;
}

.padding-x-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.padding-x-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.padding-x-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.padding-x-auto {
    padding-left: auto !important;
    padding-right: auto !important;
}

.padding-y-05 {
    padding-top: 05px;
    padding-bottom: 05px;
}

.padding-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.padding-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.padding-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.padding-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.padding-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.padding-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.padding-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.padding-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.padding-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.padding-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.padding-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.padding-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-t-05 {
    padding-top: 05px;
}

.padding-t-10 {
    padding-top: 10px;
}

.padding-t-15 {
    padding-top: 15px;
}

.padding-t-20 {
    padding-top: 20px;
}

.padding-t-25 {
    padding-top: 25px;
}

.padding-t-30 {
    padding-top: 30px;
}

.padding-t-35 {
    padding-top: 35px;
}

.padding-t-40 {
    padding-top: 40px;
}

.padding-t-45 {
    padding-top: 45px;
}

.padding-t-50 {
    padding-top: 50px;
}

.padding-t-55 {
    padding-top: 55px;
}

.padding-t-60 {
    padding-top: 60px;
}

.padding-t-65 {
    padding-top: 65px;
}

.padding-t-70 {
    padding-top: 70px;
}

.padding-t-75 {
    padding-top: 75px;
}

.padding-t-80 {
    padding-top: 80px;
}

.padding-t-90 {
    padding-top: 90px;
}

.padding-t-100 {
    padding-top: 100px;
}

.padding-b-05 {
    padding-bottom: 05px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.padding-b-15 {
    padding-bottom: 15px;
}

.padding-b-20 {
    padding-bottom: 20px;
}

.padding-b-25 {
    padding-bottom: 25px;
}

.padding-b-30 {
    padding-bottom: 30px;
}

.padding-b-35 {
    padding-bottom: 35px;
}

.padding-b-40 {
    padding-bottom: 40px;
}

.padding-b-45 {
    padding-bottom: 45px;
}

.padding-b-50 {
    padding-bottom: 50px;
}

.padding-b-55 {
    padding-bottom: 55px;
}

.padding-b-60 {
    padding-bottom: 60px;
}

.padding-b-65 {
    padding-bottom: 65px;
}

.padding-b-70 {
    padding-bottom: 70px;
}

.padding-b-75 {
    padding-bottom: 75px;
}

.padding-b-80 {
    padding-bottom: 80px;
}

.padding-b-90 {
    padding-bottom: 90px;
}

.padding-b-100 {
    padding-bottom: 100px;
}

.margin-all-05 {
    margin: 05px;
}

.margin-all-10 {
    margin: 10px;
}

.margin-all-15 {
    margin: 15px;
}

.margin-all-20 {
    margin: 20px;
}

.margin-all-25 {
    margin: 25px;
}

.margin-all-30 {
    margin: 30px;
}

.margin-all-35 {
    margin: 35px;
}

.margin-all-40 {
    margin: 40px;
}

.margin-all-45 {
    margin: 45px;
}

.margin-all-50 {
    margin: 50px;
}

.margin-all-55 {
    margin: 55px;
}

.margin-all-60 {
    margin: 60px;
}

.margin-all-65 {
    margin: 65px;
}

.margin-all-70 {
    margin: 70px;
}

.margin-all-75 {
    margin: 75px;
}

.margin-all-80 {
    margin: 80px;
}

.margin-x-05 {
    margin-left: 05px;
    margin-right: 05px;
}

.margin-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-x-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-x-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.margin-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.margin-x-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.margin-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.margin-x-45 {
    margin-left: 45px;
    margin-right: 45px;
}

.margin-x-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.margin-x-55 {
    margin-left: 55px;
    margin-right: 55px;
}

.margin-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.margin-x-65 {
    margin-left: 65px;
    margin-right: 65px;
}

.margin-x-70 {
    margin-left: 70px;
    margin-right: 70px;
}

.margin-x-75 {
    margin-left: 75px;
    margin-right: 75px;
}

.margin-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.margin-x-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.margin-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.margin-y-05 {
    margin-top: 05px;
    margin-bottom: 05px;
}

.margin-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.margin-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.margin-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.margin-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.margin-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.margin-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.margin-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.margin-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.margin-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.margin-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.margin-y-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.margin-t-0 {
    margin-top: 0;
}

.margin-t-05 {
    margin-top: 05px;
}

.margin-t-10 {
    margin-top: 10px;
}

.margin-t-15 {
    margin-top: 15px;
}

.margin-t-20 {
    margin-top: 20px;
}

.margin-t-25 {
    margin-top: 25px;
}

.margin-t-30 {
    margin-top: 30px;
}

.margin-t-35 {
    margin-top: 35px;
}

.margin-t-40 {
    margin-top: 40px;
}

.margin-t-45 {
    margin-top: 45px;
}

.margin-t-50 {
    margin-top: 50px;
}

.margin-t-55 {
    margin-top: 55px;
}

.margin-t-60 {
    margin-top: 60px;
}

.margin-t-65 {
    margin-top: 65px;
}

.margin-t-70 {
    margin-top: 70px;
}

.margin-t-75 {
    margin-top: 75px;
}

.margin-t-80 {
    margin-top: 80px;
}

.margin-b-0 {
    margin-bottom: 0;
}

.margin-b-05 {
    margin-bottom: 05px;
}

.margin-b-10 {
    margin-bottom: 10px;
}

.margin-b-15 {
    margin-bottom: 15px;
}

.margin-b-20 {
    margin-bottom: 20px;
}

.margin-b-25 {
    margin-bottom: 25px;
}

.margin-b-30 {
    margin-bottom: 30px;
}

.margin-b-35 {
    margin-bottom: 35px;
}

.margin-b-40 {
    margin-bottom: 40px;
}

.margin-b-45 {
    margin-bottom: 45px;
}

.margin-b-50 {
    margin-bottom: 50px;
}

.margin-b-55 {
    margin-bottom: 55px;
}

.margin-b-60 {
    margin-bottom: 60px;
}

.margin-b-65 {
    margin-bottom: 65px;
}

.margin-b-70 {
    margin-bottom: 70px;
}

.margin-b-75 {
    margin-bottom: 75px;
}

.margin-b-80 {
    margin-bottom: 80px;
}

/*BREAKPOINT lg */
@media only screen and (max-width:998px) {
    .lg-margin-b-20 {
        margin-bottom: 20px;
    }
}

/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-padding-all-05 {
        padding: 05px;
    }

    .md-padding-all-10 {
        padding: 10px;
    }

    .md-padding-all-15 {
        padding: 15px;
    }

    .md-padding-all-20 {
        padding: 20px;
    }

    .md-padding-all-25 {
        padding: 25px;
    }

    .md-padding-all-30 {
        padding: 30px;
    }

    .md-padding-all-35 {
        padding: 35px;
    }

    .md-padding-all-40 {
        padding: 40px;
    }

    .md-padding-all-45 {
        padding: 45px;
    }

    .md-padding-all-50 {
        padding: 50px;
    }

    .md-padding-x-05 {
        padding-left: 05px;
        padding-right: 05px;
    }

    .md-padding-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .md-padding-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .md-padding-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .md-padding-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .md-padding-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .md-padding-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .md-padding-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .md-padding-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .md-padding-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .md-padding-y-05 {
        padding-top: 05px;
        padding-bottom: 05px;
    }

    .md-padding-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .md-padding-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .md-padding-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .md-padding-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .md-padding-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .md-padding-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .md-padding-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .md-padding-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .md-padding-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .md-padding-t-05 {
        padding-top: 05px;
    }

    .md-padding-t-10 {
        padding-top: 10px;
    }

    .md-padding-t-15 {
        padding-top: 15px;
    }

    .md-padding-t-20 {
        padding-top: 20px;
    }

    .md-padding-t-25 {
        padding-top: 25px;
    }

    .md-padding-t-30 {
        padding-top: 30px;
    }

    .md-padding-t-35 {
        padding-top: 35px;
    }

    .md-padding-t-40 {
        padding-top: 40px;
    }

    .md-padding-t-45 {
        padding-top: 45px;
    }

    .md-padding-t-50 {
        padding-top: 50px;
    }

    .md-padding-b-05 {
        padding-bottom: 05px;
    }

    .md-padding-b-10 {
        padding-bottom: 10px;
    }

    .md-padding-b-15 {
        padding-bottom: 15px;
    }

    .md-padding-b-20 {
        padding-bottom: 20px;
    }

    .md-padding-b-25 {
        padding-bottom: 25px;
    }

    .md-padding-b-30 {
        padding-bottom: 30px;
    }

    .md-padding-b-35 {
        padding-bottom: 35px;
    }

    .md-padding-b-40 {
        padding-bottom: 40px;
    }

    .md-padding-b-45 {
        padding-bottom: 45px;
    }

    .md-padding-b-50 {
        padding-bottom: 50px;
    }

    .md-margin-all-05 {
        margin: 05px;
    }

    .md-margin-all-10 {
        margin: 10px;
    }

    .md-margin-all-15 {
        margin: 15px;
    }

    .md-margin-all-20 {
        margin: 20px;
    }

    .md-margin-all-25 {
        margin: 25px;
    }

    .md-margin-all-30 {
        margin: 30px;
    }

    .md-margin-all-35 {
        margin: 35px;
    }

    .md-margin-all-40 {
        margin: 40px;
    }

    .md-margin-all-45 {
        margin: 45px;
    }

    .md-margin-all-50 {
        margin: 50px;
    }

    .md-margin-x-05 {
        margin-left: 05px;
        margin-right: 05px;
    }

    .md-margin-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .md-margin-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .md-margin-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .md-margin-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .md-margin-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .md-margin-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .md-margin-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .md-margin-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .md-margin-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .md-margin-y-05 {
        margin-top: 05px;
        margin-bottom: 05px;
    }

    .md-margin-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .md-margin-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .md-margin-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .md-margin-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .md-margin-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .md-margin-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .md-margin-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .md-margin-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .md-margin-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .md-margin-t-05 {
        margin-top: 05px;
    }

    .md-margin-t-10 {
        margin-top: 10px;
    }

    .md-margin-t-15 {
        margin-top: 15px;
    }

    .md-margin-t-20 {
        margin-top: 20px;
    }

    .md-margin-t-25 {
        margin-top: 25px;
    }

    .md-margin-t-30 {
        margin-top: 30px;
    }

    .md-margin-t-35 {
        margin-top: 35px;
    }

    .md-margin-t-40 {
        margin-top: 40px;
    }

    .md-margin-t-45 {
        margin-top: 45px;
    }

    .md-margin-t-50 {
        margin-top: 50px;
    }

    .md-margin-b-05 {
        margin-bottom: 05px;
    }

    .md-margin-b-10 {
        margin-bottom: 10px;
    }

    .md-margin-b-15 {
        margin-bottom: 15px;
    }

    .md-margin-b-20 {
        margin-bottom: 20px;
    }

    .md-margin-b-25 {
        margin-bottom: 25px;
    }

    .md-margin-b-30 {
        margin-bottom: 30px;
    }

    .md-margin-b-35 {
        margin-bottom: 35px;
    }

    .md-margin-b-40 {
        margin-bottom: 40px;
    }

    .md-margin-b-45 {
        margin-bottom: 45px;
    }

    .md-margin-b-50 {
        margin-bottom: 50px;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-padding-all-0 {
        padding: 00px !important;
    }

    .sm-padding-all-05 {
        padding: 05px;
    }

    .sm-padding-all-10 {
        padding: 10px;
    }

    .sm-padding-all-15 {
        padding: 15px;
    }

    .sm-padding-all-20 {
        padding: 20px;
    }

    .sm-padding-all-25 {
        padding: 25px;
    }

    .sm-padding-all-30 {
        padding: 30px;
    }

    .sm-padding-x-0 {
        padding-left: 00px;
        padding-right: 00px;
    }

    .sm-padding-x-05 {
        padding-left: 05px;
        padding-right: 05px;
    }

    .sm-padding-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sm-padding-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sm-padding-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sm-padding-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .sm-padding-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sm-padding-y-0 {
        padding-top: 00px;
        padding-bottom: 00px;
    }

    .sm-padding-y-05 {
        padding-top: 05px;
        padding-bottom: 05px;
    }

    .sm-padding-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sm-padding-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .sm-padding-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sm-padding-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .sm-padding-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .sm-padding-t-0 {
        padding-top: 00px;
    }

    .sm-padding-t-05 {
        padding-top: 05px;
    }

    .sm-padding-t-10 {
        padding-top: 10px;
    }

    .sm-padding-t-15 {
        padding-top: 15px;
    }

    .sm-padding-t-20 {
        padding-top: 20px;
    }

    .sm-padding-t-25 {
        padding-top: 25px;
    }

    .sm-padding-t-30 {
        padding-top: 30px;
    }

    .sm-padding-b-0 {
        padding-bottom: 00px;
    }

    .sm-padding-b-05 {
        padding-bottom: 05px;
    }

    .sm-padding-b-10 {
        padding-bottom: 10px;
    }

    .sm-padding-b-15 {
        padding-bottom: 15px;
    }

    .sm-padding-b-20 {
        padding-bottom: 20px;
    }

    .sm-padding-b-25 {
        padding-bottom: 25px;
    }

    .sm-padding-b-30 {
        padding-bottom: 30px;
    }

    .sm-margin-all-0 {
        margin: 00px;
    }

    .sm-margin-all-05 {
        margin: 05px;
    }

    .sm-margin-all-10 {
        margin: 10px;
    }

    .sm-margin-all-15 {
        margin: 15px;
    }

    .sm-margin-all-20 {
        margin: 20px;
    }

    .sm-margin-all-25 {
        margin: 25px;
    }

    .sm-margin-all-30 {
        margin: 30px;
    }

    .sm-margin-x-0 {
        margin-left: 00px;
        margin-right: 00px;
    }

    .sm-margin-x-05 {
        margin-left: 05px;
        margin-right: 05px;
    }

    .sm-margin-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .sm-margin-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .sm-margin-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .sm-margin-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .sm-margin-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .sm-margin-y-0 {
        margin-top: 00px;
        margin-bottom: 00px;
    }

    .sm-margin-y-05 {
        margin-top: 05px;
        margin-bottom: 05px;
    }

    .sm-margin-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sm-margin-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .sm-margin-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sm-margin-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .sm-margin-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sm-margin-t-0 {
        margin-top: 00px;
    }

    .sm-margin-t-05 {
        margin-top: 05px;
    }

    .sm-margin-t-10 {
        margin-top: 10px;
    }

    .sm-margin-t-15 {
        margin-top: 15px;
    }

    .sm-margin-t-20 {
        margin-top: 20px;
    }

    .sm-margin-t-25 {
        margin-top: 25px;
    }

    .sm-margin-t-30 {
        margin-top: 30px;
    }

    .sm-margin-b-0 {
        margin-bottom: 00px;
    }

    .sm-margin-b-05 {
        margin-bottom: 05px;
    }

    .sm-margin-b-10 {
        margin-bottom: 10px;
    }

    .sm-margin-b-15 {
        margin-bottom: 15px;
    }

    .sm-margin-b-20 {
        margin-bottom: 20px;
    }

    .sm-margin-b-25 {
        margin-bottom: 25px;
    }

    .sm-margin-b-30 {
        margin-bottom: 30px;
    }
}

/* ##################################### */
/* ADDING IN SOME PADDINGTONS AND MARGINS GAINS *END */
/* ##################################### */


/* ##################################### */
/* LIVING OFF THE GRIDS, IN OUR CASE COLUMNS *BEGINS */
/* ##################################### */
.one-col {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.two-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.four-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.five-col {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.six-col {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}


.two-one-col {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.two-one-one-col {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
}

.two-fiveones-col {
    display: grid;
    grid-template-columns: 1fr 2fr 2fr 2fr;
}

/* BREAKPOINT xx-lg */
@media only screen and (max-width: 1400px) {
    .xxlg-one-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .xxlg-two-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .xxlg-three-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .xxlg-four-col {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .xxlg-five-col {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .xxlg-six-col {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
}

/* BREAKPOINT x-lg */
@media only screen and (max-width: 1200px) {
    .xlg-one-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .xlg-two-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .xlg-three-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .xlg-four-col {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .xlg-five-col {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .xlg-six-col {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
}

/* BREAKPOINT lg */
@media only screen and (max-width: 992px) {
    .lg-one-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .lg-two-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .lg-three-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .lg-four-col {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .lg-five-col {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}

/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-one-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .md-two-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .md-three-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .md-four-col {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-one-col {
        display: grid;
        /* grid-template-columns: repeat(1, 1fr); */
        grid-template-columns: repeat(1, 100%);
    }

    #theNavigator .sm-one-col {
        display: grid;
        /* grid-template-columns: repeat(1, 1fr); */
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .sm-two-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .sm-three-col {
        display: grid;
        grid-auto-flow: column;
    }
}

/* BREAKPOINT x-sm */
@media only screen and (max-width: 320px) {
    .xsm-one-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .xsm-two-col {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .xsm-three-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ##################################### */
/* LIVING OFF THE GRIDS, IN OUR CASE COLUMNS *ENDS */
/* ##################################### */

/* ##################################### */
/* SWITCHAROO WHEN ON MOBILE *START */
/* ##################################### */
/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-mobile-switch {
        flex-direction: column;
    }

    .md-order-1 {
        order: 1;
    }

    .md-order-2 {
        order: 2;
    }

    .md-order-3 {
        order: 3;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-mobile-switch {
        flex-direction: column;
    }

    .sm-order-1 {
        order: 1;
    }

    .sm-order-2 {
        order: 2;
    }

    .sm-order-3 {
        order: 3;
    }
}

/* BREAKPOINT x-sm */
@media only screen and (max-width: 320px) {
    .xsm-mobile-switch {
        flex-direction: column;
    }

    .xsm-order-1 {
        order: 1;
    }

    .xsm-order-2 {
        order: 2;
    }

    .xsm-order-3 {
        order: 3;
    }
}

/* ##################################### */
/* SWITCHAROO WHEN ON MOBILE *ENDS */
/* ##################################### */

/* ##################################### */
/* MIND THE GAPS, IN OUR CASE GUTTERS *BEGINS */
/* ##################################### */
.gap-05 {
    column-gap: 05px;
}

.gap-10 {
    column-gap: 10px;
}

.gap-20 {
    column-gap: 20px;
}

.gap-30 {
    column-gap: 30px;
}

.gap-40 {
    column-gap: 40px;
}

.gap-50 {
    column-gap: 50px;
}

.gap-60 {
    column-gap: 60px;
}

.row-gap-05 {
    row-gap: 05px;
}

.row-gap-10 {
    row-gap: 10px;
}

.row-gap-20 {
    row-gap: 20px;
}

.row-gap-30 {
    row-gap: 30px;
}

.row-gap-40 {
    row-gap: 40px;
}

.row-gap-50 {
    row-gap: 50px;
}

.row-gap-60 {
    row-gap: 60px;
}

.row-gap-70 {
    row-gap: 70px;
}

.row-gap-80 {
    row-gap: 80px;
}

.row-gap-90 {
    row-gap: 90px;
}

.row-gap-100 {
    row-gap: 100px;
}

/* BREAKPOINT xx-lg */
@media only screen and (max-width: 1400px) {
    .xxlg-gap-05 {
        column-gap: 05px;
    }

    .xxlg-gap-10 {
        column-gap: 10px;
    }

    .xxlg-gap-20 {
        column-gap: 20px;
    }

    .xxlg-gap-30 {
        column-gap: 30px;
    }

    .xxlg-gap-40 {
        column-gap: 40px;
    }

    .xxlg-gap-50 {
        column-gap: 50px;
    }

    .xxlg-gap-60 {
        column-gap: 60px;
    }

    .xxlg-row-gap-05 {
        row-gap: 05px;
    }

    .xxlg-row-gap-10 {
        row-gap: 10px;
    }

    .xxlg-row-gap-20 {
        row-gap: 20px;
    }

    .xxlg-row-gap-30 {
        row-gap: 30px;
    }

    .xxlg-row-gap-40 {
        row-gap: 40px;
    }

    .xxlg-row-gap-50 {
        row-gap: 50px;
    }

    .xxlg-row-gap-60 {
        row-gap: 60px;
    }
}

/* BREAKPOINT x-lg */
@media only screen and (max-width: 1200px) {
    .xlg-gap-05 {
        column-gap: 05px;
    }

    .xlg-gap-10 {
        column-gap: 10px;
    }

    .xlg-gap-20 {
        column-gap: 20px;
    }

    .xlg-gap-30 {
        column-gap: 30px;
    }

    .xlg-gap-40 {
        column-gap: 40px;
    }

    .xlg-gap-50 {
        column-gap: 50px;
    }

    .xlg-gap-60 {
        column-gap: 60px;
    }

    .xlg-row-gap-05 {
        row-gap: 05px;
    }

    .xlg-row-gap-10 {
        row-gap: 10px;
    }

    .xlg-row-gap-20 {
        row-gap: 20px;
    }

    .xlg-row-gap-30 {
        row-gap: 30px;
    }

    .xlg-row-gap-40 {
        row-gap: 40px;
    }

    .xlg-row-gap-50 {
        row-gap: 50px;
    }

    .xlg-row-gap-60 {
        row-gap: 60px;
    }
}

/* BREAKPOINT lg */
@media only screen and (max-width: 992px) {
    .lg-gap-05 {
        column-gap: 05px;
    }

    .lg-gap-10 {
        column-gap: 10px;
    }

    .lg-gap-20 {
        column-gap: 20px;
    }

    .lg-gap-30 {
        column-gap: 30px;
    }

    .lg-gap-40 {
        column-gap: 40px;
    }

    .lg-row-gap-05 {
        row-gap: 05px;
    }

    .lg-row-gap-10 {
        row-gap: 10px;
    }

    .lg-row-gap-20 {
        row-gap: 20px;
    }

    .lg-row-gap-30 {
        row-gap: 30px;
    }

    .lg-row-gap-40 {
        row-gap: 40px;
    }
}

/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-gap-05 {
        column-gap: 05px;
    }

    .md-gap-10 {
        column-gap: 10px;
    }

    .md-gap-20 {
        column-gap: 20px;
    }

    .md-gap-30 {
        column-gap: 30px;
    }

    .md-gap-40 {
        column-gap: 40px;
    }

    .md-gap-50 {
        column-gap: 50px;
    }

    .md-gap-60 {
        column-gap: 60px;
    }

    .md-gap-70 {
        column-gap: 70px;
    }

    .md-gap-80 {
        column-gap: 80px;
    }

    .md-gap-90 {
        column-gap: 90px;
    }

    .md-gap-100 {
        column-gap: 100px;
    }

    .md-row-gap-05 {
        row-gap: 05px;
    }

    .md-row-gap-10 {
        row-gap: 10px;
    }

    .md-row-gap-20 {
        row-gap: 20px;
    }

    .md-row-gap-30 {
        row-gap: 30px;
    }

    .md-row-gap-40 {
        row-gap: 40px;
    }

    .md-row-gap-50 {
        row-gap: 50px;
    }

    .md-row-gap-60 {
        row-gap: 60px;
    }

    .md-row-gap-70 {
        row-gap: 70px;
    }

    .md-row-gap-80 {
        row-gap: 80px;
    }

    .md-row-gap-90 {
        row-gap: 90px;
    }

    .md-row-gap-100 {
        row-gap: 100px;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-gap-05 {
        column-gap: 05px;
    }

    .sm-gap-10 {
        column-gap: 10px;
    }

    .sm-gap-20 {
        column-gap: 20px;
    }

    .sm-gap-30 {
        column-gap: 30px;
    }

    .sm-gap-40 {
        column-gap: 40px;
    }

    .sm-gap-50 {
        column-gap: 50px;
    }

    .sm-row-gap-05 {
        row-gap: 05px;
    }

    .sm-row-gap-10 {
        row-gap: 10px;
    }

    .sm-row-gap-20 {
        row-gap: 20px;
    }

    .sm-row-gap-30 {
        row-gap: 30px;
    }

    .sm-row-gap-40 {
        row-gap: 40px;
    }

    .sm-row-gap-50 {
        row-gap: 50px;
    }

    .sm-row-gap-60 {
        row-gap: 60px;
    }

    .sm-row-gap-70 {
        row-gap: 70px;
    }

    .sm-row-gap-80 {
        row-gap: 80px;
    }

    .sm-row-gap-90 {
        row-gap: 90px;
    }

    .sm-row-gap-100 {
        row-gap: 100px;
    }
}

/* BREAKPOINT x-sm */
@media only screen and (max-width: 320px) {
    .xsm-gap-05 {
        column-gap: 05px;
    }

    .xsm-gap-10 {
        column-gap: 10px;
    }

    .xsm-gap-20 {
        column-gap: 20px;
    }

    .xsm-gap-30 {
        column-gap: 30px;
    }

    .xsm-gap-40 {
        column-gap: 40px;
    }

    .xsm-gap-50 {
        column-gap: 50px;
    }

    .xsm-row-gap-05 {
        row-gap: 05px;
    }

    .xsm-row-gap-10 {
        row-gap: 10px;
    }

    .xsm-row-gap-20 {
        row-gap: 20px;
    }

    .xsm-row-gap-30 {
        row-gap: 30px;
    }

    .xsm-row-gap-40 {
        row-gap: 40px;
    }

    .xsm-row-gap-50 {
        row-gap: 50px;
    }

    .xsm-row-gap-60 {
        row-gap: 60px;
    }

    .xsm-row-gap-70 {
        row-gap: 70px;
    }

    .xsm-row-gap-80 {
        row-gap: 80px;
    }

    .xsm-row-gap-90 {
        row-gap: 90px;
    }

    .xsm-row-gap-100 {
        row-gap: 100px;
    }
}

/* ##################################### */
/* MIND THE GAPS, IN OUR CASE GUTTERS *END */
/* ##################################### */

/* ##################################### */
/* PICK A CARD, ANY CARD, CARD DESIGNS *BEGIN */
/* ##################################### */
.card {
    display: flex;
    flex-direction: column;
}

.card h2 {
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1.5rem;
    font-family: 'Open Sans' sans-serif;
}

.card-price {
    margin-top: 15px;
    font-size: 1.2rem;
    font-weight: 600;
}

.card-middle {
    padding: 10px;
}

.card-excerp {
    margin-top: 9px;
}

.lower-card {
    margin-top: auto;
}

/* ##################################### */
/* PICK A CARD, ANY CARD, CARD DESIGNS *END */
/* ##################################### */

/* ##################################### */
/* CUTE AS A BUTTON STYLING *BEGINS */
/* ##################################### */
.btn-round {
    border-radius: 3.125rem;
}

.border-btn {
    border-width: 2px;
    border-style: solid;
}

.btn-font-style {
    text-align: center;
    font: normal normal bold 1.2rem/2.063rem "Open Sans", sans-serif;
    letter-spacing: 0px;
}

.btn-block {
    display: block;
    width: 100%;
}

.lg-btn {
    padding: 1.3rem 3.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.normal-btn {
    padding: 0.7rem 2.2rem;
    font-size: 1rem;
    line-height: 1.5;
}

.service-test-points {
    list-style-type: disclosure-closed;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 2rem;
    font-weight: 500;
    color: #189a9c;
    margin: 0;
    padding-left: 20px;
}

.service-test-points a {
    font-weight: 600;
    color: #189a9c;
}

/* BUTTON GROUPS BEGINS */
.twin-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.twin-child-btn {
    flex: 1;
    cursor: pointer;
    margin: 10px;
}

/* BUTTON GROUPS ENDS */

.btn-hover {
    transition: all 0.3s;
}

.btn-hover:hover {
    text-decoration: none;
    cursor: pointer;
    padding: 12px 38px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}


/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-btn {
        padding: 0.10rem 1rem;
        font-size: 1.05rem;
        line-height: 1.5;
    }

    .md-btn-block {
        display: block;
        width: 100%;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-btn {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.5;
    }

    .sm-btn-block {
        display: block;
        min-width: 0%;
    }

    .twin-child-btn {
        flex: 100%;
    }
}

/* ##################################### */
/* CUTE AS A BUTTON STYLING *END */
/* ##################################### */

/* ##################################### */
/* INVISABILITY AND REVEAL COAT, HIDE AND SHOW ELEMENTS *BEGINS */
/* ##################################### */

.hide-me {
    display: none !important;
}

.show-me {
    display: block;
}

/* BREAKPOINT lg */

@media only screen and (min-width: 992px) {
    .lg-hide {
        display: none !important;
    }

    .lg-show {
        display: block;
    }
}

/*BREAKPOINT laptop*/
@media only screen and (max-width: 991px) {
    .lpt-hide {
        display: none !important;
    }

    .lpt-show {
        display: block !important;
    }
}

/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-hide {
        display: none !important;
    }

    .md-show {
        display: block !important;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-hide {
        display: none !important;
    }

    .sm-show {
        display: block !important;
        position: relative;
    }
}

/* BREAKPOINT x-sm */
@media only screen and (max-width: 320px) {
    .xsm-hide {
        display: none !important;
    }

    .xsm-show {
        display: block !important;
    }
}

/* ##################################### */
/* INVISABILITY COAT, HIDE ELEMENTS *END */
/* ##################################### */

/* ##################################### */
/* ON THE BORDER STYLING, ROUND ABOUT - FOR ROUNDED CORNERS - BORDER RADIUS *BEGINS */
/* ##################################### */
.round-05 {
    border-radius: 05px;
}

.round-10 {
    border-radius: 10px;
}

.round-15 {
    border-radius: 15px;
}

.round-20 {
    border-radius: 20px;
}

.round-25 {
    border-radius: 25px;
}

.round-30 {
    border-radius: 30px;
}

.round-35 {
    border-radius: 35px;
}

.round-40 {
    border-radius: 40px;
}

.round-45 {
    border-radius: 45px;
}

.round-50 {
    border-radius: 50px;
}

.round-55 {
    border-radius: 55px;
}

.round-60 {
    border-radius: 60px;
}

.round-65 {
    border-radius: 65px;
}

.round-70 {
    border-radius: 70px;
}

.round-75 {
    border-radius: 75px;
}

.round-80 {
    border-radius: 80px;
}

.round-85 {
    border-radius: 85px;
}

.round-100 {
    border-radius: 100%;
}

.border-none {
    border: none;
}

.border-width-01 {
    border-width: 01px;
}

.border-width-02 {
    border-width: 02px;
}

.border-width-03 {
    border-width: 03px;
}

.border-width-04 {
    border-width: 04px;
}

.border-width-05 {
    border-width: 05px;
}

.border-width-06 {
    border-width: 06px;
}

.border-width-07 {
    border-width: 07px;
}

.border-width-08 {
    border-width: 08px;
}

.border-width-09 {
    border-width: 09px;
}

.border-width-10 {
    border-width: 10px;
}

.border-solid {
    border-style: solid;
}

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

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

/* BREAKPOINT lg */
@media only screen and (max-width: 992px) {
    .lg-round-10 {
        border-radius: 10px;
    }

    .lg-round-15 {
        border-radius: 15px;
    }

    .lg-round-20 {
        border-radius: 20px;
    }

    .lg-round-25 {
        border-radius: 25px;
    }

    .lg-round-30 {
        border-radius: 30px;
    }

    .lg-round-35 {
        border-radius: 35px;
    }

    .lg-round-40 {
        border-radius: 40px;
    }

    .lg-round-45 {
        border-radius: 45px;
    }

    .lg-round-50 {
        border-radius: 50px;
    }

    .lg-round-55 {
        border-radius: 55px;
    }

    .lg-round-60 {
        border-radius: 60px;
    }

    .lg-round-65 {
        border-radius: 65px;
    }

    .lg-round-70 {
        border-radius: 70px;
    }

    .lg-round-75 {
        border-radius: 75px;
    }

    .lg-round-80 {
        border-radius: 80px;
    }

    .lg-round-85 {
        border-radius: 85px;
    }

    .lg-round-100 {
        border-radius: 100%;
    }
}

/* BREAKPOINT md */
@media only screen and (max-width: 768px) {
    .md-round-10 {
        border-radius: 10px;
    }

    .md-round-15 {
        border-radius: 15px;
    }

    .md-round-20 {
        border-radius: 20px;
    }

    .md-round-25 {
        border-radius: 25px;
    }

    .md-round-30 {
        border-radius: 30px;
    }

    .md-round-35 {
        border-radius: 35px;
    }

    .md-round-40 {
        border-radius: 40px;
    }

    .md-round-45 {
        border-radius: 45px;
    }

    .md-round-50 {
        border-radius: 50px;
    }

    .md-round-55 {
        border-radius: 55px;
    }

    .md-round-60 {
        border-radius: 60px;
    }

    .md-round-65 {
        border-radius: 65px;
    }

    .md-round-70 {
        border-radius: 70px;
    }

    .md-round-75 {
        border-radius: 75px;
    }

    .md-round-80 {
        border-radius: 80px;
    }

    .md-round-85 {
        border-radius: 85px;
    }

    .md-round-100 {
        border-radius: 100%;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .sm-round-10 {
        border-radius: 10px;
    }

    .sm-round-15 {
        border-radius: 15px;
    }

    .sm-round-20 {
        border-radius: 20px;
    }

    .sm-round-25 {
        border-radius: 25px;
    }

    .sm-round-30 {
        border-radius: 30px;
    }

    .sm-round-35 {
        border-radius: 35px;
    }

    .sm-round-40 {
        border-radius: 40px;
    }

    .sm-round-45 {
        border-radius: 45px;
    }

    .sm-round-50 {
        border-radius: 50px;
    }

    .sm-round-55 {
        border-radius: 55px;
    }

    .sm-round-60 {
        border-radius: 60px;
    }

    .sm-round-65 {
        border-radius: 65px;
    }

    .sm-round-70 {
        border-radius: 70px;
    }

    .sm-round-75 {
        border-radius: 75px;
    }

    .sm-round-80 {
        border-radius: 80px;
    }

    .sm-round-85 {
        border-radius: 85px;
    }

    .sm-round-100 {
        border-radius: 100%;
    }
}

/* BREAKPOINT x-sm */
@media only screen and (max-width: 320px) {
    .xsm-round-10 {
        border-radius: 10px;
    }

    .xsm-round-15 {
        border-radius: 15px;
    }

    .xsm-round-20 {
        border-radius: 20px;
    }

    .xsm-round-25 {
        border-radius: 25px;
    }

    .xsm-round-30 {
        border-radius: 30px;
    }

    .xsm-round-35 {
        border-radius: 35px;
    }

    .xsm-round-40 {
        border-radius: 40px;
    }

    .xsm-round-45 {
        border-radius: 45px;
    }

    .xsm-round-50 {
        border-radius: 50px;
    }

    .xsm-round-55 {
        border-radius: 55px;
    }

    .xsm-round-60 {
        border-radius: 60px;
    }

    .xsm-round-65 {
        border-radius: 65px;
    }

    .xsm-round-70 {
        border-radius: 70px;
    }

    .xsm-round-75 {
        border-radius: 75px;
    }

    .xsm-round-80 {
        border-radius: 80px;
    }

    .xsm-round-85 {
        border-radius: 85px;
    }

    .xsm-round-100 {
        border-radius: 100%;
    }
}

/* ##################################### */
/* ROUND ABOUT - FOR ROUNDED CORNERS *ENDS */
/* ##################################### */