/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


*{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0;
padding: 0;
box-sizing: border-box;

/* Variables for storing colors */
--card-clr: #161922;
--body-clr: #191d28;
--primary-clr: #e44f54;
--heading-clr: #dadada;
--text-clr: #767a86;
}

:root {
  --main-bg-color-dark: #121212;
  --max-width-cont: 2000px;
  --font-text-main: "Unbounded";
  --font-text-main-weight: 400;
  --color-main: #e44f54;
  --color-white: white;
}


@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-ExtraLight.ttf);
  font-weight: 200;
}

@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-Regular.ttf);
  font-weight: 400;
} 

@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-Medium.ttf);
  font-weight: 500;
}  

@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-SemiBold.ttf);
  font-weight: 600;
} 

@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-Bold.ttf);
  font-weight: 700;
} 

@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-ExtraBold.ttf);
  font-weight: 800;
} 

@font-face {
  font-family: "Unbounded";
  src: url(../../fonts/Unbounded-Black.ttf);
  font-weight: 900;
} 



img {
  -moz-user-select: none !important;
-webkit-user-select: none !important;
-ms-user-select: none !important;
  user-select: none !important;
  pointer-events: none !important;
}

.otz-block{
  position: relative;
}



.owl-carousel .owl-stage-outer{
  margin-top: 70px;
}

.testimonials-section{
width: 100%;
padding: 0px 8%;
}
.testimonials-section .section-header{
max-width: 700px;
text-align: center;
margin: 30px auto 40px;
}
.section-header h1{
position: relative;
font-size: 36px;
color: var(--primary-clr);
}
.testimonials-container{
position: relative;
}
.testimonials-container .testimonial-card{
padding: 20px;
}
.testimonial-card .test-card-body{
border-radius: 20px;
background-color: transparent;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.12);
        box-shadow: 2px 2px 20px rgba(0,0,0,0.12);
padding: 20px;
}
.test-card-body .quote{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.test-card-body .quote i{
font-size: 45px;
color: var(--color-white);
margin-right: 20px;
}
.test-card-body .quote h2{
color: var(--color-white);
  font-family: var(--font-text-main);
  font-weight: 400;
}
.test-card-body p{
margin: 10px 0px 15px;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
color: var(--text-clr);
  font-family: var(--font-text-main);
}
.test-card-body .ratings{
margin-top: 20px;
}
.test-card-body .ratings i{
font-size: 17px;
color: var(--color-main);
cursor: pointer;
}
.testimonial-card .profile{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin-top: 25px;
}
.profile .profile-image{
width: 155px;
height: 155px;
overflow: hidden;
margin-right: 15px;
}
.profile .profile-image img{
width: 100%;
height: 100%;
}
.profile .profile-desc{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.profile-desc span:nth-child(1){
font-size: 24px;
font-weight: 400;
color: var(--color-main);
  font-family: var(--font-text-main);
}
.profile-desc span:nth-child(2){
font-size: 15px;
color: var(--text-clr);
  font-family: var(--font-text-main);
}
.owl-nav{
position: absolute;
right: 20px;
bottom: -10px;
}
.owl-nav button{
border-radius: 50% !important;
}
.owl-nav .owl-prev i,
.owl-nav .owl-next i{
padding: 10px !important;
border-radius: 50%;
font-size: 18px !important;
background-color: transparent;
color: var(--color-main);
cursor: pointer;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.owl-nav .owl-prev i:hover,
.owl-nav .owl-next i:hover{
background-color: var(--color-main) !important;
color: #e9e9e9;
}
.owl-dots{
margin-top: 15px;
}
.owl-dots .owl-dot span{
background-color: #333333 !important;
padding: 6px !important;
}
.owl-dot.active span{
background-color: var(--color-main) !important;
}