/*--------------------------------------------------------------
# Reset & Normalize
--------------------------------------------------------------*/

/*
 * Corrects text resizing and prevents iOS text size adjust.
 */
html{font-family:sans-serif; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {margin:0;}

/*
 * Initialize `tags` for all browsers.
 */
*,*:before,*:after{ -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 
 * set image max width to 100% =Responsive Images 
 */
img {height:auto; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}


/* =========================
   HTML5 display definitions
   ========================= */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, dialog {display:block;}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio, canvas, progress, video {display:inline-block; vertical-align:baseline}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {display:none; height:0;}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden],template{display:none;}

a {background-color:transparent;}


/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
button, input, select, textarea {font-family:sans-serif;}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {border-bottom: 1px dotted;}
/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,optgroup,strong{font-weight:700;}
blockquote {margin:1em 40px;}
/*
 * Addresses  styling not present in S5, Chrome.
 */
dfn {font-style: italic;}
/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark { background:#ff0; color:#000;}
/*
 * Addresses margins set differently in IE6/7.
 */
pre { margin: 1em 0;}
p { margin: 0;}
/*

 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code, kbd, pre, samp {font-size: 1em;}
/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {white-space:pre; white-space:pre-wrap;}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {quotes:none;}
/*
 * Addresses `quotes` property not supported in S4.
 */
q:before, q:after { content: ''; content: none;}
small {font-size:80%;}
/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub, sup { font-size:75%; line-height: 0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

hr { -moz-box-sizing: content-box; box-sizing: content-box; height:0;}
figure { margin:0;}

/* =====
   Lists
   ===== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl, menu, ol, ul {margin:1em 0;}
dd {margin: 0 0 0 40px;}
/*
 * Addresses paddings set differently in IE6/7.
 */
menu, ol, ul {padding-left:2em;}
/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul, nav ol {list-style: none; list-style-image: none;}

/* =====
   Forms
   ===== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form { margin:0;}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {border:1px solid #d9d9d9; margin:0 2px; padding: 0.35em 0.625em 0.75em;}
legend {
  border:0; /* Corrects color not being inherited in IE6/7/8/9. */
  padding: 0;
  white-space: normal; /* Corrects text not wrapping in FF3. */
  *margin-left: -7px; /* Corrects alignment displayed oddly in IE6/7. */
}   
button, input, select, textarea { 
	font-size:100%; /* Corrects font size not being inherited in all browsers. */
	vertical-align: middle; /* Improves appearance and consistency in all browsers. */
	*vertical-align: middle ; /* Improves appearance and consistency in all browsers. */
	margin:0; /* Addresses margins set differently in IE6/7, FF3+, S5, Chrome. */
	font-family: inherit;
}
/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the UA stylesheet.
 */
button, input { *overflow: visible; line-height: normal;}
button, select { text-transform:none;}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled], input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance:button;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}
input[type="search"] {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0;}
textarea { overflow:auto; vertical-align:top;}

/* ======
   Tables
   ====== */
/*
 * Remove most spacing between table cells.
 */
table {border-collapse: collapse; border-spacing:0;}

/* ==========
   Clearfixin
   ========== */
.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:table; line-height:0; content:"";}
.clearfix:after {clear:both;}

/* =====
   Links
   ===== */
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active, a:hover, a:focus {outline:0;}

.table,blockquote,code,img,input,pre,svg,table,td,textarea,video{max-width:100%}



/*--------------------------------------------------------------
# Basic Structure
--------------------------------------------------------------*/
::-webkit-input-placeholder {
    color: #bbbbbb;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

:-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

::-moz-placeholder {
    color: #bbbbbb;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

:-ms-input-placeholder {
    color: #bbbbbb;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

*:focus::-webkit-input-placeholder {
    opacity: 0
}

*:focus:-moz-placeholder {
    opacity: 0
}

*:focus::-moz-placeholder {
    opacity: 0
}

*:focus:-ms-input-placeholder {
    opacity: 0
}


* {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ubuntu-medium {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.ubuntu-light-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.ubuntu-regular-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.ubuntu-medium-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.ubuntu-bold-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI Light"), local('Segoe-UI-Light'),
        url(../fonts/segoeui/segoeuilight.woff2) format("woff2"),
        url(../fonts/segoeui/segoeuilight.woff) format("woff"),
        url(../fonts/segoeui/segoeuilight.eot);
    font-weight: 100;
	font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI"), local("Segoe-UI"),
        url(../fonts/segoeui/segoeui.woff2) format("woff2"),
        url(../fonts/segoeui/segoeui.woff) format("woff"),
        url(../fonts/segoeui/segoeui.eot);
    font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI Bold"), local("Segoe-UI-Bold"),
        url(../fonts/segoeui/segoeuibold.woff2) format("woff2"),
        url(../fonts/segoeui/segoeuibold.woff) format("woff"),
        url(../fonts/segoeui/segoeuibold.eot);
    font-weight: 600;
	font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src:
        local("Segoe UI Semibold"), local("Segoe-UI-Semibold"),
        url(../fonts/segoeui/segoeuisemibold.woff2) format("woff2"),
        url(../fonts/segoeui/segoeuisemibold.woff) format("woff"),
        url(../fonts/segoeui/segoeuisemibold.eot);
    font-weight: 700;
	font-style: normal;
}

body {
	font-size: 17px;
	letter-spacing: 0.25px;
    padding: 0;
    line-height: 1.5;
    font-family: var(--sp-font-sans-serif);
    color: var(--sp-secondary-dark);
}

a {
    color: var(--sp-primary);
    text-decoration: none;
    outline: none;
}

a:hover {
    color: var(--sp-primary);
    text-decoration: none;
    outline: none;
}

a:active,
a:focus {
    color: var(--sp-primary);
    text-decoration: underline;
    text-decoration-style: dotted;
}

button:focus {
    box-shadow: none;
}

button[type=submit]:focus, button:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus, a:focus {
    outline-width: 1px;
    outline-offset: -2px;
    outline-style: dotted;
    text-decoration: none;
}

a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

button, input, optgroup, select, textarea {
    margin: 0;
}

button, input {
    overflow: visible;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Ubuntu", sans-serif;
	margin: 0;
    padding: 0;
	letter-spacing: 0 !important;
    line-height: 1.2;
    word-break: break-word;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 22px;
}

em, cite, q {
    color: var(--sp-primary);;
    font-style: italic;
    font-weight: bold;
}

code, kbd, tt, var, samp, pre {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    background: var(--sp-secondary-dark);
    color: var(--sp-white);
    padding: 1px 5px;
    border-radius: 0px;
    font-size: 88%;
}

pre {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #ccc;
    border-radius: 0px;
    overflow: auto;
}

table {
    border: 1px solid #e9e9e9;
    background-color: #fcfcfc;
    border-spacing: 0;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    text-align: left;
    table-layout: fixed;
    border-collapse: collapse;
}

table th {
    border: 1px solid rgba(0, 0, 0, 0.25);
}

table td {
    border: 1px solid #e9e9ea;
}

table th, table td {
    padding: 15px;
}

table th {
    background: var(--sp-gradient1);
    color: var(--sp-white);
}

p { margin: 0; word-break: break-word; }

figure {
    margin: 0;
}

address,
table,
pre {
    width: 100%;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    font-weight: 600;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

fieldset {
    border: 1px solid #e9e9ea;
    margin: 1.5rem 2px;
    padding: 10px 25px 20px;
    border-radius: 0px;
}

iframe {
    max-width: 100%;
    height: auto;
}

ol li {
	margin: 0 0 10px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    padding: 12px 24px;
    border-radius: 0px;
    background: transparent;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 1px dotted;
    outline-offset: -2px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    border-radius: 0px;
    display: block;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 500;
    max-height: 50px;
    padding: .813rem 1rem;
    vertical-align: middle;
    width: 100%;
    background-color: #f5f6fa;
    border: 1px solid #f5f6fa;
    outline: none;
    letter-spacing: 0.5px;
    box-shadow: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

input[type="text"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="number"]:focus,
input[type="tel"]:focus, input[type="range"]:focus,
input[type="date"]:focus, input[type="month"]:focus,
input[type="week"]:focus, input[type="time"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="color"]:focus, textarea:focus, select:focus {    
    border-color: var(--sp-primary);
    background-color: #ffffff;
}

button[type=submit]:hover, button:hover, input[type="button"]:hover,
input[type="reset"]:hover, input[type="submit"]:hover,
button[type=submit]:focus, button:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus {
    color: var(--sp-white);
    background-color: var(--sp-primary);
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

select {
    background-clip: padding-box;
    border: 1px solid #e9e9ea;
    border-radius: 0px;
    display: block;
    font-size: 92%;
    font-weight: 400;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    overflow: auto !important;
    outline: 0;
    background-image: linear-gradient(#242424, #242424), linear-gradient(#e9e9ea, #e9e9ea);
    background-size: 0 1px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - -1px);
    background-color: #f6f6f6;
    -moz-transition: background 0s ease-out;
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
}

textarea {
    height: 132px;
    overflow: auto;
    resize: vertical;
    max-height: 100%;
}

input[type=checkbox], input[type=radio],
form[id*=give-form] #give-gateway-radio-list>li input[type=radio],
form[id*=give-form] #give-gateway-radio-list>li input[type=checkbox],
div.wpforms-container-full .wpforms-form input[type=radio],
div.wpforms-container-full .wpforms-form input[type=checkbox] {
    border: 2px solid var(--sp-primary);;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 20px;
    margin: -3px 3px 0 0;
    outline: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 20px !important;
    max-width: 20px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    transition: .05s border-color ease-in-out;
}

input[type=radio] {
    border-radius: 50%;
    margin-right: 4px;
    line-height: 12px;
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    display: inline-block;
    vertical-align: middle;
    speak: none;
    line-height: 1.1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: .3s all;
    transition: .3s all;
}

input[type=radio]:checked:before {
    content: "⬤";
    text-indent: -9999px;
    border-radius: 50px;
    font-size: 24px;
    width: 8px;
    height: 8px;
    margin: 4px;
    line-height: 20px;
    background: var(--sp-primary);;
}

input[type=checkbox]:checked:before {
    content: "✔";
    font-weight: 900;
    color: var(--sp-primary);;
}

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

/* AV BTN Start */

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

.container { width: 100%; margin: 0 auto; padding-left: 0 !important; padding-right: 0 !important; }

@media (min-width:640px){.container {max-width:640px}}
@media (min-width:768px){.container {max-width:768px}}
@media (min-width:1024px){.container {max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}
@media (min-width:1536px){.container{max-width:1536px}}

.av-columns-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0px -15px;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}

[class*="av-column-"] {
    position: relative;
    width: 100%;
    padding: 0px 15px;
    z-index: 0;
}

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

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



@media (min-width: 601px) {
    .av-sm-column-1 {
        -ms-flex: 0 0 16.333333%;
        flex: 0 0 16.333333%;
        max-width: 16.333333%;
    }
    .av-sm-column-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .av-sm-column-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .av-sm-column-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .av-sm-column-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .av-sm-column-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .av-sm-column-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .av-sm-column-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .av-sm-column-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .av-sm-column-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .av-sm-column-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .av-sm-column-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Laptop/Tablet Size */
@media (min-width: 768px) {
    .av-md-column-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .av-md-column-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .av-md-column-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .av-md-column-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .av-md-column-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .av-md-column-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .av-md-column-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .av-md-column-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .av-md-column-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .av-md-column-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .av-md-column-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .av-md-column-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/* ---//--- */

.av-column5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1200px) {
    .av-column5 {
        width: 20%;
        float: left;
    }
}
/* Desktop Size */
@media (min-width: 992px) {
    .av-column-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .av-column-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .av-column-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .av-column-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .av-column-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .av-column-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .av-column-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .av-column-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .av-column-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .av-column-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .av-column-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .av-column-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
 
    .text-av-left {
        text-align: left;
    }

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

    .text-av-center {
        text-align: center;
    }
    .my-av-auto {
        margin: auto 0px;
    }

    
}
/* ---//--- */


@media (max-width: 767px) {
    .av-xs-column-1 {
        -ms-flex: 0 0 16.333333%;
        flex: 0 0 16.333333%;
        max-width: 16.333333%;
    }
    .av-xs-column-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .av-xs-column-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .av-xs-column-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .av-xs-column-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .av-xs-column-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .av-xs-column-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .av-xs-column-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .av-xs-column-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .av-xs-column-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .av-xs-column-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .av-xs-column-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Container Style */
.social-share-buttons {
    display: flex;
    justify-content: center; /* Center the buttons horizontally */
    margin-top: 20px; /* Add space above the button container */
    gap: 15px; /* Space between each button */
}

/* Individual Button Styles */
.social-share-buttons a {
    padding: 4px 10px 3px 10px; /* Button padding */
    text-decoration: none;/* Remove underline from the links */
    border-radius: 5px; /* Rounded corners for the buttons */
    font-weight:400; /* Bold text for better visibility */
	font-size: 12px;
    transition: background-color 0.3s; /* Smooth background color transition for hover effect */
}

/* Color and Hover Styles for Each Social Network */
.social-share-buttons a[href*="facebook.com"] {
    border: 1px solid #72BC05;
    color: #72BC05;
}

.social-share-buttons a[href*="facebook.com"]:hover {
    background-color: #72BC05;
	color: white;
}

.social-share-buttons a[href*="twitter.com"] {
    border: 1px solid #72BC05;
    color: #72BC05;
}

.social-share-buttons a[href*="twitter.com"]:hover {
    background-color: #72BC05;
	color: white;
}

.social-share-buttons a[href*="linkedin.com"] {
    border: 1px solid #72BC05;
    color: #72BC05;
}

.social-share-buttons a[href*="linkedin.com"]:hover {
    background-color: #72BC05;
	color: white;
}

.social-share-buttons a[href*="pinterest.com"] {
    border: 1px solid #72BC05;
    color: #72BC05;
}

.social-share-buttons a[href*="pinterest.com"]:hover {
    background-color: #72BC05;
	color: white;
}