/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body{
	font-weight: 400 !important;
    font-style: normal!important;
}
.copyright-footer {
    margin-top: 10px;
}
.call-now-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#fff;
    background:#247dbc;
    padding:10px 20px;
    border-radius:30px;
    font-weight:700;
}
a.call-now-btn {
    color: #fff !important;
	font-size: 20px;
}
.call-now-btn img{
    width:25px;
    height:25px;
	color:#fff !important;
}
.why-home-big {
    font-size: 37px;
    font-weight: 600;
}
.home-why-small {
    font-size: 22px;
    font-weight: 600;
	font-style: italic;
}
.what-is-avn p{
font-size:16px;
	text-align:justify;
}
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
	margin-left: 0px !important;
	font-size: 22px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #34568d;
}
.feature-list li img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.accordion-inner {
    background: #fff;
}

/* treatment process */

.services-section{
    padding:65px 20px 20px
}

.services-container{
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    gap:30px;
    position:relative;
}

/* Horizontal Line */
.services-container::before{
    content:"";
    position:absolute;
    top:45px;
    left:10%;
    width:80%;
    height:1px;
    background:#dcdcdc;
    z-index:0;
}

.service-box{
    flex:1;
    min-width:220px;
    text-align:center;
    position:relative;
    z-index:1;
    cursor:pointer;
}

.icon-circle{
    width:90px;
    height:90px;
    margin:0 auto 25px;
    border:2px solid #247dbc;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#247dbc;
    font-size:32px;
    transition:all .4s ease;
}

.service-box h3{
    font-size:20px;
    font-weight:700;
    margin-bottom:18px;
    color:#000;
}

.service-box p{
    color:#7a7a7a;
    line-height:1.9;
    font-size:15px;
}

/* Active Item */
.service-box.active .icon-circle{
    background:#247dbc;
    color:#fff;
    box-shadow:
        0 0 0 4px #fff,
        0 0 0 6px #ff1e1e;
}

/* Hover Effect */
.service-box:hover .icon-circle{
    background:#247dbc;
    color:#fff;
    transform:translateY(-5px);
    box-shadow:
        0 0 0 4px #fff,
        0 0 0 6px #ff1e1e;
}

.service-box:hover h3{
    color:#247dbc;
}

.accordion-title.active {
    background-color: #247dbc;
    color: #fff!important;
}
.accordion-item {
    margin-bottom: 10px;
    border: 1px solid #0000ff33;
}
.social-section h4 {
    font-size: 19px;
    letter-spacing: 1px;
    margin-bottom: 4px;
    font-weight: 400;
    padding-bottom: 9px;
}
.social-section {
    text-align: center;
    padding: 14px 20px;
    color: #fff;
}
.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
    color: #0068b1 !important;
}
.social-icons a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    color: #1769a6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s;
}
.contact-strip {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 20px 10px;
    color: #fff;
    max-width: 650px;
}
.contact-info h6 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
	color:#fff;
}
.contact-info p {
    margin: 5px 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}
.contact-info p {
    margin-bottom: 10px;
}
.qr-box {
    background: #fff;
    padding: 6px;
}
.qr-box img {
    width: 95px;
    height: 95px;
    display: block;
}
.qr-box1 {
    background: #fff;
    padding: 6px;
}
.qr-box1 img {
    width: 162px;
    height: 90px;
    display: block;
}

.whatsapp-float img {
    width: 35px;
    height: 35px;
}
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 25px;
    background-color: #25D366;
    border-radius: 50%;
    text-align: center;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.4);
}

textarea.bookform, select.bookform, input.bookform {
    border: 1px solid #5170ca;
    box-sizing: border-box;
    font-size: .97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 .75em;
	border-radius:20px;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #333 !important;
	letter-spacing:0.5px;
	font-weight:400;
}
label {
    color: #000;
    font-weight: 400;
    letter-spacing: 0.5px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.submitform {
    font-size: 12px;
    padding-top: 5px;
    border-radius: 30px;
    margin: 0 35%;
}
form{
	margin-bottom:0px!important;
}








@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

 .services-section{
        padding:50px 15px;
    }

    .service-box{
        min-width:240px;
    }

    .icon-circle{
        width:80px;
        height:80px;
        font-size:28px;
    }

    .service-box h3{
        font-size:18px;
    }

    .service-box p{
        font-size:14px;
    }
	.services-section{
        padding:40px 15px;
    }

    .services-container{
        flex-direction:column;
        gap:35px;
    }

    /* Remove horizontal line on mobile */
    .services-container::before{
        display:none;
    }

    .service-box{
        min-width:100%;
    }

    .icon-circle{
        width:80px;
        height:80px;
        font-size:28px;
        margin-bottom:20px;
    }

    .service-box h3{
        font-size:18px;
        margin-bottom:12px;
    }

    .service-box p{
        font-size:14px;
        line-height:1.7;
    }

}