#doc-nav{
/*border-right: 5px solid red;
background-color: #f2f2f2;
margin-left: -50px;
*/

/*


padding: 25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px

*/
border-right: 5px solid #f2f2f2;
/*position: fixed;*/
    width: 300px;
    padding: 30px 30px 0 35px;
    top: 50px;
    bottom: 0;
    height: 100%;
    background-color: #f2f2f2;
    position: fixed;
    overflow: hidden;
    }
 .scrollbar {
/*    margin-left: 22px;*/
    float: left;
    height: 550px;
    width: 266px;
    margin-top: -5px;
    overflow-y: scroll;
    background-color: #f2f2f2;
   
  /*  margin-bottom: 25px;*/
}
.force-overflow {
    /*min-height: 450px;*/
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #doc-nav {
        border-right: 5px solid #f2f2f2;
        border-right: 5px solid #f2f2f2;
        /* position: fixed; */
        width: 25%;
        padding: 30px 30px 0 35px;
        top: 50px;
        bottom: 0;
        height: 100%;
        background-color: #f2f2f2;
        overflow: hidden;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #doc-nav {
        border-right: 5px solid #f2f2f2;
        /* position: fixed; */
        width: 25%;
        padding: 30px 30px 0 35px;
        top: 50px;
        bottom: 0;
        height: 100%;
        background-color: #f2f2f2;
        overflow: hidden;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #toggler {
        display: none;
    }

    .doc-section {
        margin-left: 25px;
    }

    #doc-nav {
        border-right: 5px solid #f2f2f2;
        /* position: fixed; */
        width: 30%;
        padding: 30px 30px 0 10px;
        top: 50px;
        bottom: 0;
        height: 100%;
        background-color: #f2f2f2;
        overflow: hidden;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #doc-nav {
        border-right: 5px solid #f2f2f2;
        /* position: fixed; */
        width: 300px;
        padding: 30px 30px 0 35px;
        top: 50px;
        bottom: 0;
        height: 100%;
        background-color: #f2f2f2;
        overflow: hidden;
    }

    .scrollbar {
        /* margin-left: 22px; */
        float: left;
        height: 550px;
        width: 266px;
        margin-top: -5px;
        overflow-y: scroll;
        background-color: #f2f2f2;
        /* margin-bottom: 25px; */
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    #doc-nav {
        border-right: 5px solid #74c18163;
        /*position: fixed;*/
        /* width: 25%; */
        width: 300px;
        padding: 30px 30px 0 35px;
        top: 50px;
        bottom: 0;
        height: 100%;
        background-color: #f2f2f2;

        overflow: hidden;
    }

    .scrollbar {
        /* margin-left: 22px; */
        float: left;
        height: 550px;
        width: 266px;
        margin-top: -5px;
        overflow-y: scroll;
        background-color: #f2f2f2;
        /* margin-bottom: 25px; */
    }
}
}

#wrapper {
   /* text-align: center;*/
    margin: auto;
    
}

#style-2::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ddd;
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

#Card_Link{

border-top: 3px solid #8A40A7; 
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;

}
#Card_Link:hover {
  background-color: #ffffff;
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
#ANC{
text-decoration: none;
color: #FFF;

}
#Social{
    width: 5px;
    height: 2px;
}
.boxicon{
  width: 130px;
    height: 170px;
    position: absolute;
    right: 10px;
    overflow: hidden;
    /* TRANSFORM: rotate(380DEG); */
    top: -43px;  
}
.boxicon i{
    font-size: 102px;
    position: absolute;
    right: 5px;
    overflow: hidden;
    top: 51px;
    opacity: .2;
}