/*
 Theme Name: Custom Theme
 Theme URI: https://www.globememorial.com/
 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=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,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';

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: rgba(0, 105, 64, 1);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: 26px;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);}
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);}
p a {text-decoration: none;color: var(--color2);font-weight:700;}

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;}
.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:30px;}
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;}
.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: 1254px;
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
}
.pb {padding-bottom: 60px !important;}
p.br br{display: none;}
/* ======= Page ======== */
.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 {
        margin-bottom: 40px;
}
.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: 42px;
        line-height: 120%;
        font-weight: 700;
        color: var(--headcolor);
        font-family: var(--heading);
}
.section .title h4 {
        color: var(--headcolor);
        font-size: 30px;
        line-height: 47px;
        font-weight: 500;
}
.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 {
        font-size: 18px;
        line-height: 160%;
        color: var(--color);
}
.section .title a.btn {
        margin-top: 20px;
}
.section .title .content {
        width: 70%;
        margin: 0 auto;
}
.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: 15px;
}
.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;}
.bold           {font-weight: 700 !important;}
.fw-400         {font-weight: 400 !important;}
.fw-300         {font-weight: 300 !important;}
.fw-600         {font-weight: 600 !important;}
.border-left    {border-left:8px solid;}
.border-right   {border-right:8px solid;}
.border-top     {border-top:1px solid var(--border);}
/* 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-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-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.grid-1-2.no-grid {grid-template-columns: 1fr;}
.swap           {order:2;}
.gap-0          {gap: 0;}
.gap2           {gap: 36px;}
.gap-1          {gap: 10;}
.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 {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;}
.start {justify-content: start;}
.inline-align-top {vertical-align: top;}
.inline-block {display: inline-block;}
.float-left {float: left;}
.float-right {float: right;}
.order-2 {order: 2;}
.order-1 {order: 1;}
.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;}
.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-120 {padding-bottom: 120px;}
.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;}
.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;}
.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;}  
/* .mrt-70-40{margin:   40px 30px 100px 60px;}  */


.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;}
.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);}
.color {color:var(--color);}
.color2 {color:var(--color2);}
.bg-grey {background:var(--bg);}
.bg-secondary {background: var(--secondary);}
.bg-tertiary {background: var(--tertiary);}
.bg-white {background: var(--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;}
.ttu{text-transform: uppercase;} 
.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-250 {width: 250px;}
.fu-ht{height: 100%;}
.w-30px {width: 30px;}
.place-center{display: grid;place-content: center;}

.text-white.all *:not(a){color: var(--white)!important;}
.all.text-white *{color: var(--white)!important;}
.wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        padding: 8px 14px!important;
        margin: 2px;
        height: 40px;
        width: 40px;
        border-color:none;
        border-radius:8px;
        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(--primary);
        color:var(--white);
}
.relative{position: relative;}

/*========== Buttons Form ===========*/
        .btn {
                padding: 18px 24px;
                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; */
        }

        .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(--primary);}
        .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: transparent;
                color: var(--white);
                border-color: var(--white); 
        }
        .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(--primary);
                color: var(--white);
                border-color: var(--primary); 
        }

        .secondary-btn:hover {
                background-color: var(--secondary);
                color: var(--white);
                border-color: var(--secondary);
        }

        .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(--secondary);
        /* 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: 28px !important; color:var(--secondary)!important;}
.small          {font-size: 12px;font-weight: 700;}
.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;}
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 1024px) {
    .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;}   
    .flex-row-reverse {flex-flow: column;} 
    .sm-pd0{padding-left: 0;padding-right: 0;}
    .sm-grid-2 {grid-template-columns: 1fr 1fr;}
    .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: 990px) {}
@media screen and (max-width: 880px) {}
@media screen and (max-width: 767px) {
    .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-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-pd-0{padding: 0;}

    .sm-mb-40{margin-bottom: 40px;}
    .sm-mr-0{margin-right: 0;}
    .sm-ml-0{margin-left: 0;}
    .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%;}

    .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-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: 36px!important;}
	.order-2 {order: 1;}
	.order-1 {order: 2;}
}


/* --- DC ---- */
.fullWidth img {
	width: 100%;
}