@charset "utf-8";

*{margin:0px; padding:0px;}



html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 16px;  color:#fff; font-family: "Roboto", sans-serif; background-color: #000000 ; font-weight: 500;}
a, a:active, a:focus, a:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; transition: all 0.5s ease; text-decoration: none;}

.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #000000; transition: 0.5s; transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s}
.overlayContent img{width:180px;}

.max-150{max-width: 150px;}
.max-20{max-width: 20px;}
.max-50{max-width: 50px;}
.max-60{max-width: 60px;}
.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.max-500{max-width: 500px;}
.max-600{max-width: 600px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.max-800{max-width: 800px;}
.max-900{max-width: 900px;}
.max-1000{max-width: 1000px;}
.max-1100{max-width: 1100px;}

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}
.opacity-30{opacity: .30;}

.fw-300{font-weight: 300}
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}
.fw-800{font-weight: 800}

.color_CDCDCD{color: #CDCDCD;}
.bg_101010{background: #101010;}
.bg_D91F29{background: #D91F29;}

.fs-7{font-size: 15px;}

header{background: #000; position: fixed; top: 0; left: 0; right: 0; z-index: 11;}
.header_logo {width: 180px;}
.header_button{background: #D91F29; padding: 8px 15px; border-radius: 7px; color: #fff; font-weight: 500;}
.header_button:hover{background: #9e131a;}
p.header_button:hover{background: #D91F29;}

.header_padding{padding-top: 100px;}

.banner_bg{background: url(../img/banner-bg.png) no-repeat; background-size: 100% 100%;}
.banner_heading_width{max-width: 700px;}
.banner_heading h1{font-weight: 600; font-size: 50px;}
.banner_heading h1 span{color: #D91F29;}

.all_heading h2{font-weight: 600; font-size: 40px;}
.all_heading h2 span{color: #D91F29;}

.small_heading{font-weight: 600; font-size: 25px;}
.small_heading span{color: #D91F29;}

.feature_bg{background: #000000; border: 1px solid rgba(255, 255, 255, 0.23); padding: 16px 23px; border-radius: 10px;}


.FaqBg{background: url(../img/faq-bg.png) no-repeat; background-size: cover;}

.accordion_border_main{max-width: 1000px; margin: auto;}
.plusminus{position: absolute; z-index: 1; right: 20px; font-size: 18px; top: 19px;  height: 28px;  text-align: center;}
.accordion_head {cursor: pointer; font-size: 16px; color: #fff; background-color: rgb(217 217 217 / 10%); backdrop-filter: blur(10px); position: relative; padding-right: 34px !important; font-weight: 400; padding: 20px 18px;}
.faq_point{position: absolute; left: 0; top:0}
.accordion_border{position: relative; overflow: hidden; border-radius: 5px; margin-bottom: 15px;}
.accordion_body{display:none; padding: 0px 20px 20px 20px; background-color: rgb(217 217 217 / 10%); backdrop-filter: blur(10px);}
.accordion_body p{margin-bottom: 0px; color: #B1B1B1; font-size: 14px; font-weight: 400; width: 100%;}
.faq_open{display: block;}
.faq_box{max-width: 100%; margin: auto;}
.shadow_lien {height: 1px; background: radial-gradient(circle, #424242 0, transparent 100%); margin-bottom: 10px}


footer{background: url(../img/FooterBg.png) no-repeat; background-size: cover; margin-top: -15px;}
.FooterLogo {width: 180px; }
.FooterSocialIcon {height: 35px;}
.FooterTearms {padding: 0px 20px 0px 0px; color: #fff; font-size: 14px; font-weight: 400; margin: 0px;}
.FooterTearms::after {content: ''; height: 20px; width: 1.5px; background: #fff; position: absolute; left: 125px; top: 0px;}
.FooterCopyrightText {color: #fff; font-size: 14px; font-weight: 400; margin: 0px; text-align: right;}
.FooterPrivacy {color: #fff; font-size: 14px; font-weight: 400; margin: 0px;}

.testimonial-wrapper {
  height: 400px;            /* visible height */
  overflow: hidden;
  position: relative;
}

.testimonial-container {
  display: flex;
  flex-direction: column;
  animation: scrollUp 15s linear infinite;
}

/* continuous bottom-to-top scroll */
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}