/*
Theme Name: Voice Over Studio Pro
Theme URI:
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description:
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: voice-over-studio-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
mining industry pro WordPress Theme has been created by VW Themes(vwthemes.com), 2023.
mining industry pro WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root {
  --gray: #797979;
  --c-color: #2E3848;
  --font-one:"Manrope", sans-serif;

  --scrollbarBG: #fff;
  --thumbBG: #AA07E0;
}

/* Basic Style */

html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: white;
  position: relative;
  font-size: 16px;
  color:var(--green);
  font-family: var(--font-one);
}
label {
  margin-bottom: 0 !important;
}
img {
margin: 0;
padding: 0;
border: none;
max-width: 100%;
height: auto;
width: auto;
object-fit: cover;
}
section img {
  max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
   margin: 0;
   /* color: #000; */
   font-family:var(--font-one);
   font-weight: bold;
}
p {
margin: 0 0 15px;
padding: 0;
font-family:var(--font-two);
font-size: 16px;
font-weight: 400;
line-height: 30px;
}
p, ul li a {
letter-spacing: 0px; 
font-family:var(--font-two);
}
body a {
  text-decoration: none;
  color: #277BF8;
}
a:hover {
  text-decoration: none;
  color: var(--black);
}
a:focus, a:hover {
  text-decoration: none !important;
}
ul, ol {
  margin: 0 0 0 0;
  padding: 0;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea, .form-group input, .form-group select, input[type="date"], select, textarea {
border: none;
font-size: 16px;
padding: 10px 10px;
margin: 0 0 0px 0;
height: auto;
width: 100%;
border-radius: 10px;
font-weight: 500;
border: 1px solid #f34f1f33;
background:#fff;
}
input::-webkit-input-placeholder{
  color: #fff;
}
#contact-us .main-head {
color:var(--green);
}
#contact-us{
padding: 7% 0 11% 0;
}
.contact-wrap svg{
position: absolute;
right: 0;
z-index: -1;
top: -50px;
}
.contact-img{
height: 100%;
width: 100%;
max-width: 500px;
object-fit: cover;
}
section{
background-size: 100% 100%;
background-repeat: no-repeat !important;
padding: 70px 0;
background-attachment: scroll;
}

.btn-wrap{
padding: 10px 15px;
border-radius: 5px;
width: max-content;
transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
position: relative;
z-index: 1;
cursor: pointer;
display: flex ;
align-items: center;
background: var(--yellow);
gap: 10px;
}
.theme-btn{
display: inline-block;
font-family: Quicksand;
font-size: 15px;
font-weight: 700;
line-height: 16px;
text-align: center;
color: var(--green);
}
.btn-wrap svg{
background: #fff;
height: 25px;
width: 25px;
padding: 3px;
border-radius: 3px;
}
.btn-wrap:before{
content: "";
background: var(--green);
width: 0;
height: 0;
border-radius: 5px;
position: absolute;
/* top: 0; */
left: 0;
right: 0;
z-index: -1;
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.btn-wrap:hover .theme-btn{
color:  var(--yellow);
}
.btn-wrap:hover p input{
color:  var(--white) !important;
}
.btn-wrap:hover:before {
width: 100%;
height: 100%;
}
.theme-para{
font-family: var(--font-one);
font-size: 14px;
font-weight: 400;
line-height: 16.4px;
color: #000;
}
.main-sub-head {
font-family:var(--font-two);
font-size: 20px;
font-weight: 400;
line-height: 20px;
text-align: center;
margin-bottom: 0;
color:var(--green)
}
.main-head {
font-family: var(--font-one);
font-size: 30px;
font-weight: 600;
color: #000;
line-height: 35px;
font-weight: 700;
}
.head-box{
background: var(--yellow);
height: 14px;
width: 12px;

}
.screen-reader-text {
position: absolute;
top: -9999em;
left: -9999em;
}

.btn-wrap p{
margin-bottom: 0;
}
/*------------------------- Headings --------------------------*/
h1{
font-family: var(--font-one);
font-size: 56px;
font-weight: 700;
line-height: 84.28px;
}
section h2 {
font-size: 38px;
line-height: 55px;
/* color: #fff; */
font-weight: 700;
font-family: var(--font-one);
}
section h3 {
font-weight: 400;
/* color: #000; */
font-size: 39px;
line-height: 39px;
font-family: var(--font-one);
}
section h4,section h4 a{
font-size: 20px;
font-weight: 700;
line-height: 28px;
font-family: var(--font-one);
}
section h5,h5 a {
font: 700 18px / 24px var(--font-one);
color: var(--green);
padding: 0;
}
h6{
font-family: var(--font-one);
font-size: 14px;
font-weight: 700;
line-height: 20.16px;
}
/*----------------- Section Title--------------*/

/* ----------- Post Content ---------------*/

.vw-fixed{
  background-attachment: fixed !important;;
  background-size: cover ;
  background-repeat: no-repeat ;

}
.vw-scroll{
  background-attachment: scroll ;
  background-size: cover ;
  background-repeat: no-repeat;
}
.slider-bg-image.vw-fixed{
position: fixed !important;
}
/* ---------- Return to Top ------------ */
#return-to-top {
position: fixed;
bottom: 10px;
right: 20px !important;
background: var(--c-color);
width: 60px;
height: 60px;
border-radius: 50px;
line-height: 69px;
display: block;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 2;

}
#return-to-top i {
  position: relative;
  font-size: 25px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff !important;
  font-weight: 800;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}


.sticky.stickynavbar {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
/* background:var(--white); */
background:#fff;

padding: 10px 0;
box-shadow: 0px 0px 20px #0000002B;
}
.sticky.stickynavbar .header-inner{
background: unset;
box-shadow: unset;
}

.sticky.stickynavbar .header-inner .main-navigation li a{
  /* color: #fff !important; */
}

.sticky.stickynavbar #menu-primary-menu>.menu-item-has-children::before {
  color: #fff;
}




/* ----------- Spinner ------------- */
.eco-box{
position: fixed;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 99999999;
background:var(--c-color);
width: 100%;
}

/* ====================================================== */
/* loader */
#loder_container{
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.loader_box{
  width: 20px;
  height: 60px;
  background-color: #fff;
  border-radius: 50px;
  animation: loader 1s linear infinite;
}
#loader1{
  animation-delay: .1s;
}
#loader2{
  animation-delay: .2s;
}
#loader3{
  animation-delay: .3s;
}
#loader4{
  animation-delay: .4s;
}
#loader5{
  animation-delay: .5s;
}
@keyframes loader{
  0%,100%{
      height: 90px;
  }
  50%{
      height: 20px;
  }
}

/* my style */
/* ====================================================== */
/* common styling */
.c_head{
  max-width: 550px;
  margin: 0 auto;
}

.c_heading{
  font-family: var(--font-one);
  font-weight: 800;
  font-size: 35px;
  line-height: 60px;
}
.c_para{
  font-family:var(--font-two);
  font-weight: 400;
  font-size: 14px;
  line-height:24px;
  color: #797979;
}

.c_btn {
  border: 1px solid #8906D4;
  color: #8906D4;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-one);
  padding: 7px 20px 9px;
  border-radius: 5px;
  transition: linear all 0.3s;
}

.c_btn:hover{
  border: 1px solid #8906D4;
  color: #fff;
  background: linear-gradient(to right, #8906D4 0%, #AA07E0 100%);
}

header{
  position: absolute;
  z-index: 9;
  width: 100%;
}


.header-inner .call-detail{
  text-align: right;
  width: 100%;
}

/* =======================  Header close==================== */
/* Banner  */
#banner {
  padding: 150px 0 30px;
}
#banner .banner_outer .content .sub_head{
  display: flex;
  gap: 10px;
  align-items: center;
}
#banner .banner_outer .content .sub_head img {
  height: 30px;
  width: 30px;
}
#banner .banner_outer .content .sub_head h5{
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font-one);
  color: #818181;
}

#banner .banner_outer .content h1 {
  font-size: 55px;
  font-weight: 700;
  font-family: var(--font-one);
  color: #2E3848;
  line-height: 70px;
  margin: 10px 0 10px;
}
#banner .banner_outer .content p {
  margin: 10px 0 10px;
  max-width: 501px;
}

#banner .banner_outer .content .banner_btns {
  display: flex;
  gap: 15px;
}

#banner .banner_outer .content .main {
  max-height: 470px;
  height: 450px;
  border-radius: 15px;
}

#banner .banner_outer .content .image {
  max-height: 470px;
  height: 450px;
  border-radius: 15px;
  position: relative;
}

#banner .banner_outer .content .image img {
  height: 100%;
  width: 100%;
}

#banner .banner_outer .content .image:before {
  content: "";
  height: 160px;
  width: 160px;
  background: transparent;
  border: 25px solid #8906D4;
  position: absolute;
  z-index: -1;
  bottom: -20px;
  left: -90px;
  border-radius: 50%;
}
#banner .banner_outer .content .image:after {
  content: "";
  height: 130px;
  width: 130px;
  background: transparent;
  border: 25px solid #8906D4;
  position: absolute;
  z-index: -1;
  top: 45px;
  right: -60px;
  border-radius: 50%;
}


/* banner audio */
#banner .banner_audio {
  position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px;
}

#banner .banner_audio .srp_player_boxed ,
#banner .banner_audio .album-player{
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  border-radius: 15px;
  color: #fff;
}

#banner .banner_audio .srp_player_boxed .sricon-play {
  color: #fff;
  font-size: 12px;
}

#banner .banner_audio .srp_player_boxed .srp-play-circle{
  border-color: #AA07E0;
  height: 40px;
  width: 40px;
  background: #AA07E0;
}

#banner .banner_audio .album-title,
#banner .banner_audio .track-title{
  font-size: 16px;
  font-weight: 700 !important;
  text-transform: capitalize;
  text-align: left !important;
}

#banner .banner_audio .album-title{
  
} 
#banner .banner_audio .track-title{
  display: none;
}
#banner .banner_audio .srp_player_boxed .sr_progressbar{
  color: #fff;
}

#banner .banner_audio .player {
  display: flex;
  /* flex-direction: row-reverse; */
  gap: 10px;
  max-height: 60px;
}

#banner .banner_audio .player .sr_progressbar{
  width: 60%;
  margin: 0 15px 0 0;
}

#banner .banner_audio .player .srp_main_control{
  width: 20%;
}

/* volume control */

#banner .banner_audio .player .control--item {
  margin: 20px 0 0;
  width: 18%;
}

#banner .banner_audio .player .control--item .slider-container {
  /* transform: rotate(90deg);  */
  margin: -12px 0px 0 20px;
}

#banner .banner_audio .player .control--item .slider-container .ui-slider-vertical{
  height: 6px;
  width: 80px; 
  background: #7B7B7B;
}

#banner .banner_audio  .player .control--item .ui-slider-vertical .ui-slider-range {
  background: rgba(255, 255, 255, 1);
}

.ui-slider-handle {
  display: none;
}

#banner .banner_audio .player .srp_main_control .control {
  gap: 10px;
}
#banner .banner_audio .player .srp_main_control .control .previous,
#banner .banner_audio .player .srp_main_control .control .next{
  font-size: 10px;
  margin: 10px 0 0;
  color: #fff;
}

#banner .banner_audio .player .srp_main_control .control .play{
  background: #AA07E0;
  height: 34px;
  width: 34px;
  border-radius: 50px;
}
#banner .banner_audio .player .srp_main_control .control .play i.sricon-play{ 
  margin-left: 11px;
  color: #fff;

}

#banner .banner_audio .player .srp_main_control .control .play i.sricon-play:before{ 
  font-size: 14px !important;
  line-height: 34px;
}

#banner .banner_audio .playlist{
  display: none;
}

#banner .banner_audio .ui-slider-handle {
  background: transparent;
  border: 0;
}


/* audio wave */





.sonaar-wave-container svg path {
  stroke: #00bcd4 !important;  /* waveform color */
  fill: #00bcd4 !important;
  opacity: 0.6; /* adjust transparency */
}

/* 🎨 Change progress (played part) color */
.sonaar-wave-container svg path[style*="stroke: rgb(255, 255, 255)"] {
  stroke: #ff4081 !important;  /* progress color */
  fill: #ff4081 !important;
  opacity: 1;
}












/* Banner close */
/* ================================================== */
/* our offer start */
#offer {
  padding: 200px 0 45px;
  position: relative;
}

#offer .offer_outer{
  background-color: #000;
  border-radius: 20px;
  color: #fff;
  position: relative;
}

#offer .offer_outer .content{
  padding: 0 0 0 45px;
}

#offer .offer_outer .content h3 {
  margin: 0 0 15px;
  font-size: 32px;
  line-height: 45px;
  padding: 0 15px 0 0;
}

#offer .offer_outer .image{
  
}
#offer .offer_outer .image img {
  margin: -170px 0 0 45px;
  width: 100%;
  z-index: 1;
  position: relative;
}

#offer .offer_outer .image:before {
  content: "";
  height: 360px;
  width: 360px;
  background: transparent;
  border: 50px solid #BC02EB;
  position: absolute;
  z-index: 0;
  bottom: 60px;
  left: 30px;
  border-radius: 50%;
}


#offer .offer_outer::after {
  content: "";
  height: 90px;
  width: 90px;
  background: transparent;
  background: #EE03AF;
  position: absolute;
  z-index: 0;
  bottom: 19px;
  right: 30px;
  border-radius: 50% 50% 50% 0;
}
/* ================================================= */

/* ===============services section start===================*/
#services {
  padding: 60px 0 45px;
  margin: 0% 0 0;
}
#services .head {
  margin: 0 0 45px;
}
#services .head h3{
  color: #2E3848;
}

#services .head p{
  max-width: 500px;
  width: 500px;
  margin: 0 auto;
}

#services-page .contents, #services .contents {
  border: 1px solid #AA07E0;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #2E3848;
  min-height: 200px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  background: #fff;
  justify-content: center;
  gap: 10px;
  transition: linear all 0.3s;
  margin: 0 0 15px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

#services-page .contents .icon,
#services .contents .icon{
  height: 75px;
  width: 75px;
  background: linear-gradient(to right, #AA07E0 0%, #8906D4 100%) !important;
  line-height: 75px;
  text-align: center;
  border-radius: 50%;
  margin: 0 auto;
  transition: linear all 0.3s;
  border: 3px solid #AA07E0;
}


#services-page .contents .cont h3,
#services .contents .cont h3{
  line-height: 20px;
}

#services-page .contents .cont h3 a,
#services .contents .cont h3 a{
  font-size: 17px;
  font-weight: 600;
  color: #2E3848;
  transition: linear all 0.3s;
}

/* hover */
#services-page .contents:hover,
#services .contents:hover {
  background: linear-gradient(to top, #8906D4 0%, #AA07E0 100%) !important;
}

#services-page .contents:hover .icon,
#services .contents:hover .icon {
  /* background: #fff; */
  border: 3px solid #fff;
}

#services-page .contents:hover .cont h3 a,
#services .contents:hover .cont h3 a {
  color: #fff;
}

#services .c-col:nth-child(2) .contents,
#services .c-col:nth-child(5) .contents{
  margin: 75px 0 0; 
}
#services .c-col:nth-child(4) .contents{
  margin: 140px 0 0; 
}
/* services page close */
/* ======================================================== */
/* about us section  */

#about-us{
  padding: 75px 0 90px;
}

/* about us close */
/* ================================================= */

#about-us{
  padding: 45px 0;
}

#about-us .inner_content{
  background: #000;
  padding: 45px;
  border-radius: 20px;
  color: #fff;
}

#about-us .inner_content .content h3{
  
}

#about-us .inner_content .content h3 span.split{
  color: #8D01F0;
}

#about-us .inner_content .content p {
  margin: 0 0 30px 0;
  position: relative;
}

#about-us .inner_content .content p.txt1:after {
  content: "";
  height: 6px;
  width: 60px;
  background: #EE03AF;
  border: 1px solid #EE03AF;
  position: absolute;
  z-index: 0;
  bottom: -15px;
  left: 0;
  border-radius: 9px;
}
#about-us .inner_content .content p{
  color: #fff; 
}

#about-us  .counter .counter_content {
  margin: 30px 0 0;
  text-align: center;
  padding: 0 17px;
}

#about-us  .counter .counter_content .num {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

#about-us  .counter .counter_content .num span{ 
  font-size: 25px;
  font-weight: 700;
}

#about-us  .counter .counter_content h5 {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

#about-us  .counter .c-col {
  position: relative;
}

#about-us  .counter .c-col:before {
  content: '';
  height: 30px;
  width: 1px;
  background: #fff;
  position: absolute;
  left: 5px;
  top: 50%;
}

#about-us  .counter .c-col:first-child:before {
  content: none;
}

#about-us .counter .slick-arrow{
  display: none !important;
}

/* right image */
#about-us .about_right_img{
  position: relative;
}

#about-us .about_right_img .main_image {
  position: relative;
  height: 450px;
  max-height: 450px;
  width: 450px;
  max-width: 450px;
}

#about-us .about_right_img .main_image img {
  margin: 0 0 0 226px;
  display: block;
  position: relative;
  z-index: 2;
  height: 100%;
  border-radius: 0%;

  -webkit-mask-image: url(assets/images/about/shape1.png);
  mask-image: url(assets/images/about/shape1.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  position: relative;
}

#about-us .about_right_img .main_image:after {
  content: "";
  height: 100%;
  width: 100%;
  background: transparent;
  border: 120px solid #EE03AF;
  position: absolute;
  bottom: 0px;
  left: 0;
  border-radius: 50%;
  z-index: 1;
}

#about-us .about_right_img:before {
  content: "";
  height: 70px;
  width: 70px;
  background: transparent;
  background: #EE03AF;
  position: absolute;
  z-index: 0;
  bottom: -20px;
  right: -15px;
  border-radius: 6% 50% 50% 50%;
}

#about-us .about_right_img:after {
  content: "";
  height: 170px;
  width: 170px;
  background: transparent;
  background: #8906D4;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  border-radius: 50% 50% 4% 50%;
}


#about-us .about_right_img .overlay_items h4 {
  font-size: 14px;
  font-weight: 600;
  background: #2E3848;
  width: fit-content;
  padding: 4px 15px;
  border-radius: 50px;
  margin: 60px 0 0 30px;
  /* top: 10%;
  position: relative; */
}

#about-us .about_right_img .overlay_items .icon {
  text-align: center;
  margin: 0 0 30px -35px;
}
#about-us .about_right_img .overlay_items .icon i {
  font-size: 14px;
  background: #2E3848;
  border-radius: 50px;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
}

#about-us .about_right_img .overlay_items h5 {
  font-size: 14px;
  background: #2E3848;
  border-radius: 50px;
  text-align: center;
  line-height: 40px;
  width: max-content;
  padding: 0 8px;
  position: relative;
  left: 20%;
}

#about-us .about_right_img .overlay_items h5 i {
  color: #AA07E0;
  height: 30px;
  width: 30px;
  background: #fff;
  line-height: 30px;
  border-radius: 50px;
  margin: 0 5px 0 0;
}


#about-us .about_right_img .overlay_items {
  position: absolute;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ============================================================ */
/* voice over sample start */
#voiceover-sample{
  padding: 60px 0;
}
#voiceover-sample .head{
  margin: 0 auto 60px;
}

#voiceover-sample .counter_content {
  margin: 0 0 30px;
}

#voiceover-sample .counter_content h4 {
  color: #2E3848;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 15px;
}

#voiceover-sample .counter_content .audio {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
}


#voiceover-sample .counter_content .audio audio {
  width: 100%;
  padding: 7px 0 0 0;
}

#voiceover-sample .counter_content .audio:hover .audio audio::-webkit-media-controls-panel{
  width: 100%;
} 

#voiceover-sample .counter_content .audio audio::-webkit-media-controls-panel {
  background: #fff;
}

#voiceover-sample .voice_sample_content{
  position: relative;
}
#voiceover-sample .voice_sample_content  .select_box {
  position: absolute;
  top: 10px;
  left: 10px;
}
#voiceover-sample .voice_sample_content  .select_box select {
  width: fit-content;
  background: #948f93;
  border: 1px solid #948f93;
  color: #fff;
}
#voiceover-sample .voice_sample_content  .select_box select option{
  background: #000;
  color: #fff;
}







/* #voiceover-sample .counter_content .audio:hover,
#voiceover-sample .counter_content .audio:hover #voiceover-sample .counter_content .audio audio::-webkit-media-controls-panel {
  background: #ccc !important;
} */




/* ============================================================= */
/* Gallery */
#gallery{
  padding: 35px 0;
}
#gallery .sec_inner {
  background: #000;
  border-radius: 20px;
  color: #fff;
  padding: 30px;
}
#gallery .sec_inner .contents{
  margin: 0 0 15px;
}
#gallery .sec_inner .c_head{
  margin: 0 0 30px;
}

#gallery .sec_inner .c_head h3 span.split {
  color: #EE03AF;
}

#gallery .sec_inner .contents .player {
  max-height: 400px;
  overflow: hidden;
  border-radius: 20px;
}

#gallery .sec_inner .contents .player img{
  border-radius: 20px;
  height: 100%;
  width: 100%;
}

#gallery .sec_inner .contents.play_list{
  max-height: 400px;
  overflow: overlay  ;
}
#gallery .play_list::-webkit-scrollbar-track {
  background-color: #000;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 0 8px;
  scroll-margin: 100px;
}

.play_list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #8906D4; 
  scroll-margin: 100px;
} 


/* tabs start */
#gallery  .tab_outer ul  {
  height: 490px;
  max-height: 490px;
  /* overflow: overlay; */
  overflow-y: auto;
}
#gallery  .tab_outer ul li {
  width: 100%;
}
#gallery  .tab_outer ul li button {
  background: transparent;
  padding: 0;
  margin: 0 0 0;
  text-align: left;
  width: 100%;
}

#gallery  .tab_outer ul li button .contents {
  display: flex;
  gap: 20px;
  align-items: center;
}

#gallery  .tab_outer ul li button .contents .image {
  width: 40%;
  max-width: 40%;
  height: 85px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
#gallery  .tab_outer ul li button .contents .image img{
  height: 100%;
  width: 100%;
}
#gallery  .tab_outer ul li button .contents .image .icon {
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 30%;
  transition: linear all 0.3s;
}

#gallery  .tab_outer ul li button .contents .image .icon i {
  background: #AA07E0;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
}

#gallery  .tab_outer ul li button .contents:hover .image .icon{
  display: block;
  transition: linear all 0.3s;
}

#gallery  .tab_outer ul li button .contents .text{

}

#gallery  .tab_outer ul li button .contents .text h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 0;
  color: #fff;
}

#gallery  .tab_outer ul li button .contents .text p{
  color: #fff;
  margin: 0;
  font-size: 14px;
}

/* tab side contents */
#gallery  .tab_outer .side_content{
  height: 490px;
  max-height: 490px;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}
#gallery  .tab_outer .side_content .tab-content,
#gallery  .tab_outer .side_content .tab-pane,
#gallery  .tab_outer .side_content .tab-content img{
  height: 100%;
  width: 100%;
}

#gallery  .tab_outer .side_content .tab_audio {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: rgba(0,0,0,0.8);
  width: 95%;
  border-radius: 10px;
}


#gallery  .tab_outer .side_content .tab_audio .sonaar-grid{
  display: none;
}


#gallery  .tab_outer .side_content .tab_audio  .track-title{
  text-align: left !important;
}


#gallery  .tab_outer .side_content .tab_audio .player {
  display: flex;
  /* flex-direction: row-reverse; */
  justify-content: space-between;
  height: 50px;
}

#gallery  .tab_outer .side_content .tab_audio .player .sr_progressbar{
  width: 60%;
}

#gallery  .tab_outer .side_content .tab_audio .player .srp_main_control {
  width: 20%;
}


#gallery  .tab_outer .player .control--item {
  margin: 12px 0 0 0px;
}

#gallery  .tab_outer .player .control--item .slider-container .ui-slider-vertical {
  height: 6px;
  width: 80px;
  margin: -12px 0 0 20px;
  background: #7B7B7B;
}

#gallery .tab_outer .player .control--item .ui-slider-vertical .ui-slider-range {
  background: rgba(255, 255, 255, 1);
}

#gallery .tab_outer  .player .srp_main_control .control .play {
  background: #AA07E0;
  height: 34px;
  width: 34px;
  border-radius: 50px;
}

#gallery .tab_outer .player .srp_main_control .control .play i.sricon-play {
  margin-left: 11px;
  color: #fff;
  line-height: 34px;
}
#gallery .tab_outer.player .srp_main_control .control .play i.sricon-play:before {
  font-size: 16px !important;
  line-height: 34px !important;
}


#gallery .tab_outer .player .srp_main_control .control .previous,
#gallery .tab_outer .player .srp_main_control .control .next {
  font-size: 10px;
  margin: 10px 0 0;
  color: #fff;
}


#gallery .tab_outer .player  .srp_main_control .sricon-play:before{
  font-size: 15px !important;
}



#gallery .player .ui-slider-handle {
  background: transparent;
  border: 0;
}


#teams .player .ui-slider-handle {
  background: transparent;
  border: 0;
}

#gallery ::-webkit-scrollbar {
  width: 10px;
}

#gallery ::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#gallery ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #fff !important; 
  /* background: linear-gradient(to right, #8906D4 0%, #AA07E0 100%) !important;  */
  border: 3px solid #8906D4;
}


#gallery .dot-dropdown ul {
  border-radius: 10px;
  padding: 0 !important;
}
#gallery .dot-dropdown ul li{

}

#gallery .dot-dropdown ul li a{
  font-size: 15px;
}







/* Scrollbar styling for WebKit browsers */
/* .tab_outer::-webkit-scrollbar {
  width: 8px; 
  border-radius: 10px;
}

.tab_outer::-webkit-scrollbar-track {
  background: #111; 
  border-radius: 50px;
}

.tab_outer::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #555, #999); 
  border-radius: 50px;
}

.tab_outer::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #777, #bbb);
}


.tab_outer {
  scrollbar-width: 10px;            
  scrollbar-color: #000 #fff; 
}  */

/* 


.tab_outer::-webkit-scrollbar {
  background-color: #D9D9D9;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 0 0 0 8px;
  scroll-margin: 100px;
}

.tab_outer::-webkit-scrollbar {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #000; 
  scroll-margin: 100px;
}  */































































/* ======================================================= */
/* Work close */
/* ====================================================== */
/* team start */
#teams{
  padding: 90px 0 60px;
}

#teams .head {
  margin: 0 auto 60px;
}

#teams .team_content_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px;
}

#teams .team_content_inner .image_box{
  position: relative;
}

#teams .team_content_inner {
  padding: 10px 0 0;
}

#teams .team_content_inner .image_box .featured_image{
  max-width: 220px;
  max-height: 150px;
  width: 220px;
  height: 150px;
  border-radius: 20px;
  overflow: hidden;
}

#teams .team_content_inner .image_box .featured_image img{
  width: 100%;
  height: 100%;
}

#teams .team_content_inner .image_box .small_thumb {
  position: absolute;
  z-index: 2;
  top: 30%;
  right: -7px;
}

/* meta content */
#teams .team_content_inner .meta_contents {
  padding: 0 0 0 30px;
}

#teams .team_content_inner .meta_contents h3{
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}

#teams .team_content_inner .meta_contents h3 a{
  color: #797979;
}

#teams .team_content_inner .meta_contents h6 {
  color: #878787;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 5px;
}

#teams .team_content_inner .meta_contents .star_list i{
  color: #FC990E;
}

#teams .team_content_inner .meta_contents .lists ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  margin: 11px 0 0;
}

#teams .team_content_inner .meta_contents .lists ul li {
  color: #AA07E0;
  font-size: 14px;
  font-weight: 400;
  background: #FBF3FF;
}

#teams .team_content_inner .meta_contents .lists ul li {
  color: #AA07E0;
  font-size: 14px;
  font-weight: 400;
  background: #FBF3FF;
  padding: 5px 15px;
  border-radius: 50px;
}


/* audio */
#teams .team_content_inner .team_audio {
  padding: 0 0 0 30px;
  position: relative;
}

#teams .team_content_inner .team_audio::before {
  content: '';
  height: 60px;
  width: 2px;
  background: #AA07E0;
  position: absolute;
  left: 12px;
}

#teams .team_content_inner .team_audio audio{
  width: 100%;
}

#teams .team_content_inner .team_audio .playlist,
#teams .team_content_inner .team_audio .srp_miniplayer_metas{
  display: none;
}

#teams .team_content_inner .team_audio .album-player {
padding: 0;
}

#teams .team_content_inner .team_audio .player{
  width: 100%;
  position: relative;
  font-size: 12px;
  display: flex;
  /* flex-direction: row-reverse; */
  height: 60px;
}




/* volume control */

#teams .team_content_inner .team_audio .player .control--item {
  margin: 20px 0 0;
  width: 20%;
}

#teams .team_content_inner .team_audio .player .control--item .slider-container {
  /* transform: rotate(90deg);  */
  margin: -12px 0px 0 20px;
}

#teams .team_content_inner .team_audio .player .control--item .slider-container .ui-slider-vertical{
  height: 6px;
  width: 50px; 
}

#teams .team_content_inner .team_audio  .player .control--item .ui-slider-vertical .ui-slider-range {
  background: #C3C3C3;
}


#teams .team_content_inner .team_audio .player .sr_progressbar {
  width: 50%;
  padding: 0 0 0 30px;
}
#teams .team_content_inner .team_audio .player .srp_main_control {
  width: 20%;
  justify-content: center;
  gap: 0;
  padding: 0 0 0 15px;
}

#teams .player .srp_main_control .control .previous, #teams .player .srp_main_control .control .next {
  font-size: 10px;
  margin: 10px 0 0;
  color: #000;
}


#teams .player .srp_main_control .control {
  gap: 10px;
}

#teams .player .srp_main_control .control .play {
  background: #AA07E0;
  height: 34px;
  width: 34px;
  border-radius: 50px;
}

#teams .player .srp_main_control .control .play i.sricon-play {
  margin-left: 11px;
  color: #fff;
}

#teams .player .srp_main_control .control .play i.sricon-play:before {
  font-size: 14px !important;
  line-height: 34px;
}
/* audio close */
/* contact btn */

#teams .contact_img{
  position: relative;
}
#teams .contact_img img{
  width: 100%;
  border-radius: 20px;
}
#teams .contact_img a {
  font-size: 13px;
  margin: 0 0 8px;
  font-weight: 600;
  background: linear-gradient(to right, #8906D4 0%, #AA07E0 100%);
  padding: 12px 18px;
  border-radius: 5px;
  line-height: 20px;
  color: #fff;
  width: max-content;
  position: absolute;
  /* left: 30%; */
  bottom: 25px;
  width: fit-content;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#teams .contact_img a:hover {
  
  background: #000;
}

/* arrow */
#teams .slick-prev,
#teams .slick-next{
  display: none !important;
}

#teams .slick-dots {
  display: flex;
  list-style-type: none;
  justify-content: center;
  gap: 5px;
  margin: 40px 0 0;
  align-items: center;
}

#teams .slick-dots li.slick-active button{
  background: #fff;
  color: #fff;
  border: 6px solid #2E3848;
  height: 24px;
}

#teams .slick-dots li button {
  background: #AA07E0;
  color: #AA07E0;
  border: 2px solid #AA07E0;
  height: 16px;
  width: 5px;
  overflow: hidden;
  border-radius: 50px;
}

/* ==================================================================== */
/* pricing plan */
#pricing_plan {
  padding: 30px 0 60px;
}

#pricing_plan .sec_inner {
  background: #000;
  border-radius: 20px;
  padding: 30px 30px 45px;
  color: #fff;
}

#pricing_plan .sec_inner .head{
  margin: 0 0 30px;
}
#pricing_plan .sec_inner .head h3 span{
  color: #8D01F0;
}

#pricing_plan .sec_inner .cards {
  background: #101216;
  padding: 20px 20px 30px;
  border-radius: 20px;
  transition: linear all 0.3s;
  min-height: 460px;
  margin: 10px;
}

#pricing_plan .sec_inner .cards h5 {
  font-size: 13px;
  margin: 0 0 8px;
  font-weight: 600;
  background: #EE03AF;
  padding: 5px 18px;
  border-radius: 50px;
  line-height: 20px;
  color: #fff;
  width: max-content;
}

#pricing_plan .sec_inner .cards .list ul {
  list-style-type: none;
  padding: 0;
  margin: 30px 0 30px;
}

#pricing_plan .sec_inner .cards .list ul li {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  gap: 8px;
}

#pricing_plan .sec_inner .cards .list ul li i {
  font-size: 13px;
}

/* hover */
#pricing_plan .sec_inner .cards:hover{
  background: #222531;
}

#pricing_plan .sec_inner .cards:hover h5{
  background: #8906D4;
}

#pricing_plan .sec_inner .cards:hover a{
  background: #8906D4;
  color: #fff;
}


/* pricing_plan */
#pricing_plan .sec_inner .outer {
  height: 100%;
  box-shadow: 0 0 10px #EE03AF;
  border-radius: 20px;
  padding: 13px;
  min-height: 460px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#pricing_plan .sec_inner .plan_offer {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 13px;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.6);
}
#pricing_plan .sec_inner .plan_offer h4 {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 20px;
}

#pricing_plan .slick-arrow{
  display: none !important;
}


/* pricing plan close */
/* =========================================================== */
/* ====================================================== */
/* Book Us now */
#book-us-section{
  padding: 45px 30px;
}
#book-us-section .head{
  margin: 0 auto 45px;
}

#book-us-section .booking_form .bookly-progress-tracker > div {
  padding-right: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #000 !important;
}

#book-us-section .booking_form .bookly-form .bookly-progress-tracker .step{
  background: #000 !important;
  border-radius: 50px;
}


#book-us-section .booking_form .bookly-form .bookly-progress-tracker > .active .step{
  background: #8906D4 !important;
}


#book-us-section .booking_form .bookly-form .bookly-form-group > label{
  font-size: 18px;
  font-weight: 600;
  color: #000 !important;
  margin: 15px 0 0 !important;
}

#book-us-section .booking_form .bookly-form input[type="text"],
#book-us-section .booking_form .bookly-form select,
#book-us-section .booking_form .bookly-form input[type="text"],
#book-us-section .booking_form .bookly-form input[type="tel"] {
  padding: 5px 6px 4px !important;
  border-radius: 10px !important;
  border: 1px solid #2E3848 !important;
  font-size: 16px !important;
  font-weight: 600;
  height: 50px !important;
  background: transparent;
  color: #000;
}
#book-us-section .booking_form .bookly-form input::placeholder{
  color: #000;
}


#book-us-section .booking_form .bookly-form input[type="checkbox"] {
  background-color: #8906D4 !important; 
  margin: 15px 25px 0  !important;
}


#book-us-section .booking_form .bookly-box.bookly-nav-steps button {
  background: transparent !important;
  color: #AA07E0 ;
  border: 1px solid #AA07E0 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

#book-us-section .booking_form .bookly-box.bookly-nav-steps button:hover {
  background: #AA07E0 !important;
}

#book-us-section .booking_form .bookly-box.bookly-nav-steps button:hover span {
  color: #fff !important;
}
#book-us-section .booking_form .bookly-box.bookly-nav-steps button span {
  color: #AA07E0 !important;
  font-size: 16px !important;
  text-transform: capitalize !important;
}


#book-us-section .booking_form  .bookly-nav-steps {
  padding-top: 0px !important;
  border-top: 0px solid silver !important;
}

#book-us-section .booking_form .iti__selected-country-primary{
  display: none;
}
















/* ================================================== */
/* testimonials start */
#testimonials{
  margin: 0 15px 0 0;
  padding: 30px 0 45px;
}

#testimonials .sec_inner{
  background: #000;
  border-radius: 20px;
  padding: 30px;
  color: #fff;
}

#testimonials .sec_inner .head {
  margin: 0px 0 30px;
}

#testimonials .sec_inner .head h3 span.split{
  color: #EE03AF;
}

#testimonials .sec_inner .testimonial-box {
  background: #101216;
  border-radius: 20px;
  margin: 5px;
  padding: 15px;
  min-height: 370px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#testimonials .sec_inner .testimonial-box:hover {
  cursor: pointer;
}
#testimonials .sec_inner .testimonial-box .content_testi span.cat {
  font-size: 13px;
  font-weight: 600;
  background: #EE03AF;
  padding: 5px 18px;
  border-radius: 50px;
  line-height: 20px;
  color: #fff;
  width: max-content;
}

#testimonials .sec_inner .testimonial-box .content_testi .testimonial_contentx {
  margin: 60px 0 30px;
  min-height: 170px;
}

#testimonials .sec_inner .testimonial-box .content_testi .testimonial_contentx p{
  color: #ffffff;
}

#testimonials .sec_inner .testimonial-box .content_testi .client {
  color: #ffffff;
  display: flex;
  gap: 10px;
  align-items: center;
}

#testimonials .sec_inner .testimonial-box .content_testi .client img{
  height: 50px;
  width: 50px;
  border-radius: 10px;
}

#testimonials .sec_inner .testimonial-box .content_testi .client h4{
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

#testimonials .sec_inner .testimonial-box .content_testi .client h4 span{
  font-size: 13px;
  font-weight: 400;
  color: #797979;
  display: block;
}
#testimonials .sec_inner .testimonial-box.slick-active.slick-center {
  background: #222531;
}

/* hover/active */

/* #testimonials .sec_inner .testimonial-box.slick-active.slick-center {
  width: 406px !important; 
  background: #222531;
}

.testimonial-box.slick-slide {
  width: 264px !important;
  transition: all 0.3s ease;
}  */



/* .testimonialss .slick-slide {
  width: 265px; 
  transition: all 0.3s ease;
}

.testimonialss .slick-slide.slick-current  {
  width: 406px !important; 
  background: #222531;
} */

















#testimonials .sec_inner .testimonial-box.slick-active.slick-center span.cat {
  background: #8906D4;
}

/* navigation */
#testimonials  .slick-arrow,
#testimonials  .next-arrow:hover {
  display: none !important;
}
/* testimonials close */
/* ======================================================== */
/* Contact us section */
#contact-us-section {
  padding: 30px 0 45px;
}

#contact-us-section .head{
  margin: 0 auto 30px;
}

.contact_page .contact-info,
#contact-us-section .contact-info{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  margin: 0 0 25px;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  border-radius: 20px;
}

.contact_page .contact-info .details,
#contact-us-section .contact-info .details {
  display: flex;
  gap: 15px;
  align-items: center;
}

.contact_page .contact-info .details .icon,
#contact-us-section .contact-info .details .icon {
  height: 65px;
  width: 65px;
  background: #FBF3FF;
  border-radius: 10px;
  text-align: center;
  line-height: 65px;
}

.contact_page .contact-info .details .icon i,
#contact-us-section .contact-info .details .icon i{
  font-size: 20px;
  color: #8906D4;
}

.contact_page .contact-info .details .text h5,
#contact-us-section .contact-info .details .text h5 {
  font-size: 16px;
  font-weight: 500;
  color: #2E3848;
}

.contact_page .contact-info .details .text p,
#contact-us-section .contact-info .details .text p {
  margin: 0; 
}

.contact_page .contact-info .btns a,
#contact-us-section .contact-info .btns a {
  height: 45px;
  padding: 8px 25px 6px;
}
/*  
#contact-us-section .contact-info .btn {
  background: #fff;
  border-radius: 10px;
  width: 120px;
  border: 1px solid #AA07E0;
  color: #AA07E0;
  padding: 0;
  height: 45px;
}
#contact-us-section .contact-info .btn a {
  padding: 8px 15px;
  color: #AA07E0;
  font-size: 15px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
}

#contact-us-section .contact-info .btn:hover {
  background: #AA07E0;
} 
#contact-us-section .contact-info .btn:hover a{
  color: #fff;
} */

/* =========================================================== */
/* request quote */

#request-quote{
  padding: 30px 0;
}
#request-quote .sec_inner{
  background: #000;
  border-radius: 20px;
  padding: 30px;
}
#request-quote .sec_inner .head{
  color: #fff;
  margin: 0 0 30px;
}

#request-quote .sec_inner .head h3 span{
  color: #8D01F0;
}

#request-quote .sec_inner .form input,
#request-quote .sec_inner .form select,
#request-quote .sec_inner .form date {
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid #797979;
  height: 45px;
}
#request-quote .sec_inner .form textarea {
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid #797979;
  height: 110px;
}

#request-quote .sec_inner .form input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}



#request-quote .sec_inner .form textarea::placeholder{
  color: #fff;
}

#request-quote .sec_inner .form input[type="submit"] {
  background: transparent;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid #8906D4;
  background: linear-gradient(to right, #8906D4 0%, #AA07E0 100%);
  padding: 0 25px;
  transition: linear all 0.3s;
}

#request-quote .sec_inner .form input[type="submit"]:hover {
  color: #8906D4;
  border: 1px solid #fff;
  background: #fff;
}

#request-quote .sec_inner .form select option{
  background: #000;
}


/* error msg */
#request-quote .sec_inner .form  .wpcf7 form.invalid .wpcf7-response-output{
  color: #fff;
}

#request-quote .sec_inner .form .wpcf7 form.failed .wpcf7-response-output, 
#request-quote .sec_inner .form .wpcf7 form.aborted .wpcf7-response-output{
  color: #fff;
}


/* =================================================== */
/* =================================================== */
/* blog post start */
.blog_news {
  padding: 90px 0 30px;
  margin: 0 0 10px;
}
.blog_news .head {
  margin: 0 auto 30px;
}
.blog_news .blogs_row{
  border-radius: 15px;
  padding: 0px;
  overflow: hidden;
}

.blog_news .c-col , #search-page .c-col{
  padding: 15px 8px 15px;
  min-height: 470px;
  background: #fff;
  position: relative;
}

/* #blog-news .content_col{
  min-height: 400px;
} */

.blog_news .blogs_row .blog_head {
  position: relative;
  margin: 0 0 20px;
  border-radius: 20px;
  overflow: hidden;
}
/* category */
.blog_news .blogs_row .blog_head .category_outer , #blog-news .content_col .thumb .category_outer, #search-page .content_col .category_outer{
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 10px;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);

}

.blog_news .blogs_row .blog_head .category_outer h3 ,#blog-news .content_col .thumb h3 ,#search-page .content_col .thumb .category_outer h3 {
  font-size: 13px;
  font-weight: 600;
  /* position: absolute;
  z-index: 2; */
  background: #EE03AF;
  padding: 5px 18px;
  border-radius: 50px;
  line-height: 20px;
  color: #fff;
  top: 25px;
  left: 11px;
  width: max-content;
}

.blog_news .blogs_row .blog_head .category_outer h6 {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog_news .blogs_row .blog_head .category_outer h6 span {
  height: 45px;
  width: 45px;
  border-radius: 10px;
  text-align: center;
  background: #fff;
  opacity: 0;
  transition: linear all 0.3s;
}

.blog_news .blogs_row .blog_head .category_outer h6 span i {
  font-size: 18px;
  color: #AA07E0;
  line-height: 45px;
  transform: rotate(-45deg);
}

/* thumbnail */
.blog_news .content_outer .blog_head .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 0px;
}

.blog_news .content_outer .blog_head .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

/* contents */
.blog_news .blogs_row .blog_content {
  padding: 0 15px;
}
.blog_news .blogs_row .blog_content h5 {
  margin: 0 0 10px;
}
.blog_news .blogs_row .blog_content h5 a{
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: #2E3848;
  margin: 0 0 10px;
}

/* hover */
.blog_news .c-col:hover .category_outer h6 span{
  opacity: 1;
} 

.blog_news .blogs_row .slick-arrow{
  display: none !important;
}



.blog_news .blogs_row .c-col:hover .category_outer{
  background: rgba(0, 0, 0, 0.6);
}















/* blog close */
/* ================================================== */
/* FAQ */
#faq {
  padding: 30px 0 60px;
}
#faq .sec_inner{
  background: #000;
  border-radius: 20px;
  padding: 30px;
  color: #fff;
}
#faq .sec_inner .head {
  margin: 0 0 30px;
}
#faq .sec_inner .head h3 span{
  color: #EE03AF;
}


#faq .tab_outer nav{

}

#faq .tab_outer .nav li {
  
}

#faq .tab_outer .nav li button{
  font-size: 14px;
  font-weight: 600;
  background: #fff;
  padding: 5px 18px;
  border-radius: 50px;
  line-height: 20px;
  color: #AA07E0;
  width: max-content;
  border: 1px solid #fff;
  margin: 4px;
}

#faq .tab_outer .nav li button.active{
  background: #AA07E0;
  border: 1px solid #AA07E0;
  color: #fff !important;
}


/* ==================tab==================== */
#faq .tab_outer .tab-content .accordion-item {
  background: transparent;
  border: 1px solid #797979;
  border-radius: 10px;
  margin: 0px 0 20px;
}

#faq .tab_outer .tab-content .accordion-item h2{
  line-height: 25px;
}

#faq .tab_outer .tab-content .accordion-item h2 button {
  background: #000;
  border-radius: 10px;
  box-shadow: none;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

#faq .tab_outer .tab-content .accordion-item h2 button:after {
  /* content: "f077";
  font-family: FontAwesome !important; */

  font-family: FontAwesome;
    content: "\f078";
    background-image: none;
}

#faq .tab_outer .tab-content .accordion-item h2 button {

}

#faq .tab_outer .tab-content .accordion-item .accordion-body {
  padding: 0rem 15px;
}

#faq .tab_outer .tab-content .accordion-item .accordion-body p{
  font-size: 15px;
}



/* ============================================================ */
/* languages */
#languages {
  padding: 30px 0 30px;
}
#languages .sec_inner {

}
#languages .sec_inner .languages_outer {
  margin: 45px 0 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#languages .sec_inner .languages_outer .boxs{
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 35px;
  width: 20%;
}

#languages .sec_inner .languages_outer .boxs img{
  height: 35px;
  width: 35px;
  border-radius: 50%;
}
#languages .sec_inner .languages_outer .boxs h5{
  font-size: 13px;
  font-weight: 500;
  color: #2E3848;
}

#languages .sec_inner h6 {
  color: #AA07E0;
  font-size: 18px;
  font-weight: 600;
  background: #FBF3FF;
  width: fit-content;
  padding: 5px 25px;
  border-radius: 50px;
  text-align: center;
  margin: 15px auto 0;
}

/* languages close */
/* Client Worked dwith start */
#client-worked {
  padding: 45px 0 30px;
}
#client-worked .sec_inner{
  background: #000;
  color: #fff;
  padding: 30px;
  border-radius: 20px;
}

#client-worked .sec_inner .c_head{
  margin: 0 0 30px;
}

#client-worked  .sec_inner .c_head h3 span.split{
  color: #8D01F0;
}

#client-worked .sec_inner  .client_logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#client-worked .sec_inner  .client_logos .icon {
  margin: 0 0 20px;
}
#client-worked .sec_inner .client_logos .icon img{
  transition: linear all 0.3s;
}

#client-worked .sec_inner  .client_logos .icon:hover img{
  transform: scale(1.2);
  transition: linear all 0.3s;
}




/* ================================================= */
/* footer */
#footer_box .footer-cols h1,
#footer_box .footer-cols h2,
#footer_box .footer-cols h3,
#footer_box .footer-cols h4,
#footer_box .footer-cols h5,
#footer_box .footer-cols h6{
  font-size: 20px;
  font-weight: 600;
  font-family: var(--font-one);
  margin: 0 0 30px;
}


#footer .darkbox{
  width: 100% !important;
}

#footer_box .footer-cols .footer-col-one ul li {
  padding: 0 0 10px;
}

#footer_box .footer-cols .footer-col-two img {
  padding: 0 0 20px;
  margin: 0 auto;
  display: block;
}

#footer_box .footer-cols .footer-col-two p {
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 30px;
}

#footer_box .footer-cols .footer-col-three{
  width: auto;
  margin: 0 0 0 auto;
}

#footer_box .footer-cols .footer-col-three .about_me,
#footer_box .footer-cols .footer-col-three .about_me .row {
  display: block;
}
#footer_box .footer-cols .footer-col-three .about_me .row h6{
  display: none;
}
#footer_box .footer-cols .footer-col-three .about_me .outer {
  display: flex;
  gap: 10px;
  margin: 0 0 25px;
}
#footer_box .footer-cols .footer-col-three .about_me .outer p{
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
#footer_box .footer-cols .footer-col-three .about_me .outer_call{
  align-items: center;
}

#footer_box .footer-cols .footer-col-three .about_me .outer_call i{
  height: 35px;
  width: 35px;
  background: var(--gray);
  line-height: 35px;
  text-align: center;
  border-radius: 6px;
}

/* copyright */
#footer_box .copyright .copyright_content {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 30px 0 20px;
}
#footer_box .copyright .copyright_content .footer-col-four ul{
    display: flex;
}
#footer_box .copyright .copyright_content .footer-col-four ul li a{
  color: #000;
  font-weight: 600;
}


/* =========================homepage close=================== */
/* ========================================================= */
.wp-singular #header{
  /* background: #fff; */
  border-radius: 0;
  margin: 0;
}

/* Demo Page */
#demo-page{
  padding: 10px 0;
}


/* services page */
#services-page #pricing_plan{
  margin: 30px 0 0;
}
#services-page .contents{
  margin: 0px 0 30px;
}

/* Portfolio page */
#services-page #pricing_plan{
  margin: 30px 0 0;
}


/* studio setup */
#studio-setup-page{

}


#studio-setup-page .content_images {
  width: 100%;
  height: 250px;
  min-height: 250px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 30px;
  transition: linear all 0.3s;
}

#studio-setup-page .content_images .bg_img {
  transition: linear all 0.3s;
  height: 100%;
}

#studio-setup-page .content_images .bg_img img{
  width: 100%;
  height: 100%;
}

#studio-setup-page .content_images:hover .bg_img {
  transform: scale(1.1);
  transition: linear all 0.3s;
}

#studio-setup-page .content_images:hover {
  box-shadow: 0px 0px 6px #AA07E0;
}



#pricing-plan-page{
  padding: 30px 0;
}




/* Request Quote Page */
#request-quote-page .forms input,
#request-quote-page .forms select,
#request-quote-page .forms textarea{
  border: 1px solid #000;
  color: #000;
}

#request-quote-page .forms textarea{
  height: 150px;
}

#request-quote-page .forms input::placeholder{
  color: #000;
}
#request-quote-page .forms{
  margin: 0 0 30px;
}

.btn-wrap{
  padding: 0;
}
#request-quote-page .forms input[type="submit"] {
  font-size: 15px;
  margin: 0 0 0;
  font-weight: 600;
  background: #EE03AF;
  border-color: #EE03AF;
  padding: 12px 40px;
  border-radius: 5px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  display: block;
}

#request-quote-page .forms input[type="submit"]:hover {
  background: #000;
  border-color: #000;
}



















/* 
===========================================================
contact us page
===========================================================
*/
.contact_page{
  padding: 60px 0 15px;
}
.contact_page .c_head{
  margin: 0 auto 30px;
}
.contact_page .forms input{
  border: 1px solid #000;
  color: #000;
}

.contact_page .forms input::placeholder{
  color: #000;
}
.contact_page .forms{
  margin: 0 0 30px;
}

.btn-wrap{
  padding: 0;
}
.contact_page .forms input[type="submit"] {
  font-size: 15px;
  margin: 0 0 0;
  font-weight: 600;
  background: #EE03AF;
  border-color: #EE03AF;
  padding: 12px 40px;
  border-radius: 5px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.contact_page .forms input[type="submit"]:hover {
  background: #000;
  border-color: #000;
  color: #fff !important;
}






/* ---------------Inner pages start------------------------- */
/* about us page */
#about-page-maine {
  margin: 0px 0 2%;
}
#about-page-maine #about-us {
  padding: 80px 0 60px;
}
#about-page-maine #counter {
  padding: 90px 0 8%;
}

#about-page-maine #why-us {
  padding: 0% 0 90px;
}

#about-page-maine #about-us .about_right_content .button2{
  display: none;
}

/* ========================================================================== */
/* services page */
#services-page {
  margin: 0 0 75px;
}
#services-page .services_row{
  padding: 0;
}


/* voice sample page */
#voicesample-page{
  padding: 0;
}


/* ====================================== */
/* projects page */
#projects-page{
  margin: 0 0 150px;
}

#projects-page .content_outer .projects_row .c-col .contents {
  padding: 15px;
  min-height: 460px;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  margin: 0 0 30px;
}

#projects-page .content_outer .projects_row .c-col .contents:hover  {
  color: #fff;
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);
}

#projects-page .content_outer .projects_row .c-col .contents:hover h3, 
#projects-page .content_outer .projects_row .c-col .contents:hover a{
  color: #fff;
}

/* 
#projects-page .content_outer .c-col:nth-child(1) .contents,
#projects-page .content_outer .c-col:nth-child(2) .contents,
#projects-page .content_outer .c-col:nth-child(3) .contents,
#projects-page .content_outer .c-col:nth-child(5) .contents,
#projects-page .content_outer .c-col:nth-child(6) .contents,
#projects-page .content_outer .c-col:nth-child(7) .contents,
#projects-page .content_outer .c-col:nth-child(9) .contents,
#projects-page .content_outer .c-col:nth-child(10) .contents,
#projects-page .content_outer .c-col:nth-child(11) .contents {
  border-right: 1px solid rgba(226,226,226,1);
  border-bottom: 1px solid rgba(226,226,226,1);
}

#projects-page .content_outer .c-col:nth-child(4) .contents,
#projects-page .content_outer .c-col:nth-child(8) .contents,
#projects-page .content_outer .c-col:nth-child(12) .contents {
  border-right: 0px solid rgba(226,226,226,1);
  border-bottom: 1px solid rgba(226,226,226,1);
} */

#projects-page .content_outer .c-col .contents img {
  width: 100%;
  border-radius: 15px;
  min-height: 270px;
}
#projects-page .content_outer .c-col .contents h3{
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0 0;
  color: #000;
}
#projects-page .content_outer .c-col .contents p{
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin: 8px 0 15px;
}
#projects-page .content_outer .c-col .contents a{
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #000;
}
/* ========================================== */

/* contact page */
#contact-us {
  padding: 3% 0 3% 0;
  /* box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 15%; */
}

#contact-us .outer{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 60px; 
}


#contact-us .contac_form {
  max-width: 100%;
  margin: 0 0 45px;
}
#contact-us .contac_form form input[type="text"],
#contact-us .contac_form form input[type="tel"], 
#contact-us .contac_form form input[type="email"],
#contact-us .contac_form form textarea {
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  border-radius: 10px;
  font-weight: 500;
  border: 1px solid #f34f1f33;
  background: #fff;
  height: 55px;
}
#contact-us .contact-info {
  margin: 30px 0 30px;
  max-width: 100%;
}
#contact-us .contact-info h3 {
  font-size: 30px;
}
#contact-us .contact-info .details {
  color: #000;
  border-radius: 10px;
  margin: 45px 0 0;
  display: flex;
  gap: 15px;
  align-items: center;
}
#contact-us .contact-info .details i {
  font-size: 20px;
  height: 50px;
  width: 50px;
  background: var(--gray);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}

#contact-us .contact-info .details a{
  color: #000;
}

#contact-us .contac_form form .btn-wrap{
  background-color: #000;
}
/* =========================== */
/* blog page start */
#full-width-blog #blog-news,
#blog-right-sidebar #blog-news,
#blog-left-sidebar #blog-news{
  padding: 0;
}
#blog-news {
  margin: 0 0 0px;
}

#single-post #blog-news{
  padding: 0;
}

#blog-news .content_col {
  /* box-shadow: 0 3px 6px #00000029; */
  border-radius: 15px;
  padding: 0px;
  margin: 0 0 20px;
}

#blog-news .content_col .content {
  padding: 15px;
}

/* single blog page  */
#single-post .single-post-img{
  border-radius: 15px;
  overflow: hidden;
}

#single-post .single-post-img img {
  width: 100%;
  min-height: 350px;
  object-fit: cover;
  height: 400px;
}
#blog-news .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}
#blog-news .content_col .thumb img{
  border-radius: 15px;
  height: 100%;
  width: 100%;
}

#blog-news .content_col .thumb .date,
#search-page .content_col .thumb .date {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  /* background: #ccc; */
  left: 15px;
  color: #fff;
}




#blog-news .content_col .content h5{
  margin: 0 0 10px;
}


#blog-news .content_col .content .meta_box h6,
#blog-news .content_col .content .meta_box span,
#blog-news .content_col .content .meta_box a{
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
}


/* error 404 page */
.error-page {
  margin: 60px 0 0;
  padding: 30px 0 60px;
}

/* privacy policy /TC/Support pages */
#support-page ,
#pri-po-page ,
#tc-page {
  margin: 0 0 130px;
}

#support-page .content_box,
#pri-po-page .content_box,
#tc-page .content_box{
  margin: 0 0 20px;
}

#support-page .content_box h2,
#pri-po-page .content_box h2,
#tc-page .content_box h2{
  margin: 0 0 7px;
  font: 600 20px / 35px var(--font-one);
}

#support-page .content_box p,
#pri-po-page .content_box p,
#tc-page .content_box p{
  font: 400 16px / 30px var(--font-one);
}

/* get a Quote page */
#get-quote-page .outer {
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 0%;
  background: #fff;
}

#get-quote-page {
  padding: 60px 0;
  margin: 60px 0 180px;
}

#get-quote-page form input,
#get-quote-page form select {
  height: 55px;
  vertical-align: middle;
}
#get-quote-page form textarea {
  height: 200px;
  resize: none;
}
#get-quote-page .wpcf7-not-valid-tip {
  font-size: 14px;
}

#get-quote-page form [type=submit] {
  font-family: var(--font-one);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background: var(--gray);
  padding: 8px 50px;
  margin: 20px 0 0 0px;
  border-radius: 6px;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  border: 0;
  height: 45px;
}

#get-quote-page form [type=submit]:hover{
  color: #fff;
  background: #000;
}

#get-quote-page form label {
  display: block;
}

#get-quote-page form .wpcf7-radio .wpcf7-list-item {
  display: block;
  line-height: 30px;
  height: 45px;
  margin: 0 0 0;
  font-size: 16px;
  width: 50%;
  float: left;
}

/* contact info */
#get-quote-page .details {
  color: #000;
  border-radius: 10px;
  margin: 45px 0 0;
  display: flex;
  gap: 15px;
  align-items: center;
}
#get-quote-page .details i {
  font-size: 20px;
  height: 50px;
  width: 50px;
  background: var(--gray);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}
#get-quote-page .details a {
  color: #000;
}


/* ========================================== */
/* =================================================== */
/* single services page start */
#single-ourservices {
  margin: 0 0 25px;
}

#single-ourservices .content_page .banner{
  margin: 0 0 20px;
}

#single-ourservices .content_page .banner .serv_head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px;
}
#single-ourservices .content_page .banner .serv_head .button1 a{
  background: #000;
  color: #fff;
}

#single-ourservices .content_page .banner .serv_head .button1 a:hover{
  background: var(--gray);
}
#single-projects .content_page p,
#single-ourservices .content_page p{
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #000;
}

#single-projects .content_page h3,
#single-ourservices .content_page h3{
  font-size: 28px;
  font-weight: 800;
}

#single-projects .content_page .banner .single_thumb{
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
}

#single-projects .content_page .banner .single_thumb img{
  height: 100%;
  width: 100%;
}

#single-ourservices .content_page .banner img{
  width: 100%;
  border-radius: 10px;
  margin: 0 0 30px;
  height: 400px;
  object-fit: cover;
  object-position: bottom;
}
#single-projects .content_page .para2 {
  margin: 0 0 30px;
}

#single-projects .content_page .para2 h3{
  margin: 0 0 15px;
}
#single-projects .content_page .list ul{
  list-style-type: none;
  margin: 0 0 40px;
}
#single-projects .content_page .list ul li{
  margin: 0 0 10px;
}
#single-projects .content_page .list ul{
  list-style-type: none;
}

#single-projects .content_page .list ul li i{
  vertical-align: middle;
  margin: 0 10px;
}


#single-projects .content_page .btm-cont img{
  margin: 0 0 30px;
}

#single-projects .content_page .btm-cont  .img_list{
  min-height: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 0 15px;
}

#single-projects .content_page .btm-cont img{
  height: 100%;
  width: 100%;
  margin: 0 0 10px;
}

#single-ourservices .content_page .quote p span{
  font-weight: 800;
}
#single-ourservices .content_page .lists{
  margin: 0 0 30px;
}

#single-ourservices .content_page .lists img{
  width: 100%;
  border-radius: 15px;
}

#single-ourservices .content_page .lists ul{
  list-style-type: none;
}
#single-ourservices .content_page .lists ul li {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 13px;
  display: flex;
  align-items: flex-start;
}

#single-ourservices .content_page .lists ul li i{
  vertical-align: middle;
  margin: 5px 10px 0;
}

#single-ourservices .content_page .lists .list_thumb{
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
}

#single-ourservices .content_page .lists .list_thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

#single-ourservices .content_page .para2{
  margin: 0 0 30px;
}
#single-ourservices .content_page .para2 h3,
#single-ourservices .content_page .para3 h3{
  margin: 0 0 15px;
}
#single-ourservices .content_page .services_video  {
  position: relative;
}
#single-ourservices .content_page .services_video img {
  width: 100%;
  height: 300px;
  border-radius: 15px;
}

#single-ourservices .content_page .services_video .icon {
  text-align: center;
  position: absolute;
  top: 35%;
  left: 46%;
}
#single-ourservices .content_page .services_video .icon button {
  background: var(--white);
  border-radius: 50%;
  height: 80px;
  width: 80px;
  border: 1px solid var(--white);
}
#single-ourservices .content_page .services_video .icon button i {
  font-size: 30px;
  color: var(--black);
  line-height: 70px;
  background: #000;
  width: 70px;
  border-radius: 50%;
}
#single-ourservices .content_page .services_video .icon button:focus {
  box-shadow: none;
}


/* popup video */
#single-ourservices .content_page .btn-close i {
  display: none;
}





/* ====================================================== */
/* search page start */
#search-page h1{
  font-family: var(--font-two);
  font-size: 45px;
  font-weight: 800;
  line-height: 60px;
}

#search-page .search-content .c-col .content_col {
  /* padding: 15px;
  background: #fff; */
  margin: 0 0 30px;
  /* border-radius: 15px;
  box-shadow: 0 3px 6px #00000029; */
}
#search-page .search-content .c-col .content_col .thumb img{
  border-radius: 15px;
  margin: 0 0 15px;
}
#search-page .search-content .c-col .content_col .content .meta_box{
  margin: 10px 0;
}
#search-page .search-content .c-col .content_col .content .meta_box span{
  font-size: 14px;
  font-weight: 700;
}
#search-page .search-content .c-col .content_col .content p{
  margin: 10px 0 0;
  min-height: 55px;
}
#search-page .search-content .c-col .content_col .content{
  padding: 15px;
}
/* ================single blog page===================== */
#single-post .theme-para {
  line-height: 20px;
  font-size: 16px;
  margin: 10px 0 0;
}


#single-post #blog-news .related_content_col .blog-title h5 a{
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

#single-post #blog-news .related_content_col .content {
  margin: 15px 0 0; 
}
#single-post #blog-news .related_content_col .content h6,
#single-post #blog-news .related_content_col .content span,
#single-post #blog-news .related_content_col .content a {
  text-transform: capitalize;
  color: #000;
  font-size: 15px;
  font-weight: 700;
}
#single-post #blog-news .related_content_col {
  position: relative;
}

#single-post #blog-news .blog-title {
  padding: 15px;
}

#single-post #blog-news .related_content_col .thumb{
  overflow: visible;
}
#single-post #blog-news .related_content_col .date{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#single-post #blog-news .related_content_col .date h6{
  background: var(--black);
  padding: 15px 20px 7px;
  border-radius: 7px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 26px;
  width: max-content;
}
#single-post #blog-news .related_content_col .date h6 span{
  display: block;
  font-size: 16px;
}









/* search page */
#search-page .search-content .content_col .thumb {
  min-height: 260px;
  height: 260px;
  overflow: hidden;
  margin: 0 0 15px;
  border-radius: 15px;
  position: relative;
}

#search-page .search-content .content_col .thumb img {
  height: 100%;
  width: 100%;
}

#search-page .search-content .content_col .date{
  /* display: none; */
}

#search-page .search-content .content_col .meta_box a,
#search-page .search-content .content_col .meta_box h6,
#search-page .search-content .content_col .meta_box span{
  color: #000;
  text-transform: capitalize;
  font-weight: 700;
}


/* admin page */
.author_outer{
  margin: 120px 0 60px;
}

.auth_header{
  width: auto;
  margin: 18px 0 0;
  z-index: -1;
}

.auth_header .page-title{
  font-size: 36px;
  text-transform: capitalize;
}

.author_outer .content_col{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 15px;
  margin: 0 0 20px;
}

.author_outer .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}
.author_outer .content_col .thumb img {
  border-radius: 15px;
  height: 100%;
  width: 100%;
}
.author_outer .content_col p {
  font-weight: 400;
  margin: 10px 0;
  font-size: 15px;
}


.author_outer .content_col .content .meta_box h6,
.author_outer .content_col .content .meta_box span, 
.author_outer .content_col .content .meta_box a {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #000;
}



/* ============================================================= */
/* =======================Json================================= */
/* common headings  */
.ive-vw-c-subheading{
  clip-path: polygon(0% 13.333%, 0% 13.333%, 0.024% 11.171%, 0.092% 9.119%, 0.202% 7.206%, 0.349% 5.459%, 0.53% 3.905%, 0.741% 2.573%, 0.978% 1.488%, 1.238% 0.68%, 1.516% 0.175%, 1.81% 0%, 97.83% 0%, 97.83% 0%, 98.197% 0.27%, 98.535% 1.041%, 98.839% 2.253%, 99.102% 3.846%, 99.319% 5.76%, 99.485% 7.936%, 99.594% 10.315%, 99.64% 12.835%, 99.618% 15.438%, 99.522% 18.064%, 95.744% 91.397%, 95.744% 91.397%, 95.652% 92.897%, 95.538% 94.28%, 95.403% 95.539%, 95.25% 96.663%, 95.08% 97.641%, 94.896% 98.463%, 94.699% 99.121%, 94.491% 99.602%, 94.275% 99.899%, 94.052% 100%, 1.81% 100%, 1.81% 100%, 1.516% 99.825%, 1.238% 99.32%, 0.978% 98.512%, 0.741% 97.427%, 0.53% 96.095%, 0.349% 94.541%, 0.202% 92.794%, 0.092% 90.881%, 0.024% 88.829%, 0% 86.667%, 0% 13.333%);
    background: linear-gradient(90deg, rgba(243, 79, 31, 1) 0%, rgba(181, 23, 23, 1) 90%);
    color: #fff;
    width: max-content;
    padding: 6px 30px 6px 25px;
    border-radius: 6px 6px 12px 6px;
}

.ive-vw-c-heading::before{
  /* content: '';
  height: 100%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--gray);
  position: absolute;
  left: 0; */
}

/* slider */
.ive-vw-slider #slider .swiper-pagination{
  bottom: 60px;
}
.ive-vw-slider #slider .slider_nav .swiper{
  bottom: 90px;
}

.ive-vw-slider #slider .swiper-button-next, .swiper-button-prev{
  background: transparent !important;
}
.ive-vw-slider #slider .swiper-button-next, 
.ive-vw-slider #slider  .swiper-button-prev,

.ive-vw-slider #slider .swiper-button-next:hover, 
.ive-vw-slider #slider  .swiper-button-prev:hover{
  background: transparent !important;
}

.ive-vw-mining-mission-col-outer{
  gap: 10px;
}
.ive-vw-mining-mission-para {
  padding: 15px;
  border-radius: 12px;
}
.ive-vw-mining-mission-1-inner{
  margin: 30px 0 0 0;
  gap: 5px;
}

.ive-vw-mining-mission-col-2{
  padding:60px 15px  15px;
  border-radius: 12px;
}
/* ========================= */
/* about */
.ive-vw-about--outer{
  margin: 60px auto 0;
}
.ive-vw-about-satisfction-outer{
  background: #F34F1F;
  border-radius: 12px;
  padding: 10px;
  gap: 10px;
}

.ive-vw-about-satisfction-inner{
  margin: 0 0 15px !important;
}
/* right about */
.ive-vw-about-right-col{
position: relative;
}

.ive-vw-about-satis-rated{
  gap: 10px;
}
.ive-vw-about-list {
  margin: 25px 0 8px;
  font-size: 16px;
}
.ive-vw-about-list span svg{
  margin: 0px 6px 0 0px;
  font-size: 16px;
}

/* counter */
.ive-vw-mining-counter-group{
  padding: 30px 0 300px !important;
}

.ive-vw-mining-counter-outer{
  margin: 60px auto 0;
  background: #1e1e1e;
  position: relative;
}

.ive-vw-mining-counter-col-1 {
  margin: 0 0 0;
}

.ive-vw-mining-counter-col-1:before,
.ive-vw-mining-counter-col-2:before,
.ive-vw-mining-counter-col-3:before,
.ive-vw-mining-counter-col-4:before{
  content: '';
  height: 80%;
  width: 4px;
  background-color: var(--gray);
  position: absolute;
  top: 15%;
}

/* services */
.ive-vw-services {
  margin: -200px 0 0px;
  padding: 0 0 60px;
}

/* .ive-vw-services :before{
  content: '';
  background: #1e1e1e;
  height: 600px;
  position: absolute;
  width: 100%;
  z-index: -1;
  margin: 15% 0 0;
} */

.ive-vw-services-outers{
  margin: 0 auto !important;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  
}

.ive-vw-services-outers .ive-vw-services-inner{
  padding: 0;
  box-shadow: 0 3px 6px #00000029;
}

.ive-vw-services-outers .ive-vw-c-subheading {
  margin: 0 auto 15px
}


.ive-vw-services-inner{
  /* box-shadow: 0 3px 6px #fff;
  border-radius: 15px; */
  padding: 0px px 0;
  gap: 0;
}
.ive-vw-services-inner .ive-vw-services-outer {
  margin: 0 auto;
  box-shadow: 0 3px 6px #00000029;
  background: transparent !important;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
}
.ive-vw-services-col1 {
  background: #fff;
  border-radius: 0px;
  padding: 40px 30px 25px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.ive-vw-services-col1:hover {
  background: linear-gradient(-90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%); 
}
.ive-vw-services-col1:hover h2 {
  color: #fff;
}

/* projects */
.ive-vw-projects{
  margin: 80px 0 60px;
}

/*  */
.ive-vw-projects-slider{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  /* overflow: hidden; */
}

/* why us */
.ive-vw-why-us-outer{
  padding: 200px 0 0;
  margin: -150px 0 0;
}


.ive-vw-projects-slider .owl-item {
  border-right: 1px solid #ccc;
  padding: 15px;
}

/* slider arrow */
.ive-vw-projects-slider .owl-nav{
  margin: -150px 0 0 !important;
}

/* why us list */
.ive-vw-why-us-right{
  gap: 0;
  margin: 0 0 -8px !important;
}

.ive-vw-why-us-right-img{
  padding: 18px;
}

.ive-vw-why-us-right-exp-col{
  border-radius: 10px 10px 0 10px;
}

.ive-vw-why-us-right-exp-col2{
  border-radius: 0px 10px 10px 10px;
}

.ive-vw-why-us-list{
  margin: 15px 0 0px;
  font-size: 16px;
}

.ive-vw-why-us-list span{
  margin: 0px 5px 0 0px;
  font-size: 16px;
}


/* logos */
.ive-vw-mining-logos-outer{
  padding: 60px 0;
}


/* work */
.ive-vw-mining-work-outer{
  margin: 100px auto 0;
}

.ive-vw-mining-work-num{
  margin: 0 0 -10px 130px;
}

.ive-vw-mining-work-process-1,.ive-vw-mining-work-process-2,.ive-vw-mining-work-process-3{
  position: relative
}

.ive-vw-mining-work-curve-line1,.ive-vw-mining-work-curve-line3 {
  position: absolute;
  top: 25%;
  left: 75%;
  width: 60%;
}

.ive-vw-mining-work-curve-line2{
  position: absolute;
  top: 35%;
  left: 75%;
  width: 60%;
}

/* gallery */
.ive-vw-mining-gallery{
  gap: 10px;
  margin: 90px 0;
}

.ive-vw-gallery-img-last img{
  min-height: 600px;
  border-radius: 15px;
}

/* testimonials */
.ive-vw-testimonials-slider{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 30px 20px 0px;
  /* overflow: hidden; */
}

.ive-vw-testimonials-stars {
  gap: 0;
  justify-content: end;
}

/* video */
.ive-vw-testi-popup-thumb img{
  
}

.ive-vw-testimonials-video-outer{
  position: relative;
}
.ive-vw-testimonials-video{
  position: absolute;
  top: 50%;
  left: 40%;
}
.ive-vw-testimonials-video i {
  height: 75px !important;
  width: 75px !important;
  border-radius: 50px !important;
}
.ive-vw-testimonials-video-thumb img {
  margin: 0 auto;
  display: block;
  width: 100% !important;
  border-radius: 15px;
}

/* pricing plan */
.ive-vw-pricing-plane-outer{
  margin: 90px 0 0;
} 
.ive-vw-pricing-plane-outer .ive-vw-c-subheading{
  margin: 0px auto 0;
} 

.ive-vw-pricing-plane-cotent{
  box-shadow: 0 0px 6px #00000029;
  border-radius: 15px;
  padding: 0px 0px 0px;
  gap: 0;
  overflow: hidden;
}
.ive-vw-pricing-plane-cotent1,.ive-vw-pricing-plane-cotent2,.ive-vw-pricing-plane-cotent3{
  border-right: 1px solid rgba(226,226,226,1);
  padding: 30px 10px;
  position: relative;
}
.ive-vw-pricing-plane-cotent3{
  border-right: 0px !important;
}

.ive-vw-pricing-plane-cotent1:hover,.ive-vw-pricing-plane-cotent2:hover,.ive-vw-pricing-plane-cotent3:hover{
  background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%);
}

.ive-vw-pricing-plane-cotent1:hover h3,.ive-vw-pricing-plane-cotent2:hover h3,.ive-vw-pricing-plane-cotent3:hover h3{
  color: #fff;
}

.ive-vw-pricing-plane-cotent1:hover a,.ive-vw-pricing-plane-cotent2:hover a,.ive-vw-pricing-plane-cotent3:hover a{
  background-color: #000;
}

.ive-vw-pricing-plane-dollor{
  position: absolute;
  width: 200px;
  top: -15px;
  left: -15px;
}

/* team */
.ive-vw-team-share-icon{
  background: #000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  margin: 0 0px 0 -10px;
}

.ive-vw-team-share-icon svg{
  color: #fff;
}

.ive-vw-team-headings{
  margin: 0 0 60px;
}

/* blogs */
.ive-vw-blog{
  margin: 0 auto 60px;
}

.ive-vw-blog .ive-vw-c-subheading{
  margin: 0 auto 0px;
}

/* blogs */
.ive-vw-mining-blogs-content{
  /* box-shadow: 0 0px 6px #00000029; */
  border-radius: 15px;
}

.ive-vw-mining-blogs-content{
  box-shadow: 0 0px 6px #00000029;
  border-radius: 15px;
  padding: 0px 0 0;
}

.ive-vw-mining-blogs-content .post-item {
  margin: 0 !important;
}

.ive-vw-mining-blogs-content .ive_latest_post_date_img{
  display: none !important;
}
.ive-vw-mining-blogs-content .post-item .post-content-area{
  padding: 20px 15px 25px !important;
}
.ive-vw-mining-blogs-content .post-item img{
  border-radius: 10px;
}
.ive-vw-mining-blogs-content .ive-inner-post-content{
  padding: 0px 0 !important;
}

.ive-vw-mining-blogs-content .ive-inner-post-content .ive-pt-btn {
  margin: 18px 0 0;
}





/* json css */

.ive-vw-voiceover-banner-image {
  position: relative;
}
.ive-vw-voiceover-banner-image:before {
  content: "";
  height: 160px;
  width: 160px;
  background: transparent;
  border: 25px solid #8906D4;
  position: absolute;
  z-index: -1;
  bottom: -20px;
  left: -90px;
  border-radius: 50%;
}
.ive-vw-voiceover-banner-image:after {
  content: "";
  height: 130px;
  width: 130px;
  background: transparent;
  border: 25px solid #8906D4;
  position: absolute;
  z-index: -1;
  top: 45px;
  right: -60px;
  border-radius: 50%;
}


/* banner audio */
.ive-vw-voiceover-banner-image .track-title,
.ive-vw-voiceover-banner-image .album-art{
  display: none !important;
}

.ive-vw-voiceover-banner-image .album-player {
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  border-radius: 15px;
  color: #fff;
  position: absolute;
  width: 96%;
  bottom: 20px;
  margin: 0 2%;
}

.ive-vw-voiceover-banner-image .album-player .player{
  height: 60px;
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  max-height: 60px;
}

.ive-vw-voiceover-banner-image .album-player .album-title {
  font-size: 16px;
  font-weight: 700 !important;
  text-transform: capitalize;
  text-align: left;
}


.ive-vw-voiceover-banner-image .player .sr_progressbar{
  width: 80%;
}

.ive-vw-voiceover-banner-image .player .srp_main_control{
  width: 20%;
}

/* control video */
.ive-vw-voiceover-banner-image .player .srp_main_control .control .previous, .ive-vw-voiceover-banner-image .player .srp_main_control .control .next {
  font-size: 10px;
  margin: 10px 0 0;
  color: #fff;
}

.ive-vw-voiceover-banner-image .player .srp_main_control .control .play {
  background: #AA07E0;
  height: 34px;
  width: 34px;
  border-radius: 50px;
}

.ive-vw-voiceover-banner-image .player .srp_main_control .control .play i.sricon-play {
  margin-left: 11px;
  color: #fff;
}

.ive-vw-voiceover-banner-image .player .srp_main_control .control .play i.sricon-play:before {
  font-size: 15px;
  margin: 7px 0 0;
}

/* offer */
.ive-vw-voiceover-offer-outer {
  border-radius: 15px;
  padding: 0;
  margin: 60px 0 0;
}

.ive-vw-voiceover-offer-img {
  margin: -60px 0 0 45px;
  position: relative;
}
.ive-vw-voiceover-offer-img:before {
  content: "";
  height: 260px;
  width: 260px;
  background: transparent;
  border: 40px solid #EE03AF;
  position: absolute;
  z-index: 0;
  bottom: 105px;
  left: 0;
  border-radius: 50%;
}
.ive-vw-voiceover-offer-img img {
  position: relative;
  z-index: 1;
}

.ive-vw-voiceover-offer-outer ::after {
  content: "";
  height: 90px;
  width: 90px;
  background: transparent;
  background: #EE03AF;
  position: absolute;
  z-index: 0;
  bottom: 19px;
  right: 30px;
  border-radius: 50% 50% 50% 0;
}

/* offer */
.ive-vw-voiceover-services-outer {
  border: 1px solid #AA07E0;
  border-radius: 20px;
  padding: 30px 15px 20px;
}

.ive-vw-voiceover-services-outer2{
  margin: 10% 0 0 !important;
}

.ive-vw-voiceover-services-outer4{
  margin: 20% 0 0 !important;
}

.ive-vw-voiceover-services-outer5{
  margin: 8% 0 0 !important;
}


.ive-vw-voiceover-about-outer {
  padding: 30px;
  border-radius: 20px;
}

/* counter */
.ive-vw-voiceover-counter-outer{
  position: relative;
}

.ive-vw-voiceover-counter:before {
  content: "";
  height: 40px;
  width: 2px;
  background: #fff;
  position: absolute;
  z-index: 0;
  bottom: 30px;
  margin: 0 0 0 -15px;
}

.ive-vw-voiceover-counter:first-child:before{
  display: none;
}

/* voice over sample */
.ive-vw-voiceover-sample audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
background-color: #fff;

}

.ive-vw-voiceover-sample{
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}


/* pricing plan */
.ive-vw-voiceover-pricing-plan-o{
  border-radius: 20px;
  padding: 30px 0;
}

.ive-vw-voiceover-pricing-plan-outer{
  padding: 15px;
  border-radius: 20px;
}

.ive-vw-voiceover-pricing-plan-list{
  gap: 0;
  padding: 3px 0 0px;
}

.ive-vw-voiceover-pricing-plan-name {
  font-size: 13px;
  margin: 0 0 8px;
  font-weight: 600;
  background: #EE03AF;
  padding: 0px 18px;
  border-radius: 50px;
  line-height: 20px;
  color: #fff;
  width: max-content;
}

.ive-vw-voiceover-pricing-offer{
  border-radius: 20px;
  box-shadow: 0 0 10px #EE03AF;
}

.ive-vw-voiceover-pricing-offer-head{
  
}

/* more languages */
.ive-vw-voiceover-mlang h2{
  color: #AA07E0 !important;
  font-size: 18px  !important;
  font-weight: 600  !important;
  background: #FBF3FF  !important;
  width: fit-content;
  padding: 5px 25px  !important;
  border-radius: 50px  !important;
  text-align: center ;
  margin: 15px auto 0  !important;
}

.ive-vw-voiceover-lang-outer{
  margin: 0 0 30px !important;
}

.ive-vw-voiceover-blogs img{
  border-radius: 20px;
}

/* request quote form */
.ive-vw-voiceover-rq-outer {
  margin: 60px 0 45px;
  border-radius: 20px;
  padding: 0 0 25px;
}

.ive-vw-voiceover-request-quote {
  padding: 0 30px;
}

.ive-vw-voiceover-request-quote input,
.ive-vw-voiceover-request-quote select,
.ive-vw-voiceover-request-quote textarea{
  background: transparent;
  border: 1px solid #797979;
  border-radius: 10px !important;
}

.ive-vw-voiceover-request-quote input[type="text"],
.ive-vw-voiceover-request-quote input[type="email"],
.ive-vw-voiceover-request-quote input[type="date"],
.ive-vw-voiceover-request-quote textarea {
  padding: 7px 15px 8px !important;
  color: #797979;
}
.ive-vw-voiceover-request-quote input[type="date"]::placeholder {
  color: #797979 !important;
}

.ive-vw-voiceover-request-quote input[type="submit"] {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid #8906D4;
  background: linear-gradient(to right, #8906D4 0%, #AA07E0 100%);
  padding: 6px 25px;
  transition: linear all 0.3s;
}
.ive-vw-voiceover-request-quote textarea {
  height: 150px;
}

/* contact us */
.ive-vw-voiceover-cont-outer {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin: 0 0 30px !important;
  padding: 15px 15px 10px;
}

.ive-vw-voiceover-cont-icon {
  color: #000 !important;
  height: 65px;
  width: 65px;
  border-radius: 10px;
  text-align: center;
  line-height: 70px;
}

.ive-vw-voiceover-cont-icon svg{
  color: #8906D4 !important;
  height: 25px;
}

/* faq tab */
.ive-vw-voiceover-tab-outer .ive-tabs-title-list{
  background: transparent;
}
/* accordion */
.ive-vw-voiceover-tab-outer .ive-tabs-content-wrap{
  padding: 0 30px 0 !important;
}

.ive-vw-voiceover-tab-outer .ive-tabs-content-wrap .ive-vw-voiceover-accor-outer {
  border-radius: 10px;

}
.ive-vw-voiceover-tab-outer .ive-tabs-content-wrap .ive-vw-voiceover-accor-outer .ive-blocks-accordion-header {
  border-radius: 10px;
  background: transparent !important;
  border: 1px solid #797979;
  font-size: 16px !important;
}


.ive-vw-voiceover-tab-outer .ive-tabs-content-wrap .ive-vw-voiceover-accor-outer .ive-blocks-accordion-header .ive-blocks-accordion-icon-trigger{
  background: transparent !important;
}


.ive-vw-voiceover-tab-outer .ive-tabs-content-wrap .ive-accordion-panel-inner{
  border-radius: 10px;
  color: #fff;
  border: 1px solid #797979;
}


/* testimonials */
.ive-vw-voiceover-testimonials-img-outer img {
  border-radius: 10px;
  height: 60px;
  width: 100%;
  padding: 6px;
}



/* WebKit controls */
/* 
audio::-webkit-media-controls-panel {
  background-color: black;
}

audio::-webkit-media-controls-enclosure {
  background-color: black;
}

audio::-webkit-media-controls-play-button {
  background-color: red;
  border-radius: 50%;
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
  color: white;
}

audio::-webkit-media-controls-timeline {
  background-color: #444;
}

audio::-webkit-media-controls-volume-slider {
  background-color: #444;
} */