* {
  font-family: "Roboto", sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.border-red {
  border: 1px solid red !important;
}
::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(128, 128, 128, 0.333);
  border-radius: 5px;
}
.Contact-Layout img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: 200px;
}
.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.container {
  max-width: 1164px;
  margin: auto;
}
.header-top {
  background-color: #ef9e3d;
  height: 48px;
}
.header-top a {
  color: white;
  text-decoration: none;
  font-size: 14px;
}
.header-bottom {
  position: relative;
  background-color: white;
  height: 80px;
  padding: 0 15px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, .15);
  z-index: 100;
}
.header-bottom a {
  text-transform: uppercase;
}
.header-bottom .logo-header {
  width: 202px;
}
.header-bottom .menu-header-lv1 {
  display: flex;
  margin: 0;
  list-style-type: none;
}
.header-bottom-sticky {
  position: fixed;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  top: 0px;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1 {
  transition: 0.2s all ease-in-out;
  position: relative;
  padding: 10px;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1::after {
  content: '';
  display: block;
  opacity: 0;
  width: 70%;
  position: absolute;
  left: 0;
  bottom: 3px;
  height: 3px;
  background-color: #ef9e3d;
  transition: 0.3s all ease-in-out;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1 a.item-menu-header-lv1 {
  text-decoration: none;
  color: #54595f;
  fill: #54595f;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.3s all ease-in-out;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1 a.item-menu-header-lv1 i {
  padding-left: 8px;
  transform: translateY(-4px);
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1.active a.item-menu-header-lv1 {
  color: #ef9e3d;
  fill: #ef9e3d;
  
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1.active {
  color: #ef9e3d;
  fill: #ef9e3d; 
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1.active::after {
  content: '';
  display: block;
  width: 100%;
  opacity: 1;
  position: absolute;
  left: 0;
  bottom: 3px;
  height: 3px;
  background-color: #ef9e3d;
  
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1:hover a.item-menu-header-lv1{
  color: #ef9e3d;
}

.header-bottom .menu-header-lv1 li.list-menu-header-lv1 .menu-header-lv2 {
  display: none;
  background-color: #f2f2f2;
  position: absolute;
  top: 100%;
  left: 0;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1:hover .menu-header-lv2 {
  display: block;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1 .menu-header-lv2 .list-menu-header-lv2 {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1 .menu-header-lv2 .list-menu-header-lv2 .item-menu-header-lv1 a {
  text-decoration: none;
  color: rgb(84, 89, 95);
  display: block;
  padding: 13px 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  transition: 0.2s ease-in-out all;
}
.header-bottom .menu-header-lv1 li.list-menu-header-lv1 .menu-header-lv2 .list-menu-header-lv2 .item-menu-header-lv1 a:hover {
  background-color: #e6e6e6;
  color: #ef9e3d;
}
.color-green {
  color: rgb(0, 206, 27);
}

.header-bottom .menu-header-lv1 li.list-menu-header-lv1:hover::after{
  opacity: 1;
  width: 100%;
}
.header-bottom .INQUIRE {
  display: flex;
  justify-content: center;
}
.header-bottom .INQUIRE .button {
  color: white;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
  background-color: #e18d14;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, .12);
  padding: 12px 24px;
  border: none;
  outline: none;
}
.banner-contact .banner-video{
  max-height: 608px;
}
.banner-contact .elementor-element-populated {
  max-width: 399px !important;
}
.banner-contact .elementor-element-populated h6 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.25em;
  margin-bottom: 0 !important;
  font-size: 16px;
  font-weight: 600;
}
.banner-contact .elementor-element-populated h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  padding-bottom: 35px !important;
  margin-bottom: 0 !important;
}
.banner-contact .elementor-element-populated p {
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 500;
}
.header-bottom .menu-mobile {
  display: none;
  position: absolute;
  top: 100%;
  left: -15px;
  width: 100vw;
  background-color: rgb(242, 242, 242);
}
.header-bottom .menu-mobile a {
  text-transform: uppercase;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 .item-menu-lv1 {
  padding: 12px 20px;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 .item-menu-lv1 i {
  transform: translateY(-3px);
  font-size: 12px;
  margin-left: 7px;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 .item-menu-lv1 a {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 .menu-lv2 {
  display: none;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 .menu-lv2 .list-menu-lv2 {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 .menu-lv2 .list-menu-lv2 .item-menu-lv2 {
  padding: 12px 20px;
}
.header-bottom .menu-mobile .menu-lv1 .list-menu-lv1 .menu-lv2 .list-menu-lv2 .item-menu-lv2 a {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}
.banner {
  position: relative;
}
.banner .banner-video {
  width: 100%;
  max-width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.banner .banner-video iframe {
  width: 100vw;
  height: 150vh;
}
.banner .elementor-background-overlay {
  background-color: transparent;
  background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .3) 40%);
  opacity: 8;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}
.banner .elementor-element-populated {
  color: white;
  max-width: 684px;
}
.banner .elementor-element-populated h6 {
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.25em;
  margin-bottom: 20px;
  font-weight: 600;
}
.banner .elementor-element-populated h1 {
  font-family: "Roboto", Sans-serif;
  font-weight: 600;
  -webkit-text-stroke-color: #000;
  stroke: #000;
  line-height: 1.4em;
  padding: 0 0 30px;
  margin-bottom: 20px;
}
.banner .elementor-element-populated a {
  color: white;
  text-decoration: none;
  font-weight: 500;
  background-color: #61ce70;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  fill: #fff;
  text-align: center;
  transition: all .3s;
}
.section2 {
  position: relative;
}
.section2 .elementor-background-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .51) 0%);
  opacity: .05;
}
.section2 .text {
  max-width: 399px;
}
.section2 h6 {
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.25em;
  font-weight: 600;
  color: #ef9e3d;
  font-family: "Roboto", Sans-serif;
}
.section2 h1 {
  font-family: "Roboto", Sans-serif;
  font-weight: 600;
  -webkit-text-stroke-color: #000;
  stroke: #000;
  line-height: 1.4em;
  color: #ef9e3d;
  padding: 0 0 30px;
  margin-bottom: 20px;
}
.section2 p {
  margin-bottom: 1.6em;
  font-family: "Roboto", Sans-serif;
  font-weight: 600;
  color: #7a7a7a;
  
}
.section2 a {
  color: white;
  text-decoration: none;
  font-weight: 500;
  background-color: #61ce70;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  fill: #fff;
  text-align: center;
  transition: all .3s;
}
.section3 {
  padding: 80px 0;
}
.section3 .text {
  text-align: center;
}
.section3 .text h5 {
  color: #ef9e3d;
  line-height: 1.2em;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.section3 .text h2 {
  line-height: 1.3em;
  font-weight: 600;
  color: #ef9e3d;
  margin-bottom: 20px;
}
.section3 .text a {
  color: white;
  text-decoration: none;
  font-weight: 500;
  background-color: #61ce70;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  fill: #fff;
  text-align: center;
  transition: all .3s;
  margin-bottom: 40px;
}
.section3 img {
  display: block;
  max-width: 700px;
  margin: auto;
}
.section4 .text h6 {
  color: #0170b9;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.25em;
  font-weight: 600;
  padding-left: 50px;
  margin-bottom: 20px;
}
.section4 .text h2 {
  line-height: 1.3em;
  font-weight: 600;
  color: #ef9e3d;
  margin-bottom: 40px;
  padding-left: 50px;
}
.section4 .list img {
  max-height: 291px;
  object-fit: cover;
  margin-bottom: 35px;
}
.section4 .list h5 {
  color: #ef9e3d;
  margin-bottom: 20px;
  font-weight: 600;
}
.section4 .list p {
  color: #7a7a7a;
  font-size: 15px;
  font-weight: 400;
}
.section4 .list a {
  text-decoration: none;
  color: #0170b9;
  font-size: 15px;
  font-weight: 500;
  transition: 0.1s all ease-in-out;
}
.section4 .list a:hover {
  color: #000;
}
.section5 {
  padding: 80px 0;
}
.section5 .text {
  text-align: center;
}
.section5 .text h2 {
  line-height: 1.3em;
  font-weight: 600;
  color: #ef9e3d;
  margin-bottom: 10px;
  font-size: 32px;
}
.section5 .text h6 {
  color: #ef9e3d;
  font-size: 24px;
  line-height: 1.25em;
  font-weight: 600;
  margin-bottom: 40px;
}
.section5 .border-1 {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(0,0,0,.1);
}
.section5 .border-1 span {
  color: #ef9e3d;
  font-size: 58px;
  font-weight: 500;
  line-height: 58px;
}
.section5 .border-1 p {
  font-size: 19px;
  font-weight: 400;
  line-height: 47.5px;
  font-family: "Roboto Slab", sans-serif;
  color: rgb(84, 89, 95);
}
.section5 .border-1 .underlined {
  width: 50px;
  border-top: 5px solid rgba(25,22,84,.1);
}
.number-hine {
  display: none;
}
.section6 .text h2 {
  text-align: center;
  color: #ef9e3d;
  font-size: 32px;
  font-weight: 600;
}
.section6 .list {
  padding: 20px 0 30px;
}
.section6 .list .item {
  padding: 25px 30px;
}
.section6 .list img {
  margin-bottom: 30px;
}
.section6 .list a {
  color: #ef9e3d;
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  margin-bottom: 5px;
  display: block;
}
.section6 .list p {
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
}
.section6 .More {
  color: white;
  text-decoration: none;
  font-weight: 500;
  background-color: #61ce70;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 3px;
  fill: #fff;
  text-align: center;
  transition: all .3s;
}
.section6 .elementor-column-gap-no {
  padding: 80px 0;
}
.section6 .elementor-column-gap-no h3 {
  color: #ef9e3d;
  font-size: 26px;
  font-weight: 600;
}
.section6 .elementor-column-gap-no img {
  max-width: 200px;
}
.section6 .elementor-column-gap-no p {
  max-width: 520px;
  margin-bottom: 42px;
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
}
.section6 .elementor-column-gap-no a {
  padding: 12px 24px;
  background-color: rgb(1, 112, 185);
  font-size: 15px;
  font-weight: 600;
  color: white;
  text-decoration: none;
}
.section7 {
  padding: 93px 0;
  background-color: rgb(245, 245, 245);
}
.section7 .text {
  max-width: 982px;
}
.section7 .text h6 {
  color: rgb(1, 112, 185);
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
}
.section7 .text h2 {
  color: #ef9e3d;
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
  margin-bottom: 10px;
}
.section7 .text h4 {
  color: rgb(75, 79, 88);
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 30px;
  margin-bottom: 10px;
}
.section7 .text .list-VOICE i {
  color: #ef9e3d;
  width: 31.25px;
  font-size: 22px;
}
.section7 .text .list-VOICE .item {
  position: relative;
  padding-bottom: 10px;
}
.section7 .text .list-VOICE .item::after {
  content: '';
  width: 260px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ddd;
}
.section7 .text .list-VOICE span {
  font-size: 22px;
  color: rgb(58, 58, 58);
  cursor: pointer;
  font-weight: 400;
}
.section7 .text .list-VOICE span:hover {
  color: rgb(1, 112, 185);
}
.section7 .list {
  padding: 80px 0;
  height: auto;
}
.section7 .list .allblogs{
  display: inline-block;
  color: white;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  background-color: rgb(97, 206, 112);
  padding: 12px 24px;
  margin-bottom: 10px;
}
.section7 .list img {
  padding-bottom: 20px;
}
.section7 .list h3 {
  margin-bottom: 0;
}
.section7 .list h3 a {
  display: block;
  color: rgb(84, 89, 95);
  font-size: 18px;
  font-weight: 600;
  line-height: 23.4px;
  margin-bottom: 0;
}
.section7 .list .date-new {
  color: rgb(173, 173, 173);
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 13px;
}
.section7 .list p {
  color: rgb(119, 119, 119);
  font-size: 14px;
  font-weight: 400;
}
.section7 .list .More {
  color: rgb(97, 206, 112);
  font-size: 12px;
  font-weight: 500;
}
.section8 {
  position: relative;
}
.section8 .bg-img .CONTACT-HOME .from .center{
  display: none;
  width: 100%;
  height: 30px;
  background-color: transparent;
}
.section8 .bg-img {
  padding: 100px 0;
  background-image: url(https://sunketpower.com/wp-content/uploads/2022/09/1-1.jpg);
  background-attachment: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  background-position: center center;
  background-size: cover;
}
.section8 .coating {
  position: absolute;
  background-color: #ffffffc4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.section8 .CONTACT-HOME {
  position: relative;
  z-index: 10;
}
.section8 .CONTACT-HOME h2 {
  text-align: center;
  color: rgb(1, 112, 185);
  font-size: 32px;
  font-weight: 600;
}
.section8 .CONTACT-HOME .from .info {
  height: 100%;
  padding: 50px;
  background-color: rgb(245, 245, 245);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 20px 0px;
}
.section8 .from .info h3 {
  color:  rgb(239, 158, 61);
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 26px;
}
.section8 .from .info .underlined {
  width: 70px;
  height: 2px;
  background-color: rgb(75, 79, 88);
  margin-bottom: 26px;
}
.section8 .from .info p {
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 44px;
}
.section8 .from .info .Contact-Info {
  margin-top: 20px;
}
.section8 .from .info .Contact-Info ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.section8 .from .info .Contact-Info ul li {
  margin-bottom: 15px;
}
.section8 .from .info .Contact-Info ul li i {
  color: rgb(239, 158, 61);
  font-size: 16px;
  padding-right: 15px;
}
.section8 .from .info .Contact-Info ul li a {
  font-size: 15px;
  font-weight: 400;
  color: rgb(84, 89, 95);
}
.section8 .from .from-contact {
  padding: 50px;
  background-color: white;
}
.section8 .from .from-contact label {
  display: block;
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
  line-height: 24.75px;
}
.section8 .from .from-contact input {
  color: rgb(122, 122, 122);
  border: 1px solid rgb(221, 221, 221);
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  outline: none;
  width: 100%;
  margin-bottom: 10px;
  padding: 11.250px;
}
.section8 .from .from-contact textarea {
  padding: 5px 14px;
  color: rgb(122, 122, 122);
  width: 100%;
  height: 96px;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 10px;
}
.section8 .from .from-contact textarea::placeholder {
  color: rgba(122, 122, 122, 0.445);
}
.section8 .from .from-contact input::placeholder {
  color: rgba(122, 122, 122, 0.445);
}
.section8 .from .from-contact button {
  width: 100%;
  background-color: rgb(97, 206, 112);
  color: white;
  font-size: 15px;
  font-weight: 500;
  border: none;
  outline: none;
  border-radius: 4px;
  padding: 8px 0;
}
.footer {
  padding: 60px 0;
  background-color: rgb(84, 89, 95);
}

.footer .elementor-icon-list-items {
  color: white;

}
.footer .elementor-icon-list-items i {
  margin-right: 25px;
}
.footer .elementor-icon-list-items a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 400;
  line-height: 24.75px;
  text-decoration: none;
}
.footer .title {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
}
.footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer ul li a {
  display: block;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.45);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 5px;
}
.footer img {
  width: 107px;
}
.footer .from input {
  color: white;
  background-color: rgba(255, 255, 255, 0.09);
  padding: 10px;
  font-size: 14px;
  font-family: 300;
  margin-bottom: 10px;
  border: 0;
  outline: none;
}
.footer .from input::placeholder {
  color: rgba(255, 255, 255, 0.37);
}
.footer .from button {
  transition: 0.2s all ease-in-out;
  color: white;
  border: 0;
  outline: none;
  background-color: rgb(239, 158, 61);
  font-weight: 600;
  width: 100%;
  padding: 10px;
  font-size: 14px;
}
.footer .from button:hover {
  background-color: white;
  color: rgb(239, 158, 61);
}
.icon-menu-mobile {
  font-size: 30px;
  display: none;
}
.icon-menu-mobile i {
  width: 30px;
  height: 30px;
}
.Contact-Layout {
  display: none;
  position: fixed;
  top: 0;
  z-index: 101;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.7);
  transition: 0.3s all ease-in-out;
}
.Contact-Layout .from {
  width: 42%;
  background-color: rgb(255, 255, 255);
  padding: 29.344px 58.703px;
  position: fixed;
  top: 50%;
  z-index: 102;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Contact-Layout .from h1 {
  color: rgb(1, 112, 185);
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 19px;
}
.Contact-Layout .from .padding-input {
  margin-bottom: 25px;
}
.Contact-Layout .from input {
  background-color: #fff;
  padding: 7px 20px;
  width: 100%;
  border: solid #0170b9;
  border-width: 1px;
  line-height: 24px;
  outline-style: none;
  font-size: 16px;
  height: 59px;
}
.Contact-Layout .from input:focus {
  border:  1px dotted #7a7a7a;
}
.Contact-Layout .from textarea {
  border-radius: 0;
  width: 100%;
  height: 112px;
  padding: 7px 20px;
  line-height: 24px;
  outline-style: none;
  font-size: 16px;
  border: solid #0170b9;
  border-width: 1px;
}
.Contact-Layout .from textarea:focus {
  border:  1px dotted #7a7a7a;
}
.Contact-Layout .from input::placeholder {
  font-weight: 300;
  color: #7a7a7aad;
}
.Contact-Layout .from textarea::placeholder {
  font-weight: 300;
  color: #7a7a7aad;
}
.Contact-Layout .from button {
  transition: 0.2s all ease-in-out;
  background-color: rgb(1, 112, 185);
  font-size: 14px;
  font-weight: 500;
  border: 0;
  outline: none;
  color: white;
  padding: 20px 26px 16px;
  text-transform: uppercase;
}
.Contact-Layout .from button:hover {
  background-color: rgb(245, 245, 245);
  color: rgb(1, 112, 185);
  
}
.Contact-Layout .from .back {
  color: rgb(1, 112, 185);
  fill: rgb(1, 112, 185);
  background-color: white;
  position: absolute;
  top: 0;
  left: -61px;
  padding: 15.500px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.Contact-Layout .from .back:hover {
  fill: white;
  background-color: rgb(1, 112, 185);
}
.Contact-Layout .from .back svg {
  width: 31px;
  height: 31px;
}
.section-contact1 {
  padding-top: 125px;
}
.section-contact1 .text h6 {
  color: rgb(1, 112, 185);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 20px;
  margin-bottom: 10px;
}
.section-contact1 .text h2 {
  color: rgb(239, 158, 61);
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
  margin-bottom: 10px;
}
.section-contact1 .from {
  padding: 50px 0 100px;
}
.section-contact1 .from h3 {
  color: rgb(239, 158, 61);
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
}
.section-contact1 .from .padding-from {
  padding-top: 30px;
  border-top: 2px solid rgb(1, 112, 185);
}
.section-contact1 .from p {
  padding-top: 10px;
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
  line-height: 24.75px;
  margin-bottom: 34px;
}
.section-contact1 .from ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.section-contact1 .from ul li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.section-contact1 .from ul li a {
  font-size: 15px;
  font-weight: 400;
  color: rgb(84, 89, 95);
}
.section-contact1 .from ul li i {
  border-bottom: 1px solid #0170b9;
  margin-right: 10px;
  color: #0170b9;
}
.section-contact1 .from .Message {
  padding-top: 10px;
}
.section-contact1 .from .Message .item {
  margin-bottom: 10px;
}
.section-contact1 .from .Message .item label {
  display: block;
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
  line-height: 24.75px;
}
.section-contact1 .from .Message .item input {
  width: 100%;
  border: rgb(221, 221, 221) 1px solid;
  padding: .75em;
  line-height: 21px;
  font-size: 15px;
  outline: none;
}
.section-contact1 .from .Message .item input::placeholder {
  color: rgb(196, 196, 196);
}
.section-contact1 .from .Message .item input:focus {
  border: rgb(221, 221, 221) 1px dotted;
}
.section-contact1 .from .Message .item textarea {
  width: 100%;
  padding: 5px 14px;
  line-height: 21px;
  font-size: 15px;
  outline: none;
  height: 84px;
  border-radius: 0;
  transition: 0.4s all ease-in-out;
}
.section-contact1 .from .Message .item textarea:focus {
  border: rgb(221, 221, 221) 1px solid;
}
.section-contact1 .from .Message button{
  width: 100%;
  text-align: center;
  outline:none;
  border: 0;
  border-radius: 4px;
  height: 40px;
  font-size: 15px;
  font-weight: 500;
  color: white;
  background-color: rgb(97, 206, 112);
}
.section-contact1 .list {
  margin: 50px 0;
}
.section-contact1 .list .content {
  padding: 50px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  height: 100%;
}
.section-contact1 .list .content h3 {
  color: rgb(239, 158, 61);
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.section-contact1 .list .content p {
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
}
.section-contact1 .list .content i {
  border-bottom: 1px solid rgb(1, 112, 185);
  color: rgb(239, 158, 61);
  font-size: 14px;
}
.section-contact2 {
  text-align: center;
  padding: 125px 0;
  background-image: url(https://sunketpower.com/wp-content/uploads/2022/07/%E6%9C%AA%E5%91%BD%E5%90%8D%E7%9A%84%E8%AE%BE%E8%AE%A1-7.jpg);
  background-size: cover;
}
.section-contact2 h5 {
  color: white;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-contact2 h2 {
  color: white;
  font-size: 32px;
  line-height: 41.6px;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-contact2 a {
  padding: 12px 24px;
  background: white;
  font-size: 15px;
  font-weight: 500;
  text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  color: black;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.section-contact2 a:hover {
  color: rgb(1, 112, 185);
}
.banner-contact .slide-service img {
  max-width: 100vw;
  object-fit: cover;
} 
.section-service1 {
  padding: 100px 0 250px;
  background-color: rgb(245, 245, 245);
}
.section-service1 h6 {
  color: rgb(1, 112, 185);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 20px;
  margin-bottom: 10px;
}
.section-service1 h2 {
  max-width: 660px;
  color: rgb(239, 158, 61);
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
}
.section-service1 h5 {
  color: rgb(239, 158, 61);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 10px;
}
.section-service1 p {
  color: rgb(122, 122, 122);
  font-size: 15px;
  font-weight: 400;
  line-height: 24.75px;
}
.section-service2 {
  transform: translateY(-150px);
}
.section-service2 .item {
  min-height: 394px;
  padding: 25px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 40px 40px -20px;
  border-bottom: rgba(0, 0, 0, 0.14) 1px solid;
  border-left: rgba(0, 0, 0, 0.14) 1px solid;
  border-right: rgba(0, 0, 0, 0.14) 1px solid;
  border-top: rgba(0, 0, 0, 0.14) 3px solid;
}
.section-service2 .item h3 {
  color: rgb(239, 158, 61);
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  margin-bottom: 20px;
}
.section-service2 .item p {
  font-size: 15px;
  font-weight: 400;
  color: rgb(122, 122, 122);
  line-height: 24.75px;
}
.section-service2 .item a {
  padding-top: 30px;
  color: rgb(1, 112, 185);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.section-service3 {
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: 125px 0;
  background-size: cover;
}
.section-service3 iframe {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 150%;
}
.section-service3 .container {
  position: relative;
  z-index: 10;
}
.section-service3 h5 {
  color: white;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-service3 h2 {
  color: white;
  font-size: 32px;
  line-height: 41.6px;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-service3 a {
  padding: 12px 24px;
  background: white;
  font-size: 15px;
  font-weight: 500;
  text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  color: black;
  text-decoration: none;
  transition: 0.3s all ease-in-out;
}
.section-service3 a:hover {
  color: rgb(1, 112, 185);
}
.section-service4 {

}
.section-service4 h6 {
  color: rgb(1, 112, 185);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
}
.section-service4 h2 {
  color: rgb(239, 158, 61);
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
}
.section-service4 span {
  color: rgb(239, 158, 61);
  font-size: 69px;
  font-weight: 600;
}
.section-service4 .elementor-counter-title {
  color: rgb(84, 89, 95);
  font-family: "Roboto Slab", sans-serif;
  line-height: 47.5px;
  font-size: 19px;
  font-weight: 400;
}
.banner-contact .slick-list {
  width: 98vw
}
.section-service-2 h2 {
  color: rgb(239, 158, 61);
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
}
.section-service-2 span {
  color: rgb(1, 112, 185);
  font-size: 15px;
  line-height: 15px;
  padding-bottom: 50px;
  display: block;
  font-weight: 500;
}
.section-service-2 .list .item {
  position: relative;
}
.section-service-2 .list .item img {
  width: 100%;
  max-height: 360px;
}
.section-service-2 .list .item .elementor-background-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, #000 100%);
  opacity: .9;
}
.section-service-2 .list .item .Description {
  color: white;
  padding: 20px 40px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
.section-service-2 .list .item .Description h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.section-service-2 .list .item .Description h3 {
  padding-top: 15px;
  font-size: 26px;
  font-weight: 600;
  line-height: 33.8px;
  margin-bottom: 20px;
}
.section-service-2 .list .item .Description button {
  padding: 12px 24px;
  border: none;
  outline: none;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  background-color: rgb(97, 206, 112);
  color: white;
}
.section-group-1 {
  padding: 100px 0;
}
.section-group-1 .text {
  max-width: 680px;
  text-align: center;
  padding-bottom: 30px;
  margin: auto;
}
.section-group-1 .text h1{
  color: rgb(239, 158, 61);
  margin-bottom: 40px;
  font-size: 40px;
  line-height: 56px;
  font-weight: 600;
}
.section-group-1 .text p {
  margin-bottom: 64px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24.75px;
  color: rgb(122, 122, 122);
}
.section-group-1 .text a {
  padding: 12px 24px;
  font-size: 15px;
  color: white;
  font-weight: 500;
  background-color: rgb(97, 206, 112);
}
.section-group-1 .list iframe {
  width: 100%;
  height: 641px;
}
.section-group-2 .img {
  position: relative;
}
.section-group-2 .elementor-background-overlay {
  background-color: transparent;
  background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .23) 100%);
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-group-2 .Description {
  padding: 15%;
}
.section-group-2 .Description h6 {
  color: rgb(1, 112, 185);
  font-weight: 600;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.section-group-2 .Description h2 {
  color: rgb(239, 158, 61);
  font-size: 32px;
  font-weight: 600;
  line-height: 42.6px;
  margin-bottom: 20px;
}
.section-group-2 .Description p {
  color: rgb(122, 122, 122);
  line-height: 24.75px;
  font-size: 15px;
  font-weight: 400;
}
.section-group-3 {
  margin-bottom: 100px;
}
.section-group-3 .text {
  padding: 30px;
  height: 100%;
}
.section-group-3 .text .Description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.section-group-3 .text .Description h2 {
  color: rgb(239, 158, 61);
  line-height: 41.6px;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-group-3 .text .Description p {
  margin-bottom: 44px;
  line-height: 24.75px;
  font-size: 15px;
  font-weight: 400;
  color: rgb(122, 122, 122);
}
.section-group-3 .text .Description a {
  text-decoration: none;
  max-width: 125px;
  padding: 12px 24px;
  background-color: rgb(97, 206, 112);
  color: white;
  font-size: 15px;
  font-weight: 500;
}
.section-group-3 .slide-product {
  position: relative;
}
.section-group-3 .slick-dots {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  
}
.section-group-3 .slick-dots li button {
  font-size: 0;
  width: 6px;
  height: 6px;
  background-color: rgb(75 79 88 / 43%);
  margin: 0 5px;
  border-radius: 50%;
  border: 0;
  outline: none;
}
.section-group-3 .slick-dots li.slick-active button {
  background-color: #000;
}
.section-group-3 .slick-list {
  max-width: 100%;
}
.Intro {
  padding: 100px 0;
}
.Intro .text h6 {
  color: rgb(1, 112, 185);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 10px;
  line-height: 20px;
}
.Intro .text h2 {
  color: rgb(239, 158, 61);
  font-size: 32px;
  font-weight: 600;
  line-height: 41.6px;
}
.Intro .list-intro .list {
  border-left: rgb(213, 216, 220) 1px solid;
  border-right: rgb(213, 216, 220) 1px solid;
  border-bottom: rgb(213, 216, 220) 1px solid;
  border-top: none;
}
.Intro .list-intro .list .item .title{
  border-top: rgb(213, 216, 220) 1px solid;
  align-items: center;
  display: flex;
  cursor: pointer;
  padding: 15px 20px;
}
.Intro .list-intro .list .item .title i {
  font-size: 15px;
  line-height: 15px;
  margin: 0;
}
.Intro .list-intro .list .item .title p {
  text-decoration: underline;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  margin: 0;
}
.Intro .list-intro .list .item .Description {
  padding: 20px 43px 30px;
  border-top: rgb(213, 216, 220) 1px solid;
}
.Intro .list-intro .list .item .Description p {
  font-size: 15px;
  color: rgb(122, 122, 122);
  font-weight: 400;
  line-height: 24.75px;
}
.Intro .list-intro .list .item.on .title {
  color: rgb(1, 112, 185);
}
.Intro .list-intro .list .item.on .fa-plus {
  display: none !important;
}
.Intro .list-intro .list .item.on .fa-minus {
  display: block !important;
}
.Intro .list-intro .list .item .fa-plus {
  display: block !important;
}
.Intro .list-intro .list .item .fa-minus {
  display: none !important;
}
.Intro .list-intro .list .item.on .Description {
  display: block;
}
.Intro .list-intro .list .item .Description {
  display: none;
}
.section-group-SOLARPANEL {
  background-image: url(https://sunketpower.com/wp-content/cache/seraphinite-accelerator/s/m/d/img/7b79304e403b10ba69d2f46e32fa824c.abc1.png);
  padding: 20px 0;
}
.section-group-SOLARPANEL .Description {
  padding: 20% 30% 15% 0;
  height: 100%;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section-group-SOLARPANEL .Description h6 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 20px;
}
.section-group-SOLARPANEL .Description h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  padding-bottom: 35px;
}
.section-group-SOLARPANEL .Description p {
  font-size: 15px;
  font-weight: 600;
  line-height: 24.75px;
  margin-bottom: 24px;
}
.section-group-SOLARPANEL .Description a {
  padding: 12px 24px;
  color: white;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  background-color: rgb(97, 206, 112);
  line-height: 15px;
  border-radius: 4px;
  max-width: 114px;
}
.ProductDetail {
  padding: 30px 0;
}
.ProductDetail .slick-list {
  width: 100%;
}
.ProductDetail .slider-nav img {
 max-width: 100%;
 padding: 20px;
}
.ProductDetail .title h1 {
  font-weight: 600;
  line-height: 26.6px;
  font-size: 19px;
  color: rgb(239, 158, 61);
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(221, 221, 221);
}
.ProductDetail .title span {
  color: rgb(75, 79, 88);
  font-size: 13.5px;
  line-height: 24.75px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 30px;
}
.ProductDetail .title button {
  padding: 15px 30px;
  font-weight: 500;
  font-style: 15px;
  color: white;
  border: 0;
  outline: none;
  background-color: rgb(97, 206, 112);
  margin-top: 30px;
  border-radius: 4px;
}
.ProductDetail .Description {
  padding: 20px 0;
  line-height: 28.8px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.ProductDetail .Description img {
  max-width: 100%;
}
.ProductDetail .Description table {
  width: 100%;
}
.ProductDetail .Description tbody{
 border: 1px solid rgb(221, 221, 221);
}
.ProductDetail .Description tbody tr {
  border: 1px solid rgb(221, 221, 221);
 }
 .ProductDetail .Description tbody th {
  border: 1px solid rgb(221, 221, 221);
  color: rgb(122, 122, 122);
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 24.75px;
 }
.ProductDetail .Description tbody td {
  border: 1px solid rgb(221, 221, 221);
  padding: 10px;
  color: rgb(122, 122, 122);
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 24.75px;
}
.catalog {
  position: relative;
  padding: 60px 0;
  background-color: #1b252f;
    background-image: url(https://sunket.com/wp-content/uploads/2024/01/intelligent-production-4-1-scaled.webp)  ;
    background-position: -504px -463px;
    --lzl-bg-img: "https://sunket.com/wp-content/uploads/2024/01/intelligent-production-4-1-scaled.webp";
}
.catalog .elementor-background-overlay
{
  padding: 60px 0;
  z-index: 10;
  background-color: transparent;
  background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .3) 40%);
  opacity: 8;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}
.catalog .list-catalog {
  position: relative;
  z-index: 11;
}
.catalog .list-catalog h1 {
  color: white;
  font-size: 65px;
  font-weight: 800;
  margin-bottom: 100px;
}
.catalog .list-catalog h2 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  color: white;
}
.catalog .list-catalog .underline {
  margin: 20px 0;
  width: 50%;
  height: 18px;
  background-color: rgb(225, 141, 20);
  animation-duration: 2s;
  
}
.catalog .list-catalog h2 {
  font-size: 34px;
  line-height: 40.8px;
  font-weight: 800;
  margin-bottom: 32px;
}
.catalog .list-catalog a {
  padding: 12px 24px;
  background-color: rgb(225, 141, 20);
  border: rgb(225, 141, 20) 1px solid;
  font-size: 18px;
  font-weight: 800;
  line-height: 18px;
  color: white;
  text-decoration: none;
  transition: 0.2s all ease-in-out;
}
.catalog .list-catalog a:hover {
  color: rgb(225, 141, 20);
  background-color: #54595f;
  border: 1px solid #54595f;
}
.section7 .News .list {
  padding: 0 !important;
}
.New-detail {
  padding: 50px 0;
  max-width: 1000px;
  margin: auto;
}
.New-detail .intro-detail h1 {
  font-size: 33px;
  color: rgb(225, 141, 20);
  text-align: center;
}
.New-detail .intro-detail p {
  font-size: 15px;
  font-weight: 400;
  color: rgb(122, 122, 122);
}
.New-detail .intro-detail span {
  font-size: 15px;
  font-weight: 400;
  color: rgb(122, 122, 122);
}
.intro-box-content-text p {
  font-size: 15px;
  font-weight: 400;
  color: rgb(122, 122, 122);
}
.intro-box-content-text span {
  font-size: 15px;
  font-weight: 400;
  color: rgb(122, 122, 122);
}
.intro-box-content-text img {
  max-width: 100%;
  height: auto !important;
}


















@media (max-width: 576px) {
  .section-service1 {
    padding: 100px 0;
    background-color: rgb(245, 245, 245);
}
  .section-service-2 .list .item img {
    height: 250px;
    object-fit: cover;
  }
  .section-service-2 .list .item .Description h3 {
    padding-top: 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: 33.8px;
    margin-bottom: 20px;
  }
  .section-service-2 .list .item .Description h5 {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
  }
  .section-service3 h2 {
    color: white;
    font-size: 20px;
    line-height: 41.6px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .section-service3 h5 {
    color: white;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .ProductDetail .Description img {
    max-width: 94vw;
    height: auto !important;
  }
  .Contact-Layout .from .back {
    color: rgb(1, 112, 185);
    fill: rgb(1, 112, 185);
    background-color: white;
    position: absolute;
    top: -61px;
    left: 0;
    padding: 15.500px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }
  .Contact-Layout .from {
    width: 90%;
    background-color: rgb(255, 255, 255);
    padding: 15px;
    position: fixed;
    top: 50%;
    z-index: 102;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .menu-header {
    display: none;
  }
  .logo-header img {
    width: 148px !important;
  }
  .header-bottom .INQUIRE .button {
    display: none;
  }
  .banner .banner-video {
    width: 100%;
    max-width: 100vw;
    height: 80vh;
    overflow: hidden;
  }
  .header-contact {
    display: none;
  }
  .section4 .text h6 {
    padding: 0;
  }
  .section4 .text h2 {
    padding: 0;
  }
  .section6 .list .item {
    padding: 25px 0;
  }
  .section6 .list img {
    width: 75% !important;
  }
  .section7 .text {
    padding: 0 12px ;
  }
  .section7 .text h2 {
    font-size: 25px;
    line-height: 32.5px;
  }
  .section7 .text h4 {
    font-size: 21.888px;
  }
  .section7 .text .list-VOICE span {
    font-size: 18px;
  }
  .section8 .from .from-contact {
    padding: 30px;
  }
  .section8 .bg-img .CONTACT-HOME .from .center {
    display: block;
  }
  .footer .logo-footer img {
    width: 304px !important;
    margin-bottom: 20px;
    display: block;
  }
  .footer .title {
    margin-top: 30px;
  }
  .icon-menu-mobile {
    display: block;
  }
  .banner-img .item img {
    height: 70vh;
    object-fit: cover;
    margin-bottom: 20px;
  }
  .section-group-2 .Description {
    padding: 15px;
  }
  .section-group-3 .text {
    padding: 15px 0;
    height: 100%;
  }
  .Intro {
    padding: 50px 0;
  }
  .section-contact1 {
    padding-top: 50px;
  }
  /* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	/* td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Secret Alias"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; } */
}












.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide li {
    padding: 10px 5px;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}
body {
    width: 100vw;
}

.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}
.mySwiper2 .swiper-wrapper .swiper-slide {
    display: block;
    min-height: 500px;
}
.mySwiper {
    position: sticky !important;
    width: 100%;
    left: 0;
    top: 55px;
    z-index: 100 !important;
    background: white;
    overflow: hidden !important;
}
.mySwiper .swiper-wrapper {
    display: flex;
}
.mySwiper {
  height: 20%;
  box-sizing: border-box;
}

.mySwiper .swiper-slide {
  padding: 10px;
  height: 100%;
  opacity: 0.4;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
    color: #0B3CB7;
    font-weight: 600;
    border-bottom: 2px solid #0B3CB7;
}

/**
* Swiper 11.1.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: May 30, 2024
*/
@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal
}

:root {
--swiper-theme-color: #007aff
}

:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}

.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}

.swiper-vertical>.swiper-wrapper {
flex-direction: column
}

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
transform: translate3d(0px,0,0)
}

.swiper-horizontal {
touch-action: pan-y;
}

.swiper-vertical {
touch-action: pan-x
}

.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}

.swiper-slide-invisible-blank {
visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
height: auto
}

.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}

.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}

.swiper-3d {
perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}

.swiper-3d .swiper-slide-shadow {
background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
0% {
    transform: rotate(0deg)
}

100% {
    transform: rotate(360deg)
}
}

.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}

:root {
--swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset,10px);
right: auto
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,10px);
left: auto
}

.swiper-button-lock {
display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
content: 'prev'
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,10px);
left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
content: 'next'
}

.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom,8px);
top: var(--swiper-pagination-top,auto);
left: 0;
width: 100%
}

.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}

.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius,50%);
background: var(--swiper-pagination-bullet-inactive-color,#000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}

.swiper-pagination-bullet:only-child {
display: none!important
}

.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right,8px);
left: var(--swiper-pagination-left,auto);
top: 50%;
transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color,var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size,4px);
left: 0;
top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size,4px);
height: 100%;
left: 0;
top: 0
}

.swiper-pagination-lock {
display: none
}

.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius,10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset,1%);
bottom: var(--swiper-scrollbar-bottom,4px);
top: var(--swiper-scrollbar-top,auto);
z-index: 50;
height: var(--swiper-scrollbar-size,4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left,auto);
right: var(--swiper-scrollbar-right,4px);
top: var(--swiper-scrollbar-sides-offset,1%);
z-index: 50;
width: var(--swiper-scrollbar-size,4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
border-radius: var(--swiper-scrollbar-border-radius,10px);
left: 0;
top: 0
}

.swiper-scrollbar-cursor-drag {
cursor: move
}

.swiper-scrollbar-lock {
display: none
}

.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}

.swiper-slide-zoomed {
cursor: move;
touch-action: none
}

.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}

.swiper-fade .swiper-slide-active {
pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}

.swiper-cube {
overflow: visible
}

.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}

.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.swiper-flip {
overflow: visible
}

.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform,opacity,height
}

.swiper-cards {
overflow: visible
}

.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}