.service_content_holder
{
    width: 100%;
    height: auto;

    /* background-color: rgb(28, 28, 28); */

    background: linear-gradient(90deg, rgb(27, 27, 27) 0%, rgb(20, 20, 20) 50%, rgb(27, 27, 27) 100%);

    position: relative;
}


.intro_holder
{
    width: 100%;
    height: auto;
    padding: 60px 80px 40px 80px;
    box-sizing: border-box;
    background-color: rgb(47, 47, 47); 
    border-bottom: black 2px solid;  
}
.intro_holder_intro
{
    width: 100%;
    height: auto;
    padding: 20px;

    /* text-align: center; */
    border-bottom: solid rgb(133, 4, 4);
    box-sizing: border-box;
    

}
    .intro_holder_intro h1
    {
        color: rgb(218, 218, 218);
        font-weight: normal;
        margin: 0;
        padding-left: 10%;

        font-size: xx-large;

    }










.service_content_holder
{
    width: 100%;
    height: auto;

    padding: 50px 20px;
    box-sizing: border-box;

    
}
    .service_container
    {
        background-color: rgb(34, 34, 34);
        filter: drop-shadow(4px 4px 4px black);
        width: fit-content;

        display: flex;
        flex-wrap: wrap;
        /* align-items: center; */
        justify-content: center;

        padding: 20px 20px;

        margin: 0 auto;

        box-sizing: border-box;

        margin-top: 50px;
    }
    .service_reverse_row
    {
        flex-direction: row-reverse;
    }
        .service_container:hover  .service_img_con img
        {
            transform: translate(0px, -5px);
            filter: brightness(1);
        }
        .service_container:hover .service_txt_con h2,  .service_container:hover .service_txt_con p
        {
            color: rgb(255, 255, 255);
        }
        

        .service_img_con
        {
            width: 600px;
            max-width: 600px;
            height: auto;

            height: auto;

            /* background-color: blue; */
        }
        .service_img_con img
        {
            width: 100%;
            height: auto;
            filter: drop-shadow(2px 2px 2px black);
            transition: 1s ;
            filter: brightness(0.7);
        }
            .img3Pad
            {
                padding: 20px 0px;
            }

        .service_txt_con
        {
            max-width: 650px;
            padding: 20px;

            position: relative;
        }
            .service_txt_con h2
            {
                text-align: center;
                font-weight: normal;
                color: rgb(181, 181, 181);
                padding: 0;
                margin: 0 0 30px 0;
                transition: 1s ;
            }
            .service_txt_con p
            {
                color: rgb(181, 181, 181);
                transition: 1s ;
            }

            .service_btn
            {
                width: 200px;
                height: 50px;

                text-decoration: none;
                color: white;

                border: 1px solid white;

                transition: 0.5s;
                display: flex;

                position: relative;
                margin: 0 auto;

                justify-content: center;
                align-items: center;
                margin-top: 25px;

            }
                .service_btn:hover
                {
                    background-color: #ffffffe1;
                    color: red;
                }    


.pad10
{
    padding: 10px 0;
}


@media only screen and (max-width: 900px) {
    .service_img_con 
    {
      width: 100%;
    }

    .intro_holder_intro h1
    {
        padding-left: 0;
        text-align: center;
    }
  }

  @media only screen and (max-width: 600px) 
  {
    .service_content_holder
    {
        padding: 50px 0;
    }
  }
































.faq_title_section
{
    width: 100%;
    height: auto;
    padding-top: 50px;

    box-sizing: border-box;
}
    .faq_title_section h2
    {
        text-align: center;
        color: white;
        font-size: 2.4rem;
        font-weight: normal;

        box-sizing: border-box;
    }






  /* drop down section */
.cn1_collapsable_nodeHolder_class_1
{
    width: 100%;
    height: auto;

    padding: 0 0 50px 0px;
    box-sizing: border-box;
}

    .cn1_node_class_1
    {
        width: 100%;
        height: auto;
        box-sizing: border-box;

        max-width: 800px;
        margin: 0 auto;
    }
    .cn1_node_class_1 .collapsableButton
    {
        background-color: rgb(221, 221, 221);
        padding: 15px 20px;

        transition: 0.5s;
        border-bottom: 1px white solid;
    }
        .cn1_node_class_1 .collapsableButton.activeCollapsable, .cn1_node_class_1 .collapsableButton:hover
        {
            background-color: rgb(45, 45, 45);
            color: white;
            cursor: pointer;
        }
        .cn1_node_class_1 .collapsableButton::after
        {
            content: "\f054"; /* Unicode for Font Awesome right arrow icon */
            font-family: "Font Awesome 5 Free"; /* Use the correct Font Awesome family */
            font-weight: 600; /* Needed for solid icons */
            float:right;
            margin-right: 10px;
            margin-top: 4px;
            font-size: .9rem;
        
        }
        .cn1_node_class_1 .collapsableButton.activeCollapsable::after
        {
            content: "\f078"; 
        }


    .cn1_node_class_1 .collapsableContent
    {
        background-color: rgb(255, 255, 255);
    }
    .cn1_node_class_1 .collapsableContent p
    {
        padding: 10px 20px;
        color: rgb(43, 43, 43);
    }


@media only screen and (max-width: 600px) 
{
}