/*=================Scss Indexing=============
  1.variables
  2.typography
  3.spacing
  4.reset
  5.forms
  6.mixins
  7.shortcode
  8.animations
  9.text-animation
  10.dark-mode
  11.header
  12.nav
  13.side_bar
  14.mobile-menu
  15.button
  16.backtotop
  17.common
  18.dropdown
  19.niceselect
  20.footer
  21.preloader
  22.banner
  23.about
  24.category
  25.carlist
  26.process
  27.why-choose
  28.blog
  29.brand
  30.testimonials
  31.cta
  32.video
  33.contact
  34.faq
  35.breadcrumb
  36.team
  37.shop
  38.pricing
  39.cart
  40.responsive

==============================================  */
/* Default  */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --color-primary: #1A3D0A;
  --color-secondary: #1F1F25;
  --color-bg: #121212;
  --color-bg-two: #1A1A1A;
  --color-bg-three: #252525;
  --color-body: #555555;
  --color-body-two: #B5B5B5;
  --color-gray: #F6F6F6;
  --color-heading: #050B20;
  --color-white: #fff;
  --clip-path: polygon( 0% 19.831%,0% 19.831%,0.058% 19.147%,0.225% 18.498%,0.493% 17.892%,0.852% 17.339%,1.293% 16.848%,1.808% 16.426%,2.386% 16.083%,3.02% 15.827%,3.699% 15.667%,4.415% 15.612%,29.581% 15.612%,29.581% 15.612%,30.297% 15.557%,30.976% 15.397%,31.61% 15.141%,32.188% 14.798%,32.702% 14.376%,33.144% 13.884%,33.503% 13.331%,33.771% 12.726%,33.938% 12.077%,33.996% 11.392%,33.996% 4.219%,33.996% 4.219%,34.053% 3.535%,34.221% 2.886%,34.488% 2.28%,34.847% 1.727%,35.289% 1.236%,35.803% 0.814%,36.382% 0.471%,37.015% 0.215%,37.694% 0.055%,38.411% 0%,97.792% 0%,97.792% 0%,98.151% 0.028%,98.49% 0.108%,98.807% 0.235%,99.096% 0.407%,99.353% 0.618%,99.574% 0.864%,99.754% 1.14%,99.887% 1.443%,99.971% 1.767%,100% 2.11%,100% 79.958%,100% 79.958%,99.942% 80.642%,99.775% 81.291%,99.507% 81.897%,99.148% 82.45%,98.707% 82.941%,98.192% 83.363%,97.614% 83.706%,96.98% 83.962%,96.301% 84.122%,95.585% 84.177%,88.411% 84.177%,88.411% 84.177%,87.694% 84.232%,87.015% 84.392%,86.382% 84.648%,85.803% 84.991%,85.289% 85.413%,84.847% 85.905%,84.488% 86.458%,84.221% 87.063%,84.053% 87.712%,83.996% 88.397%,83.996% 95.781%,83.996% 95.781%,83.938% 96.465%,83.771% 97.114%,83.503% 97.72%,83.144% 98.273%,82.702% 98.764%,82.188% 99.186%,81.61% 99.529%,80.976% 99.785%,80.297% 99.945%,79.581% 100%,2.208% 100%,2.208% 100%,1.849% 99.972%,1.51% 99.892%,1.193% 99.765%,0.904% 99.593%,0.647% 99.382%,0.426% 99.136%,0.246% 98.86%,0.113% 98.557%,0.029% 98.233%,0% 97.89%,0% 19.831% );
  --clip-path-two: polygon( 3.81% 0.118%,96.19% 0.118%,96.19% 0.118%,96.789% 0.166%,97.357% 0.304%,97.886% 0.526%,98.37% 0.823%,98.8% 1.189%,99.169% 1.615%,99.469% 2.094%,99.693% 2.618%,99.833% 3.181%,99.881% 3.774%,99.881% 80.66%,99.881% 80.66%,99.833% 81.253%,99.693% 81.816%,99.469% 82.34%,99.169% 82.819%,98.8% 83.245%,98.37% 83.611%,97.886% 83.908%,97.357% 84.13%,96.789% 84.268%,96.19% 84.316%,87.619% 84.316%,87.619% 84.316%,86.982% 84.367%,86.377% 84.514%,85.814% 84.75%,85.299% 85.067%,84.841% 85.456%,84.448% 85.909%,84.129% 86.419%,83.891% 86.978%,83.742% 87.576%,83.69% 88.208%,83.69% 96.226%,83.69% 96.226%,83.642% 96.819%,83.502% 97.382%,83.279% 97.906%,82.978% 98.385%,82.61% 98.811%,82.18% 99.177%,81.696% 99.474%,81.166% 99.696%,80.599% 99.834%,80% 99.882%,3.81% 99.882%,3.81% 99.882%,3.211% 99.834%,2.643% 99.696%,2.114% 99.474%,1.63% 99.177%,1.2% 98.811%,0.831% 98.385%,0.531% 97.906%,0.307% 97.382%,0.167% 96.819%,0.119% 96.226%,0.119% 3.774%,0.119% 3.774%,0.167% 3.181%,0.307% 2.618%,0.531% 2.094%,0.831% 1.615%,1.2% 1.189%,1.63% 0.823%,2.114% 0.526%,2.643% 0.304%,3.211% 0.166%,3.81% 0.118% );
  --color-border: #DDD8F9;
  --color-border-two: rgba(85, 85, 85, 0.5);
  --color-border-three: rgba(80, 80, 80, 0.3);
  --border-width: 1px;
  --radius: 10px;
  --color-success: #3EB75E;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semi-bold: 600;
  --f-bold: 700;
  --f-extra-bold: 800;
  --f-black: 900;
  --transition: all 0.3s;
  --font-primary: "Outfit", sans-serif;
  --font-secondary: "Inter", sans-serif;
  --font-3: "fontawesome";
  --font-size-b1: 16px;
  --font-size-b2: 16px;
  --font-size-b3: 22px;
  --line-height-b1: 26px;
  --line-height-b2: 26px;
  --line-height-b3: 1.7;
  --h1: 60px;
  --h2: 54px;
  --h3: 48px;
  --h4: 40px;
  --h5: 34px;
  --h6: 24px;
}

* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 10px;
  overflow: hidden;
  overflow-y: auto;
  scroll-behavior: auto !important;
}

body {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Inter", sans-serif;
  color: var(--color-body);
  font-weight: var(--f-regular);
  position: relative;
  overflow-x: hidden;
  margin: 0;
}
body.with-sidebar {
  overflow-x: visible;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  body {
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body {
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  body {
    overflow: hidden;
  }
}
body::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.05;
}
body.home-two {
  background: #121212;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
menu,
ol,
ul,
table,
hr {
  margin: 0;
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  word-break: break-word;
  font-family: var(--font-primary);
  line-height: 1.4074;
  color: var(--color-heading);
}

h1,
.h1 {
  font-size: var(--h1);
  line-height: 1.1;
  font-weight: var(--f-medium);
}

h2,
.h2 {
  font-size: var(--h2);
  line-height: 1.1;
}

h3,
.h3 {
  font-size: var(--h3);
  line-height: 1.2;
}

h4,
.h4 {
  font-size: var(--h4);
  line-height: 1.2;
}

h5,
.h5 {
  font-size: var(--h5);
  line-height: 1.2;
}

h6,
.h6 {
  font-size: var(--h6);
  line-height: 1.2;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: inherit;
  transition: var(--transition);
}

.bg-color-tertiary h1,
.bg-color-tertiary h2,
.bg-color-tertiary h3,
.bg-color-tertiary h4,
.bg-color-tertiary h5,
.bg-color-tertiary h6,
.bg-color-tertiary .h1,
.bg-color-tertiary .h2,
.bg-color-tertiary .h3,
.bg-color-tertiary .h4,
.bg-color-tertiary .h5,
.bg-color-tertiary .h6 {
  color: #fff;
}
.bg-color-tertiary p {
  color: #6c7279;
}
.bg-color-tertiary a {
  color: #6c7279;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1,
.h1 {
    font-size: 38px;
  }

  h2,
.h2 {
    font-size: 32px;
  }

  h3,
.h3 {
    font-size: 28px;
  }

  h4,
.h4 {
    font-size: 24px;
  }

  h5,
.h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  h1,
.h1 {
    font-size: 34px;
  }

  h2,
.h2 {
    font-size: 28px;
  }

  h3,
.h3 {
    font-size: 24px;
  }

  h4,
.h4 {
    font-size: 20px;
  }

  h5,
.h5 {
    font-size: 20px;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: var(--f-medium);
}

h4,
.h4,
h5,
.h5 {
  font-weight: var(--f-medium);
}

h6,
.h6 {
  font-weight: var(--f-medium);
}

p {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
  font-weight: var(--f-regular);
  color: var(--color-body);
  margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
  p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 28px;
  }
}
p.b1 {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
p.b3 {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
p.has-large-font-size {
  line-height: 1.5;
  font-size: 36px;
}
p.has-medium-font-size {
  font-size: 24px;
  line-height: 36px;
}
p.has-small-font-size {
  font-size: 13px;
}
p.has-very-light-gray-color {
  color: var(--color-white);
}
p.has-background {
  padding: 20px 30px;
}
p.b1 {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}
p.b2 {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}
p.b3 {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}
p:last-child {
  margin-bottom: 0;
}

.b1 {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
}

.b2 {
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b2);
}

.b3 {
  font-size: var(--font-size-b3);
  line-height: var(--line-height-b3);
}

.b4 {
  font-size: var(--font-size-b4);
  line-height: var(--line-height-b4);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 20px;
  width: 100%;
}

table a,
table a:link,
table a:visited {
  text-decoration: none;
}

cite,
.wp-block-pullquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.wp-block-quote cite {
  color: var(--color-heading);
}

var {
  font-family: "Syne", sans-serif;
}

/*---------------------------
	List Style 
---------------------------*/
ul,
ol {
  padding-left: 18px;
}

ul {
  list-style: square;
  margin-bottom: 30px;
  padding-left: 20px;
}
ul.liststyle.bullet li {
  font-size: 18px;
  line-height: 30px;
  color: var(--color-body);
  position: relative;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  ul.liststyle.bullet li {
    padding-left: 19px;
  }
}
ul.liststyle.bullet li::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: var(--color-body);
  left: 0;
  top: 10px;
}
ul.liststyle.bullet li + li {
  margin-top: 8px;
}
ul li {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--color-body);
}
ul li a {
  text-decoration: none;
  color: var(--color-gray);
}
ul li a:hover {
  color: var(--color-primary);
}
ul ul {
  margin-bottom: 0;
}

ol {
  margin-bottom: 30px;
}
ol li {
  font-size: var(--font-size-b1);
  line-height: var(--line-height-b1);
  color: var(--color-body);
  margin-top: 10px;
  margin-bottom: 10px;
}
ol li a {
  color: var(--color-heading);
  text-decoration: none;
}
ol li a:hover {
  color: var(--color-primary);
}
ol ul {
  padding-left: 30px;
}

.typo-title-area .title {
  margin-top: 0;
}

.paragraph-area p.disc {
  margin-bottom: 20px;
  color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 38px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    line-height: 1.3;
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: 30px;
    line-height: 1.3;
  }
}

@media only screen and (max-width: 1199px) {
  h2 {
    font-size: 54px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h2 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 36px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 32px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 575px) {
  h2 {
    font-size: 32px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 26px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 1199px) {
  h3 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h3 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 30px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 30px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 575px) {
  h3 {
    font-size: 24px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    font-size: 22px;
    line-height: 30px;
  }
}

/*=========================
    Section Separation 
==========================*/
.mb_dec--25 {
  margin-bottom: -25px;
}

.mb_dec--30 {
  margin-bottom: -30px;
}

.m--0 {
  margin: 0;
}

.rts-section-gap {
  padding: 110px 0 130px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gap {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gap {
    padding: 60px 0;
  }
}
@media (max-width: 450px) {
  .rts-section-gap {
    padding: 40px 0;
  }
}

.rts-section-gapBottom {
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gapBottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gapBottom {
    padding-bottom: 60px;
  }
}

.rts-section-gapTop {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gapTop {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gapTop {
    padding-top: 60px;
  }
}

.rts-section-gapNew {
  padding-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gapNew {
    padding-top: 50px;
  }
}

.rts-section-gap2 {
  padding: 100px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gap2 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gap2 {
    padding: 60px 0;
  }
}

.rts-section-gap2Bottom {
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gap2Bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gap2Bottom {
    padding-bottom: 60px;
  }
}

.rts-section-gap2Top {
  padding-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gap2Top {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gap2Top {
    padding-top: 60px;
  }
}

.rts-section-gap3 {
  padding: 150px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gap3 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gap3 {
    padding: 60px 0;
  }
}

.rts-section-gap3Bottom {
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gap3Bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gap3Bottom {
    padding-bottom: 60px;
  }
}

.rts-section-gap3Top {
  padding-top: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-section-gap3Top {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rts-section-gap3Top {
    padding-top: 60px;
  }
}

.pl--0 {
  padding-left: 0;
}

.pr--0 {
  padding-right: 0;
}

.pt--0 {
  padding-top: 0;
}

.pb--0 {
  padding-bottom: 0;
}

.mr--0 {
  margin-right: 0;
}

.ml--0 {
  margin-left: 0;
}

.mt--0 {
  margin-top: 0;
}

.mb--0 {
  margin-bottom: 0;
}

.ptb--5 {
  padding: 5px 0;
}

.plr--5 {
  padding: 0 5px;
}

.pt--5 {
  padding-top: 5px;
}

.pb--5 {
  padding-bottom: 5px;
}

.pl--5 {
  padding-left: 5px;
}

.pr--5 {
  padding-right: 5px;
}

.mt--5 {
  margin-top: 5px !important;
}

.mb--5 {
  margin-bottom: 5px;
}

.mr--5 {
  margin-right: 5px;
}

.ml--5 {
  margin-left: 5px;
}

.ptb--10 {
  padding: 10px 0;
}

.plr--10 {
  padding: 0 10px;
}

.pt--10 {
  padding-top: 10px;
}

.pb--10 {
  padding-bottom: 10px;
}

.pl--10 {
  padding-left: 10px;
}

.pr--10 {
  padding-right: 10px;
}

.mt--10 {
  margin-top: 10px !important;
}

.mb--10 {
  margin-bottom: 10px;
}

.mr--10 {
  margin-right: 10px;
}

.ml--10 {
  margin-left: 10px;
}

.ptb--15 {
  padding: 15px 0;
}

.plr--15 {
  padding: 0 15px;
}

.pt--15 {
  padding-top: 15px;
}

.pb--15 {
  padding-bottom: 15px;
}

.pl--15 {
  padding-left: 15px;
}

.pr--15 {
  padding-right: 15px;
}

.mt--15 {
  margin-top: 15px !important;
}

.mb--15 {
  margin-bottom: 15px;
}

.mr--15 {
  margin-right: 15px;
}

.ml--15 {
  margin-left: 15px;
}

.ptb--20 {
  padding: 20px 0;
}

.plr--20 {
  padding: 0 20px;
}

.pt--20 {
  padding-top: 20px;
}

.pb--20 {
  padding-bottom: 20px;
}

.pl--20 {
  padding-left: 20px;
}

.pr--20 {
  padding-right: 20px;
}

.mt--20 {
  margin-top: 20px !important;
}

.mb--20 {
  margin-bottom: 20px;
}

.mr--20 {
  margin-right: 20px;
}

.ml--20 {
  margin-left: 20px;
}

.ptb--25 {
  padding: 25px 0;
}

.plr--25 {
  padding: 0 25px;
}

.pt--25 {
  padding-top: 25px;
}

.pb--25 {
  padding-bottom: 25px;
}

.pl--25 {
  padding-left: 25px;
}

.pr--25 {
  padding-right: 25px;
}

.mt--25 {
  margin-top: 25px !important;
}

.mb--25 {
  margin-bottom: 25px;
}

.mr--25 {
  margin-right: 25px;
}

.ml--25 {
  margin-left: 25px;
}

.ptb--30 {
  padding: 30px 0;
}

.plr--30 {
  padding: 0 30px;
}

.pt--30 {
  padding-top: 30px;
}

.pb--30 {
  padding-bottom: 30px;
}

.pl--30 {
  padding-left: 30px;
}

.pr--30 {
  padding-right: 30px;
}

.mt--30 {
  margin-top: 30px !important;
}

.mb--30 {
  margin-bottom: 30px;
}

.mr--30 {
  margin-right: 30px;
}

.ml--30 {
  margin-left: 30px;
}

.ptb--35 {
  padding: 35px 0;
}

.plr--35 {
  padding: 0 35px;
}

.pt--35 {
  padding-top: 35px;
}

.pb--35 {
  padding-bottom: 35px;
}

.pl--35 {
  padding-left: 35px;
}

.pr--35 {
  padding-right: 35px;
}

.mt--35 {
  margin-top: 35px !important;
}

.mb--35 {
  margin-bottom: 35px;
}

.mr--35 {
  margin-right: 35px;
}

.ml--35 {
  margin-left: 35px;
}

.ptb--40 {
  padding: 40px 0;
}

.plr--40 {
  padding: 0 40px;
}

.pt--40 {
  padding-top: 40px;
}

.pb--40 {
  padding-bottom: 40px;
}

.pl--40 {
  padding-left: 40px;
}

.pr--40 {
  padding-right: 40px;
}

.mt--40 {
  margin-top: 40px !important;
}

.mb--40 {
  margin-bottom: 40px;
}

.mr--40 {
  margin-right: 40px;
}

.ml--40 {
  margin-left: 40px;
}

.ptb--45 {
  padding: 45px 0;
}

.plr--45 {
  padding: 0 45px;
}

.pt--45 {
  padding-top: 45px;
}

.pb--45 {
  padding-bottom: 45px;
}

.pl--45 {
  padding-left: 45px;
}

.pr--45 {
  padding-right: 45px;
}

.mt--45 {
  margin-top: 45px !important;
}

.mb--45 {
  margin-bottom: 45px;
}

.mr--45 {
  margin-right: 45px;
}

.ml--45 {
  margin-left: 45px;
}

.ptb--50 {
  padding: 50px 0;
}

.plr--50 {
  padding: 0 50px;
}

.pt--50 {
  padding-top: 50px;
}

.pb--50 {
  padding-bottom: 50px;
}

.pl--50 {
  padding-left: 50px;
}

.pr--50 {
  padding-right: 50px;
}

.mt--50 {
  margin-top: 50px !important;
}

.mb--50 {
  margin-bottom: 50px;
}

.mr--50 {
  margin-right: 50px;
}

.ml--50 {
  margin-left: 50px;
}

.ptb--55 {
  padding: 55px 0;
}

.plr--55 {
  padding: 0 55px;
}

.pt--55 {
  padding-top: 55px;
}

.pb--55 {
  padding-bottom: 55px;
}

.pl--55 {
  padding-left: 55px;
}

.pr--55 {
  padding-right: 55px;
}

.mt--55 {
  margin-top: 55px !important;
}

.mb--55 {
  margin-bottom: 55px;
}

.mr--55 {
  margin-right: 55px;
}

.ml--55 {
  margin-left: 55px;
}

.ptb--60 {
  padding: 60px 0;
}

.plr--60 {
  padding: 0 60px;
}

.pt--60 {
  padding-top: 60px;
}

.pb--60 {
  padding-bottom: 60px;
}

.pl--60 {
  padding-left: 60px;
}

.pr--60 {
  padding-right: 60px;
}

.mt--60 {
  margin-top: 60px !important;
}

.mb--60 {
  margin-bottom: 60px;
}

.mr--60 {
  margin-right: 60px;
}

.ml--60 {
  margin-left: 60px;
}

.ptb--65 {
  padding: 65px 0;
}

.plr--65 {
  padding: 0 65px;
}

.pt--65 {
  padding-top: 65px;
}

.pb--65 {
  padding-bottom: 65px;
}

.pl--65 {
  padding-left: 65px;
}

.pr--65 {
  padding-right: 65px;
}

.mt--65 {
  margin-top: 65px !important;
}

.mb--65 {
  margin-bottom: 65px;
}

.mr--65 {
  margin-right: 65px;
}

.ml--65 {
  margin-left: 65px;
}

.ptb--70 {
  padding: 70px 0;
}

.plr--70 {
  padding: 0 70px;
}

.pt--70 {
  padding-top: 70px;
}

.pb--70 {
  padding-bottom: 70px;
}

.pl--70 {
  padding-left: 70px;
}

.pr--70 {
  padding-right: 70px;
}

.mt--70 {
  margin-top: 70px !important;
}

.mb--70 {
  margin-bottom: 70px;
}

.mr--70 {
  margin-right: 70px;
}

.ml--70 {
  margin-left: 70px;
}

.ptb--75 {
  padding: 75px 0;
}

.plr--75 {
  padding: 0 75px;
}

.pt--75 {
  padding-top: 75px;
}

.pb--75 {
  padding-bottom: 75px;
}

.pl--75 {
  padding-left: 75px;
}

.pr--75 {
  padding-right: 75px;
}

.mt--75 {
  margin-top: 75px !important;
}

.mb--75 {
  margin-bottom: 75px;
}

.mr--75 {
  margin-right: 75px;
}

.ml--75 {
  margin-left: 75px;
}

.ptb--80 {
  padding: 80px 0;
}

.plr--80 {
  padding: 0 80px;
}

.pt--80 {
  padding-top: 80px;
}

.pb--80 {
  padding-bottom: 80px;
}

.pl--80 {
  padding-left: 80px;
}

.pr--80 {
  padding-right: 80px;
}

.mt--80 {
  margin-top: 80px !important;
}

.mb--80 {
  margin-bottom: 80px;
}

.mr--80 {
  margin-right: 80px;
}

.ml--80 {
  margin-left: 80px;
}

.ptb--85 {
  padding: 85px 0;
}

.plr--85 {
  padding: 0 85px;
}

.pt--85 {
  padding-top: 85px;
}

.pb--85 {
  padding-bottom: 85px;
}

.pl--85 {
  padding-left: 85px;
}

.pr--85 {
  padding-right: 85px;
}

.mt--85 {
  margin-top: 85px !important;
}

.mb--85 {
  margin-bottom: 85px;
}

.mr--85 {
  margin-right: 85px;
}

.ml--85 {
  margin-left: 85px;
}

.ptb--90 {
  padding: 90px 0;
}

.plr--90 {
  padding: 0 90px;
}

.pt--90 {
  padding-top: 90px;
}

.pb--90 {
  padding-bottom: 90px;
}

.pl--90 {
  padding-left: 90px;
}

.pr--90 {
  padding-right: 90px;
}

.mt--90 {
  margin-top: 90px !important;
}

.mb--90 {
  margin-bottom: 90px;
}

.mr--90 {
  margin-right: 90px;
}

.ml--90 {
  margin-left: 90px;
}

.ptb--95 {
  padding: 95px 0;
}

.plr--95 {
  padding: 0 95px;
}

.pt--95 {
  padding-top: 95px;
}

.pb--95 {
  padding-bottom: 95px;
}

.pl--95 {
  padding-left: 95px;
}

.pr--95 {
  padding-right: 95px;
}

.mt--95 {
  margin-top: 95px !important;
}

.mb--95 {
  margin-bottom: 95px;
}

.mr--95 {
  margin-right: 95px;
}

.ml--95 {
  margin-left: 95px;
}

.ptb--100 {
  padding: 100px 0;
}

.plr--100 {
  padding: 0 100px;
}

.pt--100 {
  padding-top: 100px;
}

.pb--100 {
  padding-bottom: 100px;
}

.pl--100 {
  padding-left: 100px;
}

.pr--100 {
  padding-right: 100px;
}

.mt--100 {
  margin-top: 100px !important;
}

.mb--100 {
  margin-bottom: 100px;
}

.mr--100 {
  margin-right: 100px;
}

.ml--100 {
  margin-left: 100px;
}

.ptb--105 {
  padding: 105px 0;
}

.plr--105 {
  padding: 0 105px;
}

.pt--105 {
  padding-top: 105px;
}

.pb--105 {
  padding-bottom: 105px;
}

.pl--105 {
  padding-left: 105px;
}

.pr--105 {
  padding-right: 105px;
}

.mt--105 {
  margin-top: 105px !important;
}

.mb--105 {
  margin-bottom: 105px;
}

.mr--105 {
  margin-right: 105px;
}

.ml--105 {
  margin-left: 105px;
}

.ptb--110 {
  padding: 110px 0;
}

.plr--110 {
  padding: 0 110px;
}

.pt--110 {
  padding-top: 110px;
}

.pb--110 {
  padding-bottom: 110px;
}

.pl--110 {
  padding-left: 110px;
}

.pr--110 {
  padding-right: 110px;
}

.mt--110 {
  margin-top: 110px !important;
}

.mb--110 {
  margin-bottom: 110px;
}

.mr--110 {
  margin-right: 110px;
}

.ml--110 {
  margin-left: 110px;
}

.ptb--115 {
  padding: 115px 0;
}

.plr--115 {
  padding: 0 115px;
}

.pt--115 {
  padding-top: 115px;
}

.pb--115 {
  padding-bottom: 115px;
}

.pl--115 {
  padding-left: 115px;
}

.pr--115 {
  padding-right: 115px;
}

.mt--115 {
  margin-top: 115px !important;
}

.mb--115 {
  margin-bottom: 115px;
}

.mr--115 {
  margin-right: 115px;
}

.ml--115 {
  margin-left: 115px;
}

.ptb--120 {
  padding: 120px 0;
}

.plr--120 {
  padding: 0 120px;
}

.pt--120 {
  padding-top: 120px;
}

.pb--120 {
  padding-bottom: 120px;
}

.pl--120 {
  padding-left: 120px;
}

.pr--120 {
  padding-right: 120px;
}

.mt--120 {
  margin-top: 120px !important;
}

.mb--120 {
  margin-bottom: 120px;
}

.mr--120 {
  margin-right: 120px;
}

.ml--120 {
  margin-left: 120px;
}

.ptb--125 {
  padding: 125px 0;
}

.plr--125 {
  padding: 0 125px;
}

.pt--125 {
  padding-top: 125px;
}

.pb--125 {
  padding-bottom: 125px;
}

.pl--125 {
  padding-left: 125px;
}

.pr--125 {
  padding-right: 125px;
}

.mt--125 {
  margin-top: 125px !important;
}

.mb--125 {
  margin-bottom: 125px;
}

.mr--125 {
  margin-right: 125px;
}

.ml--125 {
  margin-left: 125px;
}

.ptb--130 {
  padding: 130px 0;
}

.plr--130 {
  padding: 0 130px;
}

.pt--130 {
  padding-top: 130px;
}

.pb--130 {
  padding-bottom: 130px;
}

.pl--130 {
  padding-left: 130px;
}

.pr--130 {
  padding-right: 130px;
}

.mt--130 {
  margin-top: 130px !important;
}

.mb--130 {
  margin-bottom: 130px;
}

.mr--130 {
  margin-right: 130px;
}

.ml--130 {
  margin-left: 130px;
}

.ptb--135 {
  padding: 135px 0;
}

.plr--135 {
  padding: 0 135px;
}

.pt--135 {
  padding-top: 135px;
}

.pb--135 {
  padding-bottom: 135px;
}

.pl--135 {
  padding-left: 135px;
}

.pr--135 {
  padding-right: 135px;
}

.mt--135 {
  margin-top: 135px !important;
}

.mb--135 {
  margin-bottom: 135px;
}

.mr--135 {
  margin-right: 135px;
}

.ml--135 {
  margin-left: 135px;
}

.ptb--140 {
  padding: 140px 0;
}

.plr--140 {
  padding: 0 140px;
}

.pt--140 {
  padding-top: 140px;
}

.pb--140 {
  padding-bottom: 140px;
}

.pl--140 {
  padding-left: 140px;
}

.pr--140 {
  padding-right: 140px;
}

.mt--140 {
  margin-top: 140px !important;
}

.mb--140 {
  margin-bottom: 140px;
}

.mr--140 {
  margin-right: 140px;
}

.ml--140 {
  margin-left: 140px;
}

.ptb--145 {
  padding: 145px 0;
}

.plr--145 {
  padding: 0 145px;
}

.pt--145 {
  padding-top: 145px;
}

.pb--145 {
  padding-bottom: 145px;
}

.pl--145 {
  padding-left: 145px;
}

.pr--145 {
  padding-right: 145px;
}

.mt--145 {
  margin-top: 145px !important;
}

.mb--145 {
  margin-bottom: 145px;
}

.mr--145 {
  margin-right: 145px;
}

.ml--145 {
  margin-left: 145px;
}

.ptb--150 {
  padding: 150px 0;
}

.plr--150 {
  padding: 0 150px;
}

.pt--150 {
  padding-top: 150px;
}

.pb--150 {
  padding-bottom: 150px;
}

.pl--150 {
  padding-left: 150px;
}

.pr--150 {
  padding-right: 150px;
}

.mt--150 {
  margin-top: 150px !important;
}

.mb--150 {
  margin-bottom: 150px;
}

.mr--150 {
  margin-right: 150px;
}

.ml--150 {
  margin-left: 150px;
}

.ptb--155 {
  padding: 155px 0;
}

.plr--155 {
  padding: 0 155px;
}

.pt--155 {
  padding-top: 155px;
}

.pb--155 {
  padding-bottom: 155px;
}

.pl--155 {
  padding-left: 155px;
}

.pr--155 {
  padding-right: 155px;
}

.mt--155 {
  margin-top: 155px !important;
}

.mb--155 {
  margin-bottom: 155px;
}

.mr--155 {
  margin-right: 155px;
}

.ml--155 {
  margin-left: 155px;
}

.ptb--160 {
  padding: 160px 0;
}

.plr--160 {
  padding: 0 160px;
}

.pt--160 {
  padding-top: 160px;
}

.pb--160 {
  padding-bottom: 160px;
}

.pl--160 {
  padding-left: 160px;
}

.pr--160 {
  padding-right: 160px;
}

.mt--160 {
  margin-top: 160px !important;
}

.mb--160 {
  margin-bottom: 160px;
}

.mr--160 {
  margin-right: 160px;
}

.ml--160 {
  margin-left: 160px;
}

.ptb--165 {
  padding: 165px 0;
}

.plr--165 {
  padding: 0 165px;
}

.pt--165 {
  padding-top: 165px;
}

.pb--165 {
  padding-bottom: 165px;
}

.pl--165 {
  padding-left: 165px;
}

.pr--165 {
  padding-right: 165px;
}

.mt--165 {
  margin-top: 165px !important;
}

.mb--165 {
  margin-bottom: 165px;
}

.mr--165 {
  margin-right: 165px;
}

.ml--165 {
  margin-left: 165px;
}

.ptb--170 {
  padding: 170px 0;
}

.plr--170 {
  padding: 0 170px;
}

.pt--170 {
  padding-top: 170px;
}

.pb--170 {
  padding-bottom: 170px;
}

.pl--170 {
  padding-left: 170px;
}

.pr--170 {
  padding-right: 170px;
}

.mt--170 {
  margin-top: 170px !important;
}

.mb--170 {
  margin-bottom: 170px;
}

.mr--170 {
  margin-right: 170px;
}

.ml--170 {
  margin-left: 170px;
}

.ptb--175 {
  padding: 175px 0;
}

.plr--175 {
  padding: 0 175px;
}

.pt--175 {
  padding-top: 175px;
}

.pb--175 {
  padding-bottom: 175px;
}

.pl--175 {
  padding-left: 175px;
}

.pr--175 {
  padding-right: 175px;
}

.mt--175 {
  margin-top: 175px !important;
}

.mb--175 {
  margin-bottom: 175px;
}

.mr--175 {
  margin-right: 175px;
}

.ml--175 {
  margin-left: 175px;
}

.ptb--180 {
  padding: 180px 0;
}

.plr--180 {
  padding: 0 180px;
}

.pt--180 {
  padding-top: 180px;
}

.pb--180 {
  padding-bottom: 180px;
}

.pl--180 {
  padding-left: 180px;
}

.pr--180 {
  padding-right: 180px;
}

.mt--180 {
  margin-top: 180px !important;
}

.mb--180 {
  margin-bottom: 180px;
}

.mr--180 {
  margin-right: 180px;
}

.ml--180 {
  margin-left: 180px;
}

.ptb--185 {
  padding: 185px 0;
}

.plr--185 {
  padding: 0 185px;
}

.pt--185 {
  padding-top: 185px;
}

.pb--185 {
  padding-bottom: 185px;
}

.pl--185 {
  padding-left: 185px;
}

.pr--185 {
  padding-right: 185px;
}

.mt--185 {
  margin-top: 185px !important;
}

.mb--185 {
  margin-bottom: 185px;
}

.mr--185 {
  margin-right: 185px;
}

.ml--185 {
  margin-left: 185px;
}

.ptb--190 {
  padding: 190px 0;
}

.plr--190 {
  padding: 0 190px;
}

.pt--190 {
  padding-top: 190px;
}

.pb--190 {
  padding-bottom: 190px;
}

.pl--190 {
  padding-left: 190px;
}

.pr--190 {
  padding-right: 190px;
}

.mt--190 {
  margin-top: 190px !important;
}

.mb--190 {
  margin-bottom: 190px;
}

.mr--190 {
  margin-right: 190px;
}

.ml--190 {
  margin-left: 190px;
}

.ptb--195 {
  padding: 195px 0;
}

.plr--195 {
  padding: 0 195px;
}

.pt--195 {
  padding-top: 195px;
}

.pb--195 {
  padding-bottom: 195px;
}

.pl--195 {
  padding-left: 195px;
}

.pr--195 {
  padding-right: 195px;
}

.mt--195 {
  margin-top: 195px !important;
}

.mb--195 {
  margin-bottom: 195px;
}

.mr--195 {
  margin-right: 195px;
}

.ml--195 {
  margin-left: 195px;
}

.ptb--200 {
  padding: 200px 0;
}

.plr--200 {
  padding: 0 200px;
}

.pt--200 {
  padding-top: 200px;
}

.pb--200 {
  padding-bottom: 200px;
}

.pl--200 {
  padding-left: 200px;
}

.pr--200 {
  padding-right: 200px;
}

.mt--200 {
  margin-top: 200px !important;
}

.mb--200 {
  margin-bottom: 200px;
}

.mr--200 {
  margin-right: 200px;
}

.ml--200 {
  margin-left: 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .ptb_lp--5 {
    padding: 5px 0;
  }

  .plr_lp--5 {
    padding: 0 5px;
  }

  .pt_lp--5 {
    padding-top: 5px;
  }

  .pb_lp--5 {
    padding-bottom: 5px;
  }

  .pl_lp--5 {
    padding-left: 5px;
  }

  .pr_lp--5 {
    padding-right: 5px;
  }

  .mt_lp--5 {
    margin-top: 5px;
  }

  .mb_lp--5 {
    margin-bottom: 5px;
  }

  .ptb_lp--10 {
    padding: 10px 0;
  }

  .plr_lp--10 {
    padding: 0 10px;
  }

  .pt_lp--10 {
    padding-top: 10px;
  }

  .pb_lp--10 {
    padding-bottom: 10px;
  }

  .pl_lp--10 {
    padding-left: 10px;
  }

  .pr_lp--10 {
    padding-right: 10px;
  }

  .mt_lp--10 {
    margin-top: 10px;
  }

  .mb_lp--10 {
    margin-bottom: 10px;
  }

  .ptb_lp--15 {
    padding: 15px 0;
  }

  .plr_lp--15 {
    padding: 0 15px;
  }

  .pt_lp--15 {
    padding-top: 15px;
  }

  .pb_lp--15 {
    padding-bottom: 15px;
  }

  .pl_lp--15 {
    padding-left: 15px;
  }

  .pr_lp--15 {
    padding-right: 15px;
  }

  .mt_lp--15 {
    margin-top: 15px;
  }

  .mb_lp--15 {
    margin-bottom: 15px;
  }

  .ptb_lp--20 {
    padding: 20px 0;
  }

  .plr_lp--20 {
    padding: 0 20px;
  }

  .pt_lp--20 {
    padding-top: 20px;
  }

  .pb_lp--20 {
    padding-bottom: 20px;
  }

  .pl_lp--20 {
    padding-left: 20px;
  }

  .pr_lp--20 {
    padding-right: 20px;
  }

  .mt_lp--20 {
    margin-top: 20px;
  }

  .mb_lp--20 {
    margin-bottom: 20px;
  }

  .ptb_lp--25 {
    padding: 25px 0;
  }

  .plr_lp--25 {
    padding: 0 25px;
  }

  .pt_lp--25 {
    padding-top: 25px;
  }

  .pb_lp--25 {
    padding-bottom: 25px;
  }

  .pl_lp--25 {
    padding-left: 25px;
  }

  .pr_lp--25 {
    padding-right: 25px;
  }

  .mt_lp--25 {
    margin-top: 25px;
  }

  .mb_lp--25 {
    margin-bottom: 25px;
  }

  .ptb_lp--30 {
    padding: 30px 0;
  }

  .plr_lp--30 {
    padding: 0 30px;
  }

  .pt_lp--30 {
    padding-top: 30px;
  }

  .pb_lp--30 {
    padding-bottom: 30px;
  }

  .pl_lp--30 {
    padding-left: 30px;
  }

  .pr_lp--30 {
    padding-right: 30px;
  }

  .mt_lp--30 {
    margin-top: 30px;
  }

  .mb_lp--30 {
    margin-bottom: 30px;
  }

  .ptb_lp--35 {
    padding: 35px 0;
  }

  .plr_lp--35 {
    padding: 0 35px;
  }

  .pt_lp--35 {
    padding-top: 35px;
  }

  .pb_lp--35 {
    padding-bottom: 35px;
  }

  .pl_lp--35 {
    padding-left: 35px;
  }

  .pr_lp--35 {
    padding-right: 35px;
  }

  .mt_lp--35 {
    margin-top: 35px;
  }

  .mb_lp--35 {
    margin-bottom: 35px;
  }

  .ptb_lp--40 {
    padding: 40px 0;
  }

  .plr_lp--40 {
    padding: 0 40px;
  }

  .pt_lp--40 {
    padding-top: 40px;
  }

  .pb_lp--40 {
    padding-bottom: 40px;
  }

  .pl_lp--40 {
    padding-left: 40px;
  }

  .pr_lp--40 {
    padding-right: 40px;
  }

  .mt_lp--40 {
    margin-top: 40px;
  }

  .mb_lp--40 {
    margin-bottom: 40px;
  }

  .ptb_lp--45 {
    padding: 45px 0;
  }

  .plr_lp--45 {
    padding: 0 45px;
  }

  .pt_lp--45 {
    padding-top: 45px;
  }

  .pb_lp--45 {
    padding-bottom: 45px;
  }

  .pl_lp--45 {
    padding-left: 45px;
  }

  .pr_lp--45 {
    padding-right: 45px;
  }

  .mt_lp--45 {
    margin-top: 45px;
  }

  .mb_lp--45 {
    margin-bottom: 45px;
  }

  .ptb_lp--50 {
    padding: 50px 0;
  }

  .plr_lp--50 {
    padding: 0 50px;
  }

  .pt_lp--50 {
    padding-top: 50px;
  }

  .pb_lp--50 {
    padding-bottom: 50px;
  }

  .pl_lp--50 {
    padding-left: 50px;
  }

  .pr_lp--50 {
    padding-right: 50px;
  }

  .mt_lp--50 {
    margin-top: 50px;
  }

  .mb_lp--50 {
    margin-bottom: 50px;
  }

  .ptb_lp--55 {
    padding: 55px 0;
  }

  .plr_lp--55 {
    padding: 0 55px;
  }

  .pt_lp--55 {
    padding-top: 55px;
  }

  .pb_lp--55 {
    padding-bottom: 55px;
  }

  .pl_lp--55 {
    padding-left: 55px;
  }

  .pr_lp--55 {
    padding-right: 55px;
  }

  .mt_lp--55 {
    margin-top: 55px;
  }

  .mb_lp--55 {
    margin-bottom: 55px;
  }

  .ptb_lp--60 {
    padding: 60px 0;
  }

  .plr_lp--60 {
    padding: 0 60px;
  }

  .pt_lp--60 {
    padding-top: 60px;
  }

  .pb_lp--60 {
    padding-bottom: 60px;
  }

  .pl_lp--60 {
    padding-left: 60px;
  }

  .pr_lp--60 {
    padding-right: 60px;
  }

  .mt_lp--60 {
    margin-top: 60px;
  }

  .mb_lp--60 {
    margin-bottom: 60px;
  }

  .ptb_lp--65 {
    padding: 65px 0;
  }

  .plr_lp--65 {
    padding: 0 65px;
  }

  .pt_lp--65 {
    padding-top: 65px;
  }

  .pb_lp--65 {
    padding-bottom: 65px;
  }

  .pl_lp--65 {
    padding-left: 65px;
  }

  .pr_lp--65 {
    padding-right: 65px;
  }

  .mt_lp--65 {
    margin-top: 65px;
  }

  .mb_lp--65 {
    margin-bottom: 65px;
  }

  .ptb_lp--70 {
    padding: 70px 0;
  }

  .plr_lp--70 {
    padding: 0 70px;
  }

  .pt_lp--70 {
    padding-top: 70px;
  }

  .pb_lp--70 {
    padding-bottom: 70px;
  }

  .pl_lp--70 {
    padding-left: 70px;
  }

  .pr_lp--70 {
    padding-right: 70px;
  }

  .mt_lp--70 {
    margin-top: 70px;
  }

  .mb_lp--70 {
    margin-bottom: 70px;
  }

  .ptb_lp--75 {
    padding: 75px 0;
  }

  .plr_lp--75 {
    padding: 0 75px;
  }

  .pt_lp--75 {
    padding-top: 75px;
  }

  .pb_lp--75 {
    padding-bottom: 75px;
  }

  .pl_lp--75 {
    padding-left: 75px;
  }

  .pr_lp--75 {
    padding-right: 75px;
  }

  .mt_lp--75 {
    margin-top: 75px;
  }

  .mb_lp--75 {
    margin-bottom: 75px;
  }

  .ptb_lp--80 {
    padding: 80px 0;
  }

  .plr_lp--80 {
    padding: 0 80px;
  }

  .pt_lp--80 {
    padding-top: 80px;
  }

  .pb_lp--80 {
    padding-bottom: 80px;
  }

  .pl_lp--80 {
    padding-left: 80px;
  }

  .pr_lp--80 {
    padding-right: 80px;
  }

  .mt_lp--80 {
    margin-top: 80px;
  }

  .mb_lp--80 {
    margin-bottom: 80px;
  }

  .ptb_lp--85 {
    padding: 85px 0;
  }

  .plr_lp--85 {
    padding: 0 85px;
  }

  .pt_lp--85 {
    padding-top: 85px;
  }

  .pb_lp--85 {
    padding-bottom: 85px;
  }

  .pl_lp--85 {
    padding-left: 85px;
  }

  .pr_lp--85 {
    padding-right: 85px;
  }

  .mt_lp--85 {
    margin-top: 85px;
  }

  .mb_lp--85 {
    margin-bottom: 85px;
  }

  .ptb_lp--90 {
    padding: 90px 0;
  }

  .plr_lp--90 {
    padding: 0 90px;
  }

  .pt_lp--90 {
    padding-top: 90px;
  }

  .pb_lp--90 {
    padding-bottom: 90px;
  }

  .pl_lp--90 {
    padding-left: 90px;
  }

  .pr_lp--90 {
    padding-right: 90px;
  }

  .mt_lp--90 {
    margin-top: 90px;
  }

  .mb_lp--90 {
    margin-bottom: 90px;
  }

  .ptb_lp--95 {
    padding: 95px 0;
  }

  .plr_lp--95 {
    padding: 0 95px;
  }

  .pt_lp--95 {
    padding-top: 95px;
  }

  .pb_lp--95 {
    padding-bottom: 95px;
  }

  .pl_lp--95 {
    padding-left: 95px;
  }

  .pr_lp--95 {
    padding-right: 95px;
  }

  .mt_lp--95 {
    margin-top: 95px;
  }

  .mb_lp--95 {
    margin-bottom: 95px;
  }

  .ptb_lp--100 {
    padding: 100px 0;
  }

  .plr_lp--100 {
    padding: 0 100px;
  }

  .pt_lp--100 {
    padding-top: 100px;
  }

  .pb_lp--100 {
    padding-bottom: 100px;
  }

  .pl_lp--100 {
    padding-left: 100px;
  }

  .pr_lp--100 {
    padding-right: 100px;
  }

  .mt_lp--100 {
    margin-top: 100px;
  }

  .mb_lp--100 {
    margin-bottom: 100px;
  }

  .ptb_lp--105 {
    padding: 105px 0;
  }

  .plr_lp--105 {
    padding: 0 105px;
  }

  .pt_lp--105 {
    padding-top: 105px;
  }

  .pb_lp--105 {
    padding-bottom: 105px;
  }

  .pl_lp--105 {
    padding-left: 105px;
  }

  .pr_lp--105 {
    padding-right: 105px;
  }

  .mt_lp--105 {
    margin-top: 105px;
  }

  .mb_lp--105 {
    margin-bottom: 105px;
  }

  .ptb_lp--110 {
    padding: 110px 0;
  }

  .plr_lp--110 {
    padding: 0 110px;
  }

  .pt_lp--110 {
    padding-top: 110px;
  }

  .pb_lp--110 {
    padding-bottom: 110px;
  }

  .pl_lp--110 {
    padding-left: 110px;
  }

  .pr_lp--110 {
    padding-right: 110px;
  }

  .mt_lp--110 {
    margin-top: 110px;
  }

  .mb_lp--110 {
    margin-bottom: 110px;
  }

  .ptb_lp--115 {
    padding: 115px 0;
  }

  .plr_lp--115 {
    padding: 0 115px;
  }

  .pt_lp--115 {
    padding-top: 115px;
  }

  .pb_lp--115 {
    padding-bottom: 115px;
  }

  .pl_lp--115 {
    padding-left: 115px;
  }

  .pr_lp--115 {
    padding-right: 115px;
  }

  .mt_lp--115 {
    margin-top: 115px;
  }

  .mb_lp--115 {
    margin-bottom: 115px;
  }

  .ptb_lp--120 {
    padding: 120px 0;
  }

  .plr_lp--120 {
    padding: 0 120px;
  }

  .pt_lp--120 {
    padding-top: 120px;
  }

  .pb_lp--120 {
    padding-bottom: 120px;
  }

  .pl_lp--120 {
    padding-left: 120px;
  }

  .pr_lp--120 {
    padding-right: 120px;
  }

  .mt_lp--120 {
    margin-top: 120px;
  }

  .mb_lp--120 {
    margin-bottom: 120px;
  }

  .ptb_lp--125 {
    padding: 125px 0;
  }

  .plr_lp--125 {
    padding: 0 125px;
  }

  .pt_lp--125 {
    padding-top: 125px;
  }

  .pb_lp--125 {
    padding-bottom: 125px;
  }

  .pl_lp--125 {
    padding-left: 125px;
  }

  .pr_lp--125 {
    padding-right: 125px;
  }

  .mt_lp--125 {
    margin-top: 125px;
  }

  .mb_lp--125 {
    margin-bottom: 125px;
  }

  .ptb_lp--130 {
    padding: 130px 0;
  }

  .plr_lp--130 {
    padding: 0 130px;
  }

  .pt_lp--130 {
    padding-top: 130px;
  }

  .pb_lp--130 {
    padding-bottom: 130px;
  }

  .pl_lp--130 {
    padding-left: 130px;
  }

  .pr_lp--130 {
    padding-right: 130px;
  }

  .mt_lp--130 {
    margin-top: 130px;
  }

  .mb_lp--130 {
    margin-bottom: 130px;
  }

  .ptb_lp--135 {
    padding: 135px 0;
  }

  .plr_lp--135 {
    padding: 0 135px;
  }

  .pt_lp--135 {
    padding-top: 135px;
  }

  .pb_lp--135 {
    padding-bottom: 135px;
  }

  .pl_lp--135 {
    padding-left: 135px;
  }

  .pr_lp--135 {
    padding-right: 135px;
  }

  .mt_lp--135 {
    margin-top: 135px;
  }

  .mb_lp--135 {
    margin-bottom: 135px;
  }

  .ptb_lp--140 {
    padding: 140px 0;
  }

  .plr_lp--140 {
    padding: 0 140px;
  }

  .pt_lp--140 {
    padding-top: 140px;
  }

  .pb_lp--140 {
    padding-bottom: 140px;
  }

  .pl_lp--140 {
    padding-left: 140px;
  }

  .pr_lp--140 {
    padding-right: 140px;
  }

  .mt_lp--140 {
    margin-top: 140px;
  }

  .mb_lp--140 {
    margin-bottom: 140px;
  }

  .ptb_lp--145 {
    padding: 145px 0;
  }

  .plr_lp--145 {
    padding: 0 145px;
  }

  .pt_lp--145 {
    padding-top: 145px;
  }

  .pb_lp--145 {
    padding-bottom: 145px;
  }

  .pl_lp--145 {
    padding-left: 145px;
  }

  .pr_lp--145 {
    padding-right: 145px;
  }

  .mt_lp--145 {
    margin-top: 145px;
  }

  .mb_lp--145 {
    margin-bottom: 145px;
  }

  .ptb_lp--150 {
    padding: 150px 0;
  }

  .plr_lp--150 {
    padding: 0 150px;
  }

  .pt_lp--150 {
    padding-top: 150px;
  }

  .pb_lp--150 {
    padding-bottom: 150px;
  }

  .pl_lp--150 {
    padding-left: 150px;
  }

  .pr_lp--150 {
    padding-right: 150px;
  }

  .mt_lp--150 {
    margin-top: 150px;
  }

  .mb_lp--150 {
    margin-bottom: 150px;
  }

  .ptb_lp--155 {
    padding: 155px 0;
  }

  .plr_lp--155 {
    padding: 0 155px;
  }

  .pt_lp--155 {
    padding-top: 155px;
  }

  .pb_lp--155 {
    padding-bottom: 155px;
  }

  .pl_lp--155 {
    padding-left: 155px;
  }

  .pr_lp--155 {
    padding-right: 155px;
  }

  .mt_lp--155 {
    margin-top: 155px;
  }

  .mb_lp--155 {
    margin-bottom: 155px;
  }

  .ptb_lp--160 {
    padding: 160px 0;
  }

  .plr_lp--160 {
    padding: 0 160px;
  }

  .pt_lp--160 {
    padding-top: 160px;
  }

  .pb_lp--160 {
    padding-bottom: 160px;
  }

  .pl_lp--160 {
    padding-left: 160px;
  }

  .pr_lp--160 {
    padding-right: 160px;
  }

  .mt_lp--160 {
    margin-top: 160px;
  }

  .mb_lp--160 {
    margin-bottom: 160px;
  }

  .ptb_lp--165 {
    padding: 165px 0;
  }

  .plr_lp--165 {
    padding: 0 165px;
  }

  .pt_lp--165 {
    padding-top: 165px;
  }

  .pb_lp--165 {
    padding-bottom: 165px;
  }

  .pl_lp--165 {
    padding-left: 165px;
  }

  .pr_lp--165 {
    padding-right: 165px;
  }

  .mt_lp--165 {
    margin-top: 165px;
  }

  .mb_lp--165 {
    margin-bottom: 165px;
  }

  .ptb_lp--170 {
    padding: 170px 0;
  }

  .plr_lp--170 {
    padding: 0 170px;
  }

  .pt_lp--170 {
    padding-top: 170px;
  }

  .pb_lp--170 {
    padding-bottom: 170px;
  }

  .pl_lp--170 {
    padding-left: 170px;
  }

  .pr_lp--170 {
    padding-right: 170px;
  }

  .mt_lp--170 {
    margin-top: 170px;
  }

  .mb_lp--170 {
    margin-bottom: 170px;
  }

  .ptb_lp--175 {
    padding: 175px 0;
  }

  .plr_lp--175 {
    padding: 0 175px;
  }

  .pt_lp--175 {
    padding-top: 175px;
  }

  .pb_lp--175 {
    padding-bottom: 175px;
  }

  .pl_lp--175 {
    padding-left: 175px;
  }

  .pr_lp--175 {
    padding-right: 175px;
  }

  .mt_lp--175 {
    margin-top: 175px;
  }

  .mb_lp--175 {
    margin-bottom: 175px;
  }

  .ptb_lp--180 {
    padding: 180px 0;
  }

  .plr_lp--180 {
    padding: 0 180px;
  }

  .pt_lp--180 {
    padding-top: 180px;
  }

  .pb_lp--180 {
    padding-bottom: 180px;
  }

  .pl_lp--180 {
    padding-left: 180px;
  }

  .pr_lp--180 {
    padding-right: 180px;
  }

  .mt_lp--180 {
    margin-top: 180px;
  }

  .mb_lp--180 {
    margin-bottom: 180px;
  }

  .ptb_lp--185 {
    padding: 185px 0;
  }

  .plr_lp--185 {
    padding: 0 185px;
  }

  .pt_lp--185 {
    padding-top: 185px;
  }

  .pb_lp--185 {
    padding-bottom: 185px;
  }

  .pl_lp--185 {
    padding-left: 185px;
  }

  .pr_lp--185 {
    padding-right: 185px;
  }

  .mt_lp--185 {
    margin-top: 185px;
  }

  .mb_lp--185 {
    margin-bottom: 185px;
  }

  .ptb_lp--190 {
    padding: 190px 0;
  }

  .plr_lp--190 {
    padding: 0 190px;
  }

  .pt_lp--190 {
    padding-top: 190px;
  }

  .pb_lp--190 {
    padding-bottom: 190px;
  }

  .pl_lp--190 {
    padding-left: 190px;
  }

  .pr_lp--190 {
    padding-right: 190px;
  }

  .mt_lp--190 {
    margin-top: 190px;
  }

  .mb_lp--190 {
    margin-bottom: 190px;
  }

  .ptb_lp--195 {
    padding: 195px 0;
  }

  .plr_lp--195 {
    padding: 0 195px;
  }

  .pt_lp--195 {
    padding-top: 195px;
  }

  .pb_lp--195 {
    padding-bottom: 195px;
  }

  .pl_lp--195 {
    padding-left: 195px;
  }

  .pr_lp--195 {
    padding-right: 195px;
  }

  .mt_lp--195 {
    margin-top: 195px;
  }

  .mb_lp--195 {
    margin-bottom: 195px;
  }

  .ptb_lp--200 {
    padding: 200px 0;
  }

  .plr_lp--200 {
    padding: 0 200px;
  }

  .pt_lp--200 {
    padding-top: 200px;
  }

  .pb_lp--200 {
    padding-bottom: 200px;
  }

  .pl_lp--200 {
    padding-left: 200px;
  }

  .pr_lp--200 {
    padding-right: 200px;
  }

  .mt_lp--200 {
    margin-top: 200px;
  }

  .mb_lp--200 {
    margin-bottom: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ptb_lg--5 {
    padding: 5px 0;
  }

  .plr_lg--5 {
    padding: 0 5px;
  }

  .pt_lg--5 {
    padding-top: 5px;
  }

  .pb_lg--5 {
    padding-bottom: 5px;
  }

  .pl_lg--5 {
    padding-left: 5px;
  }

  .pr_lg--5 {
    padding-right: 5px;
  }

  .mt_lg--5 {
    margin-top: 5px;
  }

  .mb_lg--5 {
    margin-bottom: 5px;
  }

  .ml_lg--5 {
    margin-left: 5px;
  }

  .ptb_lg--10 {
    padding: 10px 0;
  }

  .plr_lg--10 {
    padding: 0 10px;
  }

  .pt_lg--10 {
    padding-top: 10px;
  }

  .pb_lg--10 {
    padding-bottom: 10px;
  }

  .pl_lg--10 {
    padding-left: 10px;
  }

  .pr_lg--10 {
    padding-right: 10px;
  }

  .mt_lg--10 {
    margin-top: 10px;
  }

  .mb_lg--10 {
    margin-bottom: 10px;
  }

  .ml_lg--10 {
    margin-left: 10px;
  }

  .ptb_lg--15 {
    padding: 15px 0;
  }

  .plr_lg--15 {
    padding: 0 15px;
  }

  .pt_lg--15 {
    padding-top: 15px;
  }

  .pb_lg--15 {
    padding-bottom: 15px;
  }

  .pl_lg--15 {
    padding-left: 15px;
  }

  .pr_lg--15 {
    padding-right: 15px;
  }

  .mt_lg--15 {
    margin-top: 15px;
  }

  .mb_lg--15 {
    margin-bottom: 15px;
  }

  .ml_lg--15 {
    margin-left: 15px;
  }

  .ptb_lg--20 {
    padding: 20px 0;
  }

  .plr_lg--20 {
    padding: 0 20px;
  }

  .pt_lg--20 {
    padding-top: 20px;
  }

  .pb_lg--20 {
    padding-bottom: 20px;
  }

  .pl_lg--20 {
    padding-left: 20px;
  }

  .pr_lg--20 {
    padding-right: 20px;
  }

  .mt_lg--20 {
    margin-top: 20px;
  }

  .mb_lg--20 {
    margin-bottom: 20px;
  }

  .ml_lg--20 {
    margin-left: 20px;
  }

  .ptb_lg--25 {
    padding: 25px 0;
  }

  .plr_lg--25 {
    padding: 0 25px;
  }

  .pt_lg--25 {
    padding-top: 25px;
  }

  .pb_lg--25 {
    padding-bottom: 25px;
  }

  .pl_lg--25 {
    padding-left: 25px;
  }

  .pr_lg--25 {
    padding-right: 25px;
  }

  .mt_lg--25 {
    margin-top: 25px;
  }

  .mb_lg--25 {
    margin-bottom: 25px;
  }

  .ml_lg--25 {
    margin-left: 25px;
  }

  .ptb_lg--30 {
    padding: 30px 0;
  }

  .plr_lg--30 {
    padding: 0 30px;
  }

  .pt_lg--30 {
    padding-top: 30px;
  }

  .pb_lg--30 {
    padding-bottom: 30px;
  }

  .pl_lg--30 {
    padding-left: 30px;
  }

  .pr_lg--30 {
    padding-right: 30px;
  }

  .mt_lg--30 {
    margin-top: 30px;
  }

  .mb_lg--30 {
    margin-bottom: 30px;
  }

  .ml_lg--30 {
    margin-left: 30px;
  }

  .ptb_lg--35 {
    padding: 35px 0;
  }

  .plr_lg--35 {
    padding: 0 35px;
  }

  .pt_lg--35 {
    padding-top: 35px;
  }

  .pb_lg--35 {
    padding-bottom: 35px;
  }

  .pl_lg--35 {
    padding-left: 35px;
  }

  .pr_lg--35 {
    padding-right: 35px;
  }

  .mt_lg--35 {
    margin-top: 35px;
  }

  .mb_lg--35 {
    margin-bottom: 35px;
  }

  .ml_lg--35 {
    margin-left: 35px;
  }

  .ptb_lg--40 {
    padding: 40px 0;
  }

  .plr_lg--40 {
    padding: 0 40px;
  }

  .pt_lg--40 {
    padding-top: 40px;
  }

  .pb_lg--40 {
    padding-bottom: 40px;
  }

  .pl_lg--40 {
    padding-left: 40px;
  }

  .pr_lg--40 {
    padding-right: 40px;
  }

  .mt_lg--40 {
    margin-top: 40px;
  }

  .mb_lg--40 {
    margin-bottom: 40px;
  }

  .ml_lg--40 {
    margin-left: 40px;
  }

  .ptb_lg--45 {
    padding: 45px 0;
  }

  .plr_lg--45 {
    padding: 0 45px;
  }

  .pt_lg--45 {
    padding-top: 45px;
  }

  .pb_lg--45 {
    padding-bottom: 45px;
  }

  .pl_lg--45 {
    padding-left: 45px;
  }

  .pr_lg--45 {
    padding-right: 45px;
  }

  .mt_lg--45 {
    margin-top: 45px;
  }

  .mb_lg--45 {
    margin-bottom: 45px;
  }

  .ml_lg--45 {
    margin-left: 45px;
  }

  .ptb_lg--50 {
    padding: 50px 0;
  }

  .plr_lg--50 {
    padding: 0 50px;
  }

  .pt_lg--50 {
    padding-top: 50px;
  }

  .pb_lg--50 {
    padding-bottom: 50px;
  }

  .pl_lg--50 {
    padding-left: 50px;
  }

  .pr_lg--50 {
    padding-right: 50px;
  }

  .mt_lg--50 {
    margin-top: 50px;
  }

  .mb_lg--50 {
    margin-bottom: 50px;
  }

  .ml_lg--50 {
    margin-left: 50px;
  }

  .ptb_lg--55 {
    padding: 55px 0;
  }

  .plr_lg--55 {
    padding: 0 55px;
  }

  .pt_lg--55 {
    padding-top: 55px;
  }

  .pb_lg--55 {
    padding-bottom: 55px;
  }

  .pl_lg--55 {
    padding-left: 55px;
  }

  .pr_lg--55 {
    padding-right: 55px;
  }

  .mt_lg--55 {
    margin-top: 55px;
  }

  .mb_lg--55 {
    margin-bottom: 55px;
  }

  .ml_lg--55 {
    margin-left: 55px;
  }

  .ptb_lg--60 {
    padding: 60px 0;
  }

  .plr_lg--60 {
    padding: 0 60px;
  }

  .pt_lg--60 {
    padding-top: 60px;
  }

  .pb_lg--60 {
    padding-bottom: 60px;
  }

  .pl_lg--60 {
    padding-left: 60px;
  }

  .pr_lg--60 {
    padding-right: 60px;
  }

  .mt_lg--60 {
    margin-top: 60px;
  }

  .mb_lg--60 {
    margin-bottom: 60px;
  }

  .ml_lg--60 {
    margin-left: 60px;
  }

  .ptb_lg--65 {
    padding: 65px 0;
  }

  .plr_lg--65 {
    padding: 0 65px;
  }

  .pt_lg--65 {
    padding-top: 65px;
  }

  .pb_lg--65 {
    padding-bottom: 65px;
  }

  .pl_lg--65 {
    padding-left: 65px;
  }

  .pr_lg--65 {
    padding-right: 65px;
  }

  .mt_lg--65 {
    margin-top: 65px;
  }

  .mb_lg--65 {
    margin-bottom: 65px;
  }

  .ml_lg--65 {
    margin-left: 65px;
  }

  .ptb_lg--70 {
    padding: 70px 0;
  }

  .plr_lg--70 {
    padding: 0 70px;
  }

  .pt_lg--70 {
    padding-top: 70px;
  }

  .pb_lg--70 {
    padding-bottom: 70px;
  }

  .pl_lg--70 {
    padding-left: 70px;
  }

  .pr_lg--70 {
    padding-right: 70px;
  }

  .mt_lg--70 {
    margin-top: 70px;
  }

  .mb_lg--70 {
    margin-bottom: 70px;
  }

  .ml_lg--70 {
    margin-left: 70px;
  }

  .ptb_lg--75 {
    padding: 75px 0;
  }

  .plr_lg--75 {
    padding: 0 75px;
  }

  .pt_lg--75 {
    padding-top: 75px;
  }

  .pb_lg--75 {
    padding-bottom: 75px;
  }

  .pl_lg--75 {
    padding-left: 75px;
  }

  .pr_lg--75 {
    padding-right: 75px;
  }

  .mt_lg--75 {
    margin-top: 75px;
  }

  .mb_lg--75 {
    margin-bottom: 75px;
  }

  .ml_lg--75 {
    margin-left: 75px;
  }

  .ptb_lg--80 {
    padding: 80px 0;
  }

  .plr_lg--80 {
    padding: 0 80px;
  }

  .pt_lg--80 {
    padding-top: 80px;
  }

  .pb_lg--80 {
    padding-bottom: 80px;
  }

  .pl_lg--80 {
    padding-left: 80px;
  }

  .pr_lg--80 {
    padding-right: 80px;
  }

  .mt_lg--80 {
    margin-top: 80px;
  }

  .mb_lg--80 {
    margin-bottom: 80px;
  }

  .ml_lg--80 {
    margin-left: 80px;
  }

  .ptb_lg--85 {
    padding: 85px 0;
  }

  .plr_lg--85 {
    padding: 0 85px;
  }

  .pt_lg--85 {
    padding-top: 85px;
  }

  .pb_lg--85 {
    padding-bottom: 85px;
  }

  .pl_lg--85 {
    padding-left: 85px;
  }

  .pr_lg--85 {
    padding-right: 85px;
  }

  .mt_lg--85 {
    margin-top: 85px;
  }

  .mb_lg--85 {
    margin-bottom: 85px;
  }

  .ml_lg--85 {
    margin-left: 85px;
  }

  .ptb_lg--90 {
    padding: 90px 0;
  }

  .plr_lg--90 {
    padding: 0 90px;
  }

  .pt_lg--90 {
    padding-top: 90px;
  }

  .pb_lg--90 {
    padding-bottom: 90px;
  }

  .pl_lg--90 {
    padding-left: 90px;
  }

  .pr_lg--90 {
    padding-right: 90px;
  }

  .mt_lg--90 {
    margin-top: 90px;
  }

  .mb_lg--90 {
    margin-bottom: 90px;
  }

  .ml_lg--90 {
    margin-left: 90px;
  }

  .ptb_lg--95 {
    padding: 95px 0;
  }

  .plr_lg--95 {
    padding: 0 95px;
  }

  .pt_lg--95 {
    padding-top: 95px;
  }

  .pb_lg--95 {
    padding-bottom: 95px;
  }

  .pl_lg--95 {
    padding-left: 95px;
  }

  .pr_lg--95 {
    padding-right: 95px;
  }

  .mt_lg--95 {
    margin-top: 95px;
  }

  .mb_lg--95 {
    margin-bottom: 95px;
  }

  .ml_lg--95 {
    margin-left: 95px;
  }

  .ptb_lg--100 {
    padding: 100px 0;
  }

  .plr_lg--100 {
    padding: 0 100px;
  }

  .pt_lg--100 {
    padding-top: 100px;
  }

  .pb_lg--100 {
    padding-bottom: 100px;
  }

  .pl_lg--100 {
    padding-left: 100px;
  }

  .pr_lg--100 {
    padding-right: 100px;
  }

  .mt_lg--100 {
    margin-top: 100px;
  }

  .mb_lg--100 {
    margin-bottom: 100px;
  }

  .ml_lg--100 {
    margin-left: 100px;
  }

  .ptb_lg--105 {
    padding: 105px 0;
  }

  .plr_lg--105 {
    padding: 0 105px;
  }

  .pt_lg--105 {
    padding-top: 105px;
  }

  .pb_lg--105 {
    padding-bottom: 105px;
  }

  .pl_lg--105 {
    padding-left: 105px;
  }

  .pr_lg--105 {
    padding-right: 105px;
  }

  .mt_lg--105 {
    margin-top: 105px;
  }

  .mb_lg--105 {
    margin-bottom: 105px;
  }

  .ml_lg--105 {
    margin-left: 105px;
  }

  .ptb_lg--110 {
    padding: 110px 0;
  }

  .plr_lg--110 {
    padding: 0 110px;
  }

  .pt_lg--110 {
    padding-top: 110px;
  }

  .pb_lg--110 {
    padding-bottom: 110px;
  }

  .pl_lg--110 {
    padding-left: 110px;
  }

  .pr_lg--110 {
    padding-right: 110px;
  }

  .mt_lg--110 {
    margin-top: 110px;
  }

  .mb_lg--110 {
    margin-bottom: 110px;
  }

  .ml_lg--110 {
    margin-left: 110px;
  }

  .ptb_lg--115 {
    padding: 115px 0;
  }

  .plr_lg--115 {
    padding: 0 115px;
  }

  .pt_lg--115 {
    padding-top: 115px;
  }

  .pb_lg--115 {
    padding-bottom: 115px;
  }

  .pl_lg--115 {
    padding-left: 115px;
  }

  .pr_lg--115 {
    padding-right: 115px;
  }

  .mt_lg--115 {
    margin-top: 115px;
  }

  .mb_lg--115 {
    margin-bottom: 115px;
  }

  .ml_lg--115 {
    margin-left: 115px;
  }

  .ptb_lg--120 {
    padding: 120px 0;
  }

  .plr_lg--120 {
    padding: 0 120px;
  }

  .pt_lg--120 {
    padding-top: 120px;
  }

  .pb_lg--120 {
    padding-bottom: 120px;
  }

  .pl_lg--120 {
    padding-left: 120px;
  }

  .pr_lg--120 {
    padding-right: 120px;
  }

  .mt_lg--120 {
    margin-top: 120px;
  }

  .mb_lg--120 {
    margin-bottom: 120px;
  }

  .ml_lg--120 {
    margin-left: 120px;
  }

  .ptb_lg--125 {
    padding: 125px 0;
  }

  .plr_lg--125 {
    padding: 0 125px;
  }

  .pt_lg--125 {
    padding-top: 125px;
  }

  .pb_lg--125 {
    padding-bottom: 125px;
  }

  .pl_lg--125 {
    padding-left: 125px;
  }

  .pr_lg--125 {
    padding-right: 125px;
  }

  .mt_lg--125 {
    margin-top: 125px;
  }

  .mb_lg--125 {
    margin-bottom: 125px;
  }

  .ml_lg--125 {
    margin-left: 125px;
  }

  .ptb_lg--130 {
    padding: 130px 0;
  }

  .plr_lg--130 {
    padding: 0 130px;
  }

  .pt_lg--130 {
    padding-top: 130px;
  }

  .pb_lg--130 {
    padding-bottom: 130px;
  }

  .pl_lg--130 {
    padding-left: 130px;
  }

  .pr_lg--130 {
    padding-right: 130px;
  }

  .mt_lg--130 {
    margin-top: 130px;
  }

  .mb_lg--130 {
    margin-bottom: 130px;
  }

  .ml_lg--130 {
    margin-left: 130px;
  }

  .ptb_lg--135 {
    padding: 135px 0;
  }

  .plr_lg--135 {
    padding: 0 135px;
  }

  .pt_lg--135 {
    padding-top: 135px;
  }

  .pb_lg--135 {
    padding-bottom: 135px;
  }

  .pl_lg--135 {
    padding-left: 135px;
  }

  .pr_lg--135 {
    padding-right: 135px;
  }

  .mt_lg--135 {
    margin-top: 135px;
  }

  .mb_lg--135 {
    margin-bottom: 135px;
  }

  .ml_lg--135 {
    margin-left: 135px;
  }

  .ptb_lg--140 {
    padding: 140px 0;
  }

  .plr_lg--140 {
    padding: 0 140px;
  }

  .pt_lg--140 {
    padding-top: 140px;
  }

  .pb_lg--140 {
    padding-bottom: 140px;
  }

  .pl_lg--140 {
    padding-left: 140px;
  }

  .pr_lg--140 {
    padding-right: 140px;
  }

  .mt_lg--140 {
    margin-top: 140px;
  }

  .mb_lg--140 {
    margin-bottom: 140px;
  }

  .ml_lg--140 {
    margin-left: 140px;
  }

  .ptb_lg--145 {
    padding: 145px 0;
  }

  .plr_lg--145 {
    padding: 0 145px;
  }

  .pt_lg--145 {
    padding-top: 145px;
  }

  .pb_lg--145 {
    padding-bottom: 145px;
  }

  .pl_lg--145 {
    padding-left: 145px;
  }

  .pr_lg--145 {
    padding-right: 145px;
  }

  .mt_lg--145 {
    margin-top: 145px;
  }

  .mb_lg--145 {
    margin-bottom: 145px;
  }

  .ml_lg--145 {
    margin-left: 145px;
  }

  .ptb_lg--150 {
    padding: 150px 0;
  }

  .plr_lg--150 {
    padding: 0 150px;
  }

  .pt_lg--150 {
    padding-top: 150px;
  }

  .pb_lg--150 {
    padding-bottom: 150px;
  }

  .pl_lg--150 {
    padding-left: 150px;
  }

  .pr_lg--150 {
    padding-right: 150px;
  }

  .mt_lg--150 {
    margin-top: 150px;
  }

  .mb_lg--150 {
    margin-bottom: 150px;
  }

  .ml_lg--150 {
    margin-left: 150px;
  }

  .ptb_lg--155 {
    padding: 155px 0;
  }

  .plr_lg--155 {
    padding: 0 155px;
  }

  .pt_lg--155 {
    padding-top: 155px;
  }

  .pb_lg--155 {
    padding-bottom: 155px;
  }

  .pl_lg--155 {
    padding-left: 155px;
  }

  .pr_lg--155 {
    padding-right: 155px;
  }

  .mt_lg--155 {
    margin-top: 155px;
  }

  .mb_lg--155 {
    margin-bottom: 155px;
  }

  .ml_lg--155 {
    margin-left: 155px;
  }

  .ptb_lg--160 {
    padding: 160px 0;
  }

  .plr_lg--160 {
    padding: 0 160px;
  }

  .pt_lg--160 {
    padding-top: 160px;
  }

  .pb_lg--160 {
    padding-bottom: 160px;
  }

  .pl_lg--160 {
    padding-left: 160px;
  }

  .pr_lg--160 {
    padding-right: 160px;
  }

  .mt_lg--160 {
    margin-top: 160px;
  }

  .mb_lg--160 {
    margin-bottom: 160px;
  }

  .ml_lg--160 {
    margin-left: 160px;
  }

  .ptb_lg--165 {
    padding: 165px 0;
  }

  .plr_lg--165 {
    padding: 0 165px;
  }

  .pt_lg--165 {
    padding-top: 165px;
  }

  .pb_lg--165 {
    padding-bottom: 165px;
  }

  .pl_lg--165 {
    padding-left: 165px;
  }

  .pr_lg--165 {
    padding-right: 165px;
  }

  .mt_lg--165 {
    margin-top: 165px;
  }

  .mb_lg--165 {
    margin-bottom: 165px;
  }

  .ml_lg--165 {
    margin-left: 165px;
  }

  .ptb_lg--170 {
    padding: 170px 0;
  }

  .plr_lg--170 {
    padding: 0 170px;
  }

  .pt_lg--170 {
    padding-top: 170px;
  }

  .pb_lg--170 {
    padding-bottom: 170px;
  }

  .pl_lg--170 {
    padding-left: 170px;
  }

  .pr_lg--170 {
    padding-right: 170px;
  }

  .mt_lg--170 {
    margin-top: 170px;
  }

  .mb_lg--170 {
    margin-bottom: 170px;
  }

  .ml_lg--170 {
    margin-left: 170px;
  }

  .ptb_lg--175 {
    padding: 175px 0;
  }

  .plr_lg--175 {
    padding: 0 175px;
  }

  .pt_lg--175 {
    padding-top: 175px;
  }

  .pb_lg--175 {
    padding-bottom: 175px;
  }

  .pl_lg--175 {
    padding-left: 175px;
  }

  .pr_lg--175 {
    padding-right: 175px;
  }

  .mt_lg--175 {
    margin-top: 175px;
  }

  .mb_lg--175 {
    margin-bottom: 175px;
  }

  .ml_lg--175 {
    margin-left: 175px;
  }

  .ptb_lg--180 {
    padding: 180px 0;
  }

  .plr_lg--180 {
    padding: 0 180px;
  }

  .pt_lg--180 {
    padding-top: 180px;
  }

  .pb_lg--180 {
    padding-bottom: 180px;
  }

  .pl_lg--180 {
    padding-left: 180px;
  }

  .pr_lg--180 {
    padding-right: 180px;
  }

  .mt_lg--180 {
    margin-top: 180px;
  }

  .mb_lg--180 {
    margin-bottom: 180px;
  }

  .ml_lg--180 {
    margin-left: 180px;
  }

  .ptb_lg--185 {
    padding: 185px 0;
  }

  .plr_lg--185 {
    padding: 0 185px;
  }

  .pt_lg--185 {
    padding-top: 185px;
  }

  .pb_lg--185 {
    padding-bottom: 185px;
  }

  .pl_lg--185 {
    padding-left: 185px;
  }

  .pr_lg--185 {
    padding-right: 185px;
  }

  .mt_lg--185 {
    margin-top: 185px;
  }

  .mb_lg--185 {
    margin-bottom: 185px;
  }

  .ml_lg--185 {
    margin-left: 185px;
  }

  .ptb_lg--190 {
    padding: 190px 0;
  }

  .plr_lg--190 {
    padding: 0 190px;
  }

  .pt_lg--190 {
    padding-top: 190px;
  }

  .pb_lg--190 {
    padding-bottom: 190px;
  }

  .pl_lg--190 {
    padding-left: 190px;
  }

  .pr_lg--190 {
    padding-right: 190px;
  }

  .mt_lg--190 {
    margin-top: 190px;
  }

  .mb_lg--190 {
    margin-bottom: 190px;
  }

  .ml_lg--190 {
    margin-left: 190px;
  }

  .ptb_lg--195 {
    padding: 195px 0;
  }

  .plr_lg--195 {
    padding: 0 195px;
  }

  .pt_lg--195 {
    padding-top: 195px;
  }

  .pb_lg--195 {
    padding-bottom: 195px;
  }

  .pl_lg--195 {
    padding-left: 195px;
  }

  .pr_lg--195 {
    padding-right: 195px;
  }

  .mt_lg--195 {
    margin-top: 195px;
  }

  .mb_lg--195 {
    margin-bottom: 195px;
  }

  .ml_lg--195 {
    margin-left: 195px;
  }

  .ptb_lg--200 {
    padding: 200px 0;
  }

  .plr_lg--200 {
    padding: 0 200px;
  }

  .pt_lg--200 {
    padding-top: 200px;
  }

  .pb_lg--200 {
    padding-bottom: 200px;
  }

  .pl_lg--200 {
    padding-left: 200px;
  }

  .pr_lg--200 {
    padding-right: 200px;
  }

  .mt_lg--200 {
    margin-top: 200px;
  }

  .mb_lg--200 {
    margin-bottom: 200px;
  }

  .ml_lg--200 {
    margin-left: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb_md--0 {
    padding: 0;
  }

  .pl_md--0 {
    padding-left: 0;
  }

  .pr_md--0 {
    padding-right: 0;
  }

  .pt_md--0 {
    padding-top: 0;
  }

  .pb_md--0 {
    padding-bottom: 0;
  }

  .mr_md--0 {
    margin-right: 0;
  }

  .ml_md--0 {
    margin-left: 0;
  }

  .mt_md--0 {
    margin-top: 0;
  }

  .mb_md--0 {
    margin-bottom: 0;
  }

  .ptb_md--250 {
    padding: 250px 0;
  }

  .ptb_md--5 {
    padding: 5px 0;
  }

  .plr_md--5 {
    padding: 0 5px;
  }

  .pt_md--5 {
    padding-top: 5px;
  }

  .pb_md--5 {
    padding-bottom: 5px;
  }

  .pl_md--5 {
    padding-left: 5px;
  }

  .pr_md--5 {
    padding-right: 5px;
  }

  .mt_md--5 {
    margin-top: 5px;
  }

  .mb_md--5 {
    margin-bottom: 5px;
  }

  .ptb_md--10 {
    padding: 10px 0;
  }

  .plr_md--10 {
    padding: 0 10px;
  }

  .pt_md--10 {
    padding-top: 10px;
  }

  .pb_md--10 {
    padding-bottom: 10px;
  }

  .pl_md--10 {
    padding-left: 10px;
  }

  .pr_md--10 {
    padding-right: 10px;
  }

  .mt_md--10 {
    margin-top: 10px;
  }

  .mb_md--10 {
    margin-bottom: 10px;
  }

  .ptb_md--15 {
    padding: 15px 0;
  }

  .plr_md--15 {
    padding: 0 15px;
  }

  .pt_md--15 {
    padding-top: 15px;
  }

  .pb_md--15 {
    padding-bottom: 15px;
  }

  .pl_md--15 {
    padding-left: 15px;
  }

  .pr_md--15 {
    padding-right: 15px;
  }

  .mt_md--15 {
    margin-top: 15px;
  }

  .mb_md--15 {
    margin-bottom: 15px;
  }

  .ptb_md--20 {
    padding: 20px 0;
  }

  .plr_md--20 {
    padding: 0 20px;
  }

  .pt_md--20 {
    padding-top: 20px;
  }

  .pb_md--20 {
    padding-bottom: 20px;
  }

  .pl_md--20 {
    padding-left: 20px;
  }

  .pr_md--20 {
    padding-right: 20px;
  }

  .mt_md--20 {
    margin-top: 20px;
  }

  .mb_md--20 {
    margin-bottom: 20px;
  }

  .ptb_md--25 {
    padding: 25px 0;
  }

  .plr_md--25 {
    padding: 0 25px;
  }

  .pt_md--25 {
    padding-top: 25px;
  }

  .pb_md--25 {
    padding-bottom: 25px;
  }

  .pl_md--25 {
    padding-left: 25px;
  }

  .pr_md--25 {
    padding-right: 25px;
  }

  .mt_md--25 {
    margin-top: 25px;
  }

  .mb_md--25 {
    margin-bottom: 25px;
  }

  .ptb_md--30 {
    padding: 30px 0;
  }

  .plr_md--30 {
    padding: 0 30px;
  }

  .pt_md--30 {
    padding-top: 30px;
  }

  .pb_md--30 {
    padding-bottom: 30px;
  }

  .pl_md--30 {
    padding-left: 30px;
  }

  .pr_md--30 {
    padding-right: 30px;
  }

  .mt_md--30 {
    margin-top: 30px;
  }

  .mb_md--30 {
    margin-bottom: 30px;
  }

  .ptb_md--35 {
    padding: 35px 0;
  }

  .plr_md--35 {
    padding: 0 35px;
  }

  .pt_md--35 {
    padding-top: 35px;
  }

  .pb_md--35 {
    padding-bottom: 35px;
  }

  .pl_md--35 {
    padding-left: 35px;
  }

  .pr_md--35 {
    padding-right: 35px;
  }

  .mt_md--35 {
    margin-top: 35px;
  }

  .mb_md--35 {
    margin-bottom: 35px;
  }

  .ptb_md--40 {
    padding: 40px 0;
  }

  .plr_md--40 {
    padding: 0 40px;
  }

  .pt_md--40 {
    padding-top: 40px;
  }

  .pb_md--40 {
    padding-bottom: 40px;
  }

  .pl_md--40 {
    padding-left: 40px;
  }

  .pr_md--40 {
    padding-right: 40px;
  }

  .mt_md--40 {
    margin-top: 40px;
  }

  .mb_md--40 {
    margin-bottom: 40px;
  }

  .ptb_md--45 {
    padding: 45px 0;
  }

  .plr_md--45 {
    padding: 0 45px;
  }

  .pt_md--45 {
    padding-top: 45px;
  }

  .pb_md--45 {
    padding-bottom: 45px;
  }

  .pl_md--45 {
    padding-left: 45px;
  }

  .pr_md--45 {
    padding-right: 45px;
  }

  .mt_md--45 {
    margin-top: 45px;
  }

  .mb_md--45 {
    margin-bottom: 45px;
  }

  .ptb_md--50 {
    padding: 50px 0;
  }

  .plr_md--50 {
    padding: 0 50px;
  }

  .pt_md--50 {
    padding-top: 50px;
  }

  .pb_md--50 {
    padding-bottom: 50px;
  }

  .pl_md--50 {
    padding-left: 50px;
  }

  .pr_md--50 {
    padding-right: 50px;
  }

  .mt_md--50 {
    margin-top: 50px;
  }

  .mb_md--50 {
    margin-bottom: 50px;
  }

  .ptb_md--55 {
    padding: 55px 0;
  }

  .plr_md--55 {
    padding: 0 55px;
  }

  .pt_md--55 {
    padding-top: 55px;
  }

  .pb_md--55 {
    padding-bottom: 55px;
  }

  .pl_md--55 {
    padding-left: 55px;
  }

  .pr_md--55 {
    padding-right: 55px;
  }

  .mt_md--55 {
    margin-top: 55px;
  }

  .mb_md--55 {
    margin-bottom: 55px;
  }

  .ptb_md--60 {
    padding: 60px 0;
  }

  .plr_md--60 {
    padding: 0 60px;
  }

  .pt_md--60 {
    padding-top: 60px;
  }

  .pb_md--60 {
    padding-bottom: 60px;
  }

  .pl_md--60 {
    padding-left: 60px;
  }

  .pr_md--60 {
    padding-right: 60px;
  }

  .mt_md--60 {
    margin-top: 60px;
  }

  .mb_md--60 {
    margin-bottom: 60px;
  }

  .ptb_md--65 {
    padding: 65px 0;
  }

  .plr_md--65 {
    padding: 0 65px;
  }

  .pt_md--65 {
    padding-top: 65px;
  }

  .pb_md--65 {
    padding-bottom: 65px;
  }

  .pl_md--65 {
    padding-left: 65px;
  }

  .pr_md--65 {
    padding-right: 65px;
  }

  .mt_md--65 {
    margin-top: 65px;
  }

  .mb_md--65 {
    margin-bottom: 65px;
  }

  .ptb_md--70 {
    padding: 70px 0;
  }

  .plr_md--70 {
    padding: 0 70px;
  }

  .pt_md--70 {
    padding-top: 70px;
  }

  .pb_md--70 {
    padding-bottom: 70px;
  }

  .pl_md--70 {
    padding-left: 70px;
  }

  .pr_md--70 {
    padding-right: 70px;
  }

  .mt_md--70 {
    margin-top: 70px;
  }

  .mb_md--70 {
    margin-bottom: 70px;
  }

  .ptb_md--75 {
    padding: 75px 0;
  }

  .plr_md--75 {
    padding: 0 75px;
  }

  .pt_md--75 {
    padding-top: 75px;
  }

  .pb_md--75 {
    padding-bottom: 75px;
  }

  .pl_md--75 {
    padding-left: 75px;
  }

  .pr_md--75 {
    padding-right: 75px;
  }

  .mt_md--75 {
    margin-top: 75px;
  }

  .mb_md--75 {
    margin-bottom: 75px;
  }

  .ptb_md--80 {
    padding: 80px 0;
  }

  .plr_md--80 {
    padding: 0 80px;
  }

  .pt_md--80 {
    padding-top: 80px;
  }

  .pb_md--80 {
    padding-bottom: 80px;
  }

  .pl_md--80 {
    padding-left: 80px;
  }

  .pr_md--80 {
    padding-right: 80px;
  }

  .mt_md--80 {
    margin-top: 80px;
  }

  .mb_md--80 {
    margin-bottom: 80px;
  }

  .ptb_md--85 {
    padding: 85px 0;
  }

  .plr_md--85 {
    padding: 0 85px;
  }

  .pt_md--85 {
    padding-top: 85px;
  }

  .pb_md--85 {
    padding-bottom: 85px;
  }

  .pl_md--85 {
    padding-left: 85px;
  }

  .pr_md--85 {
    padding-right: 85px;
  }

  .mt_md--85 {
    margin-top: 85px;
  }

  .mb_md--85 {
    margin-bottom: 85px;
  }

  .ptb_md--90 {
    padding: 90px 0;
  }

  .plr_md--90 {
    padding: 0 90px;
  }

  .pt_md--90 {
    padding-top: 90px;
  }

  .pb_md--90 {
    padding-bottom: 90px;
  }

  .pl_md--90 {
    padding-left: 90px;
  }

  .pr_md--90 {
    padding-right: 90px;
  }

  .mt_md--90 {
    margin-top: 90px;
  }

  .mb_md--90 {
    margin-bottom: 90px;
  }

  .ptb_md--95 {
    padding: 95px 0;
  }

  .plr_md--95 {
    padding: 0 95px;
  }

  .pt_md--95 {
    padding-top: 95px;
  }

  .pb_md--95 {
    padding-bottom: 95px;
  }

  .pl_md--95 {
    padding-left: 95px;
  }

  .pr_md--95 {
    padding-right: 95px;
  }

  .mt_md--95 {
    margin-top: 95px;
  }

  .mb_md--95 {
    margin-bottom: 95px;
  }

  .ptb_md--100 {
    padding: 100px 0;
  }

  .plr_md--100 {
    padding: 0 100px;
  }

  .pt_md--100 {
    padding-top: 100px;
  }

  .pb_md--100 {
    padding-bottom: 100px;
  }

  .pl_md--100 {
    padding-left: 100px;
  }

  .pr_md--100 {
    padding-right: 100px;
  }

  .mt_md--100 {
    margin-top: 100px;
  }

  .mb_md--100 {
    margin-bottom: 100px;
  }

  .ptb_md--105 {
    padding: 105px 0;
  }

  .plr_md--105 {
    padding: 0 105px;
  }

  .pt_md--105 {
    padding-top: 105px;
  }

  .pb_md--105 {
    padding-bottom: 105px;
  }

  .pl_md--105 {
    padding-left: 105px;
  }

  .pr_md--105 {
    padding-right: 105px;
  }

  .mt_md--105 {
    margin-top: 105px;
  }

  .mb_md--105 {
    margin-bottom: 105px;
  }

  .ptb_md--110 {
    padding: 110px 0;
  }

  .plr_md--110 {
    padding: 0 110px;
  }

  .pt_md--110 {
    padding-top: 110px;
  }

  .pb_md--110 {
    padding-bottom: 110px;
  }

  .pl_md--110 {
    padding-left: 110px;
  }

  .pr_md--110 {
    padding-right: 110px;
  }

  .mt_md--110 {
    margin-top: 110px;
  }

  .mb_md--110 {
    margin-bottom: 110px;
  }

  .ptb_md--115 {
    padding: 115px 0;
  }

  .plr_md--115 {
    padding: 0 115px;
  }

  .pt_md--115 {
    padding-top: 115px;
  }

  .pb_md--115 {
    padding-bottom: 115px;
  }

  .pl_md--115 {
    padding-left: 115px;
  }

  .pr_md--115 {
    padding-right: 115px;
  }

  .mt_md--115 {
    margin-top: 115px;
  }

  .mb_md--115 {
    margin-bottom: 115px;
  }

  .ptb_md--120 {
    padding: 120px 0;
  }

  .plr_md--120 {
    padding: 0 120px;
  }

  .pt_md--120 {
    padding-top: 120px;
  }

  .pb_md--120 {
    padding-bottom: 120px;
  }

  .pl_md--120 {
    padding-left: 120px;
  }

  .pr_md--120 {
    padding-right: 120px;
  }

  .mt_md--120 {
    margin-top: 120px;
  }

  .mb_md--120 {
    margin-bottom: 120px;
  }

  .ptb_md--125 {
    padding: 125px 0;
  }

  .plr_md--125 {
    padding: 0 125px;
  }

  .pt_md--125 {
    padding-top: 125px;
  }

  .pb_md--125 {
    padding-bottom: 125px;
  }

  .pl_md--125 {
    padding-left: 125px;
  }

  .pr_md--125 {
    padding-right: 125px;
  }

  .mt_md--125 {
    margin-top: 125px;
  }

  .mb_md--125 {
    margin-bottom: 125px;
  }

  .ptb_md--130 {
    padding: 130px 0;
  }

  .plr_md--130 {
    padding: 0 130px;
  }

  .pt_md--130 {
    padding-top: 130px;
  }

  .pb_md--130 {
    padding-bottom: 130px;
  }

  .pl_md--130 {
    padding-left: 130px;
  }

  .pr_md--130 {
    padding-right: 130px;
  }

  .mt_md--130 {
    margin-top: 130px;
  }

  .mb_md--130 {
    margin-bottom: 130px;
  }

  .ptb_md--135 {
    padding: 135px 0;
  }

  .plr_md--135 {
    padding: 0 135px;
  }

  .pt_md--135 {
    padding-top: 135px;
  }

  .pb_md--135 {
    padding-bottom: 135px;
  }

  .pl_md--135 {
    padding-left: 135px;
  }

  .pr_md--135 {
    padding-right: 135px;
  }

  .mt_md--135 {
    margin-top: 135px;
  }

  .mb_md--135 {
    margin-bottom: 135px;
  }

  .ptb_md--140 {
    padding: 140px 0;
  }

  .plr_md--140 {
    padding: 0 140px;
  }

  .pt_md--140 {
    padding-top: 140px;
  }

  .pb_md--140 {
    padding-bottom: 140px;
  }

  .pl_md--140 {
    padding-left: 140px;
  }

  .pr_md--140 {
    padding-right: 140px;
  }

  .mt_md--140 {
    margin-top: 140px;
  }

  .mb_md--140 {
    margin-bottom: 140px;
  }

  .ptb_md--145 {
    padding: 145px 0;
  }

  .plr_md--145 {
    padding: 0 145px;
  }

  .pt_md--145 {
    padding-top: 145px;
  }

  .pb_md--145 {
    padding-bottom: 145px;
  }

  .pl_md--145 {
    padding-left: 145px;
  }

  .pr_md--145 {
    padding-right: 145px;
  }

  .mt_md--145 {
    margin-top: 145px;
  }

  .mb_md--145 {
    margin-bottom: 145px;
  }

  .ptb_md--150 {
    padding: 150px 0;
  }

  .plr_md--150 {
    padding: 0 150px;
  }

  .pt_md--150 {
    padding-top: 150px;
  }

  .pb_md--150 {
    padding-bottom: 150px;
  }

  .pl_md--150 {
    padding-left: 150px;
  }

  .pr_md--150 {
    padding-right: 150px;
  }

  .mt_md--150 {
    margin-top: 150px;
  }

  .mb_md--150 {
    margin-bottom: 150px;
  }

  .ptb_md--155 {
    padding: 155px 0;
  }

  .plr_md--155 {
    padding: 0 155px;
  }

  .pt_md--155 {
    padding-top: 155px;
  }

  .pb_md--155 {
    padding-bottom: 155px;
  }

  .pl_md--155 {
    padding-left: 155px;
  }

  .pr_md--155 {
    padding-right: 155px;
  }

  .mt_md--155 {
    margin-top: 155px;
  }

  .mb_md--155 {
    margin-bottom: 155px;
  }

  .ptb_md--160 {
    padding: 160px 0;
  }

  .plr_md--160 {
    padding: 0 160px;
  }

  .pt_md--160 {
    padding-top: 160px;
  }

  .pb_md--160 {
    padding-bottom: 160px;
  }

  .pl_md--160 {
    padding-left: 160px;
  }

  .pr_md--160 {
    padding-right: 160px;
  }

  .mt_md--160 {
    margin-top: 160px;
  }

  .mb_md--160 {
    margin-bottom: 160px;
  }

  .ptb_md--165 {
    padding: 165px 0;
  }

  .plr_md--165 {
    padding: 0 165px;
  }

  .pt_md--165 {
    padding-top: 165px;
  }

  .pb_md--165 {
    padding-bottom: 165px;
  }

  .pl_md--165 {
    padding-left: 165px;
  }

  .pr_md--165 {
    padding-right: 165px;
  }

  .mt_md--165 {
    margin-top: 165px;
  }

  .mb_md--165 {
    margin-bottom: 165px;
  }

  .ptb_md--170 {
    padding: 170px 0;
  }

  .plr_md--170 {
    padding: 0 170px;
  }

  .pt_md--170 {
    padding-top: 170px;
  }

  .pb_md--170 {
    padding-bottom: 170px;
  }

  .pl_md--170 {
    padding-left: 170px;
  }

  .pr_md--170 {
    padding-right: 170px;
  }

  .mt_md--170 {
    margin-top: 170px;
  }

  .mb_md--170 {
    margin-bottom: 170px;
  }

  .ptb_md--175 {
    padding: 175px 0;
  }

  .plr_md--175 {
    padding: 0 175px;
  }

  .pt_md--175 {
    padding-top: 175px;
  }

  .pb_md--175 {
    padding-bottom: 175px;
  }

  .pl_md--175 {
    padding-left: 175px;
  }

  .pr_md--175 {
    padding-right: 175px;
  }

  .mt_md--175 {
    margin-top: 175px;
  }

  .mb_md--175 {
    margin-bottom: 175px;
  }

  .ptb_md--180 {
    padding: 180px 0;
  }

  .plr_md--180 {
    padding: 0 180px;
  }

  .pt_md--180 {
    padding-top: 180px;
  }

  .pb_md--180 {
    padding-bottom: 180px;
  }

  .pl_md--180 {
    padding-left: 180px;
  }

  .pr_md--180 {
    padding-right: 180px;
  }

  .mt_md--180 {
    margin-top: 180px;
  }

  .mb_md--180 {
    margin-bottom: 180px;
  }

  .ptb_md--185 {
    padding: 185px 0;
  }

  .plr_md--185 {
    padding: 0 185px;
  }

  .pt_md--185 {
    padding-top: 185px;
  }

  .pb_md--185 {
    padding-bottom: 185px;
  }

  .pl_md--185 {
    padding-left: 185px;
  }

  .pr_md--185 {
    padding-right: 185px;
  }

  .mt_md--185 {
    margin-top: 185px;
  }

  .mb_md--185 {
    margin-bottom: 185px;
  }

  .ptb_md--190 {
    padding: 190px 0;
  }

  .plr_md--190 {
    padding: 0 190px;
  }

  .pt_md--190 {
    padding-top: 190px;
  }

  .pb_md--190 {
    padding-bottom: 190px;
  }

  .pl_md--190 {
    padding-left: 190px;
  }

  .pr_md--190 {
    padding-right: 190px;
  }

  .mt_md--190 {
    margin-top: 190px;
  }

  .mb_md--190 {
    margin-bottom: 190px;
  }

  .ptb_md--195 {
    padding: 195px 0;
  }

  .plr_md--195 {
    padding: 0 195px;
  }

  .pt_md--195 {
    padding-top: 195px;
  }

  .pb_md--195 {
    padding-bottom: 195px;
  }

  .pl_md--195 {
    padding-left: 195px;
  }

  .pr_md--195 {
    padding-right: 195px;
  }

  .mt_md--195 {
    margin-top: 195px;
  }

  .mb_md--195 {
    margin-bottom: 195px;
  }

  .ptb_md--200 {
    padding: 200px 0;
  }

  .plr_md--200 {
    padding: 0 200px;
  }

  .pt_md--200 {
    padding-top: 200px;
  }

  .pb_md--200 {
    padding-bottom: 200px;
  }

  .pl_md--200 {
    padding-left: 200px;
  }

  .pr_md--200 {
    padding-right: 200px;
  }

  .mt_md--200 {
    margin-top: 200px;
  }

  .mb_md--200 {
    margin-bottom: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .ptb_sm--250 {
    padding: 250px 0;
  }

  .ptb_sm--0 {
    padding: 0;
  }

  .pl_sm--0 {
    padding-left: 0;
  }

  .pr_sm--0 {
    padding-right: 0;
  }

  .pt_sm--0 {
    padding-top: 0;
  }

  .pb_sm--0 {
    padding-bottom: 0;
  }

  .mr_sm--0 {
    margin-right: 0;
  }

  .ml_sm--0 {
    margin-left: 0;
  }

  .mt_sm--0 {
    margin-top: 0;
  }

  .mb_sm--0 {
    margin-bottom: 0;
  }

  .pt_sm--150 {
    padding-top: 150px;
  }

  .pb_sm--110 {
    padding-bottom: 110px;
  }

  .ptb_sm--5 {
    padding: 5px 0;
  }

  .plr_sm--5 {
    padding: 0 5px;
  }

  .pt_sm--5 {
    padding-top: 5px;
  }

  .pb_sm--5 {
    padding-bottom: 5px;
  }

  .pl_sm--5 {
    padding-left: 5px;
  }

  .pr_sm--5 {
    padding-right: 5px;
  }

  .mt_sm--5 {
    margin-top: 5px !important;
  }

  .ml_sm--5 {
    margin-left: 5px;
  }

  .mr_sm--5 {
    margin-right: 5px;
  }

  .mb_sm--5 {
    margin-bottom: 5px;
  }

  .ptb_sm--10 {
    padding: 10px 0;
  }

  .plr_sm--10 {
    padding: 0 10px;
  }

  .pt_sm--10 {
    padding-top: 10px;
  }

  .pb_sm--10 {
    padding-bottom: 10px;
  }

  .pl_sm--10 {
    padding-left: 10px;
  }

  .pr_sm--10 {
    padding-right: 10px;
  }

  .mt_sm--10 {
    margin-top: 10px !important;
  }

  .ml_sm--10 {
    margin-left: 10px;
  }

  .mr_sm--10 {
    margin-right: 10px;
  }

  .mb_sm--10 {
    margin-bottom: 10px;
  }

  .ptb_sm--15 {
    padding: 15px 0;
  }

  .plr_sm--15 {
    padding: 0 15px;
  }

  .pt_sm--15 {
    padding-top: 15px;
  }

  .pb_sm--15 {
    padding-bottom: 15px;
  }

  .pl_sm--15 {
    padding-left: 15px;
  }

  .pr_sm--15 {
    padding-right: 15px;
  }

  .mt_sm--15 {
    margin-top: 15px !important;
  }

  .ml_sm--15 {
    margin-left: 15px;
  }

  .mr_sm--15 {
    margin-right: 15px;
  }

  .mb_sm--15 {
    margin-bottom: 15px;
  }

  .ptb_sm--20 {
    padding: 20px 0;
  }

  .plr_sm--20 {
    padding: 0 20px;
  }

  .pt_sm--20 {
    padding-top: 20px;
  }

  .pb_sm--20 {
    padding-bottom: 20px;
  }

  .pl_sm--20 {
    padding-left: 20px;
  }

  .pr_sm--20 {
    padding-right: 20px;
  }

  .mt_sm--20 {
    margin-top: 20px !important;
  }

  .ml_sm--20 {
    margin-left: 20px;
  }

  .mr_sm--20 {
    margin-right: 20px;
  }

  .mb_sm--20 {
    margin-bottom: 20px;
  }

  .ptb_sm--25 {
    padding: 25px 0;
  }

  .plr_sm--25 {
    padding: 0 25px;
  }

  .pt_sm--25 {
    padding-top: 25px;
  }

  .pb_sm--25 {
    padding-bottom: 25px;
  }

  .pl_sm--25 {
    padding-left: 25px;
  }

  .pr_sm--25 {
    padding-right: 25px;
  }

  .mt_sm--25 {
    margin-top: 25px !important;
  }

  .ml_sm--25 {
    margin-left: 25px;
  }

  .mr_sm--25 {
    margin-right: 25px;
  }

  .mb_sm--25 {
    margin-bottom: 25px;
  }

  .ptb_sm--30 {
    padding: 30px 0;
  }

  .plr_sm--30 {
    padding: 0 30px;
  }

  .pt_sm--30 {
    padding-top: 30px;
  }

  .pb_sm--30 {
    padding-bottom: 30px;
  }

  .pl_sm--30 {
    padding-left: 30px;
  }

  .pr_sm--30 {
    padding-right: 30px;
  }

  .mt_sm--30 {
    margin-top: 30px !important;
  }

  .ml_sm--30 {
    margin-left: 30px;
  }

  .mr_sm--30 {
    margin-right: 30px;
  }

  .mb_sm--30 {
    margin-bottom: 30px;
  }

  .ptb_sm--35 {
    padding: 35px 0;
  }

  .plr_sm--35 {
    padding: 0 35px;
  }

  .pt_sm--35 {
    padding-top: 35px;
  }

  .pb_sm--35 {
    padding-bottom: 35px;
  }

  .pl_sm--35 {
    padding-left: 35px;
  }

  .pr_sm--35 {
    padding-right: 35px;
  }

  .mt_sm--35 {
    margin-top: 35px !important;
  }

  .ml_sm--35 {
    margin-left: 35px;
  }

  .mr_sm--35 {
    margin-right: 35px;
  }

  .mb_sm--35 {
    margin-bottom: 35px;
  }

  .ptb_sm--40 {
    padding: 40px 0;
  }

  .plr_sm--40 {
    padding: 0 40px;
  }

  .pt_sm--40 {
    padding-top: 40px;
  }

  .pb_sm--40 {
    padding-bottom: 40px;
  }

  .pl_sm--40 {
    padding-left: 40px;
  }

  .pr_sm--40 {
    padding-right: 40px;
  }

  .mt_sm--40 {
    margin-top: 40px !important;
  }

  .ml_sm--40 {
    margin-left: 40px;
  }

  .mr_sm--40 {
    margin-right: 40px;
  }

  .mb_sm--40 {
    margin-bottom: 40px;
  }

  .ptb_sm--45 {
    padding: 45px 0;
  }

  .plr_sm--45 {
    padding: 0 45px;
  }

  .pt_sm--45 {
    padding-top: 45px;
  }

  .pb_sm--45 {
    padding-bottom: 45px;
  }

  .pl_sm--45 {
    padding-left: 45px;
  }

  .pr_sm--45 {
    padding-right: 45px;
  }

  .mt_sm--45 {
    margin-top: 45px !important;
  }

  .ml_sm--45 {
    margin-left: 45px;
  }

  .mr_sm--45 {
    margin-right: 45px;
  }

  .mb_sm--45 {
    margin-bottom: 45px;
  }

  .ptb_sm--50 {
    padding: 50px 0;
  }

  .plr_sm--50 {
    padding: 0 50px;
  }

  .pt_sm--50 {
    padding-top: 50px;
  }

  .pb_sm--50 {
    padding-bottom: 50px;
  }

  .pl_sm--50 {
    padding-left: 50px;
  }

  .pr_sm--50 {
    padding-right: 50px;
  }

  .mt_sm--50 {
    margin-top: 50px !important;
  }

  .ml_sm--50 {
    margin-left: 50px;
  }

  .mr_sm--50 {
    margin-right: 50px;
  }

  .mb_sm--50 {
    margin-bottom: 50px;
  }

  .ptb_sm--55 {
    padding: 55px 0;
  }

  .plr_sm--55 {
    padding: 0 55px;
  }

  .pt_sm--55 {
    padding-top: 55px;
  }

  .pb_sm--55 {
    padding-bottom: 55px;
  }

  .pl_sm--55 {
    padding-left: 55px;
  }

  .pr_sm--55 {
    padding-right: 55px;
  }

  .mt_sm--55 {
    margin-top: 55px !important;
  }

  .ml_sm--55 {
    margin-left: 55px;
  }

  .mr_sm--55 {
    margin-right: 55px;
  }

  .mb_sm--55 {
    margin-bottom: 55px;
  }

  .ptb_sm--60 {
    padding: 60px 0;
  }

  .plr_sm--60 {
    padding: 0 60px;
  }

  .pt_sm--60 {
    padding-top: 60px;
  }

  .pb_sm--60 {
    padding-bottom: 60px;
  }

  .pl_sm--60 {
    padding-left: 60px;
  }

  .pr_sm--60 {
    padding-right: 60px;
  }

  .mt_sm--60 {
    margin-top: 60px !important;
  }

  .ml_sm--60 {
    margin-left: 60px;
  }

  .mr_sm--60 {
    margin-right: 60px;
  }

  .mb_sm--60 {
    margin-bottom: 60px;
  }

  .ptb_sm--65 {
    padding: 65px 0;
  }

  .plr_sm--65 {
    padding: 0 65px;
  }

  .pt_sm--65 {
    padding-top: 65px;
  }

  .pb_sm--65 {
    padding-bottom: 65px;
  }

  .pl_sm--65 {
    padding-left: 65px;
  }

  .pr_sm--65 {
    padding-right: 65px;
  }

  .mt_sm--65 {
    margin-top: 65px !important;
  }

  .ml_sm--65 {
    margin-left: 65px;
  }

  .mr_sm--65 {
    margin-right: 65px;
  }

  .mb_sm--65 {
    margin-bottom: 65px;
  }

  .ptb_sm--70 {
    padding: 70px 0;
  }

  .plr_sm--70 {
    padding: 0 70px;
  }

  .pt_sm--70 {
    padding-top: 70px;
  }

  .pb_sm--70 {
    padding-bottom: 70px;
  }

  .pl_sm--70 {
    padding-left: 70px;
  }

  .pr_sm--70 {
    padding-right: 70px;
  }

  .mt_sm--70 {
    margin-top: 70px !important;
  }

  .ml_sm--70 {
    margin-left: 70px;
  }

  .mr_sm--70 {
    margin-right: 70px;
  }

  .mb_sm--70 {
    margin-bottom: 70px;
  }

  .ptb_sm--75 {
    padding: 75px 0;
  }

  .plr_sm--75 {
    padding: 0 75px;
  }

  .pt_sm--75 {
    padding-top: 75px;
  }

  .pb_sm--75 {
    padding-bottom: 75px;
  }

  .pl_sm--75 {
    padding-left: 75px;
  }

  .pr_sm--75 {
    padding-right: 75px;
  }

  .mt_sm--75 {
    margin-top: 75px !important;
  }

  .ml_sm--75 {
    margin-left: 75px;
  }

  .mr_sm--75 {
    margin-right: 75px;
  }

  .mb_sm--75 {
    margin-bottom: 75px;
  }

  .ptb_sm--80 {
    padding: 80px 0;
  }

  .plr_sm--80 {
    padding: 0 80px;
  }

  .pt_sm--80 {
    padding-top: 80px;
  }

  .pb_sm--80 {
    padding-bottom: 80px;
  }

  .pl_sm--80 {
    padding-left: 80px;
  }

  .pr_sm--80 {
    padding-right: 80px;
  }

  .mt_sm--80 {
    margin-top: 80px !important;
  }

  .ml_sm--80 {
    margin-left: 80px;
  }

  .mr_sm--80 {
    margin-right: 80px;
  }

  .mb_sm--80 {
    margin-bottom: 80px;
  }

  .ptb_sm--85 {
    padding: 85px 0;
  }

  .plr_sm--85 {
    padding: 0 85px;
  }

  .pt_sm--85 {
    padding-top: 85px;
  }

  .pb_sm--85 {
    padding-bottom: 85px;
  }

  .pl_sm--85 {
    padding-left: 85px;
  }

  .pr_sm--85 {
    padding-right: 85px;
  }

  .mt_sm--85 {
    margin-top: 85px !important;
  }

  .ml_sm--85 {
    margin-left: 85px;
  }

  .mr_sm--85 {
    margin-right: 85px;
  }

  .mb_sm--85 {
    margin-bottom: 85px;
  }

  .ptb_sm--90 {
    padding: 90px 0;
  }

  .plr_sm--90 {
    padding: 0 90px;
  }

  .pt_sm--90 {
    padding-top: 90px;
  }

  .pb_sm--90 {
    padding-bottom: 90px;
  }

  .pl_sm--90 {
    padding-left: 90px;
  }

  .pr_sm--90 {
    padding-right: 90px;
  }

  .mt_sm--90 {
    margin-top: 90px !important;
  }

  .ml_sm--90 {
    margin-left: 90px;
  }

  .mr_sm--90 {
    margin-right: 90px;
  }

  .mb_sm--90 {
    margin-bottom: 90px;
  }

  .ptb_sm--95 {
    padding: 95px 0;
  }

  .plr_sm--95 {
    padding: 0 95px;
  }

  .pt_sm--95 {
    padding-top: 95px;
  }

  .pb_sm--95 {
    padding-bottom: 95px;
  }

  .pl_sm--95 {
    padding-left: 95px;
  }

  .pr_sm--95 {
    padding-right: 95px;
  }

  .mt_sm--95 {
    margin-top: 95px !important;
  }

  .ml_sm--95 {
    margin-left: 95px;
  }

  .mr_sm--95 {
    margin-right: 95px;
  }

  .mb_sm--95 {
    margin-bottom: 95px;
  }

  .ptb_sm--100 {
    padding: 100px 0;
  }

  .plr_sm--100 {
    padding: 0 100px;
  }

  .pt_sm--100 {
    padding-top: 100px;
  }

  .pb_sm--100 {
    padding-bottom: 100px;
  }

  .pl_sm--100 {
    padding-left: 100px;
  }

  .pr_sm--100 {
    padding-right: 100px;
  }

  .mt_sm--100 {
    margin-top: 100px !important;
  }

  .ml_sm--100 {
    margin-left: 100px;
  }

  .mr_sm--100 {
    margin-right: 100px;
  }

  .mb_sm--100 {
    margin-bottom: 100px;
  }

  .ptb_sm--105 {
    padding: 105px 0;
  }

  .plr_sm--105 {
    padding: 0 105px;
  }

  .pt_sm--105 {
    padding-top: 105px;
  }

  .pb_sm--105 {
    padding-bottom: 105px;
  }

  .pl_sm--105 {
    padding-left: 105px;
  }

  .pr_sm--105 {
    padding-right: 105px;
  }

  .mt_sm--105 {
    margin-top: 105px !important;
  }

  .ml_sm--105 {
    margin-left: 105px;
  }

  .mr_sm--105 {
    margin-right: 105px;
  }

  .mb_sm--105 {
    margin-bottom: 105px;
  }

  .ptb_sm--110 {
    padding: 110px 0;
  }

  .plr_sm--110 {
    padding: 0 110px;
  }

  .pt_sm--110 {
    padding-top: 110px;
  }

  .pb_sm--110 {
    padding-bottom: 110px;
  }

  .pl_sm--110 {
    padding-left: 110px;
  }

  .pr_sm--110 {
    padding-right: 110px;
  }

  .mt_sm--110 {
    margin-top: 110px !important;
  }

  .ml_sm--110 {
    margin-left: 110px;
  }

  .mr_sm--110 {
    margin-right: 110px;
  }

  .mb_sm--110 {
    margin-bottom: 110px;
  }

  .ptb_sm--115 {
    padding: 115px 0;
  }

  .plr_sm--115 {
    padding: 0 115px;
  }

  .pt_sm--115 {
    padding-top: 115px;
  }

  .pb_sm--115 {
    padding-bottom: 115px;
  }

  .pl_sm--115 {
    padding-left: 115px;
  }

  .pr_sm--115 {
    padding-right: 115px;
  }

  .mt_sm--115 {
    margin-top: 115px !important;
  }

  .ml_sm--115 {
    margin-left: 115px;
  }

  .mr_sm--115 {
    margin-right: 115px;
  }

  .mb_sm--115 {
    margin-bottom: 115px;
  }

  .ptb_sm--120 {
    padding: 120px 0;
  }

  .plr_sm--120 {
    padding: 0 120px;
  }

  .pt_sm--120 {
    padding-top: 120px;
  }

  .pb_sm--120 {
    padding-bottom: 120px;
  }

  .pl_sm--120 {
    padding-left: 120px;
  }

  .pr_sm--120 {
    padding-right: 120px;
  }

  .mt_sm--120 {
    margin-top: 120px !important;
  }

  .ml_sm--120 {
    margin-left: 120px;
  }

  .mr_sm--120 {
    margin-right: 120px;
  }

  .mb_sm--120 {
    margin-bottom: 120px;
  }

  .ptb_sm--125 {
    padding: 125px 0;
  }

  .plr_sm--125 {
    padding: 0 125px;
  }

  .pt_sm--125 {
    padding-top: 125px;
  }

  .pb_sm--125 {
    padding-bottom: 125px;
  }

  .pl_sm--125 {
    padding-left: 125px;
  }

  .pr_sm--125 {
    padding-right: 125px;
  }

  .mt_sm--125 {
    margin-top: 125px !important;
  }

  .ml_sm--125 {
    margin-left: 125px;
  }

  .mr_sm--125 {
    margin-right: 125px;
  }

  .mb_sm--125 {
    margin-bottom: 125px;
  }

  .ptb_sm--130 {
    padding: 130px 0;
  }

  .plr_sm--130 {
    padding: 0 130px;
  }

  .pt_sm--130 {
    padding-top: 130px;
  }

  .pb_sm--130 {
    padding-bottom: 130px;
  }

  .pl_sm--130 {
    padding-left: 130px;
  }

  .pr_sm--130 {
    padding-right: 130px;
  }

  .mt_sm--130 {
    margin-top: 130px !important;
  }

  .ml_sm--130 {
    margin-left: 130px;
  }

  .mr_sm--130 {
    margin-right: 130px;
  }

  .mb_sm--130 {
    margin-bottom: 130px;
  }

  .ptb_sm--135 {
    padding: 135px 0;
  }

  .plr_sm--135 {
    padding: 0 135px;
  }

  .pt_sm--135 {
    padding-top: 135px;
  }

  .pb_sm--135 {
    padding-bottom: 135px;
  }

  .pl_sm--135 {
    padding-left: 135px;
  }

  .pr_sm--135 {
    padding-right: 135px;
  }

  .mt_sm--135 {
    margin-top: 135px !important;
  }

  .ml_sm--135 {
    margin-left: 135px;
  }

  .mr_sm--135 {
    margin-right: 135px;
  }

  .mb_sm--135 {
    margin-bottom: 135px;
  }

  .ptb_sm--140 {
    padding: 140px 0;
  }

  .plr_sm--140 {
    padding: 0 140px;
  }

  .pt_sm--140 {
    padding-top: 140px;
  }

  .pb_sm--140 {
    padding-bottom: 140px;
  }

  .pl_sm--140 {
    padding-left: 140px;
  }

  .pr_sm--140 {
    padding-right: 140px;
  }

  .mt_sm--140 {
    margin-top: 140px !important;
  }

  .ml_sm--140 {
    margin-left: 140px;
  }

  .mr_sm--140 {
    margin-right: 140px;
  }

  .mb_sm--140 {
    margin-bottom: 140px;
  }

  .ptb_sm--145 {
    padding: 145px 0;
  }

  .plr_sm--145 {
    padding: 0 145px;
  }

  .pt_sm--145 {
    padding-top: 145px;
  }

  .pb_sm--145 {
    padding-bottom: 145px;
  }

  .pl_sm--145 {
    padding-left: 145px;
  }

  .pr_sm--145 {
    padding-right: 145px;
  }

  .mt_sm--145 {
    margin-top: 145px !important;
  }

  .ml_sm--145 {
    margin-left: 145px;
  }

  .mr_sm--145 {
    margin-right: 145px;
  }

  .mb_sm--145 {
    margin-bottom: 145px;
  }

  .ptb_sm--150 {
    padding: 150px 0;
  }

  .plr_sm--150 {
    padding: 0 150px;
  }

  .pt_sm--150 {
    padding-top: 150px;
  }

  .pb_sm--150 {
    padding-bottom: 150px;
  }

  .pl_sm--150 {
    padding-left: 150px;
  }

  .pr_sm--150 {
    padding-right: 150px;
  }

  .mt_sm--150 {
    margin-top: 150px !important;
  }

  .ml_sm--150 {
    margin-left: 150px;
  }

  .mr_sm--150 {
    margin-right: 150px;
  }

  .mb_sm--150 {
    margin-bottom: 150px;
  }

  .ptb_sm--155 {
    padding: 155px 0;
  }

  .plr_sm--155 {
    padding: 0 155px;
  }

  .pt_sm--155 {
    padding-top: 155px;
  }

  .pb_sm--155 {
    padding-bottom: 155px;
  }

  .pl_sm--155 {
    padding-left: 155px;
  }

  .pr_sm--155 {
    padding-right: 155px;
  }

  .mt_sm--155 {
    margin-top: 155px !important;
  }

  .ml_sm--155 {
    margin-left: 155px;
  }

  .mr_sm--155 {
    margin-right: 155px;
  }

  .mb_sm--155 {
    margin-bottom: 155px;
  }

  .ptb_sm--160 {
    padding: 160px 0;
  }

  .plr_sm--160 {
    padding: 0 160px;
  }

  .pt_sm--160 {
    padding-top: 160px;
  }

  .pb_sm--160 {
    padding-bottom: 160px;
  }

  .pl_sm--160 {
    padding-left: 160px;
  }

  .pr_sm--160 {
    padding-right: 160px;
  }

  .mt_sm--160 {
    margin-top: 160px !important;
  }

  .ml_sm--160 {
    margin-left: 160px;
  }

  .mr_sm--160 {
    margin-right: 160px;
  }

  .mb_sm--160 {
    margin-bottom: 160px;
  }

  .ptb_sm--165 {
    padding: 165px 0;
  }

  .plr_sm--165 {
    padding: 0 165px;
  }

  .pt_sm--165 {
    padding-top: 165px;
  }

  .pb_sm--165 {
    padding-bottom: 165px;
  }

  .pl_sm--165 {
    padding-left: 165px;
  }

  .pr_sm--165 {
    padding-right: 165px;
  }

  .mt_sm--165 {
    margin-top: 165px !important;
  }

  .ml_sm--165 {
    margin-left: 165px;
  }

  .mr_sm--165 {
    margin-right: 165px;
  }

  .mb_sm--165 {
    margin-bottom: 165px;
  }

  .ptb_sm--170 {
    padding: 170px 0;
  }

  .plr_sm--170 {
    padding: 0 170px;
  }

  .pt_sm--170 {
    padding-top: 170px;
  }

  .pb_sm--170 {
    padding-bottom: 170px;
  }

  .pl_sm--170 {
    padding-left: 170px;
  }

  .pr_sm--170 {
    padding-right: 170px;
  }

  .mt_sm--170 {
    margin-top: 170px !important;
  }

  .ml_sm--170 {
    margin-left: 170px;
  }

  .mr_sm--170 {
    margin-right: 170px;
  }

  .mb_sm--170 {
    margin-bottom: 170px;
  }

  .ptb_sm--175 {
    padding: 175px 0;
  }

  .plr_sm--175 {
    padding: 0 175px;
  }

  .pt_sm--175 {
    padding-top: 175px;
  }

  .pb_sm--175 {
    padding-bottom: 175px;
  }

  .pl_sm--175 {
    padding-left: 175px;
  }

  .pr_sm--175 {
    padding-right: 175px;
  }

  .mt_sm--175 {
    margin-top: 175px !important;
  }

  .ml_sm--175 {
    margin-left: 175px;
  }

  .mr_sm--175 {
    margin-right: 175px;
  }

  .mb_sm--175 {
    margin-bottom: 175px;
  }

  .ptb_sm--180 {
    padding: 180px 0;
  }

  .plr_sm--180 {
    padding: 0 180px;
  }

  .pt_sm--180 {
    padding-top: 180px;
  }

  .pb_sm--180 {
    padding-bottom: 180px;
  }

  .pl_sm--180 {
    padding-left: 180px;
  }

  .pr_sm--180 {
    padding-right: 180px;
  }

  .mt_sm--180 {
    margin-top: 180px !important;
  }

  .ml_sm--180 {
    margin-left: 180px;
  }

  .mr_sm--180 {
    margin-right: 180px;
  }

  .mb_sm--180 {
    margin-bottom: 180px;
  }

  .ptb_sm--185 {
    padding: 185px 0;
  }

  .plr_sm--185 {
    padding: 0 185px;
  }

  .pt_sm--185 {
    padding-top: 185px;
  }

  .pb_sm--185 {
    padding-bottom: 185px;
  }

  .pl_sm--185 {
    padding-left: 185px;
  }

  .pr_sm--185 {
    padding-right: 185px;
  }

  .mt_sm--185 {
    margin-top: 185px !important;
  }

  .ml_sm--185 {
    margin-left: 185px;
  }

  .mr_sm--185 {
    margin-right: 185px;
  }

  .mb_sm--185 {
    margin-bottom: 185px;
  }

  .ptb_sm--190 {
    padding: 190px 0;
  }

  .plr_sm--190 {
    padding: 0 190px;
  }

  .pt_sm--190 {
    padding-top: 190px;
  }

  .pb_sm--190 {
    padding-bottom: 190px;
  }

  .pl_sm--190 {
    padding-left: 190px;
  }

  .pr_sm--190 {
    padding-right: 190px;
  }

  .mt_sm--190 {
    margin-top: 190px !important;
  }

  .ml_sm--190 {
    margin-left: 190px;
  }

  .mr_sm--190 {
    margin-right: 190px;
  }

  .mb_sm--190 {
    margin-bottom: 190px;
  }

  .ptb_sm--195 {
    padding: 195px 0;
  }

  .plr_sm--195 {
    padding: 0 195px;
  }

  .pt_sm--195 {
    padding-top: 195px;
  }

  .pb_sm--195 {
    padding-bottom: 195px;
  }

  .pl_sm--195 {
    padding-left: 195px;
  }

  .pr_sm--195 {
    padding-right: 195px;
  }

  .mt_sm--195 {
    margin-top: 195px !important;
  }

  .ml_sm--195 {
    margin-left: 195px;
  }

  .mr_sm--195 {
    margin-right: 195px;
  }

  .mb_sm--195 {
    margin-bottom: 195px;
  }

  .ptb_sm--200 {
    padding: 200px 0;
  }

  .plr_sm--200 {
    padding: 0 200px;
  }

  .pt_sm--200 {
    padding-top: 200px;
  }

  .pb_sm--200 {
    padding-bottom: 200px;
  }

  .pl_sm--200 {
    padding-left: 200px;
  }

  .pr_sm--200 {
    padding-right: 200px;
  }

  .mt_sm--200 {
    margin-top: 200px !important;
  }

  .ml_sm--200 {
    margin-left: 200px;
  }

  .mr_sm--200 {
    margin-right: 200px;
  }

  .mb_sm--200 {
    margin-bottom: 200px;
  }

  .pl_sm--0 {
    padding-left: 0;
  }

  .pr_sm--0 {
    padding-right: 0;
  }

  .pt_sm--0 {
    padding-top: 0;
  }

  .pb_sm--0 {
    padding-bottom: 0;
  }

  .mr_sm--0 {
    margin-right: 0;
  }

  .ml_sm--0 {
    margin-left: 0;
  }

  .mt_sm--0 {
    margin-top: 0;
  }

  .mb_sm--0 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .ptb_mobile--5 {
    padding: 5px 0;
  }

  .plr_mobile--5 {
    padding: 0 5px;
  }

  .pt_mobile--5 {
    padding-top: 5px;
  }

  .pb_mobile--5 {
    padding-bottom: 5px;
  }

  .pl_mobile--5 {
    padding-left: 5px;
  }

  .pr_mobile--5 {
    padding-right: 5px;
  }

  .mt_mobile--5 {
    margin-top: 5px;
  }

  .mb_mobile--5 {
    margin-bottom: 5px;
  }

  .ptb_mobile--10 {
    padding: 10px 0;
  }

  .plr_mobile--10 {
    padding: 0 10px;
  }

  .pt_mobile--10 {
    padding-top: 10px;
  }

  .pb_mobile--10 {
    padding-bottom: 10px;
  }

  .pl_mobile--10 {
    padding-left: 10px;
  }

  .pr_mobile--10 {
    padding-right: 10px;
  }

  .mt_mobile--10 {
    margin-top: 10px;
  }

  .mb_mobile--10 {
    margin-bottom: 10px;
  }

  .ptb_mobile--15 {
    padding: 15px 0;
  }

  .plr_mobile--15 {
    padding: 0 15px;
  }

  .pt_mobile--15 {
    padding-top: 15px;
  }

  .pb_mobile--15 {
    padding-bottom: 15px;
  }

  .pl_mobile--15 {
    padding-left: 15px;
  }

  .pr_mobile--15 {
    padding-right: 15px;
  }

  .mt_mobile--15 {
    margin-top: 15px;
  }

  .mb_mobile--15 {
    margin-bottom: 15px;
  }

  .ptb_mobile--20 {
    padding: 20px 0;
  }

  .plr_mobile--20 {
    padding: 0 20px;
  }

  .pt_mobile--20 {
    padding-top: 20px;
  }

  .pb_mobile--20 {
    padding-bottom: 20px;
  }

  .pl_mobile--20 {
    padding-left: 20px;
  }

  .pr_mobile--20 {
    padding-right: 20px;
  }

  .mt_mobile--20 {
    margin-top: 20px;
  }

  .mb_mobile--20 {
    margin-bottom: 20px;
  }

  .ptb_mobile--25 {
    padding: 25px 0;
  }

  .plr_mobile--25 {
    padding: 0 25px;
  }

  .pt_mobile--25 {
    padding-top: 25px;
  }

  .pb_mobile--25 {
    padding-bottom: 25px;
  }

  .pl_mobile--25 {
    padding-left: 25px;
  }

  .pr_mobile--25 {
    padding-right: 25px;
  }

  .mt_mobile--25 {
    margin-top: 25px;
  }

  .mb_mobile--25 {
    margin-bottom: 25px;
  }

  .ptb_mobile--30 {
    padding: 30px 0;
  }

  .plr_mobile--30 {
    padding: 0 30px;
  }

  .pt_mobile--30 {
    padding-top: 30px;
  }

  .pb_mobile--30 {
    padding-bottom: 30px;
  }

  .pl_mobile--30 {
    padding-left: 30px;
  }

  .pr_mobile--30 {
    padding-right: 30px;
  }

  .mt_mobile--30 {
    margin-top: 30px;
  }

  .mb_mobile--30 {
    margin-bottom: 30px;
  }

  .ptb_mobile--35 {
    padding: 35px 0;
  }

  .plr_mobile--35 {
    padding: 0 35px;
  }

  .pt_mobile--35 {
    padding-top: 35px;
  }

  .pb_mobile--35 {
    padding-bottom: 35px;
  }

  .pl_mobile--35 {
    padding-left: 35px;
  }

  .pr_mobile--35 {
    padding-right: 35px;
  }

  .mt_mobile--35 {
    margin-top: 35px;
  }

  .mb_mobile--35 {
    margin-bottom: 35px;
  }

  .ptb_mobile--40 {
    padding: 40px 0;
  }

  .plr_mobile--40 {
    padding: 0 40px;
  }

  .pt_mobile--40 {
    padding-top: 40px;
  }

  .pb_mobile--40 {
    padding-bottom: 40px;
  }

  .pl_mobile--40 {
    padding-left: 40px;
  }

  .pr_mobile--40 {
    padding-right: 40px;
  }

  .mt_mobile--40 {
    margin-top: 40px;
  }

  .mb_mobile--40 {
    margin-bottom: 40px;
  }

  .ptb_mobile--45 {
    padding: 45px 0;
  }

  .plr_mobile--45 {
    padding: 0 45px;
  }

  .pt_mobile--45 {
    padding-top: 45px;
  }

  .pb_mobile--45 {
    padding-bottom: 45px;
  }

  .pl_mobile--45 {
    padding-left: 45px;
  }

  .pr_mobile--45 {
    padding-right: 45px;
  }

  .mt_mobile--45 {
    margin-top: 45px;
  }

  .mb_mobile--45 {
    margin-bottom: 45px;
  }

  .ptb_mobile--50 {
    padding: 50px 0;
  }

  .plr_mobile--50 {
    padding: 0 50px;
  }

  .pt_mobile--50 {
    padding-top: 50px;
  }

  .pb_mobile--50 {
    padding-bottom: 50px;
  }

  .pl_mobile--50 {
    padding-left: 50px;
  }

  .pr_mobile--50 {
    padding-right: 50px;
  }

  .mt_mobile--50 {
    margin-top: 50px;
  }

  .mb_mobile--50 {
    margin-bottom: 50px;
  }

  .ptb_mobile--55 {
    padding: 55px 0;
  }

  .plr_mobile--55 {
    padding: 0 55px;
  }

  .pt_mobile--55 {
    padding-top: 55px;
  }

  .pb_mobile--55 {
    padding-bottom: 55px;
  }

  .pl_mobile--55 {
    padding-left: 55px;
  }

  .pr_mobile--55 {
    padding-right: 55px;
  }

  .mt_mobile--55 {
    margin-top: 55px;
  }

  .mb_mobile--55 {
    margin-bottom: 55px;
  }

  .ptb_mobile--60 {
    padding: 60px 0;
  }

  .plr_mobile--60 {
    padding: 0 60px;
  }

  .pt_mobile--60 {
    padding-top: 60px;
  }

  .pb_mobile--60 {
    padding-bottom: 60px;
  }

  .pl_mobile--60 {
    padding-left: 60px;
  }

  .pr_mobile--60 {
    padding-right: 60px;
  }

  .mt_mobile--60 {
    margin-top: 60px;
  }

  .mb_mobile--60 {
    margin-bottom: 60px;
  }

  .ptb_mobile--65 {
    padding: 65px 0;
  }

  .plr_mobile--65 {
    padding: 0 65px;
  }

  .pt_mobile--65 {
    padding-top: 65px;
  }

  .pb_mobile--65 {
    padding-bottom: 65px;
  }

  .pl_mobile--65 {
    padding-left: 65px;
  }

  .pr_mobile--65 {
    padding-right: 65px;
  }

  .mt_mobile--65 {
    margin-top: 65px;
  }

  .mb_mobile--65 {
    margin-bottom: 65px;
  }

  .ptb_mobile--70 {
    padding: 70px 0;
  }

  .plr_mobile--70 {
    padding: 0 70px;
  }

  .pt_mobile--70 {
    padding-top: 70px;
  }

  .pb_mobile--70 {
    padding-bottom: 70px;
  }

  .pl_mobile--70 {
    padding-left: 70px;
  }

  .pr_mobile--70 {
    padding-right: 70px;
  }

  .mt_mobile--70 {
    margin-top: 70px;
  }

  .mb_mobile--70 {
    margin-bottom: 70px;
  }

  .ptb_mobile--75 {
    padding: 75px 0;
  }

  .plr_mobile--75 {
    padding: 0 75px;
  }

  .pt_mobile--75 {
    padding-top: 75px;
  }

  .pb_mobile--75 {
    padding-bottom: 75px;
  }

  .pl_mobile--75 {
    padding-left: 75px;
  }

  .pr_mobile--75 {
    padding-right: 75px;
  }

  .mt_mobile--75 {
    margin-top: 75px;
  }

  .mb_mobile--75 {
    margin-bottom: 75px;
  }

  .ptb_mobile--80 {
    padding: 80px 0;
  }

  .plr_mobile--80 {
    padding: 0 80px;
  }

  .pt_mobile--80 {
    padding-top: 80px;
  }

  .pb_mobile--80 {
    padding-bottom: 80px;
  }

  .pl_mobile--80 {
    padding-left: 80px;
  }

  .pr_mobile--80 {
    padding-right: 80px;
  }

  .mt_mobile--80 {
    margin-top: 80px;
  }

  .mb_mobile--80 {
    margin-bottom: 80px;
  }

  .ptb_mobile--85 {
    padding: 85px 0;
  }

  .plr_mobile--85 {
    padding: 0 85px;
  }

  .pt_mobile--85 {
    padding-top: 85px;
  }

  .pb_mobile--85 {
    padding-bottom: 85px;
  }

  .pl_mobile--85 {
    padding-left: 85px;
  }

  .pr_mobile--85 {
    padding-right: 85px;
  }

  .mt_mobile--85 {
    margin-top: 85px;
  }

  .mb_mobile--85 {
    margin-bottom: 85px;
  }

  .ptb_mobile--90 {
    padding: 90px 0;
  }

  .plr_mobile--90 {
    padding: 0 90px;
  }

  .pt_mobile--90 {
    padding-top: 90px;
  }

  .pb_mobile--90 {
    padding-bottom: 90px;
  }

  .pl_mobile--90 {
    padding-left: 90px;
  }

  .pr_mobile--90 {
    padding-right: 90px;
  }

  .mt_mobile--90 {
    margin-top: 90px;
  }

  .mb_mobile--90 {
    margin-bottom: 90px;
  }

  .ptb_mobile--95 {
    padding: 95px 0;
  }

  .plr_mobile--95 {
    padding: 0 95px;
  }

  .pt_mobile--95 {
    padding-top: 95px;
  }

  .pb_mobile--95 {
    padding-bottom: 95px;
  }

  .pl_mobile--95 {
    padding-left: 95px;
  }

  .pr_mobile--95 {
    padding-right: 95px;
  }

  .mt_mobile--95 {
    margin-top: 95px;
  }

  .mb_mobile--95 {
    margin-bottom: 95px;
  }

  .ptb_mobile--100 {
    padding: 100px 0;
  }

  .plr_mobile--100 {
    padding: 0 100px;
  }

  .pt_mobile--100 {
    padding-top: 100px;
  }

  .pb_mobile--100 {
    padding-bottom: 100px;
  }

  .pl_mobile--100 {
    padding-left: 100px;
  }

  .pr_mobile--100 {
    padding-right: 100px;
  }

  .mt_mobile--100 {
    margin-top: 100px;
  }

  .mb_mobile--100 {
    margin-bottom: 100px;
  }
}
.mt-dec-30 {
  margin-top: -30px;
}

.mt_dec--30 {
  margin-top: -30px;
}

.mt-dec-100 {
  margin-top: -100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb_dec--35 {
    margin-bottom: -50px;
  }
}

@media only screen and (max-width: 767px) {
  .mb_dec--35 {
    margin-bottom: -75px;
  }
}
@media only screen and (max-width: 575px) {
  .mb_dec--35 {
    margin-bottom: 0;
  }
}

.pb_xl--130 {
  padding-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
  .pb_xl--130 {
    padding-bottom: 110px;
  }
}

.mt_dec--120 {
  margin-top: -120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .plr_md--0 {
    padding-left: 0;
    padding-right: 0;
  }
}

.g-24 {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

.g-40 {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 40px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

a {
  color: var(--color-heading);
  text-decoration: none;
  outline: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: var(--color-primary);
}

a:focus {
  outline: none;
}

address {
  margin: 0 0 24px;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

mark {
  background: var(--color-primary);
  color: #ffffff;
}

code,
kbd,
pre,
samp {
  font-size: var(--font-size-b3);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  color: var(--color-primary);
}

kbd,
ins {
  color: #ffffff;
}

pre {
  font-family: "Raleway", sans-serif;
  font-size: var(--font-size-b3);
  margin: 10px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: var(--color-body);
  background: var(--color-lighter);
}

small {
  font-size: smaller;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl {
  margin-top: 0;
  margin-bottom: 10px;
}

dd {
  margin: 0 15px 15px;
}

dt {
  font-weight: bold;
  color: var(--color-heading);
}

menu,
ol,
ul {
  margin: 16px 0;
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

li > ul,
li > ol {
  margin: 0;
}

ol ul {
  margin-bottom: 0;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid var(--color-border);
  margin: 0 2px;
  min-width: inherit;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  appearance: textfield;
  padding-right: 2px;
  width: 270px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

caption,
th,
td {
  font-weight: normal;
}

th {
  font-weight: 500;
  text-transform: uppercase;
}

td,
.wp-block-calendar tfoot td {
  border: 1px solid var(--color-border);
  padding: 7px 10px;
}

del {
  color: #333;
}

ins {
  background: rgba(255, 47, 47, 0.4);
  text-decoration: none;
}

hr {
  background-size: 4px 4px;
  border: 0;
  height: 1px;
  margin: 0 0 24px;
}

table a,
table a:link,
table a:visited {
  text-decoration: underline;
}

dt {
  font-weight: bold;
  margin-bottom: 10px;
}

dd {
  margin: 0 15px 15px;
}

caption {
  caption-side: top;
}

kbd {
  background: var(--heading-color);
}

dfn,
cite,
em {
  font-style: italic;
}

/* BlockQuote  */
blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

blockquote {
  font-size: var(--font-size-b1);
  font-style: italic;
  font-weight: var(--f-light);
  margin: 24px 40px;
}

blockquote blockquote {
  margin-right: 0;
}

blockquote cite,
blockquote small {
  font-size: var(--font-size-b3);
  font-weight: normal;
}

blockquote strong,
blockquote b {
  font-weight: 700;
}

/* ========= Forms Styles ========= */
input,
button,
select,
textarea {
  background: transparent;
  border: 1px solid var(--color-border);
  transition: all 0.4s ease-out 0s;
  color: var(--color-body);
  width: 100%;
}
input:focus, input:active,
button:focus,
button:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  outline: none;
  border-color: var(--color-primary);
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

input {
  height: 40px;
  padding: 0 15px;
}

input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
  font-size: var(--font-size-b2);
  font-weight: 400;
  height: auto;
  line-height: 28px;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 15px;
  outline: none;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  /* -- Placeholder -- */
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder {
  color: var(--body-color);
  /* Firefox */
  opacity: 1;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--body-color);
}
input[type=text]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--body-color);
}
input[type=text].p-holder__active, .input-active input[type=text], input[type=text].input-active,
input[type=password].p-holder__active,
.input-active input[type=password],
input[type=password].input-active,
input[type=email].p-holder__active,
.input-active input[type=email],
input[type=email].input-active,
input[type=number].p-holder__active,
.input-active input[type=number],
input[type=number].input-active,
input[type=tel].p-holder__active,
.input-active input[type=tel],
input[type=tel].input-active,
textarea.p-holder__active,
textarea.input-active {
  border-color: var(--color-primary);
  /* -- Placeholder -- */
}
input[type=text].p-holder__active::placeholder, .input-active input[type=text]::placeholder, input[type=text].input-active::placeholder,
input[type=password].p-holder__active::placeholder,
.input-active input[type=password]::placeholder,
input[type=password].input-active::placeholder,
input[type=email].p-holder__active::placeholder,
.input-active input[type=email]::placeholder,
input[type=email].input-active::placeholder,
input[type=number].p-holder__active::placeholder,
.input-active input[type=number]::placeholder,
input[type=number].input-active::placeholder,
input[type=tel].p-holder__active::placeholder,
.input-active input[type=tel]::placeholder,
input[type=tel].input-active::placeholder,
textarea.p-holder__active::placeholder,
textarea.input-active::placeholder {
  color: var(--color-primary);
  /* Firefox */
  opacity: 1;
}
input[type=text].p-holder__active:-ms-input-placeholder, .input-active input[type=text]:-ms-input-placeholder, input[type=text].input-active:-ms-input-placeholder,
input[type=password].p-holder__active:-ms-input-placeholder,
.input-active input[type=password]:-ms-input-placeholder,
input[type=password].input-active:-ms-input-placeholder,
input[type=email].p-holder__active:-ms-input-placeholder,
.input-active input[type=email]:-ms-input-placeholder,
input[type=email].input-active:-ms-input-placeholder,
input[type=number].p-holder__active:-ms-input-placeholder,
.input-active input[type=number]:-ms-input-placeholder,
input[type=number].input-active:-ms-input-placeholder,
input[type=tel].p-holder__active:-ms-input-placeholder,
.input-active input[type=tel]:-ms-input-placeholder,
input[type=tel].input-active:-ms-input-placeholder,
textarea.p-holder__active:-ms-input-placeholder,
textarea.input-active:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-primary);
}
input[type=text].p-holder__active::-ms-input-placeholder, .input-active input[type=text]::-ms-input-placeholder, input[type=text].input-active::-ms-input-placeholder,
input[type=password].p-holder__active::-ms-input-placeholder,
.input-active input[type=password]::-ms-input-placeholder,
input[type=password].input-active::-ms-input-placeholder,
input[type=email].p-holder__active::-ms-input-placeholder,
.input-active input[type=email]::-ms-input-placeholder,
input[type=email].input-active::-ms-input-placeholder,
input[type=number].p-holder__active::-ms-input-placeholder,
.input-active input[type=number]::-ms-input-placeholder,
input[type=number].input-active::-ms-input-placeholder,
input[type=tel].p-holder__active::-ms-input-placeholder,
.input-active input[type=tel]::-ms-input-placeholder,
input[type=tel].input-active::-ms-input-placeholder,
textarea.p-holder__active::-ms-input-placeholder,
textarea.input-active::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-primary);
}
input[type=text].p-holder__error, .input-error input[type=text], input[type=text].input-error,
input[type=password].p-holder__error,
.input-error input[type=password],
input[type=password].input-error,
input[type=email].p-holder__error,
.input-error input[type=email],
input[type=email].input-error,
input[type=number].p-holder__error,
.input-error input[type=number],
input[type=number].input-error,
input[type=tel].p-holder__error,
.input-error input[type=tel],
input[type=tel].input-error,
textarea.p-holder__error,
textarea.input-error {
  border-color: #f4282d;
  /* -- Placeholder -- */
}
input[type=text].p-holder__error::placeholder, .input-error input[type=text]::placeholder, input[type=text].input-error::placeholder,
input[type=password].p-holder__error::placeholder,
.input-error input[type=password]::placeholder,
input[type=password].input-error::placeholder,
input[type=email].p-holder__error::placeholder,
.input-error input[type=email]::placeholder,
input[type=email].input-error::placeholder,
input[type=number].p-holder__error::placeholder,
.input-error input[type=number]::placeholder,
input[type=number].input-error::placeholder,
input[type=tel].p-holder__error::placeholder,
.input-error input[type=tel]::placeholder,
input[type=tel].input-error::placeholder,
textarea.p-holder__error::placeholder,
textarea.input-error::placeholder {
  color: #f4282d;
  /* Firefox */
  opacity: 1;
}
input[type=text].p-holder__error:-ms-input-placeholder, .input-error input[type=text]:-ms-input-placeholder, input[type=text].input-error:-ms-input-placeholder,
input[type=password].p-holder__error:-ms-input-placeholder,
.input-error input[type=password]:-ms-input-placeholder,
input[type=password].input-error:-ms-input-placeholder,
input[type=email].p-holder__error:-ms-input-placeholder,
.input-error input[type=email]:-ms-input-placeholder,
input[type=email].input-error:-ms-input-placeholder,
input[type=number].p-holder__error:-ms-input-placeholder,
.input-error input[type=number]:-ms-input-placeholder,
input[type=number].input-error:-ms-input-placeholder,
input[type=tel].p-holder__error:-ms-input-placeholder,
.input-error input[type=tel]:-ms-input-placeholder,
input[type=tel].input-error:-ms-input-placeholder,
textarea.p-holder__error:-ms-input-placeholder,
textarea.input-error:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #f4282d;
}
input[type=text].p-holder__error::-ms-input-placeholder, .input-error input[type=text]::-ms-input-placeholder, input[type=text].input-error::-ms-input-placeholder,
input[type=password].p-holder__error::-ms-input-placeholder,
.input-error input[type=password]::-ms-input-placeholder,
input[type=password].input-error::-ms-input-placeholder,
input[type=email].p-holder__error::-ms-input-placeholder,
.input-error input[type=email]::-ms-input-placeholder,
input[type=email].input-error::-ms-input-placeholder,
input[type=number].p-holder__error::-ms-input-placeholder,
.input-error input[type=number]::-ms-input-placeholder,
input[type=number].input-error::-ms-input-placeholder,
input[type=tel].p-holder__error::-ms-input-placeholder,
.input-error input[type=tel]::-ms-input-placeholder,
input[type=tel].input-error::-ms-input-placeholder,
textarea.p-holder__error::-ms-input-placeholder,
textarea.input-error::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #f4282d;
}
input[type=text].p-holder__error:focus, .input-error input[type=text]:focus, input[type=text].input-error:focus,
input[type=password].p-holder__error:focus,
.input-error input[type=password]:focus,
input[type=password].input-error:focus,
input[type=email].p-holder__error:focus,
.input-error input[type=email]:focus,
input[type=email].input-error:focus,
input[type=number].p-holder__error:focus,
.input-error input[type=number]:focus,
input[type=number].input-error:focus,
input[type=tel].p-holder__error:focus,
.input-error input[type=tel]:focus,
input[type=tel].input-error:focus,
textarea.p-holder__error:focus,
textarea.input-error:focus {
  border-color: #f4282d;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
  border-color: var(--color-primary);
}

input[type=checkbox],
input[type=radio] {
  opacity: 1;
  position: relative;
  height: auto !important;
  max-width: 18px;
  width: max-content;
}
input[type=checkbox] ~ label,
input[type=radio] ~ label {
  position: relative;
  font-size: 12px;
  line-height: 17px;
  color: var(--color-body);
  font-weight: 400;
  padding-left: 25px;
  cursor: pointer;
}
input[type=checkbox] ~ label::before,
input[type=radio] ~ label::before {
  content: " ";
  position: absolute;
  top: 1 px;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #5d5d7e;
  border-radius: 2px;
  transition: all 0.3s;
  border-radius: 2px;
}
input[type=checkbox] ~ label::after,
input[type=radio] ~ label::after {
  content: " ";
  position: absolute;
  top: 16%;
  left: 2px;
  width: 10px;
  height: 6px;
  background-color: transparent;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-radius: 2px;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.3s;
}
input[type=checkbox]:checked ~ label::after,
input[type=radio]:checked ~ label::after {
  opacity: 1;
}

input:checked ~ .rn-check-box-label::before {
  background: var(--color-primary) !important;
}

input[type=radio] ~ label::before {
  border-radius: 50%;
}
input[type=radio] ~ label::after {
  width: 8px;
  height: 8px;
  left: 3px;
  background: #fff;
  border-radius: 50%;
}

.form-group {
  margin-bottom: 20px;
}
.form-group label {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.form-group input {
  border: 0 none;
  border-radius: 4px;
  height: 50px;
  font-size: var(--font-size-b2);
  transition: var(--transition);
  padding: 0 20px;
  background-color: var(--color-lightest);
  border: 1px solid transparent;
  transition: var(--transition);
}
.form-group input:focus {
  border-color: var(--color-primary);
  box-shadow: none;
}
.form-group textarea {
  min-height: 160px;
  border: 0 none;
  border-radius: 4px;
  resize: none;
  padding: 15px;
  font-size: var(--font-size-b2);
  transition: var(--transition);
  background-color: var(--color-lightest);
  border: 1px solid transparent;
}
.form-group textarea:focus {
  border-color: var(--color-primary);
}

input[type=submit] {
  width: auto;
  padding: 0 30px;
  border-radius: 500px;
  display: inline-block;
  font-weight: 500;
  transition: 0.3s;
  height: 60px;
  background: var(--color-primary);
  color: var(--color-white);
  font-weight: var(--f-medium);
  font-size: var(--font-size-b2);
  line-height: var(--line-height-b3);
  height: 50px;
  border: 2px solid var(--color-primary);
  transition: var(--transition);
}
input[type=submit]:hover {
  background: transparent;
  color: var(--color-primary);
  transform: translateY(-5px);
}

/*==============================
 *  Utilities
=================================*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.fix {
  overflow: hidden;
}

.slick-initialized .slick-slide {
  margin-bottom: -10px;
}

.slick-gutter-15 {
  margin: -30px -15px;
}
.slick-gutter-15 .slick-slide {
  padding: 30px 15px;
}

iframe {
  width: 100%;
}

/*===============================
    Background Color 
=================================*/
/*===========================
Background Image 
=============================*/
.bg_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*===================
Custom Row
======================*/
.row--0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row--0 > [class*=col] {
  padding-left: 0px;
  padding-right: 0px;
}

.row--5 {
  margin-left: -5px;
  margin-right: -5px;
}
.row--5 > [class*=col] {
  padding-left: 5px;
  padding-right: 5px;
}

.row--10 {
  margin-left: -10px;
  margin-right: -10px;
}
.row--10 > [class*=col] {
  padding-left: 10px;
  padding-right: 10px;
}

.row--20 {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--20 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--20 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--20 > [class*=col], .row--20 > [class*=col-] {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--20 > [class*=col], .row--20 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--25 {
  margin-left: -25px;
  margin-right: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--25 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--25 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--25 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--25 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--25 > [class*=col], .row--25 > [class*=col-] {
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--25 > [class*=col], .row--25 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--30 {
  margin-left: -30px;
  margin-right: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--30 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--30 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--30 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--30 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--30 > [class*=col], .row--30 > [class*=col-] {
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--30 > [class*=col], .row--30 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--45 {
  margin-left: -45px;
  margin-right: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--45 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--45 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--45 > [class*=col], .row--45 > [class*=col-] {
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--45 > [class*=col], .row--45 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--40 {
  margin-left: -40px;
  margin-right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--40 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--40 > [class*=col], .row--40 > [class*=col-] {
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--40 > [class*=col], .row--40 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.row--60 {
  margin-left: -60px;
  margin-right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--60 {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .row--60 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
.row--60 > [class*=col], .row--60 > [class*=col-] {
  padding-left: 60px;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .row--60 > [class*=col], .row--60 > [class*=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/*===========================
    Input Placeholder
=============================*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*=============================
	Overlay styles 
==============================*/
[data-overlay],
[data-black-overlay],
[data-white-overlay] {
  position: relative;
  z-index: 2;
}

[data-overlay] > div,
[data-overlay] > *,
[data-black-overlay] > div,
[data-black-overlay] > *,
[data-white-overlay] > div,
[data-white-overlay] > * {
  position: relative;
  z-index: 2;
}

[data-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

[data-overlay]:before {
  background: var(--color-primary);
}

[data-black-overlay]:before {
  background-color: #000000;
}

[data-white-overlay]:before {
  background-color: #ffffff;
}

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

/*jump animation */
@keyframes jump-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 50px, 0) scale(0.7);
    transform: translate3d(0, 50px, 0) scale(0.7);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump-4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 20px, 0) scale(0.8);
    transform: translate3d(0, 20px, 0) scale(0.8);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump-5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    transform: translate3d(0, 10px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  transition: 0.2s;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft2 {
  from {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp2 {
  from {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    visibility: hidden;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
@keyframes slideInUp3 {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    visibility: hidden;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}
[data-aos=slideInUp2] {
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=slideInUp2].aos-animate {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  [data-aos=slideInUp2] {
    transform: translateY(30px);
  }
  [data-aos=slideInUp2].aos-animate {
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@keyframes jump-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40% {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes jump-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rotateIt {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotateIt2 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes shape-service-1 {
  0% {
    right: -40%;
    top: 30%;
  }
  100% {
    right: -23%;
    top: 0;
  }
}
@keyframes animate-floting {
  0% {
    transform: translateX(50%);
  }
  50% {
    transform: translateX(-40%);
  }
  100% {
    transform: translateX(40%);
  }
}
@keyframes animate-floting-2 {
  0% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(40%);
  }
  100% {
    transform: translateX(-40%);
  }
}
@keyframes animate-floting-3 {
  0% {
    transform: translateX(-20%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-20%);
  }
}
.floting-line {
  animation: animate-floting 15s linear infinite;
}
.floting-line:hover {
  animation-play-state: paused;
}

.floting-line-2 {
  animation: animate-floting-2 15s linear infinite;
}
.floting-line-2:hover {
  animation-play-state: paused;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@keyframes vsmorph {
  0% {
    border-radius: var(--morp-value);
  }
  50% {
    border-radius: var(--morp-md-value);
  }
  100% {
    border-radius: 40% 60%;
  }
}
@keyframes morpspin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.reveal-item {
  position: relative;
  display: block;
  overflow: hidden;
}

.reveal-item .reveal-animation {
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
  background: var(--color-primary);
}

.reveal-item .reveal-animation::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bs-gray-400);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

.reveal-animation.reveal-primary::before {
  background: #0c0c0a;
}

.reveal-animation.reveal-dark::before {
  background: #000;
}

.reveal-animation.reveal-white::before {
  background: #000;
}

.reveal-animation.reveal-top.aos-animate::before,
.reveal-animation.reveal-bottom.aos-animate::before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.reveal-animation.reveal-start.aos-animate::before,
.reveal-animation.reveal-end.aos-animate::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.reveal-animation.reveal-top::before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.reveal-animation.reveal-start::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

.reveal-animation.reveal-end::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.reveal-animation.reveal-bottom::before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

[data-aos=reveal-top],
[data-aos=reveal-start],
[data-aos=reveal-end],
[data-aos=reveal-bottom] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

[data-aos=reveal-top] {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

[data-aos=reveal-top].aos-animate {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

[data-aos=reveal-start] {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

[data-aos=reveal-start].aos-animate {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

[data-aos=reveal-end] {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

[data-aos=reveal-end].aos-animate {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

[data-aos=reveal-bottom] {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

[data-aos=reveal-bottom].aos-animate {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

[data-aos=reveal-item] {
  visibility: hidden;
  -webkit-transition-property: visibility;
  transition-property: visibility;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

[data-aos=reveal-item].aos-animate {
  visibility: visible;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

@keyframes scaleOut {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.scaleOut {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@keyframes moveright {
  from {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@keyframes moveLeft {
  from {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
  to {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
.move-right {
  animation: moveright 1s linear;
}

.move-left {
  animation: moveLeft 1s linear;
}

/*=============================
    Dark Mode styles 
==============================*/
.home-dark {
  background: var(--color-bg);
}
.home-dark .header--sticky.sticky.header-four {
  background: var(--color-bg-two);
}
.home-dark .header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent .search-area::after {
  background: var(--color-body-two);
}
.home-dark .rts-section-title .heading-title {
  color: var(--color-white);
}
.home-dark .rts__btn .rts__btn__wrap,
.home-dark .rts__btn .rts__btn__icon {
  background: var(--color-bg);
  border-color: var(--color-white);
  color: var(--color-white);
}
.home-dark .rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn .rts__btn__wrap,
.home-dark .rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn .rts__btn__icon {
  border-color: transparent;
}
.home-dark .banner-slider-one .rts-banner-pagination-wrapper {
  background: var(--color-bg);
}
.home-dark .banner-slider-one .rts-banner-pagination-wrapper .inner-banner::before {
  box-shadow: -20px 0 0 0 var(--color-bg);
}
.home-dark .banner-slider-one .rts-banner-pagination-wrapper .inner-banner::after {
  box-shadow: -20px 0 0 0 var(--color-bg);
}
.home-dark .banner-slider-one .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet {
  background: var(--color-body);
}
.home-dark .banner-slider-one .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet-active {
  background: var(--color-primary);
}
.home-dark .about-right-content-area .desc {
  color: var(--color-body-two);
}
.home-dark .about-right-content-area .about-item-wrapper .single-item .icon {
  background: var(--color-bg-three);
}
.home-dark .about-right-content-area .about-item-wrapper .single-item .content .title {
  color: var(--color-white);
}
.home-dark .about-right-content-area .about-item-wrapper .single-item .content p {
  color: var(--color-body-two);
}
.home-dark .about-letf-image-area .about-counter-area {
  background: var(--color-bg);
}
.home-dark .about-letf-image-area .about-counter-area .top-left {
  box-shadow: -20px -30px 0 0 var(--color-bg);
}
.home-dark .about-letf-image-area .about-counter-area .bottom-left {
  box-shadow: -20px 0 0 0 var(--color-bg);
}
.home-dark .rts-category-wrapper .single-category-item {
  background: var(--color-bg-three);
}
.home-dark .rts-category-wrapper .single-category-item .vehicle-thumb {
  background: transparent;
}
.home-dark .rts-category-wrapper .single-category-item .content .title {
  color: var(--color-white);
}
.home-dark .rts-category-wrapper .single-category-item .content .sub-title {
  color: var(--color-body-two);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item {
  background: var(--color-bg-two);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item::before, .home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item::after {
  box-shadow: 16px 0 0 0 var(--color-bg);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item .content .title {
  color: var(--color-white);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item .content .car-list-service li span {
  color: var(--color-body-two);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item .content .car-price {
  display: inline-block;
  color: var(--color-white);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item .inner {
  background: var(--color-bg);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item .inner .link-icon:hover {
  background: var(--color-white);
}
.home-dark .rts-car-list-area .rts-car-list-wrapper .single-car-list-item .inner .link-icon:hover svg path {
  fill: var(--color-primary);
}
.home-dark .rts-process-item-wrapper .single-process-item::before, .home-dark .rts-process-item-wrapper .single-process-item::after {
  box-shadow: -20px 0 0 0 var(--color-bg);
}
.home-dark .rts-process-item-wrapper .single-process-item .inner {
  background: var(--color-bg);
}
.home-dark .rts-video-wrapper .inner-btn-area {
  background: var(--color-bg);
}
.home-dark .rts-video-wrapper .inner-btn-area .rts-play-btn::before {
  box-shadow: 16px 0 0 0 var(--color-bg);
}
.home-dark .rts-video-wrapper .inner-btn-area .rts-play-btn::after {
  box-shadow: -16px 0 0 0 var(--color-bg);
}
.home-dark .rts-brand-wrappper .single-brand {
  background: var(--color-bg-three);
}
.home-dark .why-choose-wrapper .why-choose-item {
  background: var(--color-bg-two);
}
.home-dark .why-choose-wrapper .why-choose-item .content .title {
  color: var(--color-white);
}
.home-dark .why-choose-wrapper .why-choose-item .content .desc {
  color: var(--color-body-two);
}
.home-dark .why-choose-wrapper .why-choose-item .icon {
  background: var(--color-bg);
}
.home-dark .why-choose-wrapper .why-choose-item .icon .bottom-left-shape,
.home-dark .why-choose-wrapper .why-choose-item .icon .bottom-right-shape {
  box-shadow: 30px 0 0 0 var(--color-bg);
}
.home-dark .rts-testiomonials-area.bg-primary {
  background: var(--color-bg-two) !important;
}
.home-dark .rts-testiomonials-area .rts-testimonials-images-area .inner-author {
  background: var(--color-bg-two);
}
.home-dark .rts-testiomonials-area .rts-testimonials-images-area .inner-author .author-info::before, .home-dark .rts-testiomonials-area .rts-testimonials-images-area .inner-author .author-info::after {
  box-shadow: 20px 0 0 0 var(--color-bg-two);
}
.home-dark .rts-testiomonials-area .rts-testimonials-content-area .content-area .desc-star-area .desc {
  color: var(--color-body-two);
}
.home-dark .rts-testiomonials-area .rts-testimonials-content-area .content-area .desc-star-area .star-rating li {
  color: var(--color-primary) !important;
}
.home-dark .rts-testiomonials-area::before, .home-dark .rts-testiomonials-area::after {
  box-shadow: 20px 0 0 0 var(--color-bg);
}
.home-dark .rts-testiomonials-area .rts-testimonials-pagination-wrapper {
  background: var(--color-bg);
}
.home-dark .rts-testiomonials-area .rts-testimonials-pagination-wrapper .rts-testimonials-dot .swiper-pagination-bullet {
  background: var(--color-body);
}
.home-dark .rts-testiomonials-area .rts-testimonials-pagination-wrapper .rts-testimonials-dot .swiper-pagination-bullet-active {
  background: var(--color-white);
}
.home-dark .rts-blog-wrapper .single-blog,
.home-dark .rts-blog-wrapper .single-blog-sm {
  background: var(--color-bg-two);
}
.home-dark .rts-blog-wrapper .single-blog .image-area .inner,
.home-dark .rts-blog-wrapper .single-blog-sm .image-area .inner {
  background: var(--color-bg-two);
}
.home-dark .rts-blog-wrapper .single-blog .image-area .inner .link-icon::before, .home-dark .rts-blog-wrapper .single-blog .image-area .inner .link-icon::after,
.home-dark .rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon::before,
.home-dark .rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon::after {
  box-shadow: 16px 0 0 0 var(--color-bg-two);
}
.home-dark .rts-blog-wrapper .single-blog .image-area .inner .link-icon:hover,
.home-dark .rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon:hover {
  background: var(--color-white);
}
.home-dark .rts-blog-wrapper .single-blog .image-area .inner .link-icon:hover svg path,
.home-dark .rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon:hover svg path {
  fill: var(--color-primary);
}
.home-dark .rts-blog-wrapper .single-blog .content .date,
.home-dark .rts-blog-wrapper .single-blog-sm .content .date {
  color: var(--color-body-two);
}
.home-dark .rts-blog-wrapper .single-blog .content .title,
.home-dark .rts-blog-wrapper .single-blog-sm .content .title {
  color: var(--color-white);
}
.home-dark .rts-contact-form {
  background: var(--color-bg-two);
}
.home-dark .rts-contact-form .title {
  color: var(--color-white);
}
.home-dark .rts-contact-form .contact-form-area .single-input .icon svg path {
  fill: var(--color-body-two);
}
.home-dark .rts-contact-form .contact-form-area .single-input input,
.home-dark .rts-contact-form .contact-form-area .single-input textarea {
  background: #343434;
  color: var(--color-body-two);
}
.home-dark .rts-contact-form .contact-form-area .rts-btn-send {
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
}
.home-dark .rts-contact-form .contact-form-area .rts-btn-send:hover {
  color: var(--color-primary);
}
.home-dark .rts-contact-form .contact-form-area .rts-btn-send::before {
  background: var(--color-white);
}
.home-dark .rts-faq__accordion .accordion .accordion-item.active {
  background: var(--color-bg-two);
}
.home-dark .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button {
  color: var(--color-body-two);
}
.home-dark .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button::after {
  color: #4E4E4E;
}
.home-dark .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: var(--color-white);
}
.home-dark .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .inner-shape {
  background: var(--color-bg);
}
.home-dark .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .inner-shape .inner-radius::before, .home-dark .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .inner-shape .inner-radius::after {
  box-shadow: 10px 0 0 0 var(--color-bg);
}
.home-dark .rts-faq__accordion .accordion .accordion-item .accordion-body {
  color: var(--color-body-two);
}
.home-dark .rts-cta-area .cta-inner {
  background: var(--color-bg-two);
}
.home-dark .rts-footer-four {
  background: var(--color-bg-two);
}
.home-dark .footer-wrapper-style-between .single-wized:nth-child(3) {
  max-width: max-content;
}
.home-dark .footer-wrapper-style-between .single-wized.logo-area .desc {
  color: var(--color-body-two);
}
.home-dark .footer-wrapper-style-between .single-wized .title {
  color: var(--color-white);
}
.home-dark .footer-wrapper-style-between .single-wized .body a {
  color: var(--color-gray);
}
.home-dark .footer-wrapper-style-between .single-wized .body .contact-info li a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.home-dark .footer-wrapper-style-between .single-wized.logo-area form input {
  background: #343434;
  color: var(--color-gray);
  border-color: #515151;
}
.home-dark .footer-wrapper-style-between .single-wized.logo-area form button {
  border-color: transparent;
}
.home-dark .copyright-area .copyright-area-inner p {
  color: var(--color-gray);
}
.home-dark .copyright-area {
  border-color: rgba(246, 246, 246, 0.2);
}

/* elements  */
.header-one .header-top {
  border-bottom: 1px solid rgba(85, 85, 85, 0.2);
}
.header-one .header-top .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 28px;
}
.header-one .header-top .inner .get-touch-area {
  display: flex;
  align-items: center;
  gap: 88px;
}
.header-one .header-top .inner .get-touch-area .map-area {
  display: flex;
  gap: 14px;
  align-items: center;
}
.header-one .header-top .inner .get-touch-area .map-area .icon {
  background: var(--color-gray);
  border-radius: 6px;
  color: var(--color-primary);
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-one .header-top .inner .get-touch-area .map-area p {
  color: #555555;
  font-size: 12px;
  line-height: 1;
  font-weight: var(--f-medium);
  margin-bottom: 0;
}
.header-one .header-top .inner .get-touch-area .map-area a {
  color: #050B20;
  font-size: 16px;
  font-weight: var(--f-medium);
  transition: var(--transition);
}
.header-one .header-top .inner .get-touch-area .map-area a:hover {
  color: var(--color-primary);
}
.header-one .header-top .inner .button-area .rts__btn {
  transition: var(--transition);
}
.header-one .header-top .inner .button-area .rts__btn:hover .rts__btn__wrap,
.header-one .header-top .inner .button-area .rts__btn:hover .rts__btn__icon {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}
.header-one .header-top .inner .button-area .rts__btn:hover .rts__btn__wrap svg path,
.header-one .header-top .inner .button-area .rts__btn:hover .rts__btn__icon svg path {
  fill: var(--color-white);
}
.header-one .header-wrapper-area .header-right .bottom .bottom-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-one.sticky .header-top {
  display: none;
}
.header-one.sticky .header-wrapper-area .header-right .bottom .logo-area {
  display: block;
}

.header-two .header-top {
  border-color: rgba(255, 255, 255, 0.2);
}
.header-two .header-top .inner .get-touch-area .map-area .icon {
  border-radius: 6px;
}
.header-two .header-top .inner .get-touch-area .map-area p {
  color: var(--color-white);
  font-size: 12px;
  font-weight: var(--f-medium);
  margin-bottom: 5px;
}
.header-two .header-top .inner .get-touch-area .map-area a {
  color: var(--color-white);
  font-size: 16px;
  font-weight: var(--f-bold);
}
.header-two .header-top .inner .get-touch-area .map-area a:hover {
  color: var(--color-heading);
}
.header-two .header-top .inner .button-area .rts__btn .rts__btn__wrap {
  background: var(--color-white);
  border: none;
}
.header-two .header-top .inner .button-area .rts__btn .rts__btn__icon {
  background: var(--color-white);
  border: none;
}
.header-two .header-top .inner .button-area .rts__btn:hover .rts__btn__wrap,
.header-two .header-top .inner .button-area .rts__btn:hover .rts__btn__icon {
  background: var(--color-heading);
  color: var(--color-white);
  border-color: transparent;
}
.header-two .header-top .inner .button-area .rts__btn:hover .rts__btn__wrap svg path,
.header-two .header-top .inner .button-area .rts__btn:hover .rts__btn__icon svg path {
  fill: var(--color-white);
}
.header-two .header-wrapper-area .header-right .bottom .nav-area {
  background: var(--color-gray);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: relative;
}
.header-two .header-wrapper-area .header-right .bottom .nav-area::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  left: -59px;
  bottom: 0;
  border-bottom-right-radius: 30px;
  box-shadow: 30px 0 0 0 var(--color-gray);
}
.header-two .header-wrapper-area .header-right .bottom .nav-area::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  right: -59px;
  bottom: 0;
  border-bottom-left-radius: 30px;
  box-shadow: -30px 0 0 0 var(--color-gray);
}
.header-two .header-wrapper-area .header-right .bottom .nav-area ul li a.main-menu-ls:last-child {
  padding-right: 30px;
}
.header-two .header-wrapper-area .header-right .bottom .nav-area ul li.main-nav:first-child a:first-child {
  padding-left: 30px;
}
.header-two .header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent .header-social {
  gap: 19px;
}
.header-two .header-wrapper-area .header-right .bottom .bottom-right .menu-btn {
  background: var(--color-white);
  color: var(--color-primary);
}

.header-three .header-top .inner .get-touch-area .map-area .icon {
  background: var(--color-primary);
  color: var(--color-white);
}
.header-three .header-top .inner .button-area .rts__btn:hover .rts__btn__wrap,
.header-three .header-top .inner .button-area .rts__btn:hover .rts__btn__icon {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}
.header-three .header-top .inner .button-area .rts__btn:hover .rts__btn__wrap svg path,
.header-three .header-top .inner .button-area .rts__btn:hover .rts__btn__icon svg path {
  fill: var(--color-white);
}

.header-four .header-top {
  background: var(--color-bg-three);
}
.header-four .header-top .inner .get-touch-area .map-area .icon {
  background: #424242;
  color: var(--color-white);
}
.header-four .header-top .inner .get-touch-area .map-area .text p {
  color: var(--color-white);
}
.header-four .header-top .inner .get-touch-area .map-area .text a {
  color: var(--color-body-two);
}
.header-four .header-top .inner .button-area .rts__btn .rts__btn__wrap,
.header-four .header-top .inner .button-area .rts__btn .rts__btn__icon {
  border-color: var(--color-white);
  color: var(--color-white);
}
.header-four .header-wrapper-area .header-right .bottom .nav-area ul li a {
  color: var(--color-white);
}
.header-four .header-wrapper-area .header-right .bottom .nav-area ul li.has-dropdown:hover .submenu {
  background: var(--color-bg);
}
.header-four .header-wrapper-area .header-right .bottom .nav-area ul li.has-dropdown:hover .submenu li:hover a {
  color: var(--color-primary);
}

.header-wrapper-area {
  display: flex;
  align-items: center;
  position: relative;
}
.header-wrapper-area .logo {
  padding-right: 60px;
}
.header-wrapper-area .header-right {
  width: 100%;
}
.header-wrapper-area .header-right .top {
  padding: 25px 55px;
  border-bottom: 1px solid rgba(85, 85, 85, 0.2);
}
.header-wrapper-area .header-right .bottom .logo-area {
  display: none;
}
.header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent {
  display: flex;
  align-items: center;
  gap: 0;
}
.header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent .search-area {
  padding-right: 20px;
  position: relative;
  z-index: 1;
}
.header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent .search-area::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #EE9595;
  z-index: -1;
}
.header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent .header-social {
  padding-left: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.header--sticky {
  transition: 0.3s;
}

.header-inner {
  position: fixed;
  z-index: 11;
  width: 100%;
  background: var(--color-white);
}

.header--sticky.sticky {
  position: fixed !important;
  top: 0;
  display: block;
  width: 100%;
  box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.0509803922);
  background: #fff;
  z-index: 9999;
  animation: stickyanimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  transition: var(--transition);
}

.menu-btn {
  display: none;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

.has-dropdown .main-menu::after {
  position: absolute;
  content: "\f078" !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
  color: #111032;
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  font-size: 12px;
  transition: all 0.4s;
}
.has-dropdown:hover .main-menu::after {
  color: var(--color-primary) !important;
  content: "\f077";
}

li.main-nav:hover .main-menu {
  color: var(--color-primary) !important;
}

.submenu.parent-nav > li {
  margin: 6px 0;
}
.submenu.parent-nav > li:last-child {
  margin-bottom: 0 !important;
}

.rts-mega-menu .mega-menu-item {
  gap: 7px;
}
.rts-mega-menu .mega-menu-item li a:hover {
  background: var(--color-primary) !important;
  color: #fff;
}
.rts-mega-menu .mega-menu-item li a.active {
  border-radius: 2px;
}

.has-dropdown.mega-menu::after {
  display: none;
}
.has-dropdown.mega-menu > a {
  position: relative;
}
.has-dropdown.mega-menu > a::after {
  position: absolute;
  content: "\f078";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
  color: #111032;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: 12px;
}
.has-dropdown.mega-menu.menu-item-open > a::after {
  content: "\f077";
}

@keyframes stickyanimations {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.nav-area ul {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.nav-area ul li {
  margin: 0;
  padding: 0;
}
.nav-area ul li a {
  color: var(--color-heading);
  font-weight: var(--f-semi-bold);
}

.nav-area ul li.main-nav a:first-child {
  padding: 34px 20px;
  display: block;
  cursor: pointer;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.nav-area ul li.main-nav:first-child a:first-child {
  padding-left: 0;
}

.side-bar {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: -100%;
  width: 465px;
  padding: 40px 30px;
  padding-top: 50px;
  height: 100%;
  display: block;
  background-color: white;
  backdrop-filter: blur(7px);
  z-index: 10003;
  transition: all 600ms ease;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow: visible;
}
@media only screen and (max-width: 575px) {
  .side-bar {
    width: 310px;
  }
}
.side-bar .inner-main-wrapper-desk .thumbnail {
  display: flex;
  justify-content: center;
}
.side-bar .inner-main-wrapper-desk .thumbnail img {
  width: 85%;
  margin: auto;
}
.side-bar .inner-main-wrapper-desk .inner-content {
  text-align: center;
  margin-top: 30px;
}
.side-bar .inner-main-wrapper-desk .inner-content p {
  max-width: 95%;
  text-align: center;
  margin: auto;
}
.side-bar .inner-main-wrapper-desk .inner-content .title {
  font-weight: 600;
}
.side-bar .inner-main-wrapper-desk .inner-content .footer {
  padding-top: 50px;
  margin-top: 80px;
  border-top: 1px solid #c2c2c2;
}
.side-bar .inner-main-wrapper-desk .inner-content .footer .title {
  font-weight: 500;
}
.side-bar .inner-main-wrapper-desk .inner-content .footer a.rts-btn {
  margin: auto;
}

.side-bar.show {
  right: 0;
  overflow-y: auto;
}

.side-bar button {
  max-width: max-content;
  margin-right: auto;
  margin-left: -53px;
  margin-top: 0;
  position: absolute;
  border: none;
  color: #ffffff;
  border-radius: 0;
  display: flex;
  padding: 10px 12px;
  align-items: center;
  justify-content: center;
  margin-left: -30px;
  margin-top: -53px;
  font-size: 27px;
  line-height: 1;
  background: var(--color-primary);
}

.mobile-menu-main .buttons-area {
  margin-left: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .mobile-menu-main .buttons-area {
    display: none;
  }
}
.mobile-menu-main .buttons-area .rts-btn {
  font-size: 14px;
  padding: 8px 25px;
}
.mobile-menu-main .rts-social-style-one ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 30px;
}
.mobile-menu-main .rts-social-style-one ul li {
  list-style: none;
  margin: 0;
}
.mobile-menu-main .rts-social-style-one ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-white);
}

.search-input-area {
  transition: all 500ms ease;
  visibility: hidden;
  transform: translateY(-100%);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 57px 0;
  background: white;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46);
  z-index: 10002;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .search-input-area {
    padding: 70px 0 30px 0;
  }
}

.search-input-area.show {
  visibility: visible;
  transform: inherit;
  opacity: 1;
}

.search-input-area .search-input-inner {
  display: flex;
  align-items: center;
  position: relative;
}

.search-input-area .search-input-inner .input-div {
  width: 80%;
  display: flex;
  align-items: center;
  margin: auto;
}
@media only screen and (max-width: 575px) {
  .search-input-area .search-input-inner .input-div {
    width: 100%;
  }
}

.search-input-area .search-input-inner .input-div input {
  background: #F7F7F7;
  border-radius: 5px;
  height: 55px;
  border: 1px solid transparent;
}
.search-input-area .search-input-inner .input-div input:focus {
  border: 1px solid var(--color-primary);
}

.search-input-area .search-input-inner .input-div button {
  max-width: max-content;
  padding: 18px 21px;
  background: var(--color-primary);
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  display: block;
  margin-left: -9px;
  border-radius: 0 5px 5px 0;
}

.search-input-area .search-close-icon {
  cursor: pointer;
  position: absolute;
  right: 38px;
  top: 22px;
}
@media only screen and (max-width: 575px) {
  .search-input-area .search-close-icon {
    right: 20px;
    top: 15px;
  }
}

.search-input-area .search-close-icon i {
  position: relative;
  z-index: 1;
  color: var(--color-primary);
  transition: 0.3s;
  font-size: 18px;
}
.search-input-area .search-close-icon i:hover {
  color: #F7F7F7;
}
.search-input-area .search-close-icon i:hover::after {
  background: var(--color-primary);
}

.search-input-area .search-close-icon i::after {
  position: absolute;
  height: 45px;
  width: 45px;
  content: "";
  border-radius: 5px;
  background: #553cdf14;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: 0.3s;
}

#anywhere-home {
  background: #0e1013;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease-in-out;
  pointer-events: none;
  z-index: 50;
}

#anywhere-home.show {
  background: #0e1013;
  opacity: 70%;
  visibility: visible;
  pointer-events: visible;
  z-index: 10001;
  top: 0;
  left: 0;
}

.mobile-menu-main nav ul {
  padding: 0 20px;
  display: block;
}
.mobile-menu-main nav ul li {
  margin: 0;
  padding: 0;
}
.mobile-menu-main nav ul li a.main {
  padding: 12px 0 17px 0;
  border-bottom: 1px solid #f3f3f3;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-heading);
}
.mobile-menu-main nav ul li.has-droupdown {
  position: relative;
}
.mobile-menu-main nav ul li.has-droupdown ul {
  padding: 0 0 0 20px;
}
.mobile-menu-main nav ul li.has-droupdown ul a {
  padding: 10px 0;
  font-weight: 400;
  font-size: 16px;
  color: var(--color-heading);
}
.mobile-menu-main nav ul li.has-droupdown ul a.tag {
  font-weight: 500;
  margin-top: 15px;
  font-size: 16px;
  border-bottom: 2px solid var(--color-primary);
  padding: 10px 0;
  margin-top: 0;
}
.mobile-menu-main nav ul li.has-droupdown ul li {
  margin: 7px 0 !important;
  border-bottom: 1px solid #f3f3f3;
  margin-top: 0 !important;
}
.mobile-menu-main nav ul li.has-droupdown::after {
  position: absolute;
  content: "\f078";
  font-family: "Font Awesome 6 pro" !important;
  font-size: 16px;
  right: 0;
  font-weight: 400;
  top: 13px;
  padding: 0;
  color: var(--color-primary);
  pointer-events: none;
  cursor: pointer;
}
.mobile-menu-main nav ul li.has-droupdown.mm-active::after {
  content: "\f077";
}
.mobile-menu-main nav ul li.has-droupdown.third-lvl::after {
  font-size: 10px;
  padding: 3px 10px;
}
.mobile-menu-main nav ul li.has-droupdown.third-lvl ul {
  padding: 0 20px;
}
.mobile-menu-main nav ul li.has-droupdown.third-lvl ul li {
  margin: 10px 0 !important;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
  color: #1F1F25;
  font-size: 16px;
}
.mobile-menu-main nav ul li.has-droupdown.third-lvl ul li:hover {
  color: var(--color-primary);
}
.mobile-menu-main nav ul li.has-droupdown.third-lvl ul li a {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  font-size: 16px;
  color: #1F1F25;
}
.mobile-menu-main nav ul li a {
  display: block;
}
.mobile-menu-main .social-wrapper-one {
  margin-top: 50px;
}

.header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown {
  position: relative;
}
.header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown:hover::after {
  color: var(--color-primary);
}
.header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 16px;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown .third-lvl {
  margin-left: -4px;
}

.header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page {
  padding: 15px 0;
}
.header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown {
  position: relative;
}
.header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown:hover::after {
  color: var(--color-primary);
}
.header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 16px;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown .third-lvl {
  margin-left: -4px;
}
.header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page li {
  margin: 0;
  width: 100%;
}
.header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page li a {
  display: block;
  width: 100%;
  padding: 0 15px;
}

.sub-dropdown {
  position: relative !important;
  display: block !important;
}
.sub-dropdown .submenu.third-lvl {
  opacity: 0 !important;
  min-width: 185px !important;
  left: 100% !important;
  top: -13% !important;
  margin: 0;
  border-radius: 0 !important;
}
.sub-dropdown .submenu.third-lvl.base {
  display: block !important;
}
.sub-dropdown:hover .sub-menu-link {
  color: var(--color-primary);
}
.sub-dropdown:hover .submenu.third-lvl.base {
  opacity: 1 !important;
  min-width: 185px !important;
  top: 0 !important;
  right: 3px;
  display: block !important;
}
.sub-dropdown:hover .submenu.third-lvl.base li {
  display: block;
}
.sub-dropdown:hover .submenu.third-lvl.base li a {
  display: block !important;
}

.header-three .sub-dropdown:hover .submenu.third-lvl.base {
  margin-left: -14px !important;
}

.header-two .header-main-wrapper .sub-dropdown:hover .submenu.third-lvl.base {
  margin-left: 90px !important;
}

header.heder-two .sub-dropdown:hover .submenu.third-lvl.base {
  opacity: 1 !important;
  min-width: 185px !important;
  top: 0 !important;
  right: 3px;
  display: block;
  margin-left: 0 !important;
}
header.heder-two .sub-dropdown::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 16px;
  right: 20px;
  top: 8px;
  color: #fff;
}
header.heder-two .sub-dropdown:hover a.sub-menu-link {
  color: var(--color-primary) !important;
}
header.heder-two .sub-dropdown:hover::after {
  color: var(--color-primary) !important;
}
header.heder-two .sub-dropdown .submenu.third-lvl.base {
  display: block;
}

header.header-three .sub-dropdown:hover .submenu.third-lvl.base {
  opacity: 1 !important;
  min-width: 185px !important;
  top: 0 !important;
  right: 3px;
  display: block;
  margin-left: 0 !important;
}
header.header-three .sub-dropdown::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 16px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
header.header-three .sub-dropdown:hover a.sub-menu-link {
  color: var(--color-primary) !important;
}
header.header-three .sub-dropdown:hover::after {
  color: var(--color-primary) !important;
}
header.header-three .sub-dropdown .submenu.third-lvl.base {
  display: block;
}

.gym-home .side-bar button i,
.gym-home .mobile-menu-main nav ul li.has-droupdown::after {
  background: var(--color-primary-gym) !important;
}
.gym-home .mobile-menu-main .buttons-area .rts-btn {
  border: 1px solid var(--color-primary-gym);
  color: var(--color-primary-gym);
}
.gym-home .mobile-menu-main .buttons-area .rts-btn.btn-primary {
  background: var(--color-primary-gym) !important;
  color: #FFFFFF;
}
.gym-home .mobile-menu-main nav ul li a.main:hover {
  color: var(--color-primary-gym);
}
.gym-home .mobile-menu-main nav ul li a.main:focus {
  color: var(--color-primary-gym);
}
.gym-home .mobile-menu-main nav ul li.has-droupdown ul a.tag {
  border-bottom: 2px solid var(--color-primary-gym);
}
.gym-home .mobile-menu-main nav ul li.has-droupdown ul a.tag:hover {
  color: var(--color-primary-gym);
}
.gym-home .mobile-menu-main nav ul li.has-droupdown ul.third-lvl a:hover {
  color: var(--color-primary-gym);
}
.gym-home .mobile-menu-main nav ul li.has-droupdown.third-lvl ul li:hover {
  color: var(--color-primary-gym);
}
.gym-home .mobile-menu-main nav ul.mm-collapse li a:hover {
  color: var(--color-primary-gym);
}
.gym-home .mobile-menu-main .rts-social-style-one ul li a:hover {
  color: var(--color-primary-gym);
}
.gym-home .progress-wrap::after {
  color: var(--color-primary-gym);
}

.kitchen-home .side-bar button i,
.kitchen-home .mobile-menu-main nav ul li.has-droupdown::after {
  background: var(--color-primary-kitchen) !important;
}
.kitchen-home .mobile-menu-main .buttons-area .rts-btn {
  border: 1px solid var(--color-primary-kitchen);
  color: var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main .buttons-area .rts-btn.btn-primary {
  background: var(--color-primary-kitchen) !important;
  color: #FFFFFF;
}
.kitchen-home .mobile-menu-main nav ul li a.main:hover {
  color: var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main nav ul li a.main:focus {
  color: var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main nav ul li.has-droupdown ul a.tag {
  border-bottom: 2px solid var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main nav ul li.has-droupdown ul a.tag:hover {
  color: var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main nav ul li.has-droupdown ul.third-lvl a:hover {
  color: var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main nav ul li.has-droupdown.third-lvl ul li:hover {
  color: var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main nav ul.mm-collapse li a:hover {
  color: var(--color-primary-kitchen);
}
.kitchen-home .mobile-menu-main .rts-social-style-one ul li a:hover {
  color: var(--color-primary-kitchen);
}
.kitchen-home .progress-wrap::after {
  color: var(--color-primary-kitchen);
}

.rts__btn {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-family: var(--font-secondary);
  font-weight: var(--f-semi-bold);
  line-height: 1;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: var(--transition);
  /* Hover State */
}
.rts__btn__wrap {
  position: relative;
  display: inline-block;
  padding: 17px 24px;
  border: 1px solid var(--color-border-two);
  border-radius: 100px;
  color: var(--color-body);
  overflow: hidden;
  transition: all 0.4s ease;
}
.rts__btn__wrap.rts-btn-sm {
  padding: 11px 17px;
}
.rts__btn__txt-one, .rts__btn__txt-two {
  display: block;
  transition: all 0.4s ease;
}
.rts__btn__txt-one {
  transform: translateY(0);
  opacity: 1;
}
.rts__btn__txt-two {
  position: absolute;
  top: 50%;
  transform: translateY(100%);
  opacity: 0;
}
.rts__btn__icon {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: var(--color-body);
  border: 1px solid var(--color-border-two);
  border-radius: 50%;
  overflow: hidden;
  transition: all 0.4s ease;
}
.rts__btn__icon.rts-btn-sm {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.rts__btn__icon i {
  transform: rotate(-45deg);
}
.rts__btn__icon-one, .rts__btn__icon-two {
  display: block;
  transition: all 0.4s ease;
}
.rts__btn__icon-one {
  transform: translateY(0);
  opacity: 1;
}
.rts__btn__icon-two {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(100%);
  opacity: 0;
}
.rts__btn.btn-primary {
  padding: 15px 18px;
  background: transparent;
  color: var(--color-body);
  border: 1px solid var(--color-border-three);
  border-radius: 30px;
  transition: var(--transition);
  position: relative;
  z-index: 1;
  overflow: hidden;
  outline: none;
}
.rts__btn.btn-primary:focus {
  outline: none;
  box-shadow: none;
}
.rts__btn.btn-primary:active {
  outline: none;
  box-shadow: none;
}
.rts__btn.btn-primary::before {
  content: "";
  position: absolute;
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  width: 200%;
  height: 200%;
  top: 110%;
  left: 50%;
  background: var(--color-primary);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
.rts__btn.btn-primary:hover {
  color: var(--color-white);
  border-color: transparent;
}
.rts__btn.btn-primary:hover::before {
  top: -40%;
}
.rts__btn:hover .rts__btn__wrap {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rts__btn:hover .rts__btn__icon {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rts__btn:hover .rts__btn__txt-one {
  transform: translateY(-100%);
  opacity: 0;
}
.rts__btn:hover .rts__btn__txt-two {
  transform: translateY(-50%);
  opacity: 1;
  color: var(--color-white);
}
.rts__btn:hover .rts__btn__icon-one {
  transform: translateY(-100%);
  opacity: 0;
}
.rts__btn:hover .rts__btn__icon-two {
  transform: translate(-50%, -50%);
  opacity: 1;
  color: var(--color-white);
}

.rts-btn-send {
  text-align: center;
  font-size: 16px;
  font-weight: var(--f-semi-bold);
  line-height: 1;
  background: var(--color-heading);
  color: var(--color-white);
  padding: 16px 0;
  border-radius: 6px;
  transition: var(--transition);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rts-btn-send:focus {
  outline: none;
  border: none;
}
.rts-btn-send::before {
  content: "";
  position: absolute;
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  width: 200%;
  height: 200%;
  top: 110%;
  left: 50%;
  background: var(--color-primary);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
.rts-btn-send:hover::before {
  top: -40%;
}

.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 10000;
  opacity: 1;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: var(--font-3);
  content: "\f077";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  color: var(--color-primary);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  border: 1px solid var(--color-primary);
  border: none !important;
  box-shadow: none;
  border-radius: 50% !important;
  border-radius: 5px;
}

.progress-wrap:hover::after {
  opacity: 1;
  content: "\f077";
}

.progress-wrap::before {
  position: absolute;
  font-family: var(--font-3);
  content: "\f077";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  background: var(--color-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap:hover::before {
  opacity: 0;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg {
  color: var(--color-primary);
  border-radius: 50%;
  background: transparent;
}

.progress-wrap svg.progress-circle path {
  stroke: var(--color-primary);
  stroke-width: 4px;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

.home-blue .progress-wrap svg.progress-circle path {
  stroke: var(--color-primary);
}
.home-blue .progress-wrap::after {
  border-color: var(--color-primary);
  box-shadow: 0px 3px 20px 6px #0742e952;
  color: var(--color-primary);
}

.rts-section-title .subtitle {
  display: inline-block;
  font-size: 20px;
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .rts-section-title .subtitle {
    margin-bottom: 5px;
  }
}
.rts-section-title .heading-title span {
  color: var(--color-primary);
  position: relative;
  display: inline-block;
}
.rts-section-title .heading-title span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: var(--color-primary);
  border-radius: 6px;
  bottom: -2px;
  left: 0;
}

.rts-section-title-area {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .rts-section-title-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.rts-section-title-area .rts-section-title .subtitle {
  display: inline-block;
  font-size: 20px;
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .rts-section-title-area .rts-section-title .subtitle {
    margin-bottom: 5px;
  }
}
.rts-section-title-area .rts-section-title .heading-title span {
  color: var(--color-primary);
  position: relative;
  display: inline-block;
}
.rts-section-title-area .rts-section-title .heading-title span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: var(--color-primary);
  border-radius: 6px;
  bottom: -2px;
  left: 0;
}

.container,
.container-2,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
.container-2,
.container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
.container-2,
.container-md,
.container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
.container-2,
.container-lg,
.container-md,
.container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
.container-2,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1440px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1320px;
  }
}
@media (min-width: 1440px) {
  .container-2 {
    max-width: 1400px;
  }
}
.body::-webkit-scrollbar {
  display: none;
}

.swiper {
  overflow: hidden;
  position: relative;
}
.swiper .swiper-wrapper .swiper-slide {
  overflow: hidden;
}

ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cw {
  color: var(--color-white) !important;
}

.cg {
  color: var(--color-gray) !important;
}

.cd {
  color: var(--color-heading) !important;
}

.rts-wrapper-inner {
  position: relative;
  z-index: 99;
  background: var(--color-white);
}

.bg-none {
  background: none !important;
  clip-path: none !important;
}

.bg-primary {
  background: var(--color-primary) !important;
}

.bg-gray {
  background: var(--color-gray);
}

.bg-heading {
  background: var(--color-heading);
}

.g-10,
.gx-10 {
  --bs-gutter-x: 5rem;
}

.gap-20 {
  gap: 20px;
}

.wow {
  visibility: hidden;
}

@keyframes zoomEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* ===== Wrapper ===== */
.ui-datepicker {
  display: none;
  background: var(--color-white);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 16px;
  /* ===== Header ===== */
  /* ===== Weekdays ===== */
  /* ===== Today ===== */
  /* ===== Remove default borders ===== */
  /* ===== Highlight selected date ===== */
}
.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none;
  position: relative;
  margin-bottom: 12px;
  /* Prev/Next arrows */
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: var(--color-heading);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  text-indent: 0;
  position: relative;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span::before {
  display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 8px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span::before {
  transform: rotate(-135deg);
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 8px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span::before {
  display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 0;
  /* ===== Selected date ===== */
}
.ui-datepicker .ui-datepicker-calendar thead th {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-body);
  padding-bottom: 8px;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
}
.ui-datepicker .ui-datepicker-calendar td a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: var(--color-heading);
  text-decoration: none;
  transition: all 0.2s;
}
.ui-datepicker .ui-datepicker-calendar td a:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
}
.ui-datepicker .ui-datepicker-today a {
  background: var(--color-gray);
  color: var(--color-primary);
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
  border: none;
  background: transparent;
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
  background: #c76d6d;
  color: var(--color-white);
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.c-p {
  color: var(--color-primary) !important;
}

li.has-dropdown {
  position: relative;
}
li.has-dropdown .submenu {
  min-width: 230px;
  height: auto;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  transition: 0.3s;
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  border-left: 0;
  border-bottom: 0;
  border-right: 0;
  display: inline-block;
  box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08);
  padding: 0;
  transform-origin: 0 0;
  transform: scaleY(0);
  padding-bottom: 5px;
}
li.has-dropdown .submenu li {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(85, 85, 85, 0.2);
}
li.has-dropdown .submenu li:last-child, li.has-dropdown .submenu li:nth-child(11) {
  border: none;
}
li.has-dropdown .submenu li:hover::after {
  transform: translateY(-50%) scale(1);
}
li.has-dropdown .submenu li:hover a {
  transform: translateX(15px);
  color: var(--color-primary);
}
li.has-dropdown .submenu li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
  left: 17px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  z-index: 1;
  transition: all 0.3s;
}
li.has-dropdown .submenu li a {
  padding: 15px !important;
  font-weight: 500;
  font-size: 14px;
  transition: all 0.3s;
  border-radius: 4px;
  display: block;
  transform: translateX(0);
}
li.has-dropdown .submenu.mega-menu {
  min-width: 400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
li.has-dropdown .submenu.mega-menu li {
  width: 48%;
}
li.has-dropdown:hover .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: translateY(0);
  transform: scaleY(1);
}

.rts-btn.btn-primary.border.bg-transparent {
  color: var(--color-primary);
  border: 1px solid var(--color-primary) !important;
}
.rts-btn.btn-primary.border.bg-transparent img {
  filter: brightness(0) saturate(100%) invert(46%) sepia(55%) saturate(5974%) hue-rotate(228deg) brightness(98%) contrast(103%);
}
.rts-btn.btn-primary.border.bg-transparent:hover {
  background: var(--color-primary) !important;
  color: #fff;
}
.rts-btn.btn-primary.border.bg-transparent:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7500%) hue-rotate(241deg) brightness(114%) contrast(108%);
}

.rts-mega-menu {
  position: absolute;
  width: 100%;
  height: auto;
  top: 100%;
  transform: scaleY(0);
  left: 0;
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  transition: all 0.3s;
  border-radius: 0 0 5px 5px !important;
  background-color: #ffffff;
  display: inline-block;
  box-shadow: 0 36px 35px rgba(61, 60, 60, 0.08);
  transform-origin: 0 0 0;
  padding: 30px 30px;
}
.rts-mega-menu.with-add {
  padding: 0;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.rts-mega-menu.with-add .menu-add-top-area {
  padding: 30px 0 25px 0;
  border-bottom: 1px solid #E1E1FF;
  margin-left: 50px;
}
.rts-mega-menu.with-add .menu-add-top-area .title {
  margin-bottom: 0;
  font-size: 24px;
  color: var(--color-primary);
}
.rts-mega-menu.with-add .menu-right-add {
  display: flex;
  justify-content: flex-end;
  align-items: end;
  max-width: max-content;
  margin-left: auto;
  position: relative;
  border-radius: 0 0 7px 0;
  overflow: hidden;
}
.rts-mega-menu.with-add .menu-right-add .absolute-image img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}
.rts-mega-menu.with-add .menu-right-add .absolute-image .inner-content {
  position: absolute;
  left: 23px;
  bottom: 23px;
}
.rts-mega-menu.with-add .menu-right-add .absolute-image .inner-content .title {
  color: #fff;
  font-size: 24px;
}
.rts-mega-menu.with-add .menu-right-add .absolute-image .inner-content .rts-btn {
  background: #fff;
  color: var(--color-primary);
}
.rts-mega-menu.with-add .mega-menu-item li a {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
}
.rts-mega-menu.with-add .mega-menu-item li a img {
  max-width: 30px;
  height: auto;
  padding: 0;
  background: transparent;
  transition: 0.3s;
  margin-right: 5px;
}
.rts-mega-menu.with-add .mega-menu-item li a:hover img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(0%) hue-rotate(288deg) brightness(103%) contrast(100%);
}
.rts-mega-menu.with-add .mega-menu-item li a.active img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(0%) hue-rotate(288deg) brightness(103%) contrast(100%);
}

.mega-menu-item {
  padding: 0;
  margin: 0;
  flex-direction: column;
  display: flex;
  align-items: flex-start !important;
}
.mega-menu-item li {
  margin-bottom: 19px;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.mega-menu-item li:hover a {
  border: 1px solid #E6E5FF;
  border-radius: 4px;
}
.mega-menu-item li a {
  display: flex !important;
  align-items: center;
  padding: 6px 12px !important;
  border: 1px solid transparent;
  width: 90%;
}
.mega-menu-item li a img {
  margin-right: 16px;
  padding: 10px;
  max-width: max-content;
  background: #F0F0FF;
  border-radius: 4px;
}
.mega-menu-item li a .info p {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #083A5E;
}
.mega-menu-item li a .info span {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #497696;
}

.has-dropdown.mega-menu {
  position: static !important;
}

.has-dropdown.mega-menu:hover .rts-mega-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: scaleY(1);
}

.has-dropdown.mega-menu:hover > a::after {
  content: "\f077";
  color: var(--color-primary);
}

.appoinment-area-main.contact-page {
  border-radius: 10px;
  background: #F9F8FF;
  border: 1px solid #DDD8F9;
  background-image: none;
}
.appoinment-area-main.contact-page input,
.appoinment-area-main.contact-page textarea,
.appoinment-area-main.contact-page .custom-select {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.appoinment-area-main.contact-page input span,
.appoinment-area-main.contact-page textarea span,
.appoinment-area-main.contact-page .custom-select span {
  color: var(--color-primary) !important;
}
.appoinment-area-main.contact-page .rts-btn {
  background: var(--color-primary);
  color: #fff;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: var(--color-gray);
  border-radius: 40px;
  border: none;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: var(--font-size-b2);
  font-weight: normal;
  height: 48px;
  line-height: 48px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid var(--color-heading);
  border-right: 2px solid var(--color-heading);
  content: "";
  display: block;
  height: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 7px;
  display: none;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  height: 200px;
  overflow-y: scroll;
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.rts-select-area.inner {
  background: var(--color-gray);
  padding: 60px 0;
}
.rts-select-area.inner .select-inner .select-area-down {
  border-radius: 6px;
  border: 1px solid var(--color-gray);
  background: var(--color-white);
  box-shadow: 0px 30px 30px rgba(175, 175, 175, 0.16);
  position: relative;
  z-index: 10;
  height: 90px;
  max-width: 100%;
}
.rts-select-area.inner .select-inner .select-area-down form {
  border-radius: 6px;
  background: var(--color-gray);
  width: 27%;
}
.rts-select-area.inner .select-inner .select-area-down form .nice-select {
  background: none;
  width: 100%;
  height: 48px;
  padding-top: 6px;
}

.footer-wrapper-style-between {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 80px 0 40px;
}
.footer-wrapper-style-between .single-wized:nth-child(1) {
  flex: 0 0 270px;
  max-width: 280px;
}
.footer-wrapper-style-between .single-wized:nth-child(2) {
  flex: 0 0 150px;
  max-width: 160px;
}
.footer-wrapper-style-between .single-wized:nth-child(3) {
  flex: 0 0 180px;
  max-width: 190px;
}
.footer-wrapper-style-between .single-wized:nth-child(4) {
  flex: 0 0 470px;
  max-width: 480px;
}
.footer-wrapper-style-between .single-wized:nth-child(3):last-child {
  flex: 0 0 500px;
}
.footer-wrapper-style-between .single-wized .title {
  color: var(--color-heading);
  font-size: 20px;
  position: relative;
  max-width: max-content;
  margin-bottom: 30px;
}
.footer-wrapper-style-between .single-wized.logo-area .logo {
  display: block;
  margin-bottom: 25px;
}
.footer-wrapper-style-between .single-wized.logo-area .desc {
  color: var(--color-body);
}
.footer-wrapper-style-between .single-wized.logo-area form {
  position: relative;
  z-index: 1;
  max-width: 332px;
}
.footer-wrapper-style-between .single-wized.logo-area form input {
  background: var(--color-white);
  border: 1px solid #F1F1F1;
  border-radius: 6px;
  padding: 9px 18px;
  box-shadow: 0px 20px 20px rgba(132, 132, 132, 0.1);
}
.footer-wrapper-style-between .single-wized.logo-area form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
  padding: 9px 11px;
  border-radius: 6px !important;
  font-size: 14px;
  font-weight: var(--f-medium);
  line-height: 1;
  width: 96px;
  color: var(--color-white);
  background: var(--color-primary);
}
.footer-wrapper-style-between .single-wized.get-in-touch ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25px 20px;
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li {
  width: calc(50% - 10px);
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li .icon {
  min-width: 32px;
  height: 32px;
  line-height: 28px;
  border-radius: 6px;
  text-align: center;
  background: var(--color-primary);
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li .icon svg {
  width: 16px;
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text p {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--color-heading);
  font-weight: var(--f-medium);
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a {
  display: block;
  color: var(--color-body);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 4px;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  transition: 0.3s;
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a:last-child {
  margin-bottom: 0;
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a[href*="maps"] {
  white-space: normal;
  word-break: break-word;
  max-width: 200px;
}
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a:hover {
  color: var(--color-primary);
}
.footer-wrapper-style-between .single-wized .body .phone,
.footer-wrapper-style-between .single-wized .body .email {
  color: var(--color-white);
  font-size: 16px;
  margin-bottom: 30px;
  gap: 10px;
  line-height: 1;
}
.footer-wrapper-style-between .single-wized .body .phone svg path,
.footer-wrapper-style-between .single-wized .body .email svg path {
  fill: var(--color-body);
}
.footer-wrapper-style-between .single-wized .body a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-body);
  margin-bottom: 12px;
  transition: all 0.3s ease;
  font-weight: 400;
}
.footer-wrapper-style-between .single-wized .body a .link-arrow {
  font-size: 11px;
  color: var(--color-primary);
  opacity: 0.6;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.footer-wrapper-style-between .single-wized .body a:last-child {
  margin-bottom: 0;
}
.footer-wrapper-style-between .single-wized .body a:hover {
  color: var(--color-primary);
  transform: translateX(4px);
}
.footer-wrapper-style-between .single-wized .body a:hover .link-arrow {
  opacity: 1;
  transform: translateX(2px);
}
.footer-wrapper-style-between .single-wized .body .nav-bottom {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-wrapper-style-between .single-wized .body .nav-bottom li {
  margin: 0;
  padding: 0;
  margin-bottom: 4px;
}

.copyright-area {
  border-top: 1px solid rgba(85, 85, 85, 0.2);
  padding: 24px 0;
}
.copyright-area .copyright-area-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.copyright-area .copyright-area-inner p {
  color: var(--color-body);
  margin: 0;
}
.copyright-area .copyright-area-inner p a {
  transition: 0.3s;
}
.copyright-area .copyright-area-inner .footer-social {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-wrapper-style-between-two .single-wized:nth-child(3) {
  flex-basis: auto;
}
.footer-wrapper-style-between-two .single-wized .title {
  margin-bottom: 25px;
}
.footer-wrapper-style-between-two .single-wized .app-store {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
}

.footer-inner {
  padding-top: 130px;
}

@media only screen and (min-width: 992px) {
  .rts-footer-area.dim-fixed {
    margin: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
  }

  .rts-footer-area.dim-static {
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
}
.loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  background: var(--color-white);
  width: 100%;
  height: 100%;
  z-index: 1100;
}

.loader-wrapper .loader-section.section-left {
  left: 0;
}

.loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded Styles */
.loaded .loader-wrapper .loader-section.section-left {
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.loaded .loader-wrapper .loader-section.section-right {
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.loaded .loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded .loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}

.loader:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  bottom: 14px;
  border: 4px solid transparent;
  border-top-color: var(--color-primary);
  border-right-color: var(--color-primary);
  border-bottom-color: var(--color-primary);
  border-radius: 100%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

.loader {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  z-index: 1101;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*=====================================================
  Banner Area Style
=====================================================*/
.banner-slider-one {
  height: 882px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: 0 60px;
  border-radius: 20px;
}
.banner-slider-one .rts-banner-swiper-area {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner-slider-one .rts-banner-swiper-area::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(255, 54, 0, 0.3) 0%, rgba(5, 11, 32, 0.9) 100%);
  z-index: 2;
}
.banner-slider-one .rts-banner-swiper-area .swiper {
  height: 100%;
  height: 100%;
}
.banner-slider-one .rts-banner-swiper-area .swiper .rts-hero-banner {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.banner-slider-one .rts-banner-swiper-area .rts-banner-slider-active,
.banner-slider-one .rts-banner-swiper-area .rts-banner-slider-active-four {
  animation: zoomEffect 40s ease-in-out infinite;
}
.banner-slider-one .rts-banner-pagination-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: var(--color-white);
  padding: 20px 0 20px 0;
  height: 180px;
  width: 60px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.banner-slider-one .rts-banner-pagination-wrapper .rts-banner-dots {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.banner-slider-one .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: var(--color-primary);
  opacity: 1;
}
.banner-slider-one .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet-active {
  background: var(--color-heading);
}
.banner-slider-one .rts-banner-pagination-wrapper .inner-banner {
  position: relative;
  z-index: 1;
}
.banner-slider-one .rts-banner-pagination-wrapper .inner-banner::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: -220px;
  left: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}
.banner-slider-one .rts-banner-pagination-wrapper .inner-banner::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: 20px;
  left: 0;
  border-top-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}

.banner-two {
  background: var(--color-gray);
  position: relative;
  z-index: 1;
}
.banner-two .rts-banner-content-area .banner-content-area .banner-title {
  font-size: 70px;
  font-weight: var(--f-semi-bold);
  line-height: 75px;
}
.banner-two .rts-banner-content-area .banner-content-area .desc {
  max-width: 600px;
  margin: 40px 0 50px;
}
.banner-two .rts-banner-content-area .banner-content-area .banner-btn-area {
  display: flex;
  align-items: center;
  gap: 20px;
}
.banner-two .rts-banner-content-area .banner-content-area .banner-btn-area .rts__btn .rts__btn__wrap {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}
.banner-two .rts-banner-content-area .banner-content-area .banner-btn-area .rts__btn .rts__btn__wrap.two {
  background: transparent;
  color: var(--color-body);
  border: 1px solid rgba(85, 85, 85, 0.5);
}
.banner-two .rts-banner-content-area .banner-content-area .banner-btn-area .rts__btn .rts__btn__icon {
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
}
.banner-two .rts-banner-content-area .banner-content-area .banner-btn-area .rts__btn .rts__btn__icon.two {
  background: transparent;
  color: var(--color-body);
  border: 1px solid rgba(85, 85, 85, 0.5);
}
.banner-two .rts-banner-content-area .banner-content-area .banner-btn-area .rts__btn:hover .rts__btn__wrap.two,
.banner-two .rts-banner-content-area .banner-content-area .banner-btn-area .rts__btn:hover .rts__btn__icon.two {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}
.banner-two .rts-banner-content-area .banner-image-area {
  margin-left: 70px;
  margin-right: -50%;
  position: relative;
  z-index: 9;
  height: 769px;
}
.banner-two .rts-banner-content-area .banner-image-area::before {
  position: absolute;
  content: "";
  inset: 0;
  background: rgba(255, 54, 0, 0.1);
}
.banner-two .rts-banner-content-area .banner-image-area .swiper {
  height: 100%;
  height: 100%;
}
.banner-two .rts-banner-content-area .banner-image-area .swiper .rts-hero-banner {
  height: 100%;
  width: 100%;
}
.banner-two .rts-banner-content-area .banner-image-area .bg-inner {
  max-width: 600px;
  width: 100%;
  height: 100px;
  background: var(--color-gray);
  border-top-right-radius: 20px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.banner-two .rts-banner-content-area .banner-image-area .bg-inner .inner-shape {
  position: relative;
  z-index: 1;
}
.banner-two .rts-banner-content-area .banner-image-area .bg-inner .inner-shape::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-gray);
}
.banner-two .rts-banner-content-area .banner-image-area .bg-inner .inner-shape::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -100px;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-gray);
}
.banner-two .rts-banner-pagination-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: var(--color-white);
  padding: 20px 0 20px 0;
  height: 180px;
  width: 60px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.banner-two .rts-banner-pagination-wrapper .rts-banner-dots {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.banner-two .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: var(--color-primary);
  opacity: 1;
}
.banner-two .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet-active {
  background: var(--color-heading);
}
.banner-two .rts-banner-pagination-wrapper .inner-banner {
  position: relative;
  z-index: 1;
}
.banner-two .rts-banner-pagination-wrapper .inner-banner::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: -220px;
  left: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}
.banner-two .rts-banner-pagination-wrapper .inner-banner::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: 20px;
  left: 0;
  border-top-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}

.banner-slider-three {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.banner-slider-three .rts-banner-swiper-area {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner-slider-three .rts-banner-swiper-area::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 11, 32, 0.68);
  z-index: 2;
}
.banner-slider-three .rts-banner-swiper-area .swiper {
  height: 100%;
  height: 100%;
}
.banner-slider-three .rts-banner-swiper-area .swiper .rts-hero-banner {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
.banner-slider-three .rts-banner-swiper-area .rts-banner-slider-active-three {
  animation: zoomEffect 40s ease-in-out infinite;
}
.banner-slider-three .rts-banner-pagination-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 60px;
  width: 295px;
  padding-left: 40px;
}
.banner-slider-three .rts-banner-pagination-wrapper .rts-banner-dots {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.banner-slider-three .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: var(--color-primary);
  opacity: 1;
}
.banner-slider-three .rts-banner-pagination-wrapper .rts-banner-dots .swiper-pagination-bullet-active {
  background: var(--color-heading);
}

.banner-slider-four .rts-banner-swiper-area::after {
  background: linear-gradient(270deg, rgba(255, 54, 0, 0.2) 0%, rgba(5, 11, 32, 0.9) 100%);
}

.rts-banner-wrapper-area {
  padding-top: 209px;
}
.rts-banner-wrapper-area .banner-left-content-area .banner-title {
  color: var(--color-white);
  font-size: 80px;
  font-weight: var(--f-semi-bold);
  line-height: 1.06;
  margin-bottom: 35px;
}
.rts-banner-wrapper-area .banner-left-content-area .price {
  color: var(--color-primary);
  font-size: 80px;
  font-weight: var(--f-medium);
  line-height: 1;
  margin-bottom: 50px;
}
.rts-banner-wrapper-area .banner-left-content-area .price .price-dollar {
  font-size: 40px;
  position: relative;
  bottom: 24px;
}
.rts-banner-wrapper-area .banner-left-content-area .price .price-tag {
  font-size: 40px;
  color: var(--color-white);
}
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area {
  display: flex;
  align-items: center;
  gap: 20px;
}
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn {
  transition: var(--transition);
}
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn .rts__btn__wrap {
  background: var(--color-primary);
  color: var(--color-white);
}
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn .rts__btn__wrap.two {
  background: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-gray);
}
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn .rts__btn__icon {
  background: var(--color-primary);
  color: var(--color-white);
}
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn .rts__btn__icon.two {
  background: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-gray);
}
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn:hover .rts__btn__wrap.two,
.rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn:hover .rts__btn__icon.two {
  background: var(--color-primary);
  border-color: transparent;
}
.rts-banner-wrapper-area .banner-right-form-area {
  padding: 16px 30px 110px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  max-width: 453px;
  width: 100%;
  margin: auto;
}
.rts-banner-wrapper-area .banner-right-form-area::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  clip-path: var(--clip-path);
  z-index: -1;
}
.rts-banner-wrapper-area .banner-right-form-area .nav {
  display: flex;
  align-items: center;
  gap: 40px;
  border: none;
  margin-bottom: 50px;
}
.rts-banner-wrapper-area .banner-right-form-area .nav button {
  border: none;
  background: var(--color-gray);
  color: var(--color-body);
  line-height: 1;
  padding: 12px 20px;
  border-radius: 6px;
}
.rts-banner-wrapper-area .banner-right-form-area .nav button.active {
  border: none;
  background: var(--color-primary);
  color: var(--color-white);
}
.rts-banner-wrapper-area .banner-right-form-area .select-area-down {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
}
.rts-banner-wrapper-area .banner-right-form-area .select-area-down form {
  width: 100%;
  position: relative;
}
.rts-banner-wrapper-area .banner-right-form-area .select-area-down form .nice-select {
  width: 100%;
  background: var(--color-gray);
  height: 48px;
}
.rts-banner-wrapper-area .banner-right-form-area .select-area-down form .nice-select span {
  display: block;
  padding: 4px 0;
}
.rts-banner-wrapper-area .banner-right-form-area .select-area-down form input {
  width: 100%;
  background: var(--color-gray);
  height: 48px;
  padding: 0 15px;
  border: none;
  border-radius: 6px;
}
.rts-banner-wrapper-area .banner-right-form-area .select-area-down form .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.rts-banner-wrapper-area .banner-right-form-area .tab-pane {
  display: none;
}
.rts-banner-wrapper-area .banner-right-form-area .tab-pane.active {
  display: block;
}
.rts-banner-wrapper-area .banner-right-form-area .search-btn {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  border: none;
  cursor: pointer;
  transition: var(--transition);
}
.rts-banner-wrapper-area .banner-right-form-area .search-btn:hover {
  background: var(--color-heading);
}

.banner-content-center-area {
  padding: 170px 0 190px;
  text-align: center;
}
.banner-content-center-area .banner-title {
  color: var(--color-white);
  font-size: 70px;
  text-transform: uppercase;
  line-height: 90px;
  margin-bottom: 30px;
}
.banner-content-center-area .desc {
  font-size: 18px;
  color: var(--color-white);
  max-width: 688px;
  margin: auto;
}
.banner-content-center-area .banner-btn-area {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.banner-content-center-area .banner-btn-area .rts__btn .rts__btn__wrap {
  background: var(--color-primary);
  color: var(--color-white);
}
.banner-content-center-area .banner-btn-area .rts__btn .rts__btn__wrap.two {
  background: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-gray);
}
.banner-content-center-area .banner-btn-area .rts__btn .rts__btn__icon {
  background: var(--color-primary);
  color: var(--color-white);
}
.banner-content-center-area .banner-btn-area .rts__btn .rts__btn__icon.two {
  background: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-gray);
}
.banner-content-center-area .banner-btn-area .rts__btn:hover .rts__btn__wrap.two,
.banner-content-center-area .banner-btn-area .rts__btn:hover .rts__btn__icon.two {
  background: var(--color-primary);
  border-color: transparent;
}

.rts-banner-four .banner-left-content-area .desc {
  font-size: 18px;
  color: var(--color-white);
  margin-bottom: 30px;
}

.booking-search-form {
  background: var(--color-white);
  padding: 13px;
  border: 1px solid var(--color-gray);
  border-radius: 40px;
  box-shadow: 0px 30px 30px rgba(175, 175, 175, 0.16);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 10;
}
.booking-search-form form {
  border-radius: 40px;
  background: var(--color-gray);
  width: 20%;
  height: 48px;
  place-content: center;
  position: relative;
}
.booking-search-form form select,
.booking-search-form form input {
  border: none;
}
.booking-search-form form select {
  padding: 0 10px;
  appearance: none;
  position: relative;
}
.booking-search-form form .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.booking-search-form form .select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.booking-search-form form .select-wrapper select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
  background-image: none;
}
.booking-search-form form .select-wrapper .select-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.booking-search-form .rts__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 24px;
  border-radius: 30px;
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
  max-width: max-content;
  max-height: max-content;
  transition: var(--transition);
}
.booking-search-form .rts__btn::before {
  background: var(--color-heading);
}
.booking-search-form.booking-one {
  margin-top: -75px;
}
.booking-search-form.booking-two {
  margin-top: -40px;
}

.about-letf-image-area {
  padding-right: 30px;
  position: relative;
  z-index: 1;
  max-width: max-content;
}
.about-letf-image-area .about-image-area {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.about-letf-image-area .about-image-area::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 54, 0, 0.2);
}
.about-letf-image-area .about-counter-area {
  padding: 0 30px 30px 0;
  border-bottom-right-radius: 20px;
  background: var(--color-white);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.about-letf-image-area .about-counter-area .inner {
  padding: 24px 45px;
  background: var(--color-primary);
  border-radius: 20px;
  box-shadow: 0px 40px 40px rgba(153, 153, 153, 0.16);
}
.about-letf-image-area .about-counter-area .inner .counter-no {
  color: var(--color-white);
  font-size: var(--h2);
  line-height: 1;
  margin-bottom: 10px;
}
.about-letf-image-area .about-counter-area .inner .counter-no .count-plus {
  position: relative;
  bottom: 7px;
}
.about-letf-image-area .about-counter-area .inner p {
  color: var(--color-white);
  font-size: 20px;
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
}
.about-letf-image-area .about-counter-area .top-left {
  width: 60px;
  height: 60px;
  background: transparent;
  position: absolute;
  top: 0;
  right: -60px;
  border-top-left-radius: 20px;
  box-shadow: -20px -30px 0 0 var(--color-white);
}
.about-letf-image-area .about-counter-area .bottom-left {
  width: 60px;
  height: 60px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: -60px;
  border-top-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}
.about-letf-image-area .about-counter-area.inner-about {
  padding: 30px 0 0 30px;
  border-bottom-right-radius: unset;
  border-top-left-radius: 20px;
  top: unset;
  left: unset;
  right: 0;
  bottom: 0;
}
.about-letf-image-area .about-counter-area.inner-about .inner {
  position: relative;
  z-index: 1;
}
.about-letf-image-area .about-counter-area.inner-about .inner::before {
  content: "";
  position: absolute;
  top: -90px;
  right: 30px;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.about-letf-image-area .about-counter-area.inner-about .inner::after {
  content: "";
  position: absolute;
  left: -90px;
  bottom: 0;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}

.about-right-content-area .rts-section-title {
  margin-bottom: 30px;
}
.about-right-content-area .desc {
  font-size: 18px;
}
.about-right-content-area .about-item-wrapper {
  display: flex;
  align-items: center;
  gap: 46px;
}
.about-right-content-area .about-item-wrapper .single-item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-right-content-area .about-item-wrapper .single-item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--color-gray);
}
.about-right-content-area .about-item-wrapper .single-item .content .title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 7px;
}
/* Brown on hover, matching every other button on the site. This rule
   outranks the site-wide .rts__btn:hover pair further down, so it has to
   carry the brown itself - it covers the About Us block on index.html and
   Our Story on about.html, which share this wrapper. */
.about-right-content-area .rts__btn:hover .rts__btn__wrap,
.about-right-content-area .rts__btn:hover .rts__btn__icon {
  background: var(--color-brown);
  color: var(--color-white);
  border-color: var(--color-brown);
}

.about-letf-image-area-two {
  position: relative;
  max-width: max-content;
  z-index: 0;
}
.about-letf-image-area-two .about-image-area {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.about-letf-image-area-two .about-image-area::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 54, 0, 0.2);
}
.about-letf-image-area-two .about-counter-area {
  padding: 0 0 20px 20px;
  border-bottom-left-radius: 20px;
  background: var(--color-white);
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.about-letf-image-area-two .about-counter-area .inner {
  padding: 24px 45px;
  background: var(--color-primary);
  border-radius: 20px;
  box-shadow: 0px 40px 40px rgba(153, 153, 153, 0.16);
  position: relative;
  z-index: 1;
}
.about-letf-image-area-two .about-counter-area .inner:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: 0;
  left: -80px;
  border-top-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.about-letf-image-area-two .about-counter-area .inner::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  right: 0;
  bottom: -80px;
  border-top-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.about-letf-image-area-two .about-counter-area .inner .counter-no {
  color: var(--color-white);
  font-size: var(--h2);
  line-height: 1;
  margin-bottom: 10px;
}
.about-letf-image-area-two .about-counter-area .inner .counter-no .count-plus {
  position: relative;
  bottom: 7px;
}
.about-letf-image-area-two .about-counter-area .inner p {
  color: var(--color-white);
  font-size: 20px;
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
}
.about-letf-image-area-two .inner-image-sm {
  padding: 20px 20px 0 0;
  border-top-right-radius: 20px;
  background: var(--color-white);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.about-letf-image-area-two .inner-image-sm .inner-image {
  position: relative;
  z-index: 1;
}
.about-letf-image-area-two .inner-image-sm .inner-image .overlay-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 20px;
}
.about-letf-image-area-two .inner-image-sm .inner-image .overlay-image::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 54, 0, 0.1);
}
.about-letf-image-area-two .inner-image-sm .inner-image:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: -80px;
  left: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}
.about-letf-image-area-two .inner-image-sm .inner-image::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  right: -80px;
  bottom: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}

.about-right-image-area {
  position: relative;
  z-index: 1;
  max-width: max-content;
  padding-left: 50px;
}
.about-right-image-area .about-image-area {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.about-right-image-area .about-image-area::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 54, 0, 0.2);
}
.about-right-image-area .about-counter-area {
  padding: 20px 20px 0 0;
  border-top-right-radius: 20px;
  background: var(--color-white);
  position: absolute;
  z-index: 1;
  left: 50px;
  bottom: 0;
}
.about-right-image-area .about-counter-area .inner {
  padding: 24px 45px;
  background: var(--color-primary);
  border-radius: 20px;
  box-shadow: 0px 40px 40px rgba(153, 153, 153, 0.16);
  position: relative;
  z-index: 1;
}
.about-right-image-area .about-counter-area .inner:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: -80px;
  left: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}
.about-right-image-area .about-counter-area .inner::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  right: -80px;
  bottom: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}
.about-right-image-area .about-counter-area .inner .counter-no {
  color: var(--color-white);
  font-size: var(--h2);
  line-height: 1;
  margin-bottom: 10px;
}
.about-right-image-area .about-counter-area .inner .counter-no .count-plus {
  position: relative;
  bottom: 7px;
}
.about-right-image-area .about-counter-area .inner p {
  color: var(--color-white);
  font-size: 20px;
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
}

.rts-counter-area-two .counter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 110px 0;
}
.rts-counter-area-two .counter-inner .inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background: var(--color-gray);
  padding: 40px 90px;
  border-radius: 10px;
}
.rts-counter-area-two .counter-inner .inner:first-child .icon img {
  width: 74px;
}
.rts-counter-area-two .counter-inner .inner .icon img {
  width: 46px;
  height: 46px;
}
.rts-counter-area-two .counter-inner .inner .title {
  line-height: 1;
  margin-bottom: 10px;
}

.rts-about-area.inner .about-image-area-two {
  display: flex;
  gap: 30px;
}
.rts-about-area.inner .about-image-area-two .counter-area {
  background: #252525;
  border-radius: 10px;
  margin-top: 30px;
  text-align: center;
  padding: 42px 0;
}
.rts-about-area.inner .about-image-area-two .counter-area .title {
  color: var(--color-white);
  line-height: 1;
  margin-bottom: 10px;
}
.rts-about-area.inner .about-image-area-two .counter-area .desc {
  color: var(--color-white);
}

.rts-category-wrapper .single-category-item {
  background: var(--color-gray);
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  transition: var(--transition);
}
.rts-category-wrapper .single-category-item .vehicle-thumb {
  width: 100%;
  aspect-ratio: 640/420;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  border-radius: 12px;
  overflow: hidden;
}
.rts-category-wrapper .single-category-item .vehicle-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: var(--transition);
}
.rts-category-wrapper .single-category-item:hover .vehicle-thumb img {
  transform: scale(1.06);
}
.rts-category-wrapper .single-category-item .content {
  margin-top: 25px;
}
.rts-category-wrapper .single-category-item .content .title {
  font-size: var(--h6);
  line-height: 1;
  margin-bottom: 12px;
}
.rts-category-wrapper .single-category-item .content .title a {
  color: inherit;
}
.rts-category-wrapper .single-category-item .content .sub-title {
  transition: var(--transition);
}
.rts-category-wrapper .single-category-item:hover {
  background: var(--color-primary);
}
.rts-category-wrapper .single-category-item:hover .content .title,
.rts-category-wrapper .single-category-item:hover .content .sub-title {
  color: var(--color-white);
}

.rts-category-pagination {
  text-align: center;
  margin-top: 50px;
}
.rts-category-pagination.category-pagination-two {
  max-width: max-content;
  margin-top: 0;
}
.rts-category-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(85, 85, 85, 0.3);
  opacity: 1;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.rts-category-pagination .swiper-pagination-bullet-active {
  width: 45px;
  background: var(--color-primary);
  border-radius: 5px;
}

.rts-car-list-area .rts-button-group {
  display: flex;
  align-items: center;
  gap: 18px;
}
.rts-car-list-area .rts-button-group .button {
  min-width: max-content;
  font-size: 14px;
  font-weight: var(--f-medium);
  line-height: 1;
  border-color: rgba(85, 85, 85, 0.15);
  border-radius: 30px;
  padding: 7px 14px;
  transition: var(--transition);
}
.rts-car-list-area .rts-button-group .button.is-checked {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}
.rts-car-list-area .rts-button-group .button:hover {
  background: var(--color-primary);
  color: var(--color-white);
  border-color: transparent;
}
.rts-car-list-area .button-group-two {
  max-width: max-content;
  margin: 30px auto 0;
}

.single-car-list-item {
  background: var(--color-gray);
  padding: 30px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.single-car-list-item::before {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 0;
  bottom: 70px;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.single-car-list-item::after {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 70px;
  bottom: 0;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.single-car-list-item .car-image {
  border-radius: 10px;
  overflow: hidden;
}
.single-car-list-item .car-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.single-car-list-item .content {
  margin-top: 35px;
}
.single-car-list-item .content .title {
  font-size: 20px;
}
.single-car-list-item .content .car-list-service {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-car-list-item .content .car-list-service li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-car-list-item .content .car-list-service li span {
  font-size: 14px;
  font-family: var(--font-primary);
  font-weight: var(--f-regular);
  line-height: 1;
}
.single-car-list-item .content .car-price {
  margin: 30px 0 20px;
  color: var(--color-heading);
  font-size: 20px;
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  line-height: 1;
}
.single-car-list-item .content .car-price .price-tag {
  color: var(--color-body);
  font-size: 10px;
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  line-height: 1;
}
.single-car-list-item .inner {
  padding: 20px 0 0 20px;
  background: var(--color-white);
  border-top-left-radius: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.single-car-list-item .inner .link-icon {
  width: 50px;
  height: 50px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
.single-car-list-item .inner .link-icon:hover {
  background: var(--color-heading);
}
.single-car-list-item:hover .car-image img {
  transform: scale(1.05);
}
.single-car-list-item.inner-three {
  display: flex;
  gap: 38px;
  margin-bottom: 40px;
}
.single-car-list-item.inner-three .content {
  flex-basis: 100%;
}

.rts-car-list-wrapper .rts-btn-wrapper {
  margin-top: 50px;
  text-align: center;
}
.rts-car-list-wrapper .rts-btn-wrapper.inner-one .rts__btn {
  border-radius: 6px;
}

.side-box {
  background: #FFFFFF;
  border: 1px solid rgba(85, 85, 85, 0.15);
  box-shadow: 0px 20px 30px rgba(158, 158, 158, 0.1);
  border-radius: 10px;
  padding: 30px;
  position: relative;
  z-index: 1;
}
.side-box:not(:last-child) {
  margin-bottom: 30px;
}
.side-box h2 {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
}
.side-box .cross {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
  cursor: pointer;
  color: var(--color-primary);
}
.side-box.search-area form .input-wrapper {
  position: relative;
  z-index: 1;
}
.side-box.search-area form .input-wrapper input {
  border-radius: 6px;
  border: none;
  background: var(--color-gray);
  padding: 13px 42px;
  color: var(--color-heading);
}
.side-box.search-area form .input-wrapper input::placeholder {
  color: var(--color-body) !important;
}
.side-box.search-area form .input-wrapper button {
  border: none;
  max-width: max-content;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  z-index: 1;
  padding: 0;
}
.side-box.car-make .checkbox-list {
  width: 100%;
  list-style: none;
  padding: 0;
  border-radius: 8px;
}
.side-box.car-make .checkbox-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(85, 85, 85, 0.2);
}
.side-box.car-make .checkbox-item:nth-child(1) {
  padding-top: 0;
}
.side-box.car-make .checkbox-item:last-child {
  padding-bottom: 0;
}
.side-box.car-make .checkbox-item:last-child {
  border-bottom: none;
}
.side-box.car-make .checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.side-box.car-make .checkbox-label .stars i {
  color: var(--color-primary);
}
.side-box.car-make .checkbox-label input[type=checkbox] {
  accent-color: var(--color-primary);
  width: 18px;
  height: 18px;
}
.side-box.car-make .checkbox-item span {
  font-size: 16px;
}
.side-box.car-make .checkbox-label span {
  font-size: 16px;
  cursor: pointer;
}
.side-box.price-box .slider-container {
  width: 100%;
  position: relative;
}
.side-box.price-box .histogram {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
}
.side-box.price-box .histogram-bar {
  width: 8px;
  background-color: #D9D9D9;
  border-radius: 5px 5px 0 0;
  transition: background-color 0.3s ease;
}
.side-box.price-box .histogram-bar.active {
  background-color: var(--color-primary);
}
.side-box.price-box .range-slider {
  position: relative;
}
.side-box.price-box .range-slider input[type=range] {
  position: absolute;
  width: 100%;
  appearance: none;
  background: none;
  pointer-events: none;
  border: none;
  height: auto;
  padding: 0;
}
.side-box.price-box .range-slider input[type=range]::-webkit-slider-thumb {
  appearance: none;
  height: 20px;
  width: 20px;
  background-color: var(--color-primary);
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  border: 2px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-top: -10px;
  z-index: 1;
  position: relative;
}
.side-box.price-box .range-slider .track {
  position: absolute;
  height: 8px;
  background-color: #eee;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.side-box.price-box .range-slider .range {
  position: absolute;
  height: 8px;
  background-color: var(--color-primary);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.side-box.price-box .price-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.side-box.tag-area ul {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.side-box.tag-area ul li {
  background: var(--color-gray);
  line-height: 1;
  padding: 8px 12px;
  border-radius: 30px;
}
.side-box .blog-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.side-box .blog-list li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.side-box .blog-list li .image-area {
  min-width: 100px;
}
.side-box .blog-list li .content h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 8px;
}
.side-box .blog-list li .content h3 a {
  color: var(--color-heading);
  transition: var(--transition);
}
.side-box .blog-list li .content h3 a:hover {
  color: var(--color-primary);
}
.side-box.price-area .h5 {
  margin-bottom: 40px;
}
.side-box.price-area .price-meta {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
}
.side-box.price-area .price-meta li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.side-box.price-area .rts-btn {
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  background: var(--color-primary);
  border-radius: 6px;
  padding: 14px 10px;
}
.side-box.overview ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.side-box.overview ul li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.side-box.overview ul li .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.side-box.overview ul li .text p {
  margin-bottom: 0;
  font-family: var(--font-primary);
}
.side-box.map-area {
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.side-box.map-area h2 {
  padding: 0 30px;
}
.side-box.map-area iframe {
  border-radius: 10px;
}
.side-box.contact .contact-inner {
  text-align: center;
}
.side-box.contact .contact-inner .author-img {
  max-width: max-content;
  margin: 0 auto 25px;
}
.side-box.contact .contact-inner .author-img img {
  width: 127px;
  height: 127px;
  border-radius: 50%;
}
.side-box.contact .contact-inner .names {
  font-size: 34px;
  margin-bottom: 10px;
}
.side-box.contact .contact-inner .contact-button-area {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.side-box.contact .contact-inner .contact-button-area .rts-btn {
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--color-white);
  padding: 10px 14px;
}
.side-box.contact .contact-inner .contact-button-area .rts-btn.whatsapp {
  background: #29A71A;
}
.side-box.contact .contact-inner .contact-button-area .rts-btn.phone {
  background: var(--color-primary);
}
.side-box.contact .contact-inner .contact-button-area .rts-btn.telegram {
  background: var(--color-heading);
}
.side-box.social-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background: none;
  box-shadow: none;
  padding: 0;
  border: none;
}
.side-box.social-area h2 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 0;
}
.side-box.social-area ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.side-box.social-area ul li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-radius: 50%;
  background: var(--color-gray);
}
.side-box.shop-box .single-shop-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
.side-box.shop-box .single-shop-wrapper .thumb img {
  border-radius: 4px;
  min-width: 100px;
  max-width: 100px;
}
.side-box.shop-box .single-shop-wrapper .content .star-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.side-box.shop-box .single-shop-wrapper .content .star-rating i {
  color: var(--color-primary);
}
.side-box.shop-box .single-shop-wrapper .content .title {
  font-size: 16px;
  font-family: var(--font-secondary);
}

.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area {
  position: relative;
  z-index: 1;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area {
  position: absolute;
  width: max-content;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  right: 20px;
  z-index: 2;
  background: var(--color-white);
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination {
  display: flex;
  flex-direction: column;
  position: unset;
  gap: 25px;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet {
  width: 148px;
  height: 138px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: #f9f9f9;
  opacity: 0.5;
  background-size: cover;
  background-position: center;
  margin-right: 0;
  position: relative;
  z-index: 1;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 170px;
  height: 158px;
  border-radius: 6px;
  border: 1px solid var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  opacity: 0;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background: url(../images/portfolio/24.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background: url(../images/portfolio/25.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background: url(../images/portfolio/26.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
  background: url(../images/portfolio/27.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.rts-portfolio-area.inner .portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.rts-portfolio-area.inner .portfolio-details-area h2 {
  font-size: 24px;
  font-weight: 500;
}
@media (min-width: 576px) {
  .rts-portfolio-area.inner .portfolio-details-area h2 {
    line-height: 1;
  }
}
.rts-portfolio-area.inner .portfolio-details-area ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.rts-portfolio-area.inner .portfolio-details-area ul.car-list-service {
  flex-wrap: nowrap;
  justify-content: start;
}
.rts-portfolio-area.inner .portfolio-details-area ul li {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 30%;
}
.rts-portfolio-area.inner .portfolio-details-area ul li i {
  color: var(--color-primary);
  font-size: 24px;
}
.rts-portfolio-area.inner .portfolio-details-area ul.specs-list li span {
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  color: var(--color-white);
  background: var(--color-primary);
  font-size: 18px;
  text-align: center;
  border-radius: 6px;
}
.rts-portfolio-area.inner .portfolio-details-area ul.specs-list li .h6 {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 5px;
}
.rts-portfolio-area.inner .portfolio-details-area ul.specs-list li p {
  font-size: 14px;
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 {
  gap: 0;
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li {
  width: 50%;
  padding: 18px 29px;
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li:nth-child(odd) {
  padding-left: 0;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: rgba(85, 85, 85, 0.25);
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li:nth-child(even) {
  padding-right: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(85, 85, 85, 0.25);
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li:nth-child(1), .rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li:nth-child(2) {
  border-top: 1px solid rgba(85, 85, 85, 0.25);
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li i {
  font-size: 20px;
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.rts-portfolio-area.inner .portfolio-details-area ul.feature-list2 li .text p {
  margin-bottom: 0;
}
.rts-portfolio-area.inner .portfolio-details-area form {
  background: var(--color-gray);
  border-radius: 10px;
  padding: 30px;
}
.rts-portfolio-area.inner .portfolio-details-area form h2 {
  margin-bottom: 20px;
}
.rts-portfolio-area.inner .portfolio-details-area form .input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.rts-portfolio-area.inner .portfolio-details-area form .input-wrapper input {
  padding: 9px 15px;
  border-radius: 4px;
  border: 1px solid rgba(85, 85, 85, 0.25);
  background: var(--color-white);
}
.rts-portfolio-area.inner .portfolio-details-area form textarea {
  padding: 9px 15px;
  border-radius: 4px;
  border: 1px solid rgba(85, 85, 85, 0.25);
  background: var(--color-white);
  min-height: 120px;
  margin-bottom: 20px;
}
.rts-portfolio-area.inner .portfolio-details-area form .form-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rts-portfolio-area.inner .portfolio-details-area form .form-bottom label a {
  color: var(--color-primary);
}
.rts-portfolio-area.inner .portfolio-details-area form .form-bottom button {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: max-content;
  background: var(--color-primary);
  padding: 10px 10px;
  border: none;
  box-shadow: none;
  border-radius: 6px;
}
.rts-portfolio-area.inner .portfolio-details-area .quote-area {
  background: var(--color-gray);
  border-radius: 16px;
  padding: 30px 75px 80px 30px;
  font-size: 24px;
  font-family: var(--font-primary);
  color: var(--color-body);
  font-weight: 500;
  line-height: 34px;
}
.rts-portfolio-area.inner .portfolio-details-area .quote-area .image img {
  margin: 0;
  position: unset;
}
.rts-portfolio-area.inner .portfolio-details-area .quote-area img {
  margin-left: 20px;
  position: relative;
  top: 30px;
}
.rts-portfolio-area.inner .portfolio-details-area .tag-area {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
}
.rts-portfolio-area.inner .portfolio-details-area .tag-area li {
  background: var(--color-gray);
  line-height: 1;
  font-size: 14px;
  padding: 8px 13px;
  border-radius: 30px;
  text-align: center;
  display: block;
  width: unset;
}
.rts-portfolio-area.inner .portfolio-details-area .share-link {
  display: flex;
  align-items: center;
  gap: 23px;
}
.rts-portfolio-area.inner .portfolio-details-area .share-link h2 {
  margin-bottom: 0;
}
.rts-portfolio-area.inner .portfolio-details-area .share-link ul {
  gap: 15px;
}
.rts-portfolio-area.inner .portfolio-details-area .share-link ul li {
  width: unset;
  flex-wrap: nowrap;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-box {
  position: relative;
  z-index: 1;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-box .author {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-box .author .content h6 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-box .author .content p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-box p {
  margin-bottom: 15px;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-box .reply-btn {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 8px;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-form {
  background: var(--color-gray);
  border-radius: 10px;
  padding: 30px;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-form form {
  padding: 0;
}
.rts-portfolio-area.inner .portfolio-details-area .comment-form form textarea {
  border: none;
}
.rts-portfolio-area.inner .rts-video-area.video-2 {
  position: relative;
  overflow: hidden;
  display: block;
  background: url(../images/portfolio/29.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 609px;
  border-radius: 20px;
}

.rts-portfolio-area.inner .project-wrapper2 {
  border: 1px solid rgba(85, 85, 85, 0.15);
  background: var(--color-white);
  box-shadow: none;
}
.rts-portfolio-area.inner .project-wrapper2:hover {
  box-shadow: 0px 30px 20px rgba(101, 101, 101, 0.1);
  border: 1px solid transparent;
}
.rts-portfolio-area.inner .project-wrapper2 .content-area {
  background: var(--color-white);
}
.rts-portfolio-area.inner .project-wrapper2 .content-area .feature-area {
  gap: 13px;
}
.rts-portfolio-area.inner .project-wrapper2 .content-area .feature-area li {
  color: var(--color-body);
}
.rts-portfolio-area.inner .project-wrapper2 .content-area .button-area {
  border-top: 1px solid rgba(85, 85, 85, 0.15);
}
.rts-portfolio-area.inner .project-wrapper2 .content-area .button-area .rts-btn {
  border: 1px solid rgba(85, 85, 85, 0.15);
  color: var(--color-white);
}
.rts-portfolio-area.inner .project-wrapper2 .content-area .button-area .rts-btn:hover {
  color: var(--color-heading);
}
.rts-portfolio-area.inner .load-more-btn {
  margin: 60px auto auto;
  border: 1px solid rgba(85, 85, 85, 0.15);
  border-radius: 6px;
}
.rts-portfolio-area.inner .portfolio-slider-area2 {
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .projectSlider4 {
  border-radius: 6px;
  overflow: hidden;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .projectSlider4 .image {
  overflow: hidden;
  border-radius: 16px;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .projectSlider4 .image img {
  width: 100%;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area {
  position: absolute;
  width: max-content;
  bottom: 0;
  transform: translateX(-50%);
  text-align: center;
  left: 50%;
  z-index: 2;
  background: var(--color-white);
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination {
  display: flex;
  position: unset;
  gap: 20px;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet {
  width: 148px;
  height: 138px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: #f9f9f9;
  opacity: 0.5;
  background-size: cover;
  background-position: center;
  margin-right: 0;
  position: relative;
  z-index: 1;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 170px;
  height: 158px;
  border-radius: 6px;
  border: 1px solid var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  opacity: 0;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background: url(../images/portfolio/30.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background: url(../images/portfolio/31.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background: url(../images/portfolio/32.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
  background: url(../images/portfolio/33.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
  background: url(../images/portfolio/34.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
  background: url(../images/portfolio/35.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area.shop-single .swiper-pagination {
  gap: 25px;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area.shop-single .swiper-pagination .swiper-pagination-bullet {
  width: 140px;
  height: 130px;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area.shop-single .swiper-pagination .swiper-pagination-bullet::after {
  width: 168px;
  height: 161px;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area.shop-single .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background: url(../images/portfolio/36.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area.shop-single .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background: url(../images/portfolio/37.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .portfolio-slider-area2 .slider-pagination-area.shop-single .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background: url(../images/portfolio/38.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.rts-portfolio-area.inner .sticky-top {
  top: 120px;
}
.rts-portfolio-area.shop-single .portfolio-slider-area2 {
  padding-bottom: 165px;
}

.SlideThumb {
  max-width: 1035px;
  margin: auto;
  padding-left: 5px;
}
.SlideThumb .swiper-slide {
  min-width: max-content;
}
.SlideThumb .swiper-slide .single-thumb {
  width: 170px;
  height: 160px;
  border-radius: 6px;
  padding: 10px;
  border: 1px solid transparent;
  cursor: pointer;
}
.SlideThumb .swiper-slide .single-thumb .thumbnail {
  height: 100%;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.SlideThumb .swiper-slide .single-thumb .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.SlideThumb .swiper-slide.swiper-slide-thumb-active .single-thumb {
  border: 1px solid var(--color-primary);
}
.SlideThumb:hover .thumb-controls button {
  opacity: 1;
}
.SlideThumb .thumb-controls button {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  line-height: 37px;
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  color: var(--color-white);
  text-align: center;
  box-shadow: 0px 20px 30px rgba(158, 158, 158, 0.1);
  border-radius: 50%;
  opacity: 0;
  transition: var(--transition);
}
.SlideThumb .thumb-controls button.thumb-prev {
  left: 0;
}
.SlideThumb .thumb-controls button.thumb-next {
  right: 0;
}

.SlideThumb2 {
  max-width: max-content;
  margin: auto;
  padding-left: 5px;
  height: 100%;
  overflow: hidden;
}
.SlideThumb2 .swiper-slide {
  height: max-content !important;
  min-width: max-content;
}
.SlideThumb2 .swiper-slide .single-thumb {
  width: 170px;
  height: 160px;
  border-radius: 6px;
  padding: 10px;
  border: 1px solid transparent;
  cursor: pointer;
}
.SlideThumb2 .swiper-slide .single-thumb .thumbnail {
  height: 100%;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.SlideThumb2 .swiper-slide .single-thumb .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.SlideThumb2 .swiper-slide.swiper-slide-thumb-active .single-thumb {
  border: 1px solid var(--color-primary);
}

.portfolio-slider-area.vertical {
  overflow: hidden;
}
.portfolio-slider-area.vertical .rts-heroSlider2 {
  max-width: 660px;
  height: 650px;
  margin-left: 0 !important;
}
.portfolio-slider-area.vertical .rts-heroSlider2 .image {
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.portfolio-slider-area.vertical .rts-heroSlider2 .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.portfolio-slider-area.vertical .pagination-area {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  overflow: hidden;
  z-index: 1;
  padding-top: 6px;
}
.portfolio-slider-area.vertical .pagination-area:hover .thumb-controls button {
  opacity: 1;
}
.portfolio-slider-area.vertical .pagination-area .thumb-controls button {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  line-height: 37px;
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  color: var(--color-white);
  text-align: center;
  box-shadow: 0px 20px 30px rgba(158, 158, 158, 0.1);
  border-radius: 50%;
  opacity: 0;
  transition: var(--transition);
}
.portfolio-slider-area.vertical .pagination-area .thumb-controls button.thumb-prev {
  top: 0;
}
.portfolio-slider-area.vertical .pagination-area .thumb-controls button.thumb-next {
  bottom: 0;
}

.rts-video-area {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.rts-video-area video#myVideo.show {
  opacity: 1;
}

.rts-video-area #myVideo {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  min-width: 100%;
  min-height: max-content;
  left: 0;
  opacity: 0;
}

.rts-video-area .content {
  position: absolute;
  bottom: 0;
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}

.rts-video-area button {
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #00000000;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: url(../images/banner/play-button.png), auto;
}

.rts-video-area button {
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #00000000;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: url(../images/banner/play-button.png), auto;
}

.rts-video-area.video-2 {
  position: relative;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 609px;
  border-radius: 20px;
}
.rts-video-area.video-2 #myBtn {
  font-size: 18px;
  padding: 10px;
  border: none;
  background: var(--color-primary);
  color: #fff;
  position: absolute;
  width: 158px;
  height: 158px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 0;
}
.rts-video-area.video-2 #myBtn img:nth-child(1) {
  animation: rotate 10s linear infinite;
}
.rts-video-area.video-2 #myBtn img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rts-video-area.inner {
  position: relative;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 609px;
  border-radius: 0;
}
.rts-video-area.inner #myBtn {
  font-size: 18px;
  padding: 10px;
  border: none;
  background: var(--color-primary);
  color: #fff;
  position: absolute;
  width: 158px;
  height: 158px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 0;
}
.rts-video-area.inner #myBtn img:nth-child(1) {
  animation: rotate 10s linear infinite;
}
.rts-video-area.inner #myBtn img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rts-calculator-area .calculator-form-inner {
  max-width: 870px;
  margin: auto;
  background: var(--color-gray);
  border-radius: 10px;
  padding: 50px 30px 40px;
}
.rts-calculator-area .calculator-form-inner form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.rts-calculator-area .calculator-form-inner form .single-wrapper {
  display: flex;
  gap: 20px;
}
.rts-calculator-area .calculator-form-inner form .single-wrapper span {
  width: 50%;
  position: relative;
}
.rts-calculator-area .calculator-form-inner form .single-wrapper span input {
  background: var(--color-white);
  border: none;
  padding: 10px 55px;
  border-radius: 4px;
  border: 1px solid rgba(85, 85, 85, 0.15);
}
.rts-calculator-area .calculator-form-inner form .single-wrapper span img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  width: 22px;
}
.rts-calculator-area .calculator-form-inner form .single-wrapper .nice-select {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding-left: 55px;
  border: 1px solid rgba(85, 85, 85, 0.15);
  background: var(--color-white);
  border-radius: 4px;
}
.rts-calculator-area .calculator-form-inner form .single-wrapper:nth-child(3) span {
  width: 100%;
}
.rts-calculator-area .calculator-form-inner form .single-wrapper:nth-child(4) {
  justify-content: end;
}
.rts-calculator-area .calculator-form-inner form .single-wrapper .rts__btn {
  max-width: max-content;
  border: none;
  border-radius: 6px;
  background: var(--color-primary);
  color: var(--color-white);
}
.rts-calculator-area .calculator-form-inner form .single-wrapper .rts__btn::before {
  background: var(--color-heading);
}

.rts-compare-area {
  /* Body */
}
.rts-compare-area table {
  width: 100%;
  border-collapse: collapse;
}
.rts-compare-area thead th {
  padding: 0;
  padding-left: 28px;
  padding-bottom: 20px;
  text-align: center;
  vertical-align: top;
}
.rts-compare-area thead th:first-child {
  padding-left: 0;
  padding-top: 5px;
  text-align: start;
}
.rts-compare-area thead th .title {
  font-size: 36px;
  text-transform: uppercase;
  color: var(--color-heading);
}
.rts-compare-area .card {
  background: var(--color-gray);
  padding: 32px 24px 24px;
  border-radius: 14px;
  border: none;
  align-items: self-start;
  text-align: start;
}
.rts-compare-area .card .h2 {
  margin: 18px 0;
  font-size: 24px;
  text-transform: none;
}
.rts-compare-area .card .h6 {
  margin: 0;
  font-size: 20px;
  text-transform: none;
  color: var(--color-body);
}
.rts-compare-area .card p {
  font-size: 14px;
  line-height: 1.6;
  color: #042F2F;
  text-transform: none;
}
.rts-compare-area .badge {
  display: inline-block;
  padding: 10px 12px 9px;
  background: var(--color-white);
  border-radius: 26px;
  font-size: 12px;
  font-weight: 500;
  color: #042F2F;
  text-transform: none;
}
.rts-compare-area .card.active .badge {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.rts-compare-area tbody {
  margin-top: 20px;
}
.rts-compare-area tbody tr {
  border-bottom: 1px solid #e2e8f0;
}
.rts-compare-area tbody td {
  padding: 15px 0;
  text-align: center;
  border: none;
  color: #0D121C;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
}
.rts-compare-area tbody td h3 {
  margin-bottom: 0;
}
.rts-compare-area .feature {
  text-align: left;
}
.rts-compare-area table {
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 23px 0;
  /* 32px horizontal gap */
}
.rts-compare-area th,
.rts-compare-area td {
  width: 306px;
  min-width: 306px;
  max-width: 306px;
  padding: 25px 15px;
  text-align: center;
  vertical-align: middle;
}
.rts-compare-area .feature {
  text-align: left;
}
.rts-compare-area .feature h3 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
}
.rts-compare-area .feature p {
  font-size: 14px;
  line-height: 1.6;
  color: #0D121C;
}
.rts-compare-area .table-wrapper {
  overflow-x: auto;
}

.rts-process-item-wrapper .single-process-item {
  position: relative;
  z-index: 1;
}
.rts-process-item-wrapper .single-process-item::before {
  width: 60px;
  height: 60px;
  background: transparent;
  content: "";
  position: absolute;
  top: 0;
  left: 92px;
  border-top-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
  z-index: 1;
}
.rts-process-item-wrapper .single-process-item::after {
  width: 60px;
  height: 60px;
  background: transparent;
  content: "";
  position: absolute;
  top: 92px;
  left: 0;
  border-top-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
  z-index: 1;
}
.rts-process-item-wrapper .single-process-item .image-area {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.rts-process-item-wrapper .single-process-item .image-area::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 11, 32, 0.3);
  pointer-events: none;
}
.rts-process-item-wrapper .single-process-item .content {
  position: absolute;
  left: 40px;
  bottom: 25px;
}
.rts-process-item-wrapper .single-process-item .content .title {
  color: var(--color-white);
  font-size: 34px;
  line-height: 1;
}
.rts-process-item-wrapper .single-process-item .inner {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px 20px 0;
  background: var(--color-white);
  border-bottom-right-radius: 20px;
}
.rts-process-item-wrapper .single-process-item .inner .count {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  font-size: 40px;
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
}

.rts-service-area.inner {
  position: relative;
  z-index: 1;
}
.rts-service-area.inner .service-image-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
/* margin-left removed: it sat on top of the row's own 24px gutter, so the
   photo and the text were 44px apart here against 24px in the equivalent
   About page section. Both now rely on the gutter alone and match. */
.rts-service-area.inner .service-content-area {
  max-width: 630px;
}
.rts-service-area.inner .service-content-area .desc {
  margin-top: 35px;
  font-size: 18px;
  line-height: 28px;
}
.rts-service-area.inner .service-content-area .button-area {
  display: flex;
  align-items: center;
  gap: 30px;
}
.rts-service-area.inner .service-content-area .button-area .rts__btn {
  max-width: max-content;
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 6px;
}
.rts-service-area.inner .service-content-area .button-area .rts__btn::before {
  background: var(--color-heading);
}
.rts-service-area.inner .service-content-area .button-area .call-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0;
}
.rts-service-area.inner .service-content-area .button-area .call-btn span {
  width: 44px;
  height: 46px;
  display: block;
  text-align: center;
  color: var(--color-primary);
  border-radius: 6px;
  line-height: 46px;
  background: var(--color-gray);
}
.rts-service-area.inner .service-content-area .button-area .call-btn .content h6 {
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: var(--font-secondary);
}
.rts-service-area.inner .service-content-area .button-area .call-btn .content p {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
}

.why-choose-wrapper .why-choose-item {
  background: var(--color-gray);
  padding: 36px 29px 73px;
  border-radius: 10px;
  text-align: center;
  height: 100%;
  position: relative;
  z-index: 1;
}
.why-choose-wrapper .why-choose-item .title {
  font-size: var(--h6);
}
.why-choose-wrapper .why-choose-item .icon {
  position: absolute;
  padding: 11px;
  border-radius: 50%;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-white);
  z-index: 1;
}
.why-choose-wrapper .why-choose-item .icon .bottom-left-shape {
  position: absolute;
  z-index: -1;
  background: transparent;
  width: 56px;
  height: 25px;
  left: -52px;
  bottom: 35px;
  border-bottom-right-radius: 40px;
  box-shadow: 30px 0 0 0 var(--color-white);
}
.why-choose-wrapper .why-choose-item .icon .bottom-right-shape {
  position: absolute;
  z-index: -1;
  background: transparent;
  width: 56px;
  height: 25px;
  right: -52px;
  bottom: 35px;
  border-bottom-right-radius: 40px;
  box-shadow: 30px 0 0 0 var(--color-white);
  transform: scaleX(-1);
}

.why-choose-image-left-area {
  max-width: max-content;
  position: relative;
  z-index: 1;
}
.why-choose-image-left-area .image-area {
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.why-choose-image-left-area .image-area::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 54, 0, 0.2);
}
.why-choose-image-left-area .inner-image-one {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0 20px 20px;
  border-bottom-left-radius: 20px;
  background: var(--color-white);
  z-index: 1;
}
.why-choose-image-left-area .inner-image-one .inner-image {
  position: relative;
  z-index: 1;
}
.why-choose-image-left-area .inner-image-one .inner-image .overlay-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 20px;
}
.why-choose-image-left-area .inner-image-one .inner-image .overlay-image::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 54, 0, 0.1);
}
.why-choose-image-left-area .inner-image-one .inner-image::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: 0;
  left: -80px;
  border-top-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.why-choose-image-left-area .inner-image-one .inner-image::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  right: 0;
  bottom: -80px;
  border-top-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.why-choose-image-left-area .inner-image-two {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 20px 0 0;
  border-top-right-radius: 20px;
  background: var(--color-white);
  z-index: 1;
}
.why-choose-image-left-area .inner-image-two .inner-image {
  position: relative;
  z-index: 1;
}
.why-choose-image-left-area .inner-image-two .inner-image .overlay-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 20px;
}
.why-choose-image-left-area .inner-image-two .inner-image .overlay-image::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 54, 0, 0.1);
}
.why-choose-image-left-area .inner-image-two .inner-image::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  top: -80px;
  left: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}
.why-choose-image-left-area .inner-image-two .inner-image::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  right: -80px;
  bottom: 0;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-white);
}

.why-choose-item-wrapper {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 60px;
  column-gap: 30px;
}
.why-choose-item-wrapper .why-choose-item-two {
  background: var(--color-gray);
  padding: 70px 29px 50px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.why-choose-item-wrapper .why-choose-item-two .title {
  font-size: var(--h6);
  margin-bottom: 15px;
}
.why-choose-item-wrapper .why-choose-item-two .inner-icon {
  padding: 11px;
  border-radius: 50%;
  background: var(--color-white);
  position: absolute;
  top: -35px;
  left: 30px;
}
.why-choose-item-wrapper .why-choose-item-two .inner-icon .icon {
  position: relative;
  z-index: 1;
}
.why-choose-item-wrapper .why-choose-item-two .inner-icon .icon::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 10px;
  background: transparent;
  top: 24px;
  left: -40px;
  border-top-right-radius: 10px;
  box-shadow: 10px 0 0 0 var(--color-white);
}
.why-choose-item-wrapper .why-choose-item-two .inner-icon .icon::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 10px;
  background: transparent;
  top: 24px;
  right: -40px;
  border-top-left-radius: 10px;
  box-shadow: -10px 0 0 0 var(--color-white);
}

.rts-blog-wrapper .single-blog {
  background: var(--color-white);
  padding: 30px;
  border: 1px solid rgba(85, 85, 85, 0.2);
  border-radius: 6px;
}
.rts-blog-wrapper .single-blog .image-area {
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.rts-blog-wrapper .single-blog .image-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.rts-blog-wrapper .single-blog .image-area .inner {
  padding: 20px 0 0 20px;
  background: var(--color-white);
  border-top-left-radius: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.rts-blog-wrapper .single-blog .image-area .inner .link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  border-radius: 50%;
  transition: var(--transition);
  position: relative;
}
.rts-blog-wrapper .single-blog .image-area .inner .link-icon::before {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 0;
  bottom: 80px;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.rts-blog-wrapper .single-blog .image-area .inner .link-icon::after {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 80px;
  bottom: 0;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.rts-blog-wrapper .single-blog .image-area .inner .link-icon:hover {
  background: var(--color-primary);
}
.rts-blog-wrapper .single-blog .content {
  margin-top: 40px;
}
.rts-blog-wrapper .single-blog .content .date {
  display: inline-block;
  margin-bottom: 10px;
}
.rts-blog-wrapper .single-blog .content .title {
  font-size: var(--h5);
  margin-bottom: 0;
}
.rts-blog-wrapper .single-blog:hover .image-area img {
  transform: scale(1.05);
}
.rts-blog-wrapper .single-blog-sm {
  background: var(--color-white);
  padding: 20px;
  border: 1px solid rgba(85, 85, 85, 0.2);
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.rts-blog-wrapper .single-blog-sm .image-area {
  overflow: hidden;
  border-radius: 6px;
  flex-basis: 45%;
  position: relative;
}
.rts-blog-wrapper .single-blog-sm .image-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.rts-blog-wrapper .single-blog-sm .image-area .inner {
  padding: 20px 0 0 20px;
  background: var(--color-white);
  border-top-left-radius: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  border-radius: 50%;
  transition: var(--transition);
  position: relative;
}
.rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon::before {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 0;
  bottom: 80px;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon::after {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 80px;
  bottom: 0;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.rts-blog-wrapper .single-blog-sm .image-area .inner .link-icon:hover {
  background: var(--color-primary);
}
.rts-blog-wrapper .single-blog-sm .content {
  flex-basis: 50%;
}
.rts-blog-wrapper .single-blog-sm .content .date {
  display: inline-block;
  margin-bottom: 20px;
}
.rts-blog-wrapper .single-blog-sm .content .title {
  font-size: 22px;
}
.rts-blog-wrapper .single-blog-sm:hover .image-area img {
  transform: scale(1.05);
}
.rts-blog-wrapper .single-blog-two {
  background: var(--color-white);
  padding: 30px;
  border: 1px solid rgba(85, 85, 85, 0.2);
  border-radius: 6px;
}
.rts-blog-wrapper .single-blog-two .image-area {
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.rts-blog-wrapper .single-blog-two .image-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}
.rts-blog-wrapper .single-blog-two .image-area .inner {
  padding: 20px 0 0 20px;
  background: var(--color-white);
  border-top-left-radius: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.rts-blog-wrapper .single-blog-two .image-area .inner .link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  border-radius: 50%;
  transition: var(--transition);
  position: relative;
}
.rts-blog-wrapper .single-blog-two .image-area .inner .link-icon::before {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 0;
  bottom: 80px;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.rts-blog-wrapper .single-blog-two .image-area .inner .link-icon::after {
  content: "";
  height: 30px;
  width: 30px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 80px;
  bottom: 0;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.rts-blog-wrapper .single-blog-two .image-area .inner .link-icon:hover {
  background: var(--color-primary);
}
.rts-blog-wrapper .single-blog-two .content {
  margin-top: 40px;
}
.rts-blog-wrapper .single-blog-two .content .date {
  display: inline-block;
  font-weight: var(--f-medium);
  margin-bottom: 15px;
}
.rts-blog-wrapper .single-blog-two .content .title {
  font-size: var(--h6);
  margin-bottom: 25px;
}
.rts-blog-wrapper .single-blog-two .content .author-area {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rts-blog-wrapper .single-blog-two .content .author-area .author-thumb {
  border-radius: 50%;
}
.rts-blog-wrapper .single-blog-two .content .author-area .author-name {
  color: var(--color-body);
  font-weight: var(--f-medium);
}
.rts-blog-wrapper .single-blog-two:hover .image-area img {
  transform: scale(1.05);
}

.rts-blog-area .left-side-content {
  max-width: 425px;
}
.rts-blog-area .left-side-content .desc {
  margin-bottom: 25px;
}
.rts-blog-area .swiper-pagination-5 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -60px;
}
.rts-blog-area .swiper-pagination-5 .swiper-pagination-bullet {
  transition: var(--transition);
  margin: 0 2px;
}
.rts-blog-area .section-inner {
  position: relative;
  z-index: 1;
}
.rts-blog-area .section-title-area .section-title {
  margin-bottom: 20px;
}
.rts-blog-area.inner .blog-wrapper {
  background: #FFFFFF;
  border: 1px solid rgba(85, 85, 85, 0.2);
  box-shadow: 0px 30px 40px rgba(175, 175, 175, 0.16);
  border-radius: 6px;
  height: 100%;
}
.rts-blog-area.inner .blog-wrapper .content .blog-meta {
  color: var(--color-primary);
  margin-bottom: 10px;
}
.rts-blog-area.inner .blog-wrapper .content .author-date {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.rts-blog-area.inner .blog-wrapper .content .author-date .person {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-heading);
  padding-right: 7px;
}
.rts-blog-area.inner .blog-wrapper .content .author-date .person img {
  border-radius: 100px;
}
.rts-blog-area.inner .blog-wrapper .content .author-date .date {
  padding-left: 13px;
  position: relative;
  z-index: 1;
}
.rts-blog-area.inner .blog-wrapper .content .author-date .date::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.rts-blog-area.inner .load-more-btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
.rts-blog-area.inner .load-more-btn .rts__btn {
  border: 1px solid rgba(85, 85, 85, 0.15);
  border-radius: 6px;
}
.rts-blog-area.blog-2 .blog-wrapper {
  padding: 40px 45px;
}

.blog-wrapper {
  padding: 30px;
  background: var(--color-white);
  border-radius: 6px;
  border: 1px solid rgba(85, 85, 85, 0.15);
}
.blog-wrapper .image-area {
  border-radius: 6px;
  overflow: hidden;
  transition: var(--transition);
}
.blog-wrapper .image-area:hover img {
  transform: scale(105%);
}
.blog-wrapper .image-area img {
  transform: scale(100%);
  transition: var(--transition);
}
.blog-wrapper .content {
  margin-top: 30px;
}
.blog-wrapper .content .blog-meta {
  margin-bottom: 20px;
}
.blog-wrapper .content h2 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0;
}

.blog-list-style .blog-wrapper {
  gap: 30px;
}
.blog-list-style .blog-wrapper .image-area {
  flex-basis: 47%;
}
.blog-list-style .blog-wrapper .content {
  flex-basis: 53%;
}

.portfolio-details-area .portfolio-slider-area {
  position: relative;
  z-index: 1;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area {
  position: absolute;
  width: max-content;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  right: 20px;
  z-index: 2;
  background: var(--color-white);
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination {
  display: flex;
  flex-direction: column;
  position: unset;
  gap: 25px;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet {
  width: 148px;
  height: 138px;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: #f9f9f9;
  opacity: 0.5;
  background-size: cover;
  background-position: center;
  margin-right: 0;
  position: relative;
  z-index: 1;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 170px;
  height: 158px;
  border-radius: 6px;
  border: 1px solid var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  opacity: 0;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
  background: url(../images/portfolio/24.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
  background: url(../images/portfolio/25.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
  background: url(../images/portfolio/26.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
  background: url(../images/portfolio/27.webp) !important;
  background-size: cover !important;
  background-position: center !important;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.portfolio-details-area .portfolio-slider-area .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}
.portfolio-details-area h2 {
  font-size: 24px;
  font-weight: 500;
}
@media (min-width: 576px) {
  .portfolio-details-area h2 {
    line-height: 1;
  }
}
.portfolio-details-area ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.portfolio-details-area ul li {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 30%;
}
.portfolio-details-area ul li i {
  color: var(--color-primary);
  font-size: 24px;
}
.portfolio-details-area ul.specs-list li span {
  display: block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  color: var(--color-white);
  background: var(--color-primary);
  font-size: 18px;
  text-align: center;
  border-radius: 6px;
}
.portfolio-details-area ul.specs-list li h6 {
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 5px;
}
.portfolio-details-area ul.specs-list li p {
  font-size: 14px;
}
.portfolio-details-area ul.feature-list2 {
  gap: 0;
}
.portfolio-details-area ul.feature-list2 li {
  width: 50%;
  padding: 18px 29px;
}
.portfolio-details-area ul.feature-list2 li:nth-child(odd) {
  padding-left: 0;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: rgba(85, 85, 85, 0.25);
}
.portfolio-details-area ul.feature-list2 li:nth-child(even) {
  padding-right: 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: rgba(85, 85, 85, 0.25);
}
.portfolio-details-area ul.feature-list2 li:nth-child(1), .portfolio-details-area ul.feature-list2 li:nth-child(2) {
  border-top: 1px solid rgba(85, 85, 85, 0.25);
}
.portfolio-details-area ul.feature-list2 li i {
  font-size: 20px;
}
.portfolio-details-area ul.feature-list2 li .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.portfolio-details-area ul.feature-list2 li .text p {
  margin-bottom: 0;
}
.portfolio-details-area form {
  background: var(--color-gray);
  border-radius: 10px;
  padding: 30px;
}
.portfolio-details-area form h2 {
  margin-bottom: 20px;
}
.portfolio-details-area form .input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.portfolio-details-area form .input-wrapper input {
  padding: 9px 15px;
  border-radius: 4px;
  border: 1px solid rgba(85, 85, 85, 0.25);
  background: var(--color-white);
}
.portfolio-details-area form textarea {
  padding: 9px 15px;
  border-radius: 4px;
  border: 1px solid rgba(85, 85, 85, 0.25);
  background: var(--color-white);
  min-height: 120px;
  margin-bottom: 20px;
}
.portfolio-details-area form .form-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.portfolio-details-area form .form-bottom label a {
  color: var(--color-primary);
}
.portfolio-details-area form .form-bottom button {
  display: flex;
  align-items: center;
  gap: 6px;
}
.portfolio-details-area .quote-area {
  background: var(--color-gray);
  border-radius: 16px;
  padding: 30px 75px 80px 30px;
  font-size: 24px;
  font-family: var(--font-primary);
  color: var(--color-body);
  font-weight: 500;
  line-height: 34px;
}
.portfolio-details-area .quote-area .image img {
  margin: 0;
  position: unset;
}
.portfolio-details-area .quote-area img {
  margin-left: 20px;
  position: relative;
  top: 30px;
}
.portfolio-details-area .tag-area {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
}
.portfolio-details-area .tag-area li {
  background: var(--color-gray);
  line-height: 1;
  font-size: 14px;
  padding: 8px 13px;
  border-radius: 30px;
  text-align: center;
  display: block;
  width: unset;
}
.portfolio-details-area .share-link {
  display: flex;
  align-items: center;
  gap: 23px;
}
.portfolio-details-area .share-link h2 {
  margin-bottom: 0;
}
.portfolio-details-area .share-link ul {
  gap: 15px;
}
.portfolio-details-area .share-link ul li {
  width: unset;
  flex-wrap: nowrap;
}
.portfolio-details-area .comment-box {
  position: relative;
  z-index: 1;
}
.portfolio-details-area .comment-box .author {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.portfolio-details-area .comment-box .author .image img {
  border-radius: 100px;
}
.portfolio-details-area .comment-box .author .content h6 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1;
}
.portfolio-details-area .comment-box .author .content p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
}
.portfolio-details-area .comment-box p {
  margin-bottom: 15px;
}
.portfolio-details-area .comment-box .reply-btn {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 8px;
}
.portfolio-details-area .comment-form {
  background: var(--color-gray);
  border-radius: 10px;
  padding: 30px;
}
.portfolio-details-area .comment-form form {
  padding: 0;
}
.portfolio-details-area .comment-form form textarea {
  border: none;
}
.portfolio-details-area .comment-form form .rts__btn {
  border: none;
  border-radius: 6px;
  background: var(--color-primary);
  color: var(--color-white);
  max-width: max-content;
}
.portfolio-details-area .comment-form form .rts__btn::before {
  background: var(--color-heading);
}

.rts-brand-wrappper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
  flex-wrap: wrap;
}
.rts-brand-wrappper .single-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 188px;
  max-width: 188px;
  height: 188px;
  background: var(--color-gray);
  border-radius: 10px;
}
.rts-brand-wrappper.inner-brand .single-brand {
  background: transparent;
  border: 1px solid rgba(85, 85, 85, 0.15);
}

.rts-testiomonials-area {
  position: relative;
  z-index: 1;
}
.rts-testiomonials-area.testimonial-mx {
  margin: 0 60px;
  border-radius: 20px;
}
@media only screen and (max-width: 1199px) {
  .rts-testiomonials-area.testimonial-mx {
    margin: 0 15px;
  }
}
.rts-testiomonials-area .rts-testimonials-pagination-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: var(--color-white);
  height: 180px;
  width: 60px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rts-testiomonials-area .rts-testimonials-pagination-wrapper .rts-testimonials-dot {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.rts-testiomonials-area .rts-testimonials-pagination-wrapper .rts-testimonials-dot .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: var(--color-primary);
  opacity: 1;
}
.rts-testiomonials-area .rts-testimonials-pagination-wrapper .rts-testimonials-dot .swiper-pagination-bullet-active {
  background: var(--color-heading);
}
.rts-testiomonials-area::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-right-radius: 20px;
  right: 0;
  top: 278px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
@media only screen and (max-width: 991px) {
  .rts-testiomonials-area::before {
    display: none;
  }
}
.rts-testiomonials-area::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  border-top-right-radius: 20px;
  right: 0;
  bottom: 278px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
@media only screen and (max-width: 991px) {
  .rts-testiomonials-area::after {
    display: none;
  }
}

.testimonials-area-three {
  position: relative;
  z-index: 1;
}
.testimonials-area-three .rts-testimonials-pagination-wrapper-three {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 315px;
  height: 70px;
  padding-left: 40px;
}
.testimonials-area-three .rts-testimonials-pagination-wrapper-three .rts-testimonials-dot {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.testimonials-area-three .rts-testimonials-pagination-wrapper-three .rts-testimonials-dot .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: var(--color-primary);
  opacity: 1;
}
.testimonials-area-three .rts-testimonials-pagination-wrapper-three .rts-testimonials-dot .swiper-pagination-bullet-active {
  background: var(--color-heading);
}

.rts-testimonials-images-area {
  position: relative;
  z-index: 1;
  max-width: max-content;
}
.rts-testimonials-images-area img {
  border-radius: 20px;
}
.rts-testimonials-images-area .inner-author {
  padding: 20px 0 0 20px;
  background: var(--color-primary);
  border-top-left-radius: 20px;
  position: absolute;
  right: -100px;
  bottom: 0;
}
.rts-testimonials-images-area .inner-author .author-info {
  background: var(--color-white);
  padding: 30px 38px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.rts-testimonials-images-area .inner-author .author-info::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-right-radius: 20px;
  top: -80px;
  right: 100px;
  box-shadow: 20px 0 0 0 var(--color-primary);
}
.rts-testimonials-images-area .inner-author .author-info::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-right-radius: 20px;
  left: -80px;
  bottom: 0;
  box-shadow: 20px 0 0 0 var(--color-primary);
}
.rts-testimonials-images-area .inner-author .author-info .title {
  font-size: var(--h5);
  margin-bottom: 12px;
}
.rts-testimonials-images-area .inner-author .author-info .role {
  font-size: 20px;
  font-family: var(--font-primary);
  font-weight: var(--f-regular);
}

.rts-testimonials-content-area .rts-section-title .heading-title {
  margin-bottom: 50px;
}
.rts-testimonials-content-area .content-area {
  display: flex;
  gap: 40px;
}
.rts-testimonials-content-area .content-area .desc-star-area .desc {
  font-size: 20px;
  color: var(--color-white);
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  line-height: 34px;
  max-width: 610px;
}
.rts-testimonials-content-area .content-area .desc-star-area .star-rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rts-testimonials-content-area .content-area .desc-star-area .qoute {
  text-align: end;
}

.rts-testimonials-image-two {
  padding-left: 130px;
}
.rts-testimonials-image-two .inner-author {
  background: var(--color-gray);
  padding: 20px 20px 0 0;
  left: 30px;
  right: unset;
  border-top-left-radius: unset;
  border-top-right-radius: 20px;
}
.rts-testimonials-image-two .inner-author .author-info::before {
  right: 130px;
  border-bottom-right-radius: unset;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-gray);
}
.rts-testimonials-image-two .inner-author .author-info::after {
  left: unset;
  right: -80px;
  border-bottom-left-radius: 20px;
  box-shadow: -20px 0 0 0 var(--color-gray);
}

.rts-testimonials-content-two .content-area .desc-star-area .desc {
  color: var(--color-body);
  font-weight: var(--f-regular);
}
.rts-testimonials-content-two .content-area .desc-star-area .star-rating li {
  color: var(--color-primary);
  font-size: 30px;
}
.rts-testimonials-content-two .content-area .desc-star-area .qoute {
  text-align: unset;
  position: relative;
  left: 230px;
  bottom: 18px;
}

.single-testimonials-item {
  padding: 40px 30px;
  background: var(--color-white);
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.single-testimonials-item .star-rating {
  display: flex;
  align-items: center;
  gap: 7px;
}
.single-testimonials-item .star-rating li {
  color: var(--color-primary);
  font-size: 18px;
}
.single-testimonials-item .desc {
  font-size: 18px;
  margin: 35px 0 55px;
}
.single-testimonials-item .author-area {
  display: flex;
  align-items: center;
  gap: 16px;
}
.single-testimonials-item .author-area .author-thumb img {
  border-radius: 100px;
}
.single-testimonials-item .author-area .author-content .author-name {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 5px;
}
.single-testimonials-item .inner-icon {
  padding: 20px 0 0 20px;
  background: var(--color-gray);
  border-top-left-radius: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.single-testimonials-item .inner-icon .icon {
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.single-testimonials-item .inner-icon .icon::before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-right-radius: 20px;
  left: -80px;
  bottom: 0;
  box-shadow: 20px 0 0 0 var(--color-gray);
}
.single-testimonials-item .inner-icon .icon::after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background: transparent;
  border-bottom-right-radius: 20px;
  top: -80px;
  right: 0;
  box-shadow: 20px 0 0 0 var(--color-gray);
}

.rts-cta-area .cta-inner {
  background: var(--color-primary);
  padding: 74px 100px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.rts-cta-area .cta-inner .title {
  font-size: var(--h2);
  color: var(--color-white);
  max-width: 602px;
}
.rts-cta-area .cta-inner .title.two {
  text-transform: uppercase;
  font-size: 50px;
  max-width: 700px;
}
.rts-cta-area .cta-inner .contact a,
.rts-cta-area .cta-inner .contact a.rts-btn,
.rts-cta-area .cta-inner .contact a.btn-primary {
  background-color: #ffffff !important;
  color: #1A3D0A !important;
  padding: 14px 28px !important;
  border-radius: 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}
.rts-cta-area .cta-inner .contact a:hover,
.rts-cta-area .cta-inner .contact a.rts-btn:hover,
.rts-cta-area .cta-inner .contact a.btn-primary:hover {
  background-color: #f0f0f0 !important;
  color: #1A3D0A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}
.rts-cta-area .cta-inner .shape {
  position: absolute;
  z-index: -1;
}
.rts-cta-area .cta-inner .shape.one {
  top: 20%;
  right: 37%;
}
.rts-cta-area .cta-inner .shape.two {
  bottom: 20%;
  right: 35%;
}
.rts-cta-area.inner-cta {
  margin-bottom: -150px;
}

.single-gallery {
  position: relative;
}
.single-gallery img {
  border-radius: 20px;
}
.single-gallery .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: var(--transition);
}
.single-gallery:hover .icon {
  opacity: 1;
}

.rts-video-area {
  padding-bottom: 170px;
}
@media only screen and (max-width: 1199px) {
  .rts-video-area {
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .rts-video-area {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .rts-video-area {
    padding-bottom: 80px;
  }
}

.rts-video-wrapper {
  position: relative;
  z-index: 1;
}
.rts-video-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(5, 11, 32, 0.1);
  border-radius: 20px;
}
.rts-video-wrapper img {
  border-radius: 20px;
}
.rts-video-wrapper .inner-btn-area {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
  padding: 20px 20px 0 20px;
  background: var(--color-white);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}
.rts-video-wrapper .inner-btn-area .rts-play-btn {
  width: 158px;
  height: 158px;
  border-radius: 50%;
  background: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.rts-video-wrapper .inner-btn-area .rts-play-btn::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: transparent;
  border-bottom-right-radius: 20px;
  left: -69px;
  bottom: 50px;
  box-shadow: 16px 0 0 0 var(--color-white);
}
.rts-video-wrapper .inner-btn-area .rts-play-btn::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: transparent;
  border-bottom-left-radius: 20px;
  right: -69px;
  bottom: 50px;
  box-shadow: -16px 0 0 0 var(--color-white);
}
.rts-video-wrapper .inner-btn-area .rts-play-btn .text-circle {
  position: absolute;
  animation: load360 9s infinite linear;
}
@keyframes load360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rts-contact-form {
  background: var(--color-gray);
  padding: 40px 43px;
  border-radius: 10px;
}
.rts-contact-form .title {
  text-align: center;
  font-size: var(--h5);
  line-height: 1;
  margin-bottom: 30px;
}
.rts-contact-form .contact-form-area .single-input {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.rts-contact-form .contact-form-area .single-input .icon {
  position: absolute;
  top: 12px;
  left: 20px;
}
.rts-contact-form .contact-form-area .single-input input,
.rts-contact-form .contact-form-area .single-input textarea {
  border: 1px solid rgba(85, 85, 85, 0.15);
  border-radius: 6px;
  padding: 12px 20px 12px 45px;
  background: var(--color-white);
}
.rts-contact-form .contact-form-area .single-input input:focus,
.rts-contact-form .contact-form-area .single-input textarea:focus {
  border-color: var(--color-primary);
}
.rts-contact-form .contact-form-area .single-input textarea {
  height: 92px;
  resize: none;
}
.rts-contact-form .contact-form-area #form-messages {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}
.rts-contact-form .contact-form-area .success {
  color: #155724;
}
.rts-contact-form .contact-form-area .error {
  color: #721c24;
}

.rts-contact-area .section-inner .map-area {
  width: 50%;
  height: 100%;
}
.rts-contact-area .section-inner .map-area .contact-map-area-fluid {
  height: 607px;
}
.rts-contact-area.inner .map-area {
  width: 60%;
}
.rts-contact-area.inner .get-in-touch-area {
  width: 40%;
  background: var(--color-gray);
}
.rts-contact-area.inner .get-in-touch-area::after {
  display: none;
}
.rts-contact-area.inner .get-in-touch-area .contact-form {
  padding: 40px;
}
.rts-contact-area.inner .get-in-touch-area .contact-form .form__control button {
  max-width: 100%;
}

.rts-contact-area2 .inner {
  display: flex;
  border-radius: 16px;
  border: 1px solid rgba(85, 85, 85, 0.11);
}
.rts-contact-area2 .inner .contact-wrapper {
  text-align: center;
  padding: 58px 0;
  width: 33%;
}
.rts-contact-area2 .inner .contact-wrapper .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: block;
  background: var(--color-gray);
  border-radius: 6px;
  margin: auto;
  margin-bottom: 20px;
}
.rts-contact-area2 .inner .contact-wrapper .title {
  font-size: 34px;
}
.rts-contact-area2 .inner .contact-wrapper ul li a {
  color: var(--color-body);
}
.rts-contact-area2 .inner .contact-wrapper:nth-child(2) {
  border-width: 0 1px;
  border-color: rgba(85, 85, 85, 0.11);
  border-style: solid;
}

.account-page-body {
  background: #fff;
}
.account-page-body .rts-contact-page-form-area.account .mian-wrapper-form {
  padding: 60px;
  height: 100%;
  border: 1px solid #f5f5f5;
  margin: 0 15px;
  border-radius: 10px;
}
.account-page-body .mian-wrapper-form {
  padding: 120px 135px;
  border: 1px solid #E9E9E9;
  box-shadow: 0px 24px 39px rgba(0, 0, 0, 0.05);
}
.account-page-body .mian-wrapper-form input {
  height: 50px;
  border-radius: 0;
  margin-bottom: 15px;
  border-color: #f1f1f1;
}
.account-page-body .mian-wrapper-form input:focus {
  border: 1px solid var(--color-primary);
}
.account-page-body .mian-wrapper-form .rts__btn {
  padding: 14px 42px;
  max-width: max-content;
  border: none;
  border-radius: 6px;
  background: var(--color-primary);
  color: var(--color-white);
}
.account-page-body .mian-wrapper-form .rts__btn::before {
  background: var(--color-heading);
}
.account-page-body .checkbox {
  margin-bottom: 15px;
}
.account-page-body .checkbox input {
  margin-bottom: 0;
}
.account-page-body .checkbox label {
  font-size: 16px;
  padding-left: 15px;
}
.account-page-body .checkbox label::after {
  display: none;
}
.account-page-body .checkbox label::before {
  display: none;
}
.account-page-body .rts-contact-page-form-area.account .mian-wrapper-form .forgot-password {
  margin-top: 30px;
}

.rts-faq__accordion {
  margin-right: 30px;
}
.rts-faq__accordion.accordion-two {
  margin-right: 0;
  margin-left: 50px;
}
.rts-faq__accordion .accordion .accordion-item {
  padding: 18px 30px;
  border: 1px solid rgba(85, 85, 85, 0.15);
  background: transparent;
  transition: var(--transition);
  border-radius: 6px;
  position: relative;
}
.rts-faq__accordion .accordion .accordion-item:not(:last-child) {
  margin-bottom: 30px;
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button {
  cursor: pointer;
  font-size: 18px;
  padding: 0;
  font-weight: 500;
  background: transparent;
  margin-bottom: 0;
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background: transparent;
  color: var(--color-secondary);
  box-shadow: none;
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .inner-shape {
  padding: 0 0 60px 60px;
  border-bottom-left-radius: 30px;
  background: var(--color-white);
  position: absolute;
  right: -30px;
  top: -20px;
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .inner-shape .inner-radius {
  position: relative;
  z-index: 1;
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .inner-shape .inner-radius::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent;
  border-top-right-radius: 16px;
  top: 0px;
  right: 60px;
  box-shadow: 10px 0 0 0 var(--color-white);
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .inner-shape .inner-radius::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: transparent;
  border-top-right-radius: 16px;
  right: 0;
  bottom: -90px;
  box-shadow: 10px 0 0 0 var(--color-white);
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 500;
  color: var(--color-heading);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -20px;
  right: -30px;
}
.rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  background-image: none;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-heading);
}
.rts-faq__accordion .accordion .accordion-item .accordion-body {
  padding: 0;
  padding-top: 15px;
  max-width: 615px;
}
.rts-faq__accordion .accordion .accordion-item.active {
  background: var(--color-gray);
  border: 1px solid transparent;
}
.rts-faq__accordion.inner-faq .accordion .accordion-item .accordion-header .accordion-button:not(.callapsed) .inner-shape {
  display: none;
}
.rts-faq__accordion.inner-faq .accordion .accordion-item .accordion-header .accordion-button:not(.callapsed)::after {
  background: transparent;
  color: var(--color-heading);
}

.faq__image img {
  border-radius: 10px;
}

.rts-breadcrumb-area {
  position: relative;
  z-index: 1;
}
.rts-breadcrumb-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(5, 11, 32, 0.7);
  z-index: -1;
}
.rts-breadcrumb-area .breadcrumb-area-wrapper {
  padding: 100px 0 80px;
  height: auto;
  display: flex;
  align-items: center;
}
.rts-breadcrumb-area .breadcrumb-area-wrapper .title {
  color: var(--color-white);
  margin: 0;
}
.rts-breadcrumb-area .breadcrumb-area-wrapper.breadcrumb-two {
  flex-direction: column;
  gap: 30px;
  align-items: start;
}
.rts-breadcrumb-area .breadcrumb-area-wrapper.breadcrumb-two .breadcrumb-list {
  display: flex;
  align-items: center;
  gap: 30px;
}
.rts-breadcrumb-area .breadcrumb-area-wrapper.breadcrumb-two .breadcrumb-list li {
  font-size: 16px;
  font-family: var(--font-primary);
  font-weight: var(--f-regular);
  line-height: 1;
  color: var(--color-white);
  display: flex;
  align-items: center;
  gap: 6px;
}
.rts-breadcrumb-area .nav-bread-crumb {
  position: absolute;
  right: 0;
  bottom: -1px;
  background: var(--color-white);
  height: 70px;
  max-width: 266px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 20px;
  z-index: 1;
}
.rts-breadcrumb-area .nav-bread-crumb::before {
  content: "";
  height: 40px;
  width: 40px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  right: 0;
  top: -39px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.rts-breadcrumb-area .nav-bread-crumb::after {
  content: "";
  height: 40px;
  width: 40px;
  background: transparent;
  border-bottom-right-radius: 16px;
  position: absolute;
  left: -40px;
  bottom: 0;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.rts-breadcrumb-area .nav-bread-crumb .nav-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: -1;
}
.rts-breadcrumb-area .nav-bread-crumb .nav-inner a {
  font-size: 20px;
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  line-height: 1;
}
.rts-breadcrumb-area .nav-bread-crumb .nav-inner a.current {
  color: var(--color-primary);
}
.rts-breadcrumb-area .nav-bread-crumb .nav-inner .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #C0C0C0;
  border-radius: 50%;
  line-height: 1;
}
.rts-breadcrumb-area.blog-details {
  padding: 0;
  background: url(../images/breadcrumb/portfolio-breadcrumb.webp);
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
  display: block;
  text-align: center;
  height: auto;
  padding: 110px 0 100px;
}
@media only screen and (max-width: 767px) {
  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
    padding: 70px 0 60px;
  }
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper p {
  color: var(--color-white);
  font-size: 18px;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 15px;
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area .image img {
  width: 26px;
  border-radius: 100px;
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul li {
  color: var(--color-white);
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul li:last-child {
  padding-left: 13px;
  position: relative;
  z-index: 1;
}
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul li:last-child::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

.single-team {
  position: relative;
  z-index: 1;
}
.single-team .team-thumb img {
  border-radius: 20px;
}
.single-team .content {
  padding: 14px 34px;
  border-radius: 10px;
  max-width: max-content;
  width: 100%;
  background: var(--color-primary);
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 21px;
}
.single-team .content .title {
  color: var(--color-white);
  font-size: 16px;
  font-weight: var(--f-semi-bold);
  margin-bottom: 2px;
}
.single-team .content a {
  color: var(--color-white);
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-team .content a i {
  transform: scaleX(-1);
}

.rts-shop-area .shop-filter-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.rts-shop-area .shop-filter-area p {
  margin-bottom: 0;
}
.rts-shop-area .shop-filter-area .select-area {
  display: flex;
  gap: 20px;
}
.rts-shop-area .shop-filter-area .select-area .nice-select {
  padding: 10px 60px 10px 20px;
  height: auto;
  line-height: unset;
  background: var(--color-gray);
}
.rts-shop-area.inner-two {
  padding-left: 60px;
  padding-right: 60px;
}

.rts-shop-list-wrapper .rts-btn-wrapper {
  margin-top: 50px;
  text-align: center;
}
.rts-shop-list-wrapper .rts-btn-wrapper.inner-one .rts__btn {
  border-radius: 6px;
}

.shopr-wrapper {
  position: relative;
  z-index: 1;
  transition: var(--transition);
  border-radius: 16px;
  background: var(--color-gray);
  overflow: hidden;
  box-shadow: none;
}
.shopr-wrapper:hover {
  box-shadow: 0px 30px 20px rgba(101, 101, 101, 0.1);
}
.shopr-wrapper:hover .image-area img {
  transform: scale(105%);
}
.shopr-wrapper .image-area {
  overflow: hidden;
  transition: var(--transition);
  width: 100%;
}
.shopr-wrapper .image-area img {
  transform: scale(100%);
  transition: var(--transition);
  width: 100%;
}
.shopr-wrapper .content-area {
  background: none;
  padding: 25px 30px 30px;
  transition: var(--transition);
}
.shopr-wrapper .content-area .star-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.shopr-wrapper .content-area .star-rating li {
  padding: 0;
  margin: 0;
  color: var(--color-primary);
}
.shopr-wrapper .content-area .title {
  font-size: 24px;
  margin-bottom: 35px;
}
.shopr-wrapper .content-area p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1;
  font-family: var(--font-primary);
  font-weight: 500;
  color: var(--color-heading);
}
.shopr-wrapper .content-area p span {
  font-size: 10px;
  color: var(--color-body);
}
.shopr-wrapper .button-area {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 20px 0 0 20px;
  border-top-left-radius: 20px;
  background: var(--color-white);
}
.shopr-wrapper .button-area .rts-link-btn {
  width: 50px;
  height: 50px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  position: relative;
  z-index: 1;
}
.shopr-wrapper .button-area .rts-link-btn::before {
  content: "";
  position: absolute;
  top: -60px;
  right: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border-bottom-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.shopr-wrapper .button-area .rts-link-btn::after {
  content: "";
  position: absolute;
  left: -60px;
  bottom: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border-bottom-right-radius: 20px;
  box-shadow: 20px 0 0 0 var(--color-white);
}
.shopr-wrapper .button-area .rts-link-btn:hover {
  background: var(--color-heading);
}

.ms-single-product__content {
  margin-left: 50px;
}
.ms-single-product__content .sub-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  line-height: 1;
  font-family: var(--font-primary);
  margin-bottom: 25px;
}
.ms-single-product__content .sub-title a {
  position: relative;
  z-index: 1;
  padding-right: 14px;
}
.ms-single-product__content .sub-title a::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #405FF2;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.ms-single-product__content .ms-woocommerce-product-rating {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 28px;
}
.ms-single-product__content .ms-woocommerce-product-rating ul {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ms-single-product__content .ms-woocommerce-product-rating ul li {
  color: var(--color-primary);
  line-height: 1;
}
.ms-single-product__content .ms-woocommerce-product-rating .woocommerce-review-link {
  font-size: 20px;
  font-family: var(--font-primary);
  color: var(--color-body);
  font-weight: 500;
}
.ms-single-product__content .woocommerce-Price-amount {
  margin-top: 28px;
}
.ms-single-product__content .woocommerce-Price-amount bdi {
  color: var(--color-primary);
  font-size: 34px;
  line-height: 44px;
  font-weight: 500;
  font-family: var(--font-primary);
}
.ms-single-product__content .quantity-area {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 28px;
}
.ms-single-product__content .quantity-area .quantity-edit {
  max-width: 120px;
  display: flex;
  align-items: center;
  background: var(--color-gray);
  border-radius: 6px;
  padding: 13px;
  gap: 18px;
}
.ms-single-product__content .quantity-area .quantity-edit button {
  background: var(--color-white);
  padding: 0;
  border: none;
  border-radius: 6px;
  min-width: 24px;
  height: 24px;
  color: var(--color-heading);
}
.ms-single-product__content .quantity-area .quantity-edit button .fa-plus {
  font-size: 20px;
}
.ms-single-product__content .quantity-area .quantity-edit input {
  border: none;
  padding: 0;
  width: 10px;
  max-width: max-content;
  text-align: center;
  line-height: 1;
  color: var(--color-heading);
  font-weight: 600;
}
.ms-single-product__content .quantity-area .rts__btn {
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
}
.ms-single-product__content .quantity-area .rts__btn::before {
  background: var(--color-heading);
}
.ms-single-product__content .product_meta {
  margin-top: 40px;
}
.ms-single-product__content .product_meta ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 306px;
  width: 100%;
}
.ms-single-product__content .product_meta ul li {
  font-size: 24px;
  line-height: 1;
  font-family: var(--font-primary);
  color: var(--color-heading);
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ms-single-product__content .product_meta ul li span {
  color: var(--color-body);
  font-size: 20px;
}

.rts-portfolio-area.shop-single .tab-content > .tab-pane {
  display: none !important;
  position: unset;
  visibility: hidden;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane.active {
  display: block !important;
  visibility: visible;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .ms-section-title h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 35px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .ms-section-title ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .ms-section-title ul li {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 18px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .ms-section-title ul li i {
  color: var(--color-primary);
  font-size: 24px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews {
  display: flex;
  gap: 30px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw {
  width: 50%;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw h2 {
  font-size: 24px;
  margin-bottom: 40px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form {
  width: 50%;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form h2 {
  font-size: 24px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box {
  position: relative;
  z-index: 1;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box .author {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box .author .image img {
  border-radius: 100px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box .author .content h6 {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box .author .content p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box p {
  margin-bottom: 15px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box ul {
  display: flex;
  align-items: center;
  gap: 6px;
  position: absolute;
  top: 0;
  right: 0;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-box ul li {
  color: var(--color-primary);
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form {
  background: var(--color-gray);
  border-radius: 10px;
  padding: 30px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .single-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .single-wrapper input {
  border: 1px solid rgba(85, 85, 85, 0.15);
  border-radius: 4px;
  background: var(--color-white);
  padding: 9px 30px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form textarea {
  border: 1px solid rgba(85, 85, 85, 0.15);
  border-radius: 4px;
  background: var(--color-white);
  padding: 9px 30px;
  min-height: 100px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .rating {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .rating h5 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0;
  font-family: var(--font-secondary);
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .rating ul {
  display: flex;
  align-items: center;
  gap: 6px;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .rating ul li {
  color: var(--color-primary);
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .rts__btn {
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
}
.rts-portfolio-area.shop-single .tab-content > .tab-pane .woocommerce-Reviews .reveiw-form form .rts__btn::before {
  background: var(--color-heading);
}
.rts-portfolio-area.shop-single .tab-content .tab-pane:first-child {
  font-size: 18px;
  line-height: 28px;
}
.rts-portfolio-area.shop-single .nav-tabs {
  justify-content: start;
  gap: 17px;
  margin-bottom: 50px;
  border-bottom: none;
}
.rts-portfolio-area.shop-single .nav-tabs .nav-link {
  border-radius: 10px;
  color: var(--color-body);
  font-family: var(--font-primary);
  font-size: 24px;
  line-height: 1;
  padding: 15px 20px;
  border: 1px solid transparent;
  background: transparent;
}
.rts-portfolio-area.shop-single .nav-tabs .nav-link.active {
  color: var(--color-heading);
  border: 1px solid rgba(85, 85, 85, 0.15);
  background: var(--color-gray);
}

.rts-pricing-area .tab-area .nav-tabs {
  border: none !important;
  gap: 30px;
  justify-content: center;
  flex-wrap: nowrap;
}
.rts-pricing-area .tab-area button {
  display: block;
  border-radius: 0;
  padding: 40px 0;
  text-align: center;
  border: 1px solid rgba(85, 85, 85, 0.15) !important;
  width: 195px;
  height: 148px;
  background: var(--color-white);
  color: var(--color-heading);
  transition: var(--transition);
  box-shadow: none;
}
.rts-pricing-area .tab-area button.active {
  box-shadow: 0px 40px 40px rgba(153, 153, 153, 0.16);
}
.rts-pricing-area .tab-area button img {
  display: block;
  margin: 0 auto 30px;
}

.pricing-wrapper {
  border: 1px solid rgba(85, 85, 85, 0.15);
  padding: 50px 30px;
  background: transparent;
  transition: var(--transition);
}
.pricing-wrapper:hover, .pricing-wrapper.mid {
  background: var(--color-heading);
}
.pricing-wrapper:hover .pricing-top .sub-title,
.pricing-wrapper:hover .pricing-top .price span,
.pricing-wrapper:hover .pricing-top .text, .pricing-wrapper.mid .pricing-top .sub-title,
.pricing-wrapper.mid .pricing-top .price span,
.pricing-wrapper.mid .pricing-top .text {
  color: var(--color-white);
}
.pricing-wrapper:hover .pricing-top .rts-btn, .pricing-wrapper.mid .pricing-top .rts-btn {
  background: var(--color-white);
  border: 1px solid transparent;
}
.pricing-wrapper:hover .pricing-list li, .pricing-wrapper.mid .pricing-list li {
  color: var(--color-white);
}
.pricing-wrapper:hover .pricing-list li i, .pricing-wrapper.mid .pricing-list li i {
  color: var(--color-white);
}
.pricing-wrapper .pricing-top {
  margin-bottom: 40px;
}
.pricing-wrapper .pricing-top .sub-title {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 20px;
}
.pricing-wrapper .pricing-top .price {
  color: var(--color-primary);
  font-size: 34px;
  line-height: 1;
  font-weight: 600;
  font-family: var(--font-primary);
  margin-bottom: 30px;
}
.pricing-wrapper .pricing-top .price span {
  font-size: 18px;
  color: var(--color-body);
  font-weight: 400;
  font-family: var(--font-secondary);
}
.pricing-wrapper .pricing-top .text {
  color: var(--color-heading);
  font-size: 18px;
  margin-bottom: 30px;
}
.pricing-wrapper .pricing-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.pricing-wrapper .pricing-list li {
  display: flex;
  align-items: center;
  gap: 22px;
}
.pricing-wrapper .pricing-list li i {
  color: var(--color-heading);
}

.pricing-wrapper2 {
  padding: 54px 40px;
  transition: var(--transition);
  background: var(--color-gray);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing-wrapper2:hover, .pricing-wrapper2.mid {
  background: var(--color-heading);
}
.pricing-wrapper2:hover .pricing-top .sub-title,
.pricing-wrapper2:hover .pricing-top .price span,
.pricing-wrapper2:hover .pricing-top .text, .pricing-wrapper2.mid .pricing-top .sub-title,
.pricing-wrapper2.mid .pricing-top .price span,
.pricing-wrapper2.mid .pricing-top .text {
  color: var(--color-white);
}
.pricing-wrapper2:hover .pricing-list li, .pricing-wrapper2.mid .pricing-list li {
  color: var(--color-white);
}
.pricing-wrapper2:hover .pricing-list li i, .pricing-wrapper2.mid .pricing-list li i {
  color: var(--color-white);
}
.pricing-wrapper2:hover .button-area .rts__btn__wrap, .pricing-wrapper2.mid .button-area .rts__btn__wrap {
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
}
.pricing-wrapper2:hover .button-area .rts__btn__icon, .pricing-wrapper2.mid .button-area .rts__btn__icon {
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
}
.pricing-wrapper2 .car-image {
  max-width: 250px;
}
.pricing-wrapper2 .pricing-top {
  margin-bottom: 0;
}
.pricing-wrapper2 .pricing-top .sub-title {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 20px;
}
.pricing-wrapper2 .pricing-top .price {
  color: var(--color-primary);
  font-size: 34px;
  line-height: 1;
  font-weight: 600;
  font-family: var(--font-primary);
  margin-bottom: 0;
}
.pricing-wrapper2 .pricing-top .price span {
  font-size: 18px;
  color: var(--color-body);
  font-weight: 400;
  font-family: var(--font-secondary);
}
.pricing-wrapper2 .pricing-top .text {
  color: var(--color-heading);
  font-size: 18px;
  margin-bottom: 30px;
}
.pricing-wrapper2 .pricing-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 250px;
  gap: 20px;
}
.pricing-wrapper2 .pricing-list li {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-basis: 100%;
}
.pricing-wrapper2 .pricing-list li i {
  color: var(--color-heading);
}

.cart-page {
  background: #fff;
}
.cart-page .ms-single-product__content .shop_table tr,
.cart-page .ms-woocommerce-cart-form-wrapper .shop_table tr {
  text-align: left;
}
.cart-page .ms-single-product__content .shop_table th,
.cart-page .ms-single-product__content .shop_table td,
.cart-page .ms-woocommerce-cart-form-wrapper .shop_table th,
.cart-page .ms-woocommerce-cart-form-wrapper .shop_table td {
  border-left: none;
  border-right: none;
}
.cart-page .ms-single-product__content .shop_table td,
.cart-page .ms-woocommerce-cart-form-wrapper .shop_table td {
  padding: 2rem 0;
  text-align: center;
  border-left: none;
  border-right: none;
  border-color: #f1f1f1;
}
.cart-page .ms-single-product__content .product-remove,
.cart-page .ms-woocommerce-cart-form-wrapper .product-remove {
  width: 3rem;
  padding-left: 0;
}
.cart-page .ms-single-product__content .product-thumbnail,
.cart-page .ms-woocommerce-cart-form-wrapper .product-thumbnail {
  width: 10rem;
}
.cart-page .ms-single-product__content .product-name,
.cart-page .ms-woocommerce-cart-form-wrapper .product-name {
  font-size: 18px;
  font-weight: 600;
}
.cart-page .ms-single-product__content .ms-actions-inner,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-actions-inner {
  display: flex;
  justify-content: space-between;
  width: 40%;
}
.cart-page .ms-single-product__content .coupon,
.cart-page .ms-woocommerce-cart-form-wrapper .coupon {
  display: inline-flex;
  overflow: hidden;
  width: 100%;
}
.cart-page .ms-single-product__content #coupon_code,
.cart-page .ms-woocommerce-cart-form-wrapper #coupon_code {
  border: none;
  background-color: #f7f7f7;
  padding: 0.5em 1em 0.5em 1em;
  height: 45px;
  border-radius: 0;
}
.cart-page .woocommerce-cart-form button {
  width: 50%;
  max-width: 100%;
}
.cart-page .woocommerce-cart-form input {
  width: 100%;
}
.cart-page .ms-single-product__content .ms-cart-totals,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals {
  margin-top: 6rem;
  margin-bottom: 0;
  background-color: #f7f7f7;
  padding: 2rem;
}
.cart-page .ms-single-product__content .ms-cart-totals h3,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals h3 {
  margin-bottom: 2rem;
  font-size: 24px;
  font-weight: 700;
  color: var(--color-title);
}
.cart-page .ms-single-product__content .ms-cart-totals tr,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals tr {
  border-bottom: 1px solid #e2e2e2;
}
.cart-page .ms-single-product__content .ms-cart-totals th,
.cart-page .ms-single-product__content .ms-cart-totals td,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals th,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals td {
  border: none;
  padding: 0 0 1rem;
  text-align: start;
}
.cart-page .ms-single-product__content .shop_table th,
.cart-page .ms-woocommerce-cart-form-wrapper .shop_table th {
  padding: 15px 0;
}
.cart-page .ms-single-product__content .shop_table th,
.cart-page .ms-woocommerce-cart-form-wrapper .shop_table th {
  border-top: none;
  font-size: 16px;
  font-weight: 800;
  color: #000000;
  padding-left: 0;
  text-align: center;
}
.cart-page .ms-single-product__content .ms-cart-totals .shop_table td,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td {
  text-align: right;
}
.cart-page .ms-single-product__content .ms-cart-totals .order-total th,
.cart-page .ms-single-product__content .ms-cart-totals .order-total td,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total th,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td {
  padding: 1rem 0 1rem;
}
.cart-page .ms-single-product__content .ms-cart-totals th,
.cart-page .ms-single-product__content .ms-cart-totals td,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals th,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals td {
  border: none;
  padding: 0 0 1rem;
  text-align: start;
}
.cart-page .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout {
  margin-top: 3rem;
  display: flex;
  flex-direction: row-reverse;
}
.cart-page .cart-edit {
  margin-right: 0;
}
.cart-page .cart-bar {
  position: fixed;
  top: 0;
  right: 0;
  background: #fff;
  width: 360px;
  height: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  visibility: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1000;
}
.cart-page .cart-bar.show {
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.cart-page .cart-bar .cart-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E7E7;
}
.cart-page .cart-bar .cart-header .cart-heading {
  font-size: 17px;
  font-weight: 600;
  color: #000000;
  font-family: var(--font-secondary);
}
.cart-page .close-cart {
  cursor: pointer;
  margin-top: -11px;
}
.cart-page .close-cart i {
  transition: 0.3s;
}
.cart-page .close-cart:hover i {
  transform: scale(1.3);
  color: var(--color-primary);
}
.cart-page .cart-bar .product-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #E7E7E7;
}
.cart-page .product-item {
  margin-bottom: 65px;
  position: relative;
  overflow: hidden;
}
.cart-page .cart-bar .product-item:last-child {
  margin-bottom: 0;
}
.cart-page .cart-bar .product-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cart-page .cart-bar .cart-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.cart-page .cart-bar .product-detail .product-thumb {
  margin-right: 15px;
  max-width: 75px;
}
.cart-page .cart-bar .cart-edit .quantity-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E7E7E7;
  padding: 3px 10px;
  border-radius: 5px;
  margin-bottom: 3px;
}
.cart-page .cart-edit .quantity-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 10px;
  border-radius: 5px;
  justify-content: center;
}
.cart-page .cart-bar .cart-edit .item-wrapper {
  display: inline-block;
}
.cart-page .cart-bar .cart-edit .quantity-edit button {
  background: none;
  font-size: 0;
}
.cart-page .cart-bar .cart-edit .quantity-edit button i {
  font-size: 14px;
  color: #C0C0C0;
}
.cart-page .cart-edit .quantity-edit button i {
  font-size: 16px;
  color: #d3d3d3;
}
.cart-page .cart-edit .quantity-edit button {
  background: none;
  font-size: 0;
}
.cart-page .cart-edit .quantity-edit button {
  background: none;
  font-size: 0;
  border: none;
}
.cart-page .cart-bar .cart-edit .quantity-edit button i {
  font-size: 14px;
  color: #000000;
}
.cart-page .cart-bar .cart-edit .quantity-edit button i:hover {
  color: var(--color-primary);
}
.cart-page .cart-edit .quantity-edit button i {
  font-size: 16px;
  color: #d3d3d3;
}
.cart-page .cart-bar .cart-edit .quantity-edit input {
  text-align: center;
  max-width: 26px;
  padding: 0;
}
.cart-page .cart-edit .quantity-edit input {
  text-align: center;
  max-width: 55px;
  font-size: 16px;
  font-weight: 700;
  color: #040404;
  border-radius: 0;
  border: 1px solid #f1f1f1;
}
.cart-page .cart-bar .cart-edit .product-edit {
  margin-right: 15px;
}
.cart-page .cart-bar .product-detail .product-name {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-primary);
}
.cart-page .cart-bar .product-detail span {
  display: inline-block;
  line-height: 19px !important;
}
.cart-page .cart-bar .product-detail .product-variation span {
  color: #868686;
  font-family: roboto;
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
}
.cart-page .cart-bar .product-detail .product-qnty,
.cart-page .cart-bar .product-detail .product-price {
  color: #404040;
  font-weight: 500;
  font-size: 13px;
  font-family: roboto;
}
.cart-page .cart-bar .cart-bottom-area {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cart-page .cart-bar .cart-bottom-area .spend-shipping {
  margin-bottom: 30px;
  background: #F5F5F5;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-primary);
  text-align: center;
}
.cart-page .cart-bar .cart-bottom-area .spend-shipping i {
  font-size: 15px;
  margin-right: 7px;
}
.cart-page .cart-bar .cart-bottom-area .spend-shipping .amount {
  font-weight: 700;
  color: #040404;
}
.cart-page .cart-bar .cart-bottom-area .total-price {
  font-size: 18px;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.cart-page .cart-bar .cart-bottom-area .total-price span {
  color: var(--color-primary);
}
.cart-page .cart-bar .cart-bottom-area .checkout-btn {
  border: 1px solid var(--color-primary);
  margin-bottom: 10px;
  color: var(--color-primary);
}
.cart-page .cart-bar .cart-bottom-area .cart-btn {
  width: 100%;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.cart-page .cart-bar .cart-bottom-area .view-btn {
  border: 1px solid transparent;
  background: var(--color-primary);
  color: #fff;
}
.cart-page .cart-bar .cart-bottom-area .cart-btn {
  width: 100%;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 14px;
  text-align: center;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
.cart-page .cart-bar .cart-bottom-area .checkout-btn:hover {
  background: var(--color-primary);
  color: #fff;
}

.ms-main {
  padding: 120px 0;
}
.ms-main .single-product .ms-single-product .banner-horizental {
  margin-bottom: 40px;
}
.ms-main .single-product .ms-single-product .banner-horizental .swiper {
  overflow: hidden;
}
.ms-main .single-product .ms-single-product .banner-horizental .swiper .swiper-wrapper .swiper-slide .slider-inner img {
  width: 100%;
}
.ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area {
  position: relative;
}
.ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination {
  bottom: -120px;
  text-align: center;
  right: 50%;
  transform: translateX(50%);
  display: flex;
}
.ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet {
  width: 100px;
  height: 100px;
  border-radius: 0;
  background: url(../images/shop/shop-03.jpg);
  border-width: 2px;
  border-style: solid;
  border-color: #f9f9f9;
  opacity: 1;
  background-size: cover;
  background-position: center;
  margin-right: 5px;
}
.ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:first-child {
  background: url(../images/shop/shop-01.jpg) !important;
  background-size: cover !important;
  background-position: center !important;
}
.ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet:last-child {
  background: url(../images/shop/shop-02.jpg) !important;
  background-size: cover !important;
  background-position: center !important;
}
.ms-main .single-product .ms-single-product .banner-horizental .slider-pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: var(--color-primary);
}
@media (max-width: 991px) {
  .ms-main .single-product .ms-single-product .ms-single-product__content {
    margin-top: 0;
    padding-left: 0;
  }
}
.ms-main .single-product .ms-single-product .ms-single-product__content .cart .single_add_to_cart_button {
  line-height: 0;
}
@media (max-width: 520px) {
  .ms-main .single-product .ms-single-product .tab-area .nav-tabs {
    justify-content: center;
  }
}
.ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 520px) {
  .ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item {
    margin-bottom: 10px;
  }
}
.ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item .nav-link {
  color: #777777;
  padding: 8pt 20pt;
  border-color: #dee2e6 #dee2e6;
}
.ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item .nav-link.active {
  background: var(--color-primary);
  color: #ffffff;
  border-color: #dee2e6 #dee2e6;
}
@media (max-width: 520px) {
  .ms-main .single-product .ms-single-product .tab-area .nav-tabs .nav-item .nav-link.active {
    border-color: #dee2e6 #dee2e6;
  }
}
.ms-main .single-product .ms-single-product .tab-area .tab-content {
  border: solid 1px #dee2e6;
  border-bottom-left-radius: 12pt;
  border-bottom-right-radius: 12pt;
  padding: 20pt;
  line-height: 1.8;
  margin-top: -1px;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .ms-heading-title {
  font-size: 24px;
  font-weight: 700;
  margin: 1rem 0;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr:last-child th {
  border-bottom: none;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr:last-child td {
  border-bottom: none;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr th {
  border-left: none;
  border-right: none;
  font-weight: 700;
  border: 1px solid #e2e2e2;
  border-left: 0;
  border-right: 0;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane table tbody tr td {
  border-left: none;
  border-right: none;
  border: 1px solid #e2e2e2;
  border-left: 0;
  border-right: 0;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .heading-title {
  font-size: 24px;
  font-weight: 700;
  margin: 1rem 0;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box {
  width: 100%;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea {
  width: 100%;
  padding: 0.5em 1em 0.5em 1em;
  background: #F6F6F6 !important;
  border: 1px solid transparent;
  transition: all 0.4s;
  background: unset;
}
@media (max-width: 991px) {
  .ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea {
    margin-bottom: 25px;
  }
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea:hover {
  border: 1px solid var(--color-primary);
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea:focus {
  outline: 0;
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box textarea::placeholder {
  color: #000000;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input {
  width: 100%;
  padding: 0.5em 1em 0.5em 1em;
  background: #F6F6F6 !important;
  height: 55px;
  margin-bottom: 25px;
  border: 1px solid transparent;
  border: 1px solid transparent;
  margin-bottom: 25px;
  transition: all 0.4s;
  background: unset;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input:hover {
  border: 1px solid var(--color-primary);
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input:focus {
  outline: 0;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px var(--color-shadow);
  background-color: var(--color-bg);
  color: var(--color-contrast-higher);
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .input-box input::placeholder {
  color: var(--color-primary);
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .rating {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .rating p {
  margin-bottom: 0;
}
.ms-main .single-product .ms-single-product .tab-area .tab-content .tab-pane .woocommerce-Reviews .full-details-inner .reveiw-form .contact-form .btn {
  width: 100%;
  max-width: 100%;
  border: none;
  display: block;
  height: 45px;
  border-radius: 0;
  color: #fff;
}

.ms-single-product .ms-single-product__content {
  padding-left: 3rem;
  position: relative;
}

.ms-single-product .ms-single-product__content .ms-single-product_title {
  font-size: 28px;
  margin-bottom: 2rem;
}

.ms-single-product .ms-single-product__content .price {
  margin-bottom: 3rem;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: baseline;
  font-size: 36px;
}

.ms-single-product .ms-single-product__content .price bdi {
  font-weight: 700;
  letter-spacing: -1pt;
  color: var(--color-primary);
}

.ms-single-product .ms-single-product__content .ms-woocommerce-product-rating {
  display: flex;
  align-items: center;
  line-height: initial;
  margin-bottom: 2rem;
}

.ms-single-product .ms-single-product__content .ms-woocommerce-product-rating .ms-rating-icon svg {
  fill: #FFB03B;
}

.ms-single-product .ms-single-product__content .stock,
.ms-single-product .ms-single-product__content .woocommerce-product-details__short-description {
  margin-bottom: 2rem;
  line-height: 1.8;
}

.ms-single-product .ms-single-product__content .stock.in-stock {
  color: #2eb740;
}

.ms-single-product .ms-single-product__content .cart {
  display: flex;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.quantity-area {
  display: flex;
  margin-bottom: 30px;
}
.quantity-area .cart-edit .quantity-edit {
  background: #f7f7f7;
  padding: 11px 15px;
  border-radius: 0;
}
@media (max-width: 991px) {
  .quantity-area .rts-btn {
    padding: 20px 25px;
  }
}
@media (max-width: 400px) {
  .quantity-area .rts-btn {
    padding: 20px;
  }
}
.quantity-area .single_add_to_cart_button {
  border-radius: 0;
  border: none;
  color: #FFFFFF;
  background-color: var(--color-primary);
  padding: 5px 12px;
  margin-left: 8pt;
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.product_meta {
  display: grid;
}
.product_meta span {
  margin-bottom: 15px;
}

.ms-single-product__content .shop_table th,
.ms-woocommerce-cart-form-wrapper .shop_table th {
  border-top: none;
  font-size: 16px;
  font-weight: 800;
  color: #000000;
  padding-left: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .ms-single-product__content .shop_table thead,
.ms-woocommerce-cart-form-wrapper .shop_table thead {
    display: none;
  }
}
.ms-single-product__content .shop_table td,
.ms-woocommerce-cart-form-wrapper .shop_table td {
  padding: 2rem 0;
  text-align: center;
  border-left: none;
  border-right: none;
  border: 1px solid #e2e2e2;
}
.ms-single-product__content .shop_table th,
.ms-single-product__content .shop_table td,
.ms-woocommerce-cart-form-wrapper .shop_table th,
.ms-woocommerce-cart-form-wrapper .shop_table td {
  border-left: none;
  border-right: none;
}
.ms-single-product__content .shop_table th,
.ms-woocommerce-cart-form-wrapper .shop_table th {
  padding: 15px 0;
}
.ms-single-product__content .shop_table tr,
.ms-woocommerce-cart-form-wrapper .shop_table tr {
  text-align: left;
}
.ms-single-product__content .product-remove,
.ms-woocommerce-cart-form-wrapper .product-remove {
  font-size: 28px;
}
.ms-single-product__content .product-thumbnail,
.ms-woocommerce-cart-form-wrapper .product-thumbnail {
  width: 10rem;
}
.ms-single-product__content .product-thumbnail img,
.ms-woocommerce-cart-form-wrapper .product-thumbnail img {
  width: 7rem;
  border-radius: 0;
}
.ms-single-product__content .product-name,
.ms-woocommerce-cart-form-wrapper .product-name {
  font-size: 18px;
  font-weight: 600;
}
.ms-single-product__content .product-name a,
.ms-woocommerce-cart-form-wrapper .product-name a {
  color: #000000;
  transition: all 0.3s;
}
.ms-single-product__content .product-name a:hover,
.ms-woocommerce-cart-form-wrapper .product-name a:hover {
  color: var(--color-primary);
}
.ms-single-product__content .product-remove,
.ms-woocommerce-cart-form-wrapper .product-remove {
  width: 3rem;
  padding-left: 0;
}
.ms-single-product__content .product-remove svg,
.ms-woocommerce-cart-form-wrapper .product-remove svg {
  fill: var(--color-contrast-higher);
  transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ms-single-product__content .product-remove svg:hover,
.ms-woocommerce-cart-form-wrapper .product-remove svg:hover {
  fill: var(--color-error);
}
.ms-single-product__content .ms-quantity,
.ms-woocommerce-cart-form-wrapper .ms-quantity {
  position: relative;
  width: 8rem;
  display: flex;
}
.ms-single-product__content .ms-quantity .input-text,
.ms-woocommerce-cart-form-wrapper .ms-quantity .input-text {
  padding: 0.5em;
  height: 45px;
  border: none;
  width: 100%;
  text-align: center;
  color: #000000;
  background-color: #f7f7f7;
  appearance: none;
}
.ms-single-product__content .ms-quantity .input-text:focus-visible,
.ms-woocommerce-cart-form-wrapper .ms-quantity .input-text:focus-visible {
  outline: none;
}
.ms-single-product__content .ms-quantity input::-webkit-outer-spin-button,
.ms-single-product__content .ms-quantity input::-webkit-inner-spin-button,
.ms-woocommerce-cart-form-wrapper .ms-quantity input::-webkit-outer-spin-button,
.ms-woocommerce-cart-form-wrapper .ms-quantity input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.ms-single-product__content .ms-quantity .button-minus,
.ms-single-product__content .ms-quantity .button-plus,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  background-color: var(--color-contrast-lower);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ms-single-product__content .ms-quantity .button-minus svg,
.ms-single-product__content .ms-quantity .button-plus svg,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus svg,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus svg {
  width: 20px;
  stroke-width: 2pt;
  stroke: var(--color-contrast-higher);
}
.ms-single-product__content .ms-quantity .button-minus:hover,
.ms-single-product__content .ms-quantity .button-plus:hover,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus:hover,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus:hover {
  background-color: var(--color-contrast-low);
}
.ms-single-product__content .ms-quantity .button-minus:active,
.ms-single-product__content .ms-quantity .button-plus:active,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus:active,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus:active {
  transform: translateY(2px);
}
.ms-single-product__content .ms-quantity .button-minus,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus {
  border-top-left-radius: 6pt;
  border-bottom-left-radius: 6pt;
  border-right: solid 1px var(--color-bg);
}
.ms-single-product__content .ms-quantity .button-minus svg,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus svg {
  margin-left: 1pt;
}
.ms-single-product__content .ms-quantity .button-plus,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus {
  border-top-right-radius: 6pt;
  border-bottom-right-radius: 6pt;
  border-left: solid 1px var(--color-bg);
}
.ms-single-product__content .ms-quantity .button-plus svg,
.ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus svg {
  margin-right: 1pt;
}
.ms-single-product__content .ms-actions-inner,
.ms-woocommerce-cart-form-wrapper .ms-actions-inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .ms-single-product__content .ms-actions-inner,
.ms-woocommerce-cart-form-wrapper .ms-actions-inner {
    display: block;
  }
}
.ms-single-product__content .coupon,
.ms-woocommerce-cart-form-wrapper .coupon {
  display: inline-flex;
  overflow: hidden;
  background-color: var(--color-contrast-lower);
}
@media (max-width: 767px) {
  .ms-single-product__content .coupon,
.ms-woocommerce-cart-form-wrapper .coupon {
    width: 100%;
  }
}
.ms-single-product__content .coupon .button,
.ms-woocommerce-cart-form-wrapper .coupon .button {
  border: none;
  padding: 15px 33px;
  color: var(--color-white);
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  line-height: 1;
  border-radius: 0;
  background: var(--color-primary);
  justify-content: center;
}
.ms-single-product__content .coupon .button::before,
.ms-woocommerce-cart-form-wrapper .coupon .button::before {
  background: var(--color-heading);
}
@media (max-width: 400px) {
  .ms-single-product__content .coupon .button,
.ms-woocommerce-cart-form-wrapper .coupon .button {
    width: 50%;
  }
}
.ms-single-product__content .coupon + .button,
.ms-woocommerce-cart-form-wrapper .coupon + .button {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  margin-right: 0;
  margin-left: auto;
  line-height: 2.4;
  font-size: 15px;
  border: solid 1px transparent;
  transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ms-single-product__content .coupon + .button:disabled,
.ms-woocommerce-cart-form-wrapper .coupon + .button:disabled {
  color: var(--color-contrast-high);
  background-color: transparent;
  border: solid 1px var(--color-contrast-high);
}
@media (max-width: 767px) {
  .ms-single-product__content .coupon + .button:disabled,
.ms-woocommerce-cart-form-wrapper .coupon + .button:disabled {
    display: none;
  }
}
.ms-single-product__content .coupon + .button:active,
.ms-woocommerce-cart-form-wrapper .coupon + .button:active {
  transform: translateY(2px);
}
.ms-single-product__content #coupon_code,
.ms-woocommerce-cart-form-wrapper #coupon_code {
  border: none;
  background-color: #f7f7f7;
  padding: 0.5em 1em 0.5em 1em;
  height: 45px;
}
@media (max-width: 400px) {
  .ms-single-product__content #coupon_code,
.ms-woocommerce-cart-form-wrapper #coupon_code {
    width: 50%;
  }
}
.ms-single-product__content #coupon_code:focus-visible,
.ms-woocommerce-cart-form-wrapper #coupon_code:focus-visible {
  outline: none;
}
.ms-single-product__content .ms-cart-totals,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals {
  margin-top: 6rem;
  margin-bottom: 6rem;
  background-color: #f7f7f7;
  padding: 2rem;
}
.ms-single-product__content .ms-cart-totals .cart-subtotal td,
.ms-single-product__content .ms-cart-totals .order-total td,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .cart-subtotal td,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td {
  text-align: right;
}
.ms-single-product__content .ms-cart-totals tr,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals tr {
  border-bottom: 1px solid #e2e2e2;
}
.ms-single-product__content .ms-cart-totals th,
.ms-single-product__content .ms-cart-totals td,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals th,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals td {
  border: none;
  padding: 0 0 1rem;
  text-align: start;
}
.ms-single-product__content .ms-cart-totals .order-total th,
.ms-single-product__content .ms-cart-totals .order-total td,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total th,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td {
  padding: 1rem 0 1rem;
}
.ms-single-product__content .ms-cart-totals h3,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals h3 {
  margin-bottom: 2rem;
  font-size: 24px;
  font-weight: 700;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-methods,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-methods {
  padding-left: 0;
  list-style: none;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-destination,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-destination {
  margin: 4pt 0;
}
.ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout {
  margin-top: 3rem;
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout {
    flex-direction: unset;
  }
}
.ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout .rts__btn,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout .rts__btn {
  padding: 0.5em 1.2em 0.5em 1.2em;
  height: 45px;
  color: #ffffff;
  display: flex;
  align-items: center;
  background: var(--color-primary);
  border: none;
  border-radius: 0;
}
.ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout .rts__btn::before,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout .rts__btn::before {
  background: var(--color-heading);
}
.ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout .rts__btn:active,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout .rts__btn:active {
  transform: translateY(2px);
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator {
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form {
  text-align: left;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p {
  max-width: 100%;
  padding-top: 15px;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text {
  background-color: #f7f7f7;
  width: 100%;
  height: 45px;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0;
  color: #000000;
  transition: border-color 150ms var(--ease-in-out), box-shadow 150ms var(--ease-in-out), -webkit-box-shadow 150ms var(--ease-in-out);
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:hover,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:hover {
  border-color: var(--color-primary);
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus-visible,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus-visible {
  z-index: 1;
  border-color: var(--color-primary);
  outline: 0;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single {
  height: 45px;
  display: flex;
  align-items: center;
  border-radius: 6pt;
  background-color: var(--color-bg);
  border: 1px solid #f7f7f7;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__rendered,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--color-contrast-higher);
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single .select2-selection__rendered,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 1rem;
  width: 100%;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__arrow,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
  right: 8pt;
}
.ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button {
  height: 45px;
  padding: 0 1rem;
  border: none;
  color: #ffffff;
  border-radius: 6pt;
  float: right;
}
.ms-single-product__content .ms-cart-totals .shop_table td,
.ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td {
  text-align: right;
}

.ms-woocommerce-MyAccount-content h3,
.ms-woocommerce-checkout h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 2rem;
  margin-top: 25px;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row,
.ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row label,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row label,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row label,
.ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row label,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row label,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row label {
  font-size: 14px;
  margin-bottom: 4pt;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row label .required,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row label .required,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row label .required,
.ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row label .required,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row label .required,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row label .required {
  text-decoration: none;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text,
.ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text {
  width: 100%;
  padding: 0.5em 1.2em 0.5em 1.2em;
  height: 45px;
  border: none;
  border-radius: 0;
  color: #000000;
  background-color: #f7f7f7;
  transition: border-color 150ms var(--ease-in-out), box-shadow 150ms var(--ease-in-out), -webkit-box-shadow 150ms var(--ease-in-out);
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text:hover,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text:hover,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text:hover,
.ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text:hover,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text:hover,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text:hover {
  border-color: var(--color-primary);
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text:focus-visible,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text:focus-visible,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text:focus-visible,
.ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text:focus-visible,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text:focus-visible,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text:focus-visible {
  z-index: 1;
  border-color: var(--color-primary);
  outline: 0;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row select,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row select,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row select,
.ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row select,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row select,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row select {
  background: #f7f7f7;
  padding: 1em 1.2em 1em 1.2em;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single,
.ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single {
  padding: 0.5em 1.2em 0.5em 1.2em;
  height: 45px;
  position: relative;
  border: solid 1px #e2e2e2;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__arrow,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__arrow,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 32px;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__rendered,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__rendered,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000000;
  background-color: #f7f7f7;
  padding-left: 0;
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single,
.ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single {
  background-color: #f7f7f7;
  transition: border-color 150ms var(--ease-in-out);
}
.ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single:hover,
.ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single:hover,
.ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single:hover,
.ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single:hover,
.ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single:hover,
.ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single:hover {
  border-color: var(--color-primary);
}
.ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row,
.ms-woocommerce-checkout .woocommerce-additional-fields .form-row {
  display: flex;
  flex-direction: column;
}
.ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row label,
.ms-woocommerce-checkout .woocommerce-additional-fields .form-row label {
  margin-bottom: 8pt;
}
.ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row .input-text,
.ms-woocommerce-checkout .woocommerce-additional-fields .form-row .input-text {
  width: 100%;
  border-radius: 0;
  padding: 0.5em 1.2em 0.5em 1.2em;
  margin-bottom: 2rem;
  background-color: #f7f7f7;
  color: #000000;
}
.ms-woocommerce-MyAccount-content .nice-select,
.ms-woocommerce-checkout .nice-select {
  display: none;
}

.woocommerce-form-coupon-toggle {
  margin-bottom: 3rem;
}

.coupon-toggle .card .card-body .rts__btn {
  max-width: max-content;
  border: none;
  border-radius: 0;
  background: var(--color-primary);
  color: var(--color-white);
}
.coupon-toggle .card .card-body .rts__btn::before {
  background: var(--color-heading);
}

.wc_payment_methods {
  list-style: none;
  padding-left: 0;
}

.woocommerce-checkout-review-order .wc_payment_methods,
.woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table {
  margin-bottom: 2rem;
}
.woocommerce-checkout-review-order .button {
  display: block;
  width: 100%;
  text-align: center;
  border: none;
  color: #fff;
  max-width: 100%;
  border-radius: 0;
  background: var(--color-primary);
}
.woocommerce-checkout-review-order .button::before {
  background: var(--color-heading);
}
@media (max-width: 767px) {
  .woocommerce-checkout-review-order .woocommerce-checkout-payment {
    margin-bottom: 50px;
  }
}

.woocommerce-info {
  padding: 2.5rem 2rem;
  border-radius: 6pt;
  background-color: #f7f7f7;
}
.woocommerce-info .showcoupon {
  position: relative;
  color: var(--color-primary);
  text-decoration: none;
}

.payment-method .rts__btn {
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 0;
  max-width: max-content;
  border: none;
}
.payment-method .rts__btn::before {
  background: var(--color-heading);
}

@media (max-width: 1800px) {
  .booking-search-form.booking-two {
    max-width: 1000px;
    margin: -40px auto 0;
  }
}
@media (max-width: 1600px) {
  .banner-slider-one {
    margin: 0 30px;
  }

  .rts-banner-wrapper-area {
    padding-left: 50px;
  }

  .rts-shop-area.inner-two {
    padding-left: 30px;
    padding-right: 30px;
  }

  .booking-search-form.booking-two {
    max-width: 920px;
    margin: -40px auto 0;
  }
}
@media (max-width: 1440px) {
  .rts-car-list-area .rts-car-list-wrapper .single-car-list-item .content .car-list-service {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .side-box.shop-box .single-shop-wrapper {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .side-box.shop-box .single-shop-wrapper .thumb {
    max-width: 100%;
  }
  .side-box.shop-box .single-shop-wrapper .thumb img {
    max-width: 100%;
  }

  .rts-pricing-area .tab-area button {
    max-width: 150px;
  }

  .banner-two .rts-banner-content-area .banner-image-area .bg-inner {
    display: none;
  }

  .booking-search-form.booking-two {
    max-width: 660px;
    margin: -40px auto 0;
    flex-wrap: wrap;
    justify-content: end;
  }
  .booking-search-form.booking-two form {
    width: 48%;
  }

  .rts-compare-area .card .h2 {
    font-size: 20px;
  }

  .rts-counter-area-two .counter-inner .inner {
    padding: 40px 65px;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .header-one .header-top .inner .get-touch-area {
    gap: 40px;
  }

  .about-right-content-area .about-item-wrapper {
    gap: 20px;
  }

  .rts-testimonials-images-area .inner-author {
    right: 0;
  }

  .rts-testimonials-images-area .inner-author .author-info::before {
    right: 0;
  }

  .rts-blog-wrapper .single-blog-two .content .title {
    font-size: 20px;
  }

  .rts-testimonials-image-two .inner-author {
    right: unset;
    left: 0;
  }

  .rts-testimonials-image-two .inner-author .author-info::before {
    right: 98px;
  }

  .why-choose-item-wrapper .why-choose-item-two .title {
    font-size: 20px;
  }

  .banner-two .rts-banner-content-area {
    padding-left: 30px;
  }

  .banner-two .rts-banner-content-area .banner-content-area .banner-title {
    font-size: 55px;
    line-height: 65px;
  }

  .shopr-wrapper .content-area .title {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .container,
.container-2,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .header-one .header-top .inner .get-touch-area {
    gap: 30px;
  }

  .footer-wrapper-style-between {
    gap: 80px;
  }

  .rts-banner-wrapper-area {
    padding-top: 130px;
    padding-left: 30px;
  }

  .rts-banner-wrapper-area .banner-left-content-area .banner-title {
    font-size: 60px;
  }

  .banner-slider-one .rts-banner-pagination-wrapper {
    display: none;
  }

  .banner-slider-one {
    height: 700px;
  }

  .rts-testimonials-content-area .content-area {
    flex-direction: column;
    gap: 20px;
  }

  .rts-testimonials-images-area .inner-author .author-info::before {
    right: 0;
  }

  .rts-cta-area .cta-inner .title {
    font-size: 36px;
    max-width: 400px;
  }

  .rts-cta-area .cta-inner .contact a {
    font-size: 20px;
  }

  .rts-faq__accordion {
    margin-right: 0;
  }
  .rts-faq__accordion.accordion-two {
    margin-left: 0;
  }

  .rts-blog-wrapper .single-blog .content .title {
    font-size: 26px;
  }

  .rts-testimonials-image-two {
    padding-left: 0;
  }

  .rts-cta-area .cta-inner .title.two {
    font-size: 36px;
    max-width: 400px;
  }

  .banner-content-center-area {
    padding: 150px 0 170px;
  }

  .rts-shop-area.inner-two {
    padding-left: 15px;
    padding-right: 15px;
  }

  .rts-pricing-area .tab-area .nav-tabs {
    gap: 10px;
  }

  .pricing-wrapper2 .car-image {
    max-width: 180px;
  }
  .pricing-wrapper2 .pricing-list {
    max-width: 220px;
  }

  .booking-search-form.booking-two {
    max-width: 460px;
  }
  .booking-search-form.booking-two form {
    width: 100%;
  }

  .why-choose-image-left-area {
    max-width: 100%;
    margin-bottom: 30px;
  }
  .why-choose-image-left-area .image-area img {
    width: 100%;
  }

  .rts-counter-area-two .counter-inner {
    flex-wrap: wrap;
    gap: 30px;
  }

  .rts-counter-area-two .counter-inner .inner {
    padding: 40px 50px;
    width: 47%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .footer-wrapper-style-between .single-wized .title {
    font-size: 16px;
  }

  .about-right-content-area .about-item-wrapper .single-item {
    flex-wrap: wrap;
  }

  .rts-testimonials-images-area .inner-author {
    right: 0;
  }

  .rts-blog-wrapper .single-blog-sm .content .title {
    font-size: 20px;
  }

  .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }

  .rts-blog-wrapper .single-blog-two .content .title {
    font-size: 18px;
  }

  .header-one .header-top .inner .get-touch-area {
    gap: 10px;
  }
  .header-one .header-top .inner .get-touch-area .map-area {
    gap: 10px;
  }
  .header-one .header-top .inner .get-touch-area .map-area a {
    font-size: 14px;
  }

  .header-two .header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent .header-social {
    gap: 10px;
  }

  .rts-testimonials-image-two .inner-author {
    right: unset;
    left: 0;
  }

  .rts-testimonials-image-two .inner-author .author-info::before {
    right: unset;
    left: 0;
  }

  .footer-wrapper-style-between-two {
    gap: 30px;
  }

  .rts-process-item-wrapper .single-process-item .content .title {
    font-size: 28px;
  }

  .why-choose-item-wrapper {
    column-gap: 20px;
    row-gap: 40px;
  }
  .why-choose-item-wrapper .why-choose-item-two {
    padding: 50px 15px 30px;
  }

  .why-choose-item-wrapper .why-choose-item-two .title {
    font-size: 20px;
  }

  .banner-two .rts-banner-content-area .banner-content-area .banner-title {
    font-size: 45px;
    line-height: 50px;
  }

  .banner-two .rts-banner-content-area .banner-image-area {
    height: 680px;
  }

  .banner-two .rts-banner-content-area {
    padding-left: 30px;
  }

  .shopr-wrapper .content-area .title {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .header-one .header-top {
    display: none;
  }

  .header-wrapper-area .header-right .bottom .logo-area {
    display: block;
    padding: 15px 0;
  }
  .header-wrapper-area .header-right .bottom .nav-area {
    display: none;
  }
  .header-wrapper-area .header-right .bottom .bottom-right .menu-btn {
    display: block;
  }

  .footer-wrapper-style-between {
    gap: 35px 20px;
    flex-wrap: wrap;
    padding: 50px 0 30px;
  }
  .footer-wrapper-style-between .single-wized:nth-child(1) {
    flex: 0 0 calc(48% - 10px);
    max-width: calc(50% - 10px);
  }
  .footer-wrapper-style-between .single-wized:nth-child(2) {
    flex: 0 0 calc(23% - 10px);
    max-width: calc(25% - 10px);
  }
  .footer-wrapper-style-between .single-wized:nth-child(3) {
    flex: 0 0 calc(27% - 10px);
    max-width: calc(28% - 10px);
  }
  .footer-wrapper-style-between .single-wized:nth-child(4) {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 25px;
    margin-top: 5px;
    border-top: 1px solid rgba(85, 85, 85, 0.15);
  }
  .footer-wrapper-style-between .single-wized.get-in-touch ul li {
    width: calc(50% - 15px);
  }

  .banner-slider-one .rts-banner-pagination-wrapper {
    display: none;
  }

  .banner-slider-one {
    height: auto;
  }

  .rts-banner-wrapper-area {
    padding: 100px 0;
  }

  .rts-banner-wrapper-area .banner-right-form-area {
    max-width: 100%;
  }

  .about-letf-image-area {
    padding-right: 0;
  }

  .about-letf-image-area .about-counter-area {
    padding: 0 20px 20px 0;
  }

  .rts-process-item-wrapper .single-process-item .content {
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 0;
  }

  .rts-testimonials-images-area img {
    width: 100%;
  }

  .rts-testimonials-images-area .inner-author {
    right: 0;
  }

  .rts-testimonials-images-area::before {
    bottom: 175px;
  }

  .rts-testiomonials-area .rts-testimonials-pagination-wrapper {
    display: none;
  }

  .rts-blog-wrapper .single-blog-sm {
    flex-direction: column;
  }

  .rts-blog-wrapper .single-blog-sm .image-area {
    width: 100%;
  }

  .rts-blog-wrapper .single-blog-sm .content .title,
.rts-blog-wrapper .single-blog .content .title {
    font-size: 22px;
    line-height: 1.3;
  }

  .rts-cta-area .cta-inner {
    padding: 50px 30px;
  }

  .rts-cta-area .cta-inner .title {
    max-width: 375px;
    font-size: 30px;
  }

  .rts-testimonials-content-area .rts-section-title .heading-title {
    margin-bottom: 30px;
  }
  .rts-testimonials-content-area .rts-section-title .heading-title br {
    display: none;
  }

  .rts-blog-wrapper .single-blog-two {
    padding: 20px;
  }

  .rts-blog-wrapper .single-blog-two .content .title {
    font-size: 20px;
    line-height: 1.2;
  }

  .rts-testimonials-image-two .inner-author {
    right: unset;
    left: 0;
  }

  .rts-testimonials-image-two .inner-author .author-info::before {
    right: unset;
    left: 0;
  }

  .about-letf-image-area-two {
    max-width: 100%;
  }
  .about-letf-image-area-two .about-image-area img {
    width: 100%;
  }

  .rts-cta-area .cta-inner .title.two {
    font-size: 30px;
    max-width: 375px;
  }

  .about-right-image-area {
    max-width: 100%;
    padding-left: 0;
  }
  .about-right-image-area .about-image-area img {
    width: 100%;
  }
  .about-right-image-area .about-counter-area {
    left: 0;
  }

  .why-choose-image-left-area {
    margin-bottom: 10px;
  }

  .banner-content-center-area .banner-title {
    font-size: 60px;
    line-height: 1.2;
  }
  .banner-content-center-area .banner-title br {
    display: none;
  }

  .banner-two .rts-banner-content-area {
    padding-top: 120px;
  }
  .banner-two .rts-banner-content-area .banner-image-area {
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
    border-radius: 40px;
    overflow: hidden;
  }

  .banner-two .rts-banner-pagination-wrapper {
    z-index: 9;
  }

  .booking-search-form {
    flex-wrap: wrap;
  }
  .booking-search-form form {
    width: 48%;
  }

  .about-letf-image-area .about-counter-area.inner-about .inner::before {
    right: 0;
  }

  .rts-contact-area .section-inner {
    flex-wrap: wrap;
  }

  .rts-contact-area.inner .get-in-touch-area {
    width: 100%;
  }

  .rts-contact-area.inner .map-area {
    width: 100%;
  }

  .rts-contact-area2 .inner {
    flex-wrap: wrap;
    border: none;
    gap: 20px;
  }
  .rts-contact-area2 .inner .contact-wrapper {
    width: 100%;
    border-width: 1px !important;
    border: 1px solid rgba(85, 85, 85, 0.11);
    border-radius: 16px;
  }

  .shopr-wrapper .content-area .title {
    font-size: 18px;
  }

  .rts-pricing-area .tab-area .nav-tabs {
    flex-wrap: wrap;
    gap: 15px;
  }

  .pricing-wrapper2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .pricing-wrapper2 .car-image {
    max-width: 100%;
    margin: auto;
  }

  .cart-page .ms-single-product__content .ms-actions-inner,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-actions-inner {
    width: 60%;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper {
    padding: 80px 0 60px;
  }

  .rts-banner-wrapper-area .banner-right-form-area .nav {
    justify-content: space-between;
  }

  .banner-two .rts-banner-content-area {
    padding: 45px 0;
  }
  .banner-two .rts-banner-content-area .banner-image-area {
    margin-top: 0;
    height: 600px;
  }
  .banner-two .rts-banner-content-area .banner-image-area .bg-inner {
    max-width: 200px;
  }
  .banner-two .rts-banner-pagination-wrapper {
    top: 25%;
  }

  .booking-search-form.booking-one {
    margin-top: 50px;
    justify-content: end;
  }

  .booking-search-form.booking-two {
    max-width: 360px;
    margin-left: 40px;
  }

  .testimonials-area-three {
    padding-bottom: 120px;
  }

  .rts-counter-area-two .counter-inner .inner {
    align-items: center;
  }
  .rts-counter-area-two .counter-inner .inner .text {
    text-align: center;
  }

  .rts-service-area.inner .service-content-area {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .banner-slider-one {
    margin: 0 15px;
  }

  .rts-banner-wrapper-area {
    padding: 70px 0 70px 0;
  }

  .footer-wrapper-style-between .single-wized .copyright-area .copyright-area-inner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .about-right-content-area .about-item-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }

  .rts-testimonials-images-area::before {
    bottom: 148px;
  }

  .why-choose-item-wrapper {
    grid-template-columns: 1fr;
  }

  .banner-content-center-area {
    padding: 120px 0;
  }

  .banner-content-center-area .banner-btn-area {
    flex-wrap: wrap;
  }

  .banner-two .rts-banner-pagination-wrapper {
    display: none;
  }

  .banner-two .rts-banner-content-area .banner-content-area .banner-btn-area {
    flex-wrap: wrap;
  }

  .rts-car-list-area .rts-car-list-wrapper .single-car-list-item.inner-three {
    flex-wrap: wrap;
    gap: 0;
  }

  .ms-single-product__content .shop_table thead,
.ms-woocommerce-cart-form-wrapper .shop_table thead {
    display: none;
  }

  .ms-single-product__content .shop_table tr,
.ms-woocommerce-cart-form-wrapper .shop_table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 40px;
  }

  .ms-single-product__content .product-remove,
.ms-woocommerce-cart-form-wrapper .product-remove {
    width: 100% !important;
    font-size: 34px;
  }

  .ms-single-product__content .shop_table td,
.ms-woocommerce-cart-form-wrapper .shop_table td {
    border: none !important;
  }

  .ms-single-product__content .product-remove svg,
.ms-woocommerce-cart-form-wrapper .product-remove svg {
    width: 32px;
  }

  .ms-single-product__content .product-thumbnail img,
.ms-woocommerce-cart-form-wrapper .product-thumbnail img {
    width: 100%;
  }

  .ms-single-product__content .product-name,
.ms-woocommerce-cart-form-wrapper .product-name {
    width: 100%;
    text-align: left !important;
  }

  .ms-single-product__content .product-price,
.ms-woocommerce-cart-form-wrapper .product-price {
    width: 50%;
    text-align: left !important;
  }

  .ms-single-product__content .product-subtotal,
.ms-woocommerce-cart-form-wrapper .product-subtotal {
    width: 100%;
    text-align: left !important;
  }

  .cart-page .ms-single-product__content .ms-actions-inner,
.cart-page .ms-woocommerce-cart-form-wrapper .ms-actions-inner {
    width: 100%;
  }

  .cart-page .woocommerce-cart-form button {
    width: 60%;
  }

  .booking-search-form.booking-two {
    max-width: 100%;
    margin-left: 0;
    margin-top: 40px;
  }

  .rts-cta-area .cta-inner {
    flex-direction: column;
  }
  .rts-cta-area .cta-inner .title {
    text-align: center;
  }

  .rts-cta-area .cta-inner .shape.two {
    display: none;
  }

  .banner-content-center-area {
    padding: 100px 0;
  }
  .banner-content-center-area .banner-title {
    font-size: 35px;
  }

  .rts-calculator-area .calculator-form-inner form .single-wrapper {
    flex-wrap: wrap;
  }

  .rts-calculator-area .calculator-form-inner form .single-wrapper span {
    width: 100%;
  }

  .rts-calculator-area .calculator-form-inner form .single-wrapper .rts__btn {
    max-width: 100%;
    justify-content: center;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper.breadcrumb-two .breadcrumb-list {
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .banner-slider-one {
    margin: 0 10px;
  }

  .rts-banner-wrapper-area .banner-left-content-area .banner-title {
    font-size: 45px;
  }

  .rts-banner-wrapper-area .banner-left-content-area .price {
    font-size: 50px;
  }

  .rts-banner-wrapper-area .banner-left-content-area .price .price-dollar {
    font-size: 25px;
    bottom: 15px;
  }

  .rts-banner-wrapper-area .banner-left-content-area .price .price-tag {
    font-size: 25px;
  }

  .rts-banner-wrapper-area .banner-left-content-area .banner-btn-area {
    flex-wrap: wrap;
  }

  .header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent {
    display: none;
  }

  .footer-wrapper-style-between {
    gap: 25px 15px;
    flex-wrap: wrap;
    padding: 40px 0 20px;
  }
  .footer-wrapper-style-between .single-wized:nth-child(1) {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .footer-wrapper-style-between .single-wized:nth-child(2) {
    flex: 0 0 calc(48% - 8px);
    max-width: calc(50% - 8px);
  }
  .footer-wrapper-style-between .single-wized:nth-child(3) {
    flex: 0 0 calc(52% - 8px);
    max-width: calc(50% - 8px);
  }
  .footer-wrapper-style-between .single-wized:nth-child(4) {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 20px;
    margin-top: 5px;
    border-top: 1px solid rgba(85, 85, 85, 0.15);
  }
  .footer-wrapper-style-between .single-wized.get-in-touch ul {
    gap: 20px;
  }
  .footer-wrapper-style-between .single-wized.get-in-touch ul li {
    width: 100%;
  }
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text a {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    max-width: 100%;
    font-size: 16px;
    line-height: 1.5;
  }
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text a[href*="maps"] {
    max-width: 100%;
  }
  .rts-breadcrumb-area .breadcrumb-area-wrapper,
  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
    padding: 85px 0 60px !important;
  }

  .copyright-area .copyright-area-inner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .rts-cta-area .cta-inner {
    flex-direction: column;
    text-align: center;
  }

  .rts-cta-area .cta-inner .shape {
    display: none;
  }

  .rts-video-wrapper .video-images {
    height: 400px;
    object-fit: cover;
  }

  .rts-video-wrapper .inner-btn-area .rts-play-btn {
    width: 90px;
    height: 90px;
  }

  .rts-video-wrapper .inner-btn-area .rts-play-btn .text-circle {
    width: 90%;
  }
  .rts-video-wrapper .inner-btn-area .rts-play-btn svg {
    width: 30px;
  }

  .rts-video-wrapper .inner-btn-area .rts-play-btn::before, .rts-video-wrapper .inner-btn-area .rts-play-btn::after {
    height: 17px;
  }

  .rts-testimonials-content-area .content-area .desc-star-area .desc {
    font-size: 18px;
    font-weight: var(--f-regular);
    line-height: 28px;
  }

  .rts-contact-form {
    padding: 30px 20px;
  }

  .why-choose-image-left-area .inner-image-one .inner-image .overlay-image,
.why-choose-image-left-area .inner-image-two .inner-image .overlay-image {
    max-width: 150px;
  }

  .banner-content-center-area {
    padding: 100px 0;
  }
  .banner-content-center-area .banner-title {
    font-size: 35px;
  }

  .banner-two .rts-banner-content-area .banner-image-area {
    height: 550px;
  }

  .banner-two .rts-banner-content-area .banner-content-area .banner-title {
    font-size: 40px;
    line-height: 1.2;
  }

  .booking-search-form form {
    width: 100%;
  }

  .rts-shop-area.inner-two {
    padding-left: 0;
    padding-right: 0;
  }

  .banner-two .rts-banner-content-area .banner-content-area .desc {
    margin: 25px 0 30px;
  }

  .banner-two .rts-banner-content-area {
    padding: 25px 0;
  }

  .rts-counter-area-two .counter-inner {
    gap: 25px;
  }

  .rts-counter-area-two .counter-inner .inner {
    padding: 40px;
  }
}
@media (max-width: 450px) {
  .rts-banner-wrapper-area .banner-left-content-area .banner-title {
    font-size: 40px;
  }

  .rts-banner-wrapper-area .banner-left-content-area .price {
    font-size: 30px;
  }
  .rts-banner-wrapper-area .banner-left-content-area .price .price-dollar,
.rts-banner-wrapper-area .banner-left-content-area .price .price-tag {
    font-size: 20px;
    bottom: 5px;
  }

  .rts-banner-wrapper-area .banner-right-form-area {
    padding-left: 20px;
  }

  .about-letf-image-area .about-counter-area .inner {
    padding: 12px 22px;
  }
  .about-letf-image-area .about-counter-area .inner .counter-no {
    font-size: 40px;
  }
  .about-letf-image-area .about-counter-area .inner p {
    font-size: 16px;
  }

  .rts-car-list-area .rts-section-title-area .rts-button-group {
    gap: 10px;
  }
  .rts-car-list-area .rts-section-title-area .rts-button-group .button {
    font-size: 12px;
  }

  .rts-testimonials-images-area .inner-author .author-info {
    padding: 20px;
  }
  .rts-testimonials-images-area .inner-author .author-info .title {
    font-size: 25px;
  }
  .rts-testimonials-images-area .inner-author .author-info .role {
    font-size: 16px;
  }

  .rts-testiomonials-area.testimonial-mx {
    margin: 0;
    border-radius: 0;
  }

  .rts-cta-area .cta-inner .title {
    font-size: 25px;
  }

  .rts-cta-area .cta-inner .contact a {
    gap: 8px;
  }

  .ui-datepicker {
    left: 18px !important;
  }

  .rts-banner-wrapper-area .banner-right-form-area {
    padding-top: 25px;
    padding-bottom: 85px;
  }

  .rts-banner-wrapper-area .banner-right-form-area .nav button {
    padding: 7px;
  }

  .rts-banner-wrapper-area .banner-right-form-area .search-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .about-letf-image-area-two .about-counter-area .inner {
    padding: 12px 22px;
  }
  .about-letf-image-area-two .about-counter-area .inner .counter-no {
    font-size: 40px;
  }
  .about-letf-image-area-two .about-counter-area .inner p {
    font-size: 16px;
  }

  .about-letf-image-area-two .inner-image-sm {
    display: none;
  }

  .rts-car-list-area .button-group-two {
    margin-top: 15px;
    gap: 10px;
  }

  .about-right-image-area .about-counter-area .inner {
    padding: 12px 22px;
  }
  .about-right-image-area .about-counter-area .inner .counter-no {
    font-size: 40px;
  }
  .about-right-image-area .about-counter-area .inner p {
    font-size: 16px;
  }

  .single-testimonials-item {
    padding: 30px 20px;
  }
  .single-testimonials-item .author-area {
    gap: 10px;
  }

  .banner-content-center-area .banner-title {
    font-size: 30px;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper,
  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
    padding: 75px 0 50px !important;
  }

  .banner-two .rts-banner-content-area .banner-content-area .banner-title {
    font-size: 35px;
  }

  .banner-two .rts-banner-content-area .banner-image-area {
    height: 450px;
    border-radius: 20px;
  }

  .rts-counter-area-two .counter-inner .inner {
    width: 100%;
  }
}
@media (max-width: 350px) {
  .ui-datepicker {
    left: 0 !important;
  }

  .rts-car-list-area .button-group-two .button {
    font-size: 12px;
  }

  .why-choose-image-left-area .inner-image-one .inner-image .overlay-image,
.why-choose-image-left-area .inner-image-two .inner-image .overlay-image {
    max-width: 100px;
  }

  .banner-content-center-area .banner-title {
    font-size: 26px;
  }

  .banner-two .rts-banner-content-area .banner-content-area .banner-title {
    font-size: 33px;
  }
}
.ms-checkout-review-order-table .ms-checkout-product {
  display: flex;
  align-items: center;
}
.ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__thumbnail img {
  width: 90px;
  margin-right: 20px;
}
.ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__content h5 {
  font-size: 16px;
}
.ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__content .woocommerce-Price-amount {
  color: var(--color-primary);
}
.ms-checkout-review-order-table .cart_item td {
  border: none;
  padding: 0;
  padding-bottom: 2rem;
}
.ms-checkout-review-order-table tfoot th {
  text-align: left;
  padding-left: 0;
}
.ms-checkout-review-order-table tfoot td {
  text-align: right;
  padding-right: 0;
}
.ms-checkout-review-order-table tfoot th,
.ms-checkout-review-order-table tfoot td {
  border: none;
}
.ms-checkout-review-order-table tfoot tr {
  border-bottom: dotted 1px #e2e2e2;
}
.ms-checkout-review-order-table tfoot tr:last-child {
  border-bottom: none;
}
.ms-checkout-review-order-table tfoot .woocommerce-shipping-methods {
  list-style: none;
}

.checkout_coupon.woocommerce-form-coupon {
  margin-bottom: 2rem;
}
.checkout_coupon.woocommerce-form-coupon p:first-child {
  margin-bottom: 1rem;
}
.checkout_coupon.woocommerce-form-coupon .form-row-first,
.checkout_coupon.woocommerce-form-coupon .form-row-last {
  display: inline-flex;
}
.checkout_coupon.woocommerce-form-coupon .form-row-first input {
  border: none;
  border-radius: 6pt;
  background-color: #f7f7f7;
  padding: 0.5em 1.6em 0.5em 1em;
  height: 45px;
}
.checkout_coupon.woocommerce-form-coupon .form-row-first input:focus-visible {
  outline: none;
}
.checkout_coupon.woocommerce-form-coupon .form-row-last {
  margin-left: -12pt;
}
.checkout_coupon.woocommerce-form-coupon .form-row-last button {
  border: none;
  height: 45px;
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 6pt;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  line-height: 2.4;
}

.ms-woocommerce-order .ms-woocommerce-order-overview {
  list-style: none;
  padding-left: 0;
  display: flex;
  margin: 2rem 0 4rem;
}
.ms-woocommerce-order .ms-woocommerce-order-overview li {
  display: flex;
  flex-direction: column;
  margin-right: 1.5rem;
  padding-right: 1.5rem;
  color: #000000;
}
.ms-woocommerce-order .ms-woocommerce-order-overview li strong {
  margin-top: 4pt;
  color: #000000;
}
.ms-woocommerce-order .ms-woocommerce-order-overview li:last-child {
  border-right: none;
}
.ms-woocommerce-order .woocommerce-order-details h2 {
  margin: 2rem 0;
  font-weight: 700;
}
.ms-woocommerce-order .woocommerce-order-details thead,
.ms-woocommerce-order .woocommerce-order-details tfoot {
  text-align: left;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details {
  margin-bottom: 4rem;
  background-color: #f7f7f7;
  border-radius: 12pt;
  overflow: hidden;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead > tr > th {
  font-weight: 700;
  font-size: 24px;
  border-bottom: solid 1px #e2e2e2;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr > th,
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr > td {
  padding: 1rem 2rem;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details a {
  font-weight: bold;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr,
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td,
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details th {
  border: none;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr {
  border-bottom: solid 1px #e2e2e2;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot {
  border-top: solid 1px #e2e2e2;
  background-color: #f7f7f7;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child {
  font-weight: 700;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot th,
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot td {
  padding-bottom: 0;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child th,
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child td {
  padding-bottom: 1rem;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child {
  border-bottom: none;
}
.ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.woocommerce-table__product-total.product-total {
  display: flex;
}
.ms-woocommerce-order .woocommerce-columns--addresses {
  display: flex;
  flex-wrap: wrap;
}
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 2rem;
}
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address,
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address {
  width: auto;
}
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address address,
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address address {
  font-style: italic;
}
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address address .woocommerce-customer-details--email,
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address address .woocommerce-customer-details--email {
  margin-top: 8pt;
}
.ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address {
  margin-right: 4rem;
  margin-bottom: 2rem;
}
.ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details strong.product-quantity {
  margin-left: 4pt;
  color: #000000;
}
.ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta {
  list-style: none;
  padding-left: 0;
}
.ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li {
  display: flex;
}
.ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li strong {
  margin-right: 8pt;
}
.ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li p {
  color: #000000;
}

.woocommerce-page.woocommerce-order-received .woocommerce {
  margin-bottom: 8vh;
}

.pl-lg-5 {
  padding-left: 4rem !important;
}

.coupon-toggle .accordion .card {
  border: unset;
  border-top: 3px solid var(--color-primary);
  border-radius: 0;
}

.coupon-toggle .accordion .card .card-header {
  border: none;
  margin: 0;
  border-radius: unset;
  padding: 15px 10px;
}

.coupon-toggle .accordion .card .card-header .card-title {
  margin: 0;
}

.coupon-toggle .accordion .card .card-header .card-title span i {
  margin-right: 10px;
}

.coupon-toggle .accordion .card .card-header .card-title button {
  background: unset;
  width: unset;
  border: none;
  color: var(--color-primary);
  transition: all 0.3s ease;
  outline: none;
  cursor: pointer;
}

.coupon-toggle .accordion .card .card-header .card-title button:hover {
  color: var(--color-primary);
}

.coupon-toggle .accordion .card .card-body {
  border: 1px solid #d3ced2;
  padding: 20px 20px 50px 20px;
  margin-top: 2em;
  text-align: left;
}
.coupon-toggle .accordion .card .card-body button {
  padding: 17px 32px;
}

.coupon-toggle .accordion .card .card-body .coupon-code-input {
  width: 47%;
  float: left;
}

.coupon-toggle .accordion .card .card-body .coupon-code-input input {
  width: 100%;
  height: 50px;
  outline: none;
  padding: 10px 18px;
  color: #454545;
  background: #f7f7f7;
  border: 1px solid #f1f1f1;
  border-radius: 0;
}

.full-grid {
  margin-top: 25px;
}

.full-grid .form-content-box {
  margin-bottom: 50px;
}

.full-grid .form-content-box .form-group label {
  line-height: 2;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}

.full-grid .form-content-box .form-group select {
  color: #666666;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f7f7f7;
  border-radius: 0;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  width: 100%;
  outline: none;
}

.full-grid .form-content-box .form-group textarea {
  height: 4em;
  line-height: 1.5;
  display: block;
  box-shadow: none;
  width: 100%;
  padding: 10px 18px;
  background: #f7f7f7;
  margin: 0;
  outline: none;
}

.full-grid .form-content-box .form-group .form-control-mod {
  height: 45px;
  padding: 10px 18px;
  background: #f7f7f7;
  width: 100%;
  margin: 0;
  outline: none;
  line-height: normal;
  border-radius: unset;
}

.full-grid .form-content-box .form-group .form-control-mod.margin-bottom {
  margin-bottom: 10px !important;
}

.full-grid .ordered-product table {
  width: 100%;
}

.full-grid .ordered-product table tr th {
  border: 1px solid #ccc;
  padding: 9px 12px;
}

.full-grid .ordered-product table tr td {
  border: 1px solid #ccc;
  padding: 6px 12px;
}

.full-grid .payment-method .top-area {
  border-bottom: 1px solid #d3ced2;
}

.full-grid .payment-method .top-area .payment-co {
  margin-bottom: 20px;
}

.full-grid .payment-method .top-area .payment-co span {
  font-weight: 600;
  margin-right: 10px;
}

.full-grid .payment-method .top-area .p-msg {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  margin: 1em 0 2em;
  font-size: 0.92em;
  border-radius: 2px;
  line-height: 1.5;
  background-color: #f9f9f9;
}

.full-grid .payment-method .top-area .p-msg:before {
  content: "";
  display: block;
  border: 1em solid #f9f9f9;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -0.75em;
  left: 0;
  margin: -1em 0 0 2em;
}
/*# sourceMappingURL=../maps/style.css.map */

/* ==== Header height + logo sizing ====
   Site-wide. These lived in home.css, so only the pages loading it
   had the shorter header - which made the fixed header a different
   height per page and, since it overlays the breadcrumb, made the
   same banner present differently on About vs Services. Moved here
   so every page gets one header height and one logo size.

   Header height came from two things: the top contact strip's
   padding, and the padding on each nav link (which sets the nav
   row's height, not the logo).

   Note on the logo: logo.png is 1024x844, so --logo-h is what
   actually governs its size - at any sensible --logo-w the height
   cap binds first. Raise --logo-h to make the logo bigger; --logo-w
   only needs to stay above the resulting width (~78px at 64px). */
:root {
  --logo-w: 210px;
  --logo-h: 82px;
  --logo-h-footer: 58px;
}

.header-one .header-top .inner {
  padding: 10px 0 12px;
}

.header-one .header-wrapper-area .header-right .bottom .nav-area ul li.main-nav a:first-child {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  :root {
    --logo-w: 180px;
    --logo-h: 70px;
  }
}

header .logo-area img,
header .logo img {
  width: auto;
  height: auto;
  max-width: var(--logo-w);
  max-height: var(--logo-h);
  object-fit: contain;
}

footer .logo-area img,
footer .logo img {
  width: auto;
  height: auto;
  max-width: var(--logo-w);
  max-height: var(--logo-h-footer);
  object-fit: contain;
}

@media only screen and (max-width: 767px) {
  :root {
    --logo-w: 150px;
    --logo-h: 58px;
    --logo-h-footer: 48px;
  }

  .header-one .header-top .inner {
    padding: 10px 0;
  }
}

/* Hero and service-card styles for the homepage live in home.css. */


/* ==== Team cards (about page) ====
   The card's overlay badge holds a name plus a job title instead of
   the template's phone link, so .role needs the styling the anchor
   had (white, sitting under the name). */
.single-team .content .role {
  color: var(--color-white);
  font-size: 13px;
  font-weight: var(--f-regular);
  display: block;
  line-height: 1.3;
}

/* ---------------------------------------------------------------
   Company journey timeline (about.html)

   A vertical timeline: one rail down the centre, a marker per era, and
   the era cards alternating left and right of it. The year label sits
   opposite its card, on the far side of the rail, so both halves of
   every row carry something and the dates stay easy to scan.

   Each row is a 1fr / auto / 1fr grid, so the marker column is centred
   by construction and the rail can simply sit at left: 50%.

   Below 992px there is no room for two content columns, so the rail
   moves to the left edge and each era stacks year-then-card beside it.
   --------------------------------------------------------------- */
.journey-line {
  position: relative;
  display: grid;
  row-gap: 50px;
}
/* The rail. Faded at both ends so it does not stop dead mid-air. */
.journey-line::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-1px);
  background: linear-gradient(to bottom, rgba(26, 61, 10, 0), var(--color-primary) 8%, var(--color-primary) 92%, rgba(26, 61, 10, 0));
  opacity: 0.4;
}
.journey-item {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.journey-slot {
  display: flex;
  align-items: center;
}
/* Content hugs the rail from either side; the 40px gutter is the stem. */
.slot-start {
  justify-content: flex-end;
}
.slot-end {
  justify-content: flex-start;
}
.journey-point {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* The stem joining marker to card, drawn on whichever side the card is. */
.journey-point::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 40px;
  height: 2px;
  transform: translateY(-1px);
  background: var(--color-primary);
  opacity: 0.4;
}
.is-left .journey-point::before {
  right: 100%;
}
.is-right .journey-point::before {
  left: 100%;
}
.journey-point .dot {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--color-white);
  font-size: 26px;
  border-radius: 50%;
  /* Ring in the section colour, so the marker punches a clean hole in
     the rail. Kept in step with .rts-journey-area.bg-gray. */
  box-shadow: 0 0 0 8px var(--color-tint-green);
  transition: var(--transition);
  z-index: 1;
}
.journey-item:hover .journey-point .dot {
  transform: scale(1.08);
}
.journey-years {
  display: inline-block;
  padding: 9px 24px;
  background: var(--color-white);
  color: var(--color-primary);
  font-size: 18px;
  font-weight: var(--f-semi-bold);
  letter-spacing: 1px;
  border: 1px solid var(--color-primary);
  border-radius: 30px;
  transition: var(--transition);
}
.journey-item:hover .journey-years {
  background: var(--color-primary);
  color: var(--color-white);
}
.journey-card {
  position: relative;
  /* Flex items size to content by default, which would leave the three
     cards at three different widths. */
  width: 100%;
  background: var(--color-white);
  border-radius: 20px;
  padding: 30px 30px 28px;
  box-shadow: 0px 20px 30px rgba(158, 158, 158, 0.1);
  transition: var(--transition);
}
/* Pointer aimed at the rail, so each card reads as attached to its
   marker rather than floating near it.

   The left and right cards must end up identical. Two things get in the
   way, so both are pinned here rather than left to the defaults:

   - Paint order. On a left-hand card the marker is a later sibling, so
     its stem draws over the pointer; on a right-hand card the card is
     later and the pointer draws over the stem. z-index settles it the
     same way on both sides.
   - Over-constraining. Only one offset may be set, or the browser drops
     the other and the pointer lands somewhere unintended, so each side
     clears the opposite offset before setting its own. */
.journey-card::after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 16px;
  height: 16px;
  background: var(--color-white);
  transform: translateY(-50%) rotate(45deg);
}
.is-left .journey-card::after {
  left: auto;
  right: -8px;
}
.is-right .journey-card::after {
  left: -8px;
  right: auto;
}
.journey-item:hover .journey-card {
  box-shadow: 0px 30px 45px rgba(158, 158, 158, 0.22);
}
.journey-card .title {
  font-size: var(--h6);
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-border-three);
}
.journey-points {
  list-style: none;
  padding: 0;
  margin: 0;
}
.journey-points li {
  position: relative;
  padding-left: 30px;
  color: var(--color-body);
  line-height: 1.7;
}
.journey-points li:not(:last-child) {
  margin-bottom: 10px;
}
/* Absolute rather than inline, so a point that wraps to a second line
   keeps its text aligned under the first line instead of tucking back
   under the icon. */
.journey-points li i {
  position: absolute;
  left: 0;
  top: 8px;
  /* Solid diamonds read heavier than a tick at the same size, so they
     are set smaller to sit quietly beside the text. */
  font-size: 10px;
  line-height: 1;
  color: var(--color-primary);
  transition: var(--transition);
}
/* Green at rest, brown on hover - the site's brand pair. Hovering the
   whole point rather than the 10px glyph, so it is actually catchable
   with a mouse. */
.journey-points li:hover i {
  color: var(--color-brown);
}

@media only screen and (max-width: 991px) {
  .journey-line {
    row-gap: 40px;
  }
  /* Rail moves to the left, through the middle of the 72px markers. */
  .journey-line::before {
    left: 36px;
    transform: none;
  }
  .journey-item {
    grid-template-columns: 72px 1fr;
    grid-template-rows: auto auto;
    -moz-column-gap: 30px;
         column-gap: 30px;
    align-items: start;
  }
  .journey-point {
    grid-column: 1;
    grid-row: 1/3;
    align-items: flex-start;
  }
  /* No stems in this layout - the rail already does the joining. */
  .journey-point::before {
    display: none;
  }
  /* Year first, then its card, whichever slot each happens to sit in. */
  .journey-slot {
    grid-column: 2;
    justify-content: flex-start;
  }
  .is-left .slot-start,
  .is-right .slot-end {
    grid-row: 2;
  }
  .is-left .slot-end,
  .is-right .slot-start {
    grid-row: 1;
    margin-bottom: 18px;
  }
  .journey-point .dot {
    box-shadow: 0 0 0 6px var(--color-tint-green);
  }
  /* The pointer would aim at nothing once the cards sit beside the rail. */
  .journey-card::after {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .journey-item {
    grid-template-columns: 56px 1fr;
    -moz-column-gap: 18px;
         column-gap: 18px;
  }
  .journey-line::before {
    left: 28px;
  }
  .journey-point .dot {
    width: 56px;
    height: 56px;
    font-size: 20px;
  }
  .journey-card {
    padding: 26px 22px 24px;
  }
}

/* ---------------------------------------------------------------
   Company growth (about.html)

   Photo on the left, the five stages listed down the right. The page
   runs long on text and icons by this point, so the image is doing the
   work of breaking that up - and it echoes the About block at the top
   of the page, which is also picture-beside-copy.

   The stages themselves stay unboxed: a stage number, a vertical rule,
   and the milestone. No panels, so the photo stays the only weight in
   the section.
   --------------------------------------------------------------- */
.growth-split {
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  gap: 50px;
}
.growth-visual {
  position: relative;
  min-height: 340px;
  border-radius: 20px;
  overflow: hidden;
}
/* The column is stretched by the grid, so the photo can fill whatever
   height the list next to it ends up being. */
.growth-visual img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
/* Same treatment as the badge on the "What Drives Us" photo, so the two
   images on this page are furnished the same way. */
.growth-badge {
  position: absolute;
  z-index: 2;
  left: 30px;
  bottom: 30px;
  padding: 20px 28px;
  background: var(--color-primary);
  border-radius: 16px;
  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.18);
  text-align: center;
}
.growth-badge .counter-no {
  margin-bottom: 6px;
  color: var(--color-white);
  font-size: 40px;
  line-height: 1;
}
.growth-badge p {
  margin-bottom: 0;
  color: var(--color-white);
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  line-height: 1;
}
.growth-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.growth-row {
  position: relative;
  display: grid;
  grid-template-columns: 78px 1fr;
  align-items: center;
  padding: 14px 0;
  transition: var(--transition);
}
.growth-row:not(:last-child) {
  border-bottom: 1px solid var(--color-border-three);
}
/* The numbers were already --color-primary, but at opacity 0.25 that read
   as pale grey rather than green - only the hovered row showed the colour.
   Full strength now, with the hover moving to brown instead, so the row
   still responds to the pointer the way the rest of the site does. */
.growth-step {
  font-size: 30px;
  font-weight: var(--f-bold);
  line-height: 1;
  color: var(--color-green);
  opacity: 1;
  transition: var(--transition);
}
.growth-row:hover .growth-step {
  color: var(--color-brown);
}
/* The vertical rule between number and milestone. Drawn on the text so
   it inherits the row's padding and always spans the full stage. */
.growth-text {
  margin-bottom: 0;
  padding-left: 26px;
  border-left: 1px solid var(--color-border-three);
  color: var(--color-heading);
  font-size: 18px;
  font-weight: var(--f-medium);
  line-height: 1.5;
  transition: var(--transition);
}
/* Green at rest, brown on hover - the site's brand pair. */
.growth-row:hover .growth-text {
  border-left-color: var(--color-brown);
}

@media only screen and (max-width: 1199px) {
  .growth-split {
    gap: 36px;
  }
  .growth-row {
    grid-template-columns: 64px 1fr;
  }
  .growth-step {
    font-size: 30px;
  }
  .growth-text {
    padding-left: 20px;
    font-size: 17px;
  }
}

@media only screen and (max-width: 991px) {
  /* Photo above the list once there is no room to sit beside it. */
  .growth-split {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .growth-visual {
    min-height: 340px;
  }
}

@media only screen and (max-width: 575px) {
  .growth-visual {
    min-height: 260px;
  }
  .growth-badge {
    left: 20px;
    bottom: 20px;
    padding: 16px 22px;
  }
  .growth-badge .counter-no {
    font-size: 32px;
  }
  .growth-row {
    grid-template-columns: 52px 1fr;
  }
  .growth-step {
    font-size: 26px;
  }
  .growth-text {
    padding-left: 16px;
    font-size: 16px;
  }
}

/* ---------------------------------------------------------------
   Supplier network (about.html)

   A photograph carries this section rather than a plain background. It
   was set several ways first - pins on a rail, a card grid, ruled rows,
   large type - and next to the photographed sections above and below it
   the band read as unfinished whichever arrangement it used.

   The photo is the full-width bed, under a green overlay that deepens as
   it falls: lightest at the top where the picture should read, heaviest
   at the bottom behind the cards. A flat overlay has to be strong enough
   for its darkest job everywhere, which blacks the photo out; grading it
   lets the top stay open and the foot stay solid.

   Tune the three stops together - the top governs how much photograph
   shows, the foot how cleanly the white cards separate from it.
   --------------------------------------------------------------- */
.netb-band {
  position: relative;
  padding: 70px 0;
  background: url("../images/about/supplier.webp") center/cover no-repeat;
  border-radius: 24px;
  overflow: hidden;
}
.netb-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 28, 5, 0.58) 0%, rgba(12, 28, 5, 0.78) 45%, rgba(12, 28, 5, 0.9) 100%);
}
/* Lifted above the scrim, which is absolutely positioned over the bed. */
.netb-inner {
  position: relative;
  z-index: 1;
  padding: 0 44px;
}
/* The shared section-title styles paint for a light background, so the
   heading, its highlight span and the kicker are all restated here.

   Scoped through .rts-section-title rather than straight off .netb-band:
   the stylesheet sets the highlight span back to the brand green some
   1600 lines further down, at equal specificity, so a shorter selector
   here loses on source order and the word renders green on green. */
.netb-band .rts-section-title .subtitle,
.netb-band .rts-section-title .heading-title,
.netb-band .rts-section-title .heading-title span {
  color: var(--color-white);
}
/* The 3px rule under the highlighted word is drawn in the brand green by
   the same late block, and is just as invisible on this band. */
.netb-band .rts-section-title .heading-title span::after {
  background: var(--color-white);
}
.netb-lead {
  max-width: 700px;
  margin: 16px auto 0;
  color: var(--color-white);
}
.netb-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 46px;
}
/* Solid white on the dark band. The blur that the translucent version
   needed is gone with it - there is nothing to see through any more. */
.netb-card {
  padding: 28px 22px;
  text-align: center;
  background: var(--color-white);
  border: 1px solid var(--color-border-three);
  border-radius: 16px;
  transition: var(--transition);
}
.netb-card:hover {
  border-color: var(--color-primary);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
  transform: translateY(-6px);
}
/* Same treatment as every other icon on the site - the 60px green disc
   with a white glyph and a soft shadow used by the What We Stand For
   list above. It reads on this band because the scrim takes the bed well
   below the brand green, so the disc sits lighter than its surround
   rather than darker as it does on the light sections. */
.netb-pin {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  background: var(--color-green);
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(132, 132, 132, 0.14);
}
.netb-pin i {
  color: var(--color-white);
  font-size: 24px;
  line-height: 1;
}
/* Card text is dark now that the card is white - the heading takes the
   site default rather than the white it needed against the band. */
.netb-card .title {
  margin-bottom: 8px;
  color: var(--color-heading);
  font-size: 19px;
}
/* All five cards link now: three to a street address, and Hosur and
   Bangalore to their city, since no street address has been given for
   those two. The <p> selector is kept so a card can fall back to plain
   text without losing its styling. */
.netb-card a,
.netb-card p {
  display: block;
  margin-bottom: 0;
  color: var(--color-body);
  font-size: 14px;
  line-height: 1.65;
  transition: var(--transition);
}
.netb-card a:hover {
  color: var(--color-brown);
}

@media only screen and (max-width: 1199px) {
  .netb-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 991px) {
  .netb-inner {
    padding: 0 28px;
  }
}

@media only screen and (max-width: 767px) {
  .netb-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .netb-band {
    padding: 46px 0;
  }
  .netb-inner {
    padding: 0 20px;
  }
  .netb-cards {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }
  /* Same step-down the drives list takes at this width. */
  .netb-pin {
    width: 46px;
    height: 46px;
  }
  .netb-pin i {
    font-size: 19px;
  }
}

/* ---------------------------------------------------------------
   Primary customer (about.html)

   Copy left, photograph right - the mirror of the growth section
   above, which runs photo-left, so the two alternate down the page
   instead of reading as the same block twice.

   The names are typed, not drawn. The customer's own branding is
   theirs to supply.
   --------------------------------------------------------------- */
.client-split {
  display: grid;
  grid-template-columns: 1.04fr 0.96fr;
  gap: 60px;
  /* Stretch, not centre: the photo is meant to run exactly as tall as
     the copy beside it. */
  align-items: stretch;
}
.rts-client-area .rts-section-title {
  margin-bottom: 22px;
}
/* The heading is meant to hold one line in this column at every desktop
   width, so it is kept short and stopped from wrapping. */
.rts-client-area .heading-title {
  white-space: nowrap;
}
.client-desc {
  margin-bottom: 34px;
  color: var(--color-body);
  font-size: 17px;
  line-height: 1.85;
}
.client-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--color-border-three);
}
.client-list li {
  position: relative;
  padding: 20px 0 20px 32px;
  border-bottom: 1px solid var(--color-border-three);
  color: var(--color-heading);
  font-size: 21px;
  font-weight: var(--f-medium);
  line-height: 1.4;
  transition: var(--transition);
}
/* Brand marker in place of a bullet, set on the cap height of the
   first line rather than centred on a name that may wrap. */
.client-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 11px;
  height: 11px;
  background: var(--color-primary);
  border-radius: 2px;
  transform: rotate(45deg);
  transition: var(--transition);
}
/* Green at rest, brown on hover - the site's brand pair. */
.client-list li:hover {
  padding-left: 42px;
  color: var(--color-primary);
}
.client-list li:hover::before {
  background: var(--color-brown);
}
.client-visual {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
/* Taken out of flow so the photo's own height counts for nothing: the
   row is sized by the copy alone, and the image then fills whatever
   that comes to. Left in flow it would push the row taller than the
   text and the two columns would never match. */
.client-visual img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media only screen and (max-width: 1199px) {
  .client-split {
    gap: 40px;
  }
  .client-list li {
    font-size: 19px;
  }
}

@media only screen and (max-width: 991px) {
  /* Copy above the photo once there is no room to sit beside it. */
  .client-split {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  /* Stacked, there is no neighbouring column to take the height from,
     so the photo needs one of its own again. */
  .client-visual {
    min-height: 340px;
  }
}

@media only screen and (max-width: 575px) {
  /* Below this the heading genuinely cannot hold one line, and clipping
     it would be worse than letting it wrap. */
  .rts-client-area .heading-title {
    white-space: normal;
  }
  .client-visual {
    min-height: 260px;
  }
  .client-list li {
    padding: 16px 0 16px 26px;
    font-size: 17px;
  }
  .client-list li::before {
    top: 24px;
    width: 9px;
    height: 9px;
  }
  .client-list li:hover {
    padding-left: 32px;
  }
}

/* ---------------------------------------------------------------
   Major milestone (about.html)

   The quote is the section - there is no separate heading competing
   with it. A ruled eyebrow, an oversized quote mark, the milestone set
   as the largest type on the page, an attribution, then the supporting
   copy in two columns divided by a hairline.

   The quote mark is inline SVG rather than a glyph or an icon font:
   the site's display face draws U+201C as two slashes, and at this
   size that reads as a typo.
   --------------------------------------------------------------- */
/* Padding is left to .rts-section-gap - 120px top and bottom, the same
   as every other section on the page. The height this section saves is
   taken out of its internals instead. */
.rts-milestone-area.rts-section-gap {
  position: relative;
  overflow: hidden;
  /* Barely-there vertical wash over the flat tint. Enough to give the
     block depth and to seat the quote at the lighter top end, not
     enough to read as a gradient. */
  background: linear-gradient(178deg, #F1F7EC 0%, var(--color-tint-green) 62%, #E7F0E1 100%);
}
/* The subtitle is the site's standard .rts-section-title .subtitle, so
   it matches every other section. Only the trailing space is trimmed -
   the wrapper normally sits above a heading, and there is none here. */
.rts-milestone-area .rts-section-title {
  margin-bottom: 0;
}
.milestone-quote {
  position: relative;
  max-width: 1240px;
  margin: 18px 0 0;
  padding: 0;
}
.milestone-quote p {
  margin-bottom: 22px;
  color: var(--color-heading);
  /* Largest type in the section, ahead of any heading on it. Tight
     leading and a touch of negative tracking keep it from sprawling. */
  font-size: 36px;
  font-weight: var(--f-medium);
  line-height: 1.32;
  letter-spacing: -0.8px;
}
/* The customer's name picked out in brand green, tying the quote back
   to the Caterpillar credit directly above it. Not italic - the whole
   quote already is, so italics here would flatten rather than lift. */
.milestone-quote em {
  color: var(--color-primary);
  font-style: normal;
  font-weight: var(--f-semi-bold);
}
.milestone-by {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: var(--f-semi-bold);
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.milestone-by::before {
  content: "";
  width: 34px;
  height: 2px;
  background: var(--color-primary);
}
.milestone-copy {
  display: grid;
  /* Weighted, not halved: the first paragraph is about a third longer,
     and its column also gives up 60px to the divider, so the track has
     to be wider still for the two to finish level. */
  grid-template-columns: 1.45fr 1fr;
  gap: 60px;
  margin-top: 38px;
  padding-top: 30px;
  border-top: 1px solid var(--color-border-three);
}
.milestone-copy p {
  margin-bottom: 0;
  color: var(--color-body);
  font-size: 17px;
  line-height: 1.8;
}
/* Hairline dividing the two columns, set in the middle of the gutter. */
.milestone-copy p:first-child {
  padding-right: 60px;
  border-right: 1px solid var(--color-border-three);
}

@media only screen and (max-width: 1199px) {
  .milestone-quote p {
    font-size: 33px;
  }
  .milestone-copy {
    gap: 44px;
    margin-top: 56px;
  }
  .milestone-copy p:first-child {
    padding-right: 44px;
  }
}

@media only screen and (max-width: 991px) {
  .milestone-quote p {
    font-size: 27px;
    letter-spacing: -0.4px;
  }
  .milestone-copy {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 44px;
    padding-top: 34px;
  }
  /* One column now, so the divider has nothing to divide. */
  .milestone-copy p:first-child {
    padding-right: 0;
    border-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .milestone-quote p {
    font-size: 22px;
    letter-spacing: 0;
  }
}

/* The vehicle-category slider is driven by prev/next arrows instead of
   pagination dots. They sit where the dots used to - centred, 50px below
   the slider - so the section spacing is unchanged. */
.rts-category-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 50px;
}
.rts-category-controls button {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--color-primary);
  background: transparent;
  color: var(--color-primary);
  border-radius: 50%;
  transition: var(--transition);
}
.rts-category-controls button:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.rts-category-controls button.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Degree suffix on a founder/team name - kept on its own line so a long
   name plus qualification does not stretch the max-content card wider
   than the photo above it. */
.single-team .content .title .qualification {
  display: block;
  color: var(--color-white);
  font-size: 12px;
  font-weight: var(--f-regular);
  opacity: 0.85;
  line-height: 1.3;
}

/* The seven team photos arrived with no common aspect ratio - they ran from
   0.47:1 (team-5, a full-length standing shot) to 1:1 (team-4) - so a single
   card shape could only fill edge-to-edge by cropping each one differently,
   which is what lopped off arms and heads.

   That is fixed in the source files rather than here: every photo in
   assets/images/about/ is now exactly 3:4. The wide ones were centre-cropped,
   losing only surplus side background; the two tall ones were WIDENED - their
   own edge pixels stretched outward and blurred - so no pixel of a person was
   removed. assets/images/about/originals/ holds the untouched shots, and
   scripts/normalize-team-photos.php regenerates the whole set from them.

   Because the files already match the card, `cover` fills the frame completely
   and crops nothing. Keep --team-card-ratio and the source files in step: change
   this and the photos need regenerating at the new ratio, or cropping returns. */
:root {
  --team-card-ratio: 3 / 4;
}

.single-team .team-thumb {
  position: relative;
  aspect-ratio: var(--team-card-ratio);
  border-radius: 20px;
  overflow: hidden;
  background-color: #eceff1;
}

.single-team .team-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
}

/* founder.png is framed so tight that the top of his hair runs off the frame.
   Nothing here can undo that - the pixels were never captured - and painting a
   crown back was tried and rejected: at every size it read as extra hair that
   is not his. It needs a re-shot or uncropped source photo, not a CSS fix. */

/* The name badge is `max-width: max-content`, so it sizes to its text with no
   idea how wide the card is - a long title simply runs off both edges. The
   longest one, "Technology Support Team", needs about 260px at 16px/600 once
   the padding is counted, and between 1200px and 1399px the column is only
   243px wide, so it overhung the photo on both sides.

   Capping it at the card width less a gutter keeps a strip of photo visible
   either side at every breakpoint, and a title with nowhere left to go wraps
   inside the badge instead of overflowing it. The side padding comes down from
   34px to 24px so the long titles still hold one line on a full-width desktop
   card and only wrap on the narrow band where nothing else would fit. */
:root {
  --team-badge-gutter: 32px;
}

.single-team .content {
  /* max-content keeps the badge shrink-to-fit - the base rule's `width: 100%`
     would otherwise stretch every one of them into a full-width bar and lose
     the pill shape - while max-width stops it growing past the card. */
  width: max-content;
  max-width: calc(100% - var(--team-badge-gutter));
  padding: 14px 24px;
}

.single-team .content .title {
  line-height: 1.3;
}

/* Below 768px no column class applies, so the card would stretch the full
   516px container. Capping it and centring keeps the portrait shape and
   stops the row from turning into one giant photo per screen. */
@media only screen and (max-width: 767px) {
  .single-team {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Centred intro paragraph under a section heading. */
.rts-section-title.text-center .desc {
  max-width: 780px;
  margin: 18px auto 0;
}

/* ==== Footer contact widget: tighter stacked links ====
   .single-wized .body a carries margin-bottom: 20px so the Quick
   Links column has breathing room. That same rule also hits the
   contact widget, where a second phone number or email address sits
   directly under the first - and 20px between two lines of the same
   detail reads as a gap, not a pair. Tighten it here and drop the
   trailing margin on the last one.
   Tweak --footer-contact-gap to adjust. */
:root {
  --footer-contact-gap: 6px;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a {
  display: block;
  line-height: 1.5;
  margin-bottom: var(--footer-contact-gap);
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a:last-child {
  margin-bottom: 0;
}

/* ==== Footer: overall height ====
   The template used padding: 80px 0, and the copyright bar adds another
   24px of its own above the rule - so the space between the last footer
   detail and the divider read as much larger than the space below it.

   Both ends are now tokens. The top no longer needs the full 80px to
   separate the footer from the CTA band above it: that band ends on a
   solid dark panel, which does the separating on its own.
   Tweak --footer-pad-top / --footer-pad-bottom to adjust. */
:root {
  --footer-pad-top: 55px;
  --footer-pad-bottom: 18px;
}

.footer-wrapper-style-between {
  padding-top: var(--footer-pad-top);
  padding-bottom: var(--footer-pad-bottom);
}

/* The template already trimmed this padding at 991px and 576px, but those
   rules sit earlier in the file and carry no more specificity than the one
   above - so it would have overridden them and made the footer taller on
   small screens than on a desktop. Setting the tokens per breakpoint keeps
   the original scale-down. */
@media (max-width: 991px) {
  :root {
    --footer-pad-top: 50px;
    --footer-pad-bottom: 16px;
  }
}

@media (max-width: 576px) {
  :root {
    --footer-pad-top: 40px;
    --footer-pad-bottom: 14px;
  }
}

/* ==== Footer: developer credit link ==== */
.copyright-area .copyright-area-inner p a.dev-credit {
  color: var(--color-primary);
  font-weight: var(--f-medium);
  transition: var(--transition);
}

.copyright-area .copyright-area-inner p a.dev-credit:hover {
  color: var(--color-heading);
  text-decoration: none;
}

/* ==== Footer contact widget: top-align the pairs ====
   Both the list and each item used align-items: center. Centring
   means a taller block (the 3-line address, or an email that wraps)
   pushes its shorter neighbour down, so "Our Location" and "Working
   Hours" never began on the same line. Aligning to the start pins
   every label - and every icon - to the top of its row instead, so
   the pairs line up no matter how many lines each one runs to. */
.footer-wrapper-style-between .single-wized.get-in-touch ul {
  align-items: flex-start;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li {
  align-items: flex-start;
}

/* ==== Service page: Our Service Promise image ====
   The photo is 3:2, so it rendered short beside a tall text column.
   A fixed frame with object-fit: cover makes it taller without
   distorting it, and the radius matches the cards elsewhere on the
   site. Tweak --service-promise-img-h / -radius to adjust. */
:root {
  --service-promise-img-h: 520px;
  --service-promise-img-radius: 20px;
}

.rts-service-area.inner .service-image-wrapper img {
  width: 100%;
  height: var(--service-promise-img-h);
  object-fit: cover;
  object-position: center;
  border-radius: var(--service-promise-img-radius);
}

/* Same column gap as the About page's Our Story block, which sets
   --bs-gutter-x: 60px on its row. Setting the gutter rather than a margin
   is the idiomatic fix: Bootstrap derives both the column padding and the
   row's compensating negative margin from it, so the outer edges of the
   section stay put and only the space between the two columns grows.
   Desktop only - below 992px the columns stack and the gutter would just
   add dead space. */
@media only screen and (min-width: 992px) {
  .rts-service-area.inner .section-inner > .row {
    --bs-gutter-x: 60px;
  }

  /* Photo matches the text column's height. --service-promise-img-h was a
     fixed 520px frame, so at 1024px - where the text column is narrow and
     runs long - the paragraph overshot the photo and left a gap beside it.

     The column stretches, the wrapper grows into it, and the image fills
     the wrapper; the fixed height becomes a min-height so a short text
     column still cannot squash it. align-items-center came off the row in
     the markup, since Bootstrap sets it !important and centred columns do
     not stretch. */
  .rts-service-area.inner .section-inner > .row > .col-lg-6:first-child {
    display: flex;
  }

  .rts-service-area.inner .service-image-wrapper {
    flex: 1 1 auto;
  }

  .rts-service-area.inner .service-image-wrapper img {
    height: 100%;
    min-height: var(--service-promise-img-h);
  }
}

@media only screen and (max-width: 991px) {
  :root {
    --service-promise-img-h: 420px;
  }
}

@media only screen and (max-width: 575px) {
  :root {
    --service-promise-img-h: 340px;
  }
}

/* ==== About page: Our Story image ====
   One photo now - the founder's portrait; the template's inset thumbnail
   has been removed from the markup. The frame height is no longer a fixed
   token: it comes from the text column, and the photo file was rebuilt to
   that aspect so filling it costs almost no crop. See the frame rule below.
   The wrapper was max-width: max-content, which pinned it to the image's
   natural size; it needs to fill the column first. */
:root {
  /* Metrics for the "25+ Years of Experience" badge. The template card was
     drawn for a full-bleed hero - 24px/45px of padding around a 54px
     number - and over a half-column portrait it read as oversized. Its
     height also sets how much plain wall has to sit above his head in the
     photo before he clears it, so shrinking the card is what let that top
     space come down too. Everything scales from here. */
  --story-badge-pad-y: 10px;
  --story-badge-pad-x: 22px;
  --story-badge-no: 26px;
  --story-badge-label: 13px;
}

.about-letf-image-area-two {
  width: 100%;
  max-width: 100%;
}

/* ==== About page: Our Story section height ====
   Two levers, because the section's height is two things added together:
   its own top padding, and the height of the text column (which the image
   column then matches). rts-section-gapTop ships 120px for full-bleed
   sections; this one sits directly under the breadcrumb and does not need
   it. The rest comes off the gaps between the text blocks - the type
   itself is untouched. Scoped to .rts-about-area so no other section that
   shares these classes moves. */
.rts-about-area.rts-section-gapTop {
  padding-top: 80px;
}

.rts-about-area .about-right-content-area .rts-section-title {
  margin-bottom: 22px;
}

.rts-about-area .about-founder {
  margin-bottom: 20px;
}

/* .mt--45 is a utility carrying !important, so this has to match it. */
.rts-about-area .about-right-content-area .rts__btn.mt--45 {
  margin-top: 32px !important;
}

.rts-about-area .about-right-content-area .about-item-wrapper.mt--30 {
  margin-top: 24px !important;
}

/* The image column matches the text column's height, and the portrait is
   not visibly cropped. Those two only hold together if the photo's own
   aspect ratio is close to the frame's, so the file was rebuilt to suit:
   780x997 (0.78:1) against a frame that lands near 570x700 in this layout.
   `cover` then has almost nothing to remove - roughly the bottom 30px,
   which is jacket hem, not subject.

   Anchoring to the top is what keeps his head clear of the counter badge
   in the top-right corner. It also means the trim always comes off the
   bottom: if the text column runs short the hem trims further, and if it
   runs long the photo simply fills more of its own height. Bottom
   anchoring would preserve the hem but slide his head up under the badge,
   which is the worse failure.

   Bootstrap rows stretch their columns by default, so the column already
   has the row's full height - the image just was not using it. Flexing the
   wrapper and giving the frame `flex: 1 1 0` lets it absorb whatever
   height the text sets. A zero flex-basis keeps the image out of the row's
   height calculation, so the TEXT drives the height and the image follows.
   (The row's align-items-center class had to come off the markup - centred
   columns do not stretch, and Bootstrap sets it !important.) */
.about-letf-image-area-two .about-image-area {
  height: auto;
}

.about-letf-image-area-two .about-image-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

@media only screen and (min-width: 992px) {
  /* Space between the image and the text column. Bootstrap's default
     gutter is only 24px, which reads as cramped now that the image
     fills its column edge to edge. Setting --bs-gutter-x on the row
     is the idiomatic fix: Bootstrap derives both the column padding
     and the row's compensating negative margin from it. */
  .rts-about-area .section-inner > .row {
    --bs-gutter-x: 60px;
  }

  .rts-about-area .section-inner > .row > .col-lg-6:first-child {
    display: flex;
  }

  .about-letf-image-area-two {
    display: flex;
    flex-direction: column;
  }

  .about-letf-image-area-two .about-image-area {
    flex: 1 1 0;
  }
}

/* ==== About page: Our Story photo, the taller canvas ====
   The two columns are the same height at every width, which is what the
   flex fill above is for. Filling only works while the frame stays near
   the photo's own aspect, though, and the original shot is square
   (780x785) against a frame that is 435x710 at 1024px - `cover` was
   slicing ~19% off each side, shoulders and all.

   founder-story-tall.webp is that portrait on a 780x1300 canvas (0.60,
   narrower than any frame this layout produces): the 80 rows of plain
   wall above his head are stretched to the new top edge, blurred, and
   crossfaded into the real photo, so the join is invisible and the result
   reads as a shot with more headroom. Rebuild it with
   assets/images/about/originals/build-founder-tall.php, run from the
   project root, if the portrait is ever replaced.

   Anchoring to the BOTTOM is what makes it work: the frame is never
   narrower than the canvas, so the crop is always vertical and always
   comes off the fabricated wall at the top. At 1024px it takes almost
   nothing; at 1440px it takes the wall back off and leaves the original
   framing. The <picture> in about.html serves this file to the
   side-by-side layout only - stacked, the square original is already a
   full-width banner with nothing cropped. */
.about-letf-image-area-two .about-image-area img {
  object-position: center bottom;
}

/* ==== About page: Our Story photo height at tablet and small laptop ====
   Both of these ranges were letting the portrait run much taller than it
   needs to be, for the same underlying reason: the frame takes its height
   from the photo rather than the other way round.

   768-991px is the stacked layout, where the frame is a full-width banner
   with no height of its own, so it took the whole of whichever canvas it
   was served - 920px at 768px wide with the phone file, which carries
   270px of fabricated wall above his head. Capping the frame instead only
   moved the problem: cropping to that cap took the jacket off the bottom
   and left the bare wall on top, so it showed his face and nothing else.

   The fix is upstream, in the <picture>: this range gets the source shot
   as taken, whose 90px of headroom needs no crop at all. Full column
   width puts it near 750px tall, framed like desktop.

   7/6 then trims that to ~640px. Anchored to the top, which is the whole
   point: against the source shot the crop comes off the jacket hem at the
   bottom and leaves his headroom - and so the badge's clearance - exactly
   as it was. It was the phone canvas that made a cap here look broken.

   992-1399px is the side-by-side layout, and the image fills the column,
   so the two columns are exactly the same height. Two things had to give
   for that to look right.

   First, `flex: 1 1 0` was meant to let the text column set the height,
   but a flex item's default min-height is auto - its content's minimum -
   and for the image that is the photo's own scaled height (~725px at
   1024, ~900px at 1200). So the photo was setting the section's height
   rather than following it. min-height: 0 lifts that floor.

   Second, the source. The column here is around 435x730 - a 0.6 frame -
   and the tall canvas is 0.6 itself, so filling it cropped nothing and
   showed all 605px of headroom: a field of wall with him at the bottom.
   The <picture> serves the shot as taken instead, whose 90px of headroom
   scales to about 85px on screen. Filling a 0.6 frame with a square photo
   means the crop lands on the WIDTH: he is framed head-and-shoulders,
   with the outer jacket trimmed. That is the trade at this size - the
   height is fixed by the text column, so the only way to lose the wall
   above him is to let the sides go.

   Above 1400px the xxl container widens the column enough that the tall
   canvas fills it with its own bottom-anchored crop, so the <picture>
   hands the tall file back and nothing here applies. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-letf-image-area-two .about-image-area {
    aspect-ratio: 7 / 6;
  }

  .about-letf-image-area-two .about-image-area img {
    object-position: center top;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .about-letf-image-area-two .about-image-area {
    min-height: 0;
  }

  /* Top, not bottom: the crop here is horizontal, and what little vertical
     crop there is should come off the jacket rather than his headroom -
     that headroom is what keeps the counter badge off his head. */
  .about-letf-image-area-two .about-image-area img {
    object-position: center top;
  }
}

/* ==== About page: Our Story counter badge ====
   Sizes come from the tokens above. The notch pseudo-elements are left
   alone: they are keyed to the plate's 20px corner radius, not to the
   card's own dimensions, so they still meet the frame cleanly.
   These sit after the template's own rules (and after the 450px override
   further up the file), so the small-screen values are restated below
   rather than inherited. */
.about-letf-image-area-two .about-counter-area .inner {
  padding: var(--story-badge-pad-y) var(--story-badge-pad-x);
}

.about-letf-image-area-two .about-counter-area .inner .counter-no {
  font-size: var(--story-badge-no);
  margin-bottom: 4px;
}

.about-letf-image-area-two .about-counter-area .inner .counter-no .count-plus {
  bottom: 4px;
}

.about-letf-image-area-two .about-counter-area .inner p {
  font-size: var(--story-badge-label);
}

@media only screen and (max-width: 450px) {
  :root {
    --story-badge-pad-y: 8px;
    --story-badge-pad-x: 16px;
    --story-badge-no: 22px;
    --story-badge-label: 12px;
  }
}




/* ==== About page: Our Story founder credit ====
   Sits directly under the section title, above the story copy. The
   left accent bar and the "Founder" label keep it reading as an
   attribution rather than another body paragraph. The title already
   carries 30px of bottom margin, so this only adds its own gap below. */
.about-founder {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 0;
  margin-bottom: 26px;
  padding-left: 18px;
  border-left: 3px solid var(--color-primary);
}

.about-founder .label {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.about-founder .name {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--color-heading);
}

.about-founder .qualification {
  font-size: 15px;
  font-weight: 400;
  color: var(--color-body);
}

@media only screen and (max-width: 575px) {
  .about-founder .name {
    font-size: 18px;
  }
}

/* ==== About page: Mission / Vision / Values ====
   One rounded panel: photo full-bleed down the left half, tinted
   content area on the right. overflow: hidden on the panel is what
   lets the photo run edge to edge and still take the rounded corner,
   and --bs-gutter-x: 0 removes Bootstrap's column padding so there
   is no gap between the photo and the panel edge. Spacing comes from
   .drives-content instead.
   --drives-img-ratio is the photo's own aspect - update it if the file is
   ever swapped for one of a different shape (values.webp is 1536x1024). */
:root {
  --drives-img-ratio: 1536 / 1024;
}

/* The section uses rts-section-gap (120px top and bottom). Our Story
   above it has no bottom padding, so this top padding was the only
   thing between them - dropping it closes that gap. */
.rts-drives-area {
  padding-top: 0;
}

.rts-drives-area .drives-panel {
  background: var(--color-gray);
  border-radius: 24px;
  overflow: hidden;
}

.rts-drives-area .drives-panel > .row {
  --bs-gutter-x: 0;
  align-items: stretch;
}

/* The photo fills the column edge to edge.

   From 992px up the frame stretches to the panel's full height and the
   photo covers it. values.webp is landscape (1536x1024) against a column
   that runs 388x716 at 1024px and 544x585 at 1440px, so covering costs
   width: 38% of it at 1024px, 28% at 1440px. Which width goes is what
   --drives-img-pos-x decides.

   24% is where the two things that matter both just fit at 1440px and
   above: the MISSION / VISION / VALUES signpost starts 9% in from the
   left edge and the car ends at 71%, and a 62%-wide window placed at 24%
   lands on exactly 9%-71%. Dead centre cut the signpost off - it is the
   picture's whole point, and the car reads fine either way, so below
   1400px, where the window is too narrow to hold both, this keeps the
   signpost and gives up the front of the car.

   Below 992px the panel stacks and the photo becomes a banner across the
   top. There it takes the photo's own ratio (--drives-img-ratio) rather
   than an arbitrary height, so it fills that frame with nothing cropped
   at all. */
.rts-drives-area .drives-image {
  position: relative;
  width: 100%;
  aspect-ratio: var(--drives-img-ratio);
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .rts-drives-area .drives-image {
    aspect-ratio: auto;
    height: 100%;
  }
}

:root {
  --drives-img-pos-x: 24%;
}

.rts-drives-area .drives-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--drives-img-pos-x) center;
  z-index: 1;
}

/* Orange wash, matching the Our Story image treatment. Over the photo,
   under the badge. */
.rts-drives-area .drives-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 54, 0, 0.14);
  pointer-events: none;
  z-index: 2;
}

.rts-drives-area .drives-badge {
  position: absolute;
  z-index: 3;
  left: 30px;
  bottom: 30px;
  padding: 20px 28px;
  background: var(--color-primary);
  border-radius: 16px;
  box-shadow: 0 24px 40px rgba(0, 0, 0, 0.18);
  text-align: center;
}

.rts-drives-area .drives-badge .counter-no {
  color: var(--color-white);
  font-size: 40px;
  line-height: 1;
  margin-bottom: 6px;
}

.rts-drives-area .drives-badge p {
  color: var(--color-white);
  font-family: var(--font-primary);
  font-weight: var(--f-medium);
  line-height: 1;
  margin-bottom: 0;
}

.rts-drives-area .drives-content {
  padding: 40px 45px 40px 42px;
}

.rts-drives-area .drives-content .rts-section-title {
  margin-bottom: 22px;
}

.rts-drives-area .drives-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.rts-drives-area .drives-list li {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(85, 85, 85, 0.16);
}

.rts-drives-area .drives-list li:first-child {
  padding-top: 0;
}

.rts-drives-area .drives-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

/* The two brand tones, used as a pair across the whole site: green at rest,
   brown on hover. Green matches --color-primary, so the buttons and cards
   that use it sit in the same tone as the section headings and the CTA band.

   Defined here, in the stylesheet every page loads, so home.css / booking.css
   / contact.css can all use them without redeclaring. */
:root {
  --color-green: #1A3D0A;
  --color-brown: #4E341B;
}

.rts-drives-area .drives-list li .icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-green);
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(132, 132, 132, 0.14);
}

.rts-drives-area .drives-list li .icon i {
  color: var(--color-white);
  font-size: 24px;
  line-height: 1;
}

.rts-drives-area .drives-list li .text .title {
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 8px;
}

.rts-drives-area .drives-list li .text p {
  margin-bottom: 0;
  line-height: 1.65;
}


@media only screen and (max-width: 1199px) {
  .rts-drives-area .drives-content {
    padding: 45px 40px;
  }
}

@media only screen and (max-width: 991px) {
  /* Stacked: the photo becomes a banner across the panel top, still at its
     own ratio and now the full width of the panel - nothing cropped here
     either, so no height variable to tune. */
  .rts-drives-area .drives-content {
    padding: 40px 32px;
  }
}

@media only screen and (max-width: 575px) {
  .rts-drives-area .drives-content {
    padding: 32px 22px;
  }

  .rts-drives-area .drives-badge {
    left: 20px;
    bottom: 20px;
    padding: 14px 20px;
  }

  .rts-drives-area .drives-badge .counter-no {
    font-size: 30px;
  }

  .rts-drives-area .drives-list li {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 20px 0;
  }

  .rts-drives-area .drives-list li .icon {
    width: 46px;
    height: 46px;
    margin: 0 auto;
  }

  .rts-drives-area .drives-list li .icon i {
    font-size: 19px;
  }
}

/* ==== Preloader: logo centred inside the spinner ====
   .loader is already centred in the viewport (top/left 50% plus a
   -50% translate), so the logo only needs centring inside .loader
   itself. The ring is drawn by .loader:after and that is what spins
   - the logo is a separate child, so it stays upright while the ring
   turns around it. The ring is widened to 110px and its 14px inset
   removed to leave room for the logo in the middle.
   Tweak --loader-size / --loader-logo-w to resize. */
:root {
  --loader-size: 110px;
  --loader-logo-w: 58px;
}

.loader {
  width: var(--loader-size);
  height: var(--loader-size);
}

.loader:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.loader .loader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--loader-logo-w);
  height: auto;
  max-width: none;
  object-fit: contain;
}

@media only screen and (max-width: 575px) {
  :root {
    --loader-size: 90px;
    --loader-logo-w: 46px;
  }
}

/* ==== Service page: Our Service Promise button ====
   The markup is now the shared .rts__btn, but this section still
   carried styling written for the flat `btn-primary radius-small`
   button it used to have: it painted the <a> itself solid orange
   with a 6px radius and added a ::before sweep. The shared button
   draws its own pill segments (.rts__btn__wrap + .rts__btn__icon)
   on a transparent anchor, so that outer orange box showed through
   behind them and the button still looked unlike every other page.
   Clearing it lets the standard styling render as intended. */
.rts-service-area.inner .service-content-area .button-area .rts__btn {
  background: transparent;
  border-radius: 0;
  color: inherit;
}

.rts-service-area.inner .service-content-area .button-area .rts__btn::before {
  content: none;
}

/* Brown fill on hover, matching every other button on the site. The
   shared button's hover only slides the text and arrow - it never
   changes colour - so both pill segments need the fill, and the border
   has to change with them or a grey outline stays visible on top.
   Colour is set on the containers so the label and arrow inherit white.
   This rule outranks the site-wide .rts__btn:hover pair, so it carries
   the brown itself. */
.rts-service-area.inner .service-content-area .button-area .rts__btn .rts__btn__wrap,
.rts-service-area.inner .service-content-area .button-area .rts__btn .rts__btn__icon {
  transition: var(--transition);
}

.rts-service-area.inner .service-content-area .button-area .rts__btn:hover .rts__btn__wrap,
.rts-service-area.inner .service-content-area .button-area .rts__btn:hover .rts__btn__icon {
  background: var(--color-brown);
  border-color: var(--color-brown);
  color: var(--color-white);
}

/* ==== About page: FAQ image ====
   The base rule only rounds the corners, so the photo took its own
   intrinsic size. corporate.jpg is 3:2 and much larger than the
   placeholder it replaced, so it needs a definite frame; cover keeps
   it undistorted. Tweak --faq-img-h to resize. */
:root {
  --faq-img-h: 520px;
}

.rts-faq-area .faq__image img {
  display: block;
  width: 100%;
  height: var(--faq-img-h);
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
}

/* Match the image to the accordion's height. Bootstrap rows stretch
   their columns by default, so the image column already has the row's
   full height - height: 100% just makes the photo use it. The
   accordion is the taller column, so it drives; --faq-img-h stays as
   the fallback once the columns stack.
   (The row's align-items-center had to come off the markup: centred
   columns do not stretch, and Bootstrap sets it !important.) */
@media only screen and (min-width: 992px) {
  .rts-faq-area .rts-faq-wrapper-area > .row > div:last-child {
    display: flex;
  }

  .rts-faq-area .faq__image {
    width: 100%;
  }

  .rts-faq-area .faq__image img {
    height: 100%;
  }
}

@media only screen and (max-width: 991px) {
  :root {
    --faq-img-h: 440px;
  }
}

@media only screen and (max-width: 575px) {
  :root {
    --faq-img-h: 320px;
  }
}

/* ==== About page: Certifications & Recognition ====
   Was a fourth card grid, which made three consecutive sections look
   identical. Now a credentials strip: no card borders, just four
   columns separated by hairline rules, so it reads as a row of
   accreditations rather than another set of tiles. */
/* This section is tinted (bg-gray), so its padding is visible as a
   band - unlike the untinted sections above, where a zero top
   padding just closes a gap. It keeps rts-section-gap's matching
   120px top and bottom so the band sits evenly, the same spacing
   Our Story uses. */

.rts-credentials-area .credentials-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* Only two of the four credentials are live, so each was stretching to
     half the container and reading as a banner rather than a card. Capping
     the strip keeps the pair narrow and centred under the section title. */
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.rts-credentials-area .credential {
  flex: 1 1 0;
  min-width: 220px;
  padding: 0 32px;
  text-align: center;
  border-left: 1px solid rgba(85, 85, 85, 0.16);
}

.rts-credentials-area .credential:first-child {
  border-left: 0;
}

.rts-credentials-area .credential .badge-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  background: var(--color-green);
  border-radius: 50%;
}

.rts-credentials-area .credential .badge-icon i {
  color: var(--color-white);
  font-size: 24px;
  line-height: 1;
}

.rts-credentials-area .credential .title {
  font-size: 20px;
  line-height: 1.35;
  margin-bottom: 12px;
}

.rts-credentials-area .credential p {
  margin-bottom: 0;
  line-height: 1.65;
}

@media only screen and (max-width: 991px) {
  /* Two per row - reset the desktop rules, then divide the pair. */
  .rts-credentials-area .credential {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 28px 24px;
    border-left: 0;
  }

  .rts-credentials-area .credential:nth-child(even) {
    border-left: 1px solid rgba(85, 85, 85, 0.16);
  }

  .rts-credentials-area .credential:nth-child(n + 3) {
    border-top: 1px solid rgba(85, 85, 85, 0.16);
  }


  .rts-banner-wrapper-area .banner-left-content-area .banner-btn-area {
    display: block;
    align-items: center;
    gap: 20px;
}
}

@media only screen and (max-width: 575px) {
  .rts-credentials-area .credential {
    flex: 0 0 100%;
    max-width: 100%;
    border-left: 0;
  }

  .rts-credentials-area .credential:nth-child(even) {
    border-left: 0;
  }

  .rts-credentials-area .credential + .credential {
    border-top: 1px solid rgba(85, 85, 85, 0.16);
  }

  .rts-credentials-area .credential .badge-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 14px;
  }

  .rts-credentials-area .credential .badge-icon i {
    font-size: 19px;
  }

}

/* ==== Footer "Contact Us" block ====
   The value sat at 12px while its own caption above it was 14px, so
   the hierarchy read backwards. Value now 16px, caption stays 14px -
   matching the header's 12/16 caption-over-value pattern.

   Alignment: the row was centred, which floats the icon against the
   middle of a two-line block. Aligning to the top puts the icon
   level with the caption instead. The icon also centred its SVG with
   line-height: 28px, which no longer holds once sizes change - flex
   centring is exact. */
/* The base rule sets a single `gap: 40px`, which applies to both
   axes at once. Splitting it lets the space between the phone and
   email columns and the space between rows be tuned separately.
   The item width is derived from the column gap so two always fit. */
:root {
  --footer-contact-row-gap: 22px;
  --footer-contact-col-gap: 18px;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul {
  gap: var(--footer-contact-row-gap) var(--footer-contact-col-gap);
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li {
  width: calc(50% - var(--footer-contact-col-gap) / 2);
  align-items: flex-start;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 1px;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li .text p {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 5px;
  font-weight: 600;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a {
  display: block;
  font-size: 16px;
  line-height: 1.45;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
}

/* This attribute selector is what kept the long address on one line - it
   outranks the .text a rule above, so releasing nowrap there had no effect
   on the emails specifically and muruganantham.g@baniyantravels.com carried
   on past the container's edge. It wraps now like every other value. */
@media only screen and (min-width: 768px) {
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text a[href^="mailto:"] {
    font-size: 16px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}

@media only screen and (max-width: 767px) {
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text a[href^="mailto:"] {
    font-size: 16px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}

/* ==== CTA band: heading + supporting line ====
   Keeps the existing two-column flex layout of .cta-inner. */
.rts-cta-area .cta-inner .cta-content {
  max-width: 602px;
}

.rts-cta-area .cta-inner .cta-content .title {
  margin-bottom: 12px;
}

.rts-cta-area .cta-inner .cta-content .desc {
  color: var(--color-white);
  margin-bottom: 0;
  opacity: 0.9;
}

/* The heading used to be pinned to a hard 700px. On a wide screen the
   column is wider than that, so the fixed box no longer matched the text
   column - and because the split-text animation locks each line's width in
   at the moment it splits, the long line kept its natural width and ran out
   past the container instead of wrapping. Sizing it to the column it sits
   in lets it wrap wherever the column ends, at any screen width.

   The nowrap on spans went with it: the animation wraps every word and
   character of the heading in a span, so forcing nowrap on all of them was
   what stopped the overflowing line from breaking. */
.about-main-heading {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
}

.about-main-heading span {
    white-space: normal !important;
}

/* ==========================================================================
   Blog Details & Sidebar Responsive (768px & 480px)
   ========================================================================== */

/* Breadcrumb / Title Area on Blog Detail Pages */
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
  padding: 100px 0 80px;
}

.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .title {
  font-size: 36px;
  line-height: 1.25;
  color: var(--color-white);
  max-width: 900px;
  margin: 0 auto;
}

.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul {
  flex-wrap: wrap;
  justify-content: center;
}

.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul li {
  font-size: 14px;
  line-height: 1.4;
  word-break: break-word;
}

/* Feature Checklist in Blog Posts */
.portfolio-details-area .feature-list {
  list-style: none;
  padding-left: 0;
}

.portfolio-details-area .feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  line-height: 1.55;
  margin-bottom: 12px;
  color: var(--color-heading);
}

.portfolio-details-area .feature-list li i {
  color: var(--color-primary);
  font-size: 18px;
  margin-top: 3px;
  flex-shrink: 0;
}

/* Quote Box in Blog Posts */
.portfolio-details-area .quote-area {
  background: #edf4e9;
  border-left: 4px solid var(--color-primary);
  padding: 25px 30px;
  border-radius: 8px;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 500;
  color: var(--color-heading);
  position: relative;
}

.portfolio-details-area .quote-area img {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

/* Share & Tags */
.portfolio-details-area .share-link {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.portfolio-details-area .share-link h2 {
  font-size: 18px;
  margin-bottom: 0;
}

.portfolio-details-area .share-link ul {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.portfolio-details-area .tag-area {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
}

.portfolio-details-area .tag-area li {
  background: var(--color-gray);
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 13.5px;
  color: var(--color-body);
}

/* Sidebar Styles */
.right-side-bar .side-box {
  background: var(--color-gray);
  padding: 25px;
  border-radius: 12px;
  margin-bottom: 30px;
  border: 1px solid rgba(85, 85, 85, 0.1);
}

.right-side-bar .side-box h2 {
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--color-primary);
}

.right-side-bar .recent-post .blog-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.right-side-bar .recent-post .blog-list li {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}

.right-side-bar .recent-post .blog-list li:last-child {
  margin-bottom: 0;
}

.right-side-bar .recent-post .blog-list li .image-area {
  flex-shrink: 0;
  width: 80px;
  height: 75px;
  border-radius: 8px;
  overflow: hidden;
}

.right-side-bar .recent-post .blog-list li .image-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.right-side-bar .recent-post .blog-list li .content h3 {
  font-size: 14.5px;
  line-height: 1.35;
  margin-bottom: 4px;
}

.right-side-bar .recent-post .blog-list li .content .blog-meta {
  font-size: 12.5px;
  color: #777;
  margin-bottom: 0;
}

.right-side-bar .tag-area ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.right-side-bar .tag-area ul li {
  background: var(--color-white);
  padding: 6px 12px;
  border-radius: 15px;
  font-size: 13px;
  border: 1px solid #e2e2e2;
}

/* --------------------------------------------------------------------------
   Tablet View (768px Breakpoint: 768px to 991px)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
    padding: 80px 0 60px;
  }

  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .title {
    font-size: 28px;
    line-height: 1.3;
  }

  .portfolio-details-area h2 {
    font-size: 22px;
    line-height: 1.35;
    margin-bottom: 18px;
  }

  .portfolio-details-area p {
    font-size: 15.5px;
    line-height: 1.65;
  }

  .portfolio-details-area .image img {
    border-radius: 10px;
    max-height: 380px;
    width: 100%;
    object-fit: cover;
  }

  .col-lg-4 .sticky-top {
    position: static !important;
    top: auto;
  }

  .right-side-bar {
    margin-top: 45px;
  }
}

/* --------------------------------------------------------------------------
   Mobile View (480px Breakpoint: 575px and down / 480px screens)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 575px) {
  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
    padding: 85px 0 60px !important;
  }

  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .title {
    font-size: 21px;
    line-height: 1.35;
  }

  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul {
    gap: 4px;
  }

  .rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper .author-area ul li {
    font-size: 12.5px;
  }

  .portfolio-details-area {
    padding: 0 5px;
  }

  .portfolio-details-area .image img {
    border-radius: 8px;
    max-height: 240px;
    width: 100%;
    object-fit: cover;
  }

  .portfolio-details-area h2 {
    font-size: 19px;
    line-height: 1.35;
    margin-bottom: 14px;
  }

  .portfolio-details-area p {
    font-size: 14.5px;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .portfolio-details-area .feature-list li {
    font-size: 14px;
    gap: 10px;
  }

  .portfolio-details-area .quote-area {
    padding: 18px 20px;
    font-size: 14.5px;
    line-height: 1.55;
  }

  .portfolio-details-area .share-link {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .right-side-bar {
    margin-top: 35px;
  }

  .right-side-bar .side-box {
    padding: 20px 16px;
    margin-bottom: 20px;
  }

  .right-side-bar .recent-post .blog-list li .image-area {
    width: 70px;
    height: 65px;
  }

  .right-side-bar .recent-post .blog-list li .content h3 {
    font-size: 13.5px;
    line-height: 1.3;
  }
}

/* ==========================================================================
   Title Underline Spacing for Mobile (480px) & Tablet
   ========================================================================== */
.rts-section-title .heading-title span,
.rts-section-title-area .rts-section-title .heading-title span,
.heading-title span {
  display: inline-block;
  position: relative;
  color: var(--color-primary);
}

.rts-section-title .heading-title span::after,
.rts-section-title-area .rts-section-title .heading-title span::after,
.heading-title span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: var(--color-primary);
  border-radius: 6px;
  bottom: -2px;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .rts-section-title .heading-title span::after,
  .rts-section-title-area .rts-section-title .heading-title span::after,
  .heading-title span::after {
    bottom: -4px;
    height: 2.5px;
  }
}

@media only screen and (max-width: 480px) {
  .rts-section-title .heading-title span::after,
  .rts-section-title-area .rts-section-title .heading-title span::after,
  .heading-title span::after {
    bottom: -3px;
    height: 2px;
  }
}

/* ==========================================================================
   CTA Section Centered Content & Book Now Below Content (Max-Width: 1024px)
   ========================================================================== */
@media only screen and (max-width: 1024px) {
  /* CTA Banner & Book Now button section spacing */
  .rts-cta-area .cta-inner {
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 50px 30px !important;
    gap: 15px;
  }

  .rts-cta-area .cta-inner .cta-content {
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .rts-cta-area .cta-inner .cta-content .title {
    max-width: 100% !important;
    font-size: 30px;
    margin: 0 auto 12px !important;
    text-align: center !important;
  }

  .rts-cta-area .cta-inner .cta-content .desc {
    max-width: 650px;
    font-size: 16px;
    line-height: 1.55;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .rts-cta-area .cta-inner .contact,
  .rts-cta-area .cta-inner .contact a,
  .inner-cta .contact {
    margin-top: 15px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-self: center !important;
  }
}

/* ==========================================================================
   Tablet View (Max-Width: 991px) - Book Now Button Top Spacing
   ========================================================================== */
@media only screen and (max-width: 991px) {

  /* Booking form submit / search button top spacing on tablet */
  .booking-search-form .search-btn,
  .booking-search-form .rts__btn,
  .booking-search-form.booking-two .search-btn {
    margin-top: 25px !important;
  }

  /* Service & Fleet detail Book Now buttons top spacing */
  .service-content-area .button-area,
  .single-car-list-item .content .rts__btn,
  .portfolio-details-area .rts__btn,
  a[href="book-now.html"].rts__btn,
  a[href="book-now.html"].rts-btn {
    margin-top: 25px !important;
  }

  /* Center 3rd card on tablet view 768px in What We Offer section */
  .rts-car-list-wrapper .filter.row,
  .ms-portfolio-filter-area .filter.row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}

/* Hide the header social icons next to the hamburger button. The cut-off is
   992px, where the hamburger takes over from the nav: above it the full menu
   is on show and there is room for the icons beside it, so 992-1199px keeps
   them. Below it the icons would only crowd the burger. */
@media only screen and (max-width: 991px) {
  .social-area-transparent,
  .header-social,
  .header-wrapper-area .header-right .bottom .bottom-right .social-area-transparent {
    display: none !important;
  }
}

/* ==========================================================================
   Tablet & Mobile Banner Height Synchronization (about, contact, service, book-now)
   ========================================================================== */
@media only screen and (max-width: 991px) {
  .rts-breadcrumb-area {
    min-height: 330px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper {
    padding: 110px 20px 90px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper .title {
    font-size: 36px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-align: center !important;
  }

/* Keep nav breadcrumb pill box visible and nicely sized on tablet & mobile */
.rts-breadcrumb-area .nav-bread-crumb {
  display: flex !important;
}

@media only screen and (max-width: 991px) {
  .rts-breadcrumb-area .nav-bread-crumb {
    height: 52px;
    max-width: 220px;
    border-top-left-radius: 16px;
  }
  .rts-breadcrumb-area .nav-bread-crumb .nav-inner {
    font-size: 14px;
    gap: 6px;
  }
}

@media only screen and (max-width: 575px) {
  .rts-breadcrumb-area .nav-bread-crumb {
    height: 44px;
    max-width: 180px;
    border-top-left-radius: 14px;
  }
  .rts-breadcrumb-area .nav-bread-crumb .nav-inner {
    font-size: 12.5px;
    gap: 4px;
  }
  .rts-breadcrumb-area .nav-bread-crumb::before,
  .rts-breadcrumb-area .nav-bread-crumb::after {
    display: none;
  }
}
}

/* Breadcrumb separator dot.

   align-items: center puts the 6px dot at the middle of the link's line
   box, which is not the same as the middle of the words in it. The line
   box reserves descender space that "Home" and "Services" never use, so
   its centre sits above the text's optical centre and the dot reads
   high. A 1px nudge drops it onto the letters' midline.

   Nudge, not a rewrite: the dot is already correct to the box, so this
   is an optical correction. Raise it if the breadcrumb font ever changes
   to one with deeper descender metrics. */
.rts-breadcrumb-area .nav-bread-crumb .nav-inner .dot {
  position: relative;
  top: 1px;
}

/* Tablet view specific boost for 768px screens */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-breadcrumb-area {
    min-height: 340px !important;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper {
    padding: 125px 20px 105px !important;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper .title {
    font-size: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .rts-breadcrumb-area {
    min-height: 220px !important;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper {
    padding: 60px 15px !important;
  }

  .rts-breadcrumb-area .breadcrumb-area-wrapper .title {
    font-size: 26px !important;
  }
}




/* ==========================================================================
   Inner-page banner height == single blog banner height
   --------------------------------------------------------------------------
   About, Services, Contact and Book Now carry only an <h1> in their
   banner. The blog posts carry a category line, a two-line title and a
   meta list - roughly 150px more content. So matching the padding was
   never going to make them the same height; the taller content always
   won.

   A shared min-height fixes the frame instead, and both banners then
   settle at the same size whatever sits inside. The values are set
   above the blog's natural content height so the blog is never
   squashed - if a post title ever wraps past it, that banner will grow
   and the pair will drift apart again, so raise the value if that
   happens.

   Vertical centring: the inner wrapper is already a flex row with
   align-items: center, so it centres on its own. The blog wrapper is
   display: block, so it needs the flex column - justify-content only,
   leaving its text-align: center to handle the horizontal.
   ========================================================================== */
:root {
  --breadcrumb-min-h: 400px;
}

.rts-breadcrumb-area .breadcrumb-area-wrapper,
.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
  min-height: var(--breadcrumb-min-h);
}

.rts-breadcrumb-area.blog-details .breadcrumb-area-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  :root {
    --breadcrumb-min-h: 360px;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --breadcrumb-min-h: 340px;
  }
}

@media only screen and (max-width: 450px) {
  :root {
    --breadcrumb-min-h: 320px;
  }
}


/* ==========================================================================
   Buttons: green at rest, brown on hover
   Site-wide. This started as a homepage-only block in home.css and was then
   asked for on about, service, book-now and contact - at that point one
   unscoped rule is simpler than five copies, and it keeps any page added
   later on the brand pair by default.

   Both pieces of .rts__btn - the text pill and the round icon - carry their
   own background and border, so both need filling or the button reads as
   half-coloured. The template left them transparent with a grey border and
   only filled them on hover.

   Exception: index.html's two banner buttons. style.css styles those through
   a six-class chain that outranks anything this short, and the second one
   runs the pair in reverse, so both are handled in home.css.
   ========================================================================== */
.rts__btn .rts__btn__wrap,
.rts__btn .rts__btn__icon {
  background: var(--color-green);
  border: 1px solid var(--color-green);
  color: var(--color-white);
}

.rts__btn:hover .rts__btn__wrap,
.rts__btn:hover .rts__btn__icon {
  background: var(--color-brown);
  border-color: var(--color-brown);
  color: var(--color-white);
}

/* Both labels are stacked inside the pill and swap on hover, so the second
   one needs the white too - the base stylesheet sets it explicitly. */
.rts__btn .rts__btn__txt-one,
.rts__btn .rts__btn__txt-two,
.rts__btn:hover .rts__btn__txt-two {
  color: var(--color-white);
}


/* ==========================================================================
   About feature pair: equal columns
   The two icon blocks under the description - "24/7 Support" and
   "Affordable Pricing" on index.html, "ISO 9001:2015 Certified" and "500+
   Corporate Clients" on about.html - sat in a flex row with no basis, so
   each took only as much width as its own text wanted. The first block's
   longer sentence claimed the surplus and squeezed the second into a
   narrow strip, breaking its heading across two lines.

   flex: 1 1 0 gives both the same share whatever they contain. min-width: 0
   is what makes that hold: without it a flex item refuses to shrink below
   its content's intrinsic width, and the longer block goes on claiming more
   than half. The icon keeps its size because it is set with min-width,
   which shrinking does not override.

   The gap comes down with it - 46px between two half-width columns was
   taking room the text needed more. Unscoped because both pages use this
   block and about.html does not load home.css, where this started.
   ========================================================================== */
.about-right-content-area .about-item-wrapper {
  gap: 30px;
}

.about-right-content-area .about-item-wrapper .single-item {
  flex: 1 1 0;
  min-width: 0;
}

/* The headings still broke onto a second line once the columns were even:
   at 20px, "ISO 9001:2015 Certified" measures a shade wider than the ~235px
   of text width each half leaves after the icon. 17px brings it inside that
   with room to spare, and the icon's gap comes down to hand over a little
   more. Both index.html's pair and about.html's fit on one line at this
   size; the paragraph below is unchanged, so the heading is still clearly
   the heavier of the two.

   Sized rather than nowrapped on purpose - white-space: nowrap would hold
   one line by pushing the text out of its box instead, and these columns
   get much narrower between 992px and 1200px. */
.about-right-content-area .about-item-wrapper .single-item .content .title {
  font-size: 17px;
}

.about-right-content-area .about-item-wrapper .single-item {
  gap: 16px;
}

/* On a phone the pair has to stack. Half of a 425px screen leaves each
   block about 60px of text width once its icon is subtracted, which is
   what broke "Affordable Pricing" over two lines and ran its description
   down one or two words per line.

   flex-direction: column stacks them; flex: 0 0 auto releases the equal-
   halves sizing above, which would otherwise still be dividing the height
   between them. Each block keeps its own icon-beside-text row. */
@media only screen and (max-width: 767px) {
  .about-right-content-area .about-item-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  .about-right-content-area .about-item-wrapper .single-item {
    flex: 0 0 auto;
  }
}


/* ==========================================================================
   About page
   ========================================================================== */

/* ==== Stats ==== */
.about-page .rts-counter-area-two .counter-inner .inner {
  background: var(--color-green);
  transition: background 0.3s ease;
}

.about-page .rts-counter-area-two .counter-inner .inner:hover {
  background: var(--color-brown);
}

/* text-align matters here as much as the colour. The card centres its
   children as boxes, so .text is centred - but .text is only as wide as its
   widest line, the caption, and the number inside it is a block that
   inherits left alignment. So "500+" sat against the left edge of
   "Corporate Clients" rather than over its middle. Centring the text inside
   .text lines the number up with the caption and the icon above it. */
.about-page .rts-counter-area-two .counter-inner .inner .text {
  text-align: center;
}

.about-page .rts-counter-area-two .counter-inner .inner .title,
.about-page .rts-counter-area-two .counter-inner .inner .desc {
  color: var(--color-white);
}

/* The four stat icons are flat dark SVGs loaded as <img>, so their fill
   cannot be reached from CSS. brightness(0) crushes each one to solid
   black and invert(1) flips it to solid white, which reads on both fills. */
.about-page .rts-counter-area-two .counter-inner .inner .icon img {
  filter: brightness(0) invert(1);
}

/* Keep the stats two-up on phones. The theme holds them at 47% down to
   450px and then drops them to full width, which turns four cards into
   four tall blocks and pushes the rest of the page a long way down.

   The only reason they could not stay two-up was the padding - 40px a
   side on a ~390px screen leaves almost nothing for the caption - so it
   comes down with the type. Captions are the tight part, not the
   numbers: "On-time Performance" is the longest and is allowed to wrap
   onto two lines, which is why the cards are stretched to equal height
   rather than sized by content. */
@media only screen and (max-width: 450px) {
  .about-page .rts-counter-area-two .counter-inner {
    align-items: stretch;
    gap: 16px;
  }

  .about-page .rts-counter-area-two .counter-inner .inner {
    width: calc(50% - 8px);
    gap: 14px;
    padding: 26px 12px;
  }

  .about-page .rts-counter-area-two .counter-inner .inner .title {
    font-size: 30px;
  }

  .about-page .rts-counter-area-two .counter-inner .inner .desc {
    font-size: 14px;
    line-height: 1.4;
  }
}

/* ==== FAQ ====
   The accordion ships transparent with a grey hairline, and the open item
   swaps to grey - all three states are filled here so an open item does not
   jump back to grey mid-list. */
.about-page .rts-faq__accordion .accordion .accordion-item,
.about-page .rts-faq__accordion .accordion .accordion-item.active {
  background: var(--color-green);
  border-color: transparent;
}

.about-page .rts-faq__accordion .accordion .accordion-item:hover {
  background: var(--color-brown);
}

/* Question text, answer text and the +/- marker all sat on a light panel,
   so each one is turned white. The marker is a ::after on the button, and
   the open state is a separate rule in the base file with its own dark
   circle behind it - that circle goes transparent so only the glyph shows. */
.about-page .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button,
.about-page .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
.about-page .rts-faq__accordion .accordion .accordion-item .accordion-body {
  color: var(--color-white);
}

.about-page .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button::after,
.about-page .rts-faq__accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  color: var(--color-white);
  background: transparent;
}

/* .inner-faq (the variant this page uses) re-states the marker colour on a
   six-class chain of its own, so it has to be answered on the same chain. */
.about-page .rts-faq__accordion.inner-faq .accordion .accordion-item .accordion-header .accordion-button:not(.callapsed)::after {
  background: transparent;
  color: var(--color-white);
}


/* ==========================================================================
   Blog post sidebar
   The three panels down the right of every blog-*.html page. .right-side-bar
   only exists on those pages, so no page class is needed to scope this.
   ========================================================================== */
.right-side-bar .side-box {
  background: var(--color-green);
  border-color: transparent;
}

.right-side-bar .side-box,
.right-side-bar .side-box h2,
.right-side-bar .side-box p,
.right-side-bar .side-box .blog-list li .content h3 a,
.right-side-bar .side-box .blog-list li .content .blog-meta {
  color: var(--color-white);
}

/* The topic chips were light grey pills; brown keeps them readable and
   stays inside the brand pair. */
.right-side-bar .side-box.tag-area ul li {
  background: var(--color-brown);
  color: var(--color-white);
}

/* "Need a Car Today?" uses .btn-primary, a plain anchor rather than the
   two-piece .rts__btn - it has no .rts__btn__wrap for the site-wide button
   rule to fill. It was a grey outline, which vanishes on green, so it goes
   white with green text. The template hides an oversized circle below the
   button and sweeps it up on hover, so recolouring that circle brown is
   what turns the button on hover - the animation is kept, not overridden. */
.right-side-bar .side-box .rts__btn.btn-primary {
  background: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-green);
}

.right-side-bar .side-box .rts__btn.btn-primary::before {
  background: var(--color-brown);
}

.right-side-bar .side-box .rts__btn.btn-primary:hover {
  color: var(--color-white);
  border-color: var(--color-brown);
}


/* ==========================================================================
   Social icons: green badge, brown on hover
   Header (.header-social) and footer (.footer-social) on every page. Both
   shipped as bare icons with no background, so each link becomes a circular
   badge and the glyph inside it goes white.
   ========================================================================== */
/* One size for both rows. The glyph is roughly 45% of the badge, which is
   what keeps the circles from looking empty - move the two together. */
:root {
  --social-badge: 30px;
  --social-glyph: 13px;
}

.header-social li a,
.copyright-area .copyright-area-inner .footer-social li a {
  width: var(--social-badge);
  height: var(--social-badge);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-green);
  transition: background 0.3s ease;
}

.header-social li a:hover,
.copyright-area .copyright-area-inner .footer-social li a:hover {
  background: var(--color-brown);
}

/* The header icons are separate .svg files loaded as <img>, so their fill
   cannot be reached from CSS. The markup now points at the -w variants -
   solid white glyphs with no outline ring, which is what makes them read as
   bold inside the badge; the plain files are thin line art wrapped in a ring
   of their own. The filter stays as a backstop: brightness(0) crushes any
   icon to solid black and invert(1) flips it to white, so a non-white file
   dropped in later still reads on both badge colours.

   The -w files are not square (the "f" is 9x15, the X 15x13), so
   object-fit: contain fits each one inside the same box without distorting
   it - they end up optically matched rather than stretched to fill. */
.header-social li a img,
.copyright-area .copyright-area-inner .footer-social li a img {
  width: var(--social-glyph);
  height: var(--social-glyph);
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* ---- Optical size: circular marks ----
   --social-glyph sets one bounding box for every glyph, which matches them
   geometrically but not visually. Instagram is a rounded square and fills
   its box corner to corner; WhatsApp is a circle, and a circle inscribed in
   a box covers only ~78% of it (pi/4). Equal boxes therefore read as an
   Instagram icon and a smaller WhatsApp one.

   The WhatsApp viewBox is already cropped to the glyph's exact bounds, so
   there is no padding left to remove - the remaining correction has to come
   from the box itself. 15px lands the circle's diameter ~10% over the
   square's side, which is the usual compensation, and keeps the glyph at
   ~47% of the 30px badge - the ratio the block above is built around.
   Matched on src so no markup carries a modifier class. */
:root {
  --social-glyph-round: 15px;
}

.header-social li a img[src*="whatsapp"],
.copyright-area .copyright-area-inner .footer-social li a img[src*="whatsapp"] {
  width: var(--social-glyph-round);
  height: var(--social-glyph-round);
}

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

/* ---- 1. Contact Us column was too narrow for its content ----------------
   The three footer columns are fixed at 270 / 150 / 180px, but the Contact
   column holds two-per-row items (width: calc(50% - 10px)) carrying long
   values - support@baniyantravels.com and a full street address. At 180px
   each cell was ~85px, so the phone and email blocks overlapped and the
   address broke one character per line.

   Letting the column take the leftover width fixes the cause rather than
   the symptom: with ~600px available the 2x2 grid has room again.
   min-width: 0 is required - a flex item defaults to min-width: auto and
   refuses to shrink below its content, which is what pushed the column
   past the container edge in the first place. */
/* The :last-child variant is included deliberately. style.css also has
   `.single-wized:nth-child(3):last-child { flex: 0 0 500px }`, and Contact
   Us IS the last child - that selector carries one more pseudo-class than
   a plain :nth-child(3), so it outranked the rule below and pinned the
   column at 500px. That is what left ~300px stranded at the right edge. */
.footer-wrapper-style-between .single-wized:nth-child(3),
.footer-wrapper-style-between .single-wized:nth-child(3):last-child {
  flex: 1 1 auto;
  max-width: none;
  min-width: 0;
}

/* break-word was fighting the narrow column by breaking mid-word. With the
   column widened it is no longer needed - anywhere only breaks a word that
   genuinely cannot fit, so emails stay intact. */
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a {
  word-break: normal;
  overflow-wrap: anywhere;
}

/* Every width, not just below 1200px. The template pins these links with
   white-space: nowrap and exempts only the maps address, so a value that
   does not fit cannot wrap - it simply runs on past the container's edge,
   which is what muruganantham.g@baniyantravels.com was doing on desktop.

   It had been left pinned above 1200px on the assumption the column was
   always wide enough; the longer address proved otherwise. Releasing it
   everywhere means the worst case is a value on two lines rather than one
   outside the footer - and where a value does fit, nothing changes. */
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a {
  white-space: normal;
}

/* ---- 2. Footer links: brown on hover -----------------------------------
   Matches the social badges, which already use --color-brown. */
.footer-wrapper-style-between .single-wized .body a:hover,
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a:hover {
  color: var(--color-brown);
}

.footer-wrapper-style-between .single-wized .body a:hover .link-arrow {
  color: var(--color-brown);
}

.copyright-area .copyright-area-inner p a:hover {
  color: var(--color-brown);
}

/* ---- 3. Column spacing --------------------------------------------------
   justify-content: space-between splits any leftover width into the gaps
   between columns, so the three blocks drifted apart instead of sitting in
   a tidy row - that was the space between Quick Links and Contact Us.
   flex-start keeps them adjacent and makes `gap` the only thing separating
   them, so the spacing is one number rather than a by-product of the
   column widths. Contact Us still grows to take the remainder, so nothing
   is left stranded at the right edge. */
.footer-wrapper-style-between {
  justify-content: flex-start;
  gap: 34px;
}

/* margin-right rather than a bigger `gap`: gap applies to every column
   break equally, so raising it would push Contact Us out too. The margin
   widens only the first break, leaving the Quick Links to Contact Us gap
   at the 55px set above. */
.footer-wrapper-style-between .single-wized:nth-child(1) {
  flex: 0 1 300px;
  max-width: 300px;
  margin-right: 45px;
}

/* Same reasoning as the first column: a margin widens only this break,
   so the two gaps stay independently adjustable.

   This margin is what set the Quick Links to Contact Us distance. It is 0
   now: that break is down to the row's 34px gap alone, and every pixel
   taken out of it goes to Contact Us, which is the column that was running
   past the container edge. The gap still reads wider than 34px because the
   column is sized for its box, not its text - "Services" falls well short
   of 150px, so the column's empty tail is read as part of the gap. */
.footer-wrapper-style-between .single-wized:nth-child(2) {
  flex: 0 0 150px;
  max-width: 150px;
  margin-right: 0;
}

/* Working Hours is the one contact value that was never a link - it pointed
   at "#". It is a <span> now, so it takes the same styling as the anchors
   beside it (size, line height, block display) without the pointer cursor
   or the brown hover that implies something happens on click. */
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text .static-value {
  display: block;
  font-size: 16px;
  line-height: 1.45;
  color: var(--color-body);
}

/* ---- Column heads line up with the logo, content with the paragraph ----
   The first column opens with the logo (58px tall, --logo-h-footer) and a
   25px gap; the other two open with a 20px heading and a 30px gap. So the
   two blocks were different heights - 83px against ~54px - and every list
   below them started about 30px above the paragraph beside it.

   Giving the heading the logo's height as a min-height, and the same gap
   below it as the logo, makes both openings measure exactly the same, so
   Quick Links and Contact Us begin on the same line as the paragraph's
   first line.

   The heading is centred inside that 58px box, so it sits against the
   middle of the logo rather than its top edge.

   One gap token drives both columns: raising or lowering it moves the
   logo's paragraph and the two lists together, so they cannot drift out
   of line with each other. */
:root {
  --footer-head-gap: 14px;
}

.footer-wrapper-style-between .single-wized .title {
  min-height: var(--logo-h-footer);
  margin-bottom: var(--footer-head-gap);
  display: flex;
  align-items: center;
}

.footer-wrapper-style-between .single-wized.logo-area .logo {
  margin-bottom: var(--footer-head-gap);
}

/* The copyright bar below the divider carried 24px above and below its one
   line of text. The social badges set the bar's real height at 30px, so the
   padding was doing more than the content - trimmed to 14px, which keeps
   the badges clear of the rule without the bar reading as its own band.
   Tweak --copyright-pad-y to adjust. */
:root {
  --copyright-pad-y: 14px;
}

.copyright-area {
  padding: var(--copyright-pad-y) 0;
}

/* The description wrapped very unevenly - "individuals," ended one line on
   its own while the next ran the full width - because a 300px column is
   narrow enough that a single long word swings each line's break point.
   Widening it to 360px and justifying evens both edges out; at this width
   justification has enough words per line to spread the slack thinly rather
   than opening rivers between them.

   hyphens: none keeps the browser from hyphenating to help the justify -
   a hyphenated brand name in a footer reads as a typo. */
/* 320 rather than 360: the two contact columns split whatever is left of
   the row evenly, so every pixel taken off the description column is
   ~27px added to each of them - which is what decides whether the long
   email address fits on one line before the wrap above has to catch it. */
.footer-wrapper-style-between .single-wized.logo-area {
  flex-basis: 320px;
  max-width: 320px;
}

.footer-wrapper-style-between .single-wized.logo-area .desc {
  text-align: justify;
  hyphens: none;
}

/* ---- 4. Breathing room inside the Contact Us column ---------------------
   Four blocks in a 2x2 grid, each an icon beside a label and its values.
   The row gap does most of the work - the values wrap onto two lines, so
   without it the blocks read as one continuous list. */
/* 40px between the two columns pushed the email column far enough right
   that support@baniyantravels.com ran past the container's edge - the
   values cannot wrap on desktop (the template pins them with nowrap, left
   in place there deliberately), so the overflow had nowhere to go. 20px
   pulls the whole right-hand column back inside. */
.footer-wrapper-style-between .single-wized.get-in-touch ul {
  column-gap: 12px;
}

/* display: block so each value starts a new line. .single-wized .body a is
   inline-flex (it carries the chevron in Quick Links), which let the two
   phone numbers sit side by side whenever they happened to fit - the two
   emails only stacked because they were too long to share a line. */
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a {
  display: block;
  margin-bottom: 6px;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li .text a:last-child {
  margin-bottom: 0;
}

/* ---- 5. Contact Us: a real 2x2 grid ------------------------------------
   The items were flex with width: calc(50% - 10px). Two of those plus the
   30px column gap comes to 100% + 10px, so they could never share a row -
   the column silently fell back to one item per row.

   Grid takes the arithmetic out of it: 1fr columns are measured AFTER the
   gap is subtracted, so two always fit whatever the gap is set to. The
   flex width has to be cleared or it fights the track sizing. */
/* The two columns are no longer equal. The left one carries the phone
   numbers and the full street address, the right one an email pair and a
   one-line opening time - so an even split left the address breaking across
   five lines while the right column sat half empty. 1.4fr against 1fr hands
   the surplus to the side that needs it, and takes three of those five
   lines out of the footer's height as a side effect. */
/* ---- Two columns that pack independently ----
   A grid shares its row tracks across both columns, so the second row could
   not start until the tallest cell in the first row had finished. The phone
   block carries three numbers and the email block only two addresses, so
   Working Hours sat waiting on the phones and left a band of dead space
   under the emails.

   CSS multi-column has no rows at all: each column fills top to bottom on
   its own, so Working Hours now starts directly under the second email.

   break-after on the second item is what keeps the pairing. Multi-column
   balances by height on its own and would otherwise decide the split for
   itself; forcing the break after Our Location pins Call + Location to the
   left and Email + Working Hours to the right. The markup order was changed
   to match - the list reads Call, Location, Email, Working now, because
   columns fill down rather than across.

   The gaps move too: `gap` belongs to grid, so the vertical spacing is a
   margin on each item and the horizontal spacing is column-gap. */
.footer-wrapper-style-between .single-wized.get-in-touch ul {
  display: block;
  columns: 2;
  column-gap: 12px;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li {
  width: auto;
  max-width: none;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 26px;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li:nth-child(2) {
  -webkit-column-break-after: always;
  break-after: column;
}

.footer-wrapper-style-between .single-wized.get-in-touch ul li:nth-child(2),
.footer-wrapper-style-between .single-wized.get-in-touch ul li:last-child {
  margin-bottom: 0;
}

/* Stays 2x2 on phones too. The cells are narrow there (~150px), so the
   column gap comes right down and the icon moves above its text instead
   of beside it - that hands the full cell width to the values, which is
   what keeps support@baniyantravels.com readable rather than breaking
   across four lines. */
@media only screen and (max-width: 576px) {
  .footer-wrapper-style-between .single-wized.get-in-touch ul {
    column-gap: 14px;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch ul li {
    flex-direction: column;
    gap: 10px;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text a,
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text .static-value {
    font-size: 16px;
  }
}


/* ==========================================================================
   Light green tint: header, and the sections that share its colour
   A soft tint of the brand green (#1A3D0A over white), light enough that
   dark text keeps its contrast and the green badges and buttons still read
   as filled shapes against it.

   ---- The header ----

   Three selectors because the header paints itself in three states: the bar
   in normal flow, .header-inner (the fixed wrapper) and .sticky (the shrunk
   bar after scrolling), the last two of which hardcoded white. Each carries
   one more class than the rule it overrides, so the tint holds through the
   scroll rather than flashing back to white.

   The logo is a transparent PNG, so it sits on the tint cleanly.
   One token drives every surface below, so they cannot drift apart.
   Tweak --color-tint-green to adjust them all at once.
   ========================================================================== */
:root {
  --color-tint-green: #EDF4E9;
}

.header-one,
.header-one .header-inner,
.header-one.header--sticky.sticky {
  background: var(--color-tint-green);
}

/* The small tiles behind the phone / email / location icons in the top row
   were --color-gray, a dull grey patch once the bar behind them is tinted.
   They now match the footer's Contact Us tiles exactly - filled green with
   a white glyph - so the same three details read the same way at both ends
   of the page. */
.header-one .header-top .inner .get-touch-area .map-area .icon {
  background: var(--color-primary);
  color: var(--color-white);
}

.header-one .header-top .inner .get-touch-area .map-area .icon i {
  color: var(--color-white);
}

/* The tile is an <a> to the same place as the detail beside it, so the
   obvious thing to click is clickable. It needs the underline killed and
   its own hover, neither of which a <div> ever wanted. */
.header-one .header-top .inner .get-touch-area .map-area a.icon {
  text-decoration: none;
  transition: var(--transition);
}
.header-one .header-top .inner .get-touch-area .map-area a.icon:hover {
  background: var(--color-brown);
}


/* ---- Sections sharing the header's tint ----
   Each of these shipped on --color-gray (#F6F6F6) or a background image.
   They all carry dark text on a light panel already, so only the surface
   colour changes - nothing inside needs recolouring. */

/* Homepage testimonials. .bg-gray is a one-class utility, so this needs the
   section class alongside it to win. */
.rts-testiomonials-area.bg-gray {
  background: var(--color-tint-green);
}

/* About: "What Drives Us". The tint goes on the rounded panel rather than
   the section, which is what the grey was doing - the panel is the shape
   the eye reads, and the photo fills its left half. */
.rts-drives-area .drives-panel {
  background: var(--color-tint-green);
}

/* About: "Certifications & Recognition". */
.rts-credentials-area.bg-gray {
  background: var(--color-tint-green);
}

/* About: "Company's Journey" timeline. */
.rts-journey-area.bg-gray {
  background: var(--color-tint-green);
}

/* About: "Our Network" supplier cities. */
.rts-network-area.bg-gray {
  background: var(--color-tint-green);
}

/* About: "Major Milestone". */
.rts-milestone-area.bg-gray {
  background: var(--color-tint-green);
}

/* Contact page form panel. */
.rts-contact-form {
  background: var(--color-tint-green);
}

/* Footer. The template loaded footer-bg.webp through data-bg-src, which
   main.js turns into an INLINE background-image - inline styles beat a
   stylesheet, so a rule here could only have won with !important. The
   attribute is removed from the markup on all 12 pages instead, which
   leaves this as the only thing painting the footer. */
.rts-footer-area.footer-bg {
  background: var(--color-tint-green);
}


/* ---- Homepage banner: the gutters either side ----
   The banner is inset with `margin: 0 60px` and rounded off, so those 60px
   strips are the page behind it - white, against a tinted header directly
   above. They cannot be painted from the banner itself: it sets
   overflow: hidden, which clips any pseudo-element reaching past its edge.
   So index.html wraps the section in .banner-outer and the tint goes there.

   The banner has no vertical margin, so the wrapper is exactly its height -
   no green band appears above or below it. */
.banner-outer {
  background: var(--color-tint-green);
}

/* ---- Homepage banner: the pager panel ----
   The vertical dots sit in a white tab notched into the banner's left edge,
   which is the page showing through - so against a tinted page it read as a
   white block. The tab and both of its notch shapes take the tint instead.

   The shapes are box-shadow, not background: they are transparent boxes
   whose shadow paints the curve that joins the tab to the page above and
   below it, so the colour has to be set on the shadow. */
.banner-slider-one .rts-banner-pagination-wrapper {
  background: var(--color-tint-green);
}

.banner-slider-one .rts-banner-pagination-wrapper .inner-banner::before,
.banner-slider-one .rts-banner-pagination-wrapper .inner-banner::after {
  box-shadow: -20px 0 0 0 var(--color-tint-green);
}


/* ---- Contact icon tiles: circles, not rounded squares ----
   The header's top row (phone / email / location) and the footer's Contact
   Us block both used a 6px-radius square, which sat oddly next to the round
   social badges at the other end of each bar. Both are already square boxes
   (38px and 32px), so 50% turns them into true circles rather than ovals. */
.header-one .header-top .inner .get-touch-area .map-area .icon,
.footer-wrapper-style-between .single-wized.get-in-touch ul li .icon {
  border-radius: 50%;
}


/* ---- Footer at tablet-landscape widths (992-1199px) ----
   The three columns are sized for a 1300px+ container: 300px + 60px margin,
   150px + 12px margin, 55px row gaps, and Contact Us taking what is left.
   Inside a 960px container that leaves Contact Us about 330px, which its
   2x2 grid then halves - and support@baniyantravels.com does not fit in
   165px. The fixed parts come down so the flexible column keeps enough.

   min-width: 0 on the grid cells is the part that actually stops the
   overflow: a grid item defaults to min-width: auto, so it refuses to
   shrink below its longest word no matter what overflow-wrap says, and the
   column pushes past the container instead of wrapping inside it. */
.footer-wrapper-style-between .single-wized.get-in-touch ul li,
.footer-wrapper-style-between .single-wized.get-in-touch ul li .text {
  min-width: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Budget for the 960px container at this breakpoint:
       320 (col 1) + 16 margin + 24 gap + 120 (Quick Links) + 24 gap
       = 504, leaving 456 for Contact Us. Its grid then halves that to
       222px a cell - enough for support@baniyantravels.com on one line.
     The row gap and the first column's margin come down to pay for the
     wider first column; the grid's own column gap drops to 12px, which
     is the other half of what buys those 222px. */
  .footer-wrapper-style-between {
    gap: 24px;
  }

  .footer-wrapper-style-between .single-wized:nth-child(1) {
    flex-basis: 320px;
    max-width: 320px;
    margin-right: 16px;
  }

  .footer-wrapper-style-between .single-wized:nth-child(2) {
    flex: 0 0 120px;
    max-width: 120px;
    margin-right: 0;
  }

  /* The grid runs 1.4fr / 1fr on wide screens, where the address needed the
     extra room. In a 456px column that split leaves the left cell 261px and
     the right only 187px - and it is the RIGHT cell that holds the two long
     email addresses, which is why they kept breaking mid-word however much
     the font came down. The address is the one that can afford to wrap, so
     the ratio tips the other way here. */
  /* Multi-column splits evenly, so the ratio that used to favour the email
     side is gone - both columns are half of ~456px here. The gap comes
     right down to give each of them as much of that as possible. */
  .footer-wrapper-style-between .single-wized.get-in-touch ul {
    column-gap: 8px;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch ul li {
    margin-bottom: 20px;
  }

  /* Every pixel between the icon and its text is a pixel the email cannot
     use, so this comes down too. */
  .footer-wrapper-style-between .single-wized.get-in-touch ul li {
    gap: 10px;
  }

  /* One size for the footer's body text at this breakpoint: the
     description, the Quick Links entries and the contact values all sit at
     14px, down from 16px.

     It also keeps the email on one line. With the 1fr / 1.1fr split the
     right-hand cell is about 235px, and its icon plus gap take 42 of those,
     leaving roughly 193px of text width. support@baniyantravels.com
     measures about 205px at 16px - hence the mid-word break - and about
     182px at 14px, so it now fits. The labels above the values keep their
     own size, so the hierarchy is unchanged. */
  .footer-wrapper-style-between .single-wized.logo-area .desc,
  .footer-wrapper-style-between .single-wized .body a,
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text p,
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text a,
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text .static-value {
    font-size: 14px;
    line-height: 1.5;
  }

  /* Justified text needs a certain number of words per line to spread the
     slack thinly. In this column it has too few, so it opens rivers between
     words instead - left-aligned reads better at this width. */
  .footer-wrapper-style-between .single-wized.logo-area .desc {
    text-align: left;
  }
}


/* ---- About page team: 2 x 2 at tablet-landscape widths ----
   The cards are col-xl-3 col-lg-4 col-md-6, so between 992px and 1199px
   they run three across and leave the fourth alone on its own row. Half
   width puts them in a 2x2 block instead. Overriding `width` is what
   works here: Bootstrap's col-lg-4 sets flex: 0 0 auto and a width, so a
   flex-basis alone would be ignored. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rts-team-wrapper > .row > [class*="col-"] {
    width: 50%;
  }
}


/* ---- Forced line breaks that only apply on desktop ----
   .break-lg marks a <br> that exists to control where a heading splits in
   a two-column layout. Once the columns stack the heading has the full
   width to itself, and the break just strands the last word on a line of
   its own - so it is switched off below 992px and the text wraps where it
   needs to. display: none on a <br> removes the break entirely. */
@media only screen and (max-width: 991px) {
  br.break-lg {
    display: none;
  }
}


/* ---- The .rts__btn arrow must stay a circle ----
   The button is a flex row of two pieces: the text pill and this 52px
   round icon. The icon had no flex-shrink: 0, so when the row ran out of
   width - the banner at 1024px, where the two buttons sit side by side in
   a half-width column - the browser squeezed it horizontally and the circle
   rendered as an oval.

   Only the icon is pinned. Pinning the text pill as well left the pair
   unable to give at all, so instead of shrinking they overflowed their
   column and were clipped at its edge. The pill is the piece that can
   safely lose a few pixels. */
.rts__btn__icon {
  flex-shrink: 0;
}

/* ---- Banner buttons: a real gap once they wrap ----
   display: flex is the fix. An earlier rule in this file switches this
   container to `display: block` below 992px while still declaring a gap -
   and `gap` does nothing on a block container, so the two buttons were
   stacking as inline boxes with only their line spacing between them.

   Restoring flex makes the declared gap apply again: 20px between them
   side by side, 18px once they wrap onto separate lines. */
@media only screen and (max-width: 991px) {
  .rts-banner-wrapper-area .banner-left-content-area .banner-btn-area {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 20px;
  }
}

/* ---- Header at tablet-landscape widths (992-1199px) ----
   The row is logo / nav / social icons, and at 1024px the nav's 20px-a-side
   link padding made it wide enough to crowd the social block off the end -
   so the content stopped well short of the container's right edge while
   sitting hard against its left, which is the uneven margin.

   Trimming the link padding gives the three blocks room to sit inside the
   container properly. The first link keeps its padding-left: 0 from the
   base file, so the logo and the menu still start on the container's edge. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nav-area ul li.main-nav a:first-child {
    padding-left: 12px;
    padding-right: 12px;
  }
}


/* ---- Banner buttons at tablet-landscape widths (992-1199px) ----
   The pair shares a half-width column - about 480px inside a 960px
   container. Each button is a 170px minimum pill plus a 52px icon, so two
   of them with the 20px gap between comes to roughly 484px: just over, so
   the row was overflowing and the pills were being cut at the column edge.

   The pill's floor comes down to 140px here, which brings the pair to
   about 424px and back inside the column.

   nowrap keeps them on one line, as they are on desktop. With the icons
   pinned and the pills free to shrink, any remaining shortfall is taken
   out of the pills rather than dropping the second button onto its own
   row - so the two stay side by side however the labels measure. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rts-banner-wrapper-area .banner-left-content-area .banner-btn-area {
    flex-wrap: nowrap;
  }

  .banner-slider-one .banner-left-content-area .banner-btn-area .rts__btn .rts__btn__wrap {
    min-width: 140px;
  }
}


/* ---- Phone: guaranteed gap between the two banner buttons ----
   The `gap` above depends on the container actually being a flex box, and
   this container is switched between flex and block at several points in
   this file and in mobile.css - so the gap kept disappearing depending on
   which rule won. A margin on the first button does not care what display
   mode the container is in, so the space holds either way.

   Scoped to phones, where the two are stacked. Above 768px they sit side by
   side and a bottom margin on one of them would knock the pair out of
   line. */
@media only screen and (max-width: 767px) {
  .rts-banner-wrapper-area .banner-left-content-area .banner-btn-area .rts__btn:not(:last-child) {
    margin-bottom: 18px;
  }
}


/* ---- Blog post quote box: tighter top ----
   The box opens with a quote-mark icon in its own .image div carrying the
   mb--20 utility, so the text started 25px of padding + the icon + 20px of
   margin down the box - a deep band of empty space above the sentence,
   made worse by the icon rendering small and pale against the panel.
   The padding comes in and the icon's margin halves, so the quote begins
   near the top of its box. */
.portfolio-details-area .quote-area {
  padding-top: 0px;
}

.portfolio-details-area .quote-area .image {
  margin-bottom: 8px;
  line-height: 1;
}


/* ---- Contact Us below 1200px: rows line up again ----
   On desktop the block is a multi-column list so each side packs its own
   items - that is what pulls Working Hours up under the emails.

   On a phone or tablet the emails wrap to three or four lines, so that same
   independent packing pushed Working Hours well below Our Location and the
   second row stopped reading as a row at all. Here a grid is the better
   fit: its rows are shared, so both second items start on the same line
   whatever the first ones did.

   grid-auto-flow: column with two rows is what keeps the pairing. The
   markup reads Call, Location, Email, Working - the order multi-column
   needs, filling downwards - so a normal row-major grid would put Location
   beside Call. Filling by column instead lands Call + Location on the left
   and Email + Working on the right, matching the desktop arrangement. */
@media only screen and (max-width: 1199px) {
  .footer-wrapper-style-between .single-wized.get-in-touch ul {
    columns: auto;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    align-items: start;
    row-gap: 24px;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch ul li {
    margin-bottom: 0;
    -webkit-column-break-after: auto;
    break-after: auto;
  }
}


/* ---- Desktop only: wider break before Contact Us ----
   A margin on the Quick Links column rather than a bigger row `gap`: gap
   applies to every column break equally, so raising it would push the
   description column across as well. This widens just the one break, from
   the row's 34px to 69px.

   35px is as far as it goes safely. Whatever comes off this break comes off
   the Contact block, which splits it evenly between its two columns - and
   the right one only has about 45px to spare before the long email address
   wraps to a second line. */
@media only screen and (min-width: 1200px) {
  .footer-wrapper-style-between .single-wized:nth-child(2) {
    margin-right: 35px;
  }
}


/* ---- Desktop only: rebalance the footer row ----
   Wider break between the description and Quick Links (34 + 70 = 104px),
   and a tighter gap between the two halves of Contact Us (12px to 4px).

   Both of those take width from the Contact block, which is where the long
   email address lives - so the two fixed columns pay for them: the
   description comes down from 320px to 280px and Quick Links from 150px to
   120px ("About Us" is the longest entry and needs about 90px). Net, the
   Contact block gains roughly 50px, about 25px per half, which is what
   pulls muruganantham.g@baniyantravels.com back onto one line. */
@media only screen and (min-width: 1200px) {
  .footer-wrapper-style-between .single-wized.logo-area {
    flex-basis: 280px;
    max-width: 280px;
  }

  .footer-wrapper-style-between .single-wized:nth-child(1) {
    margin-right: 70px;
  }

  .footer-wrapper-style-between .single-wized:nth-child(2) {
    flex: 0 0 120px;
    max-width: 120px;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch ul {
    column-gap: 4px;
  }
}


/* ---- Tablet portrait: keep the long email on one line -------------------
   Between 768px and 991px the Contact block sits on its own full-width row
   and its list is a two-column grid, so each cell is about 354px. The icon
   and its gap take 44 of those, leaving roughly 310px of text width.

   muruganantham.g@baniyantravels.com measures about 315px at 16px - over by
   a hair, which is why it broke with a single character on the second line.
   At 15px it comes to about 295px and fits with room to spare.

   Only the mailto values move. The labels above them and the phone numbers
   beside them keep their size, so the hierarchy is unchanged. This mirrors
   what the 992-1199px block already does for the same reason, where the
   cells are narrower still and the values go to 14px.

   Wrapping is deliberately left enabled rather than forced off with
   nowrap: if a longer address is ever added it should break onto a second
   line, not run out past the footer's edge. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-wrapper-style-between .single-wized.get-in-touch ul li .text a[href^="mailto:"] {
    font-size: 15px;
  }
}

/* ---- Supplier band photo on phones: hold the figure in frame -----------
   The band is a tall narrow box once the five cards stack, so `cover`
   scales the 1500x1000 photo to the height and the width overflows by a
   long way - only a narrow vertical slice of the picture is ever on
   screen. Centred, that slice falls on the car door and the man with the
   laptop sits outside it entirely.

   He stands at roughly 60% across the source image, so aligning that point
   with 60% of the band brings him into the slice and leaves him a little
   right of centre, clear of the cards' left edge.

   Phones only. From 768px up the band is wide enough that the crop is
   shallow and the default centre is correct. */
@media only screen and (max-width: 767px) {
  .netb-band {
    background-position: 60% center;
  }
}

/* ---- Supplier cards on tablet: two per row, last one centred ----------
   Between 768px and 1199px the five cards run two to a row - 2, 2, then a
   single card - with that last card centred rather than sitting against
   the left edge.

   Two columns cannot centre one card: it would have to span half a track
   either side. Four columns can. Every card spans two, which still gives
   two per row, and starting the fifth at column 2 leaves one clear track
   on each side of it.

   Card widths are unchanged by the substitution. With a uniform gap, two
   tracks plus the gap between them come to exactly one column of a plain
   two-column grid, so this governs placement only.

   Bounded to tablet: below 768px the grid is already two across with its
   own rules, and from 1200px all five sit on a single row. */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .netb-cards {
    grid-template-columns: repeat(4, 1fr);
  }

  .netb-card {
    grid-column: span 2;
  }

  /* the fifth card is the odd one out now, not the fourth */
  .netb-card:nth-child(5) {
    grid-column: 2 / span 2;
  }
}

/* ==========================================================================
   MOBILE FOOTER CUSTOM GRID LAYOUT (Added for Banyan Tours and Travels)
   --------------------------------------------------------------------------
   In mobile view only (max-width: 575px), reorganize the footer columns:
   - Row 1: Logo area (spans full width)
   - Row 2 & 3 (left): Quick Links (spans both rows)
   - Row 2 (right): Contact Us - Call Us Now
   - Row 3 (right): Contact Us - Our Location
   - Row 4 (left): Contact Us - Send Us Email
   - Row 4 (right): Contact Us - Working Hours
   ========================================================================== */
@media only screen and (max-width: 575px) {
  /* Use CSS Grid for the footer container */
  .footer-wrapper-style-between {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto auto auto auto !important;
    gap: 20px 20px !important;
    padding: 40px 0 20px !important;
    align-items: start !important;
  }

  /* Logo Area - spans Row 1 */
  .footer-wrapper-style-between > .single-wized:nth-child(1) {
    grid-column: 1 / span 2 !important;
    grid-row: 1 !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Quick Links Column (flattened) */
  .footer-wrapper-style-between > .single-wized:nth-child(2) {
    display: contents !important;
  }

  /* Quick Links Title - Row 2, Col 1 */
  .footer-wrapper-style-between > .single-wized:nth-child(2) > .title {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    color: var(--color-heading) !important;
    line-height: 1.2 !important;
    min-height: auto !important;
    align-self: start !important;
  }

  /* Quick Links Body (List Container) - Row 3 / span 2, Col 1 */
  .footer-wrapper-style-between > .single-wized:nth-child(2) > .body {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 3 / span 2 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
  }

  /* Clean up Quick Links list padding and margins */
  .footer-wrapper-style-between > .single-wized:nth-child(2) > .body ul.nav-bottom {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .footer-wrapper-style-between > .single-wized:nth-child(2) > .body ul.nav-bottom li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-wrapper-style-between > .single-wized:nth-child(2) > .body ul.nav-bottom li a {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    line-height: 1.2 !important;
  }

  /* Contact Us Column (flattened) */
  .footer-wrapper-style-between > .single-wized.get-in-touch {
    display: contents !important;
  }

  .footer-wrapper-style-between > .single-wized.get-in-touch > .body {
    display: contents !important;
  }

  .footer-wrapper-style-between > .single-wized.get-in-touch > .body > .get-touch {
    display: contents !important;
  }

  /* Contact Us Title - Row 2, Col 2 */
  .footer-wrapper-style-between > .single-wized.get-in-touch > .title {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    color: var(--color-heading) !important;
    line-height: 1.2 !important;
    min-height: auto !important;
    align-self: start !important;
  }

  /* Call Us Now - Row 3, Col 2 */
  .footer-wrapper-style-between > .single-wized.get-in-touch .map-area:nth-child(1) {
    grid-column: 2 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
  }

  /* Our Location - Row 4, Col 2 */
  .footer-wrapper-style-between > .single-wized.get-in-touch .map-area:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 4 !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
  }

  /* Send Us Email - Row 5, Col 1 */
  .footer-wrapper-style-between > .single-wized.get-in-touch .map-area:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 5 !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
  }

  /* Working Hours - Row 5, Col 2 */
  .footer-wrapper-style-between > .single-wized.get-in-touch .map-area:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 5 !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    align-self: start !important;
  }

  /* Individual Contact Items styling */
  .footer-wrapper-style-between > .single-wized.get-in-touch .map-area {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .text p {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    color: var(--color-heading) !important;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .text a,
  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .text .static-value {
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: var(--color-body) !important;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .text a[href^="tel:"] {
    display: block !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
    transition: 0.3s;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .text a[href*="maps"] {
    display: block !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
    transition: 0.3s;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .text a[href^="mailto:"] {
    display: block !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    transition: 0.3s;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .icon {
    min-width: 28px !important;
    height: 28px !important;
    line-height: 24px !important;
    border-radius: 6px !important;
    background: var(--color-primary) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  .footer-wrapper-style-between .single-wized.get-in-touch .map-area .icon svg {
    width: 13px !important;
    height: 13px !important;
    fill: var(--color-white) !important;
  }

  .footer-wrapper-style-between .single-wized:nth-child(2) .body a {
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: var(--color-body) !important;
  }
}