/*  section Slider start  */
 
/***************************
    CUSTOM SCROLL BAR
****************************/
*, html{
	scroll-behavior: smooth;
  }
  
  *, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }
  
  :root{
	--white:#FFF;
	--black:#232323;
	--lite:rgba(255,255,255,0.6);
	--gray:rgba(1,1,1,0.6);
	--dark:#3c3d3c;
	--primary:linear-gradient(145deg,#ff2f09,#c24a4e);
	--primary_dark:#970104;
	--primary_lite:#c24a4e;
	--secondary:#000a17;
	--default_font:'Ysabeau Infant', sans-serif;
	--title_font:'Outfit', sans-serif;
  }
  
  ::-webkit-scrollbar {
	height: 12px;
	width: 8px;
	background: var(--dark);
  }
  
  ::-webkit-scrollbar-thumb {
	background: gray;
	-webkit-box-shadow: 0px 1px 2px var(--dark);
  }
  
  ::-webkit-scrollbar-corner {
	background: var(--dark);
  }
  
  
  
  /***************************
			DEFAULT
  ****************************/
  body{
	margin:0;
	overflow-x:hidden !important;
	font-family: var(--default_font);
  }
  
  a{
	text-decoration:none !important;
	min-width: fit-content;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
  }
  
  a, button{
	transition:0.5s;
  }
  
  em{
	font-style:normal;
	color:var(--primary_lite);
  }
  
  a, p, .btn{
	font-size:15px;
  }
  
  p{
	line-height:1.9em;
	color:var(--lite);
  }
  
  a, button, input, textarea, select{
	outline:none !important;
  }
  
  fieldset{
	border:0;
  }
  
  h1, h2, h3, h4, h5, h6{
	margin:0;
  }
  
  .title, .sub_title{
	font-family:var(--title_font);
	font-weight:400;
	margin:0;
  }
  
  .flex, .fixed_flex{
	display:flex;
  }
  
  .flex_content{
	width:100%;
	position:relative;
  }
  
  .padding_1x{
	padding:1rem;
  }
  
  .padding_2x{
	padding:2rem;
  }
  
  .padding_3x{
	padding:3rem;
  }
  
  .padding_4x{
	padding:4rem;
  }
  
  .big{
	font-size:3.5em;
  }
  
  .medium{
	font-size:2em;
  }
  
  .small{
	font-size:1.3em;
  }
  
  .btn{
	padding:1rem;
	border-radius:5px;
	color:var(--white);
	position:relative;
	border:0;
	text-align:center;
	
  }
  
  .btn_3{
	display:block;
	background-color:0;
	color:var(--white);
	position:relative;
	font-family:var(--default_font);
	font-weight:400;
	text-transform:uppercase;
  }
  
  .btn_3:before{
	content:"";
	border-radius:50%;
	background-color:rgba(255,255,255,0.2);
	position:absolute;
	left:0;
	top:50%;
	width:40px;
	height:40px;
	transition:0.5s;
	transform:translate(0%, -50%);
  }
  
  .btn_3:after{
	content:"\f178";
	font-family:"FontAwesome";
	margin-left:5px;
  }
  
  .btn_3:hover:before{
	border-radius:40px;
	width:100%;
  }
  
  @media (max-width:920px){
	.flex{
		flex-wrap:wrap;
	}
	
	.padding_1x, .padding_2x, .padding_3x, .padding_4x{
		padding:1rem;
	}
	
	.big{
		font-size:1.8em;
	}
	
	.medium{
		font-size:1.3em;
	}
	
	.small{
		font-size:1.1em;
	}
	
	.btn{
		padding:0.5rem 1rem;
	}
	
	a, p, .btn{
		font-size:12px;
	}
  }
  
  .slider {
	position: relative;
	width: 100%;
	height: 100vh;
  }
  
  ul{
	padding:0;
	margin:0;
  }
  
  .slider .title{
	font-weight:400;
  }
  
  .slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	transition: clip .7s ease-in-out, z-index 0s .7s;
	clip: rect(0, 100vw, 100vh, 100vw);
	display:flex;
	align-items:center;
	justify-content:left;
  }
  
  .slider li:nth-child(1){
	background:linear-gradient(to right, rgba(1,1,1,1) 10%, rgba(1,1,1,0.8) 51%, rgba(1,1,1,0.2) 100%), url("/img/img-17.jpg");
	background-size: cover;
	background-position:top left;
  }
  
  .slider li:before{
	content:"";
	position:absolute;
	top:-20px;
	right:0;
	width:250px;
	height:250px;
	background-image:url("https://i.postimg.cc/02zcww6c/slider-shape.png");
	background-size:100% 100%;
	transition-delay: 1s;
	transform: rotate(-90deg);
	z-index:1;
  }
  
  .slider li:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:300px;
	height:300px;
	background-image:url("https://i.postimg.cc/KjKbwDfR/slider-shape-2.png");
	background-size:100% 100%;
	transform:rotate(360deg);
  transition: all 1.5s cubic-bezier(0,0,.2,1);
	z-index:1;
	background-position:center left;
  }
  
  .slider li:nth-child(2){
	background:linear-gradient(to right, rgba(1,1,1,1) 10%, rgba(1,1,1,0.8) 51%, rgba(1,1,1,0.2) 100%), url("/img/img-14.jpg");
	background-size: cover;
	background-position:top left;
  }
  
  .slider li:nth-child(3){
	background:linear-gradient(to right, rgba(1,1,1,1) 10%, rgba(1,1,1,0.8) 51%, rgba(1,1,1,0.2) 100%), url("/img/img-13.jpg");
	background-size: cover;
	background-position:top left;
  }
  
  .slider article{
	width:60%;
	margin-top:4rem;
	color: #fff;
	z-index:11;
  }
  
  .slider h3 + p {
	display: inline-block;
	color: var(--lite);
	font-weight:300;
  }
  
  .slider h3, .slider h3 + p, .slider p + .btn, li:after{
	opacity: 0;
	transition: opacity .7s 0s, transform .5s .2s;
	transform: translate3d(0, 50%, 0);
  }
  
  li.current h3, li.current h3 + p, li.current p + .btn, li.current:after {
	opacity: 1;
	transition-delay: 1s;
	transform: translate3d(0, 0, 0);
  }
  
  .slider li:before{
	transition: 0.5s;
	top:-250px !important;
  }
  
  li.current:before{
	transition-delay: 1s;
	transform: rotate(-90deg);
	top:-20px !important;
  }
  
  li.current {
	z-index: 1;
	clip: rect(0, 100vw, 100vh, 0);
  }
  
  li.prev {
	clip: rect(0, 0, 100vh, 0);
  }
  
  .slider aside {
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	text-align: center;
	z-index: 10;
  }
  
  .slider aside a {
	display: inline-block;
	width: 8px;
	height: 8px;
	min-width: 8px;
	min-height: 8px;
	background-color: var(--white);
	margin: 0 0.2rem;
	transition: transform .3s;
  }
  
  .slider em{
	background: var(--primary);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
  }
  
  a.current_dot {
	transform: scale(1.4);
	background:var(--primary) !important;
  }
  
  @media screen and (max-width: 920px) {
	header{
		height:70vh;
		position:relative;
	}
	
	.cs-down{
		display:none;
	}
  
	.slider{
		height:70vh;
	}
	
	.slider article{
		width:100%;
		margin-top:2rem;
	}
	
	.slider li:nth-child(2){
		background-position:top center;
	}
	
	.slider li:nth-child(3){
		background-position:top center;
	}
	
	li.current:before{
		top:-30px;
		right:-10px;
	}
  }
/* testition start */
.main {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding-top: 14px;
	/* height: 100vh;
	width: 100vw; */
}

.testimonials {
	background-color: initial;
	width: 100%;
	max-width: 740px;
	margin: 20px;
	box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
	border-radius: 3px;
	position: relative;
	opacity: 0;
	animation: showTestimonials 0.32s 0.78s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}
.testimonials input {
	display: none;
	visibility: hidden;
	height: 0;
	width: 0;
	pointer-events: none;
	opacity: 0;
}
@keyframes showTestimonials {
	to {
		opacity: 1;
   }
}
.testimonials-inner {
	position: relative;
	min-height: 100px;
}
.testimonial {
	padding: 40px 34px 20px 34px;
	margin: 0 30px;
	pointer-events: none;
	position: relative;
	z-index: 1;
}
input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1), input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2), input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3), input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) {
	pointer-events: initial;
}
.testimonial {
	transition: 0.72s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.32s 0.12s;
	opacity: 0;
	transform: translate(0, 38px);
	max-height: 80px;
	animation: hideTestimonial 0s 0.52s forwards;
	position: relative;
}
input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1), input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2), input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3), input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) {
	animation: showTestimonial 0s 0.72s forwards;
	position: absolute;
	opacity: 1;
	transform: none;
	max-height: 500px;
	transition: 0.3s 0.52s, opacity 0.68s 0.92s, max-height 0.82s 0.72s;
}
@keyframes hideTestimonial {
	to {
		position: absolute;
   }
}
@keyframes showTestimonial {
	to {
		position: relative;
   }
}
input[name="testimonial"]:nth-child(1):checked ~ .testimonials-bullets label:nth-child(1) span, input[name="testimonial"]:nth-child(2):checked ~ .testimonials-bullets label:nth-child(2) span, input[name="testimonial"]:nth-child(3):checked ~ .testimonials-bullets label:nth-child(3) span, input[name="testimonial"]:nth-child(4):checked ~ .testimonials-bullets label:nth-child(4) span {
	background-color: rgba(62, 129, 235, 0.836);
	transform: scale(1);
	transition: transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48), background-color 0.41s ease-in;
}
.testimonial-photo {
	height: 84px;
	width: 84px;
	position: absolute;
	top: -32px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.photo-background {
	background-color:inherit;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	height: 100%;
	box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
	width: 100%;
	transform: scale(0.87);
	transition: 0.32s;
}
input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1) .photo-background, input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2) .photo-background, input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3) .photo-background, input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) .photo-background {
	transform: scale(1);
	transition: 0s;
}
.photo-author {
	background-size: 68px;
	background-position: center;
	height: 0;
	width: 0;
	border-radius: 50%;
	background-color: #dbdbdb;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	opacity: 0;
	transform: scale(1.18) translate(0, -6px);
	transition: transform 0.42s ease-out, opacity 0.58s, width 0s 0.6s, height 0s 0.6s;
}
input[name="testimonial"]:nth-child(1):checked ~ .testimonials-inner .testimonial:nth-child(1) .photo-author, input[name="testimonial"]:nth-child(2):checked ~ .testimonials-inner .testimonial:nth-child(2) .photo-author, input[name="testimonial"]:nth-child(3):checked ~ .testimonials-inner .testimonial:nth-child(3) .photo-author, input[name="testimonial"]:nth-child(4):checked ~ .testimonials-inner .testimonial:nth-child(4) .photo-author {
	transform: scale(1);
	opacity: 1;
	height: 68px;
	width: 68px;
	transition: width 0.26s 1.01s, height 0.26s 1.01s;
}
.testimonial-text {
	color: #fefefe;
	font-size: 20px;
	text-align: center;
	text-shadow: 0 0 1px #939393;
	letter-spacing: 0.12px;
	font-style: italic;
	line-height: 26px;
	padding: 30px;
}
@media (max-width: 768px) {
    .testimonial-text {
      margin: -17px 0 -17px 0;
      padding: 10px;
    }
  }
  
.testimonial-text p {
	margin-bottom: 10px;
	font-family:cursive;
}
.testimonial-author {
	font-size: 15px;
	text-align: right;
	color: #bdbdbd;
	letter-spacing: 0.24px;
	text-transform: uppercase;
	text-shadow: 0 0 1px #e3e3e3;
}
.testimonial-author:before {
	content: '– ';
}
.testimonials-bullets {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 30px;
	transform: translate(0, 8px);
}
.testimonials-bullets .bullet {
	height: 30px;
	width: 30px;
	cursor: pointer;
	margin: 0 1px;
}
.testimonials-bullets .bullet div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background-color: #8a8686;
	box-shadow: 0 4px 6px -7px #000;
}
.testimonials-bullets .bullet div span {
	background-color: #c3c3c3;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	transform: scale(0.82);
	transition: 0.72s;
}
.testimonials-bullets .bullet:hover span {
	background-color: rgba(10, 172, 226, 0.836);
}
.testimonials-arrows {
	height: 100%;
}
.testimonials-arrows .arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	position: absolute;
	top: calc(50% - 25px);
}
.testimonials-arrows .arrow span {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #5b5959;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}
.testimonials-arrows .arrow span:before {
	font-size: 32px;
	font-family: monospace, sans-serif;
	font-weight: 600;
	color: #908a8a;
	transition: color 0.21s ease-in;
}
.testimonials-arrows .arrow:hover span:before {
	color: #444;
	transition: color 0.17s ease-out;
}
.testimonials-arrows .arrow label {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.testimonials-arrows .arrow-left {
	left: -20px;
}
/* .testimonials-arrows .arrow-left span {
	box-shadow: 40px 0 20px 20px #fff, -5px 0 30px 0px #e1e1e1;
} */
.testimonials-arrows .arrow-left span:before {
	content: '<';
}
.testimonials-arrows .arrow-right {
	right: -20px;
}
/* .testimonials-arrows .arrow-right span {
	box-shadow: -40px 0 20px 20px #fff, 5px 0 30px 0px #e1e1e1;
} */
.testimonials-arrows .arrow-right span:before {
	content: '>';
}
input[name="testimonial"]:nth-child(1):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial4"], input[name="testimonial"]:nth-child(1):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial2"], input[name="testimonial"]:nth-child(2):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial1"], input[name="testimonial"]:nth-child(2):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial3"], input[name="testimonial"]:nth-child(3):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial2"], input[name="testimonial"]:nth-child(3):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial4"], input[name="testimonial"]:nth-child(4):checked ~ .testimonials-arrows .arrow-left label[for="input-testimonial3"], input[name="testimonial"]:nth-child(4):checked ~ .testimonials-arrows .arrow-right label[for="input-testimonial1"] {
	z-index: 1;
}
.testimonial:nth-child(1) .photo-author {
	background-image: url(/img/user2.jpeg);
}
.testimonial:nth-child(2) .photo-author {
	background-image: url(/img/user2.jpeg);
}
.testimonial:nth-child(3) .photo-author {
	background-image: url(/img/user2.jpeg);
}
.testimonial:nth-child(4) .photo-author {
	background-image: url(/img/user2.jpeg);
}
/* testimonial section end */

/* brand section start */
@keyframes scroll {
	0% {
		transform: translateX(0);
   }
	100% {
		transform: translateX(calc(-250px * 7));
   }
}
/* .slider {
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: auto;
}
.slider .slide-track {
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(250px * 14);
}
.slider .slide {
	height: 100px;
	width: 250px;
}
@media (max-width: 768px) {
    .slider .slide {
      width: 100%; 
    }} */
/* brand section end */