/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap'); */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
/*   background: linear-gradient(118.9deg, #FEE8D6 0.65%, #E7E3E0 100.92%);*/
    font-size: 14px;
    background: #f5f5f5;
/*    font-family: 'Poppins', sans-serif;*/
    /* font-family: 'DM Serif Display', serif!important; */
    font-weight: 400;
    letter-spacing: 0.5px;
}
a{
    text-decoration: none;
}

.color_title{
    color: #ff7200;
}
/*header*/
.header{
    background: #fff;
}
.space_box{
    padding: 1.5rem 0rem 0rem;
}
.logo a img{
    width: 100px;
}
.navbar-nav{
    gap: 3rem;
}
/*banner section*/
.space_section{
    padding: 2rem 0rem 2rem 0rem;
}
.banner_headeing{
    /* font-family: 'DM Serif Display', serif; */
    font-size: 42px;
    font-weight: 700;
    color: #212529;
    padding: 1rem 0rem 0rem;
    line-height: 58px;
}
.banner_subheadeing{
    /* font-family: 'DM Serif Display', serif; */
    font-size: 28px;
    font-weight: 400;
    color: #333;
    padding: 0.5rem 0rem 0rem;
    line-height: 38px;
}
.banner_description{
    font-size: 17px;
    font-weight: 400;
    color: #545454;
    padding: 0.5rem 0rem 1rem;
    line-height: 36px;
}
.space_section .banner_button{
    background: #ff7200;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    /* font-family: 'DM Serif Display', serif; */
}
.space_section .space_banner{
    width: 100%;
    padding: 1rem;
}
.feature{
    background: #fff;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 10px;
    padding: 0.5rem;
}
.feature img{
    width: 65px;
}
.feature h4{
    font-size: 16px;
    color: #121212;
    font-weight: 600;
}
.feature p{
    font-size: 14px;
    color: #545454;
}
/*form section*/
.form_section{
    padding: 2rem 2rem 2rem;
}
.form_contact{
    background: #fff;
    padding: 2rem 3rem;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.form_section .form_contact .form_heading h2{
    text-align: center;
    font-size: 32px;
}
.form_section .form_contact .form_heading h2 span{
    color: #ff7200;
}
.form_section .form_contact .form_heading p{
    text-align: center;
    font-size: 18px;
    color: #585858;
    line-height: 20px;
    padding: 0rem 0rem 0.5rem;
}
.form-control{
    padding: 0.75rem 0.75rem!important;
    font-size: 14px!important;
}
.form-control:focus{
    border: 1px solid #ff7200!important;
    box-shadow: none!important;
    transition: all 0.9s ease!important;
}
::placeholder{
    font-weight: lighter!important;
    color: #c4c4c4!important;
    font-size: 16px!important;
}
.form_section .form_contact .btn_box{
    margin-top: 2rem!important;
    /*display: flex;
    justify-content: end;*/
}
.form_section .form_contact .form_submit{
    background: #ff7200;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    padding: 0.8rem 2.5rem;
    border-radius: 10px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.header_content .navbar .main-menu .navbar-nav .nav-item .menu-link {
    color: #212529;
    font-weight: 700;
    cursor: pointer;
    font-size: 15px;
}
/*benifits section*/
.benifit_section{
    padding: 2rem 0rem 3rem;
    position: relative;
    overflow: hidden;
}
.benifits_heading{
    text-align: center;
    font-size: 32px;
    font-weight: 600;
}
.benifits_subheading{
     text-align: center;
     color: #585858;
     padding: 0rem 0rem 0.5rem;
     font-size: 17px;
}
.benifits_box{
    padding: 1rem 2rem!important;
}
.benifits_box .key_benifits{
    padding: 2rem;
    background: #ffffffa8;
    border-top: 3px solid #ffffffa8;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 100%;
}
.key_benifits .key_benifits_icon{
    padding: 1rem 0rem;
}
.key_benifits .key_benifits_icon a img{
    width: 65px;
}
.key_benifits .key_box_content h3{
    font-size: 21px;
    line-height: 24px;
    color: #121212;
    font-weight: 500;
}
.key_benifits .key_box_content p{
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    font-weight: 300;
}
.benifits_box .key_benifits:focus, .benifits_box .key_benifits:hover{
/*    background: #ff7200;*/
    color: #fff;
    transition: all 2s ease;
    border-top: 3px solid #ff7200;
}
/*.benifits_box .key_benifits:focus + .key_benifits .key_box_content h3, 
.benifits_box .key_benifits:hover + .key_benifits .key_box_content h3,
.benifits_box .key_benifits:focus + .key_benifits .key_box_content p ,*/
/*.benifits_box .key_benifits:hover + .key_benifits .key_box_content p {
    color: #fff!important;
}  
*/

/*showcase*/
.showcase_graphic img{
    width: 100%;
    padding: 2rem 4rem;
}
.showcase_content{
    padding: 1rem 2rem;
}
.showcase_content h2{
    padding: 1rem 1rem 0rem;
    line-height: 38px;
    font-size: 28px;
}
.showcase_content p{
    padding: 1rem;
    font-size: 18px;
    line-height: 40px;
    color: #585858;
    font-weight: 300;
}
/*faq's*/
.faq_graphic{
    height: 100%;
}
.faq_graphic img{
 width: 100%;
 padding: 2rem;
}
.faq_content{
    padding: 2rem;
}
.accordion-button:not(.collapsed){
    color: #ff7200!important;
    background-color: #fff!important;
    box-shadow: none!important;
}
.accordion-item:not(:first-of-type){
    border-top: none!important;
}
.accordion-item {
border-radius: 8px!important;
border: none!important;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}
.accordion-button:not(.collapsed)::after{
   background-image: url('../image/up-arrow.png')!important;
   transform: rotate(360deg)!important;
}
.accordion, .accordion-body, .accordion-button{
    background-color: #fff!important;
}
.accordion-button:not(.collapsed), .accordion-button{
    font-size: 18px!important;
}
.accordion-body{
    font-size: 16px!important;
    color: #585858!important;
}
.accordion-item{
    margin-bottom: 0.4rem!important;
}

/*footer*/
.space_footer{
/*    background: url('../image/contact-bg.jpg');*/
    background-color: #fff!important;
    padding: 1rem;
}
.footer_text, .copyright{
    color: #333;
    text-align: center;
    margin: 0;
    font-size: 16px;
}

/*design*/
.graph{
    position: absolute;
    right: -17%;
    top: 0;
    z-index: -1;
}
.graph1{
    position: absolute;
   left: -13%;
    bottom: -1%;
    z-index: -1;
    transform: rotate(180deg);
}
.graph2{
    position: absolute;
}
.showcase_content ul li{
    font-size: 16px;
    padding-bottom: 0.8rem;
    color: #585858;
}
.blog_sec{
    overflow: hidden;
}
.key_benifits .blog_sec img{
    width: 100%;
    transition: all 1.2s ease-in-out;

}
.key_benifits .blog_sec img:hover{
    transform: scale(1.5);
    transition: all 1s ease-in-out;
}
.blog_kit{
    padding: 0!important;
}
.blog_kit .key_box_content{
    padding: 1rem;
}
.accordion-button:focus{
    box-shadow: none!important;
}
.blog_box{
   padding: 1rem 2rem!important;
}
.line_back{

}
.blog_box .blog_benifits{
    padding: 1.6rem;
    background: #ffffffa8;
    border-top: 3px solid #ffffffa8;
    border-radius: 10rem;
/*    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    word-wrap: wrap;
}
.blog_benifits .key_box_content h3{
    font-size: 18px;
    line-height: 24px;
    color: #121212;
    font-weight: 500;
    padding: 0.5rem 0rem 0rem;
}
.blog_benifits .key_box_content p{
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    font-weight: 300;
}
.blog_benifits .blog_benifits_icon img{
    width: 85px;
}