.hero_section{
    padding-top: 80px;
}
.hero_title{
    color: #000;
    font-size: 48px!important;
    font-style: normal;
    font-weight: 500;
    margin: 40px 0 32px;
}
.p-right-100{
    padding-right: 50px
}
.hero_description{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 145.833% */
    margin-top: 72px;
}
/* start free demo  */
.card_wrapper {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.18);
    padding: 28px 32px 31px 32px;
}
.form-item input {
    display: block;
    border-radius: 5px;
    border: 1px solid #6E6E6E;
    transition: all .3s ease;
    padding: 18px 18px 18px 48px;
}
.mb-14{
    margin-bottom: 14px;
}
.search-field{
    border-radius: 59px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.14);
    width: 548px;
   
    padding: 24px 10px 24px 65px;
}
.search_field_wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_icon{
    position: absolute;
    left: 40px;
    z-index: 1;
}
.search_btn{
    position: absolute;
    left: 418px;
    border-radius: 40px;
    background: #E13435;
    color: #FFF;

    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.255px;
    padding: 14px 36px;
}

.submitBtn{
    border-radius: 5px;
    background: #ED494D;
    text-transform: uppercase;
    padding-block: 17px;
    font-size: 16px;
    font-weight: 600;
}
.icon_fname{
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3E%3Cpath d="M10.0008 14.1666C13.0528 14.1666 15.7217 15.4792 17.1734 17.4372L15.6384 18.1633C14.4569 16.763 12.3737 15.8333 10.0008 15.8333C7.62797 15.8333 5.54467 16.763 4.36322 18.1633L2.82886 17.4365C4.28069 15.4789 6.9492 14.1666 10.0008 14.1666ZM10.0008 1.66663C12.302 1.66663 14.1675 3.53211 14.1675 5.83329V8.33329C14.1675 10.574 12.3989 12.4015 10.1816 12.4961L10.0008 12.5C7.69962 12.5 5.83414 10.6345 5.83414 8.33329V5.83329C5.83414 3.59267 7.60273 1.76511 9.82008 1.67048L10.0008 1.66663ZM10.0008 3.33329C8.66942 3.33329 7.58109 4.37406 7.50505 5.6864L7.50081 5.83329V8.33329C7.50081 9.71404 8.62008 10.8333 10.0008 10.8333C11.3322 10.8333 12.4205 9.79254 12.4966 8.48021L12.5008 8.33329V5.83329C12.5008 4.45258 11.3815 3.33329 10.0008 3.33329Z" fill="%236E6E6E"%3E%3C/path%3E%3C/svg%3E') no-repeat left;
    background-position: 18px;
}
.icon_email{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_34_312)'%3E%3Cpath d='M1.8491 4.58333V3.32783C1.8491 2.87063 2.22853 2.5 2.6756 2.5H17.6893C18.1458 2.5 18.5158 2.87079 18.5158 3.32783V16.6722C18.5158 17.1293 18.1364 17.5 17.6893 17.5H2.6756C2.21914 17.5 1.8491 17.1292 1.8491 16.6722V15.8333H16.8491V6.08333L10.1824 12.0833L1.8491 4.58333ZM0.182434 8.33333H4.3491V10H0.182434V8.33333ZM0.182434 12.5H6.8491V14.1667H0.182434V12.5Z' fill='%236E6E6E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_312'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.182434)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat left;
    background-position: 18px;
}
.icon_companyName{
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3E%3Cg clip-path="url(%23clip0_34_350)"%3E%3Cpath d="M17.5 15.8333H19.1667V17.5H0.833374V15.8333H2.50004V3.33333C2.50004 2.8731 2.87314 2.5 3.33337 2.5H11.6667C12.127 2.5 12.5 2.8731 12.5 3.33333V15.8333H15.8334V9.16667H14.1667V7.5H16.6667C17.127 7.5 17.5 7.8731 17.5 8.33333V15.8333ZM4.16671 4.16667V15.8333H10.8334V4.16667H4.16671ZM5.83337 9.16667H9.16671V10.8333H5.83337V9.16667ZM5.83337 5.83333H9.16671V7.5H5.83337V5.83333Z" fill="%236E6E6E"%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_34_350"%3E%3Crect width="20" height="20" fill="white"%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E') no-repeat left;
    background-position: 18px;
}
.icon_phoneNumber {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 13.6833V16.6301C17.5 17.0676 17.1617 17.4306 16.7254 17.4614C16.3609 17.4872 16.0636 17.5 15.8333 17.5C8.4695 17.5 2.5 11.5305 2.5 4.16667C2.5 3.93642 2.51288 3.63906 2.53863 3.27458C2.56948 2.83823 2.93245 2.5 3.36988 2.5H6.31675C6.53065 2.5 6.7098 2.66202 6.73127 2.87483C6.75056 3.06589 6.76848 3.21928 6.78506 3.33502C6.95362 4.51227 7.29794 5.6328 7.79058 6.66919C7.86966 6.83554 7.81809 7.03466 7.66821 7.14172L5.86962 8.4265C6.9646 10.9843 9.01575 13.0354 11.5735 14.1304L12.8559 12.3349C12.9643 12.1832 13.1658 12.1311 13.3342 12.211C14.3705 12.7032 15.4909 13.0472 16.668 13.2153C16.783 13.2318 16.9354 13.2496 17.1252 13.2687C17.338 13.2902 17.5 13.4694 17.5 13.6833Z" fill="%236E6E6E"/></svg>') no-repeat left;
    background-position: 18px;
}

.free_demo_wrapper{
    margin-top: 40px;
    position: relative;
}
.free_demo_wrapper h4{
    color: #000;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 20px;
}
.offering_section{
    margin-top: 40px;
    margin-bottom: 100px;
}
.offering_title{
    color: #000;
    font-size: 30px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
}
.other_offering_card{
    border-radius: 13px;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.11);
    padding: 20px;
}
.other-offering-card-title{
    color: #000;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 136.842% */
    margin-top: 20px;
}
.text-truncate-3{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 90px;
}
.hero_title_wrapper img{
    border-radius: 24px;
}
.form-item .iti {
    display: block;
}
@media only screen and (max-width:767px) {
    .hero_title{
        font-size: 27px!important;
        line-height: normal;
    }
    .p-right-100{
        padding-right: calc(var(--bs-gutter-x)/ 2);
    }
    .hero_description{
        margin-top: 50px;
    }
    .offering_section{
        margin-top: 0;
        margin-bottom: 40px;
    }
    .other_offering_card_body img{
        min-width: 100%;
    }
    .other_offering_card{
        margin-bottom: 20px;
    }
}

 /*Start FAQ styling css */
 .w-80 {
    max-width: 80%;
    margin: 0 auto;
}

.accordion-item {
    border: 0;
    border-radius: 10px !important;
    margin-bottom: 1rem;
}


.accordion-item:last-of-type {
    border-radius: 0;

}

.accordion .accordion-item .accordion-button.collapsed {
    background-color: #eff1f3;
}

.accordion-body {
    background-color: #eff1f3;
    padding-top: 0;
}

.faq_section {
    margin-block: 3rem;
}

.accordion-header .accordion-button:not(.collapsed) {
    background-color: #eff1f3 !important;
    color: #3c4858 !important;
    box-shadow: none;

}

.list_wrapper {
    background-color: transparent;
}

.list_wrapper .nav-item .nav-link {
    border-radius: 0;
    transition: all 0s ease;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
}

.accordion-button {
    border-radius: 0 !important;
}


.list_wrapper .nav-item .nav-link.active {
    background-color: transparent !important;
    color: #3c4858 !important;
    border-bottom: 3px solid #3c4858;
}

a.hightlight_text {
    text-decoration: none !important;
    color: black;
    border-bottom: 3px solid yellow;
}

a.hightlight_text:hover {
    background-color: yellow;
    color: black;
}
@media only screen and (max-width:767px) {
    .w-80{
        max-width: 100%;
    }

}
/* End FAQ styling css */