html, body { margin: 0; color: #5a5450; font-size: 16px; font-family: 'DM Sans',system-ui,sans-serif;background: #f5f3ee; }
.home main#main { overflow-x: hidden; }
h1, h2, h3, h4 { font-family: 'Source Serif 4',Georgia,serif;line-height: 1.18;letter-spacing: -0.02em;font-weight: 400;color: #1a1616;}
* { box-sizing: border-box; }
:focus { outline: none; color: inherit; background-color: inherit; box-shadow: none; }
.container { max-width: 1200px; width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.hidden { display: none !important; }
.inline-block {display: inline-block;}
.relative { position: relative; }
.list-none { list-style: none;}
.absolute {position: absolute;}
.before-hide::before { content: none !important; }
.ease {transition: all ease 0.3s;}
.uppercase {text-transform: uppercase;}
.decoration-none {text-decoration: none;}
.dm-sans { font-family: 'DM Sans',system-ui,sans-serif;}
.source-serif {font-family: 'Source Serif 4',Georgia,serif;}
.shadow-none {box-shadow: none !important; }
.box-shadow {box-shadow: 0 4px 20px rgba(0, 0, 0, 0.055);}
.box-shadow-0 {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.box-shadow-1 {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.box-shadow-2 {box-shadow: 0px 2px 44px 0px #1F61E826;}
.box-shadow-3 {box-shadow: 0px 6px 25px 0px #0000001f;}
.box-shadow-4 {box-shadow: 0px 0px 30px 0px rgba(30.99999999999999, 97.00000000000001, 232, 0.16);}
h1 { font-size: clamp(2.1rem,4.2vw,3.4rem);}
h2 { font-size: 40px; line-height: 1.4; }
h3 { font-size: 36px; line-height: 1.4; }
h4 { font-size: 20px; font-weight: 600; line-height: 1.4; }
h5 { line-height: 1.4; }
h6 { line-height: 1.4; }
a {text-decoration: none;}
.font-128 { font-size: 128px;}
.fs-70 {font-size: 70px !important;}
.fs-60 {font-size: 60px !important;}
.fs-54 {font-size: 54px !important;}
.fs-52 {font-size: 52px !important;}
.fs-50 {font-size: 50px !important;}
.fs-46 {font-size: 46px !important;}
.fs-40 {font-size: 40px !important;}
.fs-38 {font-size: 38px !important;}
.fs-36 {font-size: 36px !important;}
.fs-34 {font-size: 34px !important;}
.fs-32 {font-size: 32px !important;}
.fs-30 {font-size: 30px !important;}
.fs-28 {font-size: 28px !important;}
.fs-26 {font-size: 26px !important;}
.fs-24 {font-size: 24px !important;}
.fs-22 {font-size: 22px !important;}
.fs-20 {font-size: 20px !important;}
.fs-18 {font-size: 18px !important;}
.fs-17 {font-size: 17px !important;}
.fs-16 {font-size: 16px !important;}
.fs-15 { font-size: 15px !important;}
.fs-14 {font-size: 14px !important;}
.fs-12 {font-size: 12px !important;}
.fs-10 {font-size: 10px !important;}

.lh-2{ line-height: 1.2; }
.fw-normal {font-weight: normal;}
.fw-4 { font-weight: 500 !important; }
.fw-5 { font-weight: 500 !important; }
.fw-6 { font-weight: 600 !important; }
.fw-7 { font-weight: 700 !important; }
.fw-8 { font-weight: 800 !important; }
.fw-bold {font-weight: bold;}
.sec-head h2, .sec-head h3 { font-size: 38px; font-weight: 600; margin-bottom: 10px; }
body .fs-24 { font-size: 24px; font-weight: 600; line-height: 1.4; }
.overflow-hidden { overflow: hidden; }
h1 span, .sec-head h2 span, .sec-head h3 span { color: #c96442; }
h1 span, h2 span { color: #c96442; }
/* p { color: #6b6057; line-height: 1.78; } */

.primary-txt {color: #0f0a08;}
.secondary-txt { color: #6b6057; }
.dark-txt { color: #1a1616; }
.orange-txt { color: #c96442; }
.white-txt { color: #fff !important; }
.black-txt {color: #000;}
.pera-txt {color: #5a5450;}
.light-txt {color: #9b8f86;}
.hover-white-txt:hover, .hover-white-txt:hover * { color: #fff !important; }

.offwhite-bg {background-color: #f8f7f3 !important;}
.orange-bg {background-color: #c96442 !important;}
.cream-bg {background-color: #f9f7f4 !important;}
.light-bg { background-color: #f9f7f4!important; }
.light-bg1 { background-color: #f6efeb!important; }
.secondary-bg {background: #f2ede6!important;}
.brown-bg {background: #3d2b1f!important;}
.dark-bg {background: #1a1616!important;}
.white-bg {background-color: #fff !important;}
.hover-white-bg:hover {background-color: #fff !important;}
.orange-light-bg{background-color: #f5ece6 ;}

.border-clr {border-color: #ddd5c8 !important;}
.border-hover:hover { border-color: #c96442 !important;}
.text-center { text-align: center; }
.text-left {text-align: left !important;}
.p-0 { padding: 0 !important; }
.py-0 {padding-top: 0px; padding-bottom: 0px;}
.pt-0 { padding-top: 0; }
.pb-0 { padding-bottom: 0; }
.px-0 {padding-left: 0px;padding-right: 0px;}
.pl-0 {padding-left: 0px;}
.pr-0 {padding-right: 0px;}
.p-5 { padding: 5px; }
.py-5 {padding-top: 5px; padding-bottom: 5px;}
.pt-5 {padding-top: 5px;}
.pb-5 {padding-bottom: 5px;}
.px-5 {padding-left: 5px;padding-right: 5px;}
.pl-5 {padding-left: 5px;}
.pr-5 {padding-right: 5px;}
.p-10 { padding: 10px; }
.py-10 {padding-top: 10px; padding-bottom: 10px;}
.pt-10 {padding-top: 10px;}
.pb-10 {padding-bottom: 10px;}
.px-10 {padding-left: 10px !important;padding-right: 10px !important;}
.pl-10 {padding-left: 10px;}
.pr-10 {padding-right: 10px;}
.p-12 { padding: 12px; }
.py-12 {padding-top: 12px; padding-bottom: 12px;}
.pt-12 {padding-top: 12px;}
.pb-12 {padding-bottom: 12px;}
.px-12 {padding-left: 12px !important;padding-right: 12px !important;}
.pl-12 {padding-left: 12px;}
.pr-12 {padding-right: 12px;}
.py-12 {padding-top: 12px; padding-bottom: 12px;}
.p-15 { padding: 15px; }
.py-15 {padding-top: 15px; padding-bottom: 15px;}
.pt-15 {padding-top: 15px;}
.pb-15 {padding-bottom: 15px;}
.px-15 {padding-left: 15px;padding-right: 15px;}
.pl-15 {padding-left: 15px;}
.pr-15 {padding-right: 15px;}
.p-20 { padding: 20px !important; }
.py-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
.px-20 {padding-left: 20px !important;padding-right: 20px !important;}
.pl-20 {padding-left: 20px;}
.pr-20 {padding-right: 20px;}
.p-25 { padding: 25px !important; }
.py-25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.pt-25 {padding-top: 25px;}
.pb-25 {padding-bottom: 25px;}
.px-25 {padding-left: 25px !important;padding-right: 25px !important;}
.pl-25 {padding-left: 25px;}
.pr-25 {padding-right: 25px;}
.p-30 { padding: 30px; } 
.py-30 {padding-top: 30px; padding-bottom: 30px;}
.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}
.px-30 {padding-left: 30px;padding-right: 30px;}
.pl-30 {padding-left: 30px;}
.pr-30 {padding-right: 30px;}
.p-40 { padding: 40px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.px-40 {padding-left: 40px;padding-right: 40px;}
.pl-40 { padding-left: 40px; }
.pr-40 { padding-right: 40px;}
.p-50 { padding: 50px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }
.pt-50 { padding-top: 50px; }
.pb-50 { padding-bottom: 50px; }
.px-50 {padding-left: 50px;padding-right: 50px;}
.pl-50 { padding-left: 50px; }
.pr-50 { padding-right: 50px;}
.p-60 { padding: 60px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.pt-60 { padding-top: 60px; }
.pb-60 { padding-bottom: 60px; }
.px-60 {padding-left: 60px;padding-right: 60px;}
.pl-60 { padding-left: 60px; }
.p-70 { padding: 70px; }
.py-70 { padding-top: 70px; padding-bottom: 70px; }
.pt-70 { padding-top: 70px; }
.pb-70 { padding-bottom: 70px; }
.px-70 {padding-left: 70px;padding-right: 70px;}
.pl-70 { padding-left: 70px; }
.p-80 { padding: 80px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.pt-80 { padding-top: 80px; }
.pb-80 { padding-bottom: 80px; }
.px-80 {padding-left: 80px;padding-right: 80px;}
.pl-80 { padding-left: 80px; }

.m-auto {margin: 0 auto;}
.ml-auto {margin-left: auto;}
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mr-0 {margin-right: 0px !important;}
.ml-0 {margin-left: 0px !important;}
.mt-5 { margin-top: 5px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mr-5 {margin-right: 5px !important;}
.ml-5 {margin-left: 5px !important;}
.my-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mr-10 {margin-right: 10px !important;}
.ml-10 {margin-left: 10px !important;}
.my-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mx-10 {margin-left: 10px; margin-right: 10px;}
.mt-15 { margin-top: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mr-15 {margin-right: 15px !important;}
.ml-15 {margin-left: 15px !important;}
.my-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mx-15 {margin-left: 15px; margin-right: 15px;}
.mt-20 { margin-top: 20px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mr-20 {margin-right: 20px !important;}
.ml-20 {margin-left: 20px !important;}
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mx-20 {margin-left: 20px !important; margin-right: 20px;}
.mb-25 { margin-bottom: 25px !important; }
.mr-25 {margin-right: 25px !important;}
.ml-25 {margin-left: 25px !important;}
.my-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mx-25 {margin-left: 25px !important; margin-right: 25px;}
.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mr-30 {margin-right: 30px !important;}
.ml-30 {margin-left: 30px !important;}
.my-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mx-30 {margin-left: 30px; margin-right: 30px;}
.mt-40 { margin-top: 40px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mr-40 {margin-right: 40px !important;}
.ml-40 {margin-left: 40px !important;}
.my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mx-40 {margin-left: 40px; margin-right: 40px;}
.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mr-50 {margin-right: 50px !important;}
.ml-50 {margin-left: 50px !important;}
.my-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mx-50 {margin-left: 50px; margin-right: 50px;}
.mt-60 { margin-top: 60px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mr-60 {margin-right: 60px !important;}
.ml-60 {margin-left: 60px !important;}
.my-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mx-60 {margin-left: 60px; margin-right: 60px;}
.my--120 {margin-top: -120px;margin-bottom: -120px;}
.opacity-50 {opacity: 0.5;}
.opacity-60 {opacity: 0.6;}
.opacity-70 {opacity: 0.7;}
.opacity-80 {opacity: 0.8;}
.opacity-90 {opacity: 0.9;}
section { margin: 0 !important; }
a:focus, a:focus img { outline: none !important; }
:focus { background: transparent !important; outline: none !important; text-decoration: none !important; }
.meta-info span.blog-category, .meta-info strong { display: none; }
.post-desc { margin-top: 20px; }
.row {
  display: flex;
  flex-wrap: wrap;
  --gap: 30px;
}
.flex-column {flex-direction: column;}
.flex-row {flex-direction: row;}
.column-reverse {flex-direction: column-reverse;}
.flex-end {justify-content: flex-end;}
.col { flex: 1 0 0%; }

.d-none {display: none;}
.d-flex { display: flex;gap: var(--gap); }
.d-block {display: block;}
.d-inline {display: inline-block;}
.d-inline-flex {display: inline-flex;}
.wrap { flex-wrap: wrap; }
.justify-start {justify-content: start;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.direction-column {flex-direction: column;}
.align-start {align-items: flex-start !important;}
.align-center { align-items: center;}
.align-stretch { align-items: stretch;}
.align-end { align-items: flex-end; }

.gap-0 { gap: 0px; }
.gap-4 { gap: 4px; }
.gap-5 { gap: 5px; }
.gap-6 { gap: 6px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-60 { gap: 60px; }
.gap-70 { gap: 70px; }
.gap-0 { --gap: 0px; }
.gap-4 { --gap: 4px; }
.gap-5 { --gap: 5px; }
.gap-6 { --gap: 6px; }
.gap-10 { --gap: 10px; }
.gap-15 { --gap: 15px; }
.gap-20 { --gap: 20px; }
.gap-30 { --gap: 30px; }
.gap-40 { --gap: 40px; }
.gap-50 { --gap: 50px; }
.gap-60 { --gap: 60px; }
.gap-70 { --gap: 70px; }
.row-gap-0 {row-gap: 0px;}
.row-gap-10 {row-gap: 10px;}
.row-gap-15 {row-gap: 15px !important;}
.row-gap-20 {row-gap: 20px;}
.row-gap-30 {row-gap: 30px;}
.row-gap-40 {row-gap: 40px;}
.row-gap-50 {row-gap: 50px;}
.row-gap-60 {row-gap: 60px;}
.row-gap-70 {row-gap: 70px;}

.row > * { box-sizing: border-box; }
.flex-2 > *, .flex-3 > *, .flex-4 > *, .flex-5 > *, .flex-6 > *, .flex-7 > *, .flex-8 > *, .flex-9 > * { width: auto; }
.flex-2 > * { flex: 0 0 calc((100% - (var(--gap) * 1)) / 2); }
.flex-3 > * { flex: 0 0 calc((100% - (var(--gap) * 2)) / 3); }
.flex-4 > * { flex: 0 0 calc((100% - (var(--gap) * 3)) / 4); }
.flex-5 > * { flex: 0 0 calc((100% - (var(--gap) * 4)) / 5); }
.flex-6 > * { flex: 0 0 calc((100% - (var(--gap) * 5)) / 6); }
.flex-7 > * { flex: 0 0 calc((100% - (var(--gap) * 6)) / 7); }
.flex-8 > * { flex: 0 0 calc((100% - (var(--gap) * 7)) / 8); }
.flex-9 > * { flex: 0 0 calc((100% - (var(--gap) * 8)) / 9); }
@media (min-width:768px){
  .col-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
  .col-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-3  { flex: 0 0 25%;        max-width: 25%; }
  .col-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-6  { flex: 0 0 50%;        max-width: 50%; }
  .col-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-9  { flex: 0 0 75%;        max-width: 75%; }
  .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-12 { flex: 0 0 100%;       max-width: 100%; }

  .col-1  { flex-basis: 8.3333%; }
  .col-2  { flex-basis: 16.6667%; }
  .col-3  { flex-basis: 25%; }
  .col-4  { flex-basis: 33.3333%; }
  .col-5  { flex-basis: 41.6667%; }
  .col-6  { flex-basis: 50%; }
  .col-7  { flex-basis: 58.3333%; }
  .col-8  { flex-basis: 66.6667%; }
  .col-9  { flex-basis: 75%; }
  .col-10 { flex-basis: 83.3333%; }
  .col-11 { flex-basis: 91.6667%; }
  .col-12 { flex-basis: 100%; }
} 
.align-items-center { align-items: center; }
.align-items-stretch {align-items: stretch;}
.border-0 {border: 0px solid;}
.border-1 {border: 1px solid;}
.border-2 {border: 2px solid;}
.border-3 {border: 3px solid;}
.border-4 {border: 4px solid;}
.border-5 {border: 5px solid;}
.border-6 {border: 6px solid;}
.borderT {border-top: 1px solid;}
.borderB {border-bottom: 1px solid;}
.borderTB {border-top: 1px solid; border-bottom: 1px solid;}
.borderLR {border-left: 1px solid; border-right: 1px solid;}

.border-white { border-color: #ffffff !important; }
.border-gray { border-color: #e1ded7 !important; }
.border-orange {border-color: #DF6446 ;}

.border-orange-hover:hover {border-color: #DF6446 ;}

.border-t-0 {border-top: 0 !important;}
.border-b-0 {border-bottom: 0 !important;}
.border-l-0 {border-left: 0 !important;}
.border-r-0 {border-right: 0 !important;}
.border-tlr-0 {border-top-left-radius: 0px !important;}
.border-trr-0 {border-top-right-radius: 0px !important;}
.border-brr-0 {border-bottom-right-radius: 0px !important;}
.border-blr-0 {border-bottom-left-radius: 0px !important;}

.radius-5 {border-radius: 5px;}
.radius-6 {border-radius: 6px;}
.radius-8 {border-radius: 8px;}
.radius-10 {border-radius: 10px;}
.radius-15 {border-radius: 15px;}
.radius-20 {border-radius: 20px;}
.radius-25 {border-radius: 25px;}
.radius-30 {border-radius: 30px;}
.radius-40 {border-radius: 40px;}
.radius-50 {border-radius: 50px;}
.radius-5 {border-radius: 50%;}
.transition { transition-property: box-shadow, transform; transition-duration: 350ms; transition-timing-function: ease; }
.transition:is(:hover, :focus) { transform: translateY(-8px); }
.pulse { animation: pulse-animation 2s infinite; }
@keyframes pulse-animation { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } }
.inline-block { display: inline-block; }
.inline-flex {display: inline-flex;}
.object-contain {object-fit: contain;} 
.object-cover {object-fit: cover;}
.w-100 {width: 100%;}
.w-90 {width: 90%;}
.h-100 {height: 100%;}
.height-30 {height:30px !important;}
.width-30 {width: 30px !important;}
.height-40 {height:40px;}
.width-40 {width: 40px;}
.height-50 {height:50px;}
.width-50 {width: 50px;}
.height-60 {height:60px;}
.width-60 {width: 60px;}
.height-70 {height:70px;}
.width-70 {width: 70px;}
.height-80 {height:80px;}
.width-80 {width: 80px;}
.height-90 {height:90px;}
.width-90 {width: 90px;}
.height-100 {height:100px;}
.width-100 {width: 100px;}
.mw-5 {max-width: 500px;width:100%;}
.mw-6 {max-width: 600px;width:100%;}
.mw-7 {max-width: 700px;width:100%;}
.mw-8 {max-width: 800px;width:100%;}
.mw-9 {max-width: 900px;width:100%;}
.w-auto {width:auto;}
.w-fit {width: fit-content;}
.m-table-scroll { overflow-x: scroll; }

.orange-tag {color: #c96442; background: rgba(201, 100, 66, 0.08); border-color: rgba(201, 100, 66, 0.22) !important;}
.green-tag{color: #15803d;background: rgba(21, 128, 61, 0.07);border-color: rgba(21, 128, 61, 0.22) !important;}
.perpal-tag { color: #5b4da0; background: rgba(91,77,160,0.08); border: 1px solid rgba(91,77,160,0.2) !important; }
.orange-tag, .green-tag, .perpal-tag {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:4px 12px;border-radius:100px;border:1px solid;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:40px;font-size:14px;font-weight:500;transition:0.2s ease;cursor:pointer;line-height:1}
.btn-dark{background:#1a1616;color:#f9f7f4}
.btn-dark:hover{background:#2c2626}
.btn-rust{background:#c96442;color:#fff}
.btn-rust:hover{background:#a84f32}
.btn-ghost{background:#fff;color:#1a1616;border:1.5px solid #c8bdb3}
.btn-ghost:hover{border-color:#1a1616;background:#f2ede6}
.btn-sm{padding:9px 19px;font-size:0.82rem}
.btn svg,.btn .arrow{width:14px;height:14px;flex-shrink:0}
.btn-cream { background: #f9f7f4; color: #1a1616; }
/********** common css end **********/
/* For mobile only */
@media (min-width: 992px) {
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 768px) {
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}

@media (max-width: 992px) {  
  body {overflow-x: hidden;}
  .col-md-12 { flex: 0 0 100%; }
  .col-md-6  { flex: 0 0 50%; }
  .col-md-4  { flex: 0 0 33.333%; }
  .col-md-3  { flex: 0 0 25%; }
  h2, .sec-head h2, .sec-head h3, h3 { font-size: 32px; }
  .fs-46 { font-size: 32px !important; }
  .py-60 { padding-top: 30px !important; padding-bottom: 30px !important; }
  .pt-60 { padding-top: 30px !important; }
  .pb-60 { padding-bottom: 30px !important; }
}


@media (max-width: 767px) {
  .mobile-hide {display: none;}
  .m-hide-bgimg img.cover-img { display: none; }
  .m-pos-inherit {position: inherit !important;}
  .mob-wh-auto {width: auto;height: auto;}
  .m-column {flex-direction: column;}
  .m-justify-center {justify-content: center;}
  .m-center {text-align: center;}
  .margin-auto {margin: 0 auto;}
  .mob-border-0 {border: 0px !important;}
  .m-column-reverse {flex-direction: column-reverse;}
  .m-hide-bgimg {background-image: none !important;}
  h2, .sec-head h3, .sec-head h2 { font-size: 28px; }

  .fs-46 {font-size: 34px !important;}
  .fs-40 {font-size: 32px !important;}
  .fs-38 {font-size: 28px !important;}
  .fs-36 {font-size: 26px !important;}
  .fs-34 {font-size: 26px !important;}
  .fs-32 {font-size: 24px !important;}
  .fs-30 {font-size: 24px !important;}
  .fs-28 {font-size: 22px !important;}
  .fs-26 {font-size: 22px !important;}
  .fs-24 {font-size: 22px !important;}
  .fs-22 {font-size: 20px !important;}
  .fs-20 {font-size: 17px !important;}

  /* .flex-2 > *, .flex-3 > *, .flex-4 > *, .flex-5 > *, .flex-6 > *, .flex-7 > *, .flex-8 > *, .flex-9 > * { flex: 0 0 calc((100% - var(--gap)) / 2); } */
  .flex-2 > *, .flex-3 > *, .flex-4 > *, .flex-5 > *, .flex-6 > *, .flex-7 > *, .flex-8 > *, .flex-9 > * { flex: 0 0 100%; }
  
  .my-40 { margin-top: 20px!important; margin-bottom: 20px!important; }
  .col-2 { flex: 0 0 100%; }
  .col-sm-12 { flex: 0 0 100%; }
  .col-sm-6  { flex: 0 0 50%; }
  .col-sm-4  { flex: 0 0 33.333%; }  
  .col { flex: 0 0 100% !important; }

  body .mb-60 { margin-bottom: 30px !important; }
  .gap-50 { gap: 30px; }
  .gap-70 { gap: 20px; }

  .p-30 { padding: 15px; }
  .p-40 { padding: 20px; }
  .pr-40 { padding-right: 20px; }
  .py-40 { padding-top: 20px; padding-bottom: 20px; }
  .p-50 { padding: 30px; }
  .pl-60 { padding-left: 30px; }
  .py-60 { padding-top: 30px; padding-bottom: 30px; }

  .mob-p-0 { padding: 0 !important;}
  .mob-pt-0 { padding-top: 0px !important;}  
  .mob-pb-0 { padding-bottom: 0px !important;}
  .mob-pt-10 {padding-top: 10px !important;}
  .mob-pb-10 { padding-bottom: 10px !important;}
  .mob-p-20 {padding: 20px !important;}
  .mob-pt-20 {padding-top: 20px !important;}
  .mob-pb-20 { padding-bottom: 20px !important;}
  .mob-pt-30 {padding-top: 30px !important;}
  .mob-pb-30 { padding-bottom: 30px !important;}
  .mob-pt-40 { padding-top: 40px !important;}
  .mob-pb-40 { padding-bottom: 40px !important;}
  .mob-pb-45 { padding-bottom: 45px !important;}
  .mob-pt-45 {padding-top: 45px !important;}    
  .mob-pt-50 { padding-top: 50px !important;}  
  .mob-pb-50 { padding-bottom: 50px !important;}

  .mob-mb-0 { margin-bottom: 0 !important;}
  .mob-mt-0 { margin-top: 0 !important; }
  .mob-my-0 { margin-top: 0 !important;margin-bottom: 0 !important; }
  .mob-my-0 {margin: 0 !important;}
  .mob-mb-10 { margin-bottom: 10px !important;}
  .mob-mb-45 { margin-bottom: 45px !important;}
  .mob-mb-50 { margin-bottom: 50px !important;}
  .mob-mb-35 { margin-bottom: 35px !important;}
  .mob-mb-30 { margin-bottom: 30px !important; }
  .mob-mt-30 { margin-top: 30px !important; }
  .mob-mt-20 { margin-top: 20px !important; }
  .mob-mb-20 { margin-bottom: 20px !important; }  

  .mob-gap-0 { gap: 0px !important;}
  .mob-gap-10 { gap: 10px !important;}
  .mob-gap-20 { gap: 20px !important;}
  .mob-gap-30 { gap: 30px !important;}

  .hide-mob {display: none !important;}
  .hide-desk {display: block;}
  .m-column {flex-direction: column;}
  .m-center {text-align: center;}
}


@media (max-width: 576px) {
  .col-3 { flex: 0 0 100%; }

  .col-sm-1  { flex: 0 0 8.333%; max-width: 8.333%; }
  .col-sm-2  { flex: 0 0 16.666%; max-width: 16.666%; }
  .col-sm-3  { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4  { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-sm-5  { flex: 0 0 41.666%; max-width: 41.666%; }
  .col-sm-6  { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7  { flex: 0 0 58.333%; max-width: 58.333%; }
  .col-sm-8  { flex: 0 0 66.666%; max-width: 66.666%; }
  .col-sm-9  { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.333%; max-width: 83.333%; }
  .col-sm-11 { flex: 0 0 91.666%; max-width: 91.666%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 768px) {
  .col-md-1  { flex: 0 0 8.333%; max-width: 8.333%; }
  .col-md-2  { flex: 0 0 16.666%; max-width: 16.666%; }
  .col-md-3  { flex: 0 0 25%; max-width: 25%; }
  .col-md-4  { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-md-5  { flex: 0 0 41.666%; max-width: 41.666%; }
  .col-md-6  { flex: 0 0 50%; max-width: 50%; }
  .col-md-7  { flex: 0 0 58.333%; max-width: 58.333%; }
  .col-md-8  { flex: 0 0 66.666%; max-width: 66.666%; }
  .col-md-9  { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.333%; max-width: 83.333%; }
  .col-md-11 { flex: 0 0 91.666%; max-width: 91.666%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
  .col-lg-1  { flex: 0 0 8.333%; max-width: 8.333%; }
  .col-lg-2  { flex: 0 0 16.666%; max-width: 16.666%; }
  .col-lg-3  { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4  { flex: 0 0 33.333%; max-width: 33.333%; }
  .col-lg-5  { flex: 0 0 41.666%; max-width: 41.666%; }
  .col-lg-6  { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7  { flex: 0 0 58.333%; max-width: 58.333%; }
  .col-lg-8  { flex: 0 0 66.666%; max-width: 66.666%; }
  .col-lg-9  { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.333%; max-width: 83.333%; }
  .col-lg-11 { flex: 0 0 91.666%; max-width: 91.666%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}