/*

 Theme Name: Real Voice

 Theme URI: https://interactivetheorydev.com/clients/wordpress/realvoice/

 Description: Custom theme for Real Voice.

 Author: IITS

 Author URI: http://integrateditsolutions.com/

 License: Everything copyrighted

 Version: 1.1

*/







/* =========================== */

/* ====== Slider Section ===== */

/* =========================== */



#hero-slider .item {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  width: 100%;

  height: calc(100vh - 200px);

  display: flex;

  width: 100%;

  align-items: center;

}

#hero-slider .item::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

  background-color: rgba(0, 0, 0, 0.50);

}

#hero-slider .item > img {

  opacity: 0;

  visibility: hidden;

  display: none;

}



#hero-slider .slider-content {

  padding: 2rem 0;

  position: relative;

  z-index: 2;

  width: 100%;

  z-index: 66666;

}





#hero-slider .slider-content .content {

  width: 100%;

  margin: 0 auto;

}



#hero-slider .slider-content img {

  width: auto;

}



.hero-wrapper .bgc-layer {

  min-height: 350px;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  padding: 4rem 0;

	background: #000000;

background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 100%);

background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 100%);

background: linear-gradient(0deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=0);

}

.single .hero-wrapper .bgc-layer {

  min-height: 450px;

}

.hero-wrapper.no-heroimg .bgc-layer {

  background-color: var(--blue-500);

  min-height: 350px;

}

.error404 .hero-wrapper .bgc-layer,

.search-results .hero-wrapper .bgc-layer {

  min-height: 450px;

}

#hero-slider .slider-content h5,

.hero-wrapper h5 {

  font-weight: var(--weight-Regular);

  font-size: 1.875rem;

  color: var(--white);

  position: relative;

}



#hero-slider .slider-content h1,

.hero-wrapper h1 {

  font-weight: var(--weight-ExtraBold);

  color: var(--white);

  font-size: 2.5rem;

  margin-bottom: 0;

  line-height: 1.2;

}



#hero-slider .slider-content h1,

#hero-slider .slider-content h5,

#hero-slider .slider-content p,

.hero-wrapper h5,

.hero-wrapper h1,

.hero-wrapper p {

  color: var(--white);

}



#hero-slider p,

.hero-wrapper p {

  font-size: 1.25rem;

  margin-bottom: 0;

}

#hero-slider .slider-content h1 br,

.hero-wrapper h1 br {

  display: none;

}

#hero-slider p br,

.hero-wrapper p br {

  display: none;

}

#hero-slider .btn-wrap {

  margin-top: 2rem;

}



.slider-wrapper .navslide {

  display: flex;

  flex-flow: row;

  align-items: flex-end;

  justify-content: end;

  position: absolute;

  bottom: 20px;

  right: 26px;

  z-index: 2;

}

.slider-wrapper .custom-navslide .navslide > div {

  position: relative;

  width: 80px;

  height: 100px;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 1.875rem;

  color: var(--white);

}

.slider-wrapper .custom-navslide .navslide > div::before {

  content: "";

  background-color: rgba(0, 0, 0, 0.3);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  -webkit-transition: background-color 0.2s ease-in 0s;

  -moz-transition: background-color 0.2s ease-in 0s;

  -o-transition: background-color 0.2s ease-in 0s;

  transition: background-color 0.2s ease-in 0s;

}

.slider-wrapper .custom-navslide .navslide > div i {

  position: relative;

  z-index: 2;

}

.slider-wrapper .custom-navslide .navslide > div:hover::before {

  background-color: rgba(0, 0, 0, 0.5);

}



#hero-slider .owl-nav {

  margin: 0;

}



#hero-slider .owl-nav button {

  opacity: 0;

  color: var(--white);

  -webkit-transition: all 0.2s ease-in 0s;

  -moz-transition: all 0.2s ease-in 0s;

  -o-transition: all 0.2s ease-in 0s;

  transition: all 0.2s ease-in 0s;

  top: 50%;

  bottom: auto;

}

#hero-slider .owl-nav button:hover {

  color: var(--white);

}



#hero-slider .owl-nav button.owl-prev {

  left: 20px;

  text-align: left;

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}

#hero-slider:hover button.owl-prev {

  left: 2rem;

  opacity: 1;

}

#hero-slider .owl-nav button.owl-next {

  right: 20px;

  -webkit-transform: translate3d(0, -50%, 0);

  transform: translate3d(0, -50%, 0);

}

#hero-slider:hover button.owl-next {

  right: 2rem;

  opacity: 1;

}



.bgimgoverlay::after {

  content: "";

  background-color: var(--white-coffee);

  position: absolute;

  left: -70px;

  right: 70px;

  bottom: -70px;

  top: 150px;

  width: 100%;

  z-index: -1;

}

.lg-order-2.bgimgoverlay::after {

  left: 70px;

  right: -70px;

}

.service-wrapper::before{

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 300px;

  background-repeat: no-repeat;

  background-position: left;

  background-size: cover;

}

.service-grid >div{

  background-color: var(--white-600);

  padding: 2rem;

}

.service-grid >div .item-count{

  display: inline-block;

  font-size: 2.25rem;

  font-weight: var(--weight-Medium);

  margin-bottom: 1rem;

}

.service-grid >div h3{

  font-size: 2rem;

  font-weight: var(--weight-SemiBold);

}

.service-grid >div p{

  font-size: 1rem;

}



.lr-wrapper .img-block,

.lr-wrapper .text-block {

  width: 100%;

}

.lr-wrapper .right-block .inner-block{

    max-width: 100%;

    width: 100%;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

  }

.lr-wrapper .img-block {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: relative;

  text-align: left;

}



.lr-wrapper .bg-image img {

  opacity: 0;

  visibility: hidden;

}

.lr-wrapper li {
  font-size: 1.25rem;

	padding-left: 1.875rem;

  font-family: var(--font-Outfit);

	font-weight: var(--weight-Bold);

  margin-bottom: 0.325rem;

}

.lr-wrapper li::before {

  content: '\f058';

	width: auto;

	height: auto;

	top: 0;

}





.bubble-overlay::before{

  content: '';

  position: absolute;

  top: 80px;

  width: 700px;

  height: 700px;

  right: -320px;

  background-image: url('assets/images/bubble-masonary.png');

  background-repeat: no-repeat;

  background-size: 100% 100%;

  background-color: var(--white-coffee);

}



.about-wrapper .img-block,

.about-wrapper .text-block{

  width: 100%;

}



.about-wrapper .img-block::before{

  content: '';

  position: absolute;

  top: -30px;

  left: -30px;

  width: 220px;

  height: 250px;

  z-index: -1;

  background-color: var(--heat);

  border-radius: 10px;

}

.about-wrapper .img-block img{

  border-radius: 10px;
  border:5px solid var(--white);

}



.about-wrapper .img-block .experience-block{

  position: absolute;

  bottom: 0;

  left:0;

  -webkit-transform: translate3d(0, 20%, 0);

	transform: translate3d(0, 20%, 0);

  z-index: 2;

  background-color: var(--white);

  border-radius: 10px;

  padding: 1.5rem;

  text-align: center;

  box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.15), 0 8px 16px -6px rgba(0, 0, 0, 0.1);

}



.about-wrapper  .experience-block span{

  margin-bottom: 0.5rem;

  display: block;

}

.about-wrapper  .experience-block h4{

  font-size: 2.625rem;

  font-weight: var(--weight-ExtraBold);

  margin-bottom: 0;

}

.about-wrapper  .experience-block h4 sup{

  color: var(--heat);

  font-size: 1.625rem;

}

.about-wrapper  .experience-block p{

  margin-bottom: 0;

  font-size: 1rem;

}



.about-wrapper .text-block p {

  font-family: var(--font-Manrope);

  font-weight: var(--weight-Medium);

  line-height: 1.8;

}



.service-grid .grid-item,
.grid-block .grid-item{

  padding: 3rem 1rem 7rem 1rem;

  background-color: var(--white);

  border-radius: 10px;

  border: 1px solid var(--heat);

  box-shadow: 0 20px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05);

}

.service-grid .grid-item .item-icon,
.grid-block .grid-item .item-icon{

  margin-bottom: 1.5rem;
}

.service-grid .grid-item h4{

  font-size: 1.625rem;

  margin-bottom: 1.5rem;

}
.grid-block .grid-item h4{

  font-size: 1.325rem;

  margin-bottom: 1.5rem;

}

.service-grid .grid-item p,
.grid-block .grid-item p{

  color: var(--dim-gray);

}



section .service-grid .grid-item ul{

  padding-left: 0;

}

section .service-grid .grid-item li{

  padding-left: 1.875rem;

}

section .service-grid .grid-item li::before{

 width: auto;

 height: auto;

 background-color: transparent;

 top: 0;

}

.service-grid .grid-item li::before{

  content: '\f00c';

}

.service-grid .item-btn,
.grid-block .item-btn{

  position: absolute;

  bottom: 3rem;

  left: 1rem;

  right: 1rem;

}

.grid-block .item-btn{

  bottom: 2rem;

}



#logo-slider{

  border-top: 1px solid #e5ecec;

  border-bottom: 1px solid #e5ecec;

  padding: 2rem 2rem;

}

#logo-slider .owl-nav{

  margin: 0;

}

#logo-slider .item{

  display: flex;

  align-items: center;

  justify-content: center;

}
.wcu-grid .item{
  padding: 0 1rem;
}
.wcu-grid .item .item-icon{
  margin-bottom: 1rem;
}
.wcu-grid .item .item-icon img{
  background-color: rgba(5, 9, 17, 0.4);
  border-radius: 9999px;

}

.wcu-grid .item .item-text h4{
  margin-bottom: 0;
  font-size: 1.125rem;
  font-family: var(--font-Inter);
  font-weight: var(--weight-Regular);

}

.slider-for .item{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 26px;
}
.slider-for .item img{
  opacity: 0;
  visibility: hidden;
}

#process-slider .item {
	margin-bottom: 1.25rem;
  border-radius: 10px;
}
#process-slider .item > div {
	display: flex;
	padding: 2rem 2rem 2rem 4.5rem;
  position: relative;
}
#process-slider .item > div::before {
  content: url('assets/images/tick.png');
  position: absolute;
  left: 1rem;
  top: 30px;
}
#process-slider .item > div h4 {
	margin-bottom: 0;
	color: var(--white);
	font-size: 1.325rem;
	font-weight: var(--weight-Medium);
}
#process-slider .slick-current.item {
	background-color: var(--heat);
}
#process-slider .slick-current.item > div::before{
  filter: brightness(0);
}

.vertical-slider .slick-next::before, .vertical-slider .slick-prev::before, #process-slider .slick-next::before, #process-slider .slick-prev::before {
	content: '';
}
.flex-slider .slick-track, .flex-slider .slick-list {
	display: flex;
}

 .flex-slider .item {
  height: auto !important;
}

.testimonial-wrapper::before {
	content: '';
	position: absolute;
	top: 80px;
	width: 700px;
	height: 700px;
	right: 50px;
	background-image: url('assets/images/bubble-masonary.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-color: var(--white-coffee);
  opacity: 0.5;
}

#testi-slider .owl-item{

  margin-top: 1rem;

  margin-bottom: 1.5rem;

}

#testi-slider .item{

	padding:6rem 2rem 8rem 2rem;

	background-color: var(--white);

	border-radius: 10px;

	box-shadow: 0 20px 15px -3px rgb(0 0 0 / 0.02), 0 4px 6px -4px rgb(0 0 0 / 0.02);

}

#testi-slider .item .close-quote{
  position: absolute;

  top: 2rem;

  left: 2rem;

  line-height: 1;

}

#testi-slider .item p{

  color: #011c26;

  line-height: 1.6;

  font-size: 1rem;

}

#testi-slider  .testi-content{
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  right: 2rem;
}

#testi-slider .item .testi-content{

  position: absolute;

  bottom: 2rem;

  left: 2.5rem;

  right: 2.5rem;

}
#testi-slider .item .quote-rating{
  margin-bottom: 1rem;
  display: flex;
  gap: 0.5rem;
}
#testi-slider .item .quote-rating i{

  font-size: 1rem;

  color: var(--heat);

}

#testi-slider .item .testi-meta h6{

  font-size: 1.125rem;

  font-weight: var(--weight-SemiBold);

  margin-bottom: 0;
  color: #22363e;

}

#testi-slider .item .testi-meta{

  margin-bottom: 0;

  font-size: 0.875rem;

  font-style: normal;
  color: #22363e;

}

.testi-wrapper .custom-nav {

  justify-content: center;

}

.testi-wrapper  .section-title h6,

.testi-wrapper  .block-title h6 {

  font-size: 1.125rem;

}



.testi-wrapper .profile-info{

  display: flex;

  align-items: center;

  margin-top: 1rem;

}

.testi-wrapper .profile-info .profile-img{

  width: 54px;

  height: 54px;

  border-radius: 9999px;

  margin-right: 1rem;

}


.sitecontact-wrapper .left-block,
.sitecontact-wrapper .form-block{
  width: 100%;
}
.sitecontact-wrapper .form-block{
  padding: 2rem;
}

.footerform-wrapper .form-block h3{
  font-weight: var(--weight-ExtraLight);
  font-family: var(--font-Outfit);
  margin-bottom: 0rem;
}
.footerform-wrapper .form-block form{
  margin-top: 1.5rem;
}
.sitecontact-wrapper .map-block iframe{
  border-radius: 10px;
  width: 100%;
}

.footerform-wrapper .form-button > span {
	width: 100%;
	justify-content: center;
}




.footerform-wrapper .cta-grid .grid-item {
	font-size: 1.25rem;
	padding: 1rem 1rem;
	background-color: var(--heat);
	border: 1px solid var(--heat);
	border-radius: 10px;
  min-height: 130px;
}

.footerform-wrapper .cta-grid .item-icon {
	margin-bottom: 1rem;
	display: inline-block;
}
.footerform-wrapper .cta-grid .item-icon img {
	border-radius: 9999px;
  background-color: var(--white);
	border: 1px solid var(--white);
}
.footerform-wrapper .cta-grid h4 {
	font-size: 1.625rem;
	color: var(--white);
	font-weight: var(--weight-Bold);
	margin-bottom: 8px;
}
.footerform-wrapper .cta-grid a, .footerform-wrapper .cta-grid address,
.footerform-wrapper .cta-grid address p {
	color: var(--white);
	font-size: 1rem;
}
.footerform-wrapper .cta-grid address p{margin: 0;}

.footerform-wrapper .cta-grid a:hover {
  color: var(--ink-black);
}
/* ================================ */

/* ========= Media Query ========== */

/* ================================ */

@media (min-width: 680px) {

  .wcu-grid .item{
  border-right: 1px solid rgba(255, 255, 255, 0.17);
}
}

@media (min-width: 767px) {

  

  #hero-slider .item {

    height: calc(100vh - 180px);

  }

#hero-slider .slider-content {

	padding: 2rem 3rem;

}

  #hero-slider .slider-content h1{

  font-size: 3rem;

}

.hero-wrapper .bgc-layer{

  min-height: 500px;

}

.service-wrapper::before{

  width: 400px;

}
.service-grid{
  margin-top: -180px;
}



 .service-grid .grid-item{

  padding: 3rem 1rem 7rem 1rem;

 }
.service-grid .item-btn {
	left: 1rem;
	right: 1rem;
}
}

@media (min-width: 1023px) {


  #hero-slider .item {

    height: calc(100vh - 250px);

  }

  .hero-wrapper .bgc-layer {

    min-height: 450px;

  }

  #hero-slider .slider-content h1 br,

  .hero-wrapper h1 br {

    display: block;

  }

  #hero-slider .slider-content h5,

.hero-wrapper h5 {

  font-size: 2.625rem;

}

  #hero-slider p br,

  .hero-wrapper p br {

    display: block;

  }

  .service-wrapper::before{

  width: 600px;

}
.service-grid{
  margin-top: -220px;
}

.service-grid .grid-item{

  padding: 3rem 2.5rem 7rem 2.5rem;

 }
 .grid-block .grid-item{

  padding: 3rem 2.5rem 6rem 2.5rem;

 }
.service-grid .item-btn,
.grid-block .item-btn {
	left: 2.5rem;
	right: 2.5rem;
}
  .lr-wrapper .img-block {

    width: 50%;

  }

  .lr-wrapper .img-block.lg-order-2 {

    text-align: right;

  }

  .lr-wrapper .img-block.lg-order-1 {

    text-align: left;

  }

  .lr-wrapper .text-block {

    width: 50%;

  }

  .lr-wrapper .w-45 {

    width: 45%;

  }

  .lr-wrapper .w-55 {

    width: 55%;

  }



  .about-wrapper .img-block .experience-block{

  right:0;

  left: auto;

}
.sitecontact-wrapper .left-block{
  width: 43%;
}
.sitecontact-wrapper .form-block{
  width: 57%;
}

.footerform-wrapper .cta-grid .grid-item {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.footerform-wrapper .cta-grid .item-icon {
	margin-bottom: 0;
	width: 100px;
}
.footerform-wrapper .cta-grid span {
	width: 70%;
}

}

@media (min-width: 1230px) {

  #hero-slider .slider-content h1,

  .hero-wrapper h1 {

    font-size: 3.5rem;

  }

  #hero-slider .slider-content p,

  .hero-wrapper p {

    font-size: 1.4rem;

  }

  #hero-slider .slider-content {

    padding: 2rem 4rem;

  }

  .lr-wrapper .img-block {

    padding: 0;

    margin-bottom: 0;

  }

  .lr-wrapper .text-block {

    padding-left: 0;

    padding-right: 0;

  }

 

  .lr-wrapper .text-block.lg-order-2 {

    justify-content: flex-start;

  }

  .lr-wrapper .text-block.lg-order-1 {

    justify-content: flex-end;

  }



}

@media (min-width:1430px){



  .lr-wrapper .right-block .inner-block{

    max-width: 850px;

    padding-right: 1.5rem;

    padding-left: 0;

  }

  .lr-wrapper .right-block .inner-block{

    max-width: 750px;

    padding-left: 2rem;

  }

  .lr-wrapper .right-block.lg-order-1 .inner-block{

    padding-right: 2rem;

    padding-left: 0;

  }

}