:root {
  --theme-color:#1DF0BB;
  --heading-color:#1F1F1F;
  --black-color:#000000;
  --dark-color:#1F1F1F;
  --ff-body:"Gilroy";
}

body {
  font-family: "Gilroy";
  font-size: 18px;
  line-height: 28px;
  color: #575757;
  background: #ffffff;
  overflow-x: hidden;
  font-weight: 500;
}
@media only screen and (max-width: 991.98px) {
  body {
    font-size: 14px;
    line-height: 20px;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
  font-weight: bold;
}

.text-16 {
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (max-width: 767.98px) {
  .text-16 {
    font-size: 14px;
    line-height: 20px;
  }
}

.title-sm {
  font-size: 22px;
  line-height: 44px;
}
@media only screen and (max-width: 767.98px) {
  .title-sm {
    font-size: 20px;
    line-height: 28px;
  }
}

.title-24 {
  font-size: 24px;
  line-height: 32px;
}
@media only screen and (max-width: 991.98px) {
  .title-24 {
    font-size: 16px;
    line-height: 20px;
  }
}

.font-wbold {
  font-weight: bold;
}

.section-title .title {
  font-size: 44px;
  line-height: 52px;
}
@media only screen and (max-width: 767.98px) {
  .section-title .title {
    font-size: 28px;
    line-height: 36px;
  }
}
.section-title .title-md {
  font-size: 38px;
  line-height: 40px;
}
@media only screen and (max-width: 767.98px) {
  .section-title .title-md {
    font-size: 28px;
    line-height: 36px;
  }
}
.section-title p {
  font-weight: 500;
}

.section-title.text-white p {
  color: #fff;
}

.font-w500 {
  font-weight: 500 !important;
}

@media (min-width: 768px) {
  .sec-pt-80 {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .sec-pt-80 {
    padding-top: 50px;
  }
}

@media (min-width: 768px) {
  .sec-pb-80 {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .sec-pb-80 {
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .sec-pt-50 {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .sec-pt-50 {
    padding-top: 35px;
  }
}

@media (min-width: 768px) {
  .sec-pb-50 {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .sec-pb-50 {
    padding-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .sec-pt-100 {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .sec-pt-100 {
    padding-top: 50px;
  }
}

@media (min-width: 768px) {
  .sec-pb-100 {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .sec-pb-100 {
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .sec-pt-138 {
    padding-top: 138px;
  }
}
@media (max-width: 767px) {
  .sec-pt-138 {
    padding-top: 88px;
  }
}

@media (min-width: 768px) {
  .sec-pb-138 {
    padding-bottom: 138px;
  }
}
@media (max-width: 767px) {
  .sec-pb-138 {
    padding-bottom: 88px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-mainus1 {
  margin-top: -1px;
}

.custom_container {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1400px) {
  .custom_container {
    max-width: 1400px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1500px) {
  .custom_container {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media only screen and (max-width: 767.98px) {
  .container-md-none {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.bg-black {
  background: #000;
}

.text-theme {
  color: var(--theme-color);
}

.text-black {
  color: var(--black-color);
}

.bg-theme {
  background: var(--theme-color);
}

.bg-dark {
  background: var(--dark-color) !important;
}

.bt-light {
  background-color: #F0F0F0 !important;
}

.bg-gray-2 {
  background-color: #F0F0F0;
}

.text-gray-3 {
  color: #CCCCCC;
}

.btn-sm {
  padding: 5px 15px;
}

.btn-blue-outline {
  border: 2px solid #4E2FD2;
  color: #4E2FD2;
  font-weight: 600;
  transition: all 0.35s;
}
.btn-blue-outline:hover {
  background-color: #4E2FD2;
  border-color: transparent;
  color: #fff;
}

.btn-theme-outline-light {
  background-color: transparent;
  border: 1px solid var(--theme-color);
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 14px 43px;
  transition: all 0.4s;
}
.btn-theme-outline-light:hover {
  background-color: var(--theme-color);
  border-color: transparent;
}

.btn-theme {
  background-color: var(--theme-color);
  border-color: transparent;
  border-radius: 4px;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  padding: 14px 43px;
  transition: all 0.4s;
}
@media only screen and (max-width: 767.98px) {
  .btn-theme {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
  }
}
.btn-theme:hover {
  background-color: transparent;
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
}

.btn-blue-light {
  background-color: #F6F5FF;
  color: #4E2FD2;
  font-weight: 600;
}

.btn-blue {
  background-color: #4E2FD2;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  border-radius: 4px;
  padding: 13px 23px;
}
@media only screen and (max-width: 767.98px) {
  .btn-blue {
    font-size: 14px;
    line-height: 16px;
    padding: 7px 16px;
  }
}
.btn-blue:hover {
  background-color: #4427BE;
  color: #fff;
}

.close {
  height: 14px;
  width: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 0.3C13.3 -0.1 12.7 -0.1 12.3 0.3L7 5.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.3 0.3 1.7L5.6 7L0.3 12.3C-0.1 12.7 -0.1 13.3 0.3 13.7C0.5 13.9 0.7 14 1 14C1.3 14 1.5 13.9 1.7 13.7L7 8.4L12.3 13.7C12.5 13.9 12.8 14 13 14C13.2 14 13.5 13.9 13.7 13.7C14.1 13.3 14.1 12.7 13.7 12.3L8.4 7L13.7 1.7C14.1 1.3 14.1 0.7 13.7 0.3Z' fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.feature-row {
  margin-bottom: -50px;
}
@media screen and (min-width: 767px) {
  .feature-row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767.98px) {
  .feature-row {
    margin-bottom: -28px;
  }
}
.feature-row .feature-col {
  width: 20%;
  margin-bottom: 50px;
}
@media screen and (min-width: 767px) {
  .feature-row .feature-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 991.98px) {
  .feature-row .feature-col {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 767.98px) {
  .feature-row .feature-col {
    width: 100%;
    margin-bottom: 28px;
  }
}

.item-feature-wrap .icone {
  display: block;
  height: 65px;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767.98px) {
  .item-feature-wrap .icone {
    padding-bottom: 0;
    height: auto;
    min-width: 75px;
  }
}
@media only screen and (max-width: 767.98px) {
  .item-feature-wrap .text-content {
    padding-left: 15px;
  }
}
.item-feature-wrap .title {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 767.98px) {
  .item-feature-wrap .title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
  }
}
.item-feature-wrap p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.product-feature-section {
  position: relative;
  z-index: 2;
}
.product-feature-section .bg-cover {
  width: 100%;
  position: relative;
  z-index: 2;
  background-position: left center;
  height: 560px;
}
.product-feature-section .bg-cover::before {
  content: "";
  height: 100%;
  width: 60%;
  position: absolute;
  right: 0;
  top: 0;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#b3000000",GradientType=1 );
}
@media only screen and (max-width: 991.98px) {
  .product-feature-section .bg-cover::before {
    display: none;
  }
}
@media (min-width: 1600px) {
  .product-feature-section .bg-cover {
    height: 860px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .product-feature-section .bg-cover {
    height: 646px;
  }
}
@media only screen and (max-width: 1199.98px) {
  .product-feature-section .bg-cover {
    height: 500px;
  }
}
@media only screen and (max-width: 991.98px) {
  .product-feature-section .bg-cover {
    height: 440px;
  }
}
@media only screen and (max-width: 767.98px) {
  .product-feature-section .bg-cover {
    height: 312px;
  }
}
.product-feature-section .product-feature-text {
  width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .product-feature-section .product-feature-text {
    padding-top: 48px;
    padding-bottom: 15px;
    padding-left: 5vw;
    padding-right: 5vw;
    text-align: center;
  }
}
@media (min-width: 991.98px) {
  .product-feature-section .product-feature-text {
    position: absolute;
    right: 13vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 485px;
    color: #fff;
  }
  .product-feature-section .product-feature-text .title {
    color: #fff;
    margin-bottom: 16px;
  }
}

.product-feature-section2 {
  background-color: #18181A;
}
.product-feature-section2 .bg-cover::before {
  display: none;
}
@media screen and (max-width: 1500px) {
  .product-feature-section2 .product-feature-text {
    right: 9vw;
  }
}
@media screen and (max-width: 1300px) and (min-width: 992px) {
  .product-feature-section2 .product-feature-text {
    right: 0;
    width: 460px;
  }
}
.product-feature-section2::before {
  display: none;
}
@media only screen and (max-width: 991.98px) {
  .product-feature-section2 .section-title .title, .product-feature-section2 p {
    color: #fff;
  }
  .product-feature-section2 .bg-cover {
    background-position: top center;
  }
}
.product-feature-section2 .product-image-wrap {
  margin-top: 20px;
}
.product-feature-section2 .product-image-wrap img {
  max-width: 386px;
  width: 70%;
}
@media only screen and (max-width: 767.98px) {
  .product-feature-section2 .product-image-wrap img {
    max-width: 300px;
  }
}

@media only screen and (max-width: 991.98px) {
  .ring__section {
    padding-bottom: 0 !important;
  }
}

.index-3 {
  z-index: 3;
}

.has-bg-dark-overlay {
  position: relative;
  z-index: 2;
}
.has-bg-dark-overlay::before {
  content: "";
  height: 102%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000;
  opacity: 0.5;
}
@media only screen and (max-width: 767.98px) {
  .has-bg-dark-overlay::before {
    opacity: 0.7;
  }
}
.has-bg-dark-overlay .bg-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.accordion-slide-wrap .accordion-body {
  display: none;
}
.accordion-slide-wrap .accordion-body:first-child {
  display: block;
}

.wyze-slide-wrapper2 {
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .wyze-slide-wrapper2 {
    margin-left: -5vw;
    margin-right: -5vw;
  }
}
.wyze-slide-wrapper2 .swiper-slide {
  overflow: hidden;
}
.wyze-slide-wrapper2 .slide_bg {
  height: 682px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767.98px) {
  .wyze-slide-wrapper2 .slide_bg {
    height: 580px;
  }
}
@media only screen and (max-width: 479px) {
  .wyze-slide-wrapper2 .slide_bg {
    height: 440px;
  }
}

.accordion-slide-wrap {
  border-top: 2px solid #1F1F1F;
}
.accordion-slide-wrap .swiper-pagination-bullet {
  height: auto;
  width: auto;
  opacity: 1;
  display: block;
  border-radius: 0;
  background-color: transparent;
}
.accordion-slide-wrap .swiper-pagination-bullet:first-child .accordion-body {
  display: block;
}
.accordion-slide-wrap .accordion-item {
  border-bottom: 2px solid #1F1F1F;
}
.accordion-slide-wrap .accordion-body {
  color: #575757;
  font-weight: 400;
  margin-top: -3px;
  padding-bottom: 20px;
}
.accordion-slide-wrap .accordion-title {
  font-size: 24px;
  line-height: 32px;
  color: #000;
  background-color: transparent;
  border: none;
  padding: 20px 5px;
  font-weight: 600;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  padding-right: 60px;
}
@media only screen and (max-width: 767.98px) {
  .accordion-slide-wrap .accordion-title {
    font-size: 24px;
    line-height: 32px;
    padding: 15px 0;
    padding-right: 60px;
  }
}
.accordion-slide-wrap .accordion-title::before {
  content: "";
  height: 16px;
  width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7H9V1C9 0.4 8.6 0 8 0C7.4 0 7 0.4 7 1V7H1C0.4 7 0 7.4 0 8C0 8.6 0.4 9 1 9H7V15C7 15.6 7.4 16 8 16C8.6 16 9 15.6 9 15V9H15C15.6 9 16 8.6 16 8C16 7.4 15.6 7 15 7Z' fill='black'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 30px;
  top: 28px;
  z-index: 3;
  transition: all 0.25s;
}
@media only screen and (max-width: 767.98px) {
  .accordion-slide-wrap .accordion-title::before {
    top: 22px;
  }
}
.accordion-slide-wrap .accordion-title.active::before {
  opacity: 0;
}

.single-content-section p {
  font-weight: 600;
  font-size: 24px;
  line-height: 44px;
  color: #fff;
  margin-bottom: 38px;
}

.testimonial-card-wrap .client-logo {
  margin-bottom: 9px;
  min-height: 70px;
  display: -ms-flexbox !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.testimonial-card-wrap p {
  margin-bottom: 0;
}
@media only screen and (max-width: 991.98px) {
  .testimonial-card-wrap .quote {
    display: block;
    font-weight: bold;
    font-size: 64px;
    line-height: 50px;
    font-family: Helvetica;
  }
}

.testimonial-slide-pagination {
  text-align: center;
  margin-top: 20px;
}

.testimonial-slide-pagination .swiper-pagination-bullet {
  background: #E3E3E3;
  opacity: 0.5;
  margin: 0 4px;
  height: 10px;
  width: 10px;
}

.testimonial-slide-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.prod-view-nav {
  min-width: 331px;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .prod-view-nav {
    min-width: 100%;
  }
}
.prod-view-nav .prod-view-nav-item {
  font-size: 16px;
  line-height: 20px;
  color: #1F1F1F;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 992px) {
  .prod-view-nav .prod-view-nav-item {
    padding: 11px 10px 11px 16px;
    border-left: 4px solid #CCCCCC;
  }
}
@media only screen and (max-width: 991.98px) {
  .prod-view-nav .prod-view-nav-item {
    border-bottom: 4px solid #CCCCCC;
    padding: 21px;
  }
}
@media only screen and (max-width: 479px) {
  .prod-view-nav .prod-view-nav-item {
    padding: 15px 10px;
    font-size: 14px;
    line-height: 16px;
  }
}
.prod-view-nav .prod-view-nav-item .icon {
  min-width: 45px;
  margin-right: 9px;
}
@media only screen and (max-width: 991.98px) {
  .prod-view-nav .prod-view-nav-item .icon {
    min-width: auto;
    min-height: 30px;
    margin-bottom: 2px;
    margin-right: 0;
  }
}
.prod-view-nav .active-nav {
  position: absolute;
  left: -4px;
  height: 45px;
  width: 4px;
  background-color: #fff;
  top: 0;
  transition: all linear 1s;
  z-index: 51;
}
@media only screen and (max-width: 991.98px) {
  .prod-view-nav .active-nav {
    width: 100%;
    height: 4px;
    left: 0;
    top: auto;
    bottom: -4px;
  }
}

.doorbell-view-image {
  position: relative;
  height: 456px;
  width: 456px;
}
@media only screen and (max-width: 767.98px) {
  .doorbell-view-image {
    width: 100%;
    height: 338px;
  }
}
.doorbell-view-image .image-wrap-1, .doorbell-view-image .image-wrap-2 {
  display: block;
  position: absolute;
  height: 456px;
  width: 456px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767.98px) {
  .doorbell-view-image .image-wrap-1, .doorbell-view-image .image-wrap-2 {
    width: 100%;
    height: 338px;
  }
}
.doorbell-view-image .image-wrap-1 {
  height: 276px;
  transition: all linear 1s;
  overflow: hidden;
}
@media only screen and (max-width: 767.98px) {
  .doorbell-view-image .image-wrap-1 {
    height: 195px;
  }
}
.doorbell-view-image img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.active-view.prod-view-area .doorbell-view-image .image-wrap-1 {
  height: 456px;
}
@media only screen and (max-width: 767.98px) {
  .active-view.prod-view-area .doorbell-view-image .image-wrap-1 {
    height: 338px;
  }
}
.active-view.prod-view-area .prod-view-nav .active-nav {
  top: 42px;
}
@media only screen and (max-width: 991.98px) {
  .active-view.prod-view-area .prod-view-nav .active-nav {
    left: 100%;
    top: auto;
    width: 284px;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 550px) {
  .active-view.prod-view-area .prod-view-nav .active-nav {
    width: 280px;
  }
}

.bg-dark .prod-view-nav .prod-view-nav-item {
  color: #EBEBEB;
}
@media screen and (min-width: 992px) {
  .bg-dark .prod-view-nav .prod-view-nav-item {
    border-left: 4px solid #575757;
  }
}
@media only screen and (max-width: 991.98px) {
  .bg-dark .prod-view-nav .prod-view-nav-item {
    border-bottom: 4px solid #575757;
  }
}
.bg-dark .prod-view-nav .swiper-pagination-bullet-active .prod-view-nav-item {
  background-color: #3B3B3B;
}
@media screen and (min-width: 992px) {
  .bg-dark .prod-view-nav .swiper-pagination-bullet-active .prod-view-nav-item {
    border-left: 4px solid #FFFFFF;
  }
}
@media only screen and (max-width: 991.98px) {
  .bg-dark .prod-view-nav .swiper-pagination-bullet-active .prod-view-nav-item {
    border-bottom: 4px solid #FFFFFF;
  }
}

.doorbell-bg-section {
  height: 100vh;
  width: 100%;
  position: relative;
}
.doorbell-bg-section .doorbell-bg-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.doorbell-bg-section .bg-wrap {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.doorbell-bg-section .bg-wrap .cap {
  position: absolute;
  bottom: 45px;
  left: 45px;
  font-size: 16px;
  line-height: 20px;
  color: #1F1F1F;
  font-weight: 500;
}
@media only screen and (max-width: 767.98px) {
  .doorbell-bg-section .bg-wrap .cap {
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 24px;
  }
}

.card {
  background: #FFFFFF;
  border: 2px solid #6A737D;
  border-radius: 8px;
  color: #525963;
}
.card .card-body {
  padding: 60px 50px;
}
@media only screen and (max-width: 767.98px) {
  .card .card-body {
    padding: 40px 30px;
  }
}
.card .card-body .icon {
  margin-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 80px;
  align-items: center;
  justify-content: center;
}
.card .card-body .icon img {
  max-width: 100%;
}
.card .card-body .card-title {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 28px;
  color: #22262B;
}

@media only screen and (max-width: 991.98px) {
  .image-wrap {
    margin-left: -7vw;
    margin-right: -7vw;
    height: 458px;
  }
}
@media only screen and (max-width: 767.98px) {
  .image-wrap {
    height: 329px;
  }
}
.image-wrap img {
  max-width: 100%;
}
@media only screen and (max-width: 991.98px) {
  .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.custom-modal .modal-content {
  background: #FAFAFA;
  border-radius: 8px;
  position: relative;
}
@media only screen and (max-width: 991.98px) {
  .custom-modal .modal-content {
    background: #fff;
  }
}
.custom-modal .close {
  position: absolute;
  top: 46px;
  right: 47px;
  opacity: 1;
}
@media only screen and (max-width: 991.98px) {
  .custom-modal .close {
    top: 32px;
    right: 22px;
  }
}
@media only screen and (max-width: 991.98px) {
  .custom-modal .section-title .title {
    font-size: 20px;
    line-height: 28px;
  }
}

.table-wrap-1 thead, .table-wrap-1 tbody {
  text-align: center;
}
.table-wrap-1 thead th, .table-wrap-1 tbody td {
  padding: 18px;
}
@media only screen and (max-width: 991.98px) {
  .table-wrap-1 thead th, .table-wrap-1 tbody td {
    padding-top: calc(35px + 18px);
  }
}
.table-wrap-1 thead th:nth-child(2n), .table-wrap-1 tbody td:nth-child(2n) {
  background-color: rgba(221, 231, 228, 0.2);
}
@media only screen and (max-width: 991.98px) {
  .table-wrap-1 thead th:nth-child(2n), .table-wrap-1 tbody td:nth-child(2n) {
    background-color: transparent;
  }
}
.table-wrap-1 tbody .title {
  padding-left: 0;
}
.table-wrap-1 tbody td {
  border-bottom: 1px solid #CCCCCC;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}
@media only screen and (max-width: 991.98px) {
  .table-wrap-1 tbody td {
    border-bottom: none;
  }
}
.table-wrap-1 thead th {
  vertical-align: top;
}
@media only screen and (max-width: 991.98px) {
  .table-wrap-1 thead th {
    padding: 18px;
  }
  .table-wrap-1 thead .table-left-title {
    opacity: 0;
  }
}
.table-wrap-1 tbody .table-left-title {
  text-align: left;
  font-weight: 600;
  color: #0B0D10;
  font-size: 20px;
  line-height: 28px;
}
.table-wrap-1 .thead-wrap .table_img_wrap {
  min-height: 40px;
}
@media only screen and (max-width: 991.98px) {
  .table-wrap-1 tr {
    position: relative;
  }
  .table-wrap-1 tr .table-left-title {
    position: absolute;
    width: 100%;
    top: 0;
    text-align: center !important;
    background: #FAFAFA;
    font-size: 14px;
    line-height: 16px;
    padding: 8px;
  }
}

.table-bottom-text {
  font-size: 16px;
  line-height: 27px;
  font-weight: 500;
}

.audio-wrapper .prev-button, .audio-wrapper .next-button {
  background: transparent;
  border-color: transparent;
}
.audio-wrapper .play-button {
  width: 87px;
  height: 87px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #FFFFFF;
}
@media only screen and (max-width: 767.98px) {
  .audio-wrapper .play-button {
    background: transparent;
  }
}
@media only screen and (max-width: 767.98px) {
  .audio-wrapper .play-button {
    height: 64px;
    width: 64px;
  }
}
.audio-wrapper .play-button svg {
  width: 27px;
}
@media only screen and (max-width: 767.98px) {
  .audio-wrapper .play-button svg {
    width: 20px;
  }
}
.audio-wrapper .play-button .play path, .audio-wrapper .play-button .pause path {
  fill: #575757;
}
@media only screen and (max-width: 767.98px) {
  .audio-wrapper .play-button .play path, .audio-wrapper .play-button .pause path {
    fill: #fff;
  }
}
.audio-wrapper .pause {
  display: none;
}
.audio-wrapper .played .pause {
  display: block;
}
.audio-wrapper .played .play {
  display: none;
}
.audio-wrapper .audio-control {
  margin-right: 15px;
}

.rangeslider, .rangeslider__fill {
  background-color: #3B3B3B;
  border-color: transparent;
  box-shadow: none;
  border-radius: 50px;
  height: 5px;
  pointer-events: none;
}

.rangeslider__fill {
  background-color: #fff;
}

.rangeslider--horizontal .rangeslider__handle {
  height: 15px;
  width: 15px;
  top: -5px;
  box-shadow: 0px 3.8px 17.1px rgba(0, 0, 0, 0.2);
  border-color: transparent;
  background-image: none;
}
.rangeslider--horizontal .rangeslider__handle:after {
  display: none;
}

@media only screen and (max-width: 767.98px) {
  .ring__section {
    background: #18181A !important;
  }
}

/*# sourceMappingURL=style.css.map */