body{
  cursor: none;
}
.themeChangePos{
  display: flex;
  align-items: center;
}
.theme-btn {
  width: 4em;
  height: 4em;
  padding: 0.5em;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.theme-btn img {
  height: 60%;
  width: 60%;
  object-fit: cover;
}

/* .theme-btn.light {
  display: none;
}

.dark .theme-btn.dark {
  display: none;
}

.dark .theme-btn.light {
  display: block;
} */

.theme-btn.dark {
  display: none;
}

.light .theme-btn.dark {
  display: block;
}

.light .theme-btn.light {
  display: none;
}

:root{
  --bg-color: #181818;
  --text-color: #fff;
  --text-dark-bg-color: #000;
  --text-nav-color: #000;
}

:root.light {
  --bg-color: #fff;
  --text-color: #000;
  --text-dark-bg-color: #fff;
  --text-nav-color: #fff;
}

:root.dark {
  --bg-color: #181818;
  --text-color: #fff;
}

/* [data-theme="dark"] {
  --bg-color: #fff;
  --text-color: #000;
  --text-dark-bg-color: #fff;
  --text-nav-color: #fff;
}

[data-theme="light"] {
  --bg-color: #181818;
  --text-color: #fff;
  --text-dark-bg-color: #000;
  --text-nav-color: #000;
} */

html,body {
 
  background-color: var(--bg-color);
  color: var(--text-color);
}

.theme-switch-wrapper {
  display: flex;
  align-items: center;
}

.theme-switch {
  display: inline-block;
  height: 25px;
  position: relative;
  width: 45px;
}

.theme-switch input {
  display: none;
}

.slider-case {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider-case:before {
  background-color: #fff;
  bottom: 3px;
  content: "";
  height: 21px;
  left: 0px;
  position: absolute;
  transition: .4s;
  width: 20px;
}

input:checked+.slider-case {
  background-color: #ffde00;
}

input:checked+.slider-case:before {
  transform: translateX(26px);
}

.slider-case.round {
  border-radius: 34px;
}

.slider-case.round:before {
  border-radius: 50%;
}



.dark_white_theme_style .sec1 p{
  /* color: var(--text-dark-bg-color); */
  color: var(--text-color);
}
.dark_white_theme_style .sec2 .cs-section_heading.cs-style1 .cs-section_subtitle,
.dark_white_theme_style .sec2 .cs-section_heading.cs-style1 .cs-section_title,
.dark_white_theme_style .sec2 .cs-text_btn span,
.dark_white_theme_style .sec2 .cs-text_btn svg{
  color: var(--text-color);
}

.dark_white_theme_style .sec3 .cs-section_heading.cs-style1 .cs-section_title{
  color: var(--text-color);
}
.dark_white_theme_style .sec4 .cs-section_heading.cs-style1 .cs-section_title{
   color: var(--text-color);
}
.dark_white_theme_style .sec4 .cs-primary_color{
color: var(--text-color);
}
.dark_white_theme_style .sec4 .cs-time_line.cs-style1 h2{
  color: var(--text-color);
}
.dark_white_theme_style .sec5 h2{
  color: var(--text-color);
}
.dark_white_theme_style .sec6 .cs-section_heading.cs-style1 .cs-section_title{
  color: var(--text-color);
}
.dark_white_theme_style .sec6 .cs-primary_color{
color: var(--text-color);
}
.dark_white_theme_style .sec6 .cs-member_designation{
color: var(--text-dark-bg-color);
}
.dark_white_theme_style .sec7 .cs-testimonial.cs-style1 .cs-testimonial_avatar_designation{
color: var(--text-dark-bg-color);
}
.dark_white_theme_style .sec8 .cs-section_heading.cs-style1 .cs-section_title,
.dark_white_theme_style .sec8 .cs-text_btn span,
.dark_white_theme_style .sec8 .cs-text_btn svg{
color: var(--text-color);
}
.dark_white_theme_style .sec8 .cs-post.cs-style1 .cs-posted_by{
color: var(--text-dark-bg-color);
}
.cs-widget_title{
  color: var(--text-color);
}

.custmFrstSec{
 background-color: var(--bg-color);
 height: 600px;
 display: flex;
 align-items: center;
}
.custmFrstSec .custmFrstSecTlt{
  color: var(--text-color);
  font-size: 100px;
  margin-top: -50px;
  text-align: center;
}
.custmFrstSec{
 /*background-color: var(--bg-color);*/
 height: 850px;
 display: flex;
 align-items: center;
}
@media(max-width: 767px){
  .custmFrstSec .custmFrstSecTlt{
    font-size: 50px;
  }
}




/*menu hover round*/

/*.circle-bord {
  position: relative;
  width: 150px;
  height: 150px;
  margin: auto;
  cursor: pointer;
}
.circle-bord .loader-circle {
  display: block;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  -webkit-animation-name: SpinAround;
          animation-name: SpinAround;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  border: 1px solid #000;
}
.circle-bord .loader-circle:nth-of-type(1) {
  animation-direction: reverse;
  -webkit-transform-origin: 49.6% 49.8%;
      -ms-transform-origin: 49.6% 49.8%;
          transform-origin: 49.6% 49.8%;
}
.circle-bord .loader-circle:nth-of-type(2) {
  -webkit-transform-origin: 49.5% 48.8%;
      -ms-transform-origin: 49.5% 48.8%;
          transform-origin: 49.5% 48.8%;
}
.circle-bord .carrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.circle-bord .carrow.arow-down {
  left: calc(50% - 25px);
  top: 45%;
}
.circle-bord .carrow.arow-down svg {
  -webkit-transform: rotateZ(90deg);
      -ms-transform: rotate(90deg);
          transform: rotateZ(90deg);
}
.circle-bord .carrow svg {
  width: 70px;
  height: 30px;
  fill: #000;
}
.circle-bord.sml {
  width: 100px;
  height: 100px;
}
.circle-bord.sml .loader-circle {
  width: 100px;
  height: 100px;
}
.circle-bord.sml .carrow svg {
  width: 60px;
}
.circle-bord.sml .carrow.arow-down {
  top: 40%;
}

@-webkit-keyframes SpinAround {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes SpinAround {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
            transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.rotate-circle {
  -webkit-animation-name: rotateCircle;
          animation-name: rotateCircle;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes rotateCircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateCircle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}*/

.custmHmeBanner{
  background: #181818;
}

.cs-site_header.cs-style1 .cs-munu_toggle{
  color: #fff;
}

@media(max-width: 1199px){
.darkLightBtnCus{
  width:100px;
  margin-top: -20px;
}
}

@media(max-width: 991px){
  footer{
    background: #000;
  }
}


/*client logo sec*/
.clients .brands .img img{
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
}
.clients .owl-theme .owl-dots{
  display: none;
}
.clients .owl-prev{
   background: #ffde00!important;
    width: 30px;
    height: 30px;
    font-size: 35px!important;
    font-weight: 600!important;
}
.clients .owl-next{
   background: #ffde00!important;
    width: 30px;
    height: 30px;
    font-size: 35px!important;
    font-weight: 600!important;
}

/*home video banner*/

.cs-hero.cs-style1{
  padding: 0px!important;
  height: 1200px;
}
.video_text_over{
    position: absolute;
    top: 125px;
    left: 50px;
}
.clients .brands .item{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

/*featured work*/
/*.cs-portfolio_1_heading .cs-isotop_filter{
    margin-left: 50px;
}*/
.cs-portfolio_1_heading{
    justify-content: initial;
    align-items: center;
}

/*package section*/
.cs-pricing_table.cs-style1{
  text-align: center;
}
.cs-price_text{
  color: #fff;
}
.cs-pricing_table.cs-style1 .cs-pricing_title,
.cs-pricing_table.cs-style1 .cs-pricing_info{
  border-bottom: none;
}
.color_yellow {
    color: #ffde00;
}
.cs-pricing_table.cs-style1 .cs-pricing_feature li{
  padding-left: 0px;
}
.packCusTlt{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
}
.cs-pricing_table.cs-style1 .cs-pricing_feature{
  padding: 10px;
  border-bottom: none;
}
.line{
  width: 60px;
    height: 2px;
    background: #ffde00;
}
.BgYellow{
  background: #ffde00!important;
}
.color_blk{
  color: #000!important;
}
.color_blk li span{
  color: #000!important;
}
.color_blk_line{
  background: #000!important;
}
.cs-pricing_table.cs-style1 .cs-pricing_title{
  padding: 5px 30px 30px 30px;
}
.BgDark i{
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  margin-top: 50px;

}
.BgYellow i{
  font-size: 40px;
  color: #000;
  font-weight: 600;
  margin-top: 50px;
}