/* 3rd video banner section */
.production-banner-sec {
    max-height: 550px !important;
    position: relative;
}


.production-banner-sec h2 {
    text-align: center;
}


.production-banner-sec h2 {
    font-size: 5vw;
    font-weight: 600;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: inline-block;
}

.production-banner-sec video {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
}


/*End of 3rd video banner section */  

/*-----------------------------------
 * ICON HOVER EFFECT KEYFRAMES
 *-----------------------------------*/
@-webkit-keyframes sonarEffect {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes sonarEffect {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #c72538, 0 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

@-webkit-keyframes haruSpin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes haruSpin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes grained {
  0% {
    -webkit-transform: translate(-10%, 10%);
  }
  10% {
    -webkit-transform: translate(-25%, 0%);
  }
  20% {
    -webkit-transform: translate(-30%, 10%);
  }
  30% {
    -webkit-transform: translate(-30%, 30%);
  }
  40% {
    -webkit-transform: translate();
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
  }
  60% {
    -webkit-transform: translate(-20%, 20%);
  }
  70% {
    -webkit-transform: translate(-5%, 20%);
  }
  80% {
    -webkit-transform: translate(-25%, 5%);
  }
  90% {
    -webkit-transform: translate(-30%, 25%);
  }
  100% {
    -webkit-transform: translate(-10%, 10%);
  }
}

@-o-animation-keyframes grained {
  0% {
    -o-animation-transform: translate(-10%, 10%);
  }
  10% {
    -o-animation-transform: translate(-25%, 0%);
  }
  20% {
    -o-animation-transform: translate(-30%, 10%);
  }
  30% {
    -o-animation-transform: translate(-30%, 30%);
  }
  40% {
    -o-animation-transform: translate();
  }
  50% {
    -o-animation-transform: translate(-15%, 10%);
  }
  60% {
    -o-animation-transform: translate(-20%, 20%);
  }
  70% {
    -o-animation-transform: translate(-5%, 20%);
  }
  80% {
    -o-animation-transform: translate(-25%, 5%);
  }
  90% {
    -o-animation-transform: translate(-30%, 25%);
  }
  100% {
    -o-animation-transform: translate(-10%, 10%);
  }
}

@keyframes grained {
  0% {
    -webkit-transform: translate(-10%, 10%);
            transform: translate(-10%, 10%);
  }
  10% {
    -webkit-transform: translate(-25%, 0%);
            transform: translate(-25%, 0%);
  }
  20% {
    -webkit-transform: translate(-30%, 10%);
            transform: translate(-30%, 10%);
  }
  30% {
    -webkit-transform: translate(-30%, 30%);
            transform: translate(-30%, 30%);
  }
  40% {
    -webkit-transform: translate();
            transform: translate();
  }
  50% {
    -webkit-transform: translate(-15%, 10%);
            transform: translate(-15%, 10%);
  }
  60% {
    -webkit-transform: translate(-20%, 20%);
            transform: translate(-20%, 20%);
  }
  70% {
    -webkit-transform: translate(-5%, 20%);
            transform: translate(-5%, 20%);
  }
  80% {
    -webkit-transform: translate(-25%, 5%);
            transform: translate(-25%, 5%);
  }
  90% {
    -webkit-transform: translate(-30%, 25%);
            transform: translate(-30%, 25%);
  }
  100% {
    -webkit-transform: translate(-10%, 10%);
            transform: translate(-10%, 10%);
  }
}


/*-----------------------------------
 * BASE STYLE
 *-----------------------------------*/


.dark-mode table,
.background-dark table {
  border-collapse: collapse;
}

.dark-mode table thead,
.background-dark table thead {
  background: #151515;
  color: #ababab;
}

.dark-mode table tbody strong,
.background-dark table tbody strong {
  color: #fff;
}

.dark-mode table,
.dark-mode th,
.dark-mode td,
.background-dark table,
.background-dark th,
.background-dark td {
  border: 1px solid #333;
}

.dark-mode kbd,
.background-dark kbd {
  color: #000;
  background-color: #fff;
}

.dark-mode pre,
.background-dark pre {
  background-color: #333;
  color: #fff;
  border: 1px solid #333;
  padding: 5px 10px;
}

.haru-page-title {
  position: relative;
  background-size: cover;
  background-color: #f5f5f5;
  padding: 90px 0 100px;
  margin-bottom: 100px;
}

@media screen and (max-width: 1440px) {
  .haru-page-title {
    padding: 80px 0 90px;
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 1199px) {
  .haru-page-title {
    padding: 70px 0 80px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .haru-page-title {
    padding: 60px 0 70px;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .haru-page-title {
    padding: 50px 0 60px;
    margin-bottom: 40px;
  }
}

.haru-page-title.has-bg-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.haru-page-title.has-bg-image .haru-page-title__heading--main {
  color: #fff;
}

.haru-page-title.has-bg-image .haru-page-title__heading--sub {
  color: #fff;
}

.haru-page-title.has-bg-image .haru-page-title__breadcrumbs .haru-breadcrumb {
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 767px) {
  .haru-page-title.has-bg-image .haru-page-title__breadcrumbs .haru-breadcrumb {
    font-size: 15px;
  }
}

.haru-page-title.has-bg-image .haru-page-title__breadcrumbs a {
  color: rgba(255, 255, 255, 0.6);
}

.haru-page-title.has-bg-image .haru-page-title__breadcrumbs a:hover {
  color: #fff;
}

.haru-page-title.has-bg-image .haru-page-title__breadcrumbs span.current {
  color: #fff;
}

.haru-page-title__content {
  position: relative;
  word-break: break-word;
}

.haru-page-title__heading--main {
  font-size: 56px;
  margin-top: 0;
}

@media screen and (max-width: 1440px) {
  .haru-page-title__heading--main {
    font-size: 48px;
  }
}

@media screen and (max-width: 1199px) {
  .haru-page-title__heading--main {
    font-size: 42px;
  }
}

@media screen and (max-width: 991px) {
  .haru-page-title__heading--main {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .haru-page-title__heading--main {
    font-size: 26px;
  }
}

.haru-page-title__breadcrumbs ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.haru-page-title__breadcrumbs ul li {
  display: inline-block;
}

.haru-page-title__breadcrumbs a:hover {
  transition: all .3s;
}

.haru-page-title__breadcrumbs .delimiter {
  margin: 0 5px;
}

.haru-page-title__breadcrumbs .delimiter:before {
  display: inline-block;
  content: '/';
}

.header-transparent .haru-page-title {
  padding-top: 195px;
}

@media screen and (max-width: 1440px) {
  .header-transparent .haru-page-title {
    padding-top: 185px;
  }
}

@media screen and (max-width: 1199px) {
  .header-transparent .haru-page-title {
    padding-top: 175px;
  }
}

@media screen and (max-width: 991px) {
  .header-transparent .haru-page-title {
    padding-top: 130px;
  }
}

@media screen and (max-width: 767px) {
  .header-transparent .haru-page-title {
    padding-top: 120px;
  }
}

.header-transparent.header-transparent-dark .haru-page-title {
  background-color: #f5f5f5;
}

.header-transparent.header-transparent-dark .haru-page-title.has-bg-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.header-transparent.header-transparent-dark .haru-page-title__heading--main {
  color: #000;
}

.header-transparent.header-transparent-dark .haru-page-title__heading--sub {
  color: #000;
}

.header-transparent.header-transparent-dark .haru-page-title__breadcrumbs .haru-breadcrumb {
  color: #696969;
}

.header-transparent.header-transparent-dark .haru-page-title__breadcrumbs a {
  color: #696969;
}

.header-transparent.header-transparent-dark .haru-page-title__breadcrumbs a:hover {
  color: #c72538;
}

.header-transparent.header-transparent-dark .haru-page-title__breadcrumbs span {
  color: #696969;
}

.header-transparent.header-transparent-dark .haru-page-title__breadcrumbs span.current {
  color: #c72538;
}

.dark-mode .haru-page-title {
  background-color: #151515;
}

.haru-content-404 .page-content {
  margin-top: 60px;
  margin-bottom: 100px;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  .haru-content-404 .page-content {
    margin-top: 50px;
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 1199px) {
  .haru-content-404 .page-content {
    margin-top: 40px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 991px) {
  .haru-content-404 .page-content {
    margin-top: 30px;
    margin-bottom: 70px;
  }
}

@media screen and (max-width: 767px) {
  .haru-content-404 .page-content {
    margin-top: 20px;
    margin-bottom: 60px;
  }
}

.haru-content-404 .page-content .haru-title-404 {
  line-height: 1;
  font-size: 250px;
  color: #c72538;
}

@media screen and (max-width: 1440px) {
  .haru-content-404 .page-content .haru-title-404 {
    font-size: 230px;
  }
}

@media screen and (max-width: 1199px) {
  .haru-content-404 .page-content .haru-title-404 {
    font-size: 210px;
  }
}

@media screen and (max-width: 991px) {
  .haru-content-404 .page-content .haru-title-404 {
    font-size: 180px;
  }
}

@media screen and (max-width: 767px) {
  .haru-content-404 .page-content .haru-title-404 {
    font-size: 120px;
  }
}

.haru-content-404 .page-content p.txt2 {
  color: #000;
  font-size: 36px;
  letter-spacing: 0px;
  margin-top: 30px;
}

@media screen and (max-width: 1440px) {
  .haru-content-404 .page-content p.txt2 {
    font-size: 32px;
  }
}

@media screen and (max-width: 1199px) {
  .haru-content-404 .page-content p.txt2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 991px) {
  .haru-content-404 .page-content p.txt2 {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .haru-content-404 .page-content p.txt2 {
    font-size: 20px;
  }
}

.haru-content-404 .page-content p.txt3 {
  color: #696969;
  padding-bottom: 30px;
}

body.header-transparent .haru-content-404 .page-content {
  padding-top: 100px;
}

@media screen and (max-width: 1440px) {
  body.header-transparent .haru-content-404 .page-content {
    padding-top: 90px;
  }
}

@media screen and (max-width: 1199px) {
  body.header-transparent .haru-content-404 .page-content {
    padding-top: 80px;
  }
}

@media screen and (max-width: 991px) {
  body.header-transparent .haru-content-404 .page-content {
    padding-top: 30px;
  }
}

@media screen and (max-width: 767px) {
  body.header-transparent .haru-content-404 .page-content {
    padding-top: 20px;
  }
}

.dark-mode .haru-content-404 .page-content p.txt2 {
  color: #fff;
}

.dark-mode .haru-content-404 .page-content p.txt3 {
  color: #ababab;
}

.maintenance-mode {
  background-size: cover;
  text-align: center;
}

.maintenance-mode .maintanence-page {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.maintenance-mode .maintanence-page .maintenance-title {
  font-size: 40px;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .maintenance-mode .maintanence-page .maintenance-title {
    font-size: 20px;
  }
}

.maintenance-mode .maintanence-page .countdown-wrapper {
  padding: 50px 15%;
}

@media screen and (max-width: 767px) {
  .maintenance-mode .maintanence-page .countdown-wrapper {
    padding: 50px 5%;
  }
}

.maintenance-mode .maintanence-page .maintenance-social ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.maintenance-mode .maintanence-page .maintenance-social li {
  display: inline-block;
  font-size: 20px;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .maintenance-mode .maintanence-page .maintenance-social li {
    font-size: 16px;
  }
}

.rs-button--style-1 {
  padding: 0 36px;
  line-height: 52px;
}

.rs-button--style-1:after {
  content: '\e65a';
  font-family: 'themify';
  font-weight: 400;
  position: relative;
  bottom: -3px;
  margin-left: 2px;
  font-size: 16px;
}

@media screen and (max-width: 1440px) {
  .rs-circle-text {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

@media screen and (max-width: 1199px) {
  .rs-circle-text {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

@media screen and (max-width: 991px) {
  .rs-circle-text {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

@media screen and (max-width: 767px) {
  .rs-circle-text {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}

.rs-circle-text svg text {
  fill: #fff;
}

.rs-circle-text:before {
  content: '\e925';
  font-family: 'haruicons';
  font-size: 26px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 1440px) {
  .rs-circle-text-2 {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

@media screen and (max-width: 1199px) {
  .rs-circle-text-2 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

@media screen and (max-width: 991px) {
  .rs-circle-text-2 {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}

@media screen and (max-width: 767px) {
  .rs-circle-text-2 {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}

.rs-circle-text-2 svg {
  background-color: #861926;
  border-radius: 50%;
}

.rs-circle-text-2 svg text {
  fill: rgba(255, 255, 255, 0.7);
}

.rs-circle-text-2:before {
  content: '\e925';
  font-family: 'haruicons';
  font-size: 26px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.rs-color-primary {
  color: #c72538 !important;
}

.rs-circle-text:before {
    content: "\f04b";
    font: normal normal normal 20px/1 FontAwesome;
}

/*-----------------------------------
 * 4. HEADER
 *-----------------------------------*/
 
.elementor-editor-active .section-grain-dark {
  background-color: #000;
}

.elementor-editor-active .section-grain-dark:before {
  display: none;
}

.section-grain-dark {
  background-color: #333;
  position: relative;
  overflow: hidden;
}

.section-grain-dark:before {
  content: '';
  background-image: url(/wp-content/uploads/2023/02/bg-dark.png);
  background-repeat: repeat;
  background-position: 0;
  -webkit-animation: grained 0.5s steps(20) infinite;
          animation: grained 0.5s steps(20) infinite;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  height: 300%;
  left: -100%;
  top: -100%;
  width: 300%;
  opacity: .8;
}


.widget-title {
    border: none !important;
}

button, [type="button"], [type="reset"], [type="submit"] {
    background: none !important;
    padding: 0px !important;
}



.entry-content rs-module a, rs-module a {
    font-family: "DM Sans";
    text-transform: uppercase;
}




aside#site-sidebar a {
    color: #fff;
}

#rev_slider_7_1_wrapper .uranus.tparrows{width:50px; height:50px; background:rgba(255,255,255,0)}
#rev_slider_7_1_wrapper .uranus.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s}#rev_slider_7_1_wrapper .uranus.tparrows.rs-touchhover:before{opacity:0.75}




/*Roatating css */


.roatating-text-sec{
    overflow: hidden;
    background:#1d1d1d;
}

.roatating-text-sec a:hover{
    color: #c72538;
}

.roatating-text-sec a{
  text-decoration: none;
  color:#000;
  color: #fff; 
}
.roatating-text-sec h6{
    line-height: 1.5;
    color: #fff; 
}

.haru-text-scroll:not(.flickity-enabled) {
  display: flex;
}

.haru-text-scroll .text-scroll-content {
  position: relative;
  display: block;
  overflow: hidden;
}

.haru-text-scroll .text-scroll-item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
}

.haru-text-scroll--style-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 15px 0;
}

@media screen and (max-width: 1199px) {
  .haru-text-scroll--style-1 {
    padding: 10px 0;
  }
}

.haru-text-scroll--style-1 .text-scroll-item:before {
  content: '';
  display: inline-block;
  width: 4vw;
  height: 3px;
  background-color: #fff;
  margin: 0 2vw;
}

@media screen and (max-width: 1440px) {
  .haru-text-scroll--style-1 .text-scroll-item:before {
    height: 2px;
  }
}

@media screen and (max-width: 767px) {
  .haru-text-scroll--style-1 .text-scroll-item:before {
    height: 1px;
  }
}

.haru-text-scroll--style-1 .text-scroll-item h6 {
  font-size: 56px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0px;
}

@media screen and (max-width: 1440px) {
  .haru-text-scroll--style-1 .text-scroll-item h6 {
    font-size: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .haru-text-scroll--style-1 .text-scroll-item h6 {
    font-size: 36px;
  }
}

@media screen and (max-width: 991px) {
  .haru-text-scroll--style-1 .text-scroll-item h6 {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .haru-text-scroll--style-1 .text-scroll-item h6 {
    font-size: 24px;
  }
}




/* End of Roatating css */