@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter&family=Montserrat:wght@400;700&display=swap');

*, 
*::before, 
::after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body {
    background: rgb(69, 67, 61);
    color: white;
    padding:0;
    width:100%;
    overflow-x: hidden;
    max-width: 1600px;
    margin: 0 auto;
}

.bebas {
  font-family: 'Bebas Neue', sans-serif;
}

.monts {
  font-family: 'Montserrat', sans-serif;
}

.inter {
  font-family: 'Inter', sans-serif;
}

.iframe-wrapper{
  position: relative;
	padding-top: 56.25%;
}

.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;       
    width: 100%;
}

a {
  color:inherit;
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

.title_1 {
  font-weight: bold;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  text-shadow: rgb(255 255 255 / 60%) 1px 1px 1px, rgb(0 0 0 / 60%) -1px -1px 1px;
  letter-spacing: 0.2em;
  color: #FBCFB0;
  max-width: 500px;
}

.title_2 {
  font-size: 36px;
  font-weight: bold;
  font-size: 'Bebas Neue', sans-serif;
  letter-spacing: 0.25em;
}

.msg{
  text-align: left;
  line-height: 0;
  padding-left: 2px;
  font-size: 13px;
  display: none;
  color: red;
  margin: 10px 0px;
  width: max-content;
}

.btn .loader {
  display: none;
}

.password-input, .email-input {
  padding: 4px 20px;
  border: 1px solid #262626;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  font-size: 16px;
  text-align: center;
}

.form-container {
  min-height: 180px;
}

.tp-bg-b {
  background: rgba(37, 37, 46, 1);
}

.tp-img {
  max-width: 500px;
}

.cta_1 {
  color: #45433D;
  background-color: #fbcfb0;
  padding: 15px 0;
  /* margin: 10px 0px 20px; */
}

.cta_1:hover {
  background-color: #c6ac93;
  color: #ffffff;
  text-decoration: none;
}

.title_3 {
  font-size: 40px;
  font-weight: bold;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 0.10em;
}

.title_3_sub{
  font-weight: 400;
  font-size: 18px;
  font-family: Arial,Helvetica,sans-serif;
  letter-spacing: 0.2px;
}

.ex_content {
  font-size: 21px;
  font-family: 'Montserrat', sans-serif;
  line-height: 165%;
  /* text-align: justify; */
}

.ex_content a {
  text-decoration: none;
}

.ex_content a:hover {
  color: #45433D;
  background-color: #ffffff;
}

.ex_content:active, .ex_content:visited {
  color: #ffffff;
}

.title_4, .title_6 {
  font-size: 33px;
  font-weight: bold;
  letter-spacing: 0.25em;
  margin: 55px 0px 68px;
}

.title_5 {
  font-size: 33px;
  font-weight: bold;
  letter-spacing: 0.25em;
  margin: 60px 0px;
}

.ex_content_2 {
  font-size: 18px;
  font-family: Arial,Helvetica,sans-serif;
  text-align: justify;
}

.carousel-track {
  transition: transform 250ms ease-in;
}

.film-tns-top:hover {
  cursor: pointer;
}

.film-tns-ds {
  /* text-align: center; */
  font-size: 20px;
  padding: 5px 2px;
}

.film-tns-ds-2 {
  font-size: 16px;
  color: #CFBEAD;
  padding: 0px 2px;
}

.btm-slider-prev{
  position: absolute;
  bottom: 50%;
  left: -50px;
  z-index: 0;
  opacity: .5;
}

.btm-slider-prev:hover {
  cursor: pointer;
}

.btm-slider-next{
  position: absolute;
  bottom: 50%;
  right: -35px;
  z-index: 0;
  opacity: .5;
}

.btm-slider-next:hover {
  cursor: pointer;
}

.footer-content {
  font-size: 18px;
}

.footer-wrap a:hover {
  color: rgb(118, 118, 118);
}

.footer-wrap:visited {
  color: #ffffff;
}

.bg-control {
  background: #000000ee;
  color: #ffffff;
}

.abt-l {
  font-family: 'Montserrat', sans-serif;
  /* text-align: justify; */
  letter-spacing: 0.9px;
  font-size: 18px;
  color: #cacaca;
}

.og-tt {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.og-tt-l {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  min-height: 115px;
}

.og-tt-btm {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.rds-ctl {
  border-radius: 30px;
  color: #45433D;
}

.og-cta {
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  font-weight: 700;
  background: #fbcfb0;
  color: #45433D;
  max-width: 300px;
}

.og-cta:hover {
  background-color: #c6ac93;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.slider-nav1:hover{
  cursor: pointer;
}

.tes-row img, .slider-nav1 img, .slider-nav4 img{
  /* width: 27px; */
}

.btm-slider-prev2{
  position: absolute;
  bottom: 50%;
  left: 12px;
  z-index: 1;
  opacity: .6;
}

.btm-slider-next2{
  position: absolute;
  bottom: 50%;
  right: 12px;
  z-index: 1;
  opacity: .6;
}

.btm-slider-prev, .btm-slider-prev2, .btm-slider-prev4, .btm-slider-next, .btm-slider-next2, .btm-slider-next4{
  transform: translateY(50%);
}

.btm-tm {
  position: relative;
}

.btm-tm-modal {
  position: absolute;
  background: #000000;
  opacity: 0.8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-d {
  line-height: 18px;
  font-weight: 200;
  letter-spacing: 0.4px;
  font-size: 15px;
}

.btm-tm-modal {
  display: none;
}

.showModal {
  display: block;
}

.intr-bgm {
  background-image: url("https://cdn.epoch.cloud/assets/static_assets/Final-War-landing-page-sbg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #000000;
}

.intr-trans-bgm {
  background: #ffffff;
  opacity: 0.95;
  font-size: 22px;
}

.intr-bgm-tt {
  font-size: 26px;
}

/* .intr-trans-bgm ul {
  padding-inline-start: 20px;
} */

.f-w {
	max-width: 320px;  
}

.div-dot {
  height: 2px;
  background: #000;
  width: 6px;
}

.q-title {
  font-weight: 700;
}

.q-title2 {
  font-size: 30px;
  font-weight: 700;
}

.quote-1, .q-title {
  font-family: "Inter", sans-serif;
}

.quote-a2, .q-title2 {
  font-family: "Georgia";
  color: #98550E;
}

@media screen and (max-width: 1040px) {
  .abt-l {
    font-size: 18px;
  }   

}

@media screen and (max-width: 825px) {
  .title_3 {
    font-size: 24px;
  }

  .film-tns-ds {
    font-size: 18px;
  }

  .q-title2 {
    font-size: 22px;
  }

  .title_1 {
    font-size: 11px;
    letter-spacing: 0.13em;
  }
}

@media screen and (max-width: 767px) {
  .og-tt-l {
    min-height: 0px;
  }
}

@media screen and (max-width: 568px) {
  .title_2 {
    font-size: 17px;
  }

  .title_3 {
    font-size: 24px;
  }
  
  .title_4, .title_6 {
    font-size: 26px;
    margin: 35px 0px 48px;
  }
  
  .title_5 {
    font-size: 26px;    
    margin: 40px 0px;
  }

  .ex_content {
    font-size: 16px;
  }

  .ex_content_m {
    word-break: break-all;
  }
  
  .intr-bgm-tt {
    font-size: 18px;
  }

  .intr-trans-bgm {
    font-size: 16px;
  }

  /* .intr-trans-bgm ul {
    padding-inline-start: 10px;
  } */

  .film-tns-ds {
    font-size: 16px;
  }

  .og-tt-btm {
    font-size: 18px;
  }

  .q-title2 {
    font-size: 20px;
  }

}