/*
Theme Name: Manavadhikar
Theme URI: https://manavadhikarhelplines.com
Author: Rahul Kumar
Author URI: https://manavadhikarhelplines.com
Description: Custom Bootstrap-based WordPress theme for Manavadhikar Helplines.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manavadhikar
Tags: bootstrap, custom-theme, responsive, blog
*/

#heroSlider .carousel-item,
#heroSlider .carousel-item img {
    height: 550px;
}

#heroSlider .carousel-item img {
    object-fit: fill;
}
.footer-section {
    background: #2b2b2b;
}

.footer-title {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
}

.footer-line {
    border: 1px solid #666;
    opacity: 1;
    margin-bottom: 25px;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    transition: 0.3s;
}

.footer-links a:hover {
    color: #0d6efd;
    padding-left: 5px;
}

.contact-info p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 15px;
}

.contact-info i {
    font-size: 22px;
    margin-right: 10px;
}

.copyright {
    border-top: 1px solid #444;
    background: #222;
    font-size: 18px;
}
ul.navbar-nav.fw-bold li a {
    color: #ffff;
}
.flip-card {
  background: transparent;
  height: 330px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform .8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255,255,255,0.1);
  backface-visibility: hidden;
  border-radius: 10px;
  padding: 35px 25px;
}

.flip-card-front {
  background: #21279a;
  color: #fff;
}

.flip-card-front h3 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 25px;
}

.flip-card-front p {
  font-size: 18px;
  line-height: 1.7;
}

.flip-card-back {
  background: #ffffff;
  color: #222;
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.flip-card-back h4 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}

.flip-card-back p {
  font-size: 16px;
  line-height: 1.7;
}
.services-section {
  background: #f5f5f5;
}

/* Top Blue Section */
.top-shape {
  background: #151c72;
  height: 140px;
  position: relative;
  text-align: center;
  color: #fff;
}

.top-shape h2 {
  padding-top: 30px;
  font-size: 48px;
  font-weight: 700;
}

/* V Shape */
.top-shape::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -60px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 350px solid transparent;
  border-right: 350px solid transparent;
  border-top: 60px solid #151c72;
}

/* Card */
.service-card {
  background: #1d2386;
  color: #fff;
  min-height: 340px;
  padding: 40px 30px;
  border: 2px solid #f5f5f5;
  position: relative;
}

.service-card h3 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}

.service-card p {
  font-size: 20px;
  line-height: 1.6;
  max-width: 280px;
}

/* Circle */
.benefit-circle {
  width: 95px;
  height: 95px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  right: 30px;
  bottom: 30px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.benefit-circle span {
  color: #000;
  font-size: 13px;
  font-weight: 700;
}
.contact-banner{

    background:url("http://localhost/innovatecha/wp-content/uploads/2026/06/2-2.jpg") center center/cover no-repeat;

    height:520px;

    position:relative;

    display:flex;

    align-items:center;

}

.contact-banner .overlay{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.55);

}

.contact-banner .container{

    z-index:2;

}

.small-text{

    color:#fff;

    font-size:24px;

    margin-bottom:20px;

}

.contact-banner h1{

    color:#fff;

    font-size:58px;

    font-weight:700;

    line-height:1.2;

    margin-bottom:40px;

}

.btn-contact{

    background:#17a2ff;

    color:#fff;

    font-weight:600;

    padding:15px 40px;

    border-radius:6px;

    transition:.4s;

}

.btn-contact:hover{

    background:#0288d1;

    color:#fff;

}

.btn-contact i{

    margin-left:8px;

}

/*======================
FOOTER
=======================*/

.footer-section{

    background:#24298d;

    color:#fff;

    padding:80px 0;

}

.footer-section h3{

    font-size:34px;

    margin-bottom:30px;

    font-weight:700;

}

.footer-section p{

    color:#f3f3f3;

    line-height:2;

    font-size:17px;

    margin-bottom:25px;

}

.contact-list{

    list-style:none;

    padding:0;

}

.contact-list li{

    margin-bottom:22px;

    display:flex;

    align-items:flex-start;

    font-size:18px;

}

.contact-list i{

    color:#ff6b35;

    font-size:22px;

    margin-right:18px;

    margin-top:3px;

}

.social-icons{

    margin-top:35px;

}

.social-icons a{

    width:58px;

    height:58px;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    background:#1b1b1b;

    color:#fff;

    font-size:24px;

    margin-right:10px;

    text-decoration:none;

    border-radius:6px;

    transition:.3s;

}

.social-icons a:hover{

    background:#17a2ff;

}

/*======================
BOTTOM FOOTER
=======================*/

.bottom-footer{

    background:#1b1b1b;

    color:#fff;

    padding:18px 0;

}

.bottom-footer p{

    margin:0;

}

.footer-menu a{

    color:#fff;

    margin-left:25px;

    text-decoration:none;

    transition:.3s;

}

.footer-menu a:hover{

    color:#17a2ff;

}

/*======================
RESPONSIVE
=======================*/

@media(max-width:992px){

.contact-banner{

height:450px;

}

.contact-banner h1{

font-size:42px;

}

.footer-section{

text-align:center;

}

.contact-list li{

justify-content:center;

}

}

@media(max-width:768px){

.contact-banner{

height:400px;

}

.contact-banner h1{

font-size:34px;

}

.small-text{

font-size:20px;

}

.footer-menu{

margin-top:15px;

}

.footer-menu a{

margin:0 10px;

}

}
 .contact-section{
            padding:80px 0;
        }

        .section-title{
            font-size:48px;
            font-weight:700;
            margin-bottom:35px;
        }

        .social-icon{
            width:75px;
            height:75px;
            background:#f3f3f3;
            display:flex;
            align-items:center;
            justify-content:center;
            border-radius:8px;
            font-size:34px;
            text-decoration:none;
            transition:.3s;
        }

        .social-icon:hover{
            background:#ff6d42;
            color:#fff!important;
            transform:translateY(-3px);
        }

        .info-box{
            display:flex;
            align-items:flex-start;
            margin-bottom:30px;
        }

        .icon-circle{
            width:70px;
            height:70px;
            min-width:70px;
            border-radius:50%;
            background:#ff6d42;
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:30px;
            margin-right:20px;
        }

        .contact-form .form-control{
            height:60px;
            border:none;
            background:#f3f3f3;
            border-radius:6px;
        }

        .contact-form textarea.form-control{
            height:170px;
            resize:none;
        }

        .btn-send{
            background:#08a8ff;
            color:#fff;
            padding:14px 35px;
            border:none;
            border-radius:5px;
            font-weight:600;
        }

        .btn-send:hover{
            background:#0288d1;
            color:#fff;
        }

        label{
            font-weight:600;
            margin-bottom:8px;
        }
