/* # General
================================ */

body {
font-family: "Roboto", sans-serif;
font-optical-sizing: auto;
}

/* # Header, Main Menu
================================ */
.navbar-default{background-color: transparent; border-color: transparent;}
.navbar {
 background-color: #9b5c8f;
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-bottom: 3px solid #fff;
    background-image: linear-gradient(to right, #9b5c8f 0%, #9e5193 51%, #9b5c8f 100%)!important;
}

.navbar-container {
	position: relative;
}

.navbar .navbar-nav li a {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /* margin-top:17px !important; */
}
.navbar .navbar-nav li a:hover{
  color: #ccc;
}

.navbar-brand {
  font-size: 25px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
	color: rgba(200,100,0,0.8);
}

.navbar-scroll {
  opacity: 1;
}

#top-social-menu {
  display: none;
}


@media (min-width: 768px) {

  .navbar {
    height: 130px;
  }

  .navbar-nav>li>a {
    padding: 0;
    margin-top: 0px;
    margin-left: 50px;
    line-height: 70px;
  }

  .navbar-brand {
    font-size: 28px;
    padding: 0;
    height: 80px;
    line-height: 70px;
  }

  #top-social-menu {
    display: initial;
  }

  /* Navbar when scrolled */

  .navbar-scroll {
    height: 100px;
  }

  .navbar-scroll #top-social-menu {
    display: none;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  .navbar-scroll .navbar-brand {
    height: 70px;
    line-height: 70px;
  }

  .navbar-scroll .navbar-nav>li>a {
    opacity: 1;
    padding: 0;
    margin-top: 0;
  }
}

/* # Hover Link Effect
================================ */
@media (min-width: 768px) {
  .navbar-nav>li>a::after {
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }

  .navbar-nav>li>a:hover::after,
  .navbar-nav>li>a:focus::after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}

/* # Social menu
================================ */

#top-social-menu {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 12px;
  z-index: 101;
  padding-right: 0px;
  list-style: none;
  color: #2E1C05;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#top-social-menu li {
  float: left;
  padding: 10px 15px;
}

#top-social-menu li:last-child {
  padding-right: 0;
}

#top-social-menu li a {
  text-decoration: none;
  color: #2E1C05;
}

#top-social-menu li a:hover {
  text-decoration: none;
  color: #543A1A;
}

#top-social-menu i {
 	font-size: 16px;
  
  -webkit-transition: all 0.2s ease-in;
  
  transition: all 0.2s ease-in;
}

#top-social-menu i:hover {
  text-decoration: none;
  color: #543A1A;
}

/* # Section Full Width Image
================================ */

.subheading-text {
  list-style: none;
  font-size: 35px;
  line-height: 50px;
}

@media (min-width: 768px) {

  .full-width-img {
    padding-top: 110px;
    height: 1000px;
  }

  .subheading-text {
    font-size: 50px;
    line-height: 70px;
  }

  .box {
    padding: 140px 20px;
  }
}
/* # Section Black, White
================================ */

.section-black,
.section-white {
	padding: 50px 0;
	color: #fff;
	line-height: 1.7;
}

.section-black h3,
.section-white h3 {
	margin-bottom: 60px;
}

.section-black p,
.section-white p {
  margin-bottom: 60px;
}

.section-black {
	background: -webkit-gradient(linear, left top, left bottom, from(#363437), to(#121112));
	background: linear-gradient(#363437, #121112);
}

.section-white {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
	background: linear-gradient(#ffffff, #f3f3f3);
  color: #0e0d0e;
}

.section-eight{padding: 40px 0 0px 0;margin-top: 0px;position: relative;}
  .op-eight-section{position: relative;}
  .sec-eight-text-area{text-align: center;padding: 30px 0}
  .sec-eight-text-area img{padding: 2vh 0;}
  .sec-eight-text-area h1{padding: 2vh 0 3vh 0;color: #434C57;
    line-height: 1.3;
    font-size: 40px;
    letter-spacing: 2px;
    padding-bottom: 30px;}
  .sec-eight-text-area p{padding: 2vh 0;font-size: 14px;line-height: 1.6;color: #434C57;}
  .section-eight .container-pe-quote {position: absolute;height: 100%;top: 0px;z-index: 1;}
  .section-eight .container-pe-quote.left {left: 0px;}
  .section-eight .container-pe-quote.right {right: 0px;}
  .section-eight .container-pe-quote .pp-quote {
      cursor: pointer;
      position: absolute;
      border-radius: 100%;
      box-shadow: 0 10px 30px rgba(0,0,0,0.15);
      animation-name: floating;
      -webkit-animation-name: floating;
      animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-transform-origin: 50% 1px;
      -moz-transform-origin: 50% 1px;
      -ms-transform-origin: 50% 1px;
      -o-transform-origin: 50% 1px;
      transform-origin: 50% 1px;
      opacity: 0;
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
      -o-transition: all 2s ease;
      transition: all 2s ease;
  }
  .container-pe-quote .pp-quote img {
      overflow: hidden;
      border-radius: 100%;
      height: 100%;
      width: 100%;      
      position: relative;
      z-index: 1;
  }
  .section-eight .container-pe-quote .pp-quote:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      height: calc(100% + 5px);
      width: calc(100% + 5px);
      border-radius: 100%;
      background-color: #7fb3e4;
      -webkit-transform: translate(-50%, -50%) scale(0.9);
      -moz-transform: translate(-50%, -50%) scale(0.9);
      -ms-transform: translate(-50%, -50%) scale(0.9);
      -o-transform: translate(-50%, -50%) scale(0.9);
      transform: translate(-50%, -50%) scale(0.9);
      -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease;
  }
  .container-pe-quote .pp-quote:hover:after, .container-pe-quote .pp-quote.active:after {
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      transform: translate(-50%, -50%) scale(1);
  }
  .section-eight .container-pe-quote .li-quote-1 {
      height: 104px;
      width: 104px;
      left: 15px;
      top: 95px;
      animation-duration: 10s;
      -webkit-animation-duration: 10s;
      -webkit-transition-delay: 0.6s;
      transition-delay: 0.6s;
      opacity: 1;
  }
  .section-eight .container-pe-quote .li-quote-2 {
      height: 63px;
      width: 63px;
      left: 120px;
      top: 270px;
      animation-duration: 12s;
      -webkit-animation-duration: 12s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      opacity: 1;
  }
  .section-eight .container-pe-quote .li-quote-3 {
      height: 64px;
      width: 64px;
      left: 68px;
      top: 380px;
      animation-duration: 6s;
      -webkit-animation-duration: 6s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s;
      opacity: 1;
  }
  .section-eight .container-pe-quote .li-quote-4 {
      height: 73px;
      width: 73px;
      right: -15px;
      top: 110px;
      animation-duration: 5s;
      -webkit-animation-duration: 5s;
      -webkit-transition-delay: 0.7s;
      transition-delay: 0.7s;
      opacity: 1;
  }
  .section-eight .container-pe-quote .li-quote-5 {
      height: 73px;
      width: 73px;
      right: 28px;
      top: 265px;
      animation-duration: 8s;
      -webkit-animation-duration: 8s;
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s;
      opacity: 1;
  }
  .section-eight .container-pe-quote .li-quote-6 {
      height: 45px;
      width: 45px;
      right: 108px;
      top: 170px;
      animation-duration: 7s;
      -webkit-animation-duration: 7s;
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s;
      opacity: 1;
  }
  .section-eight .container-pe-quote .li-quote-7 {
      height: 48px;
      width: 48px;
      right: 40px;
      top: 414px;
      animation-duration: 7s;
      -webkit-animation-duration: 7s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s;
      opacity: 1;
  }
  .section-eight .container-pe-quote .li-quote-8 {
      height: 63px;
      width: 63px;
      left: 20px;
      top: 250px;
      animation-duration: 5s;
      -webkit-animation-duration: 5s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      opacity: 1;
  }

@keyframes floating{

  0% {
      -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
      transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }

}
@-webkit-keyframes floating{

  0% {
      -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
      -o-transform: rotate(0deg) translate(-10px) rotate(0deg);
      transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      -o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
      transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }

}

.section-eight .container-quote {
    position: relative;
    width: 100%;
    margin-top: 10px;
    height: 135px;
    -webkit-perspective: 10000px;
    -moz-perspective: 10000px;
    -ms-perspective: 10000px;
    perspective: 10000px;
}
.section-eight .container-quote .quote {
    max-width: 520px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    cursor: pointer;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
    transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
}
  .section-eight .container-quote .quote.hide-bottom {
      opacity: 0;
      -webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
      -moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
      -ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
      -o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
      transform: translateX(-50%) translateY(100%) rotateX(-70deg);
  }
  .section-eight .container-quote .quote.hide-top {
      opacity: 0;
      -webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
      -moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
      -ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
      -o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
      transform: translateX(-50%) translateY(-100%) rotateX(70deg);
  }
  .section-eight .container-quote .quote.show {
      opacity: 1;
      -webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
      -moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
      -ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
      -o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
      transform: translateX(-50%) translateY(0%) rotateX(0deg);
  }


  .section-eight .container-dp-name {
      position: relative;
      width: 100%;
      margin-top: 10px;
      height: 225px;
      -webkit-perspective: 10000px;
      -moz-perspective: 10000px;
      -ms-perspective: 10000px;
    perspective: 10000px;text-align: center;
  }
  .section-eight .container-dp-name .box-dpname {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0;
      cursor: pointer;
      text-align: center;
      -webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
      -moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
      -o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
      transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
  }
  .section-eight .container-dp-name .box-dpname.hide-dp-bottom {
      opacity: 0;
      -webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg);
      -moz-transform: translateX(0%) translateY(100%) rotateX(-70deg);
      -ms-transform: translateX(0%) translateY(100%) rotateX(-70deg);
      -o-transform: translateX(0%) translateY(100%) rotateX(-70deg);
      transform: translateX(0%) translateY(100%) rotateX(-70deg);
  }
  .section-eight .container-dp-name .box-dpname.hide-dp-top {
      opacity: 0;
      -webkit-transform: translateX(0%) translateY(-100%) rotateX(70deg);
      -moz-transform: translateX(0%) translateY(-100%) rotateX(70deg);
      -ms-transform: translateX(0%) translateY(-100%) rotateX(70deg);
      -o-transform: translateX(0%) translateY(-100%) rotateX(70deg);
      transform: translateX(0%) translateY(-100%) rotateX(70deg);
  }
  .section-eight .container-dp-name .box-dpname.look {
      opacity: 1;
      -webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
      -moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
      -ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
      -o-transform: translateX(0%) translateY(0%) rotateX(0deg);
      transform: translateX(0%) translateY(0%) rotateX(0deg);
  }

@media screen and (max-width:767px){
  .sec-eight-text-area{    padding: 10px 0 10px 0;}
  .section-eight .container-pe-quote{position: relative;height: 500px;top: 0px;z-index: 1;max-width: 300px;margin: -70px auto 0;}
}
@media screen and (max-width:480px){
  .section-eight{position: relative;}
  .section-eight .bottom-ani-cs{    position: absolute;top: 150px;right: 16px;} 
  .section-eight .container-pe-quote .li-quote-2 {left: 60px;top: 270px;}
  .section-eight .container-pe-quote .li-quote-6 { right: 100px;top: 179px;}
  .section-eight .container-pe-quote .li-quote-8 {height: 43px;width: 43px;left: 0px;top: 220px;}
  .section-eight .container-pe-quote .li-quote-3{left: 0;}
  .section-eight .container-quote{height: 205px;overflow: hidden;overflow-y: auto;}
  .sec-eight-text-area{padding: 10px 0 100px 0;}
  .op-eight-section{display: none;}
}



/* ====================new-style======================== */

#customModal{
display: none !important;
}

.liveChat{
width: 90px;
display: flex;
align-items: center;
justify-content: center;
height: 36px;
margin-left: auto;
font-weight: 700;
    background-color: #5f0ca6;
    color: #fff !important;
text-decoration: none !important;
border-radius: 5px;
transition: 0.3s;
box-shadow: none;
transition: all 0.5s ease;
}

.liveChat:hover, .call a:hover{
background-color: #020203;
  color: #fff !important;
}

.top-header{
background-color: #ffff !important;
}

.top-header .fa.fa-phone{
color: #5f0ca6;
}

.top-header span{
color: #020203;
}

.topHeader-row{
display: flex;
align-items: center;
/* flex-wrap: wrap; */
}

.top-header span a:hover{
color: #020203 !important;
}

.navbar-header a.navbar-brand{
max-width: 200px !important;
width: 100% !important;
height: auto !important;
}

.navbar .navbar-nav li a{
margin-top: 0px !important;
}

.mainHeader{
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.navbar.navbar-scroll{
  height: auto !important;
  position: static !important;
}

.mainHeader .navbar{
border: unset !important;
background-color: unset !important;
height: auto !important;
}

.banner-bg-1.box{
padding: 50px 20px !important;
}

.banner-bg-1 p{
  font-size: 15px !important;
}

.maindiv{
  padding-top: 40px;
}

@media (max-width:991px) {
.banner-bg-1{
  background-size: cover !important;
}
}


@media (max-width:767px) {
.topHeader-row{
gap: 15px;
}
.banner-bg-2{
  padding-bottom: 30px;
}
} 


.maindiv .row.crtext .group{
  display: flex;
  gap: 10px;
}

.panel.panel-default .panel-title a{
  display: block !important;
}

.navbar-collapse .nav.navbar-nav.navbar-right li{
  margin-left: 0 !important;
}

.navbar-collapse .nav.navbar-nav.navbar-right li a{
  margin-left: 20px !important;
  font-size: 14px !important;
}


        
.header-top {
    background: #5f0ca6bf;
    color: white;
}
.header-top a {
    color: white;
} 
nav.navbar a {
    color: white;
}
nav.navbar {
    background-color: #5f0ca6;
    padding: 10px 0;
    color: #fff;
}