/*
 * Responsee CSS - v7 - 2020-09-30
 * https://www.myresponsee.com
 * Copyright 2020, Vision Design - graphic zoo
 * Free to use under the MIT license.
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

body {
  background: none repeat scroll 0 0 #eeeeee;
  font-size: 16px;
  font-family: "Open Sans", Arial, sans-serif;
  color: #444;
}
.footer-links a{
  line-height: 20px;
  margin-bottom: 20px;
  }
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #152732;
  font-weight: normal;
  line-height: 1.3;
  margin: 0.5rem 0;
}

h1 {
  font-size: 2.7rem;
}

h2 {
  font-size: 2.2rem;
}

h3 {
  font-size: 1.8rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.1rem;
}

h6 {
  font-size: 0.9rem;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #9BB800;
  transition: color 0.20s linear 0s;
  -o-transition: color 0.20s linear 0s;
  -ms-transition: color 0.20s linear 0s;
  -moz-transition: color 0.20s linear 0s;
  -webkit-transition: color 0.20s linear 0s;
}

a:hover {
  color: #B6C900;
}

p,
li,
dl,
blockquote,
table,
kbd {
  font-size: 0.85rem;
  line-height: 1.6;
}

b,
strong {
  font-weight: 700;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

img {
  border: 0;
  display: block;
  height: auto;
  max-width: 100%;
  width: auto;
}

.owl-item img,
.full-img {
  max-width: none;
  width: 100%;
}

.owl-nav div {
  font-family: "mfg";
}

.grid .owl-carousel {
  width: 100% !important;
}

table {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #f0f0f0;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  width: 100%;
}

table tr td,
table tr th {
  padding: 0.625rem;
}

table tfoot,
table thead,
table tr:nth-of-type(2n) {
  background: none repeat scroll 0 0 #f0f0f0;
}

th,
table tr:nth-of-type(2n) td {
  border-right: 1px solid #fff;
}

td {
  border-right: 1px solid #f0f0f0;
}

.size-960 .line,
.size-1140 .line,
.size-1280 .line,
.size-1520 .line {
  margin: 0 5rem;
  padding: 0 0.625rem;



  position: relative;
  z-index: 2;


}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  margin: 0 auto;
}

hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  clear: both;
  height: 0;
  margin: 2.5rem auto;
}

li {
  padding: 0;
}

ul,
ol {
  padding-left: 1.25rem;
}

blockquote {
  border: 2px solid #f0f0f0;
  padding: 1.25rem;
}

cite {
  color: #999;
  display: block;
  font-size: 0.8rem;
}

cite:before {
  content: "— ";
}

dl dt {
  font-weight: 700;
}

dl dd {
  margin-bottom: 0.625rem;
}

dl dd:last-child {
  margin-bottom: 0;
}

abbr {
  cursor: help;
}

abbr[title] {
  border-bottom: 1px dotted;
}

kbd {
  background: #152732 none repeat scroll 0 0;
  color: #fff;
  padding: 0.125rem 0.3125rem;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

mark {
  background: #F3F8A9 none repeat scroll 0 0;
  padding: 0.125rem 0.3125rem;
}

.size-960 .line,
.size-960 .grid {
  max-width: 59.75rem;
}

.size-1140 .line,
.size-1140 .grid {
  padding-left: 72px !important;
}

.size-1280 .line,
.size-1280 .grid {
  /* max-width: 80rem; */
}

.size-1520 .line,
.size-1520 .grid {
  max-width: 95rem;
}

.grid.full {
  max-width: 100% !important;
  padding: 0;
}

.vertical-center {
  display: inline-grid !important;
}

.vertical-center * {
  align-items: center;
  display: flex !important;
}

.text-center .vertical-center * {
  justify-content: center;
}

.size-960.align-content-left .line,
.size-1140.align-content-left .line,
.size-1280.align-content-left .line,
.size-1520.align-content-left .line {
  margin-left: 0;
}

form {
  line-height: 1.4;
}

/* nav {
  display: block;
  width: 100%;
  background: #152732;
} */

/* .line::after,
nav::after,
.center::after,
.box::after,
.margin::after,
.margin2x::after,
.grid.full::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
} */

.grid.margin::after,
.grid.margin2x::after {
  content: "";
  display: none;
}

/* .nav-text:after,
.nav-text:before,
.nav-text span {
  background-color: #fff;
  border-radius: 3px;
  content: '';
  display: block;
  height: 3px;
  margin: 6px auto;
  width: 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
} */

.show-menu .nav-text:before {
  transform: translateY(9px) rotate(135deg);
  -moz-transform: translateY(9px) rotate(135deg);
  -webkit-transform: translateY(9px) rotate(135deg);
}

.show-menu .nav-text:after {
  transform: translateY(-9px) rotate(-135deg);
  -moz-transform: translateY(-9px) rotate(-135deg);
  -webkit-transform: translateY(-9px) rotate(-135deg);
}

.show-menu .nav-text span {
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
}

.top-nav ul {
  padding: 0;
}

.top-nav ul ul {
  position: absolute;
  background: #152732;
}

.top-nav li {
  float: left;
  list-style: none outside none;
  cursor: pointer;
}

.top-nav li a {
  color: #fff;
  display: block;
  font-size: 1rem;
  padding: 1.25rem;
}

.top-nav li ul li a {
  background: none repeat scroll 0 0 #152732;
  min-width: 100%;
  padding: 0.625rem;
}

.top-nav li a:hover,
.aside-nav li a:hover {
  background: #2b4c61;
}

.top-nav li ul {
  display: none;
}

.top-nav li ul li,
.top-nav li ul li ul li {
  float: none;
  list-style: none outside none;
  min-width: 100%;
  padding: 0;
}

.count-number {
  background: rgba(153, 153, 153, 0.25) none repeat scroll 0 0;
  border-radius: 10rem;
  color: #fff;
  display: inline-block;
  font-size: 0.7rem;
  height: 1.3rem;
  line-height: 1.3rem;
  margin: 0 0 -0.3125rem 0.3125rem;
  text-align: center;
  width: 1.3rem;
}

ul.chevron .count-number {
  display: none;
}

ul.chevron .submenu>a:after,
ul.chevron .sub-submenu>a:after,
ul.chevron .aside-submenu>a:after,
ul.chevron .aside-sub-submenu>a:after {
  content: "\f004";
  display: inline-block;
  font-family: "mfg";
  font-size: 0.7rem;
  margin: 0 0.625rem;
}

.top-nav .active-item a {
  background: #2b4c61;
}

.aside-nav>ul>li.active-item>a:link,
.aside-nav>ul>li.active-item>a:visited {
  background: #2b4c61;
  color: #fff;
}

@media screen and (min-width:769px) {
  .aside-nav .count-number {
    margin-left: -1.25rem;
    float: right;
  }

  .top-nav li:hover>ul {
    display: block;
    z-index: 10;
  }

  .top-nav li:hover>ul ul {
    left: 100%;
    margin: -2.5rem 0;
    width: 100%;
  }
}

.nav-text,
.aside-nav-text {
  display: none;
}

.aside-nav a,
.aside-nav a:link,
.aside-nav a:visited,
.aside-nav li>ul,
.top-nav a,
.top-nav a:link,
.top-nav a:visited {
  transition: background 0.20s linear 0s;
  -o-transition: background 0.20s linear 0s;
  -ms-transition: background 0.20s linear 0s;
  -moz-transition: background 0.20s linear 0s;
  -webkit-transition: background 0.20s linear 0s;
}

.aside-nav ul {
  background: #e8e8e8;
  padding: 0;
}

.aside-nav li {
  list-style: none outside none;
  cursor: pointer;
}

.aside-nav li a,
.aside-nav li a:link,
.aside-nav li a:visited {
  color: #444;
  display: block;
  font-size: 1rem;
  padding: 1.25rem;
}

.aside-nav>ul>li:last-child a {
  border-bottom: 0 none;
}

.aside-nav li>ul {
  height: 0;
  display: block;
  position: relative;
  background: #f4f4f4;
  border-left: solid 1px #f2f2f2;
  border-right: solid 1px #f2f2f2;
  overflow: hidden;
}

.aside-nav li ul ul {
  border: 0;
  background: #fff;
}

.aside-nav ul ul a {
  padding: 0.625rem 1.25rem;
}

.aside-nav li a:link,
.aside-nav li a:visited {
  color: #333;
}

.aside-nav li li a:hover,
.aside-nav li li.active-item>a,
.aside-nav li li.aside-sub-submenu li a:hover {
  color: #fff;
  background: #2b4c61;
}

.aside-nav>ul>li>a:hover {
  color: #fff;
}

.aside-nav li li a:link,
.aside-nav li li a:visited {
  background: none;
}

.aside-nav .show-aside-ul,
.aside-nav .active-aside-item {
  height: auto;
}

nav.breadcrumb-nav {
  background: #fff;
  margin: 0.625rem 0;
}

nav.breadcrumb-nav ul {
  list-style: none;
  padding: 0;
}

nav.breadcrumb-nav ul li {
  float: left;
}

nav.breadcrumb-nav ul li a:hover {
  text-decoration: underline;
}

.breadcrumb-nav i {
  color: #B6C900;
}

nav.breadcrumb-nav ul li:after {
  content: "/";
  margin: 0 9px;
  color: #c8c7c7;
}

nav.breadcrumb-nav ul li:last-child:after {
  content: "";
}

.slide-content,
.slide-nav {
  transition: all 0.10s linear 0s;
  -o-transition: all 0.10s linear 0s;
  -ms-transition: all 0.10s linear 0s;
  -moz-transition: all 0.10s linear 0s;
  -webkit-transition: all 0.10s linear 0s;
}

.slide-content {
  float: left;
  width: calc(100% - 60px);
}

.aside-nav.slide-nav {
  background: #1c3849;
  bottom: 0;
  right: 0;
  top: 0;
  margin-right: -180px;
  overflow-y: auto;
  padding-top: 0.625rem;
  position: fixed;
  width: 240px;
  z-index: 2;
}

.aside-nav.slide-nav {
  background: #1c3849;
  opacity: 0;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

.aside-nav.slide-nav li a,
.aside-nav.slide-nav li a:link,
.aside-nav.slide-nav li a:visited {
  color: #fff;
  display: block;
  font-size: 0.9rem;
  padding: 0.625rem 1.25rem;
  border-bottom: 0;
}

.aside-nav.slide-nav li a:hover {
  background: #152732 !important;
  color: #ff5317 !important;
}

.aside-nav.slide-nav li>ul {
  background: #2b4c61;
  border-left: 0;
  border-right: 0;
}

.aside-nav.slide-nav li>ul ul {
  background: #456274;
  border-left: 0;
  border-right: 0;
}

.slide-nav-button {
  background: #152732;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 60px;
  z-index: 3;
}

.active-slide-nav .slide-content {
  margin-left: -240px;
}

.active-slide-nav .slide-nav {
  margin-right: 60px;
}

.slide-to-left .slide-content {
  float: right;
}

.slide-to-left .slide-nav {
  left: 0;
  margin-right: 0;
  margin-left: -180px;
}

.slide-to-left .slide-nav-button {
  left: 0;
}

.slide-to-left.active-slide-nav .slide-content {
  margin-right: -240px;
  margin-left: 0;
}

.slide-to-left.active-slide-nav .slide-nav {
  margin-right: 0;
  margin-left: 60px;
}

.active-slide-nav .slide-nav ul {
  opacity: 1;
}

.nav-icon {
  padding: 0.9rem;
  width: 100%;
}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color: #fff;
  border-radius: 3px;
  content: "";
  display: block;
  height: 3px;
  margin: 6px 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.active-slide-nav .nav-icon:before {
  transform: translateY(9px) rotate(135deg);
  -moz-transform: translateY(9px) rotate(135deg);
  -webkit-transform: translateY(9px) rotate(135deg);
}

.active-slide-nav .nav-icon:after {
  transform: translateY(-9px) rotate(-135deg);
  -moz-transform: translateY(-9px) rotate(-135deg);
  -webkit-transform: translateY(-9px) rotate(-135deg);
}

.active-slide-nav .nav-icon div {
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
}

.active-slide-nav {
  overflow-x: hidden;
}

.padding {
  display: list-item;
  list-style: none outside none;
  padding: 0.625rem;
}

.margin,
.margin2x {
  display: block;
}

.margin {
  margin: 0 -0.625rem;
}

.margin2x {
  margin: 2%;
}

.grid.margin {
  display: grid;
  grid-column-gap: 20px;
  margin: 0 auto;
}

.grid.margin2x {
  display: grid;
  grid-column-gap: 40px;
  margin: 0 auto;
}

.line {
  clear: left;
}

.line .line {
  padding: 0;
}

.hide-xxl {
  display: none !important;
}

.box {
  background: none repeat scroll 0 0 #fff;
  display: block;
  padding: 1.25rem;
  width: 100%;
}

.margin-bottom {
  margin-bottom: 1.25rem !important;
}

.margin-bottom2x {
  margin-bottom: 2.5rem !important;
}

.s-1,
.s-2,
.s-five,
.s-3,
.s-4,
.s-5,
.s-6,
.s-7,
.s-8,
.s-9,
.s-10,
.s-11,
.s-12,
.m-1,
.m-2,
.m-five,
.m-3,
.m-4,
.m-5,
.m-6,
.m-7,
.m-8,
.m-9,
.m-10,
.m-11,
.m-12,
.l-1,
.l-2,
.l-five,
.l-3,
.l-4,
.l-5,
.l-6,
.l-7,
.l-8,
.l-9,
.l-10,
.l-11,
.l-12,
.xl-1,
.xl-2,
.xl-five,
.xl-3,
.xl-4,
.xl-5,
.xl-6,
.xl-7,
.xl-8,
.xl-9,
.xl-10,
.xl-11,
.xl-12,
.xxl-1,
.xxl-2,
.xxl-five,
.xxl-3,
.xxl-4,
.xxl-5,
.xxl-6,
.xxl-7,
.xxl-8,
.xxl-9,
.xxl-10,
.xxl-11,
.xxl-12 {
  float: left;
  position: static;
}

.xxl-offset-1 {
  margin-left: 8.3333%;
}

.xxl-offset-2 {
  margin-left: 16.6666%;
}

.xxl-offset-five {
  margin-left: 20%;
}

.xxl-offset-3 {
  margin-left: 25%;
}

.xxl-offset-4 {
  margin-left: 33.3333%;
}

.xxl-offset-5 {
  margin-left: 41.6666%;
}

.xxl-offset-6 {
  margin-left: 50%;
}

.xxl-offset-7 {
  margin-left: 58.3333%;
}

.xxl-offset-8 {
  margin-left: 66.6666%;
}

.xxl-offset-9 {
  margin-left: 75%;
}

.xxl-offset-10 {
  margin-left: 83.3333%;
}

.xxl-offset-11 {
  margin-left: 91.6666%;
}

.xxl-offset-12 {
  margin-left: 100%;
}

.xxl-order-1 {
  order: -1;
}

.xxl-order-2 {
  order: 2;
}

.xxl-order-3 {
  order: 3;
}

.xxl-order-4 {
  order: 4;
}

.xxl-order-5 {
  order: 5;
}

.xxl-order-6 {
  order: 6;
}

.xxl-order-7 {
  order: 7;
}

.xxl-order-8 {
  order: 8;
}

.xxl-order-9 {
  order: 9;
}

.xxl-order-10 {
  order: 10;
}

.xxl-order-11 {
  order: 11;
}

.xxl-order-12 {
  order: 12;
}

.xxl-order-last {
  order: 99999999;
}

.line .margin>.s-1,
.line .margin>.s-2,
.line .margin>.s-five,
.line .margin>.s-3,
.line .margin>.s-4,
.line .margin>.s-5,
.line .margin>.s-6,
.line .margin>.s-7,
.line .margin>.s-8,
.line .margin>.s-9,
.line .margin>.s-10,
.line .margin>.s-11,
.line .margin>.s-12,
.line .margin>.m-1,
.line .margin>.m-2,
.line .margin>.m-five,
.line .margin>.m-3,
.line .margin>.m-4,
.line .margin>.m-5,
.line .margin>.m-6,
.line .margin>.m-7,
.line .margin>.m-8,
.line .margin>.m-9,
.line .margin>.m-10,
.line .margin>.m-11,
.line .margin>.m-12,
.line .margin>.l-1,
.line .margin>.l-2,
.line .margin>.l-five,
.line .margin>.l-3,
.line .margin>.l-4,
.line .margin>.l-5,
.line .margin>.l-6,
.line .margin>.l-7,
.line .margin>.l-8,
.line .margin>.l-9,
.line .margin>.l-10,
.line .margin>.l-11,
.line .margin>.l-12,
.line .margin>.xl-1,
.line .margin>.xl-2,
.line .margin>.xl-five,
.line .margin>.xl-3,
.line .margin>.xl-4,
.line .margin>.xl-5,
.line .margin>.xl-6,
.line .margin>.xl-7,
.line .margin>.xl-8,
.line .margin>.xl-9,
.line .margin>.xl-10,
.line .margin>.xl-11,
.line .margin>.xl-12,
.line .margin>.xxl-1,
.line .margin>.xxl-2,
.line .margin>.xxl-five,
.line .margin>.xxl-3,
.line .margin>.xxl-4,
.line .margin>.xxl-5,
.line .margin>.xxl-6,
.line .margin>.xxl-7,
.line .margin>.xxl-8,
.line .margin>.xxl-9,
.line .margin>.xxl-10,
.line .margin>.xxl-11,
.line .margin>.xxl-12 {
  padding: 0 0.625rem;
}

.line .margin2x>.s-1,
.line .margin2x>.s-2,
.line .margin2x>.s-five,
.line .margin2x>.s-3,
.line .margin2x>.s-4,
.line .margin2x>.s-5,
.line .margin2x>.s-6,
.line .margin2x>.s-7,
.line .margin2x>.s-8,
.line .margin2x>.s-9,
.line .margin2x>.s-10,
.line .margin2x>.s-11,
.line .margin2x>.s-12,
.line .margin2x>.m-1,
.line .margin2x>.m-2,
.line .margin2x>.m-five,
.line .margin2x>.m-3,
.line .margin2x>.m-4,
.line .margin2x>.m-5,
.line .margin2x>.m-6,
.line .margin2x>.m-7,
.line .margin2x>.m-8,
.line .margin2x>.m-9,
.line .margin2x>.m-10,
.line .margin2x>.m-11,
.line .margin2x>.m-12,
.line .margin2x>.l-1,
.line .margin2x>.l-2,
.line .margin2x>.l-five,
.line .margin2x>.l-3,
.line .margin2x>.l-4,
.line .margin2x>.l-5,
.line .margin2x>.l-6,
.line .margin2x>.l-7,
.line .margin2x>.l-8,
.line .margin2x>.l-9,
.line .margin2x>.l-10,
.line .margin2x>.l-11,
.line .margin2x>.l-12,
.line .margin2x>.xl-1,
.line .margin2x>.xl-2,
.line .margin2x>.xl-five,
.line .margin2x>.xl-3,
.line .margin2x>.xl-4,
.line .margin2x>.xl-5,
.line .margin2x>.xl-6,
.line .margin2x>.xl-7,
.line .margin2x>.xl-8,
.line .margin2x>.xl-9,
.line .margin2x>.xl-10,
.line .margin2x>.xl-11,
.line .margin2x>.xl-12,
.line .margin2x>.xxl-1,
.line .margin2x>.xxl-2,
.line .margin2x>.xxl-five,
.line .margin2x>.xxl-3,
.line .margin2x>.xxl-4,
.line .margin2x>.xxl-5,
.line .margin2x>.xxl-6,
.line .margin2x>.xxl-7,
.line .margin2x>.xxl-8,
.line .margin2x>.xxl-9,
.line .margin2x>.xxl-10,
.line .margin2x>.xxl-11,
.line .margin2x>.xxl-12 {
  padding: 0 1.25rem; letter-spacing: 1px;
}

.line-full-width .margin>.s-1,
.line-full-width .margin>.s-2,
.line-full-width .margin>.s-five,
.line-full-width .margin>.s-3,
.line-full-width .margin>.s-4,
.line-full-width .margin>.s-5,
.line-full-width .margin>.s-6,
.line-full-width .margin>.s-7,
.line-full-width .margin>.s-8,
.line-full-width .margin>.s-9,
.line-full-width .margin>.s-10,
.line-full-width .margin>.s-11,
.line-full-width .margin>.s-12,
.line-full-width .margin>.m-1,
.line-full-width .margin>.m-2,
.line-full-width .margin>.m-five,
.line-full-width .margin>.m-3,
.line-full-width .margin>.m-4,
.line-full-width .margin>.m-5,
.line-full-width .margin>.m-6,
.line-full-width .margin>.m-7,
.line-full-width .margin>.m-8,
.line-full-width .margin>.m-9,
.line-full-width .margin>.m-10,
.line-full-width .margin>.m-11,
.line-full-width .margin>.m-12,
.line-full-width .margin>.l-1,
.line-full-width .margin>.l-2,
.line-full-width .margin>.l-five,
.line-full-width .margin>.l-3,
.line-full-width .margin>.l-4,
.line-full-width .margin>.l-5,
.line-full-width .margin>.l-6,
.line-full-width .margin>.l-7,
.line-full-width .margin>.l-8,
.line-full-width .margin>.l-9,
.line-full-width .margin>.l-10,
.line-full-width .margin>.l-11,
.line-full-width .margin>.l-12,
.line-full-width .margin>.xl-1,
.line-full-width .margin>.xl-2,
.line-full-width .margin>.xl-five,
.line-full-width .margin>.xl-3,
.line-full-width .margin>.xl-4,
.line-full-width .margin>.xl-5,
.line-full-width .margin>.xl-6,
.line-full-width .margin>.xl-7,
.line-full-width .margin>.xl-8,
.line-full-width .margin>.xl-9,
.line-full-width .margin>.xl-10,
.line-full-width .margin>.xl-11,
.line-full-width .margin>.xl-12,
.line-full-width .margin>.xxl-1,
.line-full-width .margin>.xxl-2,
.line-full-width .margin>.xxl-five,
.line-full-width .margin>.xxl-3,
.line-full-width .margin>.xxl-4,
.line-full-width .margin>.xxl-5,
.line-full-width .margin>.xxl-6,
.line-full-width .margin>.xxl-7,
.line-full-width .margin>.xxl-8,
.line-full-width .margin>.xxl-9,
.line-full-width .margin>.xxl-10,
.line-full-width .margin>.xxl-11,
.line-full-width .margin>.xxl-12 {
  padding: 0
}

.line-full-width .margin2x>.s-1,
.line-full-width .margin2x>.s-2,
.line-full-width .margin2x>.s-five,
.line-full-width .margin2x>.s-3,
.line-full-width .margin2x>.s-4,
.line-full-width .margin2x>.s-5,
.line-full-width .margin2x>.s-6,
.line-full-width .margin2x>.s-7,
.line-full-width .margin2x>.s-8,
.line-full-width .margin2x>.s-9,
.line-full-width .margin2x>.s-10,
.line-full-width .margin2x>.s-11,
.line-full-width .margin2x>.s-12,
.line-full-width .margin2x>.m-1,
.line-full-width .margin2x>.m-2,
.line-full-width .margin2x>.m-five,
.line-full-width .margin2x>.m-3,
.line-full-width .margin2x>.m-4,
.line-full-width .margin2x>.m-5,
.line-full-width .margin2x>.m-6,
.line-full-width .margin2x>.m-7,
.line-full-width .margin2x>.m-8,
.line-full-width .margin2x>.m-9,
.line-full-width .margin2x>.m-10,
.line-full-width .margin2x>.m-11,
.line-full-width .margin2x>.m-12,
.line-full-width .margin2x>.l-1,
.line-full-width .margin2x>.l-2,
.line-full-width .margin2x>.l-five,
.line-full-width .margin2x>.l-3,
.line-full-width .margin2x>.l-4,
.line-full-width .margin2x>.l-5,
.line-full-width .margin2x>.l-6,
.line-full-width .margin2x>.l-7,
.line-full-width .margin2x>.l-8,
.line-full-width .margin2x>.l-9,
.line-full-width .margin2x>.l-10,
.line-full-width .margin2x>.l-11,
.line-full-width .margin2x>.l-12,
.line-full-width .margin2x>.xl-1,
.line-full-width .margin2x>.xl-2,
.line-full-width .margin2x>.xl-five,
.line-full-width .margin2x>.xl-3,
.line-full-width .margin2x>.xl-4,
.line-full-width .margin2x>.xl-5,
.line-full-width .margin2x>.xl-6,
.line-full-width .margin2x>.xl-7,
.line-full-width .margin2x>.xl-8,
.line-full-width .margin2x>.xl-9,
.line-full-width .margin2x>.xl-10,
.line-full-width .margin2x>.xl-11,
.line-full-width .margin2x>.xl-12,
.line-full-width .margin2x>.xxl-1,
.line-full-width .margin2x>.xxl-2,
.line-full-width .margin2x>.xxl-five,
.line-full-width .margin2x>.xxl-3,
.line-full-width .margin2x>.xxl-4,
.line-full-width .margin2x>.xxl-5,
.line-full-width .margin2x>.xxl-6,
.line-full-width .margin2x>.xxl-7,
.line-full-width .margin2x>.xxl-8,
.line-full-width .margin2x>.xxl-9,
.line-full-width .margin2x>.xxl-10,
.line-full-width .margin2x>.xxl-11,
.line-full-width .margin2x>.xxl-12 {
  padding: 0 1.25rem;
}

.s-1,
.grid .s-1.center {
  width: 8.3333%;
}

.s-2,
.grid .s-2.center {
  width: 16.6666%;
}

.s-five {
  width: 20%;
}

.s-3,
.grid .s-3.center {
  width: 25%;
}

.s-4,
.grid .s-4.center {
  width: 33.3333%;
}

.s-5,
.grid .s-5.center {
  width: 41.6666%;
}

.s-6,
.grid .s-6.center {
  width: 50%;
}

.s-7,
.grid .s-7.center {
  width: 58.3333%;
}

.s-8,
.grid .s-8.center {
  width: 66.6666%;
}

.s-9,
.grid .s-9.center {
  width: 75%;
}

.s-10,
.grid .s-10.center {
  width: 83.3333%;
}

.s-11,
.grid .s-11.center {
  width: 91.6666%;
}

.s-12,
.grid .s-12.center {
  width: 100%
}

.grid .s-1 {
  grid-column: span 1;
}

.grid .s-2 {
  grid-column: span 2;
}

.grid .s-3 {
  grid-column: span 3;
}

.grid .s-4 {
  grid-column: span 4;
}

.grid .s-5 {
  grid-column: span 5;
}

.grid .s-6 {
  grid-column: span 6;
}

.grid .s-7 {
  grid-column: span 7;
}

.grid .s-8 {
  grid-column: span 8;
}

.grid .s-9 {
  grid-column: span 9;
}

.grid .s-10 {
  grid-column: span 10;
}

.grid .s-11 {
  grid-column: span 11;
}

.grid .s-12 {
  grid-column: span 12;
}

.grid .s-row-1 {
  grid-row: span 1;
}

.grid .s-row-2 {
  grid-row: span 2;
}

.grid .s-row-3 {
  grid-row: span 3;
}

.grid .s-row-4 {
  grid-row: span 4;
}

.grid .s-row-5 {
  grid-row: span 5;
}

.grid .s-row-6 {
  grid-row: span 6;
}

.grid .s-row-7 {
  grid-row: span 7;
}

.grid .s-row-8 {
  grid-row: span 8;
}

.grid .s-row-9 {
  grid-row: span 9;
}

.grid .s-row-10 {
  grid-row: span 10;
}

.grid .s-row-11 {
  grid-row: span 11;
}

.grid .s-row-12 {
  grid-row: span 12;
}

.m-1,
.grid .m-1.center {
  width: 8.3333%;
}

.m-2,
.grid .m-2.center {
  width: 16.6666%;
}

.m-five {
  width: 20%;
}

.m-3,
.grid .m-3.center {
  width: 25%;
}

.m-4,
.grid .m-4.center {
  width: 33.3333%;
}

.m-5,
.grid .m-5.center {
  width: 41.6666%;
}

.m-6,
.grid .m-6.center {
  width: 50%;
}

.m-7,
.grid .m-7.center {
  width: 58.3333%;
}

.m-8,
.grid .m-8.center {
  width: 66.6666%;
}

.m-9,
.grid .m-9.center {
  width: 75%;
}

.m-10,
.grid .m-10.center {
  width: 83.3333%;
}

.m-11,
.grid .m-11.center {
  width: 91.6666%;
}

.m-12,
.grid .m-12.center {
  width: 100%
}

.grid .m-1 {
  grid-column: span 1;
}

.grid .m-2 {
  grid-column: span 2;
}

.grid .m-3 {
  grid-column: span 3;
}

.grid .m-4 {
  grid-column: span 4;
}

.grid .m-5 {
  grid-column: span 5;
}

.grid .m-6 {
  grid-column: span 6;
}

.grid .m-7 {
  grid-column: span 7;
}

.grid .m-8 {
  grid-column: span 8;
}

.grid .m-9 {
  grid-column: span 9;
}

.grid .m-10 {
  grid-column: span 10;
}

.grid .m-11 {
  grid-column: span 11;
}

.grid .m-12 {
  grid-column: span 12;
}

.grid .m-row-1 {
  grid-row: span 1;
}

.grid .m-row-2 {
  grid-row: span 2;
}

.grid .m-row-3 {
  grid-row: span 3;
}

.grid .m-row-4 {
  grid-row: span 4;
}

.grid .m-row-5 {
  grid-row: span 5;
}

.grid .m-row-6 {
  grid-row: span 6;
}

.grid .m-row-7 {
  grid-row: span 7;
}

.grid .m-row-8 {
  grid-row: span 8;
}

.grid .m-row-9 {
  grid-row: span 9;
}

.grid .m-row-10 {
  grid-row: span 10;
}

.grid .m-row-11 {
  grid-row: span 11;
}

.grid .m-row-12 {
  grid-row: span 12;
}

.l-1,
.grid .l-1.center {
  width: 8.3333%;
}

.l-2,
.grid .l-2.center {
  width: 15.667%;
}

.l-five {
  width: 20%;
}

.l-3,
.grid .l-3.center {
  width: 25%;
}

.l-4,
.grid .l-4.center {
  width: 33.3333%;
}

.l-5,
.grid .l-5.center {
  width: 41.6666%;
}

.l-6,
.grid .l-6.center {
  width: 50%;
}

.l-7,
.grid .l-7.center {
  width: 58.3333%;
}

.l-8,
.grid .l-8.center {
  width: 66.6666%;
}

.l-9,
.grid .l-9.center {
  width: 75%;
}

.l-10,
.grid .l-10.center {
  width: 84.333%;
}

.l-11,
.grid .l-11.center {
  width: 91.6666%;
}

.l-12,
.grid .l-12.center {
  width: 100%
}

.grid .l-1 {
  grid-column: span 1;
}

.grid .l-2 {
  grid-column: span 2;
}

.grid .l-3 {
  grid-column: span 3;
}

.grid .l-4 {
  grid-column: span 4;
}

.grid .l-5 {
  grid-column: span 5;
}

.grid .l-6 {
  grid-column: span 6;
}

.grid .l-7 {
  grid-column: span 7;
}

.grid .l-8 {
  grid-column: span 8;
}

.grid .l-9 {
  grid-column: span 9;
}

.grid .l-10 {
  grid-column: span 10;
}

.grid .l-11 {
  grid-column: span 11;
}

.grid .l-12 {
  grid-column: span 12;
}

.grid .l-row-1 {
  grid-row: span 1;
}

.grid .l-row-2 {
  grid-row: span 2;
}

.grid .l-row-3 {
  grid-row: span 3;
}

.grid .l-row-4 {
  grid-row: span 4;
}

.grid .l-row-5 {
  grid-row: span 5;
}

.grid .l-row-6 {
  grid-row: span 6;
}

.grid .l-row-7 {
  grid-row: span 7;
}

.grid .l-row-8 {
  grid-row: span 8;
}

.grid .l-row-9 {
  grid-row: span 9;
}

.grid .l-row-10 {
  grid-row: span 10;
}

.grid .l-row-11 {
  grid-row: span 11;
}

.grid .l-row-12 {
  grid-row: span 12;
}

.xl-1,
.grid .xl-1.center {
  width: 8.3333%;
}

.xl-2,
.grid .xl-2.center {
  width: 16.6666%;
}

.xl-five {
  width: 20%;
}

.xl-3,
.grid .xl-3.center {
  width: 25%;
}

.xl-4,
.grid .xl-4.center {
  width: 33.3333%;
}

.xl-5,
.grid .xl-5.center {
  width: 41.6666%;
}

.xl-6,
.grid .xl-6.center {
  width: 50%;
}

.xl-7,
.grid .xl-7.center {
  width: 58.3333%;
}

.xl-8,
.grid .xl-8.center {
  width: 66.6666%;
}

.xl-9,
.grid .xl-9.center {
  width: 75%;
}

.xl-10,
.grid .xl-10.center {
  width: 83.3333%;
}

.xl-11,
.grid .xl-11.center {
  width: 91.6666%;
}

.xl-12,
.grid .xl-12.center {
  width: 100%
}

.grid .xl-1 {
  grid-column: span 1;
}

.grid .xl-2 {
  grid-column: span 2;
}

.grid .xl-3 {
  grid-column: span 3;
}

.grid .xl-4 {
  grid-column: span 4;
}

.grid .xl-5 {
  grid-column: span 5;
}

.grid .xl-6 {
  grid-column: span 6;
}

.grid .xl-7 {
  grid-column: span 7;
}

.grid .xl-8 {
  grid-column: span 8;
}

.grid .xl-9 {
  grid-column: span 9;
}

.grid .xl-10 {
  grid-column: span 10;
}

.grid .xl-11 {
  grid-column: span 11;
}

.grid .xl-12 {
  grid-column: span 12;
}

.grid .xl-row-1 {
  grid-row: span 1;
}

.grid .xl-row-2 {
  grid-row: span 2;
}

.grid .xl-row-3 {
  grid-row: span 3;
}

.grid .xl-row-4 {
  grid-row: span 4;
}

.grid .xl-row-5 {
  grid-row: span 5;
}

.grid .xl-row-6 {
  grid-row: span 6;
}

.grid .xl-row-7 {
  grid-row: span 7;
}

.grid .xl-row-8 {
  grid-row: span 8;
}

.grid .xl-row-9 {
  grid-row: span 9;
}

.grid .xl-row-10 {
  grid-row: span 10;
}

.grid .xl-row-11 {
  grid-row: span 11;
}

.grid .xl-row-12 {
  grid-row: span 12;
}

.xxl-1,
.grid .xxl-1.center {
  width: 8.3333%;
}

.xxl-2,
.grid .xxl-2.center {
  width: 16.6666%;
}

.xxl-five {
  width: 20%;
}

.xxl-3,
.grid .xxl-3.center {
  width: 25%;
}

.xxl-4,
.grid .xxl-4.center {
  width: 33.3333%;
}

.xxl-5,
.grid .xxl-5.center {
  width: 41.6666%;
}

.xxl-6,
.grid .xxl-6.center {
  width: 50%;
}

.xxl-7,
.grid .xxl-7.center {
  width: 58.3333%;
}

.xxl-8,
.grid .xxl-8.center {
  width: 66.6666%;
}

.xxl-9,
.grid .xxl-9.center {
  width: 75%;
}

.xxl-10,
.grid .xxl-10.center {
  width: 83.3333%;
}

.xxl-11,
.grid .xxl-11.center {
  width: 91.6666%;
}

.xxl-12,
.grid .xxl-12.center {
  width: 100%
}

.grid .xxl-1 {
  grid-column: span 1;
}

.grid .xxl-2 {
  grid-column: span 2;
}

.grid .xxl-3 {
  grid-column: span 3;
}

.grid .xxl-4 {
  grid-column: span 4;
}

.grid .xxl-5 {
  grid-column: span 5;
}

.grid .xxl-6 {
  grid-column: span 6;
}

.grid .xxl-7 {
  grid-column: span 7;
}

.grid .xxl-8 {
  grid-column: span 8;
}

.grid .xxl-9 {
  grid-column: span 9;
}

.grid .xxl-10 {
  grid-column: span 10;
}

.grid .xxl-11 {
  grid-column: span 11;
}

.grid .xxl-12 {
  grid-column: span 12;
}

.grid .xxl-row-1 {
  grid-row: span 1;
}

.grid .xxl-row-2 {
  grid-row: span 2;
}

.grid .xxl-row-3 {
  grid-row: span 3;
}

.grid .xxl-row-4 {
  grid-row: span 4;
}

.grid .xxl-row-5 {
  grid-row: span 5;
}

.grid .xxl-row-6 {
  grid-row: span 6;
}

.grid .xxl-row-7 {
  grid-row: span 7;
}

.grid .xxl-row-8 {
  grid-row: span 8;
}

.grid .xxl-row-9 {
  grid-row: span 9;
}

.grid .xxl-row-10 {
  grid-row: span 10;
}

.grid .xxl-row-11 {
  grid-row: span 11;
}

.grid .xxl-row-12 {
  grid-row: span 12;
}

.right {
  float: right;
}

.left {
  float: left;
}

@media screen and (max-width:1366px) {

  .hide-xxl,
  .hide-l,
  .hide-m,
  .hide-s {
    display: initial !important;
  }

  .hide-xl {
    display: none !important;
  }

  .size-960,
  .size-1140,
  .size-1280,
  .size-1520 {
    max-width: 1366px;
  }

  .xxl-offset-1,
  .xxl-offset-2,
  .xxl-offset-five,
  .xxl-offset-3,
  .xxl-offset-4,
  .xxl-offset-5,
  .xxl-offset-6,
  .xxl-offset-7,
  .xxl-offset-8,
  .xxl-offset-9,
  .xxl-offset-10,
  .xxl-offset-11,
  .xxl-offset-12 {
    margin-left: 0;
  }

  .xl-offset-1 {
    margin-left: 8.3333%;
  }

  .xl-offset-2 {
    margin-left: 16.6666%;
  }

  .xl-offset-five {
    margin-left: 20%;
  }

  .xl-offset-3 {
    margin-left: 25%;
  }

  .xl-offset-4 {
    margin-left: 33.3333%;
  }

  .xl-offset-5 {
    margin-left: 41.6666%;
  }

  .xl-offset-6 {
    margin-left: 50%;
  }

  .xl-offset-7 {
    margin-left: 58.3333%;
  }

  .xl-offset-8 {
    margin-left: 66.6666%;
  }

  .xl-offset-9 {
    margin-left: 75%;
  }

  .xl-offset-10 {
    margin-left: 83.3333%;
  }

  .xl-offset-11 {
    margin-left: 91.6666%;
  }

  .xl-offset-12 {
    margin-left: 100%;
  }

  .xxl-order-1,
  .xxl-order-2,
  .xxl-order-3,
  .xxl-order-4,
  .xxl-order-5,
  .xxl-order-6,
  .xxl-order-7,
  .xxl-order-8,
  .xxl-order-9,
  .xxl-order-10,
  .xxl-order-11,
  .xxl-order-12,
  .xxl-order-last {
    order: initial;
  }

  .xl-order-1 {
    order: -1;
  }

  .xl-order-2 {
    order: 2;
  }

  .xl-order-3 {
    order: 3;
  }

  .xl-order-4 {
    order: 4;
  }

  .xl-order-5 {
    order: 5;
  }

  .xl-order-6 {
    order: 6;
  }

  .xl-order-7 {
    order: 7;
  }

  .xl-order-8 {
    order: 8;
  }

  .xl-order-9 {
    order: 9;
  }

  .xl-order-10 {
    order: 10;
  }

  .xl-order-11 {
    order: 11;
  }

  .xl-order-12 {
    order: 12;
  }

  .xl-order-last {
    order: 99999999;
  }

  .xl-1,
  .grid .xl-1.center {
    width: 8.3333%;
  }

  .xl-2,
  .grid .xl-2.center {
    width: 16.6666%;
  }

  .xl-five {
    width: 20%;
  }

  .xl-3,
  .grid .xl-3.center {
    width: 22%;
  }

  .xl-4,
  .grid .xl-4.center {
    width: 33.3333%;
  }

  .xl-5,
  .grid .xl-5.center {
    width: 41.6666%;
  }

  .xl-6,
  .grid .xl-6.center {
    width: 50%;
  }

  .xl-7,
  .grid .xl-7.center {
    width: 58.3333%;
  }

  .xl-8,
  .grid .xl-8.center {
    width: 66.6666%;
  }

  .xl-9,
  .grid .xl-9.center {
    width: 75%;
  }

  .xl-10,
  .grid .xl-10.center {
    width: 83.3333%;
  }

  .xl-11,
  .grid .xl-11.center {
    width: 91.6666%;
  }

  .xl-12,
  .grid .xl-12.center {
    width: 100%
  }

  .grid .xl-1 {
    grid-column: span 1;
  }

  .grid .xl-2 {
    grid-column: span 2;
  }

  .grid .xl-3 {
    grid-column: span 3;
  }

  .grid .xl-4 {
    grid-column: span 4;
  }

  .grid .xl-5 {
    grid-column: span 5;
  }

  .grid .xl-6 {
    grid-column: span 6;
  }

  .grid .xl-7 {
    grid-column: span 7;
  }

  .grid .xl-8 {
    grid-column: span 8;
  }

  .grid .xl-9 {
    grid-column: span 9;
  }

  .grid .xl-10 {
    grid-column: span 10;
  }

  .grid .xl-11 {
    grid-column: span 11;
  }

  .grid .xl-12 {
    grid-column: span 12;
  }

  .grid .xl-row-1 {
    grid-row: span 1;
  }

  .grid .xl-row-2 {
    grid-row: span 2;
  }

  .grid .xl-row-3 {
    grid-row: span 3;
  }

  .grid .xl-row-4 {
    grid-row: span 4;
  }

  .grid .xl-row-5 {
    grid-row: span 5;
  }

  .grid .xl-row-6 {
    grid-row: span 6;
  }

  .grid .xl-row-7 {
    grid-row: span 7;
  }

  .grid .xl-row-8 {
    grid-row: span 8;
  }

  .grid .xl-row-9 {
    grid-row: span 9;
  }

  .grid .xl-row-10 {
    grid-row: span 10;
  }

  .grid .xl-row-11 {
    grid-row: span 11;
  }

  .grid .xl-row-12 {
    grid-row: span 12;
  }
}

@media screen and (max-width:1140px) {

  .hide-xxl,
  .hide-xl,
  .hide-m,
  .hide-s {
    display: initial !important;
  }

  .hide-l {
    display: none !important;
  }

  .size-960,
  .size-1140,
  .size-1280,
  .size-1520 {
    max-width: 1140px;
  }

  .xl-offset-1,
  .xl-offset-2,
  .xl-offset-five,
  .xl-offset-3,
  .xl-offset-4,
  .xl-offset-5,
  .xl-offset-6,
  .xl-offset-7,
  .xl-offset-8,
  .xl-offset-9,
  .xl-offset-10,
  .xl-offset-11,
  .xl-offset-12 {
    margin-left: 0;
  }

  .l-offset-1 {
    margin-left: 8.3333%;
  }

  .l-offset-2 {
    margin-left: 16.6666%;
  }

  .l-offset-five {
    margin-left: 20%;
  }

  .l-offset-3 {
    margin-left: 25%;
  }

  .l-offset-4 {
    margin-left: 33.3333%;
  }

  .l-offset-5 {
    margin-left: 41.6666%;
  }

  .l-offset-6 {
    margin-left: 50%;
  }

  .l-offset-7 {
    margin-left: 58.3333%;
  }

  .l-offset-8 {
    margin-left: 66.6666%;
  }

  .l-offset-9 {
    margin-left: 75%;
  }

  .l-offset-10 {
    margin-left: 83.3333%;
  }

  .l-offset-11 {
    margin-left: 91.6666%;
  }

  .l-offset-12 {
    margin-left: 100%;
  }

  .xl-order-1,
  .xl-order-2,
  .xl-order-3,
  .xl-order-4,
  .xl-order-5,
  .xl-order-6,
  .xl-order-7,
  .xl-order-8,
  .xl-order-9,
  .xl-order-10,
  .xl-order-11,
  .xl-order-12,
  .xl-order-last {
    order: initial;
  }

  .l-order-1 {
    order: -1;
  }

  .l-order-2 {
    order: 2;
  }

  .l-order-3 {
    order: 3;
  }

  .l-order-4 {
    order: 4;
  }

  .l-order-5 {
    order: 5;
  }

  .l-order-6 {
    order: 6;
  }

  .l-order-7 {
    order: 7;
  }

  .l-order-8 {
    order: 8;
  }

  .l-order-9 {
    order: 9;
  }

  .l-order-10 {
    order: 10;
  }

  .l-order-11 {
    order: 11;
  }

  .l-order-12 {
    order: 12;
  }

  .l-order-last {
    order: 99999999;
  }

  .l-1,
  .grid .l-1.center {
    width: 8.3333%;
  }

  .l-2,
  .grid .l-2.center {
    width: 16.6666%;
  }

  .l-five {
    width: 20%;
  }

  .l-3,
  .grid .l-3.center {
    width: 25%;
  }

  .l-4,
  .grid .l-4.center {
    width: 33.3333%;
  }

  .l-5,
  .grid .l-5.center {
    width: 41.6666%;
  }

  .l-6,
  .grid .l-6.center {
    width: 50%;
  }

  .l-7,
  .grid .l-7.center {
    width: 58.3333%;
  }

  .l-8,
  .grid .l-8.center {
    width: 66.6666%;
  }

  .l-9,
  .grid .l-9.center {
    width: 75%;
  }

  .l-10,
  .grid .l-10.center {
    width: 83.3333%;
  }

  .l-11,
  .grid .l-11.center {
    width: 91.6666%;
  }

  .l-12,
  .grid .l-12.center {
    width: 100%
  }

  .grid .l-1 {
    grid-column: span 1;
  }

  .grid .l-2 {
    grid-column: span 2;
  }

  .grid .l-3 {
    grid-column: span 3;
  }

  .grid .l-4 {
    grid-column: span 4;
  }

  .grid .l-5 {
    grid-column: span 5;
  }

  .grid .l-6 {
    grid-column: span 6;
  }

  .grid .l-7 {
    grid-column: span 7;
  }

  .grid .l-8 {
    grid-column: span 8;
  }

  .grid .l-9 {
    grid-column: span 9;
  }

  .grid .l-10 {
    grid-column: span 10;
  }

  .grid .l-11 {
    grid-column: span 11;
  }

  .grid .l-12 {
    grid-column: span 12;
  }

  .grid .l-row-1 {
    grid-row: span 1;
  }

  .grid .l-row-2 {
    grid-row: span 2;
  }

  .grid .l-row-3 {
    grid-row: span 3;
  }

  .grid .l-row-4 {
    grid-row: span 4;
  }

  .grid .l-row-5 {
    grid-row: span 5;
  }

  .grid .l-row-6 {
    grid-row: span 6;
  }

  .grid .l-row-7 {
    grid-row: span 7;
  }

  .grid .l-row-8 {
    grid-row: span 8;
  }

  .grid .l-row-9 {
    grid-row: span 9;
  }

  .grid .l-row-10 {
    grid-row: span 10;
  }

  .grid .l-row-11 {
    grid-row: span 11;
  }

  .grid .l-row-12 {
    grid-row: span 12;
  }
}

@media screen and (max-width:768px) {

  .size-960,
  .size-1140,
  .size-1280,
  .size-1520 {
    max-width: 768px;
  }

  .hide-xxl,
  .hide-xl,
  .hide-l,
  .hide-s {
    display: initial !important;
  }

  .hide-m {
    display: none !important;
  }

  nav {
    display: block;
    cursor: pointer;
    line-height: 3;
  }

  .top-nav li a {
    background: none repeat scroll 0 0 #1c3849;
  }

  .top-nav>ul {
    height: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 999;
  }

  .top-nav>ul.show-menu,
  .aside-nav.minimize-on-small>ul.show-menu {
    height: auto;
  }

  .top-nav ul ul {
    left: 0;
    margin-top: 0;
    position: relative;
    right: 0;
  }

  .top-nav li ul li a {
    min-width: 100%;
  }

  .top-nav li {
    float: none;
    list-style: none outside none;
    padding: 0;
  }

  .top-nav li a {
    color: #fff;
    display: block;
    padding: 1.25rem 0.625rem;
    text-align: center;
    text-decoration: none;
  }

  .top-nav li a:hover {
    background: none repeat scroll 0 0 #000000;

  }

  .top-nav li ul,
  .top-nav li ul li ul {
    display: block;
    overflow: hidden;
    height: 0;
  }

  .top-nav>ul ul.show-ul {
    display: block;
    height: auto;
  }

  .top-nav li ul li a {
    background: none repeat scroll 0 0 #2b4c61;
    padding: 0.625rem;
  }

  .top-nav li ul li ul li a {
    background: none repeat scroll 0 0 #456274;
  }

  .top-nav {
    position: fixed;
    top: 0;
    z-index: 10;
    left: -100%;
    width: 100% !important;
    bottom: 0;
    background: none repeat scroll 0 0 #1c3849;
    overflow-y: auto;
    transition: left 0.20s linear 0s;
    -o-transition: left 0.20s linear 0s;
    -ms-transition: left 0.20s linear 0s;
    -moz-transition: left 0.20s linear 0s;
    -webkit-transition: left 0.20s linear 0s;
  }

  body.show-menu {
    overflow: hidden;
  }

  .show-menu .top-nav {
    left: 0;
    right: 60px
  }

  .top-nav>ul {
    height: auto;
    overflow: auto;
    position: relative;
    top: 60px;
  }

  .nav-text {
    color: #fff;
    display: inline-block;
    margin-right: 0;
    width: auto;
    position: fixed;
    top: 0;
    left: 0;
    background: none repeat scroll 0 0 #1c3849;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    z-index: 50;
    padding-top: 15px;
  }

  .mobile-nav-right .top-nav {
    left: 100%;
    right: -100%;
  }

  .show-menu .mobile-nav-right .top-nav {
    left: 0;
    right: 0;
  }

  .mobile-nav-right .nav-text {
    margin-left: 0;
    top: 0;
    left: auto;
    right: 0;
  }

  .grid.margin2x {
    grid-column-gap: 20px;
  }

  .l-offset-1,
  .l-offset-2,
  .l-offset-five,
  .l-offset-3,
  .l-offset-4,
  .l-offset-5,
  .l-offset-6,
  .l-offset-7,
  .l-offset-8,
  .l-offset-9,
  .l-offset-10,
  .l-offset-11,
  .l-offset-12,
  .xl-offset-1,
  .xl-offset-2,
  .xl-offset-five,
  .xl-offset-3,
  .xl-offset-4,
  .xl-offset-5,
  .xl-offset-6,
  .xl-offset-7,
  .xl-offset-8,
  .xl-offset-9,
  .xl-offset-10,
  .xl-offset-11,
  .xl-offset-12,
  .xxl-offset-1,
  .xxl-offset-2,
  .xxl-offset-five,
  .xxl-offset-3,
  .xxl-offset-4,
  .xxl-offset-5,
  .xxl-offset-6,
  .xxl-offset-7,
  .xxl-offset-8,
  .xxl-offset-9,
  .xxl-offset-10,
  .xxl-offset-11,
  .xxl-offset-12 {
    margin-left: 0;
  }

  .m-offset-1 {
    margin-left: 8.3333%;
  }

  .m-offset-2 {
    margin-left: 16.6666%;
  }

  .m-offset-five {
    margin-left: 20%;
  }

  .m-offset-3 {
    margin-left: 25%;
  }

  .m-offset-4 {
    margin-left: 33.3333%;
  }

  .m-offset-5 {
    margin-left: 41.6666%;
  }

  .m-offset-6 {
    margin-left: 50%;
  }

  .m-offset-7 {
    margin-left: 58.3333%;
  }

  .m-offset-8 {
    margin-left: 66.6666%;
  }

  .m-offset-9 {
    margin-left: 75%;
  }

  .m-offset-10 {
    margin-left: 83.3333%;
  }

  .m-offset-11 {
    margin-left: 91.6666%;
  }

  .m-offset-12 {
    margin-left: 100%;
  }

  .l-order-1,
  .l-order-2,
  .l-order-3,
  .l-order-4,
  .l-order-5,
  .l-order-6,
  .l-order-7,
  .l-order-8,
  .l-order-9,
  .l-order-10,
  .l-order-11,
  .l-order-12,
  .l-order-last {
    order: initial;
  }

  .m-order-1 {
    order: -1;
  }

  .m-order-2 {
    order: 2;
  }

  .m-order-3 {
    order: 3;
  }

  .m-order-4 {
    order: 4;
  }

  .m-order-5 {
    order: 5;
  }

  .m-order-6 {
    order: 6;
  }

  .m-order-7 {
    order: 7;
  }

  .m-order-8 {
    order: 8;
  }

  .m-order-9 {
    order: 9;
  }

  .m-order-10 {
    order: 10;
  }

  .m-order-11 {
    order: 11;
  }

  .m-order-12 {
    order: 12;
  }

  .m-order-last {
    order: 99999999;
  }

  .m-1,
  .grid .m-1.center {
    width: 8.3333%;
  }

  .m-2,
  .grid .m-2.center {
    width: 16.6666%;
  }

  .m-five {
    width: 20%;
  }

  .m-3,
  .grid .m-3.center {
    width: 25%;
  }

  .m-4,
  .grid .m-4.center {
    width: 33.3333%;
  }

  .m-5,
  .grid .m-5.center {
    width: 41.6666%;
  }

  .m-6,
  .grid .m-6.center {
    width: 50%;
  }

  .m-7,
  .grid .m-7.center {
    width: 58.3333%;
  }

  .m-8,
  .grid .m-8.center {
    width: 66.6666%;
  }

  .m-9,
  .grid .m-9.center {
    width: 75%;
  }

  .m-10,
  .grid .m-10.center {
    width: 83.3333%;
  }

  .m-11,
  .grid .m-11.center {
    width: 91.6666%;
  }

  .m-12,
  .grid .m-12.center {
    width: 100%
  }

  .grid .m-1 {
    grid-column: span 1;
  }

  .grid .m-2 {
    grid-column: span 2;
  }

  .grid .m-3 {
    grid-column: span 3;
  }

  .grid .m-4 {
    grid-column: span 4;
  }

  .grid .m-5 {
    grid-column: span 5;
  }

  .grid .m-6 {
    grid-column: span 6;
  }

  .grid .m-7 {
    grid-column: span 7;
  }

  .grid .m-8 {
    grid-column: span 8;
  }

  .grid .m-9 {
    grid-column: span 9;
  }

  .grid .m-10 {
    grid-column: span 10;
  }

  .grid .m-11 {
    grid-column: span 11;
  }

  .grid .m-12 {
    grid-column: span 12;
  }

  .grid .m-row-1 {
    grid-row: span 1;
  }

  .grid .m-row-2 {
    grid-row: span 2;
  }

  .grid .m-row-3 {
    grid-row: span 3;
  }

  .grid .m-row-4 {
    grid-row: span 4;
  }

  .grid .m-row-5 {
    grid-row: span 5;
  }

  .grid .m-row-6 {
    grid-row: span 6;
  }

  .grid .m-row-7 {
    grid-row: span 7;
  }

  .grid .m-row-8 {
    grid-row: span 8;
  }

  .grid .m-row-9 {
    grid-row: span 9;
  }

  .grid .m-row-10 {
    grid-row: span 10;
  }

  .grid .m-row-11 {
    grid-row: span 11;
  }

  .grid .m-row-12 {
    grid-row: span 12;
  }
}

@media screen and (max-width:480px) {

  .size-960,
  .size-1140,
  .size-1280,
  .size-1520 {
    max-width: 480px;
  }

  .aside-nav li a {
    text-align: center;
  }

  .minimize-on-small .aside-nav-text {
    background: #152732 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    line-height: 3;
    max-width: 100%;
    padding-right: 0.625rem;
    text-align: center;
    vertical-align: middle;
  }

  .aside-nav-text:after {
    content: "\f008";
    font-family: "mfg";
    font-size: 1.1rem;
    margin-left: 0.5rem;
    text-align: right;
  }

  .aside-nav.minimize-on-small>ul {
    height: 0;
    overflow: hidden;
  }

  .hide-xxl,
  .hide-xl,
  .hide-l,
  .hide-m {
    display: initial !important;
  }

  .hide-s {
    display: none !important;
  }

  .count-number {
    margin-right: -1.25rem;
  }

  .m-offset-1,
  .m-offset-2,
  .m-offset-five,
  .m-offset-3,
  .m-offset-4,
  .m-offset-5,
  .m-offset-6,
  .m-offset-7,
  .m-offset-8,
  .m-offset-9,
  .m-offset-10,
  .m-offset-11,
  .m-offset-12,
  .l-offset-1,
  .l-offset-2,
  .l-offset-five,
  .l-offset-3,
  .l-offset-4,
  .l-offset-5,
  .l-offset-6,
  .l-offset-7,
  .l-offset-8,
  .l-offset-9,
  .l-offset-10,
  .l-offset-11,
  .l-offset-12,
  .xl-offset-1,
  .xl-offset-2,
  .xl-offset-five,
  .xl-offset-3,
  .xl-offset-4,
  .xl-offset-5,
  .xl-offset-6,
  .xl-offset-7,
  .xl-offset-8,
  .xl-offset-9,
  .xl-offset-10,
  .xl-offset-11,
  .xl-offset-12,
  .xxl-offset-1,
  .xxl-offset-2,
  .xxl-offset-five,
  .xxl-offset-3,
  .xxl-offset-4,
  .xxl-offset-5,
  .xxl-offset-6,
  .xxl-offset-7,
  .xxl-offset-8,
  .xxl-offset-9,
  .xxl-offset-10,
  .xxl-offset-11,
  .xxl-offset-12 {
    margin-left: 0;
  }

  .s-offset-1 {
    margin-left: 8.3333%;
  }

  .s-offset-2 {
    margin-left: 16.6666%;
  }

  .s-offset-five {
    margin-left: 20%;
  }

  .s-offset-3 {
    margin-left: 25%;
  }

  .s-offset-4 {
    margin-left: 33.3333%;
  }

  .s-offset-5 {
    margin-left: 41.6666%;
  }

  .s-offset-6 {
    margin-left: 50%;
  }

  .s-offset-7 {
    margin-left: 58.3333%;
  }

  .s-offset-8 {
    margin-left: 66.6666%;
  }

  .s-offset-9 {
    margin-left: 75%;
  }

  .s-offset-10 {
    margin-left: 83.3333%;
  }

  .s-offset-11 {
    margin-left: 91.6666%;
  }

  .s-offset-12 {
    margin-left: 100%;
  }

  .m-order-1,
  .m-order-2,
  .m-order-3,
  .m-order-4,
  .m-order-5,
  .m-order-6,
  .m-order-7,
  .m-order-8,
  .m-order-9,
  .m-order-10,
  .m-order-11,
  .m-order-12,
  .m-order-last {
    order: initial;
  }

  .s-order-1 {
    order: -1;
  }

  .s-order-2 {
    order: 2;
  }

  .s-order-3 {
    order: 3;
  }

  .s-order-4 {
    order: 4;
  }

  .s-order-5 {
    order: 5;
  }

  .s-order-6 {
    order: 6;
  }

  .s-order-7 {
    order: 7;
  }

  .s-order-8 {
    order: 8;
  }

  .s-order-9 {
    order: 9;
  }

  .s-order-10 {
    order: 10;
  }

  .s-order-11 {
    order: 11;
  }

  .s-order-12 {
    order: 12;
  }

  .s-order-last {
    order: 99999999;
  }

  .s-1,
  .grid .s-1.center {
    width: 8.3333%;
  }

  .s-2,
  .grid .s-2.center {
    width: 16.6666%;
  }

  .s-five {
    width: 20%;
  }

  .s-3,
  .grid .s-3.center {
    width: 25%;
  }

  .s-4,
  .grid .s-4.center {
    width: 33.3333%;
  }

  .s-5,
  .grid .s-5.center {
    width: 41.6666%;
  }

  .s-6,
  .grid .s-6.center {
    width: 50%;
  }

  .s-7,
  .grid .s-7.center {
    width: 58.3333%;
  }

  .s-8,
  .grid .s-8.center {
    width: 66.6666%;
  }

  .s-9,
  .grid .s-9.center {
    width: 75%;
  }

  .s-10,
  .grid .s-10.center {
    width: 83.3333%;
  }

  .s-11,
  .grid .s-11.center {
    width: 91.6666%;
  }

  .s-12,
  .grid .s-12.center {
    width: 100%
  }

  .grid .s-1 {
    grid-column: span 1;
  }

  .grid .s-2 {
    grid-column: span 2;
  }

  .grid .s-3 {
    grid-column: span 3;
  }

  .grid .s-4 {
    grid-column: span 4;
  }

  .grid .s-5 {
    grid-column: span 5;
  }

  .grid .s-6 {
    grid-column: span 6;
  }

  .grid .s-7 {
    grid-column: span 7;
  }

  .grid .s-8 {
    grid-column: span 8;
  }

  .grid .s-9 {
    grid-column: span 9;
  }

  .grid .s-10 {
    grid-column: span 10;
  }

  .grid .s-11 {
    grid-column: span 11;
  }

  .grid .s-12 {
    grid-column: span 12;
  }

  .grid .s-row-1 {
    grid-row: span 1;
  }

  .grid .s-row-2 {
    grid-row: span 2;
  }

  .grid .s-row-3 {
    grid-row: span 3;
  }

  .grid .s-row-4 {
    grid-row: span 4;
  }

  .grid .s-row-5 {
    grid-row: span 5;
  }

  .grid .s-row-6 {
    grid-row: span 6;
  }

  .grid .s-row-7 {
    grid-row: span 7;
  }

  .grid .s-row-8 {
    grid-row: span 8;
  }

  .grid .s-row-9 {
    grid-row: span 9;
  }

  .grid .s-row-10 {
    grid-row: span 10;
  }

  .grid .s-row-11 {
    grid-row: span 11;
  }

  .grid .s-row-12 {
    grid-row: span 12;
  }
}

.grid .s-1,
.grid .s-2,
.grid .s-five,
.grid .s-3,
.grid .s-4,
.grid .s-5,
.grid .s-6,
.grid .s-7,
.grid .s-8,
.grid .s-9,
.grid .s-10,
.grid .s-11,
.grid .s-12,
.grid .m-1,
.grid .m-2,
.grid .m-five,
.grid .m-3,
.grid .m-4,
.grid .m-5,
.grid .m-6,
.grid .m-7,
.grid .m-8,
.grid .m-9,
.grid .m-10,
.grid .m-11,
.grid .m-12,
.grid .l-1,
.grid .l-2,
.grid .l-five,
.grid .l-3,
.grid .l-4,
.grid .l-5,
.grid .l-6,
.grid .l-7,
.grid .l-8,
.grid .l-9,
.grid .l-10,
.grid .l-11,
.grid .l-12,
.grid .xl-1,
.grid .xl-2,
.grid .xl-five,
.grid .xl-3,
.grid .xl-4,
.grid .xl-5,
.grid .xl-6,
.grid .xl-7,
.grid .xl-8,
.grid .xl-9,
.grid .xl-10,
.grid .xl-11,
.grid .xl-12,
.grid .xxl-1,
.grid .xxl-2,
.grid .xxl-five,
.grid .xxl-3,
.grid .xxl-4,
.grid .xxl-5,
.grid .xxl-6,
.grid .xxl-7,
.grid .xxl-8,
.grid .xxl-9,
.grid .xxl-10,
.grid .xxl-11,
.grid .xxl-12 {
  float: none;
  width: auto;
}

.center {
  float: none;
  margin: 0 auto;
  display: block;
}

.grid .center {
  justify-self: center;
  margin: auto;
  grid-column: 1 / -1;
}

.grid .grid {
  padding: 0;
  width: 100%;
}

#map {
  z-index: 1;
}
.containercnt .containercntr p{
color:black;
}
@media (min-width: 1250px) and (max-width: 1600px) {
  .top-nav li a {
    color: #fff;
    font-weight: 400;
    padding: 0.5rem 0.6rem !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    font-size: 0.9rem !important;
  }
}


@media (min-width: 1200px) and (max-width: 1780px) {





  .colsTHOUGHT {
    /* margin: 8% 0%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'poppins', sans-serif;
    -ms-flex-wrap: wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .legvvvv {
    color: #000;
    font-size: large;
    font-family: 'poppins', sans-serif;
    padding: 0% 6%;
    text-align: justify !important;
    margin-top: 0% !important;

    font-size: large;
    font-family: 'poppins', sans-serif;
    padding: 0% 6%;
    text-align: justify !important;
  }

  .line {
    position: relative;
    z-index: 2;

    padding: 20px;
  }

  /* .line {
    position: relative;
    margin-bottom: 50%;
  } */
  .mainytvdo {
    display: flex;
    justify-content: center  !important;
    /* Horizontally centers the content */
    align-items: center;
    /* Vertically centers the content */
    height: 100vh !important;
    /* Ensures the section takes full viewport height */
    text-align: center;
    /* Centers any inline content (like the image) */
  }

  .mainytvdo img {
    max-width: 100%;
    /* Make sure the image is responsive */
    height: auto;

  }


}


@media (min-width: 969px) and (max-width: 1199px) {



  .legvvvv {
    color: rgb(0, 0, 0);
    font-size: large;
    font-family: 'poppins', sans-serif;
    padding: 0% 6%;
    text-align: justify !important;
    margin-top: 16% !important;
    color: rgb(0, 0, 0);
    font-size: large;
    font-family: 'poppins', sans-serif;
    padding: 0% 6%;
    text-align: justify !important;
  }

  .containerlegacy .button {

    margin-left: 0 3%;
    width: 4rem;
    cursor: pointer;
    margin-bottom: 5%;
    /* margin-top: 16%; */

  }

  .size-1280 .line {
    margin: 0 5%;

    position: relative;
    z-index: 2;

    padding: 20px;

  }

  .list-check-circle.primary li {
    border: 2px solid #fff;
    padding: 9px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    background-color: transparent;
    text-align: left;
    max-width: 90% !important;
  }






}


@media (min-width:700px) and (max-width: 968px) {}








@media (max-width: 749px) {
  .size-1280 .line {
    margin: 0 auto;

    padding: 0  !important;
  }

  .line {
    position: relative;
    margin-bottom: 50%;
    z-index: 2;
  }

  .Aboutusboth .AboutusWeb {
    /* content: url('https://24mediafilms.com/victoryprenewofficial/AboutusMob.jpg'); */
    content: url('https://24mediafilms.com/victoryprecisionsfinal/About\ us\ Mobile-01.png');
  }

  .mainytvdo img {
    width: 100%;
    max-width: 35% !important;
    ;
    position: absolute;
    top: 90% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }

  .main {
    width: 100%;
    height: 150vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    flex-direction: column;
  }

  .profile-card {
    position: relative;
    font-family: 'poppins', sans-serif;
    width: 220px;
    height: 220px;
    background: #fff;
    padding: 30px;
    border-radius: 50%;
    box-shadow: 0 0 22px #3336;
    transition: .6s;
    margin: 25px 25px !important;
  }

  .profile-card .img {
    position: relative;
    width: 100%;
    height: 100%;
    transition: .6s;
    z-index: 99;
  }

  .caption {

    transform: translateY(-210px) !important;
    opacity: 0;
    transition: .6s;
  }

  .ktp-card-container {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .ktp-card {
    width: 100% !important;
    padding: 20px;
    border: 2px solid #000000;
    background-color: #fff;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    opacity: 0;
  }

  .ktp-row {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 100%;
    flex-direction: column;
  }



























  .text-right {
    text-align: left !important;
    width: 100% !important;
  }

  .button-wrapper {
    display: flex;
    justify-content: space-evenly !important;
    ;
    color: #fff;
  }

  .button-wrapper a {

    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff !important;
    padding: 10px 10px !important;
  }


  .margin2x {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    gap: 20px;
    flex-direction: column;
    padding: 0%;
  }


  .wrapperTHOUGHT {

    height: auto !important;
  }

  article {
    display: flex;
    width: 700% !important;
    animation: bannermove 20s linear infinite;
  }



  .section-head {
    padding: 0 !important;
  }

  .text-extra-strong {
    font-weight: 700;
    text-align: left;
  }









  .containerlegacy {
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
    /* background-image: url(https://24mediafilms.com/victoryprenewofficial/famebck.jpg) !important; */
    background-color: white;
    background-image: none !important;
    /* Remove background image */

    width: 100%;
    min-height: 37vh;
    height: 65rem !important;
  }


  .containerlegacy .button {

    width: 1rem;


    justify-content: center;
    display: flex;

  }

  .containerlegacy .button i {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border-radius: 27px;
    color: #fff !important;
    display: inline-block;
    font-size: 1.8rem;
    height: 27px;
    line-height: 27px;
    margin-right: 5px;
    width: 27px;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;


  }

  .containerlegacy .cards-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    height: auto;
    margin: 0%;

  }

  .legvvvv {
    margin-top: 0% !important;
    color: rgb(0, 0, 0);

    font-family: 'poppins', sans-serif;
    padding: 0% 6%;
    text-align: justify !important;

  }

  .containerlegacy .cards__container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15rem;
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 170vh;
    padding: 0 !important;
  }

  .containerlegacy .box {
    width: 10rem;
    height: 11rem;
    box-shadow: 0px 0px 2rem 0px #888888;
    background-color: #E6DCC7;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    overflow: hidden;
    border-radius: 5px;
    transition: background 0.3s ease;
    border: 6px solid #c2aa7c;
    background: none repeat scroll 0 0 #fff;
    padding: 1.25rem;
  }

  .move-to-position1-from-left {
    animation: moveToP1Left 0.5s ease-in-out;
  }


  /* Center box scaling and visibility adjustments */
  .containerlegacy .box:nth-child(3) {
    transform: scale(1.1);
    z-index: 1;
  }

  /* Side boxes slightly visible */
  .containerlegacy .box:nth-child(2),
  .containerlegacy .box:nth-child(4) {
    transform: scale(0.85);
    opacity: 0.8;
  }




























  .containerlegacy .button {

    width: 1rem !important;
    cursor: pointer;

  }




  article ul li .overlay-info {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%) !important;
    color: white;
    padding: 10px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 1em;
    font-family: 'poppins', sans-serif;
    /* background: linear-gradient(45deg, #f9be4d, #e4572d); */
    background-color: #000000;
    z-index: 1;
    border: 2px solid #ffffff;
    padding: 10px;
    justify-content: space-between;
    height: fit-content;
    width: 90%;
  }





  .nav-text::after,
  .nav-text::before,
  .nav-text span {
    background-color: #fff;
    border-radius: 3px;
    content: '';
    display: block;
    height: 3px;
    margin: 6px auto;
    width: 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;

  }


}

@media (max-width: 480px) {
  .list-check-circle.primary li {
    border: 2px solid #fff;
    padding: 9px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    background-color: transparent;
    text-align: left;
    max-width: 100% !important;
  }

  .list-check-circle.primary {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'poppins', sans-serif;
    flex-direction: column;


  }

  .ktp-row {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 100%;
    flex-direction: column;
  }

  .ktp-container {
    display: flex;
    width: 100%;
     background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: center;
    flex-direction: column;
    padding: 20px 20px;
    margin-bottom: 1%;
    align-items: stretch;
    height: 100% !important;
    padding: 0;
  }

.cert-image-container1 {
  display: flex;
  gap: 20px;
  padding: 2%;
  background-color: white;
  flex-direction: column;
}

  /* for certificates */
  .card-container {
    display: flex;
    justify-content: space-evenly;
    gap: 58px !important;
    padding: 20px;
    width: 100%;
    background-color: #dbdbdb;
    height: 100%;
    flex-direction: column !important;
  }

  .card-container .card {
    height: 560px;
    width: 360px;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: all 0.4s;
    background-size: cover;
    background-image: url('/cert/Cert1.jpg');
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }

  .category-buttons {

    gap: 20px;
    margin: 20px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    display: grid;

  }

  .line {
    position: relative;
    margin-bottom: 50%;
  }



  .caption {
    text-align: center;
    transform: translateY(-210px) !important;
    opacity: 0;
    transition: .6s;
  }

  .containerlegacy .cards__container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15rem;
    overflow: hidden;
    position: relative;
    z-index: 10;
    width: 170vh;
    padding: 0 !important;
  }

  .containerlegacy .box {
    width: 10rem;
    height: 11rem;
    box-shadow: 0px 0px 2rem 0px #888888;
    background-color: #E6DCC7;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    overflow: hidden;
    border-radius: 5px;
    transition: background 0.3s ease;
    border: 6px solid #c2aa7c;
    background: none repeat scroll 0 0 #fff;
    padding: 1.25rem;
  }

  .containerlegacy .button {
    width: 1rem;
    justify-content: center;
    display: flex;
    margin-top: -65% !important;
  }






/*.lightboxmainytvdo{*/
/*      display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  height: 60vh !important;*/
/*  text-align: center;*/
/*  }*/
  .mainytvdo img {
    width: 100%;
    max-width: 80% !important;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }


  .button-wrapper a {
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff !important;
    padding: 7px 6px !important;
  }

  .card-container .card:hover {
    transform: scale(1.03);
  }

  .highlight-container {
    display: flex;
    width: 80%;
    justify-content: space-between;
    flex-direction: column !important;
  }

  .highlight-left {
    width: 90% !important;
  }

  .aboutvalue .calltxthvrog {
    font-size: 25px !important;

  }

  .aboutblood .calltxthvrog {
    font-size: 40px !important;

  }


  .aboutenqry {
    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 20px;

    background-image: url(https://24mediafilms.com/victoryprecisionsfinal//images/001mob.jpg);

    background-size: cover;

    background-position: center;

    height: 100%;

    width: 100%;

    flex-direction: column !important;

  }
  .enqryleft-side {
    width: 90% !important;
  }
  .enqryright-side {
    width: 100% !important;margin: 2%;
  }
  .aboutvalue {
    background-image: url(https://24mediafilms.com/victoryprecisionsfinal//marketing-success-goal-plan\ verticlemob.png) !important;
    background-size: cover !important;
    background-position: center !important;
    /* height: 115vh !important; */
  }
  .aboutblood {
    background-image: url(https://24mediafilms.com/victoryprecisionsfinal//Bloodaboutmob.png) !important;
    background-size: cover;
    background-position: center;
    /* height: 95vh; */
  }
  .castingdesign .calltxthvrog {

    color: white;
  font-size: 25px !important;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  text-align: center !important;
  margin: 2% 0% 4% 0% !important;
  font-family: 'poppins', sans-serif;
  }
  .about-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    background-color: white;
    padding: 2%;
    flex-direction: column !important;
  }
  .highlight-container {
    display: flex;
    width: 95% !important;
    justify-content: space-between;
  }
  .aboutblood {
    background-image: url(https://24mediafilms.com/victoryprecisionsfinal//Bloodabout.png);
    background-size: cover;
    background-position: center;
    height: 105vh !important;
  }
  .castingimage-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 20px;

    width: 100%;
  }
  .cmm-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    background-image: url();
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    flex-direction: column;
  }
  .cmm-hero-image {
    position: relative;
    width: 100%;
    margin-top: 12%;
    width: 100% !important;
  }

  .cmm-certifications {
    background-image: url('/castback.webp');
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
      background-position-y: center;
    color: white;
    flex-direction: column;height: 100% !important;
  }
  .cmm-sustainability {
    background-image: url('/castback.webp');
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
      background-position-y: center;

    color: white;
    flex-direction: column;height: 100% !important;
  }

  .cmm-certification-item {
    text-align: center;
    width: 100% !important;
    animation: fadeIn 2s ease-in-out;
  }


  .cmm-sustainability-item {
    text-align: center;
    width: 100% !important;
    animation: fadeIn 2s ease-in-out;
  }
  

}

@media (max-width: 400px) {
  .button-wrapper a {
    /* You can adjust styles as needed for smaller screens */
    padding: 10px 8px !important;
    /* Example: increase padding for better touch target */
    font-size: 14px;
    /* Example: adjust font size */
    color: #ffffff !important;
    /* Ensure color remains white */
    /* Add any other adjustments needed for smaller screens */
  }
}







 /* casting page  --------------------------------------------------------------------------------------------- */

 
.cstn-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  /* width: 90%;
  max-width: 1200px; */
  margin: 2%;
}

.cstn-left-column {
  flex: 1;
  padding: 20px;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);max-width: 30%;color: #000;font-size: 16px;
  line-height: 1.6;
  height: fit-content;
  margin-top: 20%;

}

.cstn-left-column ul {
  list-style-type: none;
}

.cstn-left-column ul li {
  margin-bottom: 10px;
  font-size: 23px;
  line-height: 2;
}

.cstn-right-column {
  flex: 1;
}

.cstn-image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.cstn-image-grid img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 420px) {
  .cstn-container {
      flex-direction: column;
      gap: 0;
  }

  .cstn-right-column {
      margin-top: 20px;
  }

  .cstn-image-grid {
      grid-template-columns: 1fr;
  }

  .cstn-left-column {
    max-width: 100%; padding: 20px;
  }
}



/* 
.precision-machining {
  padding: 40px;
  background-color: #fff;
  text-align: center;
  max-width: 100%;
  margin: auto;
}


.precision-machining h2 {
  font-size: 36px;
  margin-bottom: 20px;
}


.machinery {
  display: flex;
  justify-content: space-around;
  gap: 30px;
  margin-top: 30px;
  flex-wrap: wrap;
}


.machine-card {
  position: relative;
  width: 30%;
  height: auto;
  background: #242424;
  color: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  opacity: 0; 
  transform: translateX(-100%); 
  animation: slideIn 1s ease-out forwards;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 1s ease, transform 1s ease;
}


.machine-card:nth-child(1) {
  animation-delay: 0s;
}

.machine-card:nth-child(2) {
  animation-delay: 0.7s;
}

.machine-card:nth-child(3) {
  animation-delay: 1.5s;
}


.machine-card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center;      
  text-align: center;
  padding: 20px;
}


.machine-card .card-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
  transition: opacity 0.3s ease;
}


.machine-card .card-details {
  opacity: 0; 
  transform: translateY(20px); 
  transition: opacity 0.4s ease, transform 0.4s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}


.machine-card .card-details img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 10px;
}


.machine-card .card-details p {
  font-size: 14px;
  line-height: 1.6;
}


.machine-card:hover .card-details {
  opacity: 1;
  transform: translateY(0); 
}

.machine-card:hover h3 {
  opacity: 0; 
}


@keyframes slideIn {
  0% {
      transform: translateX(-100%); 
      opacity: 0;
  }
  100% {
      transform: translateX(0); 
      opacity: 1;
  }
}


@media (max-width: 768px) {
  .machinery {
      flex-direction: column;
      align-items: center;
  }
}

@media (max-width: 420px) {
  .machine-card {
      width: 90%;
      margin-bottom: 20px;
  }
}
 */
/* Main section styling */
.precision-machining {
  padding: 40px;
  background-color: #fff;
  text-align: center;
  max-width: 100%;
  margin: auto;
}

/* Section title */
.precision-machining h2 {
  font-size: 36px;
  margin-bottom: 20px;
}

/* Machinery card container */
.machinery {
  display: flex;
  justify-content: space-around;
  gap: 30px;
  margin-top: 30px;
  flex-wrap: wrap;
}

/* Individual machine card styling */
.machine-card {
  position: relative;
  width: 30%;
  height: auto;
  background: #242424;
  color: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  opacity: 1; /* Cards are visible by default */
  transform: translateX(0); /* No need to animate from off-screen */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 1s ease, transform 1s ease;
}

/* Card content styling */
.machine-card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: center;  /* Vertically center the content */
  align-items: center;      /* Horizontally center the content */
  text-align: center;
  padding: 20px;
}

/* Title styling inside card-content */
.machine-card .card-content h3 {
  font-size: 19px;
  margin-bottom: 10px;
  transition: opacity 0.3s ease;
}

/* Card details (no animation for reveal) */
.machine-card .card-details {
  opacity: 1; /* Details are visible by default */
  transform: translateY(0); /* No sliding effect */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Image styling inside the card */
.machine-card .card-details img {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 10px;
}

/* Full text details below the image */
.machine-card .card-details p {
  font-size: 14px;
  line-height: 1.6;
}

/* Reveal details when card is hovered */
.machine-card:hover .card-details {
  opacity: 1;
  transform: translateY(0); /* No change to translateY value */
}

.machine-card:hover h3 {
  
}

/* Responsive styling */
@media (max-width: 768px) {
  .machinery {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 420px) {
  .machine-card {
    width: 90%;
    margin-bottom: 20px;
  }
}







/* Add this CSS to achieve the parallax effect */
.parallax-container {
  position: relative;
  overflow: hidden;
}

.parallax-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/thoughtp.jpg'); /* replace with your desired image */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: -1;
  will-change: transform;
}

/* Ensure other content remains visible above the background */
.content-section {
  position: relative;
  z-index: 1;
}

.parallax-scroll {
  position: relative;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.5); /* Add background for text contrast */
  color: white;
  z-index: 1;
}

.machinery {
  position: relative;
  z-index: 1;
}













/* Hero Section */
.cmm-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  /* background-color: black; */
  background-image: url();
  background-size: contain; /* Ensures the entire image fits within the container */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-position: center; /* Centers the image within the container */
  color: white; background-color: #ffffff;
}

.cmm-hero-text h1 {
  font-size: 2.5em;
  font-weight: bold;
}

.cmm-hero-text p {
  font-size: 1.2em;
}

.cmm-hero-image {
  position: relative;  /* Make the container relative for absolute positioning of button */
  width: 50%;
}

.cmm-hero-image img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}

.cmm-hero-btn {
  /* position: absolute;
  bottom: 20px;  
  left: 10%;
  transform: translateX(-50%);  */
  padding: 10px 20px;
  background-color: #ff5317;
  color: white;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.cmm-hero-btn:hover {
  background-color: #ff5317;
}

/* Certifications Section */
.cmm-certifications {
  display: flex;
  justify-content: space-around;
  padding: 50px 0;
  background-color: #fff;
}

.cmm-certification-item {
  text-align: center;
  width: 30%;
  animation: fadeIn 2s ease-in-out;
}

.cmm-certification-item img {

  margin-bottom: 20px;
}

.cmm-certification-item h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
  color: #fff;
}

.cmm-certification-item p {
  font-size: 1em;
}

/* Sustainability Section */
.cmm-sustainability {
  display: flex;
  justify-content: space-around;
  padding: 50px 0;
  background-color: #e0e0e0;
}

.cmm-sustainability-item {
  text-align: center;
  width: 30%;
  animation: fadeIn 2s ease-in-out;
}

.cmm-sustainability-item img {
  
  margin-bottom: 20px;
}

.cmm-sustainability-item h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
  color: #fff;
}

.cmm-sustainability-item p {
  font-size: 1em;
}

/* Footer */
.cmm-footer {
  text-align: center;
  background-color: #002b36;
  color: white;
  padding: 20px;
}

/* Animation */
@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}






/* General section styles */
.cmm-certifications, .cmm-sustainability {
  padding: 80px 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);  /* Slight overlay to make text stand out */
  position: relative;
}

/* Parallax Background for certifications section */
.cmm-certifications {
  /* background-image: url('https://24mediafilms.com/victoryprecisionsfinal/castback.webp');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center; */
  height: auto; /* Adjust the height as needed */
  color: rgb(0, 0, 0);
  background-color: white;
}

/* Parallax Background for sustainability section */
.cmm-sustainability {
  /* background-image: url('https://24mediafilms.com/victoryprecisionsfinal/castback.webp');
  background-size: cover;
  background-attachment: fixed;
  background-position: center center; */
  height: auto; /* Adjust the height as needed */
  color: rgb(0, 0, 0); background-color: white;
}

/* Styling the items */
.cmm-certification-item, .cmm-sustainability-item {
  margin: 8px;
  text-align: center;
  background-color:#f4f4f4; /* Slight background to enhance readability */
  border-radius: 10px;
  padding: 20px;
  position: relative;
  z-index: 5; /* Ensure text is on top */
}

.cmm-certification-item img, .cmm-sustainability-item img {
  width: 100%;
  max-height:  100%;
  object-fit: cover;
  border-radius: 5px;
}

.cmm-certification-item h3, .cmm-sustainability-item h3 {
  font-size: 1.5em;
  margin: 15px 0;
   color: rgb(0, 0, 0);
}

.cmm-certification-item p, .cmm-sustainability-item p {
  font-size: 1em;
  margin: 10px 0;
  text-align: left;
}






/* For screens 760px and below (tablets and smaller devices) */
@media (max-width: 760px) {

  /* Hero Image Section */
  .cmm-hero-image {
    width: 100%; /* Full width for smaller screens */
  }

  .cmm-hero-text h1 {
    font-size: 2em; /* Adjust font size for header */
  }

  .cmm-hero-text p {
    font-size: 1.1em; /* Adjust font size for paragraph */
  }

  .cmm-certifications, .cmm-sustainability {
    flex-direction: column; /* Stack items vertically */
    padding: 40px 0; /* Reduce padding */
  }

  .cmm-certification-item, .cmm-sustainability-item {
    width: 80%; /* Make items occupy more space */
    margin-bottom: 20px; /* Add spacing between items */
  }

  .cmm-certification-item h3, .cmm-sustainability-item h3 {
    font-size: 1.4em; /* Adjust font size for headers */
  }

  .cmm-certification-item p, .cmm-sustainability-item p {
    font-size: 0.9em; /* Adjust font size for paragraph */
  }

  /* Button adjustments */
  .cmm-hero-btn {
    padding: 12px 25px; /* Increase padding for touch screen devices */
    font-size: 1.2em; /* Increase font size */
  }
}

/* For screens 420px and below (smaller phones) */
@media (max-width: 420px) {

  /* Hero Text Adjustments */
  .cmm-hero-text h1 {
    font-size: 1.8em; /* Further decrease font size for smaller screens */
  }

  .cmm-hero-text p {
    font-size: 1em; /* Reduce font size for smaller screens */
  }

  /* Hero Image Section */
  .cmm-hero-image {
    width: 100%;
    max-height: 300px; /* Limit the image height for smaller screens */
  }

  .cmm-hero-btn {
    padding: 10px 20px; /* Smaller padding for smaller screens */
    font-size: 1em; /* Smaller font size */
  }

  /* Certifications and Sustainability sections */
  .cmm-certifications, .cmm-sustainability {
    padding: 30px 0; /* Reduce padding */
  }

  .cmm-certification-item, .cmm-sustainability-item {
    width: 100%; /* Full width for items */
    margin-bottom: 15px; /* Less spacing between items */
    margin: 0px  0px 15px  0px;
  }

  .cmm-certification-item h3, .cmm-sustainability-item h3 {
    font-size: 1.3em; /* Decrease header size for mobile */
  }

  .cmm-certification-item p, .cmm-sustainability-item p {
    font-size: 0.8em; /* Decrease paragraph text size */
  }

  /* Footer Adjustments */
  .cmm-footer {
    padding: 15px 0;
    font-size: 0.9em; /* Smaller text in footer */
  }
}

/* Style for the container */
.cert-image-container1 {
  display: flex;
  gap: 20px; /* Adjusts the space between the two images */
  padding: 2%;
  background-color: white; 
}

/* Style for each image item */
.cert-image-item {
  position: relative;
  width: 100%;  /* Adjust this as per your requirement */
 
}

/* Make sure images fill their container */
.cert-image-item img {
  width: 100%;
  height: auto;
  display: block;
}

/* Style for the name text, hidden by default */
.cert-image-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color:black;
  color: white;
  padding: 5px;
  opacity: 0; /* Hidden by default */
  transition: opacity 0.3s ease;
}

/* Show the name text when hovering */
.cert-image-item:hover .cert-image-name {
  opacity: 1;
}















































.content-section {
  /* max-width: 1200px; */
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  background-color: #f0f0f0;
  padding: 1%;
}

.content-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  animation: fadeIn 1s ease-in-out forwards;
}

.content-img {
  width: 40%;
  opacity: 0;
  transform: translateX(-50%);
  animation: slideInLeft 1s ease-in-out forwards;
}

.text-content {
  width: 55%;
  opacity: 0;
  transform: translateX(50%);
  animation: slideInRight 1s ease-in-out forwards;
}

.content-heading {
  font-size: 2rem;
  margin-bottom: 10px;
}

.content-paragraph {
  font-size: 1.2rem;
  color: #333;
}

/* Animation keyframes */
@keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

@keyframes slideInLeft {
  0% {
      opacity: 0;
      transform: translateX(-100%);
  }
  100% {
      opacity: 1;
      transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
      opacity: 0;
      transform: translateX(100%);
  }
  100% {
      opacity: 1;
      transform: translateX(0);
  }
}

/* Responsive design */
@media (max-width: 768px) {
  .content-img {
      width: 100%;
      margin-bottom: 20px;
  }

  .text-content {
      width: 100%;
      text-align: center;
  }

  .content-heading {
      font-size: 1.8rem;
  }

  .content-paragraph {
      font-size: 1rem;
  }
}



/* CTA Section Styling */
.cta-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 70vh;
  background: url('https://24mediafilms.com/victoryprecisionsfinal//Footer-01.png') no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 0 50px;
}

.cta-section  .content {
  max-width: 500px;
}

.cta-section  h2 {
  font-size: 36px;
  margin-bottom: 10px;
}

.cta-section  p {
  font-size: 18px;
  margin-bottom: 20px;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 25px;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  color: white;
  text-decoration: none;
  border-radius: 25px;
  transition: transform 0.3s ease-in-out, color 0.3s;
  position: relative;
}

.cta-btn .arrow {
  margin-left: 10px;
  font-size: 20px;
  transition: transform 0.3s ease;
}

.cta-btn:hover {
  transform: translateX(10px);
  color: #fff;
  background-color: #000;
}

.cta-btn:hover .arrow {
  transform: translateX(5px);
}

.cta-btn:focus {
  outline: none;
}







.full-content {
  display: none;
}

.read-more {
  color: #ff5317;
  cursor: pointer;
}