﻿#more {
    display: none;
}

.sub-button {
    color: #24a54e;
    margin-top: 40px;
    display: block !important;
    font-size: 18px;
    display: none !important;
}

.faq-section
{
    margin-bottom:15px;
}

.client-section{
    margin-top: -20px;
}
.faq-question:hover{
    cursor:pointer;
}

.sec-pad-custom {
    padding: 60px;
}

.section-faq {
    padding: 0px 80px;
}

@media (max-width: 768px) {
    .client-section {
        margin-top: 0px;
    }
    .about-one .inner-container {
        padding: 60px 0px 12px;
    }
    .section-faq {
        padding: 0px 20px;
    }
    .section-benchkart-difference .owl-stage-outer {
        margin-left: -35px;
    }
    .section-benchkart-difference .owl-nav {
        margin-left: 60px;
    }

    .testimonial-one .owl-nav {
        margin-left: 66px;
    }

    .testimonial-one .inner-container {
        padding: 40px 0px;
    }

    .sec-pad-custom {
        padding: 60px 30px;
    }

    .faq-content {
        padding: 20px;
    }
    .banner-section {
        background-image: url(/Landing/Hire_Developer/assets/img/banner/Banner-mobile.webp) !important;
    }
    .inner-box1 {
        margin-top: -40px;
        padding: 2px;
    }
   
}

@media screen and (max-width: 600px) {
    .icon-box {
        width: 64px !important;
        height: 64px !important;
        padding: 12px;
    }
}

.faq-answer {
    display: none; /* Hide the answer by default */
    /*max-height: 0;*/ /* Set the maximum height to 0 for animation */
    /*overflow: hidden;*/ /* Hide any overflowing content */
    transition: max-height 0.3s ease-in-out; /* Apply a transition effect */
}

.faq-question i {
    color:#b3afaf;
}

.client-section {
    background-image: url(/landing/Hire_Developer/assets/img/banner/clientbg.webp);
}

.faq-question ion-icon{
    font-size: 2rem;
}


.scroll-to-top {
    position: fixed;
    right: 0px;
    bottom: 100px;
    transform: rotate(90deg);
    z-index: 99;
}

    .scroll-to-top .visible {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .scroll-to-top .scroll-top-inner {
        opacity: 0;
        visibility: hidden;
    }

    .scroll-to-top .scroll-top-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
        -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
        transition: all cubic-bezier(.4,0,.2,1) .4s;
    }

    .scroll-to-top .scroll-bar {
        width: 50px;
        height: 2px;
        margin-right: 10px;
        position: relative;
    }

        .scroll-to-top .scroll-bar:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-color: #f4244f;
            opacity: .3;
        }

        .scroll-to-top .scroll-bar .bar-inner {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            background-color: currentColor;
        }

    .scroll-to-top .scroll-bar-text {
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: all 500ms ease;
    }

        .scroll-to-top .scroll-bar-text:hover {
            transform: scale(1.1);
        }