/** {
    font-family: "Arial", Helvetica, 'Nimbus Sans L', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}*/

body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: 'Open Sans';
}

a {
    color: #15af31;
    text-decoration: underline;
}
.clearboth {
    clear: both;
}

.header {
    width: 100%;
    background-color: white;
    opacity: 1;
    margin: 0;
    padding: 5px 0 0 0;
    display: inline-block;
    background-color: transparent; 
    line-height: 0;
}

    .header .SubHeader {
        position: relative;
        z-index: 500;
        margin: 0 auto;
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom:5px solid #3e8ede;
        background-color: white;
    }

        .header .SubHeader .headerImg {
            /*float: left;*/
            text-align:center;
            width: 100%;
        }

            .header .SubHeader .headerImg img {
                height: 90px;
                max-width: 1029px;
                width: 100%;
                content: url(../images/c.png);
            }


        .header .SubHeader .navMenu {
            width: 0%;
            float: left;
            height: 90px;
            display: none;
        }

.responiveMenu {
    -webkit-border-radius: 50%;
    margin: 25px 15px 25px 0px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #1f3060;
    background-position: center;
    background-color: #ebebeb;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

    .responiveMenu:hover {
        background-color: #ff8f3c;
        transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    .responiveMenu a {
        /*color: white;*/
        vertical-align: bottom;
        text-align: center;
        line-height: 40px;
        text-decoration: none;
        margin-left: 10px;
        font-size: 22px;
    }
/* Header Ends */

/*footer start */
.MenuSubHeader {
    margin: 0 auto;
    padding: 0;
    width: 1032px;
    background-color: white;
    height: 65px;
}

.footer {
    position: relative;
    width: 100%;
}

    .footer .footer_main {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        background-color: #0D6CAC;
        /*background-color: #7f5700;*/
        padding: 0px 0 5px 0;
        min-height: 50px;
    }

        .footer .footer_main div.bottomFirst {
            background-color: white;
            padding: 15px 0;
           
            width: 100%;
            margin: 0 auto;
        }

.footertab {
    line-height: 35px;
}

.footer_main .divcounter {
    color: #515151;
    width: 22%;
    float: left;
    text-decoration: none;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
}


    .footer_main .divcounter:hover span {
        color: Black;
        font-size: 14px;
        transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
    }

.footer_main .divcounterleft {
    color: #515151;
    width: 22%;
    float: left;
    text-decoration: none;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
}


    .footer_main .divcounterleft:hover span {
        color: Black;
        font-size: 14px;
        transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-timing-function: ease-in;
        -moz-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
    }

.divcounteralign {
    text-align: left;
}

.divlastUpdatealign {
    text-align: right;
}

.footer_main .divsubmenu {
    width: 56%;
    height: 30px;
    float: left;
}


    .footer_main .divsubmenu ul.footer_nav {
        margin: 0 auto;
        padding: 0;
        color: inherit;
        list-style-type: none;
        width: 700px;
    }

        .footer_main .divsubmenu ul.footer_nav li {
            display: inline;
            float: left;
            width: 13%;
            padding: 7px 5px 0 5px;
            text-decoration: none;
            transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            -webkit-transition-duration: 0.2s;
            -o-transition-duration: 0.2s;
            transition-timing-function: ease-in;
            -moz-transition-timing-function: ease-in;
            -webkit-transition-timing-function: ease-in;
            -o-transition-timing-function: ease-in;
        }

            .footer_main .divsubmenu ul.footer_nav li:hover a span {
                color: Black;
                font-size: 14px;
                transition-duration: 0.5s;
                -moz-transition-duration: 0.5s;
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-timing-function: ease-in;
                -moz-transition-timing-function: ease-in;
                -webkit-transition-timing-function: ease-in;
                -o-transition-timing-function: ease-in;
            }

.footermiddle {
   
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #486b00;
}

    .footermiddle .headingStyle {
        line-height: 0.5;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 5px 0;
        overflow: hidden;
    }

        .footermiddle .headingStyle span {
            display: inline-block;
            position: relative;
            font-size: 18px;
            color: white;
        }

            .footermiddle .headingStyle span:before,
            .footermiddle .headingStyle span:after {
                content: "";
                position: absolute;
                height: 1px;
                border-bottom: 1px solid white;
                top: 0;
                width: 800px;
            }

            .footermiddle .headingStyle span:before {
                right: 100%;
                margin-right: 15px;
            }

            .footermiddle .headingStyle span:after {
                left: 100%;
                margin-left: 15px;
            }

    /* footer content */
    .footermiddle .contentlist {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
    }

        .footermiddle .contentlist aside {
            width: 20%;
            float: left;
            text-align: left;
            padding: 10px 2.5%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
}

            .footermiddle .contentlist aside ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }


                .footermiddle .contentlist aside ul li {
                    padding: 10px 0;
                    line-height: 18px;
                    text-align: justify;
                    border-bottom: 1px solid white;
                }


                    .footermiddle .contentlist aside ul li:last-child {
                        border-bottom: 3px solid white;
                    }

                    .footermiddle .contentlist aside ul li a {
                        color: white;
                        text-decoration: none;
                        transition-duration: 0.2s;
                        -moz-transition-duration: 0.2s;
                        -webkit-transition-duration: 0.2s;
                        -o-transition-duration: 0.2s;
                        transition-timing-function: ease-in;
                        -moz-transition-timing-function: ease-in;
                        -webkit-transition-timing-function: ease-in;
                        -o-transition-timing-function: ease-in;
                    }

                        .footermiddle .contentlist aside ul li a:hover {
                            color: black;
                            transition-duration: 0.5s;
                            -moz-transition-duration: 0.5s;
                            -webkit-transition-duration: 0.5s;
                            -o-transition-duration: 0.5s;
                            transition-timing-function: ease-in;
                            -moz-transition-timing-function: ease-in;
                            -webkit-transition-timing-function: ease-in;
                            -o-transition-timing-function: ease-in;
                        }

 /*-------------------------------------------------------------------------*/
 .footerStrip .contentlist {
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0;
    }

        .footerStrip .contentlist aside {
            width: 20%;
            float: left;
            text-align: left;
            padding: 10px 2.5%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
}

            .footerStrip .contentlist aside ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }


                .footerStrip .contentlist aside ul li {
                    padding: 10px 0;
                    line-height: 18px;
                    text-align: justify;
                    border-bottom: 1px solid white;
                }


                    .footerStrip .contentlist aside ul li:last-child {
                        border-bottom: 3px solid white;
                    }

                    .footerStrip .contentlist aside ul li a {
                        color: white;
                        text-decoration: none;
                        transition-duration: 0.2s;
                        -moz-transition-duration: 0.2s;
                        -webkit-transition-duration: 0.2s;
                        -o-transition-duration: 0.2s;
                        transition-timing-function: ease-in;
                        -moz-transition-timing-function: ease-in;
                        -webkit-transition-timing-function: ease-in;
                        -o-transition-timing-function: ease-in;
                    }

                        .footerStrip .contentlist aside ul li a:hover {
                            color: black;
                            transition-duration: 0.5s;
                            -moz-transition-duration: 0.5s;
                            -webkit-transition-duration: 0.5s;
                            -o-transition-duration: 0.5s;
                            transition-timing-function: ease-in;
                            -moz-transition-timing-function: ease-in;
                            -webkit-transition-timing-function: ease-in;
                            -o-transition-timing-function: ease-in;
                        }

  /*-------------------------------------------------------------------------*/
#mainstrip
{ 
    display:block; 

} 

  @media screen and  (max-width: 1300px){
.MenuSubHeader {
    margin: 0 auto;
    padding: 0;
    width: 852px;
    background-color: white;
    height: 65px;
}
  }

  @media screen and  (max-width: 928px) 
{
  #my-content {display: block;} 

}

  @media screen and (min-width: 0px) and (max-width: 955px) 
{
  #mainstrip{ display:none; }  

}
@media screen and (min-width: 928px) and (max-width: 1600px)
{
  #my-content { display:none; }  
}

@media only screen and (min-width : 550px) and (max-width : 1050px) {
    .header {
        margin: 0;
    }

        .header .SubHeader .navMenu {
            display: inline-block;
        }


        .header .SubHeader .headerImg {
            float:left;
            width: 86%;
        }

            .header .SubHeader .headerImg img {
                max-width: 825px;
                width: 100%;
                content: url(../images/c.png);
            }
            .menu{
          
            }
    .MenuSubHeader {
        height: auto;
          margin: 0px 0 0px 0;
        padding: 0px;
    }

    .footermiddle .contentlist aside {
        width: 45%;
        float: left;
        text-align: left;
        margin: 10px 0 0px 0;
        padding: 10px 2%;
    }


}

@media only screen and (max-width : 550px) {
    .header {
        margin: 0;
        width: 98%;
    }

        .header .SubHeader .navMenu {
            display: inline-block;
        }


        .header .SubHeader .headerImg {
              float:left;
            width: 84%;
        }

            .header .SubHeader .headerImg img {
                max-width: 428px;
                width: 100%;
                content: url(../images/c.png);
            }

    .MenuSubHeader {
        height: auto;
          margin: 0px 0 0px 0;
        padding: 0px;
    }

    .footermiddle .contentlist aside {
        width: 90%;
        float: left;
        text-align: left;
        margin: 10px 0 0px 0;
        padding: 10px 2%;
    }
}


@media all and (max-width : 880px) {

    .footer_main .divcounter {
        width: 100%;
        border-bottom: 4px solid #ff8f3c;
        padding: 0px 0 0 0;
    }

    .footer_main .divcounterleft {
        width: 100%;
        padding: 10px 0 0 0px;
        border-top: 4px solid #0094ff;
    }

    .footer_main .divsubmenu {
        width: 100%;
        height: 100%;
        float: left;
        /*padding-bottom:10px;*/
    }

        .footer_main .divsubmenu ul.footer_nav {
            width: 100%;
            margin: 0 auto;
            padding: 0;
            color: inherit;
            list-style-type: none;
        }

            .footer_main .divsubmenu ul.footer_nav li:hover a span {
                color: #0094ff;
                font-size: 14px;
                transition-duration: 0.5s;
                -moz-transition-duration: 0.5s;
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-timing-function: ease-in;
                -moz-transition-timing-function: ease-in;
                -webkit-transition-timing-function: ease-in;
                -o-transition-timing-function: ease-in;
            }

            .footer_main .divsubmenu ul.footer_nav li {
                display: inline-block;
                width: 90%;
                height: 30px;
                text-align: left;
                float: left;
                border-bottom: 1px solid #515151;
                padding: 7px 0px 0 20px;
                text-decoration: none;
            }

                .footer_main .divsubmenu ul.footer_nav li:last-child {
                    border-bottom: none;
                }

    .divcounteralign {
        text-align: left;
        padding-left: 10px;
    }

    .divlastUpdatealign {
        text-align: left;
        padding-left: 20px;
    }

    /*footer start */
}




/************************  middle section ******************************/


.QiuckRef {
    width: 100%;
    margin: 0 auto 0 auto;
    color: white;
    padding: 0;
    display: flex;
    line-height: 20px;
    z-index: 9;
    position: relative;
    border-radius: 5px;
    height: 100%;
    min-height: 60px;
    /*max-width: 1200px;*/
    overflow: hidden;
    text-align: justify;
}

    .QiuckRef div {
        width: 25%;
        margin: 0;
        float: left;
        padding: 5px 22px;
        box-shadow: 5px 5px 5px 5px black ;
        /*border-radius:20px 100px 50px 100px;*/
    }

        .QiuckRef div h2 {
            font-size: 32px;
            line-height: 35px;
            padding: 20px 0 8px 0;
            text-align:center;
        }

        .QiuckRef div p {
            font-size: 16px;
            line-height: 18px;
        }

        .QiuckRef div ul {
            padding: 0 15px;
            text-align: justify;
        }

            .QiuckRef div ul li {
                font-size: 16px;
                line-height: 24px;
                text-decoration: none;
            }

        .QiuckRef div a {
            font-size: 13px;
            line-height: 18px;
            text-decoration: none;
            color: White;
            margin-top: 10px;
        }

    .QiuckRef .div1 {
        background-color: #ff8f3c;
        
    }

    .QiuckRef .div2 {
        background-color: #64cef1;
    }

    .QiuckRef .div3 {
        background-color: #9bdb2b;
    }

    .QiuckRef .div4 {
        background-color: #5fdcab;
    }


@media only screen and (min-width : 880px) and (max-width : 1250px) {
    .QiuckRef {
        width: 98%;
        margin: 0 auto;
        color: white;
        padding: 0;
        display: flex;
        line-height: 20px;
        z-index: 30;
        position: relative;
        border-radius: 5px;
        height: 100%;
        min-height: 60px;
        overflow: hidden;
        text-align: justify;
    }

        .QiuckRef div {
            width: 25%;
            margin: 0;
            float: left;
            padding: 5px 22px;
        }
}

@media only screen and (min-width : 550px) and (max-width : 880px) {
    .QiuckRef {
        width: 95%;
        margin: 0 auto 0 auto;
        color: white;
        padding: 0;
        display: block;
        line-height: 20px;
        z-index: 30;
        position: relative;
        border-radius: 5px;
        height: 100%;
        text-align: justify;
        overflow: hidden;
    }

        .QiuckRef div {
            width: 46%;
            margin: 0;
            float: left;
            padding: 5px 2%;
        }
}

@media only screen and (max-width : 550px) {
    .QiuckRef {
        width: 95%;
        margin: 5px auto 5px auto;
        color: white;
        padding: 0;
        display: block;
        line-height: 20px;
        z-index: 30;
        position: relative;
        border-radius: 5px;
        height: 100%;
        text-align: justify;
        overflow: hidden;
    }

        .QiuckRef div {
            width: 96%;
            height: 100%;
            margin: 0;
            float: left;
            padding: 5px 2%;
        }
}

.MiddleMain {
    width: 98%;
    margin: 0px auto;
    line-height: 18px;
    padding: 0px 5px 20px 5px;
    max-width: 1400px;
    box-sizing: border-box;
}

    .MiddleMain > * {
        line-height: 14px;
        text-align: justify;
        font-size: 12px;
        text-indent: 35px;
        font-weight: 400;
        font-style: normal;
        color: black;
    }

    .MiddleMain table>*{
        line-height: 14px;
        text-align: justify;
        font-size: 13px;
        text-indent:0;
        font-weight: 400;
        font-style: normal;
        color: black;
    }
    .MiddleMain div {
        padding: 10px;
        /*margin: 1px;*/
        float: left;
    }
     .MiddleMain div.Wd100 {
            width: 98%;
            margin: 5px;
        }

        .MiddleMain div.Wd70 {
            width: 68%;
            margin: 5px;
        }

        .MiddleMain div.Wd30 {
            width: 29%;
            margin: 5px;
        }


    .MiddleMain h1 {
        font-size: 24px;
        line-height: 35px;
        text-align: center;
        text-indent: 0;
    }

    .MiddleMain p{
        font-size: 14px;
        line-height: 20px;
        /*padding: 10px 0;*/
    }

    .MiddleMain ol li{
        font-size: 14px;
        line-height: 20px;
        text-align:justify;
        padding: 10px 0;
display: list-item;
text-indent:0px;
margin-left: 1em;
margin-right: 1em;
    }


    .MiddleMain .headingStyle {
        line-height: inherit;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        .MiddleMain .headingStyle span {
            display: inline-block;
     
            font-size: inherit;
            color: inherit;
            text-indent: 0;
        }

            .MiddleMain .headingStyle span:before,
            .MiddleMain .headingStyle span:after {
                content: "";
                position: absolute;
                height: 18px;
                border-bottom: 4px solid #d9d9d9;
                top: 0;
                width: 800px;
            }

            .MiddleMain .headingStyle span:before {
                right: 100%;
                margin-right: 5px;
            }

            .MiddleMain .headingStyle span:after {
                left: 100%;
                margin-left: 5px;
            }

@media only screen and (min-width : 330px) and (max-width : 880px) {
         .MiddleMain div.Wd100 {
            width: 98%;
        }

    .MiddleMain div.Wd70 {
        width: 98%;
    }

    .MiddleMain div.Wd30 {
        width: 98%;
    }
}

@media only screen and (max-width : 330px) {
         .MiddleMain div.Wd100 {
            width: 93%;
        }

    .MiddleMain div.Wd70 {
        width: 93%;
    }

    .MiddleMain div.Wd30 {
        width: 93%;
    }
}


ul.WhatsNew ul.WhatsNew li {
    margin: 0;
    padding: 0;
    line-height: 0;
    text-decoration: none;
    list-style: none;
    height: 100%;
    width: 100%;
}

ul.WhatsNew li {
    margin: 0;
    padding: 0;
    line-height: 0;
    text-decoration: none;
    list-style: none;
    height: 100%;
    width: 98%;
}

.ListMainDiv {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

.WhatsNew div.skewBox {
    /*transition: background 0.2s;
  -webkit-transform: perspective(200px) rotateX(20deg);
-moz-transform: perspective(200px) rotateX(20deg);
-o-transform: perspective(200px) rotateX(20deg);
    transform: perspective(200px) rotateX(20deg);*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 5px 0 1px 0px;
    line-height: 0px;
    height: 100%;
    width: 100%;
    padding: 0;
}

    .WhatsNew div.skewBox h4 {
        /*-webkit-transform: perspective(200px) rotateX(-20deg);
-moz-transform: perspective(200px) rotateX(-20deg);
-o-transform: perspective(200px) rotateX(-20deg);
    transform: perspective(200px) rotateX(-20deg);*/
        margin: 0;
        padding: 0px 10px;
        text-indent: 0;
        font-size: 16px;
        line-height: 22px;
        color: White;
    }

.WhatsNew div.clsMsg {
    text-align: justify;
    margin: 0px;
    padding: 0px;
    text-indent: 0;
    font-size: 14px;
    line-height: 16px;
    color: inherit;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 50px;
}

    .WhatsNew div.clsMsg .clsMsgInner {
        padding: 0 10px;
        margin: 0px;
        font-size: 14px;
    }

.slide {
    position: absolute;
    left: 0%;
    top: -100%;
    width: 100%;
    height: 98%;
    color: white;
    visibility: hidden;
    margin: 0;
    padding: 2% 0px 2px 4%;
}

    .slide > .link1 {
        color: white;
        font-size: 16px;
        font-weight: 900;
    }

    .slide > .link2 {
        color: white;
        font-size: 14px;
        font-weight: 400;
    }

        .slide > .link1:hover,
        .slide > .link2:hover {
            color: #e6e6e6;
        }


.WhatsNew div.clsMsg:hover .slide {
    animation-duration: 0.5s;
    animation-name: slideMe;
    top: 0;
    visibility: visible;
}

.bgColor1 {
    background-color: #ff8f3c;
}

.bgColor2 {
    background-color: #64cef1;
}

.bgColor3 {
    background-color: #9bdb2b;
}

.bgColor4 {
    background-color: #5fdcab;
}

@keyframes slideMe {
    from {
        top: -100%;
    }

    to {
        top: 0;
    }
}

/*-----------------------------------------name-strip---------------------------------------------*/
#printHeader
{
    float:right;
    padding-right:100px;
}

.formButton
{
    
    Font-Size:16px;
    Width:100px;
    Height:30px;
    background-color:#0d6cac;
    font-weight:bold;
    color:white;
    cursor:pointer;
   
}

.GridHeader{
    background-color:#0d6cac !important;
    font-weight:bold;
    Color:white;
}


/*Our services Section*/
.our-services-section {
    width: 100%;
    float: left;
    position: relative;
    padding: 45px 0 0;
    /*background: #3d934a;*/
    color: #fff;
    padding-bottom: 0;
    text-align: center;
}

    .our-services-section:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(../wwwroot/assets/images/backgrounds/services-buttom-bg.png);
        background-size: 90%;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

.our-services-con-wraper {
    width: auto;
    display: inline-block;
}

.our-services-box {
    text-align: center;
    background: linear-gradient(180deg, white, #f3dbad);
    border-radius: 10px;
    box-shadow: 0 3px 7px #00000040;
    padding: 15px 15px 0;
    margin-bottom: 30px;
    height: 290px;
    position: relative;
}

.our-services-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    height: max-content;
    bottom: 0;
    padding: 0 15px;
}

.our-services-box .content {
    overflow: hidden;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

.our-services-box:hover .content {
    height: max-content;
}

.our-services-box .icon img {
    height: 80px;
    max-width: 100%;
}

.our-services-box h4 {
    font-size: 16px;
    color: #279137;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 15px;
    height: 33px;
    overflow: hidden;
}

.our-services-box h4 {
    font-size: 16px;
    color: #279137;
    margin-top: 20px;
    margin-bottom: 9px;
    line-height: 21px;
    height: 61px;
}

.our-services-box p {
    font-size: 13px;
    font-weight: 400;
    color: #373737;
    margin-bottom: 10px;
    line-height: 18px;
    max-height: 70px;
    overflow: hidden;
}

.our-services-box a.r-more {
    background: repeating-linear-gradient(89deg, #348c59, #1b7397);
    color: #fff;
    width: 100%;
    display: inline-block;
    font-size: 13px;
    line-height: 29px;
    border-radius: 18px;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    margin: auto;
    width: 200px;
    left: 0;
    right: 0;
}

    .our-services-box a.r-more:hover {
        text-decoration: none;
        background: repeating-linear-gradient(89deg, #1b7397, #348c59);
    }

.more-services-btn {
    color: #cdcdcd;
    text-transform: uppercase;
    background: none;
    border: none;
    height: 16px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
}

    .more-services-btn:hover {
        text-decoration: none;
        color: #cdcdcd;
    }

.summary {
    font-size: 14px;
    line-height: 1.5;
}

    .summary p.collapse:not(.show) {
        height: 42px !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .summary p.collapsing {
        min-height: 42px !important;
    }

    .summary a[aria-controls="collapseSummary"].collapsed:after {
        content: '+ More SERVICES';
    }

    .summary a[aria-controls="collapseSummary"]:not(.collapsed):after {
        content: '- Less  SERVICES';
    }