/*
Theme Name: Kalium - Child Theme
Theme URI: https://kaliumtheme.com
Author: Laborator
Author URI: https://laborator.co
Description: Start creating that amazing website that you have always wanted, only with Kalium &mdash; Connect with Laborator on: <a href="https://twitter.com/thelaborator">Twitter X</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/* html {
    font-size: 16px;
}

body,
html {
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
} */

*{
	box-sizing: border-box!important;
}

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;
}

/* ##################################### */
/* WE HAVE MISCELLANEOUS STUFF *BEGINS */
/* ##################################### */

/* TEAL FAMILY */
.rdx-teal-bg{
    background-color: #17999B;
}

.rdx-teal-txt{
    color: #17999B!important;
}

.rdx-teal-txt a{
    color: #17999B;
}

.rdx-teal-border{
    border-color: #17999B;
}

.rdx-teal-shadow{
    box-shadow: rgba(0, 165, 140, 0.2) 0px 8px 24px;
}

hr.teal-line{
	border-top: 2px solid #17999B;
    width: 30%;
}

.teal-grad-bg{
    background: rgb(49,210,213);
    background: radial-gradient(circle, rgba(49,210,213,1) 0%, rgba(23,153,155,1) 100%);
}

.teal-grad-txt{
    color: rgb(49,210,213);
}

.teal-grad-border{
    border-color: rgb(49,210,213);
}

hr.rdx-teal-line {
    border-top: 2px solid #17999B !important;
    width: 30%;
}

 /* LIGHT BLUE FAMILY */
.rdx-lightblue-bg{
    background-color: #F7FBFD;
}

.rdx-lightblue-border{
    border-color: #F7FBFD;
}

/* BLACK FAMILY */
.dark-txt a{
    color: #333;
}

.dark-txt{
    color: #333;
}

.dark-bg{
    background-color: #333;
}

/* GRAY FAMILY */
.gray-txt{
    color: #989898
}

.gray-txt a{
    color: #989898
}

.gray-bg{
    background-color: #989898;
}

.gray-border{
    border-color: #989898;
}

hr.gray-line{
	border-top: 2px solid #989898;
    width: 30%;
}

/* LIGHT GRAY FAMILY */
.light-gray-txt{
    color: #c9c9c9;
}

.light-gray-txt a{
    color: #c9c9c9;
}

.light-gray-bg{
    background-color: #c9c9c9;
}

.light-gray-border{
    border-color: #c9c9c9;
}

hr.light-gray-line{
	border-top: 2px solid #c9c9c9;
    width: 30%;
}

hr.light-gray-line-100{
	border-top: 2px solid #c9c9c9;
    width: 100%;
}

/* Pale FAMILY */
.pale-txt{
    color: #F7F7F7!important;
}

.pale-txt a{
    color: #F7F7F7!important;
}

.pale-bg{
    background-color: #f7f7f7!important;
}

.pale-border{
    border-color: #F7F7F7!important;
}

hr.pale-line{
	border-top: 2px solid #F7F7F7!important;
    width: 30%;
}

/* GREEN FAMILY */
.rdx-green-bg{
    background-color: #015949!important;
}

.rdx-green-txt{
    color: #015949!important;
}

.rdx-green-txt a{
    color: #015949!important;
}

.rdx-green-border{
    border-color: #015949!important;
}

hr.rdx-green-line{
	border-top: 2px solid #015949!important;
    width: 30%;
}

.green-grad-bg{
    background: rgb(9,117,98);
    background: radial-gradient(circle, rgba(9,117,98,1) 0%, rgba(1,89,73,1) 100%);
}


/* WHITE FAMILY */
.white-txt{
	color:#fff!important;
}

.white-txt a{
	color:#fff!important;
}

.white-bg{
	background-color:#fff!important;
}

/* RED FAMILY */
.red-txt{
	color:#ff0000!important;
}

.red-txt a{
	color:#ff0000!important;
}

.red-bg{
	background-color:#ff0000!important;
}

/* HOW IT WORKS HOME STYLE BEGINS */
.hdiw-title {
    font-weight: 800 !important;
    font-size: 30px !important;
    line-height: 50px !important;
    font-family: "Open Sans", sans-serif !important;
}

.hdiw-col-title {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 30px !important;
    font-family: "Open Sans", sans-serif !important;
}

.hdiw-card {
    width: 80% !important;
    margin: auto !important;
}

.instructions-link-flex {
    display: flex;
    place-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.gift-price {
    font-size: 1.8rem;
}

.email:focus-visible {
    border: none;
    outline: none;
}

.lineThrough {
    text-decoration: line-through;
}
/* BREAKPOINT x-sm */
@media only screen and (max-width: 320px) {
    .hdiw-card {
        width: 100% !important;
    }
}

/* HOW IT WORKS HOME STYLE ENDS */

/* IMAGE MOD */
.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-centre {
    display: block;
    margin: auto;
}

.image-vertically-center {
    display: flex;
    align-items: center;
    margin: 0px auto;
}

/* figure {
    margin: 0;
    margin-right: 1em;
    width: min-content;
    margin: auto;
} */

.cropped-image {
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center!important;
}

.cropped-image:hover {
    cursor: pointer;
}

.rel-pos {
    position: relative;
}

.abs-pos {
    position: absolute;
}

.seen-on-style {
    width: max-content;
    margin: 0 auto;
    gap: 30px;
}

.small-tp-widget {
    top: 30%;
    transform: translateY(-50%);
    right: 10px;
    cursor: pointer;
}

.vh-55 {
    height: 55vh;
}

.top-banner-three {
    display: grid;
    grid-template-columns: 60px 1fr 60px;
    width: 100%;
}

/* THE SHADOWS */
.show-shadow {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.small-show-shadow {
    -webkit-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.35);
}

a {
    text-decoration: none;
}

a:hover,
.hover:hover,
button:hover {
    cursor: pointer;
}

/* CENTER VERTICALLY */
.v-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*CENTER BUTTON*/
.justifySelf {
    justify-self: center;
}

.alignCenter {
    align-items: center;
}

/* DIM THE BACKRGOUND OVERLAY EFFECT */
.dim-bg {
    filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    -moz-filter: blur(5px);
    -webkit-filter: blur(5px);
    backdrop-filter: blur(7px);
    background-color: rgba(0, 0, 0, 0.32);
}

.small-product-img:hover {
    cursor: pointer;
}

.selectable-content {
    user-select: text !important;
}
/*USERWAY WIDGET*/

body .uwy.userway_p1 .userway_buttons_wrapper {
    top: 770px !important;
}


/* div#userwayAccessibilityIcon {
    top: calc(100% - 115px);
    left: calc(100vw - 30px);
} */

button {
    border: none;
}

.full-width-input {
    width: calc(100%);
}


/* ##################################### */
/* WE HAVE MISCELLANEOUS STUFF *ENDS */
/* ##################################### */

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

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

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

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

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

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


.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;
    }

	.product-homepage .products-loop > .sm-one-col{
    	grid-template-columns: repeat(3, 60vw); 
		overflow: auto; 
		padding-bottom: 10px;
	}

	.flex-to-grid-partners{
		grid-template-columns: repeat(3, 1fr)!important;
		display: grid!important;
    	width: 100%;
    	max-width: 100%;
    	display: grid;
    	margin: 0 auto!important;
	}

	.medicare-container{
    	width: 100%;
    	max-width: 100%;
    	margin: 0 auto!important;
	}
	
}

/* 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!important;
}

.container {
    /* max-width: 1520px; */
    max-width: 1230px;
    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);
}

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

.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 */
/* ##################################### */

/* ##################################### */
/* MODAL - POP UPS *BEGINS */
/* ##################################### */

.modal {
    visibility: hidden;
    display: grid;
    position: fixed;
    z-index: 20000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    align-content: baseline;
    padding: 10px;
    justify-content: center;
    box-sizing: border-box;
}

.modal .modal-content {
    width: 100%;
}

.modal-homepage {
    visibility: hidden;
    display: grid;
    position: fixed;
/*     margin-top: 100px; */
    z-index: 200000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    align-content: baseline;
    justify-content: center;
    box-sizing: border-box;
}

.modal-homepage .modal-content {
    width: 70%;
    margin: 180px auto;
}

.modal.show, .modal-homepage.show {
    visibility: visible;
    animation: fadeIn 1s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .modal-content {
        margin: 55% auto;
        max-width: 75%;
    }
}


/* ##################################### */
/* MODAL - POP UPS *ENDS */
/* ##################################### */

/* ##################################### */
/* GRAVITY FORMS *BEGINS */
/* ##################################### */
.gfield_label {
    font-weight: 600 !important;
    color: #17999B !important;
    font-size: 18px !important;
}

.gform_button {
    background-color: #17999B !important;
    border-radius: 20px!important;
    color:#fff!important;
    padding: 15px 25px!important;
    border: none!important;
}
/* ##################################### */
/* GRAVITY FORMS *ENDS */
/* ##################################### */

/* ##################################### */
/* WOOCOMMERCE STYLING *BEGINS */
/* ##################################### */
.rdx-teal-btn {
    background-color: #16999b !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 50px !important;
    padding: 15px 45px !important;
}

.rdx-green-btn {
    background-color: #015949 !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 50px !important;
    padding: 15px 45px !important;
}

/* Change background color of Proceed to Checkout button to #ff9900 */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #16999b;
}

/* Change background color of Place Order button to #ff9900 */
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #16999b;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #16999b!important;
    color: #fff!important;
    -webkit-font-smoothing: antialiased!important;
}

.entry-title {
    color: #16999b;
    font-family: Quasimoda;
    letter-spacing: normal;
    font-size: 2.2rem;
}

a.shipping-calculator-button {
    color: #16999b;
}

.price .amount bdi {
    color: #16999b;
    font-family: Quasimoda;
    letter-spacing: normal;
    font-size: 1.5rem;
    font-weight: 500;
}

.woocommerce div.product div.images, .woocommerce-page div.product div.images {
    float: none;
    width: 45%;
    margin: 10px auto;
}

.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: none;
}

.cart_totals {
    font-size: 24px;
}

.rdx_custom_update_cart_btn[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}

.woocommerce table.shop_table {
    border: none;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}

#customer_details input {
    padding: 12px;
    border-radius: 05px !important;
    border: 1px solid #c9c9c9;
}

#customer_details input[type=text], #customer_details input[type=tel], #customer_details input[type=email]{
	width: 100%;
} 

#customer_details label {
    color: #16999b;
    font-weight: 700;
}

.woocommerce-input-wrapper strong {
    color: #16999b;
    font-weight: 700;
}

.woocommerce-billing-fields h3 {
    color: #16999b;
}

.woocommerce-form-coupon-toggle {
    margin: 15px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 0;
}

div#payment {
    border: 1px solid #17999B;
    background-color: #ECF3F1!important;
	padding: 15px;
	border-radius: 20px;
}

.acceptblue-card-wrap {
    padding: 20px 5px;
    border-radius: 20px;
    background-color: #ECF3F1!important;
}

.woocommerce-checkout #payment div.payment_box {
    padding: 08px;
}

ul#shipping_method {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.wc_payment_methods.payment_methods.methods {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* Ensure all form rows are displayed as flex containers */
.wc-payment-form .form-row {
    display: flex;
    align-items: center; /* Align items vertically in the center */
    margin-bottom: 15px; /* Add some space between rows */
}

/* Style the labels */
.wc-payment-form .form-row label {
    width: 150px; /* Set a fixed width for labels */
    margin-right: 10px; /* Add some space between label and input */
    text-align: right; /* Align text to the right */
	font-weight: 600;
}

/* Style the inputs */
.wc-payment-form .form-row input {
    flex: 1; /* Allow inputs to take up remaining space */
    padding: 8px; /* Add some padding for better appearance */
    box-sizing: border-box; /* Ensure padding is included in width */
}

.woocommerce form .form-row .required {
    visibility: visible;
    color: #ff0000;
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
    position: relative;
    margin-left: 0;
    border: 1px solid teal;
    padding: 12px;
}

.woocommerce-info {
    color: #17999B;
}
@media (max-width: 600px) {
    .wc-payment-form .form-row {
        flex-direction: column; /* Stack elements vertically */
        align-items: flex-start; /* Align items to the start */
    }

    .wc-payment-form .form-row label {
        width: 100%; /* Make label take full width */
        text-align: left; /* Align text to the left */
        margin-bottom: 5px; /* Add some space below the label */
    }

    .wc-payment-form .form-row input {
        width: 100%; /* Make input take full width */
    }
}

/* ##################################### */
/* WOOCOMMERCE STYLING *ENDS */
/* ##################################### */

/* ##################################### */
/* WOOCOMMERCE PRODUCT PAGES *BEGINS */
/* ##################################### */
.product-container {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
}

.product-page-heading {
    font-size: 2rem !important;
    font-weight: 600 !important;
    line-height: 3.1rem !important;
    font-family: 'Open Sans' sans-serif !important;
}

.product-page-price {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    line-height: 3.2rem !important;
    font-family: 'Open Sans' sans-serif !important;
}

.product-page-intro {
    font: normal normal normal 18px/36px 'Open Sans' sans-serif !important;
    line-height: 2rem;
}

.product-page-method-results-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    text-align: left !important;
    gap: 10px
}

.product-page-method-results-two .label {
    font-weight: 700 !important;
    font-size: 12px !important;
    text-align: center !important;
}

.product-page-clear img {
    margin-top: 10px;
}

.product-page-clear img {
    position: absolute;
    margin-top: 0px;
    margin-left: 5px;
}

.product-gallery {
    display: grid;
    grid-template-columns: repeat(4, 2fr);
}

/* .products .product {
    flex: 1 1 calc(25% - 20px); 
    box-sizing: border-box;
}

.products .product .woocommerce-LoopProduct-link {
    flex-grow: 1;
}

.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
} */

.gally-preview {
    margin-top: -27px;
}


.productready {
    opacity: 0.5 !important;
}

.product-sub-title {
    font-weight: 800 !important;
    font-size: 30px !important;
    line-height: 50px !important;
    font-family: "Open Sans", sans-serif !important;
}

.product-sub2-title {
    font-weight: 500 !important;
    font-size: 25px !important;
    line-height: 50px !important;
    font-family: "Open Sans", sans-serif !important;
}

.product-content {
    font-family: "Open Sans", sans-serif !important;
}

.why-get-tested-content p,
.why-get-tested-content ul li {
    font-family: "Open Sans", sans-serif !important;
    line-height: 2rem;
}

.pre-consult-content p,
.pre-consult-content ul li {
    font-family: "Open Sans", sans-serif !important;
    line-height: 2rem;
}

.what-we-testcat-title {
    line-height: 33px;
    padding: 05px 15px;
}

.what-we-testcat-one,
.what-we-testcat-two {
    text-align: left;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

.what-we-testcat-title .what-we-testminimise:before {
    content: "\2212";
    font-size: 26px;
    float: right;
}

.what-we-testcat-title .what-we-testexpand:before {
    content: "\002B";
    font-size: 26px;
    float: right;
}

.what-we-testcat-title .what-we-testexpand,
.what-we-testcat-title .what-we-testminimise {
    cursor: pointer;
}

.what-we-testtest-list {
    list-style-type: none;
    /* margin: 0; */
    padding: 05px;
}

.what-we-testtest-list li,
.what-we-testtest-list li a {
    color: #212121;
    margin-top: 10px;
}

ul.what-we-testtest-list li:before {
    /* content: "\2713"; */
    font-weight: 700;
    margin-right: 10px;
}

.what-we-testtest-list .what-we-testtest-list-list {
    color: #212121 !important;
    margin-top: 10px !important;
}

ul.what-we-testtest-list .what-we-testtest-list-list:before {
    content: "\2713" !important;
    font-weight: 700 !important;
    margin-right: 10px !important;
}

.what-we-testfilters .fa-solid {
    position: absolute;
    margin-top: 0px;
}

.load-more {
    margin-right: 55px !important;
}

.load-more:hover {
    cursor: pointer;
}

.report-img {
    z-index: 100;
    right: -140px;
    position: relative;
}

.link-icon:after {
    content: "\f0c1";
    font-family: 'Material Icons';
    font-weight: 900;
}

/* Beginning of the contact us grid */
.contact-container-grid {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
}

.contact-card {
    width: 100%;
    box-shadow: 0 0 10px -3px #000000bf;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

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

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

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

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

    .product-gallery {
        display: grid;
        grid-template-columns: repeat(3, 2fr);
    }

    .gally-preview {
        margin-top: -10px;
    }
}

/* BREAKPOINT sm */
@media only screen and (max-width: 576px) {
    .product-container {
        max-width: 100% !important;
        width: 100%;
    }
}

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

/* ##################################### */
/* WOOCOMMERCE CART PAGES *BEGINS */
/* ##################################### */
.woocommerce-notices-wrapper a {
    background-color: #fff !important;
    color: #333 !important;
    margin-right: 20px !important;
}

.product-thumbnail a img {
    width: 80px!important;
    display: block;
    margin: auto;
}

.cart-qty-minus, .cart-qty-plus{
    cursor: pointer;
}

.quantity input[type=number]::-webkit-outer-spin-button,
.quantity input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.inline-icon {
    vertical-align: bottom;
    font-size: 18px !important;
}

/* ##################################### */
/* WOOCOMMERCE CART PAGES *ENDS */
/* ##################################### */

/* ##################################### */
/* WOOCOMMERCE SHOP PAGES *BEGINS */
/* ##################################### */

.products {
    padding-top: 33px;
    width: 100%;
}

h2.woocommerce-loop-product__title {
    color: #17999B!important;
}

.products .button {
    background-color: #17999B!important;
    border-radius: 20px !important;
    color: #FFF !important;
    margin-top: 20px !important;
}

.cropped-product-image {
    width: auto;
    height: 300px;
    background-size: cover;
    background-position: bottom;
}

.cropped-product-image:hover {
    cursor: pointer;
}

.woocommerce-ordering select {
    border-radius: 15px;
    padding: 5px 08px;
    color: #17999B;
    border: 1px solid #17999B;
    font-weight: 500 !important;
}


/* ##################################### */
/* WOOCOMMERCE SHOP PAGES *ENDS */
/* ##################################### */

/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Toggle this class to show/hide the popup */
.popup.show {
  visibility: visible;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ##################################### */
/* FOOTER *BEGINS */
/* ##################################### */

.footer a{
    text-decoration: none;
}

footer.site-footer {
    background-color: #f7fbfd;
    border-radius: 54px 54px 0px 0px;
}



/* ##################################### */
/* FOOTER *ENDS */
/* ##################################### */

/* ##################################### */
/* Carousel *BEGINS */
/* ##################################### */

.product-gallery {
    /* display: flex;
    justify-content: space-around; */
    /* justify-content: space-between; */
    display: grid;
    grid-template-columns: repeat(4, 2fr);
}

.gally-preview {
    margin-top: -27px;
}

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

    .product-gallery {
        display: grid;
        grid-template-columns: repeat(3, 2fr);
    }

    .gally-preview {
        margin-top: -10px;
    }
}
/* ##################################### */
/* Carousel *ENDS */
/* ##################################### */

.icon-container {
    display: inline-flex!important;
    align-items: center!important;
}

.woocommerce-notice, .woocommerce-message {
    background-color: #008486;
    color: #ffffff;
    padding: 20px;
    border-radius: 20px;
}

.woocommerce-store-notice {
    background-color: teal !important;
}

@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: auto;
        scrollbar-color: #16999b #ffffff;
        box-sizing: border-box
    }
}

*::-webkit-scrollbar {
    width: 10px
}

*::-webkit-scrollbar-track {
    background: #e6e6e6
}

*::-webkit-scrollbar-thumb {
    background-color: #16999b;
    border-radius: 10px;
    border: 2px solid #fffafa
}

ul.woocommerce-error {
    background-color: #da2128;
    color: #fff;
    list-style-type: none;
    padding: 10px 25px;
    border-radius: 20px;
    font-weight: 600;
}

/* Shop Mobile Menu id */
#menu-item-869 a::before {
    font-family: 'Material Icons';
    content: '\e8d1';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* Make A Booking Mobile Menu id */
#menu-item-328 a::before{
    font-family: 'Material Icons';
    content: '\ebcc';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* Clinic Locations Mobile Menu id */
#menu-item-309 a::before{
    font-family: 'Material Icons';
    content: '\e55e';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* FAQ Mobile Menu id */
#menu-item-307 a::before{
    font-family: 'Material Icons';
    content: '\f04c';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* NEWS Mobile Menu id */
#menu-item-868 a::before{
    font-family: 'Material Icons';
    content: '\eb81';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* CONTACT US Mobile Menu id */
#menu-item-311 a::before{
    font-family: 'Material Icons';
    content: '\e158';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* HELP Mobile Menu id */
#menu-item-310 a::before{
    font-family: 'Material Icons';
    content: '\e88e';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* About Us Mobile Menu id */
#menu-item-306 a::before{
    font-family: 'Material Icons';
    content: '\f233';
    font-size: 24px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.remove-2fa {
   display: inline-block!important;
   margin-top: 20px!important;
}

/* ##################################### */
/* Carousel *BEGINS */
/* ##################################### */

.carousel-v1{
	background-position: right; 
	background-repeat: no-repeat; 
	background-size: cover;
	border-radius: 25px;
	height: 530px;
	overflow: hidden;
}

/* #slideshow-parent {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
} */


.carousel-content-black{
/*     background-color: rgba(0,0,71,0.7) !important; */
	background: rgb(0,17,71);
	background: -moz-linear-gradient(308deg, rgba(0,17,71,0.3393732492997199) 44%, rgba(0,0,71,0.6643032212885154) 93%);
	background: -webkit-linear-gradient(308deg, rgba(0,17,71,0.3393732492997199) 44%, rgba(0,0,71,0.6643032212885154) 93%);
	background: linear-gradient(308deg, rgba(0,17,71,0.3393732492997199) 44%, rgba(0,0,71,0.6643032212885154) 93%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001147",endColorstr="#000047",GradientType=1);
    border-radius: 25px !important;
	
}

.slider-vertical-center {
    display: grid;
    place-items: center;
    height: 100%;
}

.rdxslides{
	display: none;
    animation: slideInRight ease-in-out 1s forwards;
/* 	animation: thefadeIn 1s linear forwards;
	animation: thefadeout 1s linear forwards; */
}

.rdxslides.active {
    display: flex;
}

.nav-slide{
	border-radius: 50%;
    text-align: center !important;
    line-height: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    height: 35px;
    aspect-ratio: 1;
    color: #fff;
    z-index: 1;
    position: relative;
    top: -250px;
}

@keyframes slideInRight {
    0% {
        transform: translateX(+100%);
    	opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes thefadeIn {
	0% { 
    	opacity: 0 
	}
  	to { 
    	opacity: 1 
	}
}

@keyframes thefadeout {
	0% { 
    	opacity: 0 
	}
  	to { 
    	opacity: 1 
	}
}

/* INDIVIDUAL BANNER STYLES BEGINS*/
.ultimate-wealth-title{
	font-size: 3rem; 
	color: #FFFFFF; 
	text-align: center; 
	font-family: Open Sans; 
	font-weight: 800; 
	font-style: normal;
}

.stay-safe-title{
	font-size: 5.7rem;
}

.play-safe-img{
	width: 240px;
}

.play-safe-text{
	font-size: 3.2rem; 
	font-weight: 100; 
	line-height: 4.2rem;
}

.play-safe-pink-text{
	color: #e71d76; 
	font-size: 3.2rem; 
	font-weight: 500;
}

.play-safe-button{
	background-color:#e71d76; 
	font-size: 2.5rem; 
	font-weight: 500;
}

.play-safe-kit{
	width: 200px;
}

@media only screen and (max-width: 970px) {
	.carousel-v1{
		height: 500px;
	}

	.stay-safe-title{
    	font-size: 2.7rem;
	}

	.play-safe-img{
		width: 120px;
	}

	.play-safe-text{
    	font-size: 2.2rem; 
    	font-weight: 50; 
    	line-height: 2.2rem;
	}

	.play-safe-pink-text{
		font-size: 2.2rem; 
	}

	.play-safe-button{
		font-size: 1.5rem; 
	}

	.play-safe-kit {
    	width: 130px;
	}
}
/* INDIVIDUAL BANNER STYLES ENDS */
/* ##################################### */
/* Carousel *ENDS */
/* ##################################### */