/* Variables

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



:root {

  /* Colors */

  --primary: #555f6e;

  --black:#000000;

  --black-300:#282828;

  --white: #ffffff;

  --white-200:#f6f6f6;

  --white-400:#f4f8ff;

  --aqua-blue:#69c7fd;

  --mirage:#151d2a; 

  --grey:#e2e2e2;

  --wolf-gray:#929393;

  --teal:#5a7779;

  --silver:#dae0e0;

  --silver-200:#d0d4da;

  /*Fonts*/

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

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

  /*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-Black: 900;

  /*Body*/

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

  --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(--primary);

  --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: 1470px;

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

  --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: 1.125rem;

  color: var(--primary);

  line-height: 1.5;

  overflow-x: hidden;

  padding: 50px 20px 20px 20px;

}





p {

  color: var(--primary);

  font-size: 1.125rem;

  line-height: 1.5;

  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(--aqua-blue);

}



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);

}

p strong,

li strong {

  color: var(--mirage);

}

.bgc-mirage p strong,

.bgc-mirage li strong {

  color: var(--white);

}

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-Sora);

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

  color: var(--mirage);

  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;

}

.rounded-lg{

  border-radius: 20px;

}

.rounded-2lg{

  border-radius: 30px;

}

.rounded-xl{

  border-radius: 35px;

}

.rounded-1xl{

  border-radius: 40px;

}

.rounded-2xl{

  border-radius: 60px;

}



.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));

}

.col-grid-7 {

  grid-template-columns: repeat(7, 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;

}

.col-span-6 {

    grid-column: span 6 / span 6;

  }



.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;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.5rem;

}



.owl-carousel .owl-nav button i {

  border: 1px solid var(--mirage);

  background-color: var(--mirage);

  color: var(--white);

  width: 44px;

  height: 44px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 60px;

  transition-property: all;

  transition-duration: 250ms;

  font-size: 1rem;

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

}



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

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

  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);

  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: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(--aqua-blue);

  border-color: var(--aqua-blue);

  color: var(--white);

}

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

  background: transparent;

}



.custom-nav {

  display: flex;

  gap: 0.5rem;

}

.custom-nav button {

  background-color: transparent;

  border: none;

  z-index: 10;

  font-size: 1rem;

  text-transform: uppercase;

  border-radius: 0;

  color: var(--primary);

  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 var(--spanish-gray);

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

  color: var(--white);

  width: 50px;

  height: 50px;

  font-size: 1rem;

  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:hover i {

  background: #1F69C8;

background: -webkit-linear-gradient(90deg, rgba(31, 105, 200, 1) 0%, rgba(8, 48, 88, 1) 100%);

background: -moz-linear-gradient(90deg, rgba(31, 105, 200, 1) 0%, rgba(8, 48, 88, 1) 100%);

background: linear-gradient(90deg, rgba(31, 105, 200, 1) 0%, rgba(8, 48, 88, 1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1F69C8", endColorstr="#083058", GradientType=1);

  border-color: #1F69C8;

}



.custom-nav button.customPrevBtn {

  left: 20px;

}

.custom-nav button.customNextBtn {

  right: 20px;

}



.owl-carousel .owl-item img {

  width: auto;

  margin: 0 auto;

}



.site-btn {

 display: inline-flex;

  flex-flow: row;

  align-items: center;

  padding: 6px 8px 6px 28px;

  font-size: 1rem;

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

  position: relative;

  z-index: 1;

  text-align: center;

  border-width: 2px;

  border-style: solid;

  border-color: transparent;

  border-radius: 80px;

  cursor: pointer;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

  overflow: hidden;

}



.site-btn::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;  

  opacity: 0; /* Initially hidden */

  transition: opacity 0.5s ease-in-out; /* Smooth transition */

}



.site-btn:hover::after {

  opacity: 1; /* Reveal on hover */

}



.site-btn i{

  font-size: 0.75rem;

  margin-left: 0.875rem;

   -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  background-color: var(--white);

  color: var(--primary);

  border-radius: 60px;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.site-btn:hover {

  background-clip: padding-box, border-box; /* Clip the gradient to the border box */

  background-origin: border-box; /* Start background from the border box */

  

}

.site-btn:hover i {

  transform: rotate(45deg);

}

.primary-btn {

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

  border-color: var(--aqua-blue);

  color:var(--mirage);

}

.primary-btn i {

  background-color: var(--mirage);

  color: var(--white);

}

.primary-btn:hover {

  background-color: var(--mirage);

  color: var(--white);

}



.primary-btn:hover i {

  background-color: var(--white);

  color: var(--mirage);

}



.secondary-btn {

  color: var(--mirage);

  background-color: var(--white);

  border-color: var(--white);

}

.secondary-btn:hover {

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

  border-color: var(--mirage);

  color: var(--mirage);

}



.secondary-btn i {

  background-color: var(--mirage);

  color: var(--white);

}

.secondary-btn:hover i {

  background-color: var(--white);

  color: var(--mirage);

}



.arrow-link {

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

  color: var(--blue-500);

  text-transform: uppercase;

  font-size: 0.875rem;

}

.arrow-link i {

  background-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;

  padding-left: 1rem;

}



section li {

  font-size: 1.125rem;

  color: var(--primary);

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

}



section ul li {

  list-style: none;

  font-family: inherit;

  position: relative;

  padding-left: 1rem;

}



/* 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::before {

  font-family: "Font Awesome 7 Pro";

  content: "";

  width: 6px;

  height: 6px;

  background-color: var(--primary);

  position: absolute;

  left: 0;

  top: 13px;

  border-radius: 999px;

}



.section-title,

.block-title {

  position: relative;

}



.section-title h1,

.section-title h2,

.block-title h2 {

  color: var(--mirage);

  line-height: 1.2;

  margin-bottom: 0;

}



.bgc-mirage .section-title h1,

.bgc-mirage .section-title h2,

.bgc-mirage .block-title h2 {

  color: var(--white);

}

.section-title h1.text-lg,

.section-title h2.text-lg,

.block-title h2.text-lg {

  font-size: 1.625rem;

}



.section-title h1.text-xl,

.section-title h2.text-xl,

.block-title h2.text-xl {

  font-size: 2rem;

}

.section-title h1.text-2xl,

.section-title h2.text-2xl,

.block-title h2.text-2xl {

  font-size: 2rem;

}

.section-title h1.text-3xl,

.section-title h2.text-3xl,

.block-title h2.text-3xl {

  font-size: 2.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 h5,

.block-title h5 {

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

  font-size: 1.625rem;

}

.section-title h6,

.block-title h6 {

  color: var(--mirage);

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

  font-size: 1rem;

  letter-spacing: 2px;

  position: relative;

  margin-bottom: 1rem;

  position: relative;

  

}

.section-title .color-aqua-blue,

.block-title .color-aqua-blue {

  color: var(--aqua-blue);

}

.section-title h6 >span,

.block-title h6 >span {

  display: inline-block;

  position: relative;

  padding-left: 20px;

}

.section-title h6 >span::before,

.block-title h6 >span::before {

  content: '';

  position: absolute;

  left: 0;

  top: 9px;

  width: 6px;

  height: 6px;

  background-color: var(--mirage);

  border-radius: 999px;

}



.section-title .color-aqua-blue >span::before,

.block-title .color-aqua-blue >span::before{

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

}



.section-title .ab-text{

  position: relative;

}

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

.section-title .ab-text::after{

  content: '';

  position: absolute;

  height: 1px;

  top: 50%;

  width: 70%;

  background-color: #404142;

}

.section-title .ab-text::before{

  left: -20px;

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

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

}

.section-title .ab-text::after{

  right: -20px;

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

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

}

.bgc-layer .section-title .ab-text::before,

.bgc-layer .section-title .ab-text::after{

  background-color: #404142;

}



.section-title .title-text {

  max-width: 1000px;

}

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

  margin-left: auto;

  margin-right: auto;

}

.section-title .title-text p{

  font-size: 1.125rem;

}

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

  display: none;

}



.bg-image {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: relative;

}

.bgc-white {

  background-color: var(--white);

}

.bgc-white-400{

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

}

.bgc-mirage {

  background-color: var(--mirage);

}

.bgc-black {

  background-color: var(--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-1xl,

.max-screen-2xl,

.max-screen-3xl {

  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-1xl {

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

}



.max-screen-2xl {

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

}

.max-screen-3xl {

  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;
}


.site-header .sub-menu-toggle {

  display: none;

}
.site-header .site-phone{
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{

  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: 20px;

  right: 20px;

  top: 50px;

  z-index: 999;

  -webkit-transition: background-color 0.5s;

  transition: background-color 0.5s;

}



.site-header.sticky-header {

  position: fixed;

  top: 20px;

}
.has-top-bar .site-header.sticky-header {

  top: 20px;

}

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

  position: fixed;

}



.site-header .bottom-head {

  padding: 0.5rem 0;

}

.site-header .bottom-head .content {

  display: flex;

  justify-content: space-between;

  gap: 1rem;

}

.site-header .bottom-head .content >div:first-child {

  background-color: var(--white);

  border-radius: 60px;

  padding: 4px 6px;

}



.site-header .bottom-head .content >div:last-child {

  background-color: var(--white);

  border-radius: 60px;

  padding: 4px 6px;

}

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

  width: 166px;

}



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

  padding: 0;

  margin-left: 10px;

}

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

  display: flex;

  align-items: center;

  gap: 14px;

}

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

  margin-bottom: 0;

  font-size: 1.625rem;

  color: var(--black-300);

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

}

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

  margin-bottom: 0;

  font-size: 1rem;

  color: var(--black-300);

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

}



.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: 0;

}



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

  margin-right: 10px;

} */



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

  margin-left: 0;

}



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

.site-header .site-phone > span {

  display: flex;

  align-items: center;

  color: var(--black-300);

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

  gap: 0.5rem;

  font-size: 1.125rem;

}

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

.site-header .site-phone > span i {

  border-radius: 9999px;

  margin-right: 0.75rem;

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

  width: 40px;

  height: 40px;

  font-size: 0.875rem;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.site-header .site-phone > span .phone-icon{

  background-color: var(--mirage);

  border-radius: 9999px;

  width: 50px;

  height: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}

.site-header .site-phone > span img{

  filter: brightness(0) invert(1);

}

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

.site-header .site-phone > span span {

  display: block;

  font-size: 0.875rem;

}



.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(--primary);

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

}

.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;

  flex-flow: row;

  align-items: center;

  padding: 5px 5px 5px 16px;

  font-size: 0.875rem;

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

  position: relative;

  z-index: 1;

  text-align: center;

  border-width: 2px;

  border-style: solid;

  border-color: var(--aqua-blue);

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

  color: var(--mirage);

  border-radius: 80px;

  cursor: pointer;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  transition: all 0.5s;

  overflow: hidden;

}

.site-header .nav-btn > a i,

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

  font-size: 0.75rem;

  margin-left: 0.875rem;

   -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  background-color: var(--mirage);

  color: var(--white);

  border-radius: 60px;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

}





.site-header .nav-btn > a span,

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

  position: absolute;

  width: 25%;

  height: 100%;

  transform: translateY(150%);

  border-radius: 50%;

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

  transition: 0.5s;

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

  z-index: -1;

}



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

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

  background-clip: padding-box, border-box; /* Clip the gradient to the border box */

  background-origin: border-box; /* Start background from the border box */

  color: var(--white);

}

@keyframes gradient-shift {

  0% { background-position: 0% 50%; }

  50% { background-position: 100% 50%; }

  100% { background-position: 0% 50%; }

}







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

  opacity: 1; /* Reveal on hover */

}



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

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

  background-color: var(--mirage);

  color: var(--white);

}

.site-header .nav-btn > a:hover i,

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

  transform: rotate(45deg);

  background-color: var(--white);

  color: var(--mirage);

}

.site-header .nav-btn > a:hover span,

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

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

}



.slidebtn {

  position: relative;

  margin-top: 0px;

  margin-bottom: 0px;

  cursor: pointer;

  width: 44px;

  float: right;

}



#showLeftPush {

  z-index: 22;

}



#closeLeftPush {

  margin-top: 10px;

  margin-right: 10px;

}



.slidebtn .bar {

  width: 100%;

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

  height: 4px;

  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);

}

#closeLeftPush  .bar {

  background-color: var(--white);

}



.slidebtn.active .bar:first-child {

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

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

}



.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: #2c2b2a;

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

  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-200);

  border: 1px solid var(--silver);

  font-size: 0.875rem;

  color: var(--mirage);

  padding:0.875rem 1.5rem;

  width: 100%;

  position: relative;

  margin: 0;

  border-radius: 30px;

}



.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-200);

  border: 1px solid var(--silver);

  z-index: 10;

  width: 100%;

  border-radius: 30px;

}



.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: 0.875rem 1.5rem;

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

  font-size: 0.875rem;

  color: var(--mirage);

}

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

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

  font-family: "Font Awesome 7 Pro";

  position: absolute;

  text-align: center;

  color: var(--mirage);

  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: #101e3c;

}



.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(--grey);

}



.dd .ddTitle {

  background-image: none;

  background-color: transparent;

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

  border: none;

  color: #101e3c;

  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%;

}



.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: 8px 36px;

  font-size: 1rem;

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

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

  position: relative;

  z-index: 1;

  display: inline-block;

  cursor: pointer;

  text-align: center;

  min-width: 150px;

  margin: 0;

  color: var(--mirage);

  border: 2px solid var(--aqua-blue);

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

  border-radius: 80px;

  overflow: hidden;

  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 10px 0 0;

  display: inline-flex;

  align-items: center;
  position: relative;
}

/* .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 {

  color: var(--white);

 background-color: var(--mirage);

}



.form-button > span::before {

  color: var(--dim-gray);

}

.form-button > span:hover:before {

  right: 30px;

}



.form-button > span > span {

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

}



.form-button > span:hover > span {

  transform: translateY(0) scale(2);

}



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

  width: 100%;

  padding: 17px 50px 17px 25px;

  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;

  border-radius: 80px;

  text-transform: inherit;

  text-transform: inherit;

}



.form-button span i{

   font-size: 0.75rem;

   -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  background-color: var(--mirage);

  color: var(--white);

  border-radius: 60px;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

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

  transform: translate3d(0, -50%, 0);
  position: absolute;
  right: 8px;
  top: 50%;
  bottom: 0;
}



.form-button >span:hover i{

 transform: translate3d(0, -50%, 0) rotate(45deg);

 background-color: var(--white);

  color: var(--mirage);

}



.form-button .wpcf7-spinner {

  position: absolute;

  right: 0;

}



*::-webkit-input-placeholder {

  color: var(--teal);

  opacity: 1;

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

}



*:-moz-placeholder {

  color: var(--teal);

  opacity: 1;

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

}



*::-moz-placeholder {

  color: var(--teal);

  opacity: 1;

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

}



*:-ms-input-placeholder {

  color: var(--teal);

  opacity: 1;

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

}



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: 20px 40px;

  background-color: var(--white);

  color: var(--mirage);

  border-radius: 20px;

  margin-top: 1rem;

}

.acc_container p,

.acc_container li,

.acc_container a {

  color: var(--mirage);

}

.acc_container p{

  line-height: 1.7;

}

.acc_container p a {

text-decoration: underline;

}



.accordion-block > div {

  margin-bottom: 2rem;

}

.accordion-block > div:last-child {

  margin-bottom: 0;

}



h2.acc_title_bar {

  padding: 0;

  margin: 0;

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

  font-size: 1.25rem;

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

  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(--mirage);

  text-decoration: none;

  display: block;

  padding: 20px 56px 20px 40px;

  position: relative;

  background-color: var(--white);

  border-radius: 20px;

}



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;
  color: var(--aqua-blue);

}



h2.acc_title_bar a:hover,

h2.default-title-bar-active a {

  background-color: var(--white);

  color: var(--mirage);

}



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 {

  font-size: 1rem;

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

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

  background-color: transparent;

  border: 2px solid #eaeaea;

  color: #777777;

  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 .page-numbers.current {

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

  border-color: var(--aqua-blue);

  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);

  background-color: transparent;

  border: 2px solid var(--blue-500);

  font-size: 0.875rem;

  color: var(--primary);

  padding: 0.625rem 1rem;

  position: relative;

  margin: 0;

}



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

.search-form button {

  font-size: 1rem;

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

  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(--gray-700);

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

  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 {

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

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

  color: var(--blue-600);

}



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



/* ============ 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 .footer-logo a{

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 14px;

}

.site-footer .footer-logo h3{

  color: var(--white);

  font-size: 1.625rem;

  margin-bottom: 0;

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

}

.site-footer .footer-logo h6{

 margin-bottom: 0;

  font-size: 1rem;

  color: var(--white);

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

}

.site-footer,

.site-footer p,

.site-footer a,

.site-footer li {

  color: var(--white);

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

  font-size: 0.875rem;

  line-height: 1.7;

}



.site-footer .flogo {

  margin-bottom: 2rem;

}

.footer-top .widgets-content{

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.site-footer .widget-text p{

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

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

  font-size: 1.5rem;

  line-height: 1.5;

}

.site-footer ul li {

  line-height: 1;

}





.site-footer .widget-menu li { 

  position: relative;

  padding-left: 0.625rem;

  margin-bottom: 0.625rem;

}

.site-footer .widget-menu li::before {

  content: '';

  position: absolute;

  top: 50%;

  left: -6px;

  width: 6px;

  height: 6px;

  background-color: var(--white);

  border-radius: 60px;

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

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

}





.site-footer ul li a {

  font-size: inherit;

}

.site-footer a:hover {

  color: var(--blue);

}

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

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

  position: relative;

  display: block;

}

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

  font-size: 1.125rem;

}

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

  font-size: 2.5rem;

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

}

.site-footer .wp-block-heading,

.site-footer .widget-title {

  display: inline-block;

  font-size: 1.25rem;

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

  color: var(--white);

  margin-bottom: 2rem;

  position: relative;

}



.site-footer .widget-cta .cta-item{

  margin-bottom: 0.625rem;

}



.site-footer .widget-cta .cta-item span,

.site-footer .widget-cta .cta-item a{

  font-size: 0.875rem;

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

}

.site-footer .widget-cta .cta-item i{

  margin-right: 0.5rem;

}

.site-footer .widget-cta .cta-item a:hover{

  color: var(--blue);

}

.site-footer .widget-cta .cta-item span{

  width: 70%;

}

.site-footer .widget-cta .cta-item .cta-icon{

  width: 55px;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  margin-right: 1rem;

  padding-right: 1rem;

  border-right: 1px solid #4f4f4f;

}

.site-footer .widget-cta .cta-item .cta-icon img {

	filter: brightness(0) saturate(100%) invert(81%) sepia(1%) saturate(1133%) hue-rotate(5deg) brightness(95%) contrast(89%);

}

.site-footer .widget-cta .cta-item h6{

  color: #a9a9a9;

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

  margin-bottom: 0.5rem;

}

.site-footer .widget-cta p

.site-footer .widget-cta address{

  margin: 0;

}



.site-footer .widgets > div > span {

  display: block;

}

.site-footer .widgets > div h6 {

  margin-bottom: 5px;

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

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

  color: var(--white);

}

.site-footer .widget-logo{

  padding:2rem 0;

  border-top: 1px solid #4f4f4f;

}

.site-social ul {

  display: flex;

  align-items: center;

  gap: 0.625rem;

}

.site-footer .site-social ul{

  justify-content: center;

}

.site-footer .site-social ul a {

  font-size: 1.125rem;

  color: var(--white);

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border: none;

  background-color:rgba(255, 255, 255, 0.05);

  border-radius: 60px;

  width: 50px;

  height: 50px;

  position: relative;

}



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

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

	color: var(--mirage);

}



.site-footer .site-social ul a i{

  position: relative;

  z-index: 2;

}

.site-footer .footer-bottom{

  padding: 2rem 0;

}

.site-footer .footer-bottom .footer-menu ul{

display: flex;

justify-content: center;
flex-wrap: wrap;

gap: 0.5rem;

}

.site-footer .footer-bottom .footer-menu a{

  color:#a4b0c3;

  font-size: 0.75rem;

}

.site-footer .footer-bottom .footer-menu ul li a::after{

  content: '/';

  margin-left: 0.5rem;

  color: #a4b0c3;

}

.site-footer .footer-bottom .footer-menu ul li:last-child a::after{

  content: '';

  margin-left: 0;

}



.site-footer .footer-bottom .footer-menu a:hover{

  color:var(--aqua-blue);

}



.site-footer .footer-bottom p {

  margin-bottom: 0;

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

  color: #a4b0c3;

  font-size: 0.75rem;

}



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



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



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



@media (min-width: 480px) {

  .site-header .top-div ul li {

    margin: 0 20px;

    font-size: 15px;

  }

}



@media (min-width: 559px) {

  .site-header .bottom-head .content {

    justify-content: space-between;

  }

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

    margin-right: 15px;

  } */

  

}



@media (min-width: 639px) {

  .sm-visible {

    display: block;

  }

  .sm-hidden {

    display: none;

  }

  .sm-rounded-lg{

  border-radius: 20px;

}

.sm-rounded-xl{

  border-radius: 40px;

}

.sm-rounded-2xl{

  border-radius: 60px;

}

  .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-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-pdt-120,

  .sm-pd-120 {

    padding-top: 120px;

  }

  .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-pdb-120,

  .sm-pd-120 {

    padding-bottom: 120px;

  }

  .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-col-grid-7 {

    grid-template-columns: repeat(7, 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;

  }

  .section-title h1.text-lg,

.section-title h2.text-lg,

.block-title h2.text-lg {

  font-size: 2rem;

}



.section-title h1.text-xl,

.section-title h2.text-xl,

.block-title h2.text-xl {

  font-size: 2.5rem;

}

.section-title h1.text-2xl,

.section-title h2.text-2xl,

.block-title h2.text-2xl {

  font-size: 2.875rem;

}

.section-title h1.text-3xl,

.section-title h2.text-3xl,

.block-title h2.text-3xl {

  font-size: 3.625rem;

}

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

  width: 180px;

}

.site-header .other-link ul {

  gap: 1rem;

}

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

  font-size: 1rem;

}

}



@media (min-width: 767px) {

  .md-visible {

    display: block;

  }

  .md-hidden {

    display: none;

  }

  .md-rounded-lg{

  border-radius: 20px;

}

.md-rounded-xl{

  border-radius: 40px;

}

.md-rounded-2xl{

  border-radius: 60px;

}

  .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-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-col-grid-7 {

    grid-template-columns: repeat(7, 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-col-span-6 {

    grid-column: span 6 / span 6;

  }

  .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;

  }

.site-header .other-link ul {

  gap: 2rem;

}

.site-header .nav-btn > a,

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

  display: flex;

}

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

  font-size: 1.125rem;

}

  .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: 3.75rem;

  }

    .section-title h1.text-3xl,

  .section-title h2.text-3xl, 

  .block-title h2.text-3xl {

    font-size: 4.25rem;

  }



  .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 .site-phone{
display: block;
}
.site-header .nav-btn > a,

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

    display: flex;

  }
  .site-footer .footer-logo {

    margin-right: 0;

    margin-left: 0;

  }

  .site-footer .footer-bottom ul li {

    margin-bottom: 0;

  }

  .site-footer .footer-bottom .widget-menu ul li {

    margin: 0 0 0 1.5rem;

  }



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

  font-size: 2.75rem;

}
.site-header .bottom-head .content >div:first-child {

  width: 74%;

}
.site-header .bottom-head .content > div:last-child {
	width: 30%;
}
}



@media (min-width: 1023px) {

  .lg-visible {

    display: block;

  }

  .lg-hidden {

    display: none;

  }

  .lg-rounded-lg{

  border-radius: 20px;

}

.lg-rounded-xl{

  border-radius: 40px;

}

.lg-rounded-2xl{

  border-radius: 60px;

}

  .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-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-pdt-120,

  .lg-pd-120 {

    padding-top: 120px;

  }

  .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-pdb-120,

  .lg-pd-120 {

    padding-bottom: 120px;

  }

  .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-col-grid-7 {

    grid-template-columns: repeat(7, 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-col-span-6 {

    grid-column: span 6 / span 6;

  }

  .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;

  }

  body.has-top-bar {
  padding-top: 55px;

}

  .site-header {

    width: calc(100% - 40px);

  top: 50px;

  position: fixed;

}

  .has-top-bar .site-header {

  top: 76px;

}


.single-page .site-header{

  position: relative;

}



  .site-header .bottom-head {

    padding: 0;

  }





  .site-header .bottom-head .content {

    flex-flow: row;

  }

  .site-header .bottom-head .content >div:first-child {

  padding: 0 6px;

}

.site-header .bottom-head .content >div:first-child {

  width: 86%;

}

.site-header .bottom-head .content >div:last-child {

  width: 14%;

}

  .site-header .site-nav {

    justify-content: flex-end;

  }

  .site-header .nav-btn {

    padding: 0;

  }

  .site-header .other-link {

    order: 2;

    margin-left: 16px;

    margin-right: 0;

  }

  .site-header .other-link ul li {

    margin-right: 0;

  }



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

    margin-left: 0;

    margin-right: 0;

  }



  .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));

  }

.site-header .max-w-full {
	padding: 0 1.5rem;
}

  .site-footer .widget-info > div {

    justify-content: flex-start;

  }

  .site-footer .footer-logo a{

    justify-content: flex-start;

}

  .site-footer ul.menu {

    grid-auto-flow: column;

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

  }

.site-footer .footer-bottom .footer-menu ul{

  justify-content: flex-start;

}



}



@media (min-width: 1129px) {



  .site-header .content {

    flex-flow: row;

  }

  .site-header .site-nav {

    width: 85%;

    justify-content: flex-end;

  }

}



@media (min-width: 1229px) {

  .xl-visible {

    display: block;

  }

  .xl-hidden {

    display: none;

  }

  .xl-rounded-lg{

  border-radius: 20px;

}

.xl-rounded-xl{

  border-radius: 40px;

}

.xl-rounded-2xl{

  border-radius: 60px;

}

  .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-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-pdt-120,

  .xl-pd-120 {

    padding-top: 120px;

  }

  .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-pdb-120,

  .xl-pd-120 {

    padding-bottom: 120px;

  }

  .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-col-grid-7 {

    grid-template-columns: repeat(7, 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 .bottom-head .left-wrap {

  width: 180px;

}

   .site-header .bottom-head .content {

  gap: 0.325rem;

}

  .site-header .site-nav {

    width: 82%;

  }



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

	padding: 5px 5px 5px 16px;

}

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

	font-size: 12px;

}

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

  font-size: 3.25rem;

}

}



@media (min-width: 1329px) {

  .xl2-visible {

    display: block;

  }

  .xl2-hidden {

    display: none;

  }

  .xl2-rounded-lg{

  border-radius: 20px;

}

.xl2-rounded-xl{

  border-radius: 40px;

}

.xl2-rounded-2xl{

  border-radius: 60px;

}

  .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-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-pdt-120,

  .xl2-pd-120 {

    padding-top: 120px;

  }

  .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-pdb-120,

  .xl2-pd-120 {

    padding-bottom: 120px;

  }

  .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-col-grid-7 {

    grid-template-columns: repeat(7, 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;

  }

    .section-title h1.text-3xl,

  .section-title h2.text-3xl, 

  .block-title h2.text-3xl {

    font-size: 4.6rem;

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

  width: 220px;

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

	font-size: 1.125rem;

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

	padding: 5px 5px 5px 28px;
  fontr-size: 1rem;

}

}



@media (min-width: 1535px) {

  .xl3-visible {

    display: block;

  }

  .xl3-hidden {

    display: none;

  }

  .xl3-rounded-lg{

  border-radius: 20px;

}

.xl3-rounded-xl{

  border-radius: 30px;

}

.xl3-rounded-2xl{

  border-radius: 60px;

}

  .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-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-pdt-120,

  .xl3-pd-120 {

    padding-top: 120px;

  }

  .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-pdb-120,

  .xl3-pd-120 {

    padding-bottom: 120px;

  }

  .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-col-grid-7 {

    grid-template-columns: repeat(7, 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;

  }

  .section-title h1.text-3xl,

  .section-title h2.text-3xl, 

  .block-title h2.text-3xl {

    font-size: 5rem;

  }
    .site-header .bottom-head .content {

  gap: 1.5rem;

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

  width: 200px;

}

}

@media (min-width: 1920px) {

  .xl4-visible {

    display: block;

  }

  .xl4-hidden {

    display: none;

  }

  .xl4-rounded-lg{

  border-radius: 20px;

}

.xl4-rounded-xl{

  border-radius: 40px;

}

.xl4-rounded-2xl{

  border-radius: 60px;

}

  .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-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-pdt-120,

  .xl4-pd-120 {

    padding-top: 120px;

  }

  .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-pdb-120,

  .xl4-pd-120 {

    padding-bottom: 120px;

  }

  .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-col-grid-7 {

    grid-template-columns: repeat(7, 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;

  }

}