/*Inspiren Network CSK - HTML Master CSS w/ bootstrap*/

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*Ruler - remove this when no need*/
body{position: relative;}
/* body:before{
    content:'';
    position: fixed;
    top:0;
    left: calc(var(--side-space) + 15px);
    width: 1px;
    height: 100%;
    background: red;
    display: block !important;
    opacity: 1;
    filter: none;
    z-index: 999;
}

body:after{
    content:'';
    position: fixed;
    top:0;
    right: calc(var(--side-space) + 15px);
    width: 1px;
    height: 100%;
    background: red;
    display: block !important;
    opacity: 1;
    filter: none;
    z-index: 999;
} */

/*Font face*/
@font-face {
    font-family:Montserrat;
    font-weight: 100;
    src: url('./fonts/Montserrat-Thin.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 100;
    font-style: italic;
    src: url('./fonts/Montserrat-ThinItalic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 200;
    src: url('./fonts/Montserrat-ExtraLight.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 200;
    font-style: italic;
    src: url('./fonts/Montserrat-ExtraLightItalic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 300;
    src: url('./fonts/Montserrat-Light.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 300;
    font-style: italic;
    src: url('./fonts/Montserrat-LightItalic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 400;
    src: url('./fonts/Montserrat-Regular.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 400;
    font-style: italic;
    src: url('./fonts/Montserrat-Italic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 500;
    src: url('./fonts/Montserrat-Medium.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 500;
    font-style: italic;
    src: url('./fonts/Montserrat-MediumItalic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 600;
    src: url('./fonts/Montserrat-SemiBold.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 600;
    font-style: italic;
    src: url('./fonts/Montserrat-SemiBoldItalic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 700;
    src: url('./fonts/Montserrat-Bold.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 700;
    font-style: italic;
    src: url('./fonts/Montserrat-BoldItalic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 800;
    src: url('./fonts/Montserrat-ExtraBold.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 800;
    font-style: italic;
    src: url('./fonts/Montserrat-ExtraBoldItalic.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 900;
    src: url('./fonts/Montserrat-Black.otf')format("opentype");
}

@font-face {
    font-family:Montserrat;
    font-weight: 900;
    font-style: italic;
    src: url('./fonts/Montserrat-BlackItalic.otf')format("opentype");
}

/*root*/
:root{
    
    /*  fonts  */
    --theme-font-family: Montserrat, sans-serif !important;
    --fontAwesome: "Font Awesome 6 Free" !important;
    /*--theme-second-font:;*/

    /*  site color  */
    --black: #000;
    --white: #fff;
    --greye7: #e7e7e7;
    --grey42: #424242;
    --grey4d: #4d4d4d;
    --grey33: #333333;
    --greycc:#ccc;
    --violaIceGrey: #c6c9d2;
    --yellow: #fdb813;
    --whitef2: #f2f2f2;
    --darkgrey: #5b5b5b;

    --bodytext: #333333;
    --footertext:#000;
/*    --heading: #424242;*/
    --heading: #333;
    --primary-color:#fdb813;

    --canaletto:#818a70;
    --weathered-blue: #d4dff3;
    --lindworm-green: #2b3a0b;
    --cement-greige: #b8ada7;

    /*  carousel slider  */
    --dot-color:#635d4f;
    --dot-active-color:#e0d7c3;

	/*  Form Placeholder color  */
    --placeholder: rgba(0,0,0,.5);

	/*  filter image  */
    --filterWhite: invert(1) brightness(100);
    --filterBlack: invert(1) brightness(0);
    --filterNormal: invert(0) brightness(1);
    
    /*  transition  */
    --allTransition: all 0.3s ease-in-out;
    --imageTransition: all 0.5s linear;

    /* row column gap */
    --bt-col-gap: 0px;

    /*container spacing*/
    --side-space:0;
    --row-gap:70px;

    --btn-font-size: 14px;
    --btn-line-height: 1.3;
    --btn-font-weight: 200;
    --btn-font-style:italic;
    --btn-border:1px solid rgba(0,0,0,0.43);
    --btn-bg:var(--white);
    --btn-text: var(--black);
    --btn-bg-hover:var(--black);
    --btn-text-hover: var(--white);
    --btn-text-transform:uppercase;
    --btn-radius:30px;
    --btn-padding:10px 20px;

    --arrow-color:var(--white);
    --arrow-border:1px solid var(--white);
    --arrow-bg: transparent;
    --arrow-hover-color: var(--black);
    --arrow-hover-bg: var(--white);
}

@media (min-width: 768px) {
    :root{
        /*container spacing*/
        --side-space:35px;
        --row-gap:100px;
        --bt-col-gap: 30px;
    }
}

@media (min-width: 1400px) {
    :root{
        /*container spacing*/
        --side-space:85px;
    }
}

/*fonts*/
:root{
    --theme-font-size: 16px;
}

h1{--theme-font-size: 35px;}
h2{--theme-font-size: 30px;}
h3{--theme-font-size: 23px;}
h4{--theme-font-size: 22px;}
h5{--theme-font-size: 20px;}
h6{--theme-font-size: 18px;}

@media (min-width: 768px) {
    
    h1{--theme-font-size: 40px;}
    h2{--theme-font-size: 35px;}
    h3{--theme-font-size: 25px;}
    h4{--theme-font-size: 25px;}
    h5{--theme-font-size: 20px;}
    h6{--theme-font-size: 18px;}
}

/*Overall*/
html,
body {
    scroll-behavior: smooth;
}

/*body fonts and spacing*/
/*body{*/
/*    font-family:var(--theme-font-family);*/
/*}*/
body{
    font-family:var(--theme-font-family);
    font-size:var(--theme-font-size);
    line-height: 1.3;
    word-wrap: initial;
    color:var(--bodytext);
}

#main{overflow: hidden;}

h1,h2,h3,h4,h5,h6{
    font-size:var(--theme-font-size);
    line-height: 1.2;
    margin-bottom: 15px;
    font-weight:700;
    color:var(--heading);
}

p,ul,ol{margin-bottom:20px}

a, button{
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    text-decoration: none;
}

ul,ol,
.entry-content ul,
.entry-content ol {
    list-style-position: outside;
    padding-left: 20px;
}

ul li,ol li,
.entry-content ul li,
.entry-content ol li {
    margin-bottom: 13px;
} 

ul li::marker{
    color:inherit;
}

strong{
    font-weight:700;
}


/*Container*/

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: calc(100% - var(--side-space)*2);
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: calc(100% - var(--side-space)*2);
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: calc(100% - var(--side-space)*2);
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: calc(100% - var(--side-space)*2);
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: calc(100% - var(--side-space)*2);
  }
}

.row{
    margin-right: -15px;
    margin-left: -15px; 
}
.row > * {
  padding-right: 15px;
  padding-left: 15px;
}

/* space between gap  add in row class*/

.more-gap.row > * {
    padding-right: calc(15px + var(--bt-col-gap));
    padding-left: calc(15px + var(--bt-col-gap));
}

.more-gap.row{
    margin-right: calc(-15px - var(--bt-col-gap));
    margin-left: calc(-15px - var(--bt-col-gap));
}

/*paddings & margins*/
.row-gap{
    padding-top: var(--row-gap) !important;
    padding-bottom: calc(var(--row-gap) - 35px) !important;
}

.row-gap-equal{
    padding-top: var(--row-gap) !important;
    padding-bottom: var(--row-gap) !important;
}

.row-gap-t{
    padding-top: var(--row-gap) !important;
}

.row-gap-b{
    padding-bottom: calc(var(--row-gap) - 35px) !important;
}

.pt-0 {padding-top: 0 !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-55 {padding-top: 55px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-65 {padding-top: 65px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-75 {padding-top: 75px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-85 {padding-top: 85px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-95 {padding-top: 95px !important;}
.pt-100 {padding-top: 100px !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-55 {padding-bottom: 55px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-65 {padding-bottom: 65px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-75 {padding-bottom: 75px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-85 {padding-bottom: 85px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-95 {padding-bottom: 95px !important;}
.pb-100 {padding-bottom: 100px !important;}

.pl-0 {padding-left: 0 !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-35 {padding-left: 35px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-45 {padding-left: 45px !important;}
.pl-50 {padding-left: 50px !important;}
.pl-55 {padding-left: 55px !important;}
.pl-60 {padding-left: 60px !important;}
.pl-65 {padding-left: 65px !important;}
.pl-70 {padding-left: 70px !important;}
.pl-75 {padding-left: 75px !important;}
.pl-80 {padding-left: 80px !important;}
.pl-85 {padding-left: 85px !important;}
.pl-90 {padding-left: 90px !important;}
.pl-95 {padding-left: 95px !important;}
.pl-100 {padding-left: 100px !important;}

.pr-0 {padding-right: 0 !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-35 {padding-right: 35px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-45 {padding-right: 45px !important;}
.pr-50 {padding-right: 50px !important;}
.pr-55 {padding-right: 55px !important;}
.pr-60 {padding-right: 60px !important;}
.pr-65 {padding-right: 65px !important;}
.pr-70 {padding-right: 70px !important;}
.pr-75 {padding-right: 75px !important;}
.pr-80 {padding-right: 80px !important;}
.pr-85 {padding-right: 85px !important;}
.pr-90 {padding-right: 90px !important;}
.pr-95 {padding-right: 95px !important;}
.pr-100 {padding-right: 100px !important;}

.py-0 {padding-block:0 !important;}
.py-5 {padding-block:5px !important;}
.py-10 {padding-block:10px !important;}
.py-15 {padding-block:15px !important;}
.py-20 {padding-block:20px !important;}
.py-25 {padding-block:25px !important;}
.py-30 {padding-block:30px !important;}
.py-35 {padding-block:35px !important;}
.py-40 {padding-block:40px !important;}
.py-45 {padding-block:45px !important;}
.py-50 {padding-block:50px !important;}
.py-55 {padding-block:55px !important;}
.py-60 {padding-block:60px !important;}
.py-65 {padding-block:65px !important;}
.py-70 {padding-block:70px !important;}
.py-75 {padding-block:75px !important;}
.py-80 {padding-block:80px !important;}
.py-85 {padding-block:85px !important;}
.py-90 {padding-block:90px !important;}
.py-95 {padding-block:95px !important;}
.py-100 {padding-block:100px !important;}

.px-0 {padding-inline: 0 !important;}
.px-5 {padding-inline: 5px !important;}
.px-10 {padding-inline: 10px !important;}
.px-15 {padding-inline: 15px !important;}
.px-20 {padding-inline: 20px !important;}
.px-25 {padding-inline: 25px !important;}
.px-30 {padding-inline: 30px !important;}
.px-35 {padding-inline: 35px !important;}
.px-40 {padding-inline: 40px !important;}
.px-45 {padding-inline: 45px !important;}
.px-50 {padding-inline: 50px !important;}
.px-55 {padding-inline: 55px !important;}
.px-60 {padding-inline: 60px !important;}
.px-65 {padding-inline: 65px !important;}
.px-70 {padding-inline: 70px !important;}
.px-75 {padding-inline: 75px !important;}
.px-80 {padding-inline: 80px !important;}
.px-85 {padding-inline: 85px !important;}
.px-90 {padding-inline: 90px !important;}
.px-95 {padding-inline: 95px !important;}
.px-100 {padding-inline: 100px !important;}

.mt-0 {margin-top: 0 !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-95 {margin-top: 95px !important;}
.mt-100 {margin-top: 100px !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-95 {margin-bottom: 95px !important;}
.mb-100 {margin-bottom: 100px !important;}

.ml-0 {margin-left: 0 !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-35 {margin-left: 35px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-45 {margin-left: 45px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-55 {margin-left: 55px !important;}
.ml-60 {margin-left: 60px !important;}
.ml-65 {margin-left: 65px !important;}
.ml-70 {margin-left: 70px !important;}
.ml-75 {margin-left: 75px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-85 {margin-left: 85px !important;}
.ml-90 {margin-left: 90px !important;}
.ml-95 {margin-left: 95px !important;}
.ml-100 {margin-left: 100px !important;}

.mr-0 {margin-right: 0 !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-35 {margin-right: 35px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-45 {margin-right: 45px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-55 {margin-right: 55px !important;}
.mr-60 {margin-right: 60px !important;}
.mr-65 {margin-right: 65px !important;}
.mr-70 {margin-right: 70px !important;}
.mr-75 {margin-right: 75px !important;}
.mr-80 {margin-right: 80px !important;}
.mr-85 {margin-right: 85px !important;}
.mr-90 {margin-right: 90px !important;}
.mr-95 {margin-right: 95px !important;}
.mr-100 {margin-right: 100px !important;}

.my-0 {margin-block:0 !important;}
.my-5 {margin-block:5px !important;}
.my-10 {margin-block:10px !important;}
.my-15 {margin-block:15px !important;}
.my-20 {margin-block:20px !important;}
.my-25 {margin-block:25px !important;}
.my-30 {margin-block:30px !important;}
.my-35 {margin-block:35px !important;}
.my-40 {margin-block:40px !important;}
.my-45 {margin-block:45px !important;}
.my-50 {margin-block:50px !important;}
.my-55 {margin-block:55px !important;}
.my-60 {margin-block:60px !important;}
.my-65 {margin-block:65px !important;}
.my-70 {margin-block:70px !important;}
.my-75 {margin-block:75px !important;}
.my-80 {margin-block:80px !important;}
.my-85 {margin-block:85px !important;}
.my-90 {margin-block:90px !important;}
.my-95 {margin-block:95px !important;}
.my-100 {margin-block:100px !important;}

.mx-0 {margin-inline: 0 !important;}
.mx-5 {margin-inline: 5px !important;}
.mx-10 {margin-inline: 10px !important;}
.mx-15 {margin-inline: 15px !important;}
.mx-20 {margin-inline: 20px !important;}
.mx-25 {margin-inline: 25px !important;}
.mx-30 {margin-inline: 30px !important;}
.mx-35 {margin-inline: 35px !important;}
.mx-40 {margin-inline: 40px !important;}
.mx-45 {margin-inline: 45px !important;}
.mx-50 {margin-inline: 50px !important;}
.mx-55 {margin-inline: 55px !important;}
.mx-60 {margin-inline: 60px !important;}
.mx-65 {margin-inline: 65px !important;}
.mx-70 {margin-inline: 70px !important;}
.mx-75 {margin-inline: 75px !important;}
.mx-80 {margin-inline: 80px !important;}
.mx-85 {margin-inline: 85px !important;}
.mx-90 {margin-inline: 90px !important;}
.mx-95 {margin-inline: 95px !important;}
.mx-100 {margin-inline: 100px !important;}

@media only screen and (min-width: 768px) {
    .md-pt-0 {padding-top: 0 !important;}
    .md-pt-5 {padding-top: 5px !important;}
    .md-pt-10 {padding-top: 10px !important;}
    .md-pt-15 {padding-top: 15px !important;}
    .md-pt-20 {padding-top: 20px !important;}
    .md-pt-25 {padding-top: 25px !important;}
    .md-pt-30 {padding-top: 30px !important;}
    .md-pt-35 {padding-top: 35px !important;}
    .md-pt-40 {padding-top: 40px !important;}
    .md-pt-45 {padding-top: 45px !important;}
    .md-pt-50 {padding-top: 50px !important;}
    .md-pt-55 {padding-top: 55px !important;}
    .md-pt-60 {padding-top: 60px !important;}
    .md-pt-65 {padding-top: 65px !important;}
    .md-pt-70 {padding-top: 70px !important;}
    .md-pt-75 {padding-top: 75px !important;}
    .md-pt-80 {padding-top: 80px !important;}
    .md-pt-85 {padding-top: 85px !important;}
    .md-pt-90 {padding-top: 90px !important;}
    .md-pt-95 {padding-top: 95px !important;}
    .md-pt-100 {padding-top: 100px !important;}

    .md-pb-0 {padding-bottom: 0 !important;}
    .md-pb-5 {padding-bottom: 5px !important;}
    .md-pb-10 {padding-bottom: 10px !important;}
    .md-pb-15 {padding-bottom: 15px !important;}
    .md-pb-20 {padding-bottom: 20px !important;}
    .md-pb-25 {padding-bottom: 25px !important;}
    .md-pb-30 {padding-bottom: 30px !important;}
    .md-pb-35 {padding-bottom: 35px !important;}
    .md-pb-40 {padding-bottom: 40px !important;}
    .md-pb-45 {padding-bottom: 45px !important;}
    .md-pb-50 {padding-bottom: 50px !important;}
    .md-pb-55 {padding-bottom: 55px !important;}
    .md-pb-60 {padding-bottom: 60px !important;}
    .md-pb-65 {padding-bottom: 65px !important;}
    .md-pb-70 {padding-bottom: 70px !important;}
    .md-pb-75 {padding-bottom: 75px !important;}
    .md-pb-80 {padding-bottom: 80px !important;}
    .md-pb-85 {padding-bottom: 85px !important;}
    .md-pb-90 {padding-bottom: 90px !important;}
    .md-pb-95 {padding-bottom: 95px !important;}
    .md-pb-100 {padding-bottom: 100px !important;}

    .md-pl-0 {padding-left: 0 !important;}
    .md-pl-5 {padding-left: 5px !important;}
    .md-pl-10 {padding-left: 10px !important;}
    .md-pl-15 {padding-left: 15px !important;}
    .md-pl-20 {padding-left: 20px !important;}
    .md-pl-25 {padding-left: 25px !important;}
    .md-pl-30 {padding-left: 30px !important;}
    .md-pl-35 {padding-left: 35px !important;}
    .md-pl-40 {padding-left: 40px !important;}
    .md-pl-45 {padding-left: 45px !important;}
    .md-pl-50 {padding-left: 50px !important;}
    .md-pl-55 {padding-left: 55px !important;}
    .md-pl-60 {padding-left: 60px !important;}
    .md-pl-65 {padding-left: 65px !important;}
    .md-pl-70 {padding-left: 70px !important;}
    .md-pl-75 {padding-left: 75px !important;}
    .md-pl-80 {padding-left: 80px !important;}
    .md-pl-85 {padding-left: 85px !important;}
    .md-pl-90 {padding-left: 90px !important;}
    .md-pl-95 {padding-left: 95px !important;}
    .md-pl-100 {padding-left: 100px !important;}

    .md-pr-0 {padding-right: 0 !important;}
    .md-pr-5 {padding-right: 5px !important;}
    .md-pr-10 {padding-right: 10px !important;}
    .md-pr-15 {padding-right: 15px !important;}
    .md-pr-20 {padding-right: 20px !important;}
    .md-pr-25 {padding-right: 25px !important;}
    .md-pr-30 {padding-right: 30px !important;}
    .md-pr-35 {padding-right: 35px !important;}
    .md-pr-40 {padding-right: 40px !important;}
    .md-pr-45 {padding-right: 45px !important;}
    .md-pr-50 {padding-right: 50px !important;}
    .md-pr-55 {padding-right: 55px !important;}
    .md-pr-60 {padding-right: 60px !important;}
    .md-pr-65 {padding-right: 65px !important;}
    .md-pr-70 {padding-right: 70px !important;}
    .md-pr-75 {padding-right: 75px !important;}
    .md-pr-80 {padding-right: 80px !important;}
    .md-pr-85 {padding-right: 85px !important;}
    .md-pr-90 {padding-right: 90px !important;}
    .md-pr-95 {padding-right: 95px !important;}
    .md-pr-100 {padding-right: 100px !important;}

    .md-py-0 {padding-block:0 !important;}
    .md-py-5 {padding-block:5px !important;}
    .md-py-10 {padding-block:10px !important;}
    .md-py-15 {padding-block:15px !important;}
    .md-py-20 {padding-block:20px !important;}
    .md-py-25 {padding-block:25px !important;}
    .md-py-30 {padding-block:30px !important;}
    .md-py-35 {padding-block:35px !important;}
    .md-py-40 {padding-block:40px !important;}
    .md-py-45 {padding-block:45px !important;}
    .md-py-50 {padding-block:50px !important;}
    .md-py-55 {padding-block:55px !important;}
    .md-py-60 {padding-block:60px !important;}
    .md-py-65 {padding-block:65px !important;}
    .md-py-70 {padding-block:70px !important;}
    .md-py-75 {padding-block:75px !important;}
    .md-py-80 {padding-block:80px !important;}
    .md-py-85 {padding-block:85px !important;}
    .md-py-90 {padding-block:90px !important;}
    .md-py-95 {padding-block:95px !important;}
    .md-py-100 {padding-block:100px !important;}

    .md-px-0 {padding-inline: 0 !important;}
    .md-px-5 {padding-inline: 5px !important;}
    .md-px-10 {padding-inline: 10px !important;}
    .md-px-15 {padding-inline: 15px !important;}
    .md-px-20 {padding-inline: 20px !important;}
    .md-px-25 {padding-inline: 25px !important;}
    .md-px-30 {padding-inline: 30px !important;}
    .md-px-35 {padding-inline: 35px !important;}
    .md-px-40 {padding-inline: 40px !important;}
    .md-px-45 {padding-inline: 45px !important;}
    .md-px-50 {padding-inline: 50px !important;}
    .md-px-55 {padding-inline: 55px !important;}
    .md-px-60 {padding-inline: 60px !important;}
    .md-px-65 {padding-inline: 65px !important;}
    .md-px-70 {padding-inline: 70px !important;}
    .md-px-75 {padding-inline: 75px !important;}
    .md-px-80 {padding-inline: 80px !important;}
    .md-px-85 {padding-inline: 85px !important;}
    .md-px-90 {padding-inline: 90px !important;}
    .md-px-95 {padding-inline: 95px !important;}
    .md-px-100 {padding-inline: 100px !important;}

    .md-mt-0 {margin-top: 0 !important;}
    .md-mt-5 {margin-top: 5px !important;}
    .md-mt-10 {margin-top: 10px !important;}
    .md-mt-15 {margin-top: 15px !important;}
    .md-mt-20 {margin-top: 20px !important;}
    .md-mt-25 {margin-top: 25px !important;}
    .md-mt-30 {margin-top: 30px !important;}
    .md-mt-35 {margin-top: 35px !important;}
    .md-mt-40 {margin-top: 40px !important;}
    .md-mt-45 {margin-top: 45px !important;}
    .md-mt-50 {margin-top: 50px !important;}
    .md-mt-55 {margin-top: 55px !important;}
    .md-mt-60 {margin-top: 60px !important;}
    .md-mt-65 {margin-top: 65px !important;}
    .md-mt-70 {margin-top: 70px !important;}
    .md-mt-75 {margin-top: 75px !important;}
    .md-mt-80 {margin-top: 80px !important;}
    .md-mt-85 {margin-top: 85px !important;}
    .md-mt-90 {margin-top: 90px !important;}
    .md-mt-95 {margin-top: 95px !important;}
    .md-mt-100 {margin-top: 100px !important;}

    .md-mb-0 {margin-bottom: 0 !important;}
    .md-mb-5 {margin-bottom: 5px !important;}
    .md-mb-10 {margin-bottom: 10px !important;}
    .md-mb-15 {margin-bottom: 15px !important;}
    .md-mb-20 {margin-bottom: 20px !important;}
    .md-mb-25 {margin-bottom: 25px !important;}
    .md-mb-30 {margin-bottom: 30px !important;}
    .md-mb-35 {margin-bottom: 35px !important;}
    .md-mb-40 {margin-bottom: 40px !important;}
    .md-mb-45 {margin-bottom: 45px !important;}
    .md-mb-50 {margin-bottom: 50px !important;}
    .md-mb-55 {margin-bottom: 55px !important;}
    .md-mb-60 {margin-bottom: 60px !important;}
    .md-mb-65 {margin-bottom: 65px !important;}
    .md-mb-70 {margin-bottom: 70px !important;}
    .md-mb-75 {margin-bottom: 75px !important;}
    .md-mb-80 {margin-bottom: 80px !important;}
    .md-mb-85 {margin-bottom: 85px !important;}
    .md-mb-90 {margin-bottom: 90px !important;}
    .md-mb-95 {margin-bottom: 95px !important;}
    .md-mb-100 {margin-bottom: 100px !important;}

    .md-ml-0 {margin-left: 0 !important;}
    .md-ml-5 {margin-left: 5px !important;}
    .md-ml-10 {margin-left: 10px !important;}
    .md-ml-15 {margin-left: 15px !important;}
    .md-ml-20 {margin-left: 20px !important;}
    .md-ml-25 {margin-left: 25px !important;}
    .md-ml-30 {margin-left: 30px !important;}
    .md-ml-35 {margin-left: 35px !important;}
    .md-ml-40 {margin-left: 40px !important;}
    .md-ml-45 {margin-left: 45px !important;}
    .md-ml-50 {margin-left: 50px !important;}
    .md-ml-55 {margin-left: 55px !important;}
    .md-ml-60 {margin-left: 60px !important;}
    .md-ml-65 {margin-left: 65px !important;}
    .md-ml-70 {margin-left: 70px !important;}
    .md-ml-75 {margin-left: 75px !important;}
    .md-ml-80 {margin-left: 80px !important;}
    .md-ml-85 {margin-left: 85px !important;}
    .md-ml-90 {margin-left: 90px !important;}
    .md-ml-95 {margin-left: 95px !important;}
    .md-ml-100 {margin-left: 100px !important;}

    .md-mr-0 {margin-right: 0 !important;}
    .md-mr-5 {margin-right: 5px !important;}
    .md-mr-10 {margin-right: 10px !important;}
    .md-mr-15 {margin-right: 15px !important;}
    .md-mr-20 {margin-right: 20px !important;}
    .md-mr-25 {margin-right: 25px !important;}
    .md-mr-30 {margin-right: 30px !important;}
    .md-mr-35 {margin-right: 35px !important;}
    .md-mr-40 {margin-right: 40px !important;}
    .md-mr-45 {margin-right: 45px !important;}
    .md-mr-50 {margin-right: 50px !important;}
    .md-mr-55 {margin-right: 55px !important;}
    .md-mr-60 {margin-right: 60px !important;}
    .md-mr-65 {margin-right: 65px !important;}
    .md-mr-70 {margin-right: 70px !important;}
    .md-mr-75 {margin-right: 75px !important;}
    .md-mr-80 {margin-right: 80px !important;}
    .md-mr-85 {margin-right: 85px !important;}
    .md-mr-90 {margin-right: 90px !important;}
    .md-mr-95 {margin-right: 95px !important;}
    .md-mr-100 {margin-right: 100px !important;}

    .md-my-0 {margin-block:0 !important;}
    .md-my-5 {margin-block:5px !important;}
    .md-my-10 {margin-block:10px !important;}
    .md-my-15 {margin-block:15px !important;}
    .md-my-20 {margin-block:20px !important;}
    .md-my-25 {margin-block:25px !important;}
    .md-my-30 {margin-block:30px !important;}
    .md-my-35 {margin-block:35px !important;}
    .md-my-40 {margin-block:40px !important;}
    .md-my-45 {margin-block:45px !important;}
    .md-my-50 {margin-block:50px !important;}
    .md-my-55 {margin-block:55px !important;}
    .md-my-60 {margin-block:60px !important;}
    .md-my-65 {margin-block:65px !important;}
    .md-my-70 {margin-block:70px !important;}
    .md-my-75 {margin-block:75px !important;}
    .md-my-80 {margin-block:80px !important;}
    .md-my-85 {margin-block:85px !important;}
    .md-my-90 {margin-block:90px !important;}
    .md-my-95 {margin-block:95px !important;}
    .md-my-100 {margin-block:100px !important;}

    .md-mx-0 {margin-inline: 0 !important;}
    .md-mx-5 {margin-inline: 5px !important;}
    .md-mx-10 {margin-inline: 10px !important;}
    .md-mx-15 {margin-inline: 15px !important;}
    .md-mx-20 {margin-inline: 20px !important;}
    .md-mx-25 {margin-inline: 25px !important;}
    .md-mx-30 {margin-inline: 30px !important;}
    .md-mx-35 {margin-inline: 35px !important;}
    .md-mx-40 {margin-inline: 40px !important;}
    .md-mx-45 {margin-inline: 45px !important;}
    .md-mx-50 {margin-inline: 50px !important;}
    .md-mx-55 {margin-inline: 55px !important;}
    .md-mx-60 {margin-inline: 60px !important;}
    .md-mx-65 {margin-inline: 65px !important;}
    .md-mx-70 {margin-inline: 70px !important;}
    .md-mx-75 {margin-inline: 75px !important;}
    .md-mx-80 {margin-inline: 80px !important;}
    .md-mx-85 {margin-inline: 85px !important;}
    .md-mx-90 {margin-inline: 90px !important;}
    .md-mx-95 {margin-inline: 95px !important;}
    .md-mx-100 {margin-inline: 100px !important;}
}

@media only screen and (min-width: 992px) {
    .lg-pt-0 {padding-top: 0 !important;}
    .lg-pt-5 {padding-top: 5px !important;}
    .lg-pt-10 {padding-top: 10px !important;}
    .lg-pt-15 {padding-top: 15px !important;}
    .lg-pt-20 {padding-top: 20px !important;}
    .lg-pt-25 {padding-top: 25px !important;}
    .lg-pt-30 {padding-top: 30px !important;}
    .lg-pt-35 {padding-top: 35px !important;}
    .lg-pt-40 {padding-top: 40px !important;}
    .lg-pt-45 {padding-top: 45px !important;}
    .lg-pt-50 {padding-top: 50px !important;}
    .lg-pt-55 {padding-top: 55px !important;}
    .lg-pt-60 {padding-top: 60px !important;}
    .lg-pt-65 {padding-top: 65px !important;}
    .lg-pt-70 {padding-top: 70px !important;}
    .lg-pt-75 {padding-top: 75px !important;}
    .lg-pt-80 {padding-top: 80px !important;}
    .lg-pt-85 {padding-top: 85px !important;}
    .lg-pt-90 {padding-top: 90px !important;}
    .lg-pt-95 {padding-top: 95px !important;}
    .lg-pt-100 {padding-top: 100px !important;}

    .lg-pb-0 {padding-bottom: 0 !important;}
    .lg-pb-5 {padding-bottom: 5px !important;}
    .lg-pb-10 {padding-bottom: 10px !important;}
    .lg-pb-15 {padding-bottom: 15px !important;}
    .lg-pb-20 {padding-bottom: 20px !important;}
    .lg-pb-25 {padding-bottom: 25px !important;}
    .lg-pb-30 {padding-bottom: 30px !important;}
    .lg-pb-35 {padding-bottom: 35px !important;}
    .lg-pb-40 {padding-bottom: 40px !important;}
    .lg-pb-45 {padding-bottom: 45px !important;}
    .lg-pb-50 {padding-bottom: 50px !important;}
    .lg-pb-55 {padding-bottom: 55px !important;}
    .lg-pb-60 {padding-bottom: 60px !important;}
    .lg-pb-65 {padding-bottom: 65px !important;}
    .lg-pb-70 {padding-bottom: 70px !important;}
    .lg-pb-75 {padding-bottom: 75px !important;}
    .lg-pb-80 {padding-bottom: 80px !important;}
    .lg-pb-85 {padding-bottom: 85px !important;}
    .lg-pb-90 {padding-bottom: 90px !important;}
    .lg-pb-95 {padding-bottom: 95px !important;}
    .lg-pb-100 {padding-bottom: 100px !important;}

    .lg-pl-0 {padding-left: 0 !important;}
    .lg-pl-5 {padding-left: 5px !important;}
    .lg-pl-10 {padding-left: 10px !important;}
    .lg-pl-15 {padding-left: 15px !important;}
    .lg-pl-20 {padding-left: 20px !important;}
    .lg-pl-25 {padding-left: 25px !important;}
    .lg-pl-30 {padding-left: 30px !important;}
    .lg-pl-35 {padding-left: 35px !important;}
    .lg-pl-40 {padding-left: 40px !important;}
    .lg-pl-45 {padding-left: 45px !important;}
    .lg-pl-50 {padding-left: 50px !important;}
    .lg-pl-55 {padding-left: 55px !important;}
    .lg-pl-60 {padding-left: 60px !important;}
    .lg-pl-65 {padding-left: 65px !important;}
    .lg-pl-70 {padding-left: 70px !important;}
    .lg-pl-75 {padding-left: 75px !important;}
    .lg-pl-80 {padding-left: 80px !important;}
    .lg-pl-85 {padding-left: 85px !important;}
    .lg-pl-90 {padding-left: 90px !important;}
    .lg-pl-95 {padding-left: 95px !important;}
    .lg-pl-100 {padding-left: 100px !important;}

    .lg-pr-0 {padding-right: 0 !important;}
    .lg-pr-5 {padding-right: 5px !important;}
    .lg-pr-10 {padding-right: 10px !important;}
    .lg-pr-15 {padding-right: 15px !important;}
    .lg-pr-20 {padding-right: 20px !important;}
    .lg-pr-25 {padding-right: 25px !important;}
    .lg-pr-30 {padding-right: 30px !important;}
    .lg-pr-35 {padding-right: 35px !important;}
    .lg-pr-40 {padding-right: 40px !important;}
    .lg-pr-45 {padding-right: 45px !important;}
    .lg-pr-50 {padding-right: 50px !important;}
    .lg-pr-55 {padding-right: 55px !important;}
    .lg-pr-60 {padding-right: 60px !important;}
    .lg-pr-65 {padding-right: 65px !important;}
    .lg-pr-70 {padding-right: 70px !important;}
    .lg-pr-75 {padding-right: 75px !important;}
    .lg-pr-80 {padding-right: 80px !important;}
    .lg-pr-85 {padding-right: 85px !important;}
    .lg-pr-90 {padding-right: 90px !important;}
    .lg-pr-95 {padding-right: 95px !important;}
    .lg-pr-100 {padding-right: 100px !important;}

    .lg-py-0 {padding-block:0 !important;}
    .lg-py-5 {padding-block:5px !important;}
    .lg-py-10 {padding-block:10px !important;}
    .lg-py-15 {padding-block:15px !important;}
    .lg-py-20 {padding-block:20px !important;}
    .lg-py-25 {padding-block:25px !important;}
    .lg-py-30 {padding-block:30px !important;}
    .lg-py-35 {padding-block:35px !important;}
    .lg-py-40 {padding-block:40px !important;}
    .lg-py-45 {padding-block:45px !important;}
    .lg-py-50 {padding-block:50px !important;}
    .lg-py-55 {padding-block:55px !important;}
    .lg-py-60 {padding-block:60px !important;}
    .lg-py-65 {padding-block:65px !important;}
    .lg-py-70 {padding-block:70px !important;}
    .lg-py-75 {padding-block:75px !important;}
    .lg-py-80 {padding-block:80px !important;}
    .lg-py-85 {padding-block:85px !important;}
    .lg-py-90 {padding-block:90px !important;}
    .lg-py-95 {padding-block:95px !important;}
    .lg-py-100 {padding-block:100px !important;}

    .lg-px-0 {padding-inline: 0 !important;}
    .lg-px-5 {padding-inline: 5px !important;}
    .lg-px-10 {padding-inline: 10px !important;}
    .lg-px-15 {padding-inline: 15px !important;}
    .lg-px-20 {padding-inline: 20px !important;}
    .lg-px-25 {padding-inline: 25px !important;}
    .lg-px-30 {padding-inline: 30px !important;}
    .lg-px-35 {padding-inline: 35px !important;}
    .lg-px-40 {padding-inline: 40px !important;}
    .lg-px-45 {padding-inline: 45px !important;}
    .lg-px-50 {padding-inline: 50px !important;}
    .lg-px-55 {padding-inline: 55px !important;}
    .lg-px-60 {padding-inline: 60px !important;}
    .lg-px-65 {padding-inline: 65px !important;}
    .lg-px-70 {padding-inline: 70px !important;}
    .lg-px-75 {padding-inline: 75px !important;}
    .lg-px-80 {padding-inline: 80px !important;}
    .lg-px-85 {padding-inline: 85px !important;}
    .lg-px-90 {padding-inline: 90px !important;}
    .lg-px-95 {padding-inline: 95px !important;}
    .lg-px-100 {padding-inline: 100px !important;}

    .lg-mt-0 {margin-top: 0 !important;}
    .lg-mt-5 {margin-top: 5px !important;}
    .lg-mt-10 {margin-top: 10px !important;}
    .lg-mt-15 {margin-top: 15px !important;}
    .lg-mt-20 {margin-top: 20px !important;}
    .lg-mt-25 {margin-top: 25px !important;}
    .lg-mt-30 {margin-top: 30px !important;}
    .lg-mt-35 {margin-top: 35px !important;}
    .lg-mt-40 {margin-top: 40px !important;}
    .lg-mt-45 {margin-top: 45px !important;}
    .lg-mt-50 {margin-top: 50px !important;}
    .lg-mt-55 {margin-top: 55px !important;}
    .lg-mt-60 {margin-top: 60px !important;}
    .lg-mt-65 {margin-top: 65px !important;}
    .lg-mt-70 {margin-top: 70px !important;}
    .lg-mt-75 {margin-top: 75px !important;}
    .lg-mt-80 {margin-top: 80px !important;}
    .lg-mt-85 {margin-top: 85px !important;}
    .lg-mt-90 {margin-top: 90px !important;}
    .lg-mt-95 {margin-top: 95px !important;}
    .lg-mt-100 {margin-top: 100px !important;}

    .lg-mb-0 {margin-bottom: 0 !important;}
    .lg-mb-5 {margin-bottom: 5px !important;}
    .lg-mb-10 {margin-bottom: 10px !important;}
    .lg-mb-15 {margin-bottom: 15px !important;}
    .lg-mb-20 {margin-bottom: 20px !important;}
    .lg-mb-25 {margin-bottom: 25px !important;}
    .lg-mb-30 {margin-bottom: 30px !important;}
    .lg-mb-35 {margin-bottom: 35px !important;}
    .lg-mb-40 {margin-bottom: 40px !important;}
    .lg-mb-45 {margin-bottom: 45px !important;}
    .lg-mb-50 {margin-bottom: 50px !important;}
    .lg-mb-55 {margin-bottom: 55px !important;}
    .lg-mb-60 {margin-bottom: 60px !important;}
    .lg-mb-65 {margin-bottom: 65px !important;}
    .lg-mb-70 {margin-bottom: 70px !important;}
    .lg-mb-75 {margin-bottom: 75px !important;}
    .lg-mb-80 {margin-bottom: 80px !important;}
    .lg-mb-85 {margin-bottom: 85px !important;}
    .lg-mb-90 {margin-bottom: 90px !important;}
    .lg-mb-95 {margin-bottom: 95px !important;}
    .lg-mb-100 {margin-bottom: 100px !important;}

    .lg-ml-0 {margin-left: 0 !important;}
    .lg-ml-5 {margin-left: 5px !important;}
    .lg-ml-10 {margin-left: 10px !important;}
    .lg-ml-15 {margin-left: 15px !important;}
    .lg-ml-20 {margin-left: 20px !important;}
    .lg-ml-25 {margin-left: 25px !important;}
    .lg-ml-30 {margin-left: 30px !important;}
    .lg-ml-35 {margin-left: 35px !important;}
    .lg-ml-40 {margin-left: 40px !important;}
    .lg-ml-45 {margin-left: 45px !important;}
    .lg-ml-50 {margin-left: 50px !important;}
    .lg-ml-55 {margin-left: 55px !important;}
    .lg-ml-60 {margin-left: 60px !important;}
    .lg-ml-65 {margin-left: 65px !important;}
    .lg-ml-70 {margin-left: 70px !important;}
    .lg-ml-75 {margin-left: 75px !important;}
    .lg-ml-80 {margin-left: 80px !important;}
    .lg-ml-85 {margin-left: 85px !important;}
    .lg-ml-90 {margin-left: 90px !important;}
    .lg-ml-95 {margin-left: 95px !important;}
    .lg-ml-100 {margin-left: 100px !important;}

    .lg-mr-0 {margin-right: 0 !important;}
    .lg-mr-5 {margin-right: 5px !important;}
    .lg-mr-10 {margin-right: 10px !important;}
    .lg-mr-15 {margin-right: 15px !important;}
    .lg-mr-20 {margin-right: 20px !important;}
    .lg-mr-25 {margin-right: 25px !important;}
    .lg-mr-30 {margin-right: 30px !important;}
    .lg-mr-35 {margin-right: 35px !important;}
    .lg-mr-40 {margin-right: 40px !important;}
    .lg-mr-45 {margin-right: 45px !important;}
    .lg-mr-50 {margin-right: 50px !important;}
    .lg-mr-55 {margin-right: 55px !important;}
    .lg-mr-60 {margin-right: 60px !important;}
    .lg-mr-65 {margin-right: 65px !important;}
    .lg-mr-70 {margin-right: 70px !important;}
    .lg-mr-75 {margin-right: 75px !important;}
    .lg-mr-80 {margin-right: 80px !important;}
    .lg-mr-85 {margin-right: 85px !important;}
    .lg-mr-90 {margin-right: 90px !important;}
    .lg-mr-95 {margin-right: 95px !important;}
    .lg-mr-100 {margin-right: 100px !important;}

    .lg-my-0 {margin-block:0 !important;}
    .lg-my-5 {margin-block:5px !important;}
    .lg-my-10 {margin-block:10px !important;}
    .lg-my-15 {margin-block:15px !important;}
    .lg-my-20 {margin-block:20px !important;}
    .lg-my-25 {margin-block:25px !important;}
    .lg-my-30 {margin-block:30px !important;}
    .lg-my-35 {margin-block:35px !important;}
    .lg-my-40 {margin-block:40px !important;}
    .lg-my-45 {margin-block:45px !important;}
    .lg-my-50 {margin-block:50px !important;}
    .lg-my-55 {margin-block:55px !important;}
    .lg-my-60 {margin-block:60px !important;}
    .lg-my-65 {margin-block:65px !important;}
    .lg-my-70 {margin-block:70px !important;}
    .lg-my-75 {margin-block:75px !important;}
    .lg-my-80 {margin-block:80px !important;}
    .lg-my-85 {margin-block:85px !important;}
    .lg-my-90 {margin-block:90px !important;}
    .lg-my-95 {margin-block:95px !important;}
    .lg-my-100 {margin-block:100px !important;}

    .lg-mx-0 {margin-inline: 0 !important;}
    .lg-mx-5 {margin-inline: 5px !important;}
    .lg-mx-10 {margin-inline: 10px !important;}
    .lg-mx-15 {margin-inline: 15px !important;}
    .lg-mx-20 {margin-inline: 20px !important;}
    .lg-mx-25 {margin-inline: 25px !important;}
    .lg-mx-30 {margin-inline: 30px !important;}
    .lg-mx-35 {margin-inline: 35px !important;}
    .lg-mx-40 {margin-inline: 40px !important;}
    .lg-mx-45 {margin-inline: 45px !important;}
    .lg-mx-50 {margin-inline: 50px !important;}
    .lg-mx-55 {margin-inline: 55px !important;}
    .lg-mx-60 {margin-inline: 60px !important;}
    .lg-mx-65 {margin-inline: 65px !important;}
    .lg-mx-70 {margin-inline: 70px !important;}
    .lg-mx-75 {margin-inline: 75px !important;}
    .lg-mx-80 {margin-inline: 80px !important;}
    .lg-mx-85 {margin-inline: 85px !important;}
    .lg-mx-90 {margin-inline: 90px !important;}
    .lg-mx-95 {margin-inline: 95px !important;}
    .lg-mx-100 {margin-inline: 100px !important;}
}

.ml-auto{margin-left: auto}
.mr-auto{margin-right: auto;}
.mx-auto{margin-inline: auto;}

@media only screen and (max-width: 768px) {
    .md-ml-auto{margin-left: auto}
    .md-mr-auto{margin-right: auto;}
    .md-mx-auto{margin-inline: auto;}
}

@media only screen and (max-width: 992px) {
    .lg-ml-auto{margin-left: auto}
    .lg-mr-auto{margin-right: auto;}
    .lg-mx-auto{margin-inline: auto;}
}

/*button*/
button:focus,
.btn:focus{
    outline: none !important;
    box-shadow: none !important;
}

/*custom button*/

.btn{
    padding: var(--btn-padding);
    min-width: 120px;
    min-height:unset;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    text-transform: var(--btn-text-transform);
    color: var(--btn-text);
    background: var(--btn-bg);
    border: var(--btn-border);
    border-radius: var(--btn-radius);
    font-style: var(--btn-font-style);
    position: relative;
    z-index: 1;
    isolation: isolate;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
    overflow: hidden;
    display: inline-block !important;
}

.btn:hover{
    color: var(--btn-text-hover);
    background: var(--btn-bg-hover);
}

.btn.link-btn{
    --btn-padding:0;
    --btn-border:none;
    --btn-font-size: 16px;
    --btn-font-weight: 400;
    --btn-font-style:none;
    --btn-bg:transparent;
    --btn-text: var(--black);
    --btn-bg-hover:transparent;
    --btn-text-hover:var(--primary-color);
    --btn-text-transform:capitalize;
    --btn-radius:0;
    min-width: 0px;
}

.btn.black{
  --btn-bg: var(--black);
  --btn-text: var(--white);
  --btn-bg-hover: var(--white);
  --btn-text-hover: var(--black);
}

/*max width*/
.max-100{max-width: 100px}
.max-200{max-width: 200px}
.max-300{max-width: 300px}
.max-400{max-width: 400px}
.max-500{max-width: 500px}
.max-600{max-width: 600px}
.max-700{max-width: 700px}
.max-800{max-width: 800px}
.max-900{max-width: 900px}
.max-1000{max-width: 1000px}

.max-p-10{max-width: 10%}
.max-p-20{max-width: 20%}
.max-p-30{max-width: 30%}
.max-p-40{max-width: 40%}
.max-p-50{max-width: 50%}
.max-p-60{max-width: 60%}
.max-p-70{max-width: 70%}
.max-p-80{max-width: 80%}
.max-p-90{max-width: 90%}
.max-p-100{max-width: 100%}

/*font-weight using number*/
.fw-100{font-weight: 100 !important;}
.fw-200{font-weight: 200 !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}
.fw-1000{font-weight: 1000 !important;}

/*style color*/
.black-text{color: var(--black);}
.white-text{color:var(--white);}
.grey4d-text{color:var(--grey4d);}
.greye7-text{color:var(--greye7);}
.grey42-text{color:var(--grey42);}
.grey33-text{color:var(--grey33);}
.viola-ice-grey-text{color: var(--violaIceGrey);}

.c-greige-text{color: var(--cement-greige)}


.heading sup{font-size:75%;}

/*for text stroke big text*/
.bigtext .heading{
    font-size: clamp(40px, 10vw, 145px);
    font-weight: 800;
}

/*elements*/
.text-box,.button-box,.image-box,.custom-html-box{margin-bottom: 35px}

.text-box :last-child{margin-bottom: 0}

/*.button-box{margin-bottom: 35px;}

.image-box{margin-bottom: 35px}

.custom-html-box{margin-bottom: 35px}*/

/*.image-full .figure{display: block !important;}*/

.image-box .figure{display: block !important;}

.image-full figure,
.image-full img{
    width: 100%;
}

.grow-effect figure {
    overflow: hidden;
}

.grow-effect img {
    transform: scale(1);
    -webkit-transition: var(--imageTransition);
    transition: var(--imageTransition);
}

.grow-effect:hover img {
    transform: scale(1.05);
}

/*custom coding start here*/

/*header top row*/
header{background: var(--white);}
header .header-row-top{background: var(--greye7);}

header .header-row-top .container .row{
    min-height: 50px;
}

header .header-row-middle .container .row{
    min-height: 70px;
}

header .brand-logo{
    padding:10px 0;
}

header .brand-logo img{
    max-height: 50px;
    min-width: 157px;

}

header .header-row-top .container > .row{flex-wrap: nowrap;}

header .header-row-top .header-widget.col.col-md-2{
    width: auto;
    flex-basis: auto;
}

/*@media (min-width: 576px) {
  .container-sm, .container {
    max-width: calc(100% - var(--side-space)*2);
  }
}*/

@media (min-width: 992px) {
    header .header-row-top .container > .row{flex-wrap: wrap;}

/*    header .brand-logo{
        padding:10px;
    }*/
}

@media (min-width: 1200px) {
    header .brand-logo{
        padding:10px;
    }
}

.widget-main-menu.navbar-nav{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding:0;
    gap:0 20px;
}

.widget-main-menu.navbar-nav li.nav-item{
    margin:0;
    text-align: center;
}

@media (min-width: 1200px) {
    .widget-main-menu.navbar-nav{
        flex-wrap: wrap;
        gap:0 40px;
    }

    .widget-main-menu.navbar-nav li.nav-item{
        width: auto;
        text-align: unset;
    }
}

.widget-main-menu.navbar-nav li.nav-item a.nav-link{
    color:var(--bodytext);
    padding:10px 0;
}

.widget-main-menu.navbar-nav li.nav-item a.nav-link.disabled{color:#aaa;}

.widget-main-menu.navbar-nav li.nav-item a.nav-link:hover,
.widget-main-menu.navbar-nav li.nav-item a.nav-link.active,
.widget-main-menu.navbar-nav li.nav-item a.nav-link.dropdown-toggle.show{
    color:var(--primary-color);
}

.widget-main-menu.navbar-nav li.nav-item a.nav-link.active,
.widget-main-menu.navbar-nav ul.dropdown-menu .dropdown-item.active{
    font-weight: 600;
}

.widget-main-menu.navbar-nav ul.dropdown-menu{
    background: var(--whitef2);
    padding:7.5px 0;
    border: none;
    border-radius: 0;
    box-shadow: 0px 10px 20px rgba(41, 51, 61, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.widget-main-menu.navbar-nav ul.dropdown-menu.show{
    opacity: 1;
}

.widget-main-menu.navbar-nav ul.dropdown-menu .dropdown-item{
    padding:7.5px 15px;
}

.widget-main-menu.navbar-nav ul.dropdown-menu .dropdown-item:focus,
.widget-main-menu.navbar-nav ul.dropdown-menu .dropdown-item:hover,
.widget-main-menu.navbar-nav ul.dropdown-menu .dropdown-item.active {
    color: var(--primary-color);
    background: none;
}

/*offcanvas*/
.offcanvas{
    color: var(--white);
}

.offcanvas.offcanvas-start,
.offcanvas.offcanvas-end{
    width: clamp(0px, 100%, 500px);

}

.offcanvas .offcanvas-header .btn-close {
    background: none;
    color: var(--bodytext);
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 1.3;
    box-sizing: border-box;
    border-radius: 0;
    opacity: 1;
    -webkit-transition:var(--allTransition);
    transition: var(--allTransition);
}

.offcanvas .offcanvas-header .btn-close:hover {
    color: var(--primary-color);
}

.offcanvas .widget-main-menu.navbar-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;

    --item-gap:22px;
}

.offcanvas .widget-main-menu.navbar-nav li.nav-item{
    padding: var(--item-gap) 0 0;
}

.offcanvas .widget-main-menu.navbar-nav > li.nav-item:is(:first-child){
    padding:0;
}

.offcanvas .widget-main-menu.navbar-nav li.nav-item a.nav-link{
    padding-top:0;
    padding-bottom:0;
    font-size: 20px;
}

.offcanvas .widget-main-menu.navbar-nav ul.dropdown-menu {
    position: unset !important;
    inset: 0 !important;
    transform: translate(-100%, 0px) !important;
    background: none;
    box-shadow: none;
    font-size: 20px !important;
    padding: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    display: block !important;
    height: 0px;
    overflow: hidden;
}

.offcanvas .widget-main-menu.navbar-nav ul.dropdown-menu.show {
    transform: translate(0px, 0px) !important;
    height: auto;
}

.offcanvas .widget-main-menu.navbar-nav ul.dropdown-menu li.nav-item .dropdown-item{
    position: relative;
    isolation: isolate;
    padding: 0 0 0 20px;
}

.offcanvas .widget-main-menu.navbar-nav ul.dropdown-menu li.nav-item .dropdown-item:before{
    content:'\f068';
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 900;
    font-family: var(--fontAwesome);
    display: block !important;
    z-index: -1;
    line-height: calc(20px*1.3);
    font-size: 16px;
}

/*footer*/
#footer{
    background: var(--whitef2);
}

.company-logo img{
    width: auto;
    max-height: 50px;
}

@media (min-width: 768px) {
    .company-logo img{
        width: auto;
        max-height: 70px;
    }
}

.company-name .reg,
.company-name small{
    font-size: 14px;
    font-weight: 400;
}

span.add{
    display:inline-block;
    padding-right:3px;
}

.social-media{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap:10px 15px;
}

.social-media a{
    color:var(--bodytext);
    font-size: 22px;
}

.social-media a:hover{
    color: var(--green);
}

.social-media.box a{
    width: 35px;
    height: 35px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    background:var(--black);
    border-radius: 50%;
    color:var(--white);
    font-size: 18px;
    border:1px solid var(--black);
}

.social-media.box a:hover{
    background:var(--white);
    color: var(--black);
    border:1px solid var(--white);
}

.widget-menu ul.navbar-nav li.nav-item:last-child{margin-bottom: 0}

.widget-menu ul.navbar-nav li.nav-item a.nav-link{
    color:var(--footertext);
    padding:0;
}

.widget-menu ul.navbar-nav li.nav-item:hover a.nav-link,
.widget-menu ul.navbar-nav li.nav-item a.nav-link.active{
    color:var(--primary-color);
}

.footer-widget .widget-title {
    font-weight: 200;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 15px;
    line-height: 1.3;
    color: var(--footertext);
}

.footer-widget.widget-text a{
    color:var(--bodytext);
}

.footer-widget.widget-text a:hover{
    color:var(--yellow);
}

.footer-widget .text-wrap :last-child{margin-bottom: 0}

.footer-widget .chat-expert {
	font-weight: 200;
	font-size: 16px;
	font-style: italic;
	margin-bottom: 15px;
	line-height: 1.3;
    text-transform: uppercase;
    --initial-color: var(--footertext);
}

.footer-widget .chat-expert a{
    color: var(--initial-color);
    position: relative;
    padding-right: 30px;
}

.footer-widget .chat-expert:hover a{
    --initial-color: var(--yellow);
}

.footer-widget .chat-expert a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	border-top: 1px solid var(--initial-color);
	width: 20px;
	height: 0;
	display: block;
	z-index: -1;
    transition: inherit;
}

.footer-widget .chat-expert a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	border-top: 1px solid var(--initial-color);
	width: 10px;
	height: 0;
	display: block;
	z-index: -1;
	transform: rotate(25deg);
	transform-origin: 100% 0;
    transition: inherit;
}

.fixed-widget{
    position: absolute;
    top: 0;
    right: 0;
    margin:0 !important;
}

#footer .footer-middle-row .container {
    max-width: min(calc(100% - var(--side-space)*2),1100px);
    margin-left: auto;
    margin-right: auto;

}

#footer .footer-middle-row .container .row{
    row-gap: 30px;
}

@media (min-width: 768px) {
    #footer .footer-middle-row .container .row{
        row-gap: 50px;
    }
}

#footer .footer-bottom-row{
    border-top: 1px solid var(--black);
}

#footer .footer-bottom-row .widget-copyright p{font-size: 14px}

/*footer grid*/
.footer-grid-col{
    display: grid;
    grid-template-columns: 1fr;
    --column-gap:30px;
    --row-gap:30px;
    gap:var(--row-gap) var(--column-gap);
}

.footer-grid-col .inner-row{
    position: relative;
    isolation: isolate;
}

.footer-grid-col .footer-widget{
    --row-gap:30px;
}

@media (min-width: 768px) {
    .footer-grid-col{
        --column-gap:30px;
        --row-gap:50px;
        grid-template-columns: repeat(3, auto);
    }

    .footer-grid-col .inner-row:nth-child(1),
    .footer-grid-col .inner-row:nth-child(3){
        grid-column: span 2;
    }

    .footer-grid-col .inner-row:nth-child(5) > .footer-widget:first-child{
        padding-top: calc(15px + 16px*1.3);
    }
}

@media (min-width: 1200px) {
    .footer-grid-col{
        --column-gap:50px;
        --row-gap:50px;
    }

/*    .footer-grid-col .footer-widget{
        --row-gap:30px;
    }*/
}

.footer-grid-col .inner-row > .footer-widget:not(:first-child){
    margin-top:var(--row-gap);
}

@media (max-width: 767.98px) {
    /*.footer-widget .navbar-nav {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    justify-content: flex-start;*/
    /*    align-items: flex-start;*/
    /*    flex-wrap: wrap;*/
    /*    gap:13px 0;*/
    /*}*/

    .footer-widget .navbar-nav li.nav-item{
        margin-bottom: 0;
        line-height: 1;
    }
    .footer-widget .navbar-nav {
        display: flex;
        flex-direction: row;
        row-gap: 18px;
        flex-wrap: wrap;
    }
    .footer-widget .navbar-nav > li:not(:last-child) {
        padding-right:15px;
        margin-right: 15px;
        border-right: 1px solid;
    }
}

[class*="rounded"]{
    border-radius: var(--radius-value);
    overflow: hidden;
}

.rounded-none{--radius-value:0;}

.rounded-xs{
    --radius-value:7.5px;
}

.rounded-sm{
    --radius-value:15px;
}

.rounded-lg{
    --radius-value:20px;
}

.rounded-xl{
    --radius-value:30px;
}

.rounded-xxl{
    --radius-value:50px;
}

@media (min-width: 767.98px) {
    .rounded-xs{
        --radius-value:15px;
    }
    
    .rounded-sm{
        --radius-value:30px;
    }
    
    .rounded-lg{
        --radius-value:50px;
    }
    
    .rounded-xl{
        --radius-value:75px;
    }
    
    .rounded-xxl{
        --radius-value:100px;
    }
}

.p-smaller-text{font-size: 14px;}
.h6-text{font-size: 18px;}

/*home*/
/*carousel slider*/
.banner-ratio {
    aspect-ratio: 1920/1080;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.page-carousel-slider .carousel-indicators{
    margin-bottom: 20px;
}

.page-carousel-slider .carousel-indicators button{
    background: var(--black);
    border:none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: var(--dot-color);
}

.page-carousel-slider .carousel-indicators button.active{
    color: var(--dot-active-color);
}

.page-carousel-slider button[class*="carousel-control"]{
    opacity: 1;
    display: none;
}

.page-carousel-slider button[class*="carousel-control"] .carousel-control-prev-icon,
.page-carousel-slider button[class*="carousel-control"] .carousel-control-next-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.home-paint .wrapper{
    position: relative;
    isolation: isolate;
    padding-top:20px;
    padding-bottom: 20px;
    max-width: 1030px;
    margin-inline: auto;
}

.home-paint .bigtext .heading{
   font-size: clamp(0px,12vw,180px);
/* font-size: 180px; */
    line-height: 1;
    color:var(--canaletto);
    -webkit-text-fill-color: transparent; 
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--canaletto);
    /* position: absolute; */
}

.home-paint .bigtext{
    position: absolute !important;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.home-paint [class*="fix-text"] {
    --line-color:var(--black);
    line-height: 1;
    color:var(--weathered-blue);
    -webkit-text-fill-color: var(--weathered-blue); 
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: var(--lindworm-green);
}

.home-paint [class*="fix-text"]:after {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid var(--black);
    aspect-ratio: 1/1;
    border-radius: 50%;
    opacity: 1;
}

.home-paint [class*="fix-text"] .heading:before,
.home-paint [class*="fix-text"] .heading:after {
    content: "";
    position: absolute;
}

/*media*/
/*@media (min-width: 1400px) {
    .home-paint .bigtext .heading{
        font-size: 180px;
    }

    .home-paint .image-box{
        max-width: 1030px;
    }
}*/

/*fix 1*/
.home-paint .fix-text-1{
    top:calc(20px + 22.5%);
    left: 54%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 9;
}

.home-paint .fix-text-1:after {
    top: 365%;
    left: 50%;
    transform: translateX(-50%);
}

.home-paint .fix-text-1 .heading:before{
    height: 265%;
    width: 0;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-right:1px solid var(--line-color);
}

.home-paint .fix-text-1 .heading:after{
    display: none;
}

/*fix 2*/
.home-paint .fix-text-2 {
    top: calc(20px + 47%);
    left: 6%;
    position: absolute;
    z-index: 9;
}

.home-paint .fix-text-2:after {
    top: 85%;
    left: 163%;
}

.home-paint .fix-text-2 .heading:before{
    height: 0;
    width: 55%;
    top: 51%;
    left: 105%;
    transform: translateY(-50%);
    border-top:1px solid var(--line-color);
}

.home-paint .fix-text-2 .heading:after {
    left: 160%;
    top: 51%;
    height: 46%;
    width: 0;
    transform: rotate(-30deg);
    border-right: 1px solid var(--line-color);
    z-index: 10;
    transform-origin: 0 0;
}

/*fix 3*/
.home-paint .fix-text-3 {
    top: calc(20px + 71%);
    left: -1%;
    position: absolute;
    z-index: 9;
}

.home-paint .fix-text-3:after {
    top: 15%;
    left: 167%;
}

.home-paint .fix-text-3 .heading:before{
    height: 0;
    width: 55%;
    top: 56%;
    left: 105%;
    transform: translateY(-50%);
    border-top:1px solid var(--line-color);
}

.home-paint .fix-text-3 .heading:after {
    left: 160%;
    top: 56%;
    height: 0;
    width: 8%;
    transform: rotate(-21deg);
    border-top: 1px solid var(--line-color);
    z-index: 10;
    transform-origin: 0 0;
}

/*fix 4*/
.home-paint .fix-text-4 {
    bottom: 0;
    left: 51.5%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 9;
    /* max-width: 346px; */
    text-align: center;
}

.home-paint .fix-text-4:after {
    bottom: 285%;
    left: 50%;
    transform: translateX(-50%);
}

.home-paint .fix-text-4 .heading:before{
    height: 180%;
    width: 0;
    bottom: 105%;
    left: 50%;
    transform: translateX(-50%);
    border-right:1px solid var(--line-color);
}

.home-paint .fix-text-4 .heading:after{
    display: none;
}

/*fix-5*/
.home-paint .fix-text-5 {
    top: calc(20px + 73.5%);
    right: -2.2%;
    position: absolute;
    z-index: 9;
}

.home-paint .fix-text-5:after {
    top: 15%;
    right: 168%;
}

.home-paint .fix-text-5 .heading:before{
    height: 0;
    width: 55%;
    top: 55%;
    right: 105%;
    transform: translateY(-50%);
    border-top:1px solid var(--line-color);
}

.home-paint .fix-text-5 .heading:after {
    right: 160%;
    top: 55%;
    height: 0;
    width: 9%;
    transform: rotate(22deg);
    border-top: 1px solid var(--line-color);
    z-index: 10;
    transform-origin: 100% 100%;
}


/*fix 6*/

.home-paint .fix-text-6 {
    top: calc(20px + 40.8%);
    right: -5.5%;
    position: absolute;
    z-index: 9;
}

.home-paint .fix-text-6:after {
    top: 110%;
    right: 141%;
}

.home-paint .fix-text-6 .heading:before {
    height: 0;
    width: 35%;
    top: 51%;
    right: 105%;
    transform: translateY(-50%);
    border-top: 1px solid var(--line-color);
}

.home-paint .fix-text-6 .heading:after {
    top: 51%;
    right: 140%;
    height: 65%;
    width: 0;
    transform: rotate(19deg);
    border-right: 1px solid var(--line-color);
    z-index: 10;
    transform-origin: 0 0;
}

.home-solution{
    background: var(--cement-greige);
}

.home-solution > .container > .row > [class*="col"] > .wrapper{
    position: relative;
    isolation: isolate;
}

/*.home-solution .bigtext {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: 100%;*/
/*    z-index: -1;*/
/*    line-height: 1;*/
/*}*/

.home-solution .bigtext .heading{
    line-height: 1;
    color:var(--white);
    -webkit-text-fill-color: transparent; 
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: var(--white);
}

.bigtext .heading {
	font-size: clamp(40px, 8vw, 120px);
	font-weight: 800;
}

.home-solution .card-slider .card {
    padding: 30px;
    border-radius: 15px;
    background: rgba(255,255,255,0);
    border: 1px solid transparent;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.home-solution .card-slider .card:hover{
    background: rgba(255,255,255,0.3);
}

.home-solution .card-slider .card figure{
    width: 100%;
    padding-bottom: 10px;
}

.home-solution .card-slider .card figure img{
    width: 100%;
    aspect-ratio: 5/4;
    object-fit: cover;
    object-position: center;
}

.home-solution .card-slider .card > *{
    padding:0;
}

.home-solution .card-slider .card .card-title{
    text-align: center;
    font-weight: 400;
    font-style: inherit;
    color: var(--black);
    margin-bottom: 20px;
    -webkit-transition: var(--allTransition);
    transition: var(--allTransition);
}

.home-solution .card-slider .card:hover .card-title{
    color: var(--white);
/*    font-size: 25px;*/
    font-style: italic;
    font-weight: 800;
    transform: translateY(-30px) scale(1.6);
}

.home-solution .card-slider .card .card-text{
    color: var(--white);
}

/*after added slick*/
.home-solution .card-slider .card{
    margin-inline: 15px;
    height: auto;
}

.home-solution .card-slider .slick-track{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}

.home-solution .card-slider{
    width: calc(100% - 60px);
    margin-inline: auto;
}

.home-solution .card-slider .card .card-text {
	color: var(--white);
	/* width: fit-content; */
	/* margin-inline: auto; */
	text-align: center;
}


@media (min-width: 768px) {
    .home-solution .card-slider{
        width: 100%;
    }
    .home-about-section::before {
        content: "IONPAINT";
        position: absolute;
        top: var(--row-gap);
        right: 0;
        display: block;
        z-index: 1;
        font-size: var(--pseudo-size);
        color: #9399a5;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 0.3px;
        -webkit-text-stroke-color: #9399a5;
        font-weight: 800;
        transform: translateX(calc(0px - var(--pseudo-size)*var(--pseudo-lh))) rotate(-90deg);
        transform-origin: 100% 0;
        line-height: var(--pseudo-lh);
    }
    
    .home-about-section::after {
        content: "IONPAINT";
        position: absolute;
        bottom: var(--row-gap);
        left: 0;
        display: block;
        z-index: 1;
        font-size: var(--pseudo-size);
        color: #9399a5;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 0.3px;
        -webkit-text-stroke-color: #9399a5;
        font-weight: 800;
        transform: translateX(-100%) rotate(90deg);
        transform-origin: 100% 100%;
        line-height: var(--pseudo-lh);
    }
    .product-tabs-content-solution .tabs-content .col-md-7 .text-box:last-child > h3 {
        font-size: 24px;
    }
    .about-vm .container::before{
        content: '';
        position: absolute;
        width: calc(100% - 30px);
        height: 0;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        border-top: 1px solid var(--grey4d);
        display: block;
        z-index: 1;
    }
}

.card-slider .slick-arrow {
    border: var(--arrow-border);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    opacity: 1;
    font-size:18px;
    background: var(--arrow-bg);
    -webkit-transition:var(--allTransition);
    transition: var(--allTransition);
    opacity: 1;
}

.card-slider .slick-arrow:hover{
    background: var(--arrow-hover-bg);
    opacity: 1;
}

.card-slider .slick-arrow:before{
    content:'';
    font-family: var(--fontAwesome);
    font-weight: 900;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: inherit;
    color: var(--arrow-color);
    font-size: inherit;
    -webkit-transition:var(--allTransition);
    transition: var(--allTransition);
}

.card-slider .slick-arrow:hover:before{
    color: var(--arrow-hover-color);
}

.card-slider .slick-arrow.slick-prev:before{content: '\f053'}
.card-slider .slick-arrow.slick-next:before{content: '\f054'}

.card-slider .slick-arrow.slick-prev{left: -30px}
.card-slider .slick-arrow.slick-next{right: -30px}

.home-choose-color {
    background-image: url('./images/wallpaper-change-bg.png');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    min-height: 500px;
    aspect-ratio: 3/2;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
/*    max-height: 1000px;*/
    width: 100%;
    background-color: #accfe5;
}

.colortabs{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap:10px;
    flex-wrap: wrap;
}

.colortabs .card {
    width: 150px;
    flex: 0 0 150px;
    border: none;
    border-radius: 0;
    background: none;
    cursor: pointer;
}

.colortabs .card figure{overflow: hidden;}

.colortabs .card figure img {
    transform: scale(1.25);
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center;
    width: 100%;
}


.home-about-section{
    position: relative;
    isolation: isolate;
    --pseudo-size:clamp(0px,8vw,122px);
    --pseudo-lh:0.75;
    overflow: hidden;
}



.image-box.max-h-300 *{
    width: 100%;
}

.image-box.max-h-300 img{
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    object-position: 0 50%;
}

.image-box.max-h-400 *{
    width: 100%;
}

.image-box.max-h-400 img{
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: 0 50%;
}

.image-box.max-h-500 *{
    width: 100%;
}

.image-box.max-h-500 img{
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    object-position: 0 50%;
}

.image-box.max-h-600 *{
    width: 100%;
}

.image-box.max-h-600 img{
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    object-position: 0 50%;
}

.home-about  > .container > .row {
    padding-inline:calc(var(--side-space) + 15px);
}

.about-row-1 > .container > .row > [class*="col"]:nth-child(2){
    padding-bottom: 100px;
}

.about-row-1 .image-box.max-h-600 img{
    object-position: 0 100%;
}

.about-row-2{margin-top: -100px}

.about-row-2 > .container > .row > [class*="col"]:nth-child(1){
    padding-top: 100px;
}

.home-major-section{background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(205,219,235,1) 100%); }

.home-major-title .bigtext .heading {
    color: var(--violaIceGrey);
    font-size: clamp(40px, 8vw, 120px);
    opacity: 0.5;
}

.home-major > .container > .row > [class*="col-"] > .wrapper{
    --area: clamp(200px, 80%, 1200px);
    --side-m: calc((100% - var(--area))/2);
    position: relative;
    isolation: isolate;
    margin-left:var(--side-m);
    margin-right: var(--side-m);
    width: var(--area);
}

.pseudo-circle figure{
    position: relative;
    isolation: isolate;
}

.pseudo-circle figure::before {
	content: '';
	position: absolute;
	top: -4%;
	left: 50%;
	transform: translate(-50%,0);
	width: 95%;
	height: auto;
	aspect-ratio: 1/1;
	display: block;
	z-index: 0;
	border-radius: 50%;
	border: 1px solid var(--greycc);
	clip-path: polygon(100% 20%, 0% 20%, 0% 100%, 101% 100%)
}

/* .pseudo-circle figure img {
	padding: 0 15%;
} */

.image-box.major-list img{
    width: inherit;
    aspect-ratio: 1/1;
    height: 80px;
    object-fit: cover;
    object-position: center;
    background-color: #e4e7eb;
}

.image-box.major-list figure{
    width: 80px;
    flex-basis: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid var(--black);
    background-color: #e4e7eb;
    overflow: hidden;
}

.image-box.major-list .image-heading{
    flex:1;
}

.image-box.major-list{
    /* position: absolute;
    top:0;
    left: 0; */
    margin-bottom: 0;
}

.image-box.major-list:nth-last-of-type(1) {
	position: absolute;
	top: 11%;
	left: auto;
	right: 15.5%;
	transform: translateX(100%);
}

.image-box.major-list:nth-last-of-type(2) {
	position: absolute;
	top: 33%;
	left: auto;
	right: 7%;
    transform: translateX(100%);
}

.image-box.major-list:nth-last-of-type(3) {
	position: absolute;
	top: 55%;
	left: auto;
	right: 9%;
    transform: translateX(100%);
}

.image-box.major-list:nth-last-of-type(4) {
	position: absolute;
	top: 77%;
	left: auto;
	right: 24.5%;
	transform: translateX(100%);
}

.image-box.major-list:nth-last-of-type(5){
    position: absolute;
    top:auto;
    bottom: 3%;
    left:50%;
    right: auto;
    transform: translate(-50%,0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:10px 20px;
    text-align: center;
}

.image-box.major-list:nth-last-of-type(6) {
    position: absolute;
	top: 77%;
	left: 24.5%;
    transform: translateX(-100%);
}

.image-box.major-list:nth-last-of-type(7) {
    position: absolute;
	top: 55%;
	left: 9%;
    transform: translateX(-100%);
}

.image-box.major-list:nth-last-of-type(8) {
    position: absolute;
	top: 33%;
	left: 7%;
    transform: translateX(-100%);
}

.image-box.major-list:nth-last-of-type(9) {
	position: absolute;
	top: 11%;
	left: 15.5%;
    transform: translateX(-100%);
}

.image-box.major-list > *{margin-bottom: 0 !important;}

.image-box.major-list:nth-last-of-type(1),
.image-box.major-list:nth-last-of-type(2),
.image-box.major-list:nth-last-of-type(3),
.image-box.major-list:nth-last-of-type(4){
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap:10px 20px;
    width: 250px;
    text-align: left;
}

.image-box.major-list:nth-last-of-type(6),
.image-box.major-list:nth-last-of-type(7),
.image-box.major-list:nth-last-of-type(8),
.image-box.major-list:nth-last-of-type(9){
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap:10px 20px;
    width: 250px;
    text-align: right;
}

.file-design,.file-design-flip{
    padding: 60px 50px 25px;
    position: relative;
    isolation: isolate;
}

.file-design:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('./svg/folder.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block !important;
    z-index: -1;
}

.file-design-flip:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('./svg/folder.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block !important;
    z-index: -1;
    transform: scaleX(-1);
}

.hash-title h1{
    font-size: 30px;
    font-weight: 800;
}

.hash-title h1 .larger{
	font-size: clamp(30px, 5.5vw, 84px);
	line-height: 1 !important;
}

.hash-head{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.hash-content-slider,
.hash-content-normal{
    padding: 35px 30px;
}

.hash-content-slider.slick-slider .slick-dots {
	position: relative;
	bottom: 0;
	text-align: left;
    margin-top: -20px;
}

.hash-content-slider.slick-slider .slick-dots li{
    width: auto;
    height: auto;
}

.hash-content-slider.slick-slider .slick-dots li button::before,
.hash-content-slider.slick-slider .slick-dots li button::after{
    display: none;
}

.hash-content-slider.slick-slider .slick-dots li button {
	background-color: transparent;
	border: 1px solid var(--black);
	padding: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.hash-content-slider.slick-slider .slick-dots li:is(:hover, .slick-active) button{
    background-color: var(--black);
}

.hash-image-slider.slick-slider{
    overflow: hidden;
    line-height: 1;
}

.hash-image-slider.slick-slider *{
    line-height: 1;
}

.hash-image-slider .image-box{margin-bottom: 0;}

.hash-image-slider .image-box img {
	aspect-ratio: 53/30;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: auto;
}

.hash-image-normal .image-box img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: auto;
    max-height: 280px;
}

.hash-body div[class*="col-"] > .wrapper{
    height: 100%;
    position: relative;
}

.hash-body-sync-slider .hash-content-slider{
    height: calc(100% - 35px);
}

svg#folder-layer {
	width: 100%;
	height: 100%;
}

svg#folder-layer .file-border-only {
	fill: none;
	stroke: var(--black);
	stroke-width: 1px;
}

.hash-body.hash-body-sync-slider div[class*="col-"] > .wrapper{
    position: relative;
    isolation: isolate;
}

.hash-body.hash-body-sync-slider div[class*="col-"] > .wrapper > .hash-trapezium,
.hash-body div[class*="col-"] > .wrapper > .hash-trapezium{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: calc(100% - 35px);
    z-index: -1;
}

.hash-body div[class*="col-"] > .wrapper > .hash-trapezium + :is(.hash-content-normal, .hash-content-slider){
    padding-right: 95px;
}

.cert-slide{
    --arrow-color:var(--black);
    --arrow-border:1px solid var(--black);
    --arrow-bg: transparent;
    --arrow-hover-color: var(--white);
    --arrow-hover-bg: var(--black);
    padding-inline: 40px;
}

.cert-slide .image-box img{
    width: auto;
    max-height: 80px;
}

.cert-slide .image-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:10px
}

.cert-slide .slick-arrow {
    border: var(--arrow-border);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    opacity: 1;
    font-size:18px;
    background: var(--arrow-bg);
    -webkit-transition:var(--allTransition);
    transition: var(--allTransition);
    opacity: 1;
}

.cert-slide .slick-arrow:hover{
    background: var(--arrow-hover-bg);
    opacity: 1;
}

.cert-slide .slick-arrow:before{
    content:'';
    font-family: var(--fontAwesome);
    font-weight: 900;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: inherit;
    color: var(--arrow-color);
    font-size: inherit;
    -webkit-transition:var(--allTransition);
    transition: var(--allTransition);
}

.cert-slide .slick-arrow:hover:before{
    color: var(--arrow-hover-color);
}

.cert-slide .slick-arrow.slick-prev:before{content: '\f053'}
.cert-slide .slick-arrow.slick-next:before{content: '\f054'}

.cert-slide .slick-arrow.slick-prev{left: 0}
.cert-slide .slick-arrow.slick-next{right: 0}

/* about */
.about-vm .container{
    position: relative;
    isolation: isolate;
}


.about-gradient-section{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(205,219,235,1) 25%, rgba(255,255,255,1) 100%);
}

.about-refresh{
    position: relative;
    isolation: isolate;
    padding-left: calc(var(--side-space) + 15px);
}

.about-refresh:before{
    content: '';
    position: absolute;
    width: 100%;
    height: calc((100% - var(--row-gap) - 35px)/2 + 10px);
    top: -10px;
    left: 0;
    background-color: var(--white);
    display: block;
    z-index: -1;
}

.about-refresh > .container-fluid > .row > [class*="col"] > .wrapper{
    position: relative;
    isolation: isolate;
}

.about-refresh > .container-fluid > .row > [class*="col-8"] > .wrapper{
    z-index: 3;
}

.about-refresh .heading.absoluted{
    position: absolute;
    bottom:30px;
    right:30px;
    z-index:2;
    margin:0;
}

.text-wrap-balance{text-wrap: balance;}

.about-nature-living .image-box.icons figure img{
    width: auto;
    max-height: 60px;
}
.about-negative-ion .table{
    border:1px solid var(--grey4d);
}

.about-negative-ion .table :is(th,td){
    border:1px solid var(--grey4d);
    text-align: center;
    vertical-align: top;
}

.about-negative-ion .table th{font-weight: 700;}

.about-negative-ion .table .highlight{
    background-color: #e6e6e6;
}

.table-img-logo{
    width: auto;
    max-height: 40px;
    margin-top: 5px;
}

@media (min-width: 1024px) {
    .about-negative-ion .table :is(th,td){
        width: 33%;
    }
}

.fixed-calc-button {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translate(50%,-100%) rotate(-90deg);
	padding: 10px 20px;
	border-radius: 15px 15px 0 0;
	background: var(--grey4d);
	color: var(--white);
	z-index: 9999;
	transform-origin: 50% 100%;
}

.fixed-calc-button a{
    color: var(--white);
}

.inner-revolution{
    background-color: var(--whitef2);
    padding:30px;
}

.inner-revolution .the-plus{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.the-plus .text-box p{
    font-size: clamp(30px, 3vw, 45px);
    color:var(--grey4d)
}

.revo-image img{
    max-height: 200px;
    width:auto;
}

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

.equal-revo{
    margin-top: 35px;
    background: var(--greye7);
    padding:36px 15px 1px;
    margin-left: 0;
    margin-right: 0;
}

.equal-revo > div[class*="col-"]:not(.the-plus){
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

/* project reference */
.project-ref-section{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(205,219,235,1) 50%, rgba(255,255,255,1) 100%);
}

.project-place-tag{
    background-color: rgba(255,255,255,1);
}
.project-place-tag .image-box img, 
.project-place-tag .image-box svg {
	aspect-ratio: 2/1;
}

.image-box svg .country-stroke{
    fill:#706f6f;
    stroke:#706f6f;
    stroke-miterlimit:10;
    fill-rule:evenodd;
    transition: var(--allTransition);
}

.image-box svg#sg-map .country-stroke{
    stroke-width: 0.35px;
}

.image-box:hover svg .country-stroke{
    fill:transparent;
}

.project-place-tag .image-box img{
    object-fit: contain !important;
    object-position: center;
}

.project-place-tag .image-box p{
    color:var(--bodytext);
    transition: var(--allTransition);
}

.project-place-tag .image-box:hover p{
    font-weight: 700;
}

.with-flag.hash-title h1 .larger {
	font-size: clamp(30px, 5.5vw, 84px);
	line-height: 1 !important;
	display: flex;
	flex-direction: row;
	align-items: center;
    gap:0 10px;
}

.file-design-flip .with-flag.hash-title h1 .larger {
	flex-direction: row-reverse;
	align-items: center;
}

.hash-title h1 .flag{
    width: auto;
	max-height: calc(clamp(30px, 5.5vw, 84px)*0.8);
    display: inline-block;
    border:1px solid var(--black);
}

.full-line-btn > div[class*="col-"] > .wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;

}

.file-design-flip .full-line-btn > div[class*="col-"] > .wrapper {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-end;

}

.full-line-btn .hash-button {
	flex: 1 1 auto;
	text-align: right;
	height: calc(clamp(30px, 5.5vw, 84px)*1.2);
	min-height: 40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
    position: relative;
    isolation: isolate;
}

.file-design-flip .full-line-btn .hash-button {
	justify-content: flex-start;
	align-items: center;
}

.full-line-btn .hash-button::before{
    content: '';
    position: absolute;
    width: 100%;
    border-top: 1px solid var(--black);
    top: 50%;
    right: 0;
}

.file-design-flip .full-line-btn .hash-title{
    text-align: right;
}

.refer-place .image-box figure img{
    aspect-ratio: 870/641;
    width: 100%;
    height: auto;
}

.project-ref-section :is(.file-design, .file-design-flip) {
    position: relative;
    isolation: isolate;
}

.project-ref-section :is(.file-design, .file-design-flip)::after {
	content: '';
	position: absolute;
	top: calc(100% + 37.5px);
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(198, 201, 210,.3);
	display: block !important;
	z-index: 9;
	width: 100%;
	height: 25px;
	border-radius: 50%;
	filter: blur(10px);
}

.project-ref-slider-section{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(205,219,235,1) 0%, rgba(255,255,255,1) 100%);
}

.celeb-slider-wrap h1 {
	font-size: clamp(30px, 5.5vw, 84px);
    line-height: 1;
}

.feed-item{
    padding: 35px 30px 1px 11.5vw;
    position: relative;
    isolation: isolate;
}

.feed-item .hash-trapezium{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.feed-item .hash-trapezium #folder-long{
    width: 100%;
    height:100%;
}

.feed-item .text-box .tags{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap:20px 10px;
    flex-wrap: wrap;
    margin-bottom:20px;
}

.feed-item .row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.feed-item .text-box .tags p{
    padding-right: 10px;
    margin-bottom: 0;
}

.feed-item .text-box .tags p:not(:last-child){
    border-right: 1px solid var(--bodytext);
}

.image-box.youtube-link a{
    color: var(--bodytext);
    word-break: break-all;
}
.image-box.youtube-link a:hover{color: var(--yellow);}

.image-box.youtube-link a .fa-brands.fa-youtube{
    color:#ff0000;
}

.celeb-name .crist-name{display: block;}

.celeb-feedback{
    --arrow-color: var(--black);
    --arrow-border: 1px solid var(--black);
    --arrow-bg: transparent;
    --arrow-hover-color: var(--white);
    --arrow-hover-bg: var(--black);
}

.celeb-feedback .slick-arrow {
	border: var(--arrow-border);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 20px;
	text-align: center;
	opacity: 1;
	font-size: 16px;
	background: var(--arrow-bg);
	-webkit-transition: var(--allTransition);
	transition: var(--allTransition);
	opacity: 1;
	transform: translate(0,0);
}

.celeb-feedback .slick-arrow:hover{
    background: var(--arrow-hover-bg);
    opacity: 1;
}

.celeb-feedback .slick-arrow:before{
    content:'';
    font-family: var(--fontAwesome);
    font-weight: 900;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: inherit;
    color: var(--arrow-color);
    font-size: inherit;
    -webkit-transition:var(--allTransition);
    transition: var(--allTransition);
}

.celeb-feedback .slick-arrow:hover:before{
    color: var(--arrow-hover-color);
}

.celeb-feedback .slick-arrow.slick-prev:before{content: '\f053'}
.celeb-feedback .slick-arrow.slick-next:before{content: '\f054'}

/* .celeb-feedback .slick-arrow.slick-prev{left: -50px} */
/* .celeb-feedback .slick-arrow.slick-next{right: -50px} */

.celeb-feedback .slick-arrow.slick-prev{
    left: auto;
    right:50px
}
.celeb-feedback .slick-arrow.slick-next{right: 0}


.celeb-feedback .slick-arrow {
	top: 0;
}

.celeb-feedback{padding-top: 50px;}

@media (min-width: 991px) {

    .celeb-feedback{padding-top: 0}
    
    .celeb-feedback .slick-arrow {
        top: -75px;
    }
}

.home-solution.p-ref{
    background:none;
}

/* Showcase */

.showcase-section{background: linear-gradient(0deg, rgba(205,219,235,1) 0%, rgba(255,255,255,0) 30%); }

.with-flag.hash-title.text-center h1 .larger{
    justify-content: center;
}

.showcase-title > .container > .row > [class*="col-"] > .wrapper{
    position: relative;
    isolation:isolate;
}

.showcase-title .showcase-fixed{
    position: absolute;
    height:100%;
    width: auto;
    max-width: 300px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    aspect-ratio: 2/1;
}

.showcase-title .showcase-fixed.image-box svg {
	aspect-ratio: 2/1;
}

.showcase-gallery .image-box p{text-wrap: balance;}
.showcase-fixed.image-box svg .country-stroke,
.showcase-fixed.image-box:hover svg .country-stroke{
    fill:transparent;
}

.image-box.popup-image{
    cursor: pointer;
}

.modal-showcase .modal-title {
	line-height: 1.2;
	padding-right: 100px;
}

.modal-showcase .modal-content {
	position: relative;
	isolation: isolate;
	background: none;
	border: none;
}

.modal-showcase .modal-header {
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}

.modal-showcase .modal-header .btn-close{
    /*filter: var(--filterWhite);*/
}

/* .modal-showcase .modal-header .btn-close:hover{
} */

.showcase-slider .image-box img{
    aspect-ratio: 1510/846;
    object-fit: cover;
    object-position: center;
}

.showcase-slider{
    --arrow-color: var(--white);
    --arrow-border: 1px solid var(--white);
    --arrow-bg: transparent;
    --arrow-hover-color: var(--black);
    --arrow-hover-bg: var(--white);

    border:5px solid var(--white);
}

.showcase-slider .slick-arrow {
	border: var(--arrow-border);
	border-color: #000;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 20px;
	text-align: center;
	opacity: 1;
	font-size: 16px;
	background: var(--arrow-bg);
	-webkit-transition: var(--allTransition);
	transition: var(--allTransition);
	opacity: 1;
	transform: translate(0,0);
    z-index: 1;
}

.showcase-slider .slick-arrow:hover{
    background: var(--arrow-hover-bg);
    opacity: 1;
}

.showcase-slider .slick-arrow:before{
    content:'';
    font-family: var(--fontAwesome);
    font-weight: 900;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: inherit;
    /*color: var(--arrow-color);*/
    color: #000;
    font-size: inherit;
    -webkit-transition:var(--allTransition);
    transition: var(--allTransition);
}

.showcase-slider .slick-arrow:hover:before{
    color: var(--arrow-hover-color);
}

.showcase-slider .slick-arrow.slick-prev:before{content: '\f053'}
.showcase-slider .slick-arrow.slick-next:before{content: '\f054'}
/* .showcase-slider .slick-arrow.slick-prev{left: 10px}
.showcase-slider .slick-arrow.slick-next{right: 10px} */

.showcase-slider .slick-arrow.slick-prev{
    left: 0;
}

.showcase-slider .slick-arrow.slick-next{
    left: 50px;
    right:auto;
}

.showcase-slider .slick-arrow {
    top: -50px;
}

.showcase-slider{margin-top: 60px;}

@media (min-width: 991px) {

    .showcase-slider{margin-top: 0;}

    .showcase-slider .slick-arrow {
        top: -60px;
    }

    .showcase-slider .slick-arrow.slick-prev{
        left: auto;
        right:50px
    }
    .showcase-slider .slick-arrow.slick-next{
        left: auto;
        right: 0;
    }
}

/* .scroll-more-box{
    animation-name: updown;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
} */

.scroll-more-box p{
    display: flex;
    flex-direction: column;
    gap:10px;
    justify-content: center;
    align-items: center;

    --arrow-color:var(--black);
    --arrow-border:1px solid var(--black);
    --arrow-bg: transparent;
    --arrow-hover-color: var(--white);
    --arrow-hover-bg: var(--black);
}

.scroll-more-box .down-button {
	border: 1px solid var(--bodytext);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
    line-height: 40px;
	opacity: 1;
	font-size: 16px;
	background: var(--arrow-bg);
	-webkit-transition: var(--allTransition);
	transition: var(--allTransition);
	opacity: 1;
	top: -60px;
}

.scroll-more-box .down-button:hover{
    background: var(--arrow-hover-bg);
    color: var(--arrow-hover-color);
}

@keyframes updown {
    0% {transform: translateY(0px);}

    12.5% {transform: translateY(5px);}

    25% {transform: translateY(0px);}

    37.5% {transform: translateY(-3px);}

    50% {transform: translateY(0px);}

    100% {transform: translateY(0px);}
}

.product-copy-content {
	background: linear-gradient(0deg, rgb(205, 219, 235) 0%, rgba(255,255,255,0) 52%);
}

.product-compare{
    padding-left: calc(var(--side-space) + 15px);
}

.compare-table{
    overflow-y:hidden;
    overflow-x: scroll;
}

.compare-table .scroller{
    --radius-value: 30px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
	border-radius: var(--radius-value);
	border-collapse: separate;
	border: 1px solid var(--black);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.compare-table table {
	--radius-value: 30px;
	position: relative;
	isolation: isolate;
	margin: -1px !important;
    white-space: nowrap;
}

.compare-table table tr td{
    border:1px solid var(--black);
    padding:10px;
    background-color: var(--white);
    vertical-align: top;
    text-align: left;
    line-height: 1.3;
}

.compare-table table tr td:first-child,
.compare-table table tr:nth-child(2) td{
    font-weight: 700;
}

.compare-table table .image-box{
    display:flex;
    flex-direction: row;
    gap:20px;
    justify-content: center;
    align-items: center;
}

.compare-table table .image-box img {
	width: 185px;
}

.home-solution.product-tabs-solution{
    background:none;
}

.home-solution.product-tabs-solution .card-slider .card .card-text {
	color: var(--bodytext);
	text-align: center;
}

.home-solution.product-tabs-solution .card-slider .card:hover .card-title {
	color: var(--bodytext);
}

.home-solution.product-tabs-solution .card-slider .card:hover {
	background: none;
    border:1px solid var(--cement-greige);
}

.home-solution.product-tabs-solution .card-slider{
    --arrow-color: var(--black);
    --arrow-border: 1px solid var(--black);
    --arrow-bg: transparent;
    --arrow-hover-color: var(--white);
    --arrow-hover-bg: var(--black);
}

.home-solution.product-tabs-solution .bigtext .heading {
	line-height: 1;
	color: var(--cement-greige);
	-webkit-text-fill-color: unset;
	-webkit-text-stroke-width: unset;
	-webkit-text-stroke-color: unset;
    opacity: 0.2;
}

.product-tabs-content-solution{
    background-color: var(--cement-greige);
}

/* table tabs */

.tabs-content .table-wrap.table-no-border table {
    width: 100%;
}

.tabs-content .table-wrap.table-no-border table tr td{
    padding:0 10px 20px;
    vertical-align: top;
    text-align: left;
    line-height: 1.3;
    border:none;
}

.tabs-content .table-wrap.table-no-border table tr td:first-child{
    padding-left: 0;
}

@media (min-width: 991px) {
    .tabs-content .table-wrap.table-no-border table tr td:first-child{
       min-width: 140px;
    }
}

.tabs-content .table-wrap.table-no-border table tr td:last-child{
    padding-right: 0;
    position: relative;
    isolation: isolate;
}

.tabs-content .table-wrap.table-no-border table tr td:last-child::before{
    content: ': ';
    position: absolute;
    top: 0;
    left: 0;
}

.tabs-content .table-wrap.table-no-border table tr:last-child td{
    padding-bottom: 0;
}

.tabs-content .table-wrap:not(.table-no-border){
    --radius-value: 15px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
	border-radius: var(--radius-value);
	border-collapse: separate;
	border: 1px solid var(--white);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.tabs-content .table-wrap table:not(.table-no-border) {
	--radius-value: 15px;
	position: relative;
	isolation: isolate;
	margin: -1px !important;
}

.tabs-content .table-wrap table tr td{
    border:1px solid var(--white);
    padding:10px;
    vertical-align: top;
    text-align: left;
    line-height: 1.3;
}

.tabs-content .image-box{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
    position: relative;
    isolation: isolate;
    padding:0 10px;
}

.tabs-content .image-box::before {
	content: '';
	position: absolute;
	top: -5%;
	left: 0;
	width: 100%;
	height: 90%;
	background-color: var(--white);
	display: block;
	z-index: -1;
	border-radius: 15px;
}

.tabs-content .image-box figure {
    position: relative;
    isolation: isolate;
}

.tabs-content .image-box figure::after {
	content: '';
	position: absolute;
	bottom: -6%;
	left: 50%;
	width: 80%;
	height: 20%;
	background-color: var(--black);
	opacity: 0.1;
	display: block;
	z-index: -1;
	border-radius: 50%;
	/* z-index: 1; */
	transform: translateX(-50%);
	filter: blur(5px);
	backdrop-filter: blur(5px);
}

.tabs-content .image-box .trapezium {
	position: absolute;
	top: calc(0px - var(--row-gap));
	left: 0;
	border-bottom: var(--row-gap) solid var(--white);
	border-right: calc(var(--row-gap)/2) solid transparent;
	width: 70px;
}

.tabs-content .image-box img{
    width: auto;
    max-height: 350px;
}

.tabs-content{
    display: grid;
}

.tabs-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease-out;
}
  
.tabs-content.showing{
    grid-template-rows: 1fr;
}
  
.tabs-content > .row {
overflow: hidden;
}

.tabs-content > .row > div{
    padding-top: var(--row-gap);
}
.table-wrap + .download-pdf{
    margin-top: 20px;
}

.download-pdf{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.download-pdf a{
    color: white;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.download-pdf img{
    width: auto;
    max-height: 30px;
    margin-right: 10px;
}

/*Customized widget - Floating Buttons (HTML)*/
.floating-button{
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    bottom: 80px;
    right: 19px;
    font-size: 20px;
    background-color: #4F6ACA;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border:none;
}

.floating-button *{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floating-button.float-btn-trigger{
    background-color: #4F6ACA;
    animation: 2.5s wiggle ease infinite;
    animation-delay: 1s;
}

.floating-button:not(.float-btn-trigger){
    opacity: 0;
}

.floating-button.float-btn-trigger #open-float{
    opacity: 1;
}
.floating-button.float-btn-trigger #close-float{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    opacity: 0;
}

.floating-button.floating-button_mail{background-color: rgba(0, 114, 198, 1);}
.floating-button.floating-button_phone{background-color: rgba(220, 16, 16, 1);}
.floating-button.floating-button_whatsapp{background-color: rgba(37, 211, 102, 1);}

/*when toogle*/
.floating-button.float-btn-trigger.toogle{
    animation: none;
}

.floating-button.toogle:not(.float-btn-trigger){
    opacity: 1;
}

.floating-button.float-btn-trigger.toogle #open-float{
    opacity: 0;
}
.floating-button.float-btn-trigger.toogle #close-float{
    opacity: 1;
    transform: translate(-50%,-50%) rotate(180deg);
}

.floating-button.floating-button_mail.toogle{bottom:140px;}
.floating-button_phone.toogle{bottom: 200px;}
.floating-button_whatsapp.toogle{bottom:260px;}

/*animation for trigger*/
@keyframes wiggle {
  0% {
    transform: scale(1),rotate(0);
  }
  9.375% {
    transform: scale(1.1) rotate(0);
  }
  18.75% {
    transform: scale(1.1) rotate(-3deg);
  }
  28.125% {
    transform: scale(1.1) rotate(20deg);
  }
  37.5% {
    transform: scale(1.1) rotate(-15deg);
  }
  46.875% {
    transform: scale(1.1) rotate(5deg);
  }
  56.25% {
    transform: scale(1.1) rotate(-1deg);
  }
  65.625% {
    transform: scale(1.1) rotate(0);
  }
  75% {
    transform: scale(1) rotate(0);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

/*when mobile only*/
@media only screen and (max-width: 767.98px) {
    .floating-button{
        bottom:10px;
        right: 15px;
    }

    .floating-button.floating-button_mail.toogle{bottom:70px;}
    .floating-button_phone.toogle{bottom: 130px;}
    .floating-button_whatsapp.toogle{bottom:190px;}
    
    #side-contact {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 70px;
        bottom: 0;
        right: -100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
        z-index: 999;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /*padding-right: 70px;*/
    }
    
    #side-contact.toogle {
        right: 0;
    }
    
    #side-contact a.floating-button:not(.float-btn-trigger) {
        position: initial;
        opacity:1;
    }
}

/* mobile view */

@media (max-width: 991.98px) {

    .page-carousel-slider .carousel-indicators {
        margin-bottom: 0;
        position: relative;
    }

    .page-carousel-slider .carousel-indicators button {
        width: 10px;
        height: 10px;
    }

    .home-solution[class*="py-"]{
        padding-top: 70px !important;
    }

    .home-major > .container > .row > [class*="col-"] > .wrapper{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .home-about.about-row-2{padding-top: 35px;}

    .home-about.about-row-2 > .container  > .row{
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: stretch;
    }

    .about-row-2 > .container > .row > [class*="col"]:nth-child(1) {
        padding-top: 0;
    }
}

@media (max-width: 767.98px) {
    .fixed-calc-button a{
        font-size: 14px;
    }

    .fixed-calc-button {
        top: 25%;
        padding: 5px 15px;
    }

    header .brand-logo img {
        max-height: 40px;
        min-width: unset;
    }

    .home-paint .bigtext .heading{
        font-size: clamp(0px,15vw,180px);
    }

    .mobile-h4{font-size: 24px !important;}

    .bigtext .heading {
        font-size: clamp(35px, 8vw, 120px);
    }

    .home-solution .bigtext {
        position: relative;
        top: 0;
        left: 0;
        transform: translateX(0);
        width: 100%;
        z-index: 1;
        margin-top: -20px;
    }

    .home-solution .card-slider {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    /* this is  temperaly */
    .home-solution .card-slider .card:last-child{
        display: none;
    }

    .home-solution .card-slider .card figure{
        padding-bottom: 0;
    }

    .home-solution .card-slider .card:hover .card-title {
        transform: translateY(-10px) scale(1.3);
    }

    .home-solution .card-slider .card {
        margin-inline: 0;
        padding:15px;
    }

    .colortabs .card {
        width: 15%;
        flex: 0 0 15%;
    }

    .home-about-section {
        --pseudo-size: clamp(0px,15vw,122px);
        --pseudo-lh: 0.75;
        padding-inline: 15px;
    }

    .home-about-section::before {
        top: calc(var(--row-gap) + 1%);
    }

    .home-about-section::after {
        top: 50%;
        bottom: auto;
    }

    /* .home-about .text-box.text-center p{
        text-align: justify !important;
        text-align-last: center;
    } */

    .file-design, .file-design-flip {
        padding: 36px 15px 1px;
    }

    .hash-title h1 .larger{font-size: 40px;}

    .file-design::before,
    .file-design-flip::before {
        /*border-radius: 0 15px 15px 15px;*/
        border-radius: 0;
        background-color: var(--white);
        background-image: unset;
        height: calc(100% - 115px);
        top: auto;
        /*left: 0;*/
        bottom: 0;
        width: 120%;
        left: 50%;
        transform: translateX(-50%);
    }

    /*.file-design::after {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    width: 87%;*/
    /*    height: 125px;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    background-image: url('./svg/file-type-top.svg');*/
    /*    background-size: cover;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: 100% 0;*/
    /*    display: block !important;*/
    /*    z-index: -1;*/
    /*    border-radius: 15px 15px 0 0;*/
    /*}*/
    
    .file-design::after, .file-design-flip::after {
        content: '';
        position: absolute;
        height: 125px;
        top: 0;
        left: 0;
        background-image: none;
        background-color: #fff;
        width: 120%;
        left: 50%;
        transform: translateX(-50%);
        display: block !important;
        z-index: -1;
        border-radius: 0;
    }
    

    /*.file-design-flip::after {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    width: 87%;*/
    /*    height: 125px;*/
    /*    top: 0;*/
    /*    right: 0;*/
    /*    background-image: url('./svg/file-type-top.svg');*/
    /*    background-size: cover;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: 100% 0;*/
    /*    display: block !important;*/
    /*    z-index: -1;*/
    /*    border-radius: 15px 15px 0 0;*/
    /*    transform: scaleX(-1);*/
    /*}*/

    /*.project-ref-section .file-design::after,*/
    /*.project-ref-section .file-design-flip::after{*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    width: 87%;*/
    /*    height: 91px;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    transform: none;*/
    /*    background-color: transparent;*/
    /*    background-image: url('./svg/file-type-top.svg');*/
    /*    background-size: cover;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: 100% 0;*/
    /*    display: block !important;*/
    /*    z-index: -1;*/
    /*    border-radius: 15px 15px 0 0;*/
    /*    filter: none;*/
    /*}*/
    
    .project-ref-section .file-design::after,
    .project-ref-section .file-design-flip::after{
        content: '';
        position: absolute;
        width: 120%;
        height: 91px;
        top: 0;
        left: -10%;
        transform: translateX(-50%);
        transform: none;
        background-color: #fff;
        background-image: none;
        background-size: cover;
        display: block !important;
        z-index: -1;
        border-radius: 0;
        filter: none;
    }

    .project-ref-section .file-design-flip .hash-title h1 {
        text-align: left;
        margin-left: 0;
    }

    .file-design-flip .hash-head {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: stretch;
    }

    .file-design .hash-title h1,
    .file-design-flip .hash-title h1{
        width: 87%;
    }

    .file-design-flip .hash-title h1 {
        text-align: right;
        margin-left: auto;
    }

    .project-ref-section :is(.file-design, .file-design-flip)::before {
        /*transform: none;*/
    }

    .project-ref-section :is(.file-design, .file-design-flip)::before {
        height: calc(100% - 90px);
    }

    .project-ref-section :is(.file-design, .file-design-flip) .hash-title{
        width: 100%;
    }

    .project-ref-section :is(.file-design, .file-design-flip) .hash-title h1{
        font-size: 16px;
    }

    .project-ref-section .full-line-btn .hash-button {
        width: 100%;
        justify-content: flex-end !important;
    }

    .celeb-slider-wrap.row-gap{
        padding-top: 0 !important;
    }

    .about-refresh .heading.absoluted{
        padding:0 15px;
    }

    .about-refresh .image-box img{
        width:100% !important;
        height: 300px !important;
        max-height: unset !important;
        object-fit: cover;
        object-position: center;
    }

    .hash-content-slider, .hash-content-normal {
    	padding: 35px 15px;
    }

    .inner-revolution {
        padding: 30px 15px;
    }

    .equal-revo {
        padding: 36px 0px 1px;
        margin-left: 0;
        margin-right: 0;
    }

    .full-line-btn > div[class*="col-"] > .wrapper,
    .file-design-flip .full-line-btn > div[class*="col-"] > .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .hash-title h1 {
        margin-bottom: 0;
        font-size: 25px;
    }

    .file-design-flip .full-line-btn .hash-title {
        text-align: left;
    }

    .file-design-flip .with-flag.hash-title h1 .larger {
        flex-direction: row;
        align-items: center;
    }

    /* .celeb-feedback{
        width: calc(100% - 80px);
        margin-inline: auto;
    } */

    .feed-item {
        padding: 36px 15px 1px;
        border: 1px solid var(--black);
        border-radius:15px;
    }

    .feed-item .hash-trapezium {
        display: none;
    }

    .feed-item .text-box .tags p:not(:last-child) {
        border-right: none;
    }

    .showcase-title .showcase-fixed {
        position: unset;
        height: auto;
        width: 100%;
        max-width: 200px;
        top: 0;
        left: 0;
        transform: translateY(0);
        aspect-ratio: 2/1;
        margin-bottom: 20px;
    }

    .showcase-title .container > .row [class*="col"] > .wrapper{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .modal-showcase .modal-title{
        font-size: 25px;
        padding-right:30px
    }

    .showcase-section.row-gap{
        padding-top: 35px !important;
    }

    .about-main-section.row-gap{
        padding-top: 35px !important;
    }
    .project-place-tag.row-gap{
        padding-top: 35px !important;
    }

    .home-solution[class*="py-"] {
        padding-top: 35px !important;
    }

    .tabs-content > .row > div:nth-child(2) {
        padding-top: 0;
    }

    .tabs-content .table-wrap:not(.table-no-border) {
        width: 100%;
        overflow-x: scroll;
    }

    .tabs-content .table-wrap:not(.table-no-border) table{
        min-width: 400px;
    }

    .compare-table table .image-box img {
        width: 100px;
    }

    .banner-ratio{
        aspect-ratio: 1086/1005;
    }
    .mob-br-none br {
        display: none;
    }
    .showcase-slider .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .showcase-slider {
        margin-top: 80px;
    }
    .showcase-slider .slick-arrow {
        top: -70px;
    }
    .about-vm .p-smaller-text {
        font-size: 16px;
    }
    .celeb-feedback .slick-arrow {
        width: 30px;
        height: 30px;
    }

}
@media (max-width: 479.98px) {
    .table-scroll{
        overflow-x: scroll;
        /* border-left: 1px solid var(--grey4d);
        border-right: 1px solid var(--grey4d); */
    }

    .table-scroll .table {
        min-width: 450px;
        /* margin-left: -1px;
        margin-right: -1px; */
    }
    .mobile-text-justify {
        text-align: justify;
    }
    
}

.dark-grey-text {
    color: var(--darkgrey);
}

.showcase-section .modal {
    background: rgba(255,255,255,0.6);
}

.modal-content .btn-close {
    opacity: 1;
}

.modal-showcase .modal-title {
    color: #000;
}