:root{
    --primary: #353955;
    --secondary: #FE9A02;
    --terinary: #1A1A1A;
    --black: #000000;
    --grey:#585858;
    --grey-10:#434343;
    --red:#FF0000;
    --grey-2:#00000029;
    --grey-3:#F3F5F6;
    --white:#FFFFFF;
    --h1: 60px;
    --h2: 40px;
    --h3:32px;
    --h4:24px;
    --h5:20px;
    --h6:18px;
    --p:16px;
    --grey-11:#323D58;
    --grey-12:#312424;
    --grey-7:#553022;
    --size-30:30px;
    --orange:#EC6525;
  }
  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
  body{
      font-family: "Roboto", sans-serif;
      font-weight: 400;
  }
  .header .carousel{
      position: static;
  }
  .header .carousel-inner{
      position: absolute;
      top:0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
  }
  .header{
      position: relative;
  }
  .slider {
      background-size: cover;
      position: absolute;
      top:0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      background-position: bottom;
  }
  .slider-1{
      background: url('../assets/sliders/Banner-Slide-01.png');
  }
  .slider-2{
      background: url('../assets/sliders/Banner-Slide-02.png');
  }
  .slider-3{
      background: url('../assets/sliders/Banner-Slide-03.png');
  }
  .slider-4{
      background: url('../assets/sliders/Banner-Slide-04.png');
  }
  .slider-5{
      background: url('../assets/sliders/Banner-Slide-05.png');
  }
  .slider-6{
      background: url('../assets/sliders/Banner-Slide-06.png');
  }
  .slider-7{
    background: url('../assets/sliders/Banner-Slide-07.png');
  }
  .header .carousel-item{
      position: static;
  }
  .header .topbar{
      position: relative;
      z-index: 1;
      padding-top: 30px;
  }
  .header .navbar{
      position: relative;
      z-index: 999;
      padding-top: 20px;
  }
  .dropdown-menu {
      transition: opacity 0.3s ease;
      opacity: 0;
      pointer-events: none;
      background: transparent;
    width: 100%;
    text-align: center;
    }
    .dropdown-menu:hover {
      display: block;
    }
    .dropdown-item{
      border-bottom:1px solid var(--secondary);
      color: var(--white);
      font-size: var(--h6);
    }
    .dropdown:hover .dropdown-menu,.dropdown-menu:hover  {
      opacity: 1;
      pointer-events: auto;
    }
    .dropdown:hover .dropdown-menu {
      display: block;
  }
  .border-bottom-none{
      border-bottom: none !important;
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      color: var(--secondary);
  }
  .header .nav-link,.navbar-header .nav-link{
      font-size: var(--h6);
      color: var(--white);
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
  .header .banner{
      padding-top:400px;
      padding-bottom: 150px;
      position: relative;
      z-index: 1;
      text-align: center;
  }
  .banner h2{
      font-size: var(--h1);
      color: var(--white);
      font-weight: 500;
  }
  .banner h4{
      font-size: var(--h2);
      color: var(--white);
      font-weight: 500;
  }
  .banner h6{
      font-size: var(--h4);
      color: var(--white);
      font-weight: 500;
  }
  
  .about-logo{
      padding-bottom: 60px;
  }
  .pt-3{
      padding-top: 30px;
  }
  .about-logo-block{
      background: var(--white) 0% 0% no-repeat padding-box;
      box-shadow: 10px 10px 30px #00000029;
      border-radius: 8px;
      padding: 30px;
      position: relative;
    top: -50px;
  }
  .about-logo-block p{
      font-size: var(--h6);
      color: var(--black);
      text-align: center;
  }
  .client-logos img{
      margin-left: 10px;
      margin-right: 10px;
  }
  .client-logos{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
  }
  .social-followers{
      display: flex;
      background: #F3F5F6 0% 0% no-repeat padding-box;
      border-radius: 12px;
      padding: 20px;
  }
  .social-followers .social-icon img{
      width: 43px;
      height: 43px;
  }
  .social-followers .social-icon-content{
      padding-left: 20px;
  }
  .social-followers .social-icon-content h5{
      font-size: 24px;
      color: var(--black);
      font-weight: 500;
  }
  .social-followers .social-icon-content p{
      font-size: var(--h5);
      color: var(--grey);
      margin-bottom: 0px;
  }
  /** About us **/
  .about-us{
      padding-top:80px;
      padding-bottom: 80px;
      background: url('../assets/about-venkatchangavalli-section-bg.png');
      background-size: cover;
      position: relative;
      background-position: bottom;
  }
  .about-title-block{
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid var(--white);
      margin-top:20px;
  }
  .about-us .section-title h3{
      color: var(--white);
  }
  .about-title-block h3{
      font-size: var(--h5);
      color: var(--white);
  }
  .about-title-block h3 span{
      color: var(--secondary);
  }
  .about-content-block p{
      font-size: var(--h6);
      color: var(--white);
  }
  .about-content-block{
      padding-top:40px;
  }
  .about-us-image{
      position: absolute;
    right: 0px;
    width: 41.6%;
    bottom: 0px;
  }
  .seperator-space{
      height: 80px;
      background: var(--white);
  }
  
  /** Home Experience **/
  .home-experience{
      padding-top: 30px;
      background: url('../assets/home-experience-to-wisdom-bg.png');
      background-size: cover;
      background-position: left bottom;
  }
  .home-experience-image{
      display: none;
  }
  .experience-menu{
      display: flex;
      list-style: none;
      justify-content: space-between;
      padding-left: 0px;
  }
  .experience-menu li a {
      font-size: var(--h5);
      color: var(--white);
      font-weight: 400;
      text-decoration: none;
  }
  .experience-content-block h3{
      font-size: var(--h3);
      color: var(--white);
  }
  .experience-content-block p{
      font-size: var(--h6);
      color: var(--white);
      margin-top:20px;
      margin-bottom: 0px;
  }
  .experience-content-block{
      padding-top: 200px;
    padding-bottom: 200px;
  }
  /** learn **/
  .learn{
      padding-top: 60px;
      padding-bottom: 60px;
      background: var(--white);
  }
  .learn-subscribe-block{
      text-align: center;
  }
  .learn-subscribe-block img{
      width: 110px;
      height: 109px;
  }
  .learn-subscribe-block h6{
      font-size: var(--h5);
      color: var(--black);
      font-weight: 500;
      margin-top:10px;
      margin-bottom: 10px;
  }
  .learn-block{
      padding-right: 20px;
  }
  /** Author Self **/
  .author-self{
      background: url('../assets/book-banner.png');
      background-size: cover;
      padding-top: 60px;
      padding-bottom: 60px;
  }
  .section-title h6{
      font-size: var(--h6);
      color: var(--secondary);
      font-weight: 500;
  }
  .section-title h3{
      font-size: var(--h3);
      color: var(--terinary);
      font-weight: 600;
  }
  .author-block p, .learn p{
      font-size: var(--h5);
      color: var(--grey);
  }
  .mtop-30{
      margin-top:30px;
  }
  .btn-primary{
      background: var(--secondary) 0% 0% no-repeat padding-box;
    border: none !important;
    border-radius: 25px;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: var(--h6);
  }
  .author-books{
      padding-left: 40px;
  }
  .self-center{
      align-self: center;
  }
  .book-author{
      margin:5px;
  }
  
  /** Testimonials **/
  .testimonials{
      background-color:#fe9a02;
      position: relative;
      padding-top:60px;
      padding-bottom: 60px;
      overflow-x: hidden;
  }
  .book-launch-image{
      position: absolute;
      left: 0px;
      right: 0p;
      top: 0px;
      bottom: 0px;
      width: 45%;
  }
  .book-launch-image img{
      width: 100%;
      height: 100%;
  }
  .testimonials::after{
      content: '';
      position: absolute;
      background: url('../assets/testimonials/venkatchangavalli-with-abdulkalam-booklaunch-bg.png');
      top:0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
  }
  .testimonials-content{
      padding-left: 30px;
  }
  .testimonials-content p{
      font-size: var(--h4);
      color: var(--white);
      line-height: initial;
      font-weight: 300;
      position: relative;
      z-index: 1;
  }
  .pr-30{
      padding-right: 30px;
  }
  .testimonials-profile{
      display: flex;
      margin-top:20px;
      margin-bottom: 20px;
      align-items: center;
      position: relative;
      z-index: 1;
  }
  
  .testimonials-profile .profile-icon img{
      width: 64px;
      height: 64px;
      margin-right: 20px;
  }
  .testimonials-profile-content h5{
      font-size: var(--h5);
      color: var(--white);
      font-weight: bold;
  }
  .testimonials-profile-content h6{
      font-size: var(--h6);
      color: var(--white);
  }
  .testimonials-block{
      width: 350px;
      margin: 10px;
      display: inline-block;
      border: none !important;
      background:var(--grey-3);
    padding: 20px;
    border-radius: 5px;
    min-height: 170px;
  }
  .testimonials-block p{
      font-size: var(--p);
      margin-bottom: 10px;
      color: var(--black);
      font-weight: 300;
  }
  .testimonials-block .designation{
      color: var(--grey) !important;
      text-align: end;
  }
  .testimonials .owl-next{
      margin-left: 10px;
  }
  .self-book img{
      width: 100%;
  }
  
  /** Footer **/
  footer{
      padding-top: 80px;
    background: url('../assets/footer-bg.png');
    background-size: cover;
  }
  .footer-content h3{
      font-size: var(--h3);
      color: var(--white);
      font-weight: bold;
  }
  .footer-menu{
      display: flex;
      list-style: none;
      padding-left: 0px;
      padding-top:20px;
  }
  .footer-menu li a {
      text-decoration: none;
      font-size: var(--p);
      color: var(--white);
      font-weight: 500;
      padding-right: 30px;
  }
  .footer-client-logos{
      margin-top:80px;
  }
  .margin-space-bottom{
      margin-bottom: 80px;
  }
  .copyright{
      border-top: 1px solid var(--grey);
      padding-top:20px;
      padding-bottom: 20px;
  }
  .copyright h6,.copyright a{
      font-size: var(--p);
      color: var(--white);
       text-decoration: none;
  }
  .copyright h6 span{
      padding-left: 20px;
  }
  
  
  @media only screen and (max-width:800px) {
      
  }
  .btn-primary:hover{
      background: var(--white) !important;
      color: var(--orange) !important;
  }
  
  .mb-none{
      margin-bottom: 0px;
  }
  html,body{
      overflow-x: hidden;
  }
  @media only screen and (min-width: 1100px) {
    .slider {
      background-position: center !important;
      background-size: 100% 100% !important;
    }
  }
  @media only screen and (min-width: 950px) {
    .navbar-nav{
        margin-top:10px;
    }
  }
  .navbar-header{
    background: #323D58 0% 0% no-repeat padding-box;
  padding-top: 20px;
  padding-bottom: 20px;
  }