.basic-cont {
    background: #6705ad;
}

.basic,
.advance {
    width: 100%;
    height: 340px;
    overflow: auto;
    padding: 0 5px 30px;
    color: #fff;
}

.advance {
    height: 350px;
}

.basic-head,
.advance-head {
    padding: 20px 0px 20px 40px;
    color: #fff;
    font-size: 24px;
}

.basic-img,
.advance-img {
    width: 100%;
}

.basic-img img,
.advance-img img {
    width: 100%;
}

.basic ul,
.advance ul {
    list-style: none;
}

.basic span,
.advance span {
    color: #fda8b0;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #9254fb;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #000;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

}

.img-cont {
    text-align: center;
    padding: 30px;
}

.img-cont h3 {
    font-size: 25px;
    font-weight: 700;
    color: rgb(46, 46, 119);
}

.img-cls {
    width: 100%;
    margin-left: 167px;
}

.img-cls img {
    width: 100%;
}

@media screen and (max-width:992px) {
    .words {
        font-size: 13px !important;
    }
}

@media screen and (max-width:768px) {
    .layout_padding-bottom {
        padding: 30px;
    }
    .img-cls {
        margin-left: 70px;
    }
}

@media screen and (max-width:567px) {   
    .img-cls {
        margin-left: 0px;
    }
}

@media screen and (max-width:320px) {
    .layout_padding-bottom {
        padding: 20px;
    }
    .icon-py-tmblr .icon-py-box {
        margin-right: 18px !important;
    }
}

.mtp {
    margin-top: 20px;
}

.cardbox { 
    padding: 40px 20px;
    margin-bottom: 60px;
}

.boxcolor{
    background: #F0F7F6; 
}

.cardbox .heading_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}

.n1 {
    box-shadow: 1px 1px 13px 4px #c3bebeb0;
    padding: 18px;
    background: #fff;
}

.n1:hover {
    border-radius: 0;
    box-shadow: none;
}

.n1 img {
    width: 25%;
}

.words {
    font-size: 19px;
    font-weight: 600;
}

.cards {
    display: flex;
    background: #fff;
    box-shadow: 1px 1px 13px 4px #012b7438;
    padding: 15px 10px 10px;
}
   .cards-img {
    width: 90px;
    height: 78px;
    /* background: #e7caff; */
    border-radius: 50%;
}

.cards-img img {
    width: 100%;
}

.penn{
    margin-left:-20px;
}

.descp {
    margin-left: 20px;
}

.descp p{
    font-size: 15px;
}

.descp h5 {
    color: #0e59bd;
    font-weight: bold;
}

.cards:hover {
    background: #0f248036;
}

/***** Slide Right *****/
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6,
.slide7 {
    width: 100%;
}

.slide1 {
    animation: 1.5s slide1;
}

.slide2 {
    animation: 2.5s slide2;
}

.slide3 {
    animation: 3.5s slide3;
}

.slide4 {
    animation: 4.5s slide4;
}

.slide5 {
    animation: 5.5s slide5;
}

.slide6 {
    animation: 6.5s slide6;
}

.slide7 {
    animation: 7.5s slide6;
}

@keyframes slide1 {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes slide2 {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes slide3 {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes slide4 {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes slide5 {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes slide6 {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
}

@keyframes slide7 {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0%;
    }
} 

@media screen and (max-width:567px) {
    .mbt {
        margin-bottom: 20px;
    }
}

/* back to top button */
#backtop {
    background-color: #f97616;
    width: 45px;
    height: 45px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 25px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    visibility: hidden;
    z-index: 1000;
    color: #fff;
}

#backtop::after {
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}

.graph {
    font-size: 27px;
}

#backtop:hover {
    cursor: pointer;
    background-color: #fff;
    color: #f97616;
}

#backtop:active {
    background-color: #f97616;
}

#backtop.show {
    opacity: 1;
    visibility: visible;
}

/* end of top-up button */

/* icon section */
.icon-py-container {
    /* background: #06b3e7; */
    background: #F0F7F6 ;
    padding: 40px 0;
}

.icon-py-tmblr {
    display: flex;
    margin-top: 25px;
    flex-wrap: wrap;
}

.icon-py-tmblr .icon-py-box {
    width: 160px;
    /* margin-right: 25px; */
    cursor: pointer;
    border-radius: 12px;
    padding: 16px 11px 16px 16px;
    justify-content: space-between;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 25px;
    background: #0f4a8a;
}

.icon-py-tmblr .icon-py-box {
    display: flex;
    flex-direction: column;
}

.icon-py-tmblr .icon-py-box:hover {
    /* background: #0d3e80; */
    transition: all .2s ease-in-out;
    background: #b79ebd;
}

.icon-py-tmblr .icon-py-box img {
    width: 64px;
    margin-bottom: 17px;
    background: #fff;
    border-radius: 100%;
}

.icon-py-box-desc {
    cursor: pointer;
    position: relative;
    min-height: 45px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}

/* end icon section */