

.features_section {

    width: 100%;

    padding: 60px 0;

    background: #ffffff;

}

.features_section .hading_text{

   /* display: flex; */

   /* justify-content: center; */

   text-align: center;

   font-weight: 600;

    font-size: 20px;

    color: #0d5ff9;

    display: block;

    margin-bottom: 60px;

}

.features_section .hading_text h3{

   /* display: flex; */

   /* justify-content: center; */

   text-align: center;

   font-weight: 700;

    font-size: 32px;

    color: black;

font-family: Urbanist, sans-serif;

flex-wrap: wrap;

    /* margin-bottom: 5px; */

}





.features_section .features_container {

    max-width: 1200px;

    margin: auto;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

    gap: 30px;

    padding: 0 20px;

    

}





.features_container .feature_card {

    text-align: center;

    padding: 70px 20px;

    border-radius: 18px;

    background: #ffffff;

    border: 2px solid #e0e0e0;

    transition: 0.5s;

    cursor: pointer;

    box-shadow: 0px 10px 25px rgba(0,0,0,0.05);

    position: relative;

}



.features_container .feature_card:hover {

    /* transform: translateY(-10px); */

    border-top-right-radius: 70px;

    border-color: #2b76ff;



    /* box-shadow: 0px 20px 35px rgba(0,0,0,0.1); */







.icon_box {

    background: #015aff;

}

.icon_box i {

    font-size: 40px;

    color: #fff;

}

}

.features_container .feature_card .icon_box {

    width: 90px;

    height: 90px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    margin: auto;

    margin-bottom: 20px;

    /* border: 1px solid; */

    background: #e8f0ff;

      transition: 0.5s;

}



.features_container .feature_card .icon_box i {

    font-size: 40px;

    color: #2b76ff;

}





.features_container .feature_card h3 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 10px;

    color: #222;

}



.features_container .feature_card p {

    color: #666;

    font-size: 15px;

}

.features_container .feature_card .couting {

    position: absolute;

    /* top: 0; */

    background: #0d5ff9;

    color: #fff;

    border-radius: 0 0 7px 7px;

    padding: 0 8px;

    display: inline-block;

    position: absolute;

    top: -2px;

    left: 31px;

    line-height: 33px;

}

