/*
 Theme Name: Custom Theme
 Theme URI: https://brilliantdigital.com.au/
 Description: Custom Theme.
 Author: Brilliant
 Author URI: https://brilliantdigital.com.au/
 License: Everything copyrighted
 Version: 1.1
*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import 'assets/css/constants.css';
@import 'assets/css/reset.css';
@import 'assets/css/components/header.css';
@import 'assets/css/components/form.css';
@import 'assets/css/components/footer.css';
@import 'assets/css/components/hero.css';
@import 'assets/css/component.css';

/* body {
  background-color: black;
  color: white!important;
  img{opacity: 0.50;}
  .hero-wrapper.bgImage{opacity: 0.50;}  
  h1,h2,h3,h4,h5,h6{
    color: white!important;
  }
} */
 


html                            {scroll-behavior: smooth;}
blockquote:before,
blockquote:after,
q:before,q:after                {content: '';content: none;}
blockquote p                    {font-style: italic;}
table                           {border-collapse: collapse;border-spacing: 0;}
i,em                            {font-style: italic;}
b,strong                        {font-weight: 700;}
table                           {width: 100%;border-spacing: 0;border-collapse: collapse;}
table tr td                     {border: 1px solid #e5e5e5;}
table tr:hover                  {background-color: var(--primary);color: var(--white);}
table tr:hover p,
table tr:hover span,
table tr:hover li               {color: var(--white);}
table tr:hover ul li:before     {background-color: var(--white);}
table,tr,td,th                  {font-family: var(--heading);border: 1px solid var(--primary);}
th                              {font-family: var(--heading);font-weight: bold;}
td,th                           {padding: 10px;}
h1                              {font-size: 48px;line-height: normal;margin-bottom: 24px;}
h2                              {font-size: 38px;line-height: normal;margin-bottom: 24px;}
h3                              {font-size: 24px;line-height: normal;margin-bottom: 24px;}
h4                              {font-size: 24px;line-height: normal;margin-bottom: 24px;}
h5                              {font-size: 20px;line-height: normal;margin-bottom: 24px;}
h6                              {font-size: 16px;line-height: normal;margin-bottom: 24px;}
h1,h2                           {line-height: 1.2em;}
h1,h2,h3,h4,h5,h6               {font-family: var(--heading);
                                line-height: 1.3em;
                                font-weight: 700;
                                color: var(--headcolor);
}
.heading                        {font-family: var(--heading);}
.para                           {font-family: var(--text)!important;}
p                               {font-family: var(--text);
                                font-size: 18px;
                                line-height: 160%; /* 25.2px */
                                margin-bottom: 18px;
                                color: var(--color);
                                text-overflow: ellipsis;
                                /* Body/18px */
                                font-style: normal;
                                font-weight: 400;
}
img                             {max-width: 100%;vertical-align: middle;}
a                               {text-decoration: none;color: var(--primary);}
a img                           {outline: none;border: none;}
img                             {max-width: 100%;height: auto;vertical-align: top;}
ul                              {list-style: none;}
ol                              {padding-left: 40px;}
ol li                           {list-style-position: outside;list-style-type: decimal;}
ul li                           {list-style: none;margin: 0;padding: 0;}
textarea                        {resize: none;}
button                          {cursor: pointer;border: none;}
button:focus                    {outline: none;}
.primary                        {color: var(--primary);}
.secondary                      {color: var(--secondary)!important;}
.tertiary                       {color: var(--tertiary) !important;}
.color                          {color: var(--color) !important;}
.headcolor                      {color: var(--headcolor) !important;}
.white                          {color: var(--white) !important;}
.clearfix:after                 {clear: both;}
.clearfix:before,
.clearfix:after                 {content: " ";display: table;}
.clear                          {clear: both;}
.visible-xs                     {display: none!important;}
.visible-lg,
.visible-inlg                   {display: block;}
.visible-inlg                   {display: inline-block;}
.visible-mlg                    {display: block;}
.visible-md                     {display: none;}
.inline-block                   {display: inline-block;}
.text-left                      {text-align: left;}
.text-right                     {text-align: right;}
.text-center                    {text-align: center;}
.ttu                            {text-transform: uppercase;}
.alignnone                      {margin: 0 auto;}
.aligncenter                    {display: block;margin: 0 auto 20px auto;}
.alignright                     {float: right;margin: 0 0 15px 15px;}
.alignleft                      {float: left;margin: 0 30px 15px 0;}
.section a:focus,
.section a:active               {outline: none;}
.curl                           {border-radius:8px;}
.curler                         {border-radius:16px;}
input:focus,
input:active                    {outline: none;}
form,fieldset                   {border-style: none;margin: 0;padding: 0;}
table                           {border-collapse: collapse;border-spacing: 0;}
sup                             {vertical-align: super;    font-size: smaller;}
.section .title .quote.content  {width: 80%;border-radius: 16px;background: #F3FAFB;padding: 48px;}
.section .title .quote p        {color: #403935;
                                font-size: 42px;
                                font-family: var(--heading);
                                font-style: italic;
                                line-height: normal;
                                font-weight: 600;
                                margin-bottom: 24px;
}
.section .title .quote span     {color:#6C7476;font-weight: 400;letter-spacing: 1px;}
/* .quote:before                   {position: absolute;
                                left: 90px;
                                content: url('assets/images/quote.png');
                                top: -6px;
                                z-index: 2;
} */
.bgImage                        {background-repeat: no-repeat;
                                background-size: cover;
                                background-position: center center; 
}
.container-fluid                {max-width: 90%;
                                width: 90%;
                                margin: 0 auto;
                                padding: 0 15px;
}
.container-full                 {max-width: 100%;
                                width: 100%;
                                margin: 0 auto;
                                padding: 0 0;
}
.container                      {max-width: 1330px;
                                width: 100%;
                                margin: 0 auto;
                                padding: 0 15px;
}
.pb                             {padding-bottom: 60px !important;}
p.br br                         {display: none;}

.pd-0                           {padding: 0!important;}
.pd-5                           {padding: 5px;}
.pd-10                          {padding: 10px;}
.pd-15                          {padding: 15px;}
.pd-20                          {padding: 20px;}
.pd-25                          {padding: 25px;}
.pd-30                          {padding: 30px;}
.pd-40                          {padding: 40px;}
.pd-48                          {padding: 48px;}
.pd-50                          {padding: 50px;}
.pd-60                          {padding: 60px;}
.pd-65                          {padding: 65px;}
.pd-70                          {padding: 70px;}
.pd-80                          {padding: 80px;}
.pd-100                         {padding: 100px;}

.pd-50-30                       {padding: 50px 30px;}
.pdrl-25                        {padding:0 24px;}

.pt-0                           {padding-top: 0 !important;}
.pt-5                           {padding-top: 5px;}
.pt-10                          {padding-top: 10px;}
.pt-15                          {padding-top: 15px;}
.pt-20                          {padding-top: 20px;}
.pt-25                          {padding-top: 25px;}
.pt-30                          {padding-top: 30px;}
.pt-40                          {padding-top: 40px;}
.pt-50                          {padding-top: 50px;}
.pt-60                          {padding-top: 60px;}
.pt-65                          {padding-top: 65px;}
.pt-70                          {padding-top: 70px;}
.pt-80                          {padding-top: 80px;}
.pt-100                         {padding-top: 100px;}
.pt-120                         {padding-top: 120px;}

.pl-0                           {padding-left: 0;}
.pl-5                           {padding-left: 5px;}
.pl-10                          {padding-left: 10px;}
.pl-15                          {padding-left: 15px;}
.pl-20                          {padding-left: 20px;}
.pl-25                          {padding-left: 25px;}
.pl-30                          {padding-left: 30px;}
.pl-40                          {padding-left: 40px;}
.pl-50                          {padding-left: 50px;}
.pl-60                          {padding-left: 60px;}
.pl-65                          {padding-left: 65px;}
.pl-70                          {padding-left: 70px;}
.pl-80                          {padding-left: 80px;}
.pl-100                         {padding-left: 100px;}

.pr-0                           {padding-right: 0;}
.pr-5                           {padding-right: 5px;}
.pr-10                          {padding-right: 10px;}
.pr-15                          {padding-right: 15px;}
.pr-20                          {padding-right: 20px;}
.pr-25                          {padding-right: 25px;}
.pr-30                          {padding-right: 30px;}
.pr-40                          {padding-right: 40px;}
.pr-50                          {padding-right: 50px;}
.pr-60                          {padding-right: 60px;}
.pr-65                          {padding-right: 65px;}
.pr-70                          {padding-right: 70px;}
.pr-80                          {padding-right: 80px;}
.pr-100                         {padding-right: 100px;}
.plr-35                         {padding: 0 35px;}
.plr-24                         {padding: 0 24px;}
.plr-48                         {padding: 0 48px;}

.pb-0                           {padding-bottom: 0 !important;}
.pb-5                           {padding-bottom: 5px;}
.pb-10                          {padding-bottom: 10px;}
.pb-15                          {padding-bottom: 15px;}
.pb-20                          {padding-bottom: 20px;}
.pb-25                          {padding-bottom: 25px;}
.pb-30                          {padding-bottom: 30px;}
.pb-40                          {padding-bottom: 40px;}
.pb-50                          {padding-bottom: 50px;}
.pb-60                          {padding-bottom: 60px;}
.pb-65                          {padding-bottom: 65px;}
.pb-70                          {padding-bottom: 70px;}
.pb-80                          {padding-bottom: 80px;}
.pb-100                         {padding-bottom: 100px;}
.pb-100                         {padding-bottom: 100px;}
.pb-200                         {padding-bottom: 200px;}
.mt-0                           {margin-top: 0 !important;}
.mt-5                           {margin-top: 5px;}
.mt-10                          {margin-top: 10px;}
.mt-15                          {margin-top: 15px;}
.mt-20                          {margin-top: 20px;}
.mt-24                          {margin-top: 24px;}
.mt-25                          {margin-top: 25px;}
.mt-30                          {margin-top: 30px;}
.mt-40                          {margin-top: 40px;}
.mt-50                          {margin-top: 50px;}
.mt-60                          {margin-top: 60px;}
.mt-65                          {margin-top: 65px;}
.mt-80                          {margin-top: 80px;}
.mt-100                         {margin-top: 100px;}
.mt-120                         {margin-top: 120px;}

.ml-0                           {margin-left: 0;}
.ml-5                           {margin-left: 5px;}
.ml-10                          {margin-left: 10px;}
.ml-15                          {margin-left: 15px;}
.ml-20                          {margin-left: 20px;}
.ml-25                          {margin-left: 25px;}
.ml-30                          {margin-left: 30px;}
.ml-40                          {margin-left: 40px;}
.ml-50                          {margin-left: 50px;}
.ml-60                          {margin-left: 60px;}
.ml-65                          {margin-left: 65px;}
.ml-80                          {margin-left: 80px;}
.ml-100                         {margin-left: 100px;}

.mr-0                           {margin-right: 0;}
.mr-5                           {margin-right: 5px;}
.mr-10                          {margin-right: 10px;}
.mr-15                          {margin-right: 15px;}
.mr-20                          {margin-right: 20px;}
.mr-25                          {margin-right: 25px;}
.mr-30                          {margin-right: 30px;}
.mr-40                          {margin-right: 40px;}
.mr-50                          {margin-right: 50px;}
.mr-60                          {margin-right: 60px;}
.mr-65                          {margin-right: 65px;}
.mr-70                          {margin-right: 70px;}
.mr-80                          {margin-right: 80px;}
.mr-100                         {margin-right: 100px;}

.mb-0                           {margin-bottom: 0 !important;}
.mb-5                           {margin-bottom: 5px;}
.mb-10                          {margin-bottom: 10px;}
.mb-10.imp                      {margin-bottom: 10px!important;}
.mb-15                          {margin-bottom: 15px;}
.mb-20                          {margin-bottom: 20px;}
.mb-25                          {margin-bottom: 25px;}
.mb-30                          {margin-bottom: 30px;}
.mb-40                          {margin-bottom: 40px;}
.mb-50                          {margin-bottom: 50px;}
.mb-60                          {margin-bottom: 60px;}
.mb-65                          {margin-bottom: 65px;}
.mb-80                          {margin-bottom: 80px;}
.mb-100                         {margin-bottom: 100px;}
.mb-120                         {margin-bottom: 120px;}
.ml--30                         {margin-left: -30px;}

.pd-24                          {padding:         24px;}
.pt-24                          {padding-top:     24px;}  
.pb-24                          {padding-bottom:  24px;}
.mg-24                          {margin:          24px;}
.mg-30                          {margin:          30px;}
.mg-40                          {margin:          40px;}
.mg-50                          {margin:          50px;}
.mg-60                          {margin:          60px;}
.mg-70                          {margin:          70px;}
.mt-24                          {margin-top:      24px;}  
.mb-24                          {margin-bottom:   24px;}  
.mt--1                          {margin-top: -1px;}
/* .mrt-70-40{margin:   40px 30px 100px 60px;}  */

.mt-12                          {margin-top:          12px;}  
.mb-12                          {margin-bottom:       12px;}  
.mr-12                          {margin-right:        12px;}  
.ml-12                          {margin-left:         12px;}  
.pt-12                          {padding-top:         12px;}  
.pb-12                          {padding-bottom:      12px;}  
.pr-12                          {padding-right:       12px;}  
.pl-12                          {padding-left:        12px;} 

.mt-16                          {margin-top:          16px;}  
.mb-16                          {margin-bottom:       16px;}  
.mr-16                          {margin-right:        16px;}  
.ml-16                          {margin-left:         16px;}  
.pt-16                          {padding-top:         16px;}  
.pb-16                          {padding-bottom:      16px;}  
.pr-16                          {padding-right:       16px;}  
.pl-16                          {padding-left:        16px;} 

.mt-24                          {margin-top:          24px;}  
.mb-24                          {margin-bottom:       24px;}  
.mr-24                          {margin-right:        24px;}  
.ml-24                          {margin-left:         24px;}  
.pt-24                          {padding-top:         24px;}  
.pb-24                          {padding-bottom:      24px;}  
.pr-24                          {padding-right:       24px;}  
.pl-24                          {padding-left:        24px;}  

.mt-36                          {margin-top:          36px;}  
.mb-36                          {margin-bottom:       36px;}  
.mr-36                          {margin-right:        36px;}  
.ml-36                          {margin-left:         36px;}  
.pt-36                          {padding-top:         36px;}  
.pb-36                          {padding-bottom:      36px;}  
.pr-36                          {padding-right:       36px;}  
.pl-36                          {padding-left:        36px;}  

.mt-48                          {margin-top:          48px;}  
.mb-48                          {margin-bottom:       48px;}  
.mr-48                          {margin-right:        48px;}  
.ml-48                          {margin-left:         48px;}  
.pt-48                          {padding-top:         48px;}  
.pb-48                          {padding-bottom:      48px;}  
.pr-48                          {padding-right:       48px;}  
.pl-48                          {padding-left:        48px;}  

.mt-64                          {margin-top:          64px;}  
.mb-64                          {margin-bottom:       64px;}  
.mr-64                          {margin-right:        64px;}  
.ml-64                          {margin-left:         64px;}  
.pt-64                          {padding-top:         64px;}  
.pb-64                          {padding-bottom:      64px;}  
.pr-64                          {padding-right:       64px;}  
.pl-64                          {padding-left:        64px;}  


.br-o:nth-child(2)              {margin-right: 0;}
.cr-o:nth-child(3)              {margin-right: 0;}
.dr-o:nth-child(4)              {margin-right: 0;}
/* .pb-120:last-child           {padding-bottom: 0;} */
.mb-5:last-child,
.mb-40:last-child,
.mb-15:last-child,
.mb-20:last-child,
.mb-25:last-child,
.mb-30:last-child,
.mb-4:last-child,
.mb-50:last-child,
.mb-60:last-child,
.mb-65:last-child,
.mb-80:last-child,.mb-100       {margin-bottom: 0;}

/* ======= Page ======== */
.page-template-contact .section.members-quick-links{background-color: var(--tertiary);}
.section.page                   {padding: 40px 0;}
.section.page .form-wrap        {padding-top: 30px;}
.section.page .form-wrap
.half input                     {width: 50%;}

.no-bg                          {background: transparent!important;}
.no-border                      {  border: none!important;}

  /* ======= Page ======== */
.section .title {}
.section img.no-sh              {border-radius: none;
                                background: none;
                                /* Image Shadow */
                                box-shadow: none;
}
.section .slick-next img,
.section .slick-arrow img       {border-radius: none;
                                background: none;
                                /* Image Shadow */
                                box-shadow: none;
}
.section .title h1,
.section .title h2,
.section .title h3              {font-size: 38px;
                                line-height: normal;
                                font-weight: 700;
                                color: var(--headcolor);
                                font-family: var(--heading);
}

.section .title h1 span,
.section .title h2 span,
.section .title h3 span         {font-style: italic;
                                color: var(--secondary);
}

.section .title span            {font-style: normal;
                                font-size: 18px;
                                color: var(--primary);
                                letter-spacing: 2.7px;
                                text-transform: uppercase;
                                font-weight: 700;
                                font-family: var(--para);
}


.section .title span.icon      {display:block;
								width:50px;
								margin:0 auto;			
}

.section .title h4              {color: var(--headcolor);
                                font-size: 24px;
                                line-height: 140%;
                                font-weight: 700;
}
.section .title h6              {color: var(--headcolor);

                                /* Body/18px bold cap */
                                font-size: 18px;
                                font-weight: 700;
                                line-height: 140%; /* 25.2px */
                                margin-bottom: 8px;
}
.section .title p.sub           {font-size: 16px;
                                line-height: 120%;
                                font-weight: 700px;
}
.section .title p               {font-size: 18px;
                                line-height: 160%;
                                color: var(--color);
                                margin-bottom: 16px;
}
.section .title .content        {width: 70%;margin: 0 auto;}

.section .title 
.content:has(p:only-of-type) p  {margin-bottom: 0px;}

.section ul                     {margin-bottom: 15px;
                                padding-left: 15px;
}
.section ul li                  {list-style: none;
                                font-family: var(--text);
                                position: relative;
                                padding-left: 18px;
}
.section .check.pl-0 ul         {padding-left: 0;}
.section.noli ul li:before,
.section ul.noli li:before      {content:none!important;}
.section ul li:before           {content: '';
                                width: 8px;
                                height: 8px;
                                position: absolute;
                                left: 0;
                                border-radius:50%;
                                background-color: var(--primary);
                                top: 12px;
}
.section .check ul li:before,
.check ul li:before             {content: '';
                                width: 26px;
                                height: 26px;
                                position: absolute;
                                left: 0;
                                background-color: transparent;
                                background-repeat: no-repeat;
                                background-image: url("assets/images/li.png")!important;
                                top: 0;
}
.section .check.wh ul           {padding-left: 0;}
.section .check.wh ul li:before {background-image: url("assets/images/li2.png")!important;}
.section .check ul li,
.check ul li                    {padding-left: 45px;
                                font-size: 18px;
                                font-weight: 400;
                                line-height: 140%; /* 25.2px */
}
.section li,
.check li                       {font-size: 18px;
                                line-height: 140%;
                                color: var(--color);
                                font-family: var(--text);
                                font-weight: 400;
                                margin-bottom: 16px;
}
.check ul li                    {position: relative;}
.check ul                       {margin-bottom: 15px;padding-left: 0;}
.bgImage                        {background-repeat: no-repeat;
                                background-size: cover;
                                background-position: center center;
}
.up                             {transition: .3s ease-in-out all;}
.up:hover                       {transform: translateY(-5px);}

.font-light                     {font-weight: 300;}
sub                             {font-size: 12px;display: block;}
.bold                           {font-weight: 700 !important;}
.fw-400                         {font-weight: 400 !important;}
.fw-300                         {font-weight: 300 !important;}
.fw-600                         {font-weight: 600 !important;}
.border                         {border:1px solid var(--border);}
.border-left                    {border-left:1px solid var(--white);}
.border-right                   {border-right:1px solid var(--white);}
.border-top                     {border-top:1px solid var(--border);}
.border-bottom                  {border-bottom:1px solid var(--border);}
.border-top2                    {border-top:1px solid var(--border2);}
.bolda p > a                    {font-weight: 700!important;}
/* Grids
   ========================================================================== */
.grid                           {display: grid;grid-gap: 2rem;}
.grid-auto                      {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.grid-2                         {grid-template-columns: 1fr 1fr;}
.grid-3                         {grid-template-columns: 1fr 1fr 1fr;}
.grid-4                         {grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-5                         {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.grid-1-4                       {grid-template-columns: 1.5fr 0.8fr 1fr 1fr;}/*=footer=*/
.grid-2_5                       {grid-template-columns: 1fr 1fr 0.6fr;}
.grid-2-6                       {grid-template-columns: 2fr 6fr;}
.grid-2-3                       {grid-template-columns: 2fr 3fr;}
.grid-3_5                       {grid-template-columns: 1fr 0.5fr 1fr}
.grid-2-1                       {grid-template-columns: 2fr 1fr;}
.grid-1-2                       {grid-template-columns: 1fr 2fr;}
.grid-1-2-1                     {grid-template-columns: 1fr 2fr 0.5fr;}
.grid-1_5-2                     {grid-template-columns: 1.5fr 2fr;}
.grid-2-1_5                     {grid-template-columns: 2fr 1.5fr;}
.grid-3-1                       {grid-template-columns: 3fr 1fr; grid-gap: 1rem;}
.grid-1-3                       {grid-template-columns: 1fr 3fr; grid-gap: 1rem;}
.grid-1-6                       {grid-template-columns: 1fr 6fr; grid-gap: 1rem;}
.grid-1-8                       {grid-template-columns: 1fr 8fr; grid-gap: 0;}
.grid-10-1                      {grid-template-columns: 10fr 1fr;}
.grid-1-2-1                     {grid-template-columns: 1fr 2fr 1fr; }
.grid-1-1-2                     {grid-template-columns: 1fr 1fr 2fr; grid-gap: 134px;}

.grid-footer                    {grid-template-columns: 1.7fr 1.1fr 1.5fr;}
.swap                           {order:2;}
.gap-0                          {gap: 0;}
.gap2                           {gap: 36px;}
.gap1_5                         {gap: 24px;}
.gap-1                          {gap: 8px;}
.gap                            {row-gap: 64px;column-gap: 48px;}
.grid-gap-1                     {grid-gap:1rem}
.gap-4                          {grid-gap:4rem}
.flex-container                 {padding: 0;margin: 0;
                                list-style: none;
                                display: flex;
                                width: 100%;
                                align-items: center;
}
.display-block,.block           {display: block;}
.inline-block                   {display: inline-block;}
.display-flex,.flex             {display: flex;}
.flex-row,.flow                 {flex-flow: row wrap;}
.column                         {flex-flow: column;}
.flex-row-reverse               {flex-flow: row-reverse;}
.justify-center                 {justify-content: center;}
.justify-start                  {justify-content: flex-start;}
.justify-end                    {justify-content: flex-end;}
.align-center                   {align-items: center;}
.align-start                    {align-items: flex-start;}
.align-end                      {align-items: flex-end;}
.align-stretch                  {align-items: stretch;}    
.flex-start                     {justify-content: flex-start;}
.flex-end                       {justify-content: flex-end;}
.center                         {justify-content: center;}
.space-between                  {justify-content: space-between;}
.space-around                   {justify-content: space-around;}
.space-evenly                   {justify-content: space-evenly;}
.end                            {justify-content: end;}
.inline-align-top               {vertical-align: top;}
.inline-align-middle            {vertical-align: middle;}
.inline-align-bottom            {vertical-align:bottom;}
.inline-block                   {display: inline-block;}
.float-left                     {float: left;}
.float-right                    {float: right;}
.order-2                        {order: 2;}
.order-1                        {order: 1;}


.greyscale                      {filter: brightness(0%);}
.brightness                      {filter: brightness(5);}
.box-shadow                     {box-shadow: 0px 20px 50px 0px rgba(88, 124, 109, 0.10);}
.shadow:hover                   {border-radius: 16px;background: var(--White, #FFF);/* Dropdown */
                                box-shadow: 0px 20px 50px 0px rgba(88, 124, 109, 0.10);
                                }
.mgo                            {margin: 0 auto;}
.bg-primary                     {background: var(--primary);}
.bg-grey                        {background: var(--bg);}
.bg-grey-100                    {background: var(--color);}
.bg-grey-200                    {background: var(--border);}
.bg-secondary                   {background: var(--secondary);}
.bg-tertiary                    {background: var(--tertiary);}
.bg-white                       {background: var(--white);}
.bg_Image                       {background: rgba(0, 0, 0, 0.60) no-repeat top center;background-size: 100% 450px; background-color: white;}
.text-black                     {color: var(--black)!important;}
.bg-white.imp                   {background-color: var(--white)!important;}
.text-primary                   {color: var(--primary);}
.text-secondary                 {color: var(--secondary);}
.text-color                     {color: var(--color)!important;}
.text-white                     {color: var(--white);}
.text-white.imp                 {color: var(--white)!important;}
.text-white.imp.p p             {color: white !important;}
.color                          {color:var(--color);}
.color2                         {color:var(--color2);}
.headcolor                      {color:var(--headcolor);}
.ico                            {color:var(--ico);}

.ttu                            {text-transform: uppercase;} 
.ttc                            {text-transform: capitalize!important;} 
.w-16                           {width: 16px;}
.w-20                           {width: 20%;}
.w-30                           {width: 30%;}
.w-40                           {width: 40%;}
.w-50                           {width: 50%;}
.w-60                           {width: 60%;}
.w-65                           {width: 65%;}
.w-70                           {width: 70%;}
.w-80                           {width: 80%;}
.w-90                           {width: 90%;}
.w-100                          {width: 100%;}
.w-86                           {width: 86%!important;}
.w-250                          {width: 250px;}
.fu-ht                          {height: 100%;}
.w-30px                         {width: 30px;}
.w50                            {width: 50px;padding-top: 5px;}
.w15                            {width: 15px;padding-top: 5px;}
.w-24                           {width: 24px;}
.place-center                   {display: grid;place-content: center;}

.text-white.all *:not(a)        {color: var(--white)!important;}
.text-white.all *:not(a) span   {color: var(--primary)!important; font-style: italic;}
.all.text-white *               {color: var(--white)!important;}
/*========== WP PAGENAVI ============*/
.wp-pagenavi a,
.wp-pagenavi span               {text-decoration: none;
                                padding: 8px 14px!important;
                                margin: 2px;
                                height: 40px;
                                width: 40px;
                                border-color:none;
                                background-color:transparent;
                                color:var(--text);
}
.wp-pagenavi a,
.wp-pagenavi span               {border-color: transparent!important;}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi  a.nextpostslink   {border:none;}
.wp-pagenavi span.current       {font-weight: normal;
                                background-color:var(--secondary);
                                color:var(--white);
}
.relative{position: relative;}
.pos-rel{position: relative;}
/*========== WP PAGENAVI ============*/
/*========== Buttons Form ===========*/
.btn                            {padding: 18px 36px;
                                cursor: pointer;
                                font-size: 18px;
                                line-height: 140%;
                                font-weight: 700;
                                font-family: var(--text);
                                color: var(--white);
                                text-decoration: none;
                                display: inline-block;
                                text-align: center;
                                border-style: solid;
                                border-width: 1px;
                                border-color: transparent;
                                border-radius:8px;
                                text-transform: uppercase;
                                -webkit-transition: all 0.2s ease-in 0s;
                                -moz-transition: all 0.2s ease-in 0s;
                                -o-transition: all 0.2s ease-in 0s;
                                transition: all .3s ease-in 0s;
                                /* min-width: 180px; */
}
.appoint-btn                    {font-size: 16px;
                                line-height: 120%;
                                font-weight: 700;
                                padding: 15px 10px;
                                background: var(--primary);
                                color: var(--white);
                                border-radius:0;
}
.tag                            {
                                display: inline-block;
                                margin-right: 12px;
                                margin-bottom: 12px;
                                padding: 8px 24px;
                                border: 1px solid #BDBDBD;
                                border-radius: 50px;
                                color: var(--primary);
                                background-color: var(--tertiary);
                                text-align: center;
                                font-family:var(--text);
                                font-size: 14px;
                                font-weight: 600;
                                line-height: 140%; /* 19.6px */
                                text-transform: uppercase;
}
.readmore,.learn-more           {color: var(--secondary);
                                /* Body/18px bold */
                                font-family: var(--text);
                                font-size: 18px;
                                font-style: normal;
                                font-weight: 700;
                                line-height: 140%; /* 25.2px */
                                font-weight: 700;
}
.learn-more.text-white          {color:#fff;}
.readmore                       {text-transform: uppercase;color:var(--secondary);}
.readmore svg                   {transform: rotate(320deg);}
.btn:hover                      {box-shadow: 0 15px 20px rgba(32, 52, 85, 1);
                                transform: translateY(3px);
}
.btn.no:hover                   {transform: translateY(0px);
                                box-shadow: 0 0 0 rgba(32, 52, 85, 1);
}
.default-btn                    {background-color: var(--white);
                                color: var(--tertiary);
                                border-color: var(--tertiary); 
                                text-transform: capitalize;
}
.default-btn:hover              {background-color: var(--primary);
                                color: var(--white); 
}
.default-btn.sec                {background-color: transparent;
                                color: var(--secondary);
                                border-color: var(--secondary); 
}
.default-btn.sec:hover          {background-color: var(--secondary);
                                color: var(--white); 
}
.primary-btn                    {background-color: var(--primary);
                                color: var(--white);
                                border-color: var(--primary);
}
.primary-btn:hover              {background-color: var(--secondary);
                                color: var(--white);
                                border-color: var(--secondary); 
}
.secondary-btn                  {background-color: var(--secondary);
                                color: var(--white);
                                border-color: var(--secondary); 
}
.secondary-btn:hover            {background-color: var(--primary);
                                color: var(--white);
                                border-color: var(--primary);
}
.white-btn                      {background-color: var(--white);
                                color: var(--primary);
                                border-color: var(--white);
}
.white-btn:hover                {background-color: transparent;
                                color: var(--white);
                                border-color: var(--white);
}
.white-btn.trs                  {background-color: transparent;
                                color: var(--white);
                                border-color: var(--white); 
}
.white-btn.trs:hover            {background-color: var(--white);
                                color: var(--primary);
                                border-color: var(--white); 
}
/* ========slider============= */
.bgImage                        {background-repeat: no-repeat;
                                background-size: cover;
                                background-position: center center;
}
.slick-prev, .slick-next        {width: 44px;
                                height: 44px;
                                opacity: 0.7;
                                transition: .3s all ease-in-out;
}
.slick-prev:hover,
.slick-next:hover               {opacity: 1;
                                transition: .3s all ease-in-out;
}
ul.slick-dots                   {padding-left: 0!important;
                                margin-bottom: 0!important;
}
.section ul.slick-dots li:before{content: none!important;}
.slick-dots li button           {font-size: 8px;
                                line-height: 0;
                                display: block;
                                border-radius:50%;
                                width: 8px;
                                height: 8px;
                                padding: 5px;
                                cursor: pointer;
                                color: transparent;
                                border: 0;
                                background: transparent;
                                background: var(--primary);
                                /* background-color: var(--secondary); */
                                opacity: 0.3;
}
.slick-dots li.slick-active 
button                          {opacity: 1;}
.slick-dots li.slick-active 
button:before,
.slick-dots li button:before    {display: none;}
.section ul.slick-dots li       {padding-left: 0;}
.slick-dots                     {bottom: -70px;}

.row-block                      {display: flex;
                                flex-flow: row wrap;
                                width: 100%;
                                align-items: center;
                                justify-content: space-between;
}
img.mobile-view                 {display: none;}

.xxl-head                       {font-size: 64px !important;}
.xl-head                        {font-size: 38px !important;}
.x-head                         {font-size: 28px !important;}
.small                          {font-size: 14px;font-weight: 400;}
.sm-font                        {font-size: 16px;font-weight: 400;}
.xxxl                           {font-size: 42px;line-height: 120%; text-transform: capitalize;}
.xxl                            {font-size: 32px;line-height: 150%;}
.xxl.imp                        {font-size: 32px !important;}
.sm-fz                          {font-size: 24px;text-transform: capitalize;}
.pr-23                          {padding-right: 23%;}


/* =============================== */
/* ========= Responsive ========== */
/* =============================== */

@media screen and (max-width: 1230px) {
    .container                  {width: 100%;max-width: 100%;padding: 0 20px;}
    .container-fluid            {max-width: 100%;padding: 0 1%;width: 100%;}
    .md-btn                     {width: 225px;font-size: 14px;}
    .quote:before               {left: 50px;}
}
@media screen and (max-width: 1100px) {
	.md-w-100                   {width: 100%;}
}
@media screen and (max-width: 1024px) {
    .quote:before               {left: 10px;}
    .md-grid                    {display: grid;}
    .md-justify-start           {justify-self: start;}
    .md-mb-60                   {margin-bottom: 60px;}
    .xxl.imp                    {font-size: 24px !important;}

    .md-grid-2                  {grid-template-columns:1fr 1fr;}   
    
    .md-flex-row-reverse           {flex-flow: column;} 
    .md-pd0                     {padding-left: 0;padding-right: 0;}
    .md-w-100                   {width: 100%;}
    .md-w-50                    {width: 50%;}
    .md-pl-30                   {padding-left: 30px;}
    .md-pb-50                   {padding-bottom: 50px;}
    .md-ml-10                   {margin-left: 10px;}
    .md-pt-80                   {padding-top: 80px;}
    .md-w-70                    {width: 70px;}
    .visible-md                 {display: block;}
    .visible-mlg                {display: none;}
    .md-relative                {position: relative !important;top:0;left:0;}


    .md-grid-1                  {grid-template-columns:1fr;}
    .md-grid-2                  {grid-template-columns:1fr 1fr;}
    .md-grid-3                  {grid-template-columns:1fr 1fr 1fr;}
    .md-start                   {justify-content: start;}
    .md-text-center             {text-align: center;}
    .md-space-between           {justify-content: space-between;}
    .pr-23                      {padding-right: 0%;}

}
@media screen and (max-width: 767px) {
    .appoint-btn                {font-size: 14px;padding: 12px 5px;}
    .sm-flex-colum              {flex-flow:column;}
    .sm-align-start             {align-items: self-start;}
    .sm-fz                      {font-size: 32px;line-height: 120%;}
    .sm-mt--150                 {margin-top: -350px;}
    .sm-grid                    {display: grid;}
    .container                  {padding: 0 20px;}
    .mobile-view                {display: block;}
    img.mobile-view             {display: block;}
    .pt-60,.pt-100              {padding-top: 40px;}
    .pb-60,.pb-100              {padding-bottom: 20px;}
    .sm-flex-start              {justify-content: start;}
    .sm-text-center             {text-align: center;}
    .sm-ptb-0                   {padding-top: 0;padding-bottom: 0;}
    .sm-pb-20                   {padding-bottom: 20px;}
    .sm-pt-0                    {padding-top: 0;}
    .sm-pb-0                    {padding-bottom: 0;}
    .sm-pb-8                    {padding-bottom: 8px;}
    .sm-pt-20                   {padding-top: 20px;}
    .sm-pt-40                   {padding-top: 40px;}
    .sm-pb-40                   {padding-bottom: 40px;}
    .sm-mt-40                   {margin-top: 40px;}
    .sm-mb-40                   {margin-bottom: 40px;}
    .sm-ptb-40                  {padding: 40px 0!important;}
    .sm-pb-40                   {padding-bottom: 40px;}
    .sm-ml-0                    {margin-left: 0;}
    .sm-pl-0                    {padding-left: 0;}
    .sm-pr-0                    {padding-right: 0;}
    .sm-pd-50-20                {padding: 50px 20px;}
    .sm-ptb-50                  {padding: 50px 0;}
    .sm-pb-50                   {padding-bottom: 50px;}
    .sm-pt-64                   {padding-top: 64px;}
    .sm-pt-48                   {padding-top: 48px;}
    .sm-pd-0                    {padding: 0;}
    .sm-prl-24                  {padding: 0 24px;}
    .sm-mt-48                   {margin-top: 48px;}
    .sm-mt-28                   {margin-top: 28px;}
    .sm-order-2                 {order:2;}
    .sm-order-1                 {order:1;}
    .sm-flow                    {flex-flow: wrap;}
    .sm-mt-0                    {margin-top: 0;}
    .sm-ptb-24                  {padding: 24px 0;}
    .sm-swap                    {order:2;}

    .sm-mb-40                   {margin-bottom: 40px;}
    .sm-mr-0                    {margin-right: 0;}
    .sm-ml-0                    {margin-left: 0;}
    .sm-ml-10                   {margin-left: 10px;} 
    .sm-mr-10                   {margin-right: 10px;}
    .sm-mg20                    {margin: 0 20px;}
    .sm-mb-10                   {margin-bottom: 10px;}

    .sm-w-100                   {width: 100% !important;}
    .sm-w-50                    {width: 70%;}
    .sm-w-30                    {width: 300px;margin: 0 auto;}

    .sm-mb-0                    {margin-bottom: 0;}

    .sm-fz h5                   {font-size: 16px;line-height: 26px;}
    .sm-fz p                    {font-size: 14px;line-height: 24px;}    

    .sm-text-white,
    .sm-text-white p,
    .sm-text-white cite         {color:var(--white)!important;}
    .sm-font                    {font-size: 16px;line-height: normal;font-weight: 400;}
    .sm-table tr th,
    .sm-table tr td             {width: 100%;display: block;}
    .sm-btn-full                {margin-bottom: 10px;width: 100%;}
    .sm-border-bottom           {border-bottom: 1px solid rgba(0,0,0,0.1);}
    .sm-pd-0                    {padding: 0;}
    .sm-pd-12-18                {padding: 12px 18px;}

    .pb                         {padding-bottom: 20px !important;}
    /* .btn     {padding: 12px 20px;font-size: 16px;line-height: 26px;min-width: auto;}   */
    .sm-btn                     {padding: 8px 16px;}

    .sm-w-100                   {width: 100%;}
    .sm-gap-0                   {gap: 0;}
    .sm-mrl-24                  {margin: 0 24px;}
    .sm-start                   {justify-content: start;}

    .ml--30                     {margin-left: auto;margin-right: auto;}
    .float-right,
    .float-left                 {float: none;}

    .grid                       {display: grid;grid-gap: 1rem;}
    .grid-auto                  {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
    .sm-grid-1,
    .grid-2,
    .grid-3,
    .grid-2-1,
    .grid-1-2,
    .grid-2_5,
    .md-grid-2,
    .md-grid-1,
    .md-grid-3 .md-grid-2-imgr,
    .grid-2-3,
    .grid-3_5,
    .grid-10-1,
    .grid-4,
    .grid-1_5-2,
    .grid-1-2-1                 {grid-template-columns: 1fr;}

    .mrt-70-40                  {margin: 40px 58px 40px 40px;}
    .sm-grid-2                  {grid-template-columns: 1fr 1fr;}
    .sm-grid-3                  {grid-template-columns: 1fr 1fr 1fr;}
    .flex-container             {display: block;}
    .visible-xs                 {display: block!important;}
    .visible-lg,
    .visible-inlg               {display: none;}
    .cbp-spmenu                 {background: var(--secondary);}

    .section .title .content    {width: 100%;margin: 0 auto;}
    .sm-text-left               {text-align: left;}   
    .sm-text-center             {text-align: center;}   

    .row-block                  {display: block;flex-flow: unset;width: 100%;}
    .section .title             {margin-bottom: 20px;}
    .section .title h1,
    .section .title h2,
    .section .title h3          {font-size: 36px;line-height: 120%;}
    .xxxl                       {font-size: 32px!important;}

}