/* Variables

   ========================================================================== */



:root {

  /* Colors */

  --primary: #70778b;

  --black: #000000;

  --black-200:#0a0909;
  --raisin-black:#231F20;

  --black-300:#222222;

  --black-400:#423f3c;

  --white: #ffffff;

  --white-500:#fafafa;

  --white-600:#f8f6f3;

  --white-coffee:#e8e0d7;

  --dim-gray: #2c2b2a;

  --granite-gray:#666666;

  /*Fonts*/

  --font-Inter: "Inter", sans-serif;

  --font-Agaramond: "adobe-garamond-pro", serif;

  --font-Roboto: "Roboto", sans-serif;
  --font-GreatVibes: "Great Vibes", cursive;

  /*Fonts Weights*/

  --weight-Thin: 100;

  --weight-ExtraLight: 200;

  --weight-Light: 300;

  --weight-Regular: 400;

  --weight-Medium: 500;

  --weight-SemiBold: 600;

  --weight-Bold: 700;

  --weight-ExtraBold: 800;

  --weight-Balck: 900;

  /*Body*/

  --body-font-family: var(--font-Inter);

  --body-font-smsize: 0.875rem;

  --body-font-size: 1rem;

  --body-font-xlsize: 1.125rem;

  --body-font-weight: 400;

  --body-line-height: 1.7;

  --body-line-smheight: 1.25;

  --body-line-xlheight: 1.75;

  --body-color: var(--black);

  --body-bg: var(--white);

  /*Headings*/

  --h1-font-size: 3rem;

  --h2-font-size: 2.825rem;

  --h3-font-size: 2.5rem;

  --h4-font-size: 1.75rem;

  --h5-font-size: 1.25rem;

  --h6-font-size: 1rem;

  /*Container*/

  --container-width-sm: 640px;

  --container-width-md: 768px;

  --container-width-lg: 1024px;

  --container-width-2lg: 1210px;

  --container-width-xl: 1330px;

  --container-width-1xl: 1460px;

  --container-width-2xl: 1535px;

  --container-width-3xl: 1600px;

  /*Grid*/

  /*Grid item Gap*/

  --grid-gap-1: 1rem;

  --grid-gap-2: 2rem;

  --grid-gap-3: 3rem;

  --grid-gap-4: 4rem;

  --grid-gap-5: 5rem;

}



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;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}



*,

:after,

:before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



body {

  font-family: var(--body-font-family);

  font-weight: var(--weight-Regular);

  font-size: 1rem;

  color: var(--raisin-black);

  line-height: 1.5;

  overflow-x: hidden;

}



p {

  color: var(--raisin-black);

  font-size: 1.125rem;

  line-height: 1.7;

  margin-bottom: 24px;

}



a {

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

  cursor: pointer;

  text-decoration: none;

}

p a,

li a {

  color: var(--granite-gray);

}



li {

  font-weight: var(--weight-Regular);

  font-style: normal;

  line-height: 1.7;

}



a img {

  outline: none;

  border: none;

}



img {

  max-width: 100%;

}



input:focus,

input:active {

  outline: none;

}



blockquote,

q {

  quotes: none;

}



form,

fieldset {

  border-style: none;

  margin: 0;

  padding: 0;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



sup {

  vertical-align: super;

  font-size: smaller;

}



.clearfix {

  clear: both;

}



.clearfix::after {

  clear: both;

}



.clearfix::before,

.clearfix::after {

  content: " ";

  display: table;

}



.alignnone {

  margin: 5px 20px 20px 0;

}



.alignright {

  float: right;

  margin: 5px 0 20px 20px;

}



.alignnone {

  margin: 5px 20px 20px 0;

}



.alignleft {

  float: left;

  margin: 5px 20px 20px 0;

}



.aligncenter {

  display: block;

  margin: 0 auto;

}



.clearfix:before,

.clearfix:after {

  content: " ";

  display: table;

}



.clearfix:after {

  clear: both;

}



b,

strong {

  font-weight: var(--weight-Bold);

}



i,

em {

  font-style: italic;

}



ol {

  padding-left: 20px;

}



ol li {

  list-style-position: outside;

  list-style-type: decimal;

}



img {

  max-width: 100%;

  height: auto;

  vertical-align: top;

}



.clear {

  clear: both;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--font-Agaramond);

  font-weight: var(--weight-Medium);

  color: var(--raisin-black);

  margin-bottom: 15px;

}



h1 {

  font-size: 3rem;

  line-height: 1.2;

}



h2 {

  font-size: 2.625rem;

  line-height: 1.2;

}



h3 {

  font-size: 2.5rem;

  line-height: 1.2;

}



h4 {

  font-size: 2rem;

  line-height: 1.2;

}



h5 {

  font-size: 1.5rem;

  line-height: 1.2;

}



h6 {

  font-size: 1rem;

  line-height: 1.4;

}



.relative {

  position: relative;

}



.overflow-hidden {

  overflow: hidden;

}



.w-full {

  width: 100%;

}



.font-200 {

  font-weight: var(--weight-ExtraLight);

}



.font-300 {

  font-weight: var(--weight-Light);

}



.font-400 {

  font-weight: var(--weight-Regular);

}



.font-500 {

  font-weight: var(--weight-Medium);

}



.font-600 {

  font-weight: var(--weight-SemiBold);

}



.font-700 {

  font-weight: var(--weight-Bold);

}



.font-800 {

  font-weight: var(--weight-ExtraBold);

}



.text-center {

  text-align: center;

}



.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}

.text-uppercase {

  text-transform: uppercase;

}



.visible {

  display: block;

}



.hidden {

  display: none;

}



.fa,

.fas {

  font-size: 20px;

}



.pdl-0 {

  padding-left: 0;

}



.pdl-10 {

  padding-left: 10px;

}



.pdl-20 {

  padding-left: 20px;

}



.pdl-30 {

  padding-left: 30px;

}

.pdl-40 {

  padding-left: 40px;

}

.pdl-50 {

  padding-left: 50px;

}

.pdl-60 {

  padding-left: 60px;

}



.pdr-0 {

  padding-right: 0;

}



.pdr-10 {

  padding-right: 10px;

}



.pdr-20 {

  padding-right: 20px;

}



.pdr-30 {

  padding-right: 30px;

}

.pdr-40 {

  padding-right: 40px;

}

.pdr-50 {

  padding-right: 50px;

}

.pdr-60 {

  padding-right: 60px;

}



.pdt-0 {

  padding-top: 0;

}



.pdt-10,

.pd-10 {

  padding-top: 10px;

}



.pdt-20,

.pd-20 {

  padding-top: 20px;

}



.pdt-30,

.pd-30 {

  padding-top: 30px;

}



.pdt-40,

.pd-40 {

  padding-top: 40px;

}



.pdt-50,

.pd-50 {

  padding-top: 50px;

}



.pdt-60,

.pd-60 {

  padding-top: 60px;

}



.pdt-70,

.pd-70 {

  padding-top: 70px;

}



.pdt-80,

.pd-80 {

  padding-top: 80px;

}



.pdt-90,

.pd-90 {

  padding-top: 90px;

}



.pdt-100,

.pd-100 {

  padding-top: 100px;

}



.pdb-0 {

  padding-bottom: 0;

}



.pdb-10,

.pd-10 {

  padding-bottom: 10px;

}



.pdb-20,

.pd-20 {

  padding-bottom: 20px;

}



.pdb-30,

.pd-30 {

  padding-bottom: 30px;

}



.pdb-40,

.pd-40 {

  padding-bottom: 40px;

}



.pdb-50,

.pd-50 {

  padding-bottom: 50px;

}



.pdb-60,

.pd-60 {

  padding-bottom: 60px;

}



.pdb-70,

.pd-70 {

  padding-bottom: 70px;

}



.pdb-80,

.pd-80 {

  padding-bottom: 80px;

}



.pdb-90,

.pd-90 {

  padding-bottom: 90px;

}



.pdb-100,

.pd-100 {

  padding-bottom: 100px;

}



.mt-0 {

  margin-top: 0;

}



.mt-10,

.my-10 {

  margin-top: 10px;

}



.mt-20,

.my-20 {

  margin-top: 20px;

}



.mt-30,

.my-30 {

  margin-top: 30px;

}



.mt-40,

.my-40 {

  margin-top: 40px;

}



.mt-50,

.my-50 {

  margin-top: 50px;

}



.mt-60,

.my-60 {

  margin-top: 60px;

}



.mt-70,

.my-70 {

  margin-top: 70px;

}



.mt-80,

.my-80 {

  margin-top: 80px;

}



.mt-90,

.my-90 {

  margin-top: 90px;

}



.mt-100,

.my-100 {

  margin-top: 100px;

}



.mb-0 {

  margin-bottom: 0;

}



.mb-10,

.my-10 {

  margin-bottom: 10px;

}



.mb-20,

.my-20 {

  margin-bottom: 20px;

}



.mb-30,

.my-30 {

  margin-bottom: 30px;

}



.mb-40,

.my-40 {

  margin-bottom: 40px;

}



.mb-50,

.my-50 {

  margin-bottom: 50px;

}



.mb-60,

.my-60 {

  margin-bottom: 60px;

}



.mb-70,

.my-70 {

  margin-bottom: 70px;

}



.mb-80,

.my-80 {

  margin-bottom: 80px;

}



.mb-90,

.my-90 {

  margin-bottom: 90px;

}



.mb-100,

.my-100 {

  margin-bottom: 100px;

}



/* ================================= */



/* ========== Grid Element ========== */



/* ================================ */



.grid-div {

  display: grid;

}



.col-grid-1 {

  grid-template-columns: repeat(1, minmax(0, 1fr));

}



.col-grid-2 {

  grid-template-columns: repeat(2, minmax(0, 1fr));

}



.col-grid-3 {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}



.col-grid-4 {

  grid-template-columns: repeat(4, minmax(0, 1fr));

}



.col-grid-5 {

  grid-template-columns: repeat(5, minmax(0, 1fr));

}



.col-grid-6 {

  grid-template-columns: repeat(6, minmax(0, 1fr));

}



.row-grid-1 {

  grid-template-rows: repeat(1, minmax(0, 1fr));

}



.row-grid-2 {

  grid-template-rows: repeat(2, minmax(0, 1fr));

}



.row-grid-3 {

  grid-template-rows: repeat(3, minmax(0, 1fr));

}



.row-grid-4 {

  grid-template-rows: repeat(4, minmax(0, 1fr));

}



.row-grid-5 {

  grid-template-rows: repeat(5, minmax(0, 1fr));

}



.row-grid-5 {

  grid-template-rows: repeat(5, minmax(0, 1fr));

}



.row-grid-6 {

  grid-template-rows: repeat(6, minmax(0, 1fr));

}



.col-span-1 {

  grid-column: span 1 / span 1;

}



.col-span-2 {

  grid-column: span 2 / span 2;

}



.col-span-3 {

  grid-column: span 3 / span 3;

}



.col-span-4 {

  grid-column: span 4 / span 4;

}



.col-span-5 {

  grid-column: span 5 / span 5;

}



.row-span-1 {

  grid-row: span 1 / span 1;

}



.row-span-2 {

  grid-row: span 2 / span 2;

}



.row-span-3 {

  grid-row: span 3 / span 3;

}



.row-span-4 {

  grid-row: span 4 / span 4;

}



.row-span-5 {

  grid-row: span 5 / span 5;

}



.div-gap-2 {

  gap: 0.5rem;

}



.div-gap-3 {

  gap: 0.75rem;

}



.div-gap-4 {

  gap: 1rem;

}



.div-gap-5 {

  gap: 1.25rem;

}



.div-gap-6 {

  gap: 1.5rem;

}



.div-gap-7 {

  gap: 1.75rem;

}



.div-gap-8 {

  gap: 2rem;

}



.divgap-1 {

  gap: var(--grid-gap-1);

}



.divgap-2 {

  gap: var(--grid-gap-2);

}



.divgap-3 {

  gap: var(--grid-gap-3);

}



.divgap-4 {

  gap: var(--grid-gap-4);

}



.divgap-5 {

  gap: var(--grid-gap-5);

}



.flex-div {

  display: flex;

}



.flex-col {

  flex-direction: column;

}



.flex-row {

  flex-direction: row;

}



.wrap-flex {

  flex-wrap: wrap;

}



.nowrap-flex {

  flex-wrap: nowrap;

}



.justify-center {

  justify-content: center;

}



.justify-between {

  justify-content: space-between;

}



.justify-start {

  justify-content: flex-start;

}



.justify-end {

  justify-content: flex-end;

}



.items-center {

  align-items: center;

}



.items-start {

  align-items: flex-start;

}



.items-end {

  align-items: flex-end;

}



.flex-grow {

  flex-grow: 1;

}



.flex-right {

  justify-content: flex-end;

}



.order-1 {

  order: 1;

}



.order-2 {

  order: 2;

}



.order-3 {

  order: 3;

}



.zin-0 {

  z-index: 0;

}



.zin-10 {

  z-index: 10;

}



.zin-20 {

  z-index: 20;

}



.zin-30 {

  z-index: 30;

}



.zin-40 {

  z-index: 40;

}



.zin-50 {

  z-index: 50;

}



.zin-auto {

  z-index: auto;

}



/* ================================= */



/* ========= Common Element ======== */



/* ================================ */



.flex-slider .owl-stage,

.flex-slider .owl-item {

  display: flex;

  justify-content: center;

}



.owl-carousel .owl-nav button.owl-prev img {

  float: left;

}



.owl-carousel .owl-nav button.owl-next img {

  float: right;

}



.owl-carousel .owl-nav button.owl-prev {

  left: -15px;

  text-align: left;

}



.owl-carousel .owl-nav button.owl-next {

  right: -15px;

  text-align: right;

}



.owl-theme .owl-dots {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  margin-top: 2rem;

}



.owl-theme .owl-nav {

  margin-top: 0;

}



.owl-theme .owl-dots .owl-dot {

  margin: 0;

  height: 20px;

  width: 20px;

  border-radius: 999px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  position: relative;

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

}

.owl-theme .owl-nav.disabled + .owl-dots {

  margin-top: 24px;

}



.owl-theme .owl-dots .owl-dot span {

  border: 1px solid var(--granite-gray);

  background-color: var(--white-600);

  height: 10px;

  width: 10px;

  border-radius: 9999px;

  margin: 0;

  display: inline-block;

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

}

.owl-theme .owl-dots .owl-dot.active {

  border-color: var(--dim-gray);

}

.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background-color: var(--dim-gray);

  border-color: var(--dim-gray);

}



.owl-theme .owl-dots .owl-dot::before,

.owl-theme .owl-dots .owl-dot::after {

  content: "";

  position: absolute;

  height: 1px;

  -webkit-transform: translate3d(0px, -50%, 0);

  transform: translate3d(0px, -50%, 0);

  width: 100px;

  top: 50%;

}



/* .owl-theme .owl-dots > .owl-dot:first-child:before {

  right: 30px;

  background-color: var(--grey-700);

}

.owl-theme .owl-dots > .owl-dot:last-child::after {

  left: 30px;

  background-color: var(--grey-700);

} */



.owl-carousel .owl-nav {

  margin-top: 2rem;

}



.owl-carousel .owl-nav button i {

  border: 1px solid #9fa0a5;

  background-color: #c6c4c0;

  color: var(--raisin-black);

  width: 54px;
  height: 54px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 60px;

  transition-property: all;

  transition-duration: 250ms;

  font-size: 1.25rem;

  font-weight: var(--weight-Medium);

}

.owl-carousel .owl-nav button.owl-prev i {

  margin-right: 0.5rem;

}

.owl-carousel .owl-nav button.owl-next i {

  margin-left: 0.5rem;

}



.owl-carousel .owl-nav button.owl-prev,

.owl-carousel .owl-nav button.owl-next {

  position: absolute;

  top: 50%;

  z-index: 10;

  font-size: 1rem;

  text-transform: uppercase;

  border-radius: 0;

  /* background-color: var(--orange-400);

  border: 1px solid var(--orange-400); */

  color: var(--white);

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  transition-property: all;

  transition-duration: 250ms;

  margin: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.owl-carousel .owl-nav button.owl-prev {

  -webkit-transform: translate3d(0px, -50%, 0);

  transform: translate3d(0px, -50%, 0);

}



.owl-carousel .owl-nav button.owl-next {

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}



.owl-carousel .owl-nav button.owl-prev:hover,

.owl-carousel .owl-nav button.owl-next:hover {

  background-color: transparent;

  opacity: 1;

  color: var(--white);

}

.owl-carousel .owl-nav button:hover i {

  background-color: var(--dim-gray);

  border-color: var(--dim-gray);

  color: var(--white);

}

.owl-theme .owl-nav [class*="owl-"]:hover {

  background: transparent;

}



.custom-nav {

  display: flex;

}

.hero-slider-nav{
  display: none;
}

.custom-nav button {

  background-color: transparent;

  border: none;

  z-index: 10;

  font-size: 1rem;

  text-transform: uppercase;

  border-radius: 0;

  color: var(--raisin-black);

  cursor: pointer;

  margin: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

}

.custom-nav button i {

  border: 1px solid #c6c4c0;

  background-color: #c6c4c0;

 width: 54px;
 height: 54px;

  font-size: 1.25rem;

  font-weight: var(--weight-Medium);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 60px;

  transition-property: all;

  transition-duration: 250ms;

}

.custom-nav button.customPrevBtn i {

  margin-right: 0.5rem;

}

.custom-nav button.customNextBtn i {

  margin-left: 0.5rem;

}



.custom-nav button:hover i {

  background-color: var(--dim-gray);

  border-color: var(--dim-gray);

  color: var(--white);

}



.custom-nav button.customPrevBtn {

  left: 20px;

}

.custom-nav button.customNextBtn {

  right: 20px;

}



.owl-carousel .owl-item img {

  width: auto;

  margin: 0 auto;

}



.site-btn {

  padding: 4px 4px 3px 4px;

  font-size: 1.125rem;

  font-family: var(--font-Inter);

  font-weight: var(--weight-SemiBold);

  text-transform: uppercase;

  position: relative;

  z-index: 1;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;

  text-align: center;

  border-width: 1px;

  border-style: solid;

  border-color: transparent;

  border-radius: 0;

  letter-spacing: 2px;

  min-width: 160px;

  cursor: pointer;

}
.site-btn > .btn-text{
  padding: 16px 30px;
  display: inline-block;
  width: 100%;
}
.border-line {
    position: absolute;
    transform: scale(0);
    transition: transform 0.3s ease-out;
}
.primary-btn >.border-line{
  background-color: var(--dim-gray);

}
.secondary-btn >.border-line{
  background-color: var(--white-coffee);

}
.primary-btn >.btn-text{

  background-color: var(--dim-gray);

  color: var(--white);
}
.secondary-btn>.btn-text {

  color: var(--dim-gray);

  background-color: var(--white-coffee);

}
.site-btn .border-top,
.site-btn .border-bottom {
    height: 1px;
    width: 100%;
}

.site-btn .border-left,
.site-btn .border-right {
    width: 1px;
    height: 100%;
}

.site-btn .border-top {
    top: 0;
    left: 0;
    transform-origin: left;
}

.site-btn .border-right {
    top: 0;
    right: 0;
    transform-origin: top;
}

.site-btn .border-bottom {
    bottom: -1px;
    right: 0;
    transform-origin: right;
}

.site-btn .border-left {
    bottom: 0;
    left: 0;
    transform-origin: bottom;
}


/* --- ON HOVER (Forward Animation) --- */
.site-btn:hover .border-line {
    transform: scale(1);
    /* Expand all lines to full size */
}

/* Stagger the delays for the ON hover state (Clockwise: LTR) */
.site-btn:hover .border-top {
    transition-delay: 0s;
}

.site-btn:hover .border-right {
    transition-delay: 0.3s;
}

.site-btn:hover .border-bottom {
    transition-delay: 0.6s;
}

.site-btn:hover .border-left {
    transition-delay: 0.9s;
}


/* --- ON HOVER OUT (Reverse Animation) --- */
/* The "hover out" uses the default .line transition property */
/* To reverse the sequence (Counter-Clockwise), we *remove* the delays in reverse order */

.site-btn .border-top {
    transition-delay: 0.9s;
}

/* This line is the LAST to retract */
.site-btn .border-right {
    transition-delay: 0.6s;
}

.site-btn .border-bottom {
    transition-delay: 0.3s;
}

.site-btn .border-left {
    transition-delay: 0s;
}


/*
.site-btn::before, .site-btn::after,
.site-btn span::before,
.site-btn span::after {
  width: 106%;
  height: 130%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  content: "";
}
.site-btn::before {
  border-top-width: 1px;
  transition-delay: 0.3s;
  transform-origin: right top;
}
.site-btn::after {
  border-bottom-width: 1px;
  transition-delay: 0.9s;
  transform-origin: left bottom;
}
.site-btn span::before {
  border-left-width: 1px;
  transition-delay: 0.6s;
  transform-origin: left top;
}
.site-btn span::after {
  border-right-width: 1px;
  transition-delay: 1.2s;
  transform-origin: right bottom;
}
.site-btn:hover::before, .site-btn:hover::after,
.site-btn:hover span::before,
.site-btn:hover span::after {
  transform: translate(-50%, -50%) scale(1);
}

.site-btn >span {

  display: inline-block;
}
*/


.primary-btn.icon-arrow-right::before {

  color: var(--black-400);

}






.secondary-btn.icon-arrow-right::before {

  color: var(--white);

}





.icon-arrow-right:before {

  content: "\f061";

}



/* .site-btn::before {

  right: -20px;

  top: 0;

} */



/* .site-btn:hover:before {

  right: 16px;

} */

.arrow-link {

  font-weight: var(--weight-SemiBold);

  color: var(--blue-500);

  text-transform: uppercase;

  font-size: 0.875rem;

}

.arrow-link i {

  background-color: var(--blue-400);

  color: var(--white);

  width: 26px;

  height: 26px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 999px;

  margin-left: 1rem;

}



section .btn,

section .btn-wrap a {

  text-decoration: none;

}



section ul li {

  list-style: none;

}



ul li {

  list-style: none;

}



section ol {

  margin-bottom: 20px;

}



section ul {

  margin-bottom: 15px;

}



section li {

  font-size: 1.125rem;

  color: var(--raisin-black);

  font-weight: var(--weight-Regular);

}



section ul li {

  list-style: none;

  font-family: inherit;

  position: relative;

  padding-left: 1.875rem;

}


section ul li::before {

  content: "\f058";

  font-family: 'Font Awesome 7 Pro';

  font-weight: var(--weight-Bold);

  color: var(--granite-gray);

  position: absolute;

  left: 0;

  top: 0px;

  border-radius: 999px;

}
section ul li ul{
  padding-left: 1rem;
}
section ul li ul li,
.page-template-page-with-no-hero section ul li ul li{
  list-style: circle;
  padding-left: 0;
}

section ul li ul li::before {
  content: '';

}

section article blockquote {

  border-left: 4px solid var(--white-coffee);

  padding-left: 1.5rem;

  margin-bottom: 24px;

}
section article li blockquote {

  border-left:none;

  padding-left: 0;

  margin-bottom: 0;

}




.section-title,

.block-title {

  position: relative;

}

.section-title .title-img img{
  max-width: 400px;
  width: 100%;
}


/* .section-title::before,

.block-title::before,

.section-title::after,

.block-title::after {

  content: "";

  position: absolute;

  top: -10px;

  left: 0;

  width: 30px;

  border-top: 1px solid var(--orange-400);

}

.section-title::after,

.block-title::after {

  top: -7px;

  left: 10px;

}

.section-title.text-center::before,

.block-title.text-center::before,

.section-title.text-center::after,

.block-title.text-center::after {

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.section-title.text-center::after,

.block-title.text-center::after {

  -webkit-transform: translate(-7px, -50%);

  transform: translate(-7px, -50%);

} */

.section-title h1,

.section-title h2,

.block-title h2 {

  font-family: var(--font-Agaramond);

  color: var(--raisin-black);

  font-weight: var(--weight-Regular);

  line-height: 1.2;

  margin-bottom: 0;

}

.section-title h1 > span,

.section-title h2 > span,

.block-title h2 > span {

  color: var(--dim-gray);

}

.section-title h1.text-lg,

.section-title h2.text-lg,

.block-title h2.text-lg {

  font-size: 2.25rem;

}



.section-title h1.text-xl,

.section-title h2.text-xl,

.block-title h2.text-xl {

  font-size: 2.875rem;

}

.section-title h1.text-2xl,

.section-title h2.text-2xl,

.block-title h2.text-2xl {

  font-size: 3.25rem;

}



.section-title h1 br,

.section-title h2 br,

.section-title h3 br,

.block-title h1 br,

.block-title h2 br,

.block-title h3 br {

  display: none;

}



.block-title h2 {

  position: relative;

  margin-bottom: 5px;

}



.section-title h4,

.block-title h4 {

  font-weight: var(--weight-Regular);

  font-size: 2.125rem;

}

.section-title .title-icon,

.block-title .title-icon {

  margin-bottom: 0.5rem;

  display: block;

}

.section-title h6,

.block-title h6 {

  text-transform: uppercase;

  font-family: var(--font-Inter);

  font-weight: var(--weight-Medium);

  font-size: 1rem;

  color: var(--granite-gray);

  position: relative;

}



.bgc-dim-gray .section-title h6,

.bgc-dim-gray .block-title h6{

  color: var(--white-600);

} 



.section-title .title-text {

  max-width: 1000px;

}

.section-title.text-center .title-text {

  margin-left: auto;

  margin-right: auto;

}

.section-title .title-text p > br {

  display: none;

}



.bg-image {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: relative;

}

.bgc-white-smoke {

  background-color: var(--white-smoke);

}



.bgc-white-500 {

  background-color: var(--white-500);

}

.bgc-white-600 {

  background-color: var(--white-600);

}

.bgc-black-200 {

  background-color: var(--black-200);

}

.bgc-black-300 {

  background-color: var(--black-300);

}

.bgc-dim-gray{

  background-color: var(--dim-gray);

}

.bgc-black {

  background-color: var(--raisin-black);

}



.bgc-black .primary-btn:hover {

  background-color: var(--white);

  border-color: var(--white);

  color: var(--black-500);

}

.bgc-black .primary-btn::before {

  color: var(--black-500);

}



.bgc-black h2,

.bgc-black h3,

.bgc-black h4,

.bgc-black h5,

.bgc-black h6,

.bgc-black p,

.bgc-black li,

.bgc-dim-gray h1,

.bgc-dim-gray h2,

.bgc-dim-gray h3,

.bgc-dim-gray h4,

.bgc-dim-gray h5,

.bgc-dim-gray h6,

.bgc-dim-gray p,

.bgc-dim-gray li{

  color: var(--white);

}





.max-w-full {

  max-width: 100%;

  width: 100%;

  margin: 0 auto;

  padding: 0 1.5rem;

}



.cbp-spmenu-push {

  min-height: 100vh;

  display: flex;

  flex-direction: column;

}



.max-screen-md,

.max-screen-lg,

.max-screen-2lg,

.max-screen-xl,

.max-screen-xl1,

.max-screen-xl2,

.max-screen-xl3 {

  width: 100%;

  padding: 0 1.5rem;

  margin: 0 auto;

}



.mx-auto {

  margin: 0 auto;

}



.max-screen-sm {

  max-width: var(--container-width-sm);

}



.max-screen-md {

  max-width: var(--container-width-md);

}



.max-screen-lg {

  max-width: var(--container-width-lg);

}



.max-screen-2lg {

  max-width: var(--container-width-2lg);

}



.max-screen-xl {

  max-width: var(--container-width-xl);

}



.max-screen-xl1 {

  max-width: var(--container-width-1xl);

}



.max-screen-xl2 {

  max-width: var(--container-width-2xl);

}

.max-screen-xl3 {

  max-width: var(--container-width-3xl);

}



/* ======================================= */



/* ============== Header ================= */



/* ======================================= */



svg:not(:root) {

  overflow: hidden;

}



svg.icon {

  display: inline-block;

  fill: currentcolor;

  height: 1em;

  position: relative;

  top: -0.0625em;

  vertical-align: middle;

  width: 1em;

}

.site-header .max-w-full {

  padding: 0 1rem;

}

.site-header .sub-menu-toggle {

  display: none;

}



.site-header .top-head {

  background-color: var(--dim-gray);

  position: relative;

  padding: 10px 0;

}

.site-header .top-head span{

  display: flex;

  font-weight: var(--weight-SemiBold);

}

.site-header .top-head span >a{

  margin-left: 2rem;

  color: var(--white);

}

.site-header .top-head span >a i,
.site-header .other-link a i{

  transform: rotate(40deg);

  margin-right: 0.5rem;

}

.site-header .social-links{

  margin-left: 1.5rem;

}

.site-header .social-links ul{

  display: flex;

  align-items: center;

}

.site-header .social-links li {

  margin: 0 0.5rem;

}

.site-header .social-links li a {

  color: var(--white);

  font-size: 0.925rem;

}

.site-header .social-links li a:hover {

  color: var(--blue-700);

}

.site-header {

  width: 100%;

  left: 0;

  right: 0;

  z-index: 999;
  position:fixed;

  -webkit-transition: background-color 0.5s;

  transition: background-color 0.5s;

  background: #000000;

background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 100%);

background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 100%);

background: linear-gradient(180deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=0);

}



.site-header.sticky-header {

  position: fixed;

  top: 0;

}

.single-page .site-header.sticky-header{

  position: fixed;

  top: 0;

}



.site-header .bottom-head {

  padding: 1rem 0;

  /* background-color: var(--raisin-black); */

}
.site-header.sticky-header .bottom-head {
	background-color: #0b131d;
}

.site-header .bottom-head .content {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

}



.site-header .bottom-head .left-wrap {

  width: 210px;

}



.site-header .bottom-head .site-logo {

  padding: 0;

}

.site-header .bottom-head .site-logo .logo-small {
width: 60px;
 opacity: 0;
 visibility: hidden;
 display: none;

}
.site-header.sticky-header .site-logo a {
 display: none;
}
.site-header.sticky-header .site-logo .logo-small {
  opacity: 1;
  visibility: visible;
  display: block;
}



.site-header .site-nav {

  display: flex;

  flex-flow: row wrap;

  align-items: center;

}



/* .site-header .other-link {

  display: none;

} */

.site-header .other-link ul {

  display: flex;

  align-items: center;
  gap: 1rem;

}



.site-header .other-link ul li {

  margin-right: 10px;

  color: var(--grey-600);

}



.site-header .other-link ul li:first-child {

  margin-left: 0;

}



.site-header .other-link ul li a[href^="tel:"] > span {

  display: flex;

  align-items: center;

  color: var(--grey-600);

}

.site-header .other-link ul li a[href^="tel:"] i {

  border-radius: 9999px;

  margin-right: 0.75rem;

  color: var(--blue-500);

  font-size: 1.125rem;

}

.site-header .other-link ul li a[href^="tel:"] > span span {

  display: block;

  font-size: 0.875rem;

}

.site-header .other-link ul li a[href^="tel:"] > span span > span {

  font-weight: var(--weight-Medium);

  color: var(--white);

  font-size: 0.625rem;

}

.visible-lgscreen{
  display: none;
}
  .visible-smscreen{
    display: block;
  }
  /* .sitephone-no{
    border-top: 1px solid var(--white-coffee);
    margin-top: 1rem;
    padding-top: 1rem;
  } */

   .visible-smscreen a{
    padding: 10px 20px;
    color: var(--white);
    display: block;
  }
  .visible-smscreen a i{
    margin-right: 0.5rem;
  }


.site-header .site-nav .nav {

  order: 1;

}



.site-header .other-link .nav-btn {

  display: flex;

  align-items: center;

}

.site-header .other-link li,

.site-header .other-link a {

  color: var(--white);

}

.site-header .other-link li .search-icon {

  cursor: pointer;

}

.site-header .nav-btn {

  padding: 10px;

}

.site-header .nav-btn > a,

.site-header .other-link .nav-btn > a {

  display: none;

 padding: 4px 4px 3px 4px;

  font-size: 1rem;

  font-family: var(--font-Inter);

  font-weight: var(--weight-SemiBold);

  position: relative;

  z-index: 1;

  text-align: center;

  border-style: solid;

  border-color: transparent;

  color: var(--dim-gray);

  cursor: pointer;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

  text-transform: uppercase;

}

.site-header .other-link .nav-btn > a > .btn-text,
.site-header .nav-btn > a{
  padding: 12px 30px;
  display: inline-block;
  width: 100%;
}
.border-line {
    position: absolute;
    transform: scale(0);
    transition: transform 0.3s ease-out;
}
.site-header .other-link .nav-btn > a >.border-line{
  background-color: var(--white-coffee);

}
.site-header .main-nav .nav-btn > a{
  background-color: var(--white-coffee);
  color: var(--dim-gray) !important;
}
.site-header .other-link .nav-btn > a >.btn-text{

  background-color: var(--white-coffee);

  color: var(--dim-gray);
}
.site-header .other-link .nav-btn > a > .border-top,
.site-header .other-link .nav-btn > a > .border-bottom {
    height: 1px;
    width: 100%;
}

.site-header .other-link .nav-btn > a > .border-left,
.site-header .other-link .nav-btn > a > .border-right {
    width: 1px;
    height: 100%;
}

.site-header .other-link .nav-btn > a > .border-top {
    top: 0;
    left: 0;
    transform-origin: left;
}

.site-header .other-link .nav-btn > a > .border-right {
    top: 0;
    right: 0;
    transform-origin: top;
}

.site-header .other-link .nav-btn > a > .border-bottom {
    bottom: -1px;
    right: 0;
    transform-origin: right;
}

.site-header .other-link .nav-btn > a > .border-left {
    bottom: 0;
    left: 0;
    transform-origin: bottom;
}


/* --- ON HOVER (Forward Animation) --- */
.site-header .other-link .nav-btn > a:hover .border-line {
    transform: scale(1);
    /* Expand all lines to full size */
}

/* Stagger the delays for the ON hover state (Clockwise: LTR) */
.site-header .other-link .nav-btn > a:hover .border-top {
    transition-delay: 0s;
}

.site-header .other-link .nav-btn > a:hover .border-right {
    transition-delay: 0.3s;
}

.site-header .other-link .nav-btn > a:hover .border-bottom {
    transition-delay: 0.6s;
}

.site-header .other-link .nav-btn > a:hover .border-left {
    transition-delay: 0.9s;
}


/* --- ON HOVER OUT (Reverse Animation) --- */
/* The "hover out" uses the default .line transition property */
/* To reverse the sequence (Counter-Clockwise), we *remove* the delays in reverse order */

.site-header .other-link .nav-btn > a > .border-top {
    transition-delay: 0.9s;
}

/* This line is the LAST to retract */
.site-header .other-link .nav-btn > a > .border-right {
    transition-delay: 0.6s;
}

.site-header .other-link .nav-btn > a > .border-bottom {
    transition-delay: 0.3s;
}

.site-header .other-link .nav-btn > a > .border-left {
    transition-delay: 0s;
}

.visible-smscreen.nav-btn > a{
  background-color: var(--white-coffee);
  color: var(--dim-gray);
  }


.slidebtn {

  position: relative;

  margin-top: 0px;

  margin-bottom: 0px;

  cursor: pointer;

  width: 36px;

  float: right;
  padding: 10px  0;

}



#showLeftPush {

  z-index: 22;

}



#closeLeftPush {

  margin-top: 10px;

  margin-right: 10px;

}



.slidebtn .bar {

  width: 100%;

  background-color: var(--white);

  height: 1px;

  margin: 6px 0;

  -webkit-transition: 0.5s cubic-bezier(0.29, 0.73, 0.74, 1.02);

  transition: 0.5s cubic-bezier(0.29, 0.73, 0.74, 1.02);
    border-radius: 0;

}



.slidebtn.active .bar:first-child {

  -webkit-transform: rotate(45deg) translate(4px, 4px);

  transform: rotate(45deg) translate(4px, 4px);

}



.slidebtn.active .bar:nth-child(2) {

  opacity: 0;

}



.slidebtn.active .bar:last-child {

  -webkit-transform: rotate(-45deg) translate(6px, -6px);

  transform: rotate(-45deg) translate(6px, -6px);

}



.crossBtn {

  cursor: pointer;

  float: left;

  width: 46px;

  text-align: center;

  padding: 13px;

  position: absolute;

  left: 5px;

  top: 0;

  z-index: 9999;

  color: var(--white);

}



.crossBtn i {

  font-size: 20px;

  color: var(--white);

}



div.bottom-menu ul > li > a:hover,

div.bottom-menu ul > li.current_page_item > a {

  color: var(--red);

}



/* ===================================== */



/* ============ Contact Form ========== */



/* ==================================== */



.form-group {

  margin-bottom: 1.5rem;

  position: relative;

  display: grid;

}



.form-block p {

  margin-bottom: 0;

}



.form-block div.wpcf7 img.ajax-loader {

  float: right;

}



.form-block div.wpcf7-response-output {

  margin-top: 0.5rem;

}



.form-group label,

.form-block label {

  font-size: 0.875rem;

  color: var(--dim-gray);

  font-weight: var(--weight-Regular);

  display: block;

  margin-bottom: 5px;

}



.form-group .site-form {

  font-family: var(--font-Inter);

  font-weight: var(--weight-Regular);

  background-color: var(--white-600);

  border: 1px solid var(--white-600);

  font-size: 1.125rem;

  color: var(--dim-gray);

  padding: 0.875rem 1.5rem;

  width: 100%;

  position: relative;

  margin: 0;

}



.form-group .custom-select {

  position: relative;

  display: block;

  margin: 0 auto;

  font-family: var(--font-Inter);

  font-weight: var(--weight-Regular);

  background-color: var(--white-600);

  border: 1px solid var(--white-600);

  z-index: 10;

  width: 100%;

}



.form-group .custom-select select {

  border: none;

  outline: none;

  background: transparent;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  margin: 0;

  display: block;

  width: 100%;

  padding: 19px 55px 19px 19px;

  font-weight: var(--weight-Regular);

  font-size: 1.125rem;

  color: var(--dim-gray);

}

.form-group .custom-select::before,

.form-group .custom-select::after {

  font-family: "Font Awesome 7 Pro";

  position: absolute;

  text-align: center;

  color: var(--raisin-black);

  font-size: 20px;

  z-index: -1;

  display: flex;

  align-items: center;

  justify-content: center;

}

/* .form-group .custom-select::before {

  font-weight: var(--weight-Medium);

  content: "\f02d";

  left: 24px;

  top: 0px;

  bottom: 0;

  font-size: 1rem;

} */

.form-group .custom-select::after {

  font-weight: var(--weight-Bold);

  content: "\f107";

  right: 0;

  top: 0;

  width: 50px;

  bottom: 0;

  color: var(--primary);

}



.form-group .site-form:active,

.form-group .site-form:focus,

.form-group .site-form:focus-visible,

.form-group .site-form:visited {

  outline: none;

}



.form-group textarea {

  resize: none;

}



.dd {

  border: 2px solid var(--white-600);

}



.dd .ddTitle {

  background-image: none;

  background-color: transparent;

  font-weight: var(--weight-Regular);

  border: none;

  color: var(--primary);

  padding: 0;

}



.dd .ddChild ul {

  padding-left: 0;

}



.dd .ddChild li:before {

  background-color: transparent;

}



.dd .ddChild li .ddlabel {

  color: var(--primary);

}



.dd .divider {

  border-left: none;

  border-right: none;

  right: 24px;

}



.dd .ddArrow {

  margin-top: 0;

  top: 20px;

}



.borderRadiusTp {

  border-radius: 0;

}



.dd .ddTitle .ddTitleText {

  padding: 10px 20px 9px 18px;

  font-size: 14px;

  color: #071e57;

  letter-spacing: 0;

}



.ddcommon .ddChild li:before {

  width: auto;

  height: auto;

}



.section .ddcommon ul {

  margin: 0;

  padding: 0;

}



form .dd .ddArrow {

  width: 20px;

  right: 4px;

  background-image: url("assets/images/ddarrow.png");

}



.dd .ddChild li {

  padding: 5px 20px;

  background-color: #f5fdff;

  border-bottom: 1px solid #d9dfee;

}



.dd .ddChild li.selected {

  background-color: #252525;

  color: #fff;

}



.dd .ddChild li.selected .ddlabel {

  color: #fff;

}



.form-group select {

  width: 100%;

}

.radio-checkbox .wpcf7-list-item{

  margin: 0 1rem 1rem 0;

}

.radio-checkbox .wpcf7-list-item label{

  font-size: 1rem;

  color: #101e3c;

  margin-bottom: 0;

  display: flex;

  align-items: center;

}

.radio-checkbox input[type="radio"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 18px;

  height: 18px;

  border: 2px solid #b8b4ae;

  background-color: #f8f6f3;

  cursor: pointer;

  margin: 0 8px 0 0;

  position: relative;

}



.radio-checkbox input[type="radio"]:checked {

  background-color: var(--dim-gray);

  border-color: var(--dim-gray);

}



.radio-checkbox input[type="radio"]:checked::before {

  content: "\2713"; 

  display: block;

  text-align: center;

  color: var(--white);

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}





.form-group > span.captchaimage {

  position: absolute;

  right: 0;

  width: 80px;

  text-align: right;

  margin-top: 9px;

}



.form-group.grid-2 {

  gap: 1.5rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}



.form-group.grid-3 {

  gap: 1.5rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}



.form-group.grid-4 {

  gap: 1.5rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}



.form-group.grid-5 {

  gap: 1rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}



/* .form-button {

  overflow: hidden;

} */



.form-button .submit-btn,

.form-button > span,

.form-button button {

  padding: 10px 36px;

  font-size: 1.125rem;

  font-family: var(--font-Inter);

  font-weight: var(--weight-SemiBold);

  position: relative;

  z-index: 1;

  display: inline-block;

  cursor: pointer;

  text-align: center;

  min-width: 220px;

  text-transform: uppercase;

  margin: 0;

  background-color: var(--dim-gray);

  color: var(--white);

  border: 2px solid var(--dim-gray);

  filter: none;

  -webkit-filter: none;

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

}

.form-button > span {

  padding: 0;

}

.form-button > span::before, .form-button > span::after,
.form-button > span span::before,
.form-button > span span::after {
  width: 106%;
  height: 130%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s;
  border-width: 0;
  border-style: solid;
  border-color: var(--dim-gray);
  content: "";
}
.form-button > span::before {
  border-top-width: 1px;
  transition-delay: 0.3s;
  transform-origin: right top;
}
.form-button > span::after {
  border-bottom-width: 1px;
  transition-delay: 0.9s;
  transform-origin: left bottom;
}
.form-button > span span::before {
  border-left-width: 1px;
  transition-delay: 0.6s;
  transform-origin: left top;
}
.form-button > span span::after {
  border-right-width: 1px;
  transform-origin: right bottom;
}
.form-button > span:hover::before, .form-button > span:hover::after,
.form-button > span:hover span::before,
.form-button > span:hover span::after {
  transform: translate(-50%, -50%) scale(1);
}

/* .form-button > span::before {

  content: "\f061";

  font-family: "Font Awesome 7 Pro";

  font-weight: 300;

  text-transform: none;

  -webkit-font-smoothing: antialiased;

  right: -60px;

  top: 0;

  position: absolute;

  height: 100%;

  font-size: 1rem;

  line-height: 3;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  display: flex;

  align-items: center;

} */



/* .form-button > span > span {

  position: absolute;

  width: 25%;

  height: 100%;

  transform: translateY(150%);

  border-radius: 50%;

  left: calc((var(--n) - 1) * 25%);

  transition: 0.5s;

  transition-delay: calc((var(--n) - 1) * 0.1s);

  z-index: -1;

} */

/* .form-button > span:hover {

  text-indent: -20px;

  color: var(--dim-gray);

}



.form-button > span::before {

  color: var(--dim-gray);

}

.form-button > span:hover:before {

  right: 30px;

} */



.form-button > span > span {
  display: inline-block;

  /* background-color: var(--white-coffee); */

}


/* 
.form-button > span:hover > span {

  transform: translateY(0) scale(2);

}



.form-button > span span:nth-child(1) {

  --n: 1;

}



.form-button > span span:nth-child(2) {

  --n: 2;

}



.form-button > span span:nth-child(3) {

  --n: 3;

}



.form-button > span span:nth-child(4) {

  --n: 4;

} */



.form-button > span input[type="submit"] {

  width: 100%;

  padding: 16px 20px;

  position: relative;

  border: none;

  background-color: transparent;

  color: inherit;

  font-size: inherit;

  font-family: inherit;

  font-weight: inherit;

  z-index: 2;

  transition: color 0.4s;

  cursor: pointer;

  text-transform: inherit;

  text-transform: inherit;

}



.form-button > span i {

  position: absolute;

  left: 30px;

  top: 18px;

}



.form-button .wpcf7-spinner {

  position: absolute;

  right: 0;

}



*::-webkit-input-placeholder {

  color: #101e3c;

  opacity: 1;

  font-weight: var(--weight-Medium);

}



*:-moz-placeholder {

  color: #101e3c;

  opacity: 1;

  font-weight: var(--weight-Medium);

}



*::-moz-placeholder {

  color: #101e3c;

  opacity: 1;

  font-weight: var(--weight-Medium);

}



*:-ms-input-placeholder {

  color: #101e3c;

  opacity: 1;

  font-weight: var(--weight-Medium);

}



div.wpcf7-response-output {

  font-size: 13px;

  line-height: 20px;

  margin: 0;

  color: #ff5100;

  padding: 2px;

}



span.wpcf7-not-valid-tip {

  font-size: 13px;

}



/* ================================= */



/* ======== Accordion Style ======== */



/* ================================= */



.acc_container {

  overflow: hidden;

  padding: 10px 20px;

  background-color: var(--white);

}



.accordion-block > div {

  margin-bottom: 1rem;

}



h2.acc_title_bar {

  padding: 0;

  margin: 0;

  font-size: 16px;

  font-weight: 500;

  display: block;

  background: transparent;

  overflow: hidden;

  filter: drop-shadow(0 2px 15px rgba(0, 0, 0, 0.05));

}



h2.acc_title_bar a {

  overflow: hidden;

  color: var(--blue-500);

  text-decoration: none;

  display: block;

  padding: 14px 56px 14px 20px;

  position: relative;

  background-color: var(--white);

  border-radius: 6px;

}



h2.acc_title_bar a:before {

  z-index: 2;

  content: "\f067";

  font-family: "Font Awesome 7 Pro";

  display: inline-block;

  width: 48px;

  background: transparent;

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  overflow: hidden;

}



h2.acc_title_bar a:hover,

h2.default-title-bar-active a {

  background-color: var(--blue-500);

  color: var(--white);

}



h2.acc_title_bar a:hover:before {

  content: "\f067";

}



h2.title-bar-active a:before {

  content: "\f068";

}



h2.title-bar-active a:hover:before {

  content: "\f068";

}



h2.default-title-bar-active a:before {

  content: "\f068";

}



h2.default-title-bar-active a:hover:before {

  content: "\f068";

}



/* ================================= */



/* ============ Tab Style ============ */



/* ================================= */



.pagination {

  overflow: hidden;

  margin-top: 50px;

}



.pagination .screen-reader-text {

  display: none;

}



.pagination .nav-links {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.pagination .nav-links .page-numbers {

  background-color: transparent;

  border: 2px solid var(--granite-gray);

  color: var(--dim-gray);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin: 0 6px 6px 6px;

  border-radius: 9999px;

  width: 46px;

  height: 46px;

}



.pagination .nav-links a.page-numbers:hover,

.pagination .nav-links a.page-numbers.prev,

.pagination .nav-links a.page-numbers.next,

.pagination .nav-links .page-numbers.current {

  background-color: var(--dim-gray);

  border-color: var(--dim-gray);

  color: var(--white);

}



.pagination .nav-links .page-numbers svg {

  fill: var(--white);

}



.pagination .nav-links .page-numbers:hover svg {

  fill: var(--white);

}



.search-form {

  display: flex;

  justify-content: center;

}



.search-form label {

  display: none;

}



.search-form .search-field {

  font-weight: var(--weight-Regular);

  font-family: var(--font-Inter);

  background-color: var(--white-600);

  border: 1px solid var(--white-600);

  font-size: 1.125rem;

  color: var(--dim-gray);

  padding: 0.625rem 1rem;

  position: relative;

  margin: 0;

}



.search-form input[type="submit"],

.search-form button {

  font-size: 1.125rem;

  font-family: var(--font-Inter);

  font-weight: var(--weight-SemiBold);

  position: relative;

  cursor: pointer;

  text-align: center;

  padding: 0.625rem 1.5rem;

  margin: 0;

  display: inline-block;

  min-width: 100px;

  border-width: 2px;

  border-style: solid;

  border-color: var(--dim-gray);

  background-color: var(--dim-gray);

  color: var(--white);

  filter: none;

  -webkit-filter: none;

  text-transform: uppercase;

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

}



.search-form input[type="submit"]:hover,

.search-form button:hover {

  background-color: var(--white-coffee);

  color: var(--dim-gray);

}



/* ================================ */



/* ============ Footer =========== */



/* ================================ */



.site-footer section ul {

  margin-bottom: 0;

}



.site-footer section ul li {

  padding-left: 0;

}



.site-footer section ul li:before {

  content: "";

  left: auto;

  top: auto;

}



.site-footer {

  overflow: hidden;

  position: relative;

}

.site-footer,

.site-footer p,

.site-footer a,

.site-footer li {

  color: var(--white);

  font-weight: var(--weight-SemiBold);

  font-size: 1.125rem;

  line-height: 1.7;

}



.site-footer .flogo {

  margin-bottom: 2rem;

}

.site-footer .flogo a {
  display: inline-block;
  max-width: 130px;
  width: 100%;

}

.site-footer .widget-text p{

  font-family: var(--font-Agaramond);

  font-weight: var(--weight-Regular);

  font-size: 1.5rem;

  line-height: 1.5;

}

.site-footer ul li {

  line-height: 1;

}

.site-footer .widget-menu{

  border-top: 1px solid #2b2b2b;

  margin-top: 3rem;

}

.site-footer .widget-menu ul{

  display: flex;

  flex-flow: column;

  flex-wrap: wrap;

  justify-content: center;

}

.site-footer .widget-menu li {

  margin: 0.5rem 0.5rem 0.5rem; 

  padding: 0;

}





.site-footer ul li a {

  font-size: inherit;

}

.site-footer a:hover {

  color: var(--granite-gray);

}

.site-footer a[href^="mailto:"],

.site-footer a[href^="tel:"] {

  position: relative;

  display: block;

}

.site-footer .wp-block-heading,

.site-footer .widget-title {

  display: inline-block;

  font-size: 1.25rem;

  font-family: var(--font-Agaramond);

  font-weight: var(--weight-Medium);

  color: var(--white);

  margin-bottom: 2rem;

  position: relative;

}



.footer-top .widgets-content {

  text-align: center;

  display: grid;

  gap: 1rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}

.site-footer .widgets > div {

  margin-bottom: 2rem;

}

.site-footer .widgets > div > span {

  display: block;

}

.site-footer .widgets > div h6 {

  margin-bottom: 5px;

  font-family: var(--font-Inter);

  font-weight: var(--weight-Bold);

  color: var(--white);

}



.site-footer address {

  margin-bottom: 1rem;

}

.site-social {

  margin-bottom: 1rem;

}

.site-social ul {

  display: flex;

  align-items: center;

  justify-content: center;
  gap: 0.5rem;
padding: 1rem 0;
}

.site-footer .site-social ul a {

  font-size: 1.875rem;

  color: var(--white);

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.site-footer .site-social ul a:hover {

  color: var(--granite-gray);

}



.site-footer .footer-bottom {

  padding: 2rem 0;

}

.site-footer .footer-bottom p {

  margin-bottom: 0;

  font-weight: var(--weight-Regular);

  color: #c1c1c1;

  font-size: 1rem;

}

.site-footer .footer-bottom .copyright,

.site-footer .footer-bottom .right-block {

  width: 100%;

}



/* ================================= */



/* ========== Media Query ========== */



/* ================================ */



@media (min-width: 480px) {

  .site-header .top-div ul li {

    margin: 0 20px;

    font-size: 15px;

  }
  .site-header .bottom-head .left-wrap {

  width: 240px;



}
.site-header .other-link ul li a[href^="tel:"] > span span > span {

  font-size: 1rem;

}
}



@media (min-width: 559px) {

  .site-header .bottom-head .content {

    justify-content: space-between;

    align-items: center;

  }

  .site-header .other-link ul li {

    margin-right: 15px;

  }

  .site-header .nav-btn > a,

  .site-header .other-link .nav-btn > a {

    display: inline-block;

  }
.site-social ul {
  gap: 0.875rem;
}
}



@media (min-width: 639px) {

  .sm-visible {

    display: block;

  }

  .sm-hidden {

    display: none;

  }

  .sm-pdl-0 {

    padding-left: 0;

  }

  .sm-pdl-10 {

    padding-left: 10px;

  }

  .sm-pdl-20 {

    padding-left: 20px;

  }

  .sm-pdl-30 {

    padding-left: 30px;

  }

  .sm-pdr-0 {

    padding-right: 0;

  }

  .sm-pdr-10 {

    padding-right: 10px;

  }

  .sm-pdr-20 {

    padding-right: 20px;

  }

  .sm-pdr-30 {

    padding-right: 30px;

  }
  .sm-pdl-60 {

  padding-left: 60px;

}
 .sm-pdr-60 {

  padding-right: 60px;

}

  .sm-pdt-0 {

    padding-top: 0;

  }

  .sm-pdt-10,

  .sm-pd-10 {

    padding-top: 10px;

  }

  .sm-pdt-20,

  .sm-pd-20 {

    padding-top: 20px;

  }

  .sm-pdt-30,

  .sm-pd-30 {

    padding-top: 30px;

  }

  .sm-pdt-40,

  .sm-pd-40 {

    padding-top: 40px;

  }

  .sm-pdt-50,

  .sm-pd-50 {

    padding-top: 50px;

  }

  .sm-pdt-60,

  .sm-pd-60 {

    padding-top: 60px;

  }

  .sm-pdt-70,

  .sm-pd-70 {

    padding-top: 70px;

  }

  .sm-pdt-80,

  .sm-pd-80 {

    padding-top: 80px;

  }

  .sm-pdt-90,

  .sm-pd-90 {

    padding-top: 90px;

  }

  .sm-pdt-100,

  .sm-pd-100 {

    padding-top: 100px;

  }

  .sm-pdb-0 {

    padding-bottom: 0;

  }

  .sm-pdb-10,

  .sm-pd-10 {

    padding-bottom: 10px;

  }

  .sm-pdb-20,

  .sm-pd-20 {

    padding-bottom: 20px;

  }

  .sm-pdb-30,

  .sm-pd-30 {

    padding-bottom: 30px;

  }

  .sm-pdb-40,

  .sm-pd-40 {

    padding-bottom: 40px;

  }

  .sm-pdb-50,

  .sm-pd-50 {

    padding-bottom: 50px;

  }

  .sm-pdb-60,

  .sm-pd-60 {

    padding-bottom: 60px;

  }

  .sm-pdb-70,

  .sm-pd-70 {

    padding-bottom: 70px;

  }

  .sm-pdb-80,

  .sm-pd-80 {

    padding-bottom: 80px;

  }

  .sm-pdb-90,

  .sm-pd-90 {

    padding-bottom: 90px;

  }

  .sm-pdb-100,

  .sm-pd-100 {

    padding-bottom: 100px;

  }

  .sm-mt-0 {

    margin-top: 0;

  }

  .sm-mt-10,

  .sm-my-10 {

    margin-top: 10px;

  }

  .sm-mt-20,

  .sm-my-20 {

    margin-top: 20px;

  }

  .sm-mt-30,

  .sm-my-30 {

    margin-top: 30px;

  }

  .sm-mt-40,

  .sm-my-40 {

    margin-top: 40px;

  }

  .sm-mt-50,

  .sm-my-50 {

    margin-top: 50px;

  }

  .sm-mt-60,

  .sm-my-60 {

    margin-top: 60px;

  }

  .sm-mt-70,

  .sm-my-70 {

    margin-top: 70px;

  }

  .sm-mt-80,

  .sm-my-80 {

    margin-top: 80px;

  }

  .sm-mt-90,

  .sm-my-90 {

    margin-top: 90px;

  }

  .sm-mt-100,

  .sm-my-100 {

    margin-top: 100px;

  }

  .sm-mb-0 {

    margin-bottom: 0;

  }

  .sm-mb-10,

  .sm-my-10 {

    margin-bottom: 10px;

  }

  .sm-mb-20,

  .sm-my-20 {

    margin-bottom: 20px;

  }

  .sm-mb-30,

  .sm-my-30 {

    margin-bottom: 30px;

  }

  .sm-mb-40,

  .sm-my-40 {

    margin-bottom: 40px;

  }

  .sm-mb-50,

  .sm-my-50 {

    margin-bottom: 50px;

  }

  .sm-mb-60,

  .sm-my-60 {

    margin-bottom: 60px;

  }

  .sm-mb-70,

  .sm-my-70 {

    margin-bottom: 70px;

  }

  .sm-mb-80,

  .sm-my-80 {

    margin-bottom: 80px;

  }

  .sm-mb-90,

  .sm-my-90 {

    margin-bottom: 90px;

  }

  .sm-mb-100,

  .sm-my-100 {

    margin-bottom: 100px;

  }

  .sm-grid-div {

    display: grid;

  }

  .sm-col-grid-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .sm-col-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .sm-col-grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .sm-col-grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .sm-col-grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

  .sm-col-grid-6 {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .sm-row-grid-1 {

    grid-template-rows: repeat(1, minmax(0, 1fr));

  }

  .sm-row-grid-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr));

  }

  .sm-row-grid-3 {

    grid-template-rows: repeat(3, minmax(0, 1fr));

  }

  .sm-row-grid-4 {

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }

  .sm-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .sm-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .sm-row-grid-6 {

    grid-template-rows: repeat(6, minmax(0, 1fr));

  }

  .sm-col-span-1 {

    grid-column: span 1 / span 1;

  }

  .sm-col-span-2 {

    grid-column: span 2 / span 2;

  }

  .sm-col-span-3 {

    grid-column: span 3 / span 3;

  }

  .sm-col-span-4 {

    grid-column: span 4 / span 4;

  }

  .sm-col-span-5 {

    grid-column: span 5 / span 5;

  }

  .sm-row-span-1 {

    grid-row: span 1 / span 1;

  }

  .sm-row-span-2 {

    grid-row: span 2 / span 2;

  }

  .sm-row-span-3 {

    grid-row: span 3 / span 3;

  }

  .sm-row-span-4 {

    grid-row: span 4 / span 4;

  }

  .sm-row-span-5 {

    grid-row: span 5 / span 5;

  }

  .sm-div-gap-2 {

    gap: 0.5rem;

  }

  .sm-div-gap-3 {

    gap: 0.75rem;

  }

  .sm-div-gap-4 {

    gap: 1rem;

  }

  .sm-div-gap-5 {

    gap: 1.25rem;

  }

  .sm-div-gap-6 {

    gap: 1.5rem;

  }

  .sm-div-gap-7 {

    gap: 1.75rem;

  }

  .sm-div-gap-8 {

    gap: 2rem;

  }

  .sm-divgap-1 {

    gap: var(--grid-gap-1);

  }

  .sm-divgap-2 {

    gap: var(--grid-gap-2);

  }

  .sm-divgap-3 {

    gap: var(--grid-gap-3);

  }

  .sm-divgap-4 {

    gap: var(--grid-gap-4);

  }

  .sm-divgap-5 {

    gap: var(--grid-gap-5);

  }

  .sm-flex-div {

    display: flex;

  }

  .sm-flex-col {

    flex-direction: column;

  }

  .sm-flex-row {

    flex-direction: row;

  }

  .sm-wrap-flex {

    flex-wrap: wrap;

  }

  .sm-nowrap-flex {

    flex-wrap: nowrap;

  }

  .sm-justify-center {

    justify-content: center;

  }

  .sm-justify-between {

    justify-content: space-between;

  }

  .sm-justify-start {

    justify-content: flex-start;

  }

  .sm-justify-end {

    justify-content: flex-end;

  }

  .sm-items-center {

    align-items: center;

  }

  .sm-items-start {

    align-items: flex-start;

  }

  .sm-items-end {

    align-items: flex-end;

  }

  .sm-flex-grow {

    flex-grow: 1;

  }

  .sm-flex-right {

    justify-content: flex-end;

  }

  .sm-order-1 {

    order: 1;

  }

  .sm-order-2 {

    order: 2;

  }

  .sm-order-3 {

    order: 3;

  }

  .sm-zin-0 {

    z-index: 0;

  }

  .sm-zin-10 {

    z-index: 10;

  }

  .sm-zin-20 {

    z-index: 20;

  }

  .sm-zin-30 {

    z-index: 30;

  }

  .sm-zin-40 {

    z-index: 40;

  }

  .sm-zin-50 {

    z-index: 50;

  }

  .sm-zin-auto {

    z-index: auto;

  }

  .sm-text-center {

    text-align: center;

  }

  .sm-text-left {

    text-align: left;

  }

  .sm-text-right {

    text-align: right;

  }

  .site-social ul {
  gap: 1rem;
}

}


@media (max-width: 767px) {
 
    .site-btn{font-size: 1rem}
}
    
    
@media (min-width: 767px) {

  .md-visible {

    display: block;

  }

  .md-hidden {

    display: none;

  }

  .md-pdl-0 {

    padding-left: 0;

  }

  .md-pdl-10 {

    padding-left: 10px;

  }

  .md-pdl-20 {

    padding-left: 20px;

  }

  .md-pdl-30 {

    padding-left: 30px;

  }

  .md-pdr-0 {

    padding-right: 0;

  }

  .md-pdr-10 {

    padding-right: 10px;

  }

  .md-pdr-20 {

    padding-right: 20px;

  }

  .md-pdr-30 {

    padding-right: 30px;

  }
  .md-pdl-60 {

  padding-left: 60px;

}
 .md-pdr-60 {

  padding-right: 60px;

}

  .md-pdt-0 {

    padding-top: 0;

  }

  .md-pdt-10,

  .md-pd-10 {

    padding-top: 10px;

  }

  .md-pdt-20,

  .md-pd-20 {

    padding-top: 20px;

  }

  .md-pdt-30,

  .md-pd-30 {

    padding-top: 30px;

  }

  .md-pdt-40,

  .md-pd-40 {

    padding-top: 40px;

  }

  .md-pdt-50,

  .md-pd-50 {

    padding-top: 50px;

  }

  .md-pdt-60,

  .md-pd-60 {

    padding-top: 60px;

  }

  .md-pdt-70,

  .md-pd-70 {

    padding-top: 70px;

  }

  .md-pdt-80,

  .md-pd-80 {

    padding-top: 80px;

  }

  .md-pdt-90,

  .md-pd-90 {

    padding-top: 90px;

  }

  .md-pdt-100,

  .md-pd-100 {

    padding-top: 100px;

  }

  .md-pdb-0 {

    padding-bottom: 0;

  }

  .md-pdb-10,

  .md-pd-10 {

    padding-bottom: 10px;

  }

  .md-pdb-20,

  .md-pd-20 {

    padding-bottom: 20px;

  }

  .md-pdb-30,

  .md-pd-30 {

    padding-bottom: 30px;

  }

  .md-pdb-40,

  .md-pd-40 {

    padding-bottom: 40px;

  }

  .md-pdb-50,

  .md-pd-50 {

    padding-bottom: 50px;

  }

  .md-pdb-60,

  .md-pd-60 {

    padding-bottom: 60px;

  }

  .md-pdb-70,

  .md-pd-70 {

    padding-bottom: 70px;

  }

  .md-pdb-80,

  .md-pd-80 {

    padding-bottom: 80px;

  }

  .md-pdb-90,

  .md-pd-90 {

    padding-bottom: 90px;

  }

  .md-pdb-100,

  .md-pd-100 {

    padding-bottom: 100px;

  }

  .md-mt-0 {

    margin-top: 0;

  }

  .md-mt-10,

  .md-my-10 {

    margin-top: 10px;

  }

  .md-mt-20,

  .md-my-20 {

    margin-top: 20px;

  }

  .md-mt-30,

  .md-my-30 {

    margin-top: 30px;

  }

  .md-mt-40,

  .md-my-40 {

    margin-top: 40px;

  }

  .md-mt-50,

  .md-my-50 {

    margin-top: 50px;

  }

  .md-mt-60,

  .md-my-60 {

    margin-top: 60px;

  }

  .md-mt-70,

  .md-my-70 {

    margin-top: 70px;

  }

  .md-mt-80,

  .md-my-80 {

    margin-top: 80px;

  }

  .md-mt-90,

  .md-my-90 {

    margin-top: 90px;

  }

  .md-mt-100,

  .md-my-100 {

    margin-top: 100px;

  }

  .md-mb-0 {

    margin-bottom: 0;

  }

  .md-mb-10,

  .md-my-10 {

    margin-bottom: 10px;

  }

  .md-mb-20,

  .md-my-20 {

    margin-bottom: 20px;

  }

  .md-mb-30,

  .md-my-30 {

    margin-bottom: 30px;

  }

  .md-mb-40,

  .md-my-40 {

    margin-bottom: 40px;

  }

  .md-mb-50,

  .md-my-50 {

    margin-bottom: 50px;

  }

  .md-mb-60,

  .md-my-60 {

    margin-bottom: 60px;

  }

  .md-mb-70,

  .md-my-70 {

    margin-bottom: 70px;

  }

  .md-mb-80,

  .md-my-80 {

    margin-bottom: 80px;

  }

  .md-mb-90,

  .md-my-90 {

    margin-bottom: 90px;

  }

  .md-mb-100,

  .md-my-100 {

    margin-bottom: 100px;

  }

  .md-grid-div {

    display: grid;

  }

  .md-col-grid-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .md-col-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .md-col-grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .md-col-grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .md-col-grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

  .md-col-grid-6 {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .md-row-grid-1 {

    grid-template-rows: repeat(1, minmax(0, 1fr));

  }

  .md-row-grid-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr));

  }

  .md-row-grid-3 {

    grid-template-rows: repeat(3, minmax(0, 1fr));

  }

  .md-row-grid-4 {

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }

  .md-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .md-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .md-row-grid-6 {

    grid-template-rows: repeat(6, minmax(0, 1fr));

  }

  .md-col-span-1 {

    grid-column: span 1 / span 1;

  }

  .md-col-span-2 {

    grid-column: span 2 / span 2;

  }

  .md-col-span-3 {

    grid-column: span 3 / span 3;

  }

  .md-col-span-4 {

    grid-column: span 4 / span 4;

  }

  .md-col-span-5 {

    grid-column: span 5 / span 5;

  }

  .md-row-span-1 {

    grid-row: span 1 / span 1;

  }

  .md-row-span-2 {

    grid-row: span 2 / span 2;

  }

  .md-row-span-3 {

    grid-row: span 3 / span 3;

  }

  .md-row-span-4 {

    grid-row: span 4 / span 4;

  }

  .md-row-span-5 {

    grid-row: span 5 / span 5;

  }

  .md-div-gap-2 {

    gap: 0.5rem;

  }

  .md-div-gap-3 {

    gap: 0.75rem;

  }

  .md-div-gap-4 {

    gap: 1rem;

  }

  .md-div-gap-5 {

    gap: 1.25rem;

  }

  .md-div-gap-6 {

    gap: 1.5rem;

  }

  .md-div-gap-7 {

    gap: 1.75rem;

  }

  .md-div-gap-8 {

    gap: 2rem;

  }

  .md-divgap-1 {

    gap: var(--grid-gap-1);

  }

  .md-divgap-2 {

    gap: var(--grid-gap-2);

  }

  .md-divgap-3 {

    gap: var(--grid-gap-3);

  }

  .md-divgap-4 {

    gap: var(--grid-gap-4);

  }

  .md-divgap-5 {

    gap: var(--grid-gap-5);

  }

  .md-flex-div {

    display: flex;

  }

  .md-flex-col {

    flex-direction: column;

  }

  .md-flex-row {

    flex-direction: row;

  }

  .md-wrap-flex {

    flex-wrap: wrap;

  }

  .md-nowrap-flex {

    flex-wrap: nowrap;

  }

  .md-justify-center {

    justify-content: center;

  }

  .md-justify-between {

    justify-content: space-between;

  }

  .md-justify-start {

    justify-content: flex-start;

  }

  .md-justify-end {

    justify-content: flex-end;

  }

  .md-items-center {

    align-items: center;

  }

  .md-items-start {

    align-items: flex-start;

  }

  .md-items-end {

    align-items: flex-end;

  }

  .md-flex-grow {

    flex-grow: 1;

  }

  .md-flex-right {

    justify-content: flex-end;

  }

  .md-order-1 {

    order: 1;

  }

  .md-order-2 {

    order: 2;

  }

  .md-order-3 {

    order: 3;

  }

  .md-zin-0 {

    z-index: 0;

  }

  .md-zin-10 {

    z-index: 10;

  }

  .md-zin-20 {

    z-index: 20;

  }

  .md-zin-30 {

    z-index: 30;

  }

  .md-zin-40 {

    z-index: 40;

  }

  .md-zin-50 {

    z-index: 50;

  }

  .md-zin-auto {

    z-index: auto;

  }

  .md-text-center {

    text-align: center;

  }

  .md-text-left {

    text-align: left;

  }

  .md-text-right {

    text-align: right;

  }
.visible-lgscreen{
  display: block;
}
  .visible-smscreen{
    display: none;
  }
  .site-btn > .btn-text {

  padding: 16px 40px;
  }

.site-header .bottom-head .left-wrap {

  width: 230px;

}

  .site-header .other-link {

    display: block;

  }

  .section-title h1.text-lg,

  .section-title h2.text-lg,

  .block-title h2.text-lg {

    font-size: 2.875rem;

  }



  .section-title h1.text-xl,

  .section-title h2.text-xl, 

  .block-title h2.text-xl {

    font-size: 3.325rem;

  }

    .section-title h1.text-2xl,

  .section-title h2.text-2xl, 

  .block-title h2.text-2xl {

    font-size: 4.25rem;

  }


.hero-slider-nav{
  display: flex;
}

  .form-group.grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .form-group.grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .form-group.grid-4 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }
  .site-header .max-w-full {

  padding: 0 1.5rem;

}

  .site-footer .footer-logo {

    margin-right: 0;

    margin-left: 0;

  }

  .site-footer .footer-bottom ul li {

    margin-bottom: 0;

  }

  .footer-top .widgets-content {

    gap: 1rem;

    text-align: left;

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .site-footer .widget-menu ul{

  justify-content: center;

  flex-flow: row;

  flex-wrap: wrap;

}

.site-footer .widget-menu li {

	margin: 0 1rem 1.5rem 1rem;

	padding: 1.5rem 0 0rem 0;

}

  .footer-top .widgets-content .widgets {

    grid-column: span 2 / span 2;

  }

  .footer-top .widgets-content .span-1 {

    grid-column: span 1 / span 1;

  }

  .footer-top .widgets-content .span-2 {

    grid-column: span 2 / span 2;

  }

  .footer-top .widgets-content .span-3 {

    grid-column: span 3 / span 3;

  }

  .footer-top .widgets-content .left-block.span-2 {

    grid-column: span 2 / span 2;

  }

  .site-footer .footer-bottom .copyright{

  width: 70%;

}

.site-footer .footer-bottom .right-block {

  width: 20%;

}
.site-social ul {
  gap: 1.25rem;
  padding: 0;
}


}



@media (min-width: 1023px) {

  .lg-visible {

    display: block;

  }

  .lg-hidden {

    display: none;

  }

  .lg-pdl-0 {

    padding-left: 0;

  }

  .lg-pdl-10 {

    padding-left: 10px;

  }

  .lg-pdl-20 {

    padding-left: 20px;

  }

  .lg-pdl-30 {

    padding-left: 30px;

  }

  .lg-pdr-0 {

    padding-right: 0;

  }

  .lg-pdr-10 {

    padding-right: 10px;

  }

  .lg-pdr-20 {

    padding-right: 20px;

  }

  .lg-pdr-30 {

    padding-right: 30px;

  }
  .lg-pdl-60 {

  padding-left: 60px;

}
 .lg-pdr-60 {

  padding-right: 60px;

}

  .lg-pdt-0 {

    padding-top: 0;

  }

  .lg-pdt-10,

  .lg-pd-10 {

    padding-top: 10px;

  }

  .lg-pdt-20,

  .lg-pd-20 {

    padding-top: 20px;

  }

  .lg-pdt-30,

  .lg-pd-30 {

    padding-top: 30px;

  }

  .lg-pdt-40,

  .lg-pd-40 {

    padding-top: 40px;

  }

  .lg-pdt-50,

  .lg-pd-50 {

    padding-top: 50px;

  }

  .lg-pdt-60,

  .lg-pd-60 {

    padding-top: 60px;

  }

  .lg-pdt-70,

  .lg-pd-70 {

    padding-top: 70px;

  }

  .lg-pdt-80,

  .lg-pd-80 {

    padding-top: 80px;

  }

  .lg-pdt-90,

  .lg-pd-90 {

    padding-top: 90px;

  }

  .lg-pdt-100,

  .lg-pd-100 {

    padding-top: 100px;

  }

  .lg-pdb-0 {

    padding-bottom: 0;

  }

  .lg-pdb-10,

  .lg-pd-10 {

    padding-bottom: 10px;

  }

  .lg-pdb-20,

  .lg-pd-20 {

    padding-bottom: 20px;

  }

  .lg-pdb-30,

  .lg-pd-30 {

    padding-bottom: 30px;

  }

  .lg-pdb-40,

  .lg-pd-40 {

    padding-bottom: 40px;

  }

  .lg-pdb-50,

  .lg-pd-50 {

    padding-bottom: 50px;

  }

  .lg-pdb-60,

  .lg-pd-60 {

    padding-bottom: 60px;

  }

  .lg-pdb-70,

  .lg-pd-70 {

    padding-bottom: 70px;

  }

  .lg-pdb-80,

  .lg-pd-80 {

    padding-bottom: 80px;

  }

  .lg-pdb-90,

  .lg-pd-90 {

    padding-bottom: 90px;

  }

  .lg-pdb-100,

  .lg-pd-100 {

    padding-bottom: 100px;

  }

  .lg-mt-0 {

    margin-top: 0;

  }

  .lg-mt-10,

  .lg-my-10 {

    margin-top: 10px;

  }

  .lg-mt-20,

  .lg-my-20 {

    margin-top: 20px;

  }

  .lg-mt-30,

  .lg-my-30 {

    margin-top: 30px;

  }

  .lg-mt-40,

  .lg-my-40 {

    margin-top: 40px;

  }

  .lg-mt-50,

  .lg-my-50 {

    margin-top: 50px;

  }

  .lg-mt-60,

  .lg-my-60 {

    margin-top: 60px;

  }

  .lg-mt-70,

  .lg-my-70 {

    margin-top: 70px;

  }

  .lg-mt-80,

  .lg-my-80 {

    margin-top: 80px;

  }

  .lg-mt-90,

  .lg-my-90 {

    margin-top: 90px;

  }

  .lg-mt-100,

  .lg-my-100 {

    margin-top: 100px;

  }

  .lg-mb-0 {

    margin-bottom: 0;

  }

  .lg-mb-10,

  .lg-my-10 {

    margin-bottom: 10px;

  }

  .lg-mb-20,

  .lg-my-20 {

    margin-bottom: 20px;

  }

  .lg-mb-30,

  .lg-my-30 {

    margin-bottom: 30px;

  }

  .lg-mb-40,

  .lg-my-40 {

    margin-bottom: 40px;

  }

  .lg-mb-50,

  .lg-my-50 {

    margin-bottom: 50px;

  }

  .lg-mb-60,

  .lg-my-60 {

    margin-bottom: 60px;

  }

  .lg-mb-70,

  .lg-my-70 {

    margin-bottom: 70px;

  }

  .lg-mb-80,

  .lg-my-80 {

    margin-bottom: 80px;

  }

  .lg-mb-90,

  .lg-my-90 {

    margin-bottom: 90px;

  }

  .lg-mb-100,

  .lg-my-100 {

    margin-bottom: 100px;

  }

  .lg-grid-div {

    display: grid;

  }

  .lg-col-grid-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .lg-col-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .lg-col-grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .lg-col-grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .lg-col-grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

  .lg-col-grid-6 {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .lg-row-grid-1 {

    grid-template-rows: repeat(1, minmax(0, 1fr));

  }

  .lg-row-grid-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr));

  }

  .lg-row-grid-3 {

    grid-template-rows: repeat(3, minmax(0, 1fr));

  }

  .lg-row-grid-4 {

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }

  .lg-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .lg-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .lg-row-grid-6 {

    grid-template-rows: repeat(6, minmax(0, 1fr));

  }

  .lg-col-span-1 {

    grid-column: span 1 / span 1;

  }

  .lg-col-span-2 {

    grid-column: span 2 / span 2;

  }

  .lg-col-span-3 {

    grid-column: span 3 / span 3;

  }

  .lg-col-span-4 {

    grid-column: span 4 / span 4;

  }

  .lg-col-span-5 {

    grid-column: span 5 / span 5;

  }

  .lg-row-span-1 {

    grid-row: span 1 / span 1;

  }

  .lg-row-span-2 {

    grid-row: span 2 / span 2;

  }

  .lg-row-span-3 {

    grid-row: span 3 / span 3;

  }

  .lg-row-span-4 {

    grid-row: span 4 / span 4;

  }

  .lg-row-span-5 {

    grid-row: span 5 / span 5;

  }

  .lg-div-gap-2 {

    gap: 0.5rem;

  }

  .lg-div-gap-3 {

    gap: 0.75rem;

  }

  .lg-div-gap-4 {

    gap: 1rem;

  }

  .lg-div-gap-5 {

    gap: 1.25rem;

  }

  .lg-div-gap-6 {

    gap: 1.5rem;

  }

  .lg-div-gap-7 {

    gap: 1.75rem;

  }

  .lg-div-gap-8 {

    gap: 2rem;

  }

  .lg-divgap-1 {

    gap: var(--grid-gap-1);

  }

  .lg-divgap-2 {

    gap: var(--grid-gap-2);

  }

  .lg-divgap-3 {

    gap: var(--grid-gap-3);

  }

  .lg-divgap-4 {

    gap: var(--grid-gap-4);

  }

  .lg-divgap-5 {

    gap: var(--grid-gap-5);

  }

  .lg-flex-div {

    display: flex;

  }

  .lg-flex-col {

    flex-direction: column;

  }

  .lg-flex-row {

    flex-direction: row;

  }

  .lg-wrap-flex {

    flex-wrap: wrap;

  }

  .lg-nowrap-flex {

    flex-wrap: nowrap;

  }

  .lg-justify-center {

    justify-content: center;

  }

  .lg-justify-between {

    justify-content: space-between;

  }

  .lg-justify-start {

    justify-content: flex-start;

  }

  .lg-justify-end {

    justify-content: flex-end;

  }

  .lg-items-center {

    align-items: center;

  }

  .lg-items-start {

    align-items: flex-start;

  }

  .lg-items-end {

    align-items: flex-end;

  }

  .lg-flex-grow {

    flex-grow: 1;

  }

  .lg-flex-right {

    justify-content: flex-end;

  }

  .lg-order-1 {

    order: 1;

  }

  .lg-order-2 {

    order: 2;

  }

  .lg-order-3 {

    order: 3;

  }

  .lg-zin-0 {

    z-index: 0;

  }

  .lg-zin-10 {

    z-index: 10;

  }

  .lg-zin-20 {

    z-index: 20;

  }

  .lg-zin-30 {

    z-index: 30;

  }

  .lg-zin-40 {

    z-index: 40;

  }

  .lg-zin-50 {

    z-index: 50;

  }

  .lg-zin-auto {

    z-index: auto;

  }

  .lg-text-center {

    text-align: center;

  }

  .lg-text-left {

    text-align: left;

  }

  .lg-text-right {

    text-align: right;

  }

  .section-title h1 br,

  .section-title h2 br,

  .section-title h3 br,

  .block-title h1 br,

  .block-title h2 br,

  .block-title h3 br {

    display: block;

  }

  .section-title .title-text p > br {

    display: block;

  }

  .slidebtn {

    display: none;

  }

  /* .site-header {

  position: fixed;

} */

.single-post .site-header,
.page-template-page-with-no-hero .site-header{

  position: relative;

}

.single-post .site-header.sticky-header,
.page-template-page-with-no-hero .site-header.sticky-header{

  position: fixed;

}



  .site-header .bottom-head {

    padding: 0;

    background-color: transparent;

  }

   .site-header.sticky-header .bottom-head {

    background-color: #0b131d;

  }

  .single-post .site-header .bottom-head,
  .page-template-page-with-no-hero .site-header .bottom-head{

 background-color: #0b131d;

}



  .site-header .bottom-head .left-wrap {

  width: 280px;

}

  .site-header .bottom-head .content {

    flex-flow: row;

  }

  .site-header .site-nav {

    justify-content: flex-end;

  }

  .site-header .nav-btn {

    padding: 0;

  }

  .site-header .other-link {

    order: 2;

    margin-left: 26px;

    margin-right: 0;

  }

  .site-header .other-link ul li {

    margin-left: 20px;

    margin-right: 0;

  }
    .site-header .bottom-head .left-wrap{width:240px}

  .site-header .other-link ul li:first-child {

    margin-left: 0;

    margin-right: 0;

  }

  /* .site-header .nav-btn {

    margin-top: 25px;

  } */

  .site-header .nav-btn > a>.btn-text, .site-header .other-link .nav-btn > a >.btn-text {

    padding: 14px 10px;


    

  }

  .site-header .nav-btn > a::before,

  .site-header .other-link .nav-btn > a::before {

    font-size: 1rem;

  }



  .form-group.grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .form-group.grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }



  .footer-top .widgets-content {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .footer-top .widgets-content .widgets {

    grid-column: span 1 / span 1;

  }

  .footer-top .widgets-content .span-2 {

    grid-column: span 2 / span 2;

  }

  .footer-top .widgets-content .span-3 {

    grid-column: span 3 / span 3;

  }

  .footer-top .widgets-content .left-block.span-2 {

    grid-column: span 1 / span 1;

  }

  .site-footer .widget-info > div {

    justify-content: flex-start;

  }

  .site-footer ul.menu {

    grid-auto-flow: column;

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }



  .site-footer .widget-menu li {

	margin: 0 1.5rem 1.5rem 1.5rem;

	padding: 1.5rem 0 0rem 0;

}

}



@media (min-width: 1129px) {

  /* .site-header .other-link ul li {

    margin-left: 20px;

  } */

  .site-header .content {

    flex-flow: row;

  }

  .site-header .site-nav {

    width: 80%;

    justify-content: flex-end;

  }

}



@media (min-width: 1229px) {

  .xl-visible {

    display: block;

  }

  .xl-hidden {

    display: none;

  }

  .xl-pdl-0 {

    padding-left: 0;

  }

  .xl-pdl-10 {

    padding-left: 10px;

  }

  .xl-pdl-20 {

    padding-left: 20px;

  }

  .xl-pdl-30 {

    padding-left: 30px;

  }

  .xl-pdr-0 {

    padding-right: 0;

  }

  .xl-pdr-10 {

    padding-right: 10px;

  }

  .xl-pdr-20 {

    padding-right: 20px;

  }

  .xl-pdr-30 {

    padding-right: 30px;

  }
.xl-pdl-60 {

  padding-left: 60px;

}
 .xl-pdr-60 {

  padding-right: 60px;

}
  .xl-pdt-0 {

    padding-top: 0;

  }

  .xl-pdt-10,

  .xl-pd-10 {

    padding-top: 10px;

  }

  .xl-pdt-20,

  .xl-pd-20 {

    padding-top: 20px;

  }

  .xl-pdt-30,

  .xl-pd-30 {

    padding-top: 30px;

  }

  .xl-pdt-40,

  .xl-pd-40 {

    padding-top: 40px;

  }

  .xl-pdt-50,

  .xl-pd-50 {

    padding-top: 50px;

  }

  .xl-pdt-60,

  .xl-pd-60 {

    padding-top: 60px;

  }

  .xl-pdt-70,

  .xl-pd-70 {

    padding-top: 70px;

  }

  .xl-pdt-80,

  .xl-pd-80 {

    padding-top: 80px;

  }

  .xl-pdt-90,

  .xl-pd-90 {

    padding-top: 90px;

  }

  .xl-pdt-100,

  .xl-pd-100 {

    padding-top: 100px;

  }

  .xl-pdb-0 {

    padding-bottom: 0;

  }

  .xl-pdb-10,

  .xl-pd-10 {

    padding-bottom: 10px;

  }

  .xl-pdb-20,

  .xl-pd-20 {

    padding-bottom: 20px;

  }

  .xl-pdb-30,

  .xl-pd-30 {

    padding-bottom: 30px;

  }

  .xl-pdb-40,

  .xl-pd-40 {

    padding-bottom: 40px;

  }

  .xl-pdb-50,

  .xl-pd-50 {

    padding-bottom: 50px;

  }

  .xl-pdb-60,

  .xl-pd-60 {

    padding-bottom: 60px;

  }

  .xl-pdb-70,

  .xl-pd-70 {

    padding-bottom: 70px;

  }

  .xl-pdb-80,

  .xl-pd-80 {

    padding-bottom: 80px;

  }

  .xl-pdb-90,

  .xl-pd-90 {

    padding-bottom: 90px;

  }

  .xl-pdb-100,

  .xl-pd-100 {

    padding-bottom: 100px;

  }

  .xl-mt-0 {

    margin-top: 0;

  }

  .xl-mt-10,

  .xl-my-10 {

    margin-top: 10px;

  }

  .xl-mt-20,

  .xl-my-20 {

    margin-top: 20px;

  }

  .xl-mt-30,

  .xl-my-30 {

    margin-top: 30px;

  }

  .xl-mt-40,

  .xl-my-40 {

    margin-top: 40px;

  }

  .xl-mt-50,

  .xl-my-50 {

    margin-top: 50px;

  }

  .xl-mt-60,

  .xl-my-60 {

    margin-top: 60px;

  }

  .xl-mt-70,

  .xl-my-70 {

    margin-top: 70px;

  }

  .xl-mt-80,

  .xl-my-80 {

    margin-top: 80px;

  }

  .xl-mt-90,

  .xl-my-90 {

    margin-top: 90px;

  }

  .xl-mt-100,

  .xl-my-100 {

    margin-top: 100px;

  }

  .xl-mb-0 {

    margin-bottom: 0;

  }

  .xl-mb-10,

  .xl-my-10 {

    margin-bottom: 10px;

  }

  .xl-mb-20,

  .xl-my-20 {

    margin-bottom: 20px;

  }

  .xl-mb-30,

  .xl-my-30 {

    margin-bottom: 30px;

  }

  .xl-mb-40,

  .xl-my-40 {

    margin-bottom: 40px;

  }

  .xl-mb-50,

  .xl-my-50 {

    margin-bottom: 50px;

  }

  .xl-mb-60,

  .xl-my-60 {

    margin-bottom: 60px;

  }

  .xl-mb-70,

  .xl-my-70 {

    margin-bottom: 70px;

  }

  .xl-mb-80,

  .xl-my-80 {

    margin-bottom: 80px;

  }

  .xl-mb-90,

  .xl-my-90 {

    margin-bottom: 90px;

  }

  .xl-mb-100,

  .xl-my-100 {

    margin-bottom: 100px;

  }

  .xl-grid-div {

    display: grid;

  }

  .xl-col-grid-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .xl-col-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .xl-col-grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .xl-col-grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .xl-col-grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

  .xl-col-grid-6 {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .xl-row-grid-1 {

    grid-template-rows: repeat(1, minmax(0, 1fr));

  }

  .xl-row-grid-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr));

  }

  .xl-row-grid-3 {

    grid-template-rows: repeat(3, minmax(0, 1fr));

  }

  .xl-row-grid-4 {

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }

  .xl-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl-row-grid-6 {

    grid-template-rows: repeat(6, minmax(0, 1fr));

  }

  .xl-col-span-1 {

    grid-column: span 1 / span 1;

  }

  .xl-col-span-2 {

    grid-column: span 2 / span 2;

  }

  .xl-col-span-3 {

    grid-column: span 3 / span 3;

  }

  .xl-col-span-4 {

    grid-column: span 4 / span 4;

  }

  .xl-col-span-5 {

    grid-column: span 5 / span 5;

  }

  .xl-row-span-1 {

    grid-row: span 1 / span 1;

  }

  .xl-row-span-2 {

    grid-row: span 2 / span 2;

  }

  .xl-row-span-3 {

    grid-row: span 3 / span 3;

  }

  .xl-row-span-4 {

    grid-row: span 4 / span 4;

  }

  .xl-row-span-5 {

    grid-row: span 5 / span 5;

  }

  .xl-div-gap-2 {

    gap: 0.5rem;

  }

  .xl-div-gap-3 {

    gap: 0.75rem;

  }

  .xl-div-gap-4 {

    gap: 1rem;

  }

  .xl-div-gap-5 {

    gap: 1.25rem;

  }

  .xl-div-gap-6 {

    gap: 1.5rem;

  }

  .xl-div-gap-7 {

    gap: 1.75rem;

  }

  .xl-div-gap-8 {

    gap: 2rem;

  }

  .xl-divgap-1 {

    gap: var(--grid-gap-1);

  }

  .xl-divgap-2 {

    gap: var(--grid-gap-2);

  }

  .xl-divgap-3 {

    gap: var(--grid-gap-3);

  }

  .xl-divgap-4 {

    gap: var(--grid-gap-4);

  }

  .xl-divgap-5 {

    gap: var(--grid-gap-5);

  }

  .xl-flex-div {

    display: flex;

  }

  .xl-flex-col {

    flex-direction: column;

  }

  .xl-flex-row {

    flex-direction: row;

  }

  .xl-wrap-flex {

    flex-wrap: wrap;

  }

  .xl-nowrap-flex {

    flex-wrap: nowrap;

  }

  .xl-justify-center {

    justify-content: center;

  }

  .xl-justify-between {

    justify-content: space-between;

  }

  .xl-justify-start {

    justify-content: flex-start;

  }

  .xl-justify-end {

    justify-content: flex-end;

  }

  .xl-items-center {

    align-items: center;

  }

  .xl-items-start {

    align-items: flex-start;

  }

  .xl-items-end {

    align-items: flex-end;

  }

  .xl-flex-grow {

    flex-grow: 1;

  }

  .xl-flex-right {

    justify-content: flex-end;

  }

  .xl-order-1 {

    order: 1;

  }

  .xl-order-2 {

    order: 2;

  }

  .xl-order-3 {

    order: 3;

  }

  .xl-zin-0 {

    z-index: 0;

  }

  .xl-zin-10 {

    z-index: 10;

  }

  .xl-zin-20 {

    z-index: 20;

  }

  .xl-zin-30 {

    z-index: 30;

  }

  .xl-zin-40 {

    z-index: 40;

  }

  .xl-zin-50 {

    z-index: 50;

  }

  .xl-zin-auto {

    z-index: auto;

  }

  .xl-text-center {

    text-align: center;

  }

  .xl-text-left {

    text-align: left;

  }

  .xl-text-right {

    text-align: right;

  }

   

  .site-header .site-nav {

    width: 80%;

  }

  /* .site-header .other-link ul li {

    margin-left: 30px;

  } */

 .site-header .nav-btn > a>.btn-text, .site-header .other-link .nav-btn > a >.btn-text {

	padding: 12px 20px;

  letter-spacing: 0;

  font-size: 1rem;

}

.site-header .other-link {

    order: 2;
  }

}



@media (min-width: 1329px) {

  .xl2-visible {

    display: block;

  }

  .xl2-hidden {

    display: none;

  }

  .xl2-pdl-0 {

    padding-left: 0;

  }

  .xl2-pdl-10 {

    padding-left: 10px;

  }

  .xl2-pdl-20 {

    padding-left: 20px;

  }

  .xl2-pdl-30 {

    padding-left: 30px;

  }
.xl2-pdl-60 {

  padding-left: 60px;

}
 .xl2-pdr-60 {

  padding-right: 60px;

}
  .xl2-pdr-0 {

    padding-right: 0;

  }

  .xl2-pdr-10 {

    padding-right: 10px;

  }

  .xl2-pdr-20 {

    padding-right: 20px;

  }

  .xl2-pdr-30 {

    padding-right: 30px;

  }

  .xl2-pdt-0 {

    padding-top: 0;

  }

  .xl2-pdt-10,

  .xl2-pd-10 {

    padding-top: 10px;

  }

  .xl2-pdt-20,

  .xl2-pd-20 {

    padding-top: 20px;

  }

  .xl2-pdt-30,

  .xl2-pd-30 {

    padding-top: 30px;

  }

  .xl2-pdt-40,

  .xl2-pd-40 {

    padding-top: 40px;

  }

  .xl2-pdt-50,

  .xl2-pd-50 {

    padding-top: 50px;

  }

  .xl2-pdt-60,

  .xl2-pd-60 {

    padding-top: 60px;

  }

  .xl2-pdt-70,

  .xl2-pd-70 {

    padding-top: 70px;

  }

  .xl2-pdt-80,

  .xl2-pd-80 {

    padding-top: 80px;

  }

  .xl2-pdt-90,

  .xl2-pd-90 {

    padding-top: 90px;

  }

  .xl2-pdt-100,

  .xl2-pd-100 {

    padding-top: 100px;

  }

  .xl2-pdb-0 {

    padding-bottom: 0;

  }

  .xl2-pdb-10,

  .xl2-pd-10 {

    padding-bottom: 10px;

  }

  .xl2-pdb-20,

  .xl2-pd-20 {

    padding-bottom: 20px;

  }

  .xl2-pdb-30,

  .xl2-pd-30 {

    padding-bottom: 30px;

  }

  .xl2-pdb-40,

  .xl2-pd-40 {

    padding-bottom: 40px;

  }

  .xl2-pdb-50,

  .xl2-pd-50 {

    padding-bottom: 50px;

  }

  .xl2-pdb-60,

  .xl2-pd-60 {

    padding-bottom: 60px;

  }

  .xl2-pdb-70,

  .xl2-pd-70 {

    padding-bottom: 70px;

  }

  .xl2-pdb-80,

  .xl2-pd-80 {

    padding-bottom: 80px;

  }

  .xl2-pdb-90,

  .xl2-pd-90 {

    padding-bottom: 90px;

  }

  .xl2-pdb-100,

  .xl2-pd-100 {

    padding-bottom: 100px;

  }

  .xl2-mt-0 {

    margin-top: 0;

  }

  .xl2-mt-10,

  .xl2-my-10 {

    margin-top: 10px;

  }

  .xl2-mt-20,

  .xl2-my-20 {

    margin-top: 20px;

  }

  .xl2-mt-30,

  .xl2-my-30 {

    margin-top: 30px;

  }

  .xl2-mt-40,

  .xl2-my-40 {

    margin-top: 40px;

  }

  .xl2-mt-50,

  .xl2-my-50 {

    margin-top: 50px;

  }

  .xl2-mt-60,

  .xl2-my-60 {

    margin-top: 60px;

  }

  .xl2-mt-70,

  .xl2-my-70 {

    margin-top: 70px;

  }

  .xl2-mt-80,

  .xl2-my-80 {

    margin-top: 80px;

  }

  .xl2-mt-90,

  .xl2-my-90 {

    margin-top: 90px;

  }

  .xl2-mt-100,

  .xl2-my-100 {

    margin-top: 100px;

  }

  .xl2-mb-0 {

    margin-bottom: 0;

  }

  .xl2-mb-10,

  .xl2-my-10 {

    margin-bottom: 10px;

  }

  .xl2-mb-20,

  .xl2-my-20 {

    margin-bottom: 20px;

  }

  .xl2-mb-30,

  .xl2-my-30 {

    margin-bottom: 30px;

  }

  .xl2-mb-40,

  .xl2-my-40 {

    margin-bottom: 40px;

  }

  .xl2-mb-50,

  .xl2-my-50 {

    margin-bottom: 50px;

  }

  .xl2-mb-60,

  .xl2-my-60 {

    margin-bottom: 60px;

  }

  .xl2-mb-70,

  .xl2-my-70 {

    margin-bottom: 70px;

  }

  .xl2-mb-80,

  .xl2-my-80 {

    margin-bottom: 80px;

  }

  .xl2-mb-90,

  .xl2-my-90 {

    margin-bottom: 90px;

  }

  .xl2-mb-100,

  .xl2-my-100 {

    margin-bottom: 100px;

  }

  .xl2-grid-div {

    display: grid;

  }

  .xl2-col-grid-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .xl2-col-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .xl2-col-grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .xl2-col-grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .xl2-col-grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

  .xl2-col-grid-6 {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .xl2-row-grid-1 {

    grid-template-rows: repeat(1, minmax(0, 1fr));

  }

  .xl2-row-grid-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr));

  }

  .xl2-row-grid-3 {

    grid-template-rows: repeat(3, minmax(0, 1fr));

  }

  .xl2-row-grid-4 {

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }

  .xl2-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl2-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl2-row-grid-6 {

    grid-template-rows: repeat(6, minmax(0, 1fr));

  }

  .xl2-col-span-1 {

    grid-column: span 1 / span 1;

  }

  .xl2-col-span-2 {

    grid-column: span 2 / span 2;

  }

  .xl2-col-span-3 {

    grid-column: span 3 / span 3;

  }

  .xl2-col-span-4 {

    grid-column: span 4 / span 4;

  }

  .xl2-col-span-5 {

    grid-column: span 5 / span 5;

  }

  .xl2-row-span-1 {

    grid-row: span 1 / span 1;

  }

  .xl2-row-span-2 {

    grid-row: span 2 / span 2;

  }

  .xl2-row-span-3 {

    grid-row: span 3 / span 3;

  }

  .xl2-row-span-4 {

    grid-row: span 4 / span 4;

  }

  .xl2-row-span-5 {

    grid-row: span 5 / span 5;

  }

  .xl2-div-gap-2 {

    gap: 0.5rem;

  }

  .xl2-div-gap-3 {

    gap: 0.75rem;

  }

  .xl2-div-gap-4 {

    gap: 1rem;

  }

  .xl2-div-gap-5 {

    gap: 1.25rem;

  }

  .xl2-div-gap-6 {

    gap: 1.5rem;

  }

  .xl2-div-gap-7 {

    gap: 1.75rem;

  }

  .xl2-div-gap-8 {

    gap: 2rem;

  }

  .xl2-divgap-1 {

    gap: var(--grid-gap-1);

  }

  .xl2-divgap-2 {

    gap: var(--grid-gap-2);

  }

  .xl2-divgap-3 {

    gap: var(--grid-gap-3);

  }

  .xl2-divgap-4 {

    gap: var(--grid-gap-4);

  }

  .xl2-divgap-5 {

    gap: var(--grid-gap-5);

  }

  .xl2-flex-div {

    display: flex;

  }

  .xl2-flex-col {

    flex-direction: column;

  }

  .xl2-flex-row {

    flex-direction: row;

  }

  .xl2-wrap-flex {

    flex-wrap: wrap;

  }

  .xl2-nowrap-flex {

    flex-wrap: nowrap;

  }

  .xl2-justify-center {

    justify-content: center;

  }

  .xl2-justify-between {

    justify-content: space-between;

  }

  .xl2-justify-start {

    justify-content: flex-start;

  }

  .xl2-justify-end {

    justify-content: flex-end;

  }

  .xl2-items-center {

    align-items: center;

  }

  .xl2-items-start {

    align-items: flex-start;

  }

  .xl2-items-end {

    align-items: flex-end;

  }

  .xl2-flex-grow {

    flex-grow: 1;

  }

  .xl2-flex-right {

    justify-content: flex-end;

  }

  .xl2-order-1 {

    order: 1;

  }

  .xl2-order-2 {

    order: 2;

  }

  .xl2-order-3 {

    order: 3;

  }

  .xl2-zin-0 {

    z-index: 0;

  }

  .xl2-zin-10 {

    z-index: 10;

  }

  .xl2-zin-20 {

    z-index: 20;

  }

  .xl2-zin-30 {

    z-index: 30;

  }

  .xl2-zin-40 {

    z-index: 40;

  }

  .xl2-zin-50 {

    z-index: 50;

  }

  .xl2-zin-auto {

    z-index: auto;

  }

  .xl2-text-center {

    text-align: center;

  }

  .xl2-text-left {

    text-align: left;

  }

  .xl2-text-right {

    text-align: right;

  }

  .owl-carousel .owl-nav button.owl-prev {

    left: 30px;

  }



  .owl-carousel .owl-nav button.owl-next {

    right: 30px;

  }

   .site-header .bottom-head .left-wrap {

  

}

.site-header .nav-btn > a, .site-header .other-link .nav-btn > a {

  font-size: 1rem;

}

.site-header .nav-btn > a>.btn-text, .site-header .other-link .nav-btn > a >.btn-text {
	padding: 10px 24px;

}
    

.site-header .other-link {

    order: 2;
    
  }

}



@media (min-width: 1535px) {

  .xl3-visible {

    display: block;

  }

  .xl3-hidden {

    display: none;

  }

  .xl3-pdl-0 {

    padding-left: 0;

  }

  .xl3-pdl-10 {

    padding-left: 10px;

  }

  .xl3-pdl-20 {

    padding-left: 20px;

  }

  .xl3-pdl-30 {

    padding-left: 30px;

  }
.xl3-pdl-60 {

  padding-left: 60px;

}
 .xl3-pdr-60 {

  padding-right: 60px;

}
  .xl3-pdr-0 {

    padding-right: 0;

  }

  .xl3-pdr-10 {

    padding-right: 10px;

  }

  .xl3-pdr-20 {

    padding-right: 20px;

  }

  .xl3-pdr-30 {

    padding-right: 30px;

  }

  .xl3-pdt-0 {

    padding-top: 0;

  }

  .xl3-pdt-10,

  .xl3-pd-10 {

    padding-top: 10px;

  }

  .xl3-pdt-20,

  .xl3-pd-20 {

    padding-top: 20px;

  }

  .xl3-pdt-30,

  .xl3-pd-30 {

    padding-top: 30px;

  }

  .xl3-pdt-40,

  .xl3-pd-40 {

    padding-top: 40px;

  }

  .xl3-pdt-50,

  .xl3-pd-50 {

    padding-top: 50px;

  }

  .xl3-pdt-60,

  .xl3-pd-60 {

    padding-top: 60px;

  }

  .xl3-pdt-70,

  .xl3-pd-70 {

    padding-top: 70px;

  }

  .xl3-pdt-80,

  .xl3-pd-80 {

    padding-top: 80px;

  }

  .xl3-pdt-90,

  .xl3-pd-90 {

    padding-top: 90px;

  }

  .xl3-pdt-100,

  .xl3-pd-100 {

    padding-top: 100px;

  }

  .xl3-pdb-0 {

    padding-bottom: 0;

  }

  .xl3-pdb-10,

  .xl3-pd-10 {

    padding-bottom: 10px;

  }

  .xl3-pdb-20,

  .xl3-pd-20 {

    padding-bottom: 20px;

  }

  .xl3-pdb-30,

  .xl3-pd-30 {

    padding-bottom: 30px;

  }

  .xl3-pdb-40,

  .xl3-pd-40 {

    padding-bottom: 40px;

  }

  .xl3-pdb-50,

  .xl3-pd-50 {

    padding-bottom: 50px;

  }

  .xl3-pdb-60,

  .xl3-pd-60 {

    padding-bottom: 60px;

  }

  .xl3-pdb-70,

  .xl3-pd-70 {

    padding-bottom: 70px;

  }

  .xl3-pdb-80,

  .xl3-pd-80 {

    padding-bottom: 80px;

  }

  .xl3-pdb-90,

  .xl3-pd-90 {

    padding-bottom: 90px;

  }

  .xl3-pdb-100,

  .xl3-pd-100 {

    padding-bottom: 100px;

  }

  .xl3-mt-0 {

    margin-top: 0;

  }

  .xl3-mt-10,

  .xl3-my-10 {

    margin-top: 10px;

  }

  .xl3-mt-20,

  .xl3-my-20 {

    margin-top: 20px;

  }

  .xl3-mt-30,

  .xl3-my-30 {

    margin-top: 30px;

  }

  .xl3-mt-40,

  .xl3-my-40 {

    margin-top: 40px;

  }

  .xl3-mt-50,

  .xl3-my-50 {

    margin-top: 50px;

  }

  .xl3-mt-60,

  .xl3-my-60 {

    margin-top: 60px;

  }

  .xl3-mt-70,

  .xl3-my-70 {

    margin-top: 70px;

  }

  .xl3-mt-80,

  .xl3-my-80 {

    margin-top: 80px;

  }

  .xl3-mt-90,

  .xl3-my-90 {

    margin-top: 90px;

  }

  .xl3-mt-100,

  .xl3-my-100 {

    margin-top: 100px;

  }

  .xl3-mb-0 {

    margin-bottom: 0;

  }

  .xl3-mb-10,

  .xl3-my-10 {

    margin-bottom: 10px;

  }

  .xl3-mb-20,

  .xl3-my-20 {

    margin-bottom: 20px;

  }

  .xl3-mb-30,

  .xl3-my-30 {

    margin-bottom: 30px;

  }

  .xl3-mb-40,

  .xl3-my-40 {

    margin-bottom: 40px;

  }

  .xl3-mb-50,

  .xl3-my-50 {

    margin-bottom: 50px;

  }

  .xl3-mb-60,

  .xl3-my-60 {

    margin-bottom: 60px;

  }

  .xl3-mb-70,

  .xl3-my-70 {

    margin-bottom: 70px;

  }

  .xl3-mb-80,

  .xl3-my-80 {

    margin-bottom: 80px;

  }

  .xl3-mb-90,

  .xl3-my-90 {

    margin-bottom: 90px;

  }

  .xl3-mb-100,

  .xl3-my-100 {

    margin-bottom: 100px;

  }

  .xl3-grid-div {

    display: grid;

  }

  .xl3-col-grid-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .xl3-col-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .xl3-col-grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .xl3-col-grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .xl3-col-grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

  .xl3-col-grid-6 {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .xl3-row-grid-1 {

    grid-template-rows: repeat(1, minmax(0, 1fr));

  }

  .xl3-row-grid-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr));

  }

  .xl3-row-grid-3 {

    grid-template-rows: repeat(3, minmax(0, 1fr));

  }

  .xl3-row-grid-4 {

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }

  .xl3-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl3-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl3-row-grid-6 {

    grid-template-rows: repeat(6, minmax(0, 1fr));

  }

  .xl3-col-span-1 {

    grid-column: span 1 / span 1;

  }

  .xl3-col-span-2 {

    grid-column: span 2 / span 2;

  }

  .xl3-col-span-3 {

    grid-column: span 3 / span 3;

  }

  .xl3-col-span-4 {

    grid-column: span 4 / span 4;

  }

  .xl3-col-span-5 {

    grid-column: span 5 / span 5;

  }

  .xl3-row-span-1 {

    grid-row: span 1 / span 1;

  }

  .xl3-row-span-2 {

    grid-row: span 2 / span 2;

  }

  .xl3-row-span-3 {

    grid-row: span 3 / span 3;

  }

  .xl3-row-span-4 {

    grid-row: span 4 / span 4;

  }

  .xl3-row-span-5 {

    grid-row: span 5 / span 5;

  }

  .xl3-div-gap-2 {

    gap: 0.5rem;

  }

  .xl3-div-gap-3 {

    gap: 0.75rem;

  }

  .xl3-div-gap-4 {

    gap: 1rem;

  }

  .xl3-div-gap-5 {

    gap: 1.25rem;

  }

  .xl3-div-gap-6 {

    gap: 1.5rem;

  }

  .xl3-div-gap-7 {

    gap: 1.75rem;

  }

  .xl3-div-gap-8 {

    gap: 2rem;

  }

  .xl3-divgap-1 {

    gap: var(--grid-gap-1);

  }

  .xl3-divgap-2 {

    gap: var(--grid-gap-2);

  }

  .xl3-divgap-3 {

    gap: var(--grid-gap-3);

  }

  .xl3-divgap-4 {

    gap: var(--grid-gap-4);

  }

  .xl3-divgap-5 {

    gap: var(--grid-gap-5);

  }

  .xl3-flex-div {

    display: flex;

  }

  .xl3-flex-col {

    flex-direction: column;

  }

  .xl3-flex-row {

    flex-direction: row;

  }

  .xl3-wrap-flex {

    flex-wrap: wrap;

  }

  .xl3-nowrap-flex {

    flex-wrap: nowrap;

  }

  .xl3-justify-center {

    justify-content: center;

  }

  .xl3-justify-between {

    justify-content: space-between;

  }

  .xl3-justify-start {

    justify-content: flex-start;

  }

  .xl3-justify-end {

    justify-content: flex-end;

  }

  .xl3-items-center {

    align-items: center;

  }

  .xl3-items-start {

    align-items: flex-start;

  }

  .xl3-items-end {

    align-items: flex-end;

  }

  .xl3-flex-grow {

    flex-grow: 1;

  }

  .xl3-flex-right {

    justify-content: flex-end;

  }

  .xl3-order-1 {

    order: 1;

  }

  .xl3-order-2 {

    order: 2;

  }

  .xl3-order-3 {

    order: 3;

  }

  .xl3-zin-0 {

    z-index: 0;

  }

  .xl3-zin-10 {

    z-index: 10;

  }

  .xl3-zin-20 {

    z-index: 20;

  }

  .xl3-zin-30 {

    z-index: 30;

  }

  .xl3-zin-40 {

    z-index: 40;

  }

  .xl3-zin-50 {

    z-index: 50;

  }

  .xl3-zin-auto {

    z-index: auto;

  }

  .xl3-text-center {

    text-align: center;

  }

  .xl3-text-left {

    text-align: left;

  }

  .xl3-text-right {

    text-align: right;

  }

  .site-header .max-w-full {

    padding: 0 2.5rem;

  }

   .site-header .bottom-head .left-wrap {

  width: 300px;

}

}

@media (min-width: 1920px) {

  .xl4-visible {

    display: block;

  }

  .xl4-hidden {

    display: none;

  }

  .xl4-pdl-0 {

    padding-left: 0;

  }

  .xl4-pdl-10 {

    padding-left: 10px;

  }

  .xl4-pdl-20 {

    padding-left: 20px;

  }

  .xl4-pdl-30 {

    padding-left: 30px;

  }
.xl4-pdl-60 {

  padding-left: 60px;

}
 .xl4-pdr-60 {

  padding-right: 60px;

}
  .xl4-pdr-0 {

    padding-right: 0;

  }

  .xl4-pdr-10 {

    padding-right: 10px;

  }

  .xl4-pdr-20 {

    padding-right: 20px;

  }

  .xl4-pdr-30 {

    padding-right: 30px;

  }

  .xl4-pdt-0 {

    padding-top: 0;

  }

  .xl4-pdt-10,

  .xl4-pd-10 {

    padding-top: 10px;

  }

  .xl4-pdt-20,

  .xl4-pd-20 {

    padding-top: 20px;

  }

  .xl4-pdt-30,

  .xl4-pd-30 {

    padding-top: 30px;

  }

  .xl4-pdt-40,

  .xl4-pd-40 {

    padding-top: 40px;

  }

  .xl4-pdt-50,

  .xl4-pd-50 {

    padding-top: 50px;

  }

  .xl4-pdt-60,

  .xl4-pd-60 {

    padding-top: 60px;

  }

  .xl4-pdt-70,

  .xl4-pd-70 {

    padding-top: 70px;

  }

  .xl4-pdt-80,

  .xl4-pd-80 {

    padding-top: 80px;

  }

  .xl4-pdt-90,

  .xl4-pd-90 {

    padding-top: 90px;

  }

  .xl4-pdt-100,

  .xl4-pd-100 {

    padding-top: 100px;

  }

  .xl4-pdb-0 {

    padding-bottom: 0;

  }

  .xl4-pdb-10,

  .xl4-pd-10 {

    padding-bottom: 10px;

  }

  .xl4-pdb-20,

  .xl4-pd-20 {

    padding-bottom: 20px;

  }

  .xl4-pdb-30,

  .xl4-pd-30 {

    padding-bottom: 30px;

  }

  .xl4-pdb-40,

  .xl4-pd-40 {

    padding-bottom: 40px;

  }

  .xl4-pdb-50,

  .xl4-pd-50 {

    padding-bottom: 50px;

  }

  .xl4-pdb-60,

  .xl4-pd-60 {

    padding-bottom: 60px;

  }

  .xl4-pdb-70,

  .xl4-pd-70 {

    padding-bottom: 70px;

  }

  .xl4-pdb-80,

  .xl4-pd-80 {

    padding-bottom: 80px;

  }

  .xl4-pdb-90,

  .xl4-pd-90 {

    padding-bottom: 90px;

  }

  .xl4-pdb-100,

  .xl4-pd-100 {

    padding-bottom: 100px;

  }

  .xl4-mt-0 {

    margin-top: 0;

  }

  .xl4-mt-10,

  .xl4-my-10 {

    margin-top: 10px;

  }

  .xl4-mt-20,

  .xl4-my-20 {

    margin-top: 20px;

  }

  .xl4-mt-30,

  .xl4-my-30 {

    margin-top: 30px;

  }

  .xl4-mt-40,

  .xl4-my-40 {

    margin-top: 40px;

  }

  .xl4-mt-50,

  .xl4-my-50 {

    margin-top: 50px;

  }

  .xl4-mt-60,

  .xl4-my-60 {

    margin-top: 60px;

  }

  .xl4-mt-70,

  .xl4-my-70 {

    margin-top: 70px;

  }

  .xl4-mt-80,

  .xl4-my-80 {

    margin-top: 80px;

  }

  .xl4-mt-90,

  .xl4-my-90 {

    margin-top: 90px;

  }

  .xl4-mt-100,

  .xl4-my-100 {

    margin-top: 100px;

  }

  .xl4-mb-0 {

    margin-bottom: 0;

  }

  .xl4-mb-10,

  .xl4-my-10 {

    margin-bottom: 10px;

  }

  .xl4-mb-20,

  .xl4-my-20 {

    margin-bottom: 20px;

  }

  .xl4-mb-30,

  .xl4-my-30 {

    margin-bottom: 30px;

  }

  .xl4-mb-40,

  .xl4-my-40 {

    margin-bottom: 40px;

  }

  .xl4-mb-50,

  .xl4-my-50 {

    margin-bottom: 50px;

  }

  .xl4-mb-60,

  .xl4-my-60 {

    margin-bottom: 60px;

  }

  .xl4-mb-70,

  .xl4-my-70 {

    margin-bottom: 70px;

  }

  .xl4-mb-80,

  .xl4-my-80 {

    margin-bottom: 80px;

  }

  .xl4-mb-90,

  .xl4-my-90 {

    margin-bottom: 90px;

  }

  .xl4-mb-100,

  .xl4-my-100 {

    margin-bottom: 100px;

  }

  .xl4-grid-div {

    display: grid;

  }

  .xl4-col-grid-1 {

    grid-template-columns: repeat(1, minmax(0, 1fr));

  }

  .xl4-col-grid-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .xl4-col-grid-3 {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

  .xl4-col-grid-4 {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .xl4-col-grid-5 {

    grid-template-columns: repeat(5, minmax(0, 1fr));

  }

  .xl4-col-grid-6 {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

  .xl4-row-grid-1 {

    grid-template-rows: repeat(1, minmax(0, 1fr));

  }

  .xl4-row-grid-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr));

  }

  .xl4-row-grid-3 {

    grid-template-rows: repeat(3, minmax(0, 1fr));

  }

  .xl4-row-grid-4 {

    grid-template-rows: repeat(4, minmax(0, 1fr));

  }

  .xl4-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl4-row-grid-5 {

    grid-template-rows: repeat(5, minmax(0, 1fr));

  }

  .xl4-row-grid-6 {

    grid-template-rows: repeat(6, minmax(0, 1fr));

  }

  .xl4-col-span-1 {

    grid-column: span 1 / span 1;

  }

  .xl4-col-span-2 {

    grid-column: span 2 / span 2;

  }

  .xl4-col-span-3 {

    grid-column: span 3 / span 3;

  }

  .xl4-col-span-4 {

    grid-column: span 4 / span 4;

  }

  .xl4-col-span-5 {

    grid-column: span 5 / span 5;

  }

  .xl4-row-span-1 {

    grid-row: span 1 / span 1;

  }

  .xl4-row-span-2 {

    grid-row: span 2 / span 2;

  }

  .xl4-row-span-3 {

    grid-row: span 3 / span 3;

  }

  .xl4-row-span-4 {

    grid-row: span 4 / span 4;

  }

  .xl4-row-span-5 {

    grid-row: span 5 / span 5;

  }

  .xl4-div-gap-2 {

    gap: 0.5rem;

  }

  .xl4-div-gap-3 {

    gap: 0.75rem;

  }

  .xl4-div-gap-4 {

    gap: 1rem;

  }

  .xl4-div-gap-5 {

    gap: 1.25rem;

  }

  .xl4-div-gap-6 {

    gap: 1.5rem;

  }

  .xl4-div-gap-7 {

    gap: 1.75rem;

  }

  .xl4-div-gap-8 {

    gap: 2rem;

  }

  .xl4-divgap-1 {

    gap: var(--grid-gap-1);

  }

  .xl4-divgap-2 {

    gap: var(--grid-gap-2);

  }

  .xl4-divgap-3 {

    gap: var(--grid-gap-3);

  }

  .xl4-divgap-4 {

    gap: var(--grid-gap-4);

  }

  .xl4-divgap-5 {

    gap: var(--grid-gap-5);

  }

  .xl4-flex-div {

    display: flex;

  }

  .xl4-flex-col {

    flex-direction: column;

  }

  .xl4-flex-row {

    flex-direction: row;

  }

  .xl4-wrap-flex {

    flex-wrap: wrap;

  }

  .xl4-nowrap-flex {

    flex-wrap: nowrap;

  }

  .xl4-justify-center {

    justify-content: center;

  }

  .xl4-justify-between {

    justify-content: space-between;

  }

  .xl4-justify-start {

    justify-content: flex-start;

  }

  .xl4-justify-end {

    justify-content: flex-end;

  }

  .xl4-items-center {

    align-items: center;

  }

  .xl4-items-start {

    align-items: flex-start;

  }

  .xl4-items-end {

    align-items: flex-end;

  }

  .xl4-flex-grow {

    flex-grow: 1;

  }

  .xl4-flex-right {

    justify-content: flex-end;

  }

  .xl4-order-1 {

    order: 1;

  }

  .xl4-order-2 {

    order: 2;

  }

  .xl4-order-3 {

    order: 3;

  }

  .xl4-zin-0 {

    z-index: 0;

  }

  .xl4-zin-10 {

    z-index: 10;

  }

  .xl4-zin-20 {

    z-index: 20;

  }

  .xl4-zin-30 {

    z-index: 30;

  }

  .xl4-zin-40 {

    z-index: 40;

  }

  .xl4-zin-50 {

    z-index: 50;

  }

  .xl4-zin-auto {

    z-index: auto;

  }

  .xl4-text-center {

    text-align: center;

  }

  .xl4-text-left {

    text-align: left;

  }

  .xl4-text-right {

    text-align: right;

  }

}