*
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: sans-serif;
}
#nav-bar
{
    position: sticky;
    top: 0;
    z-index: 10;
}
.navbar
{
    background-image: linear-gradient(to right, #a517ba,#5f1782);
    padding: 0 !important;
}
.navbar-brand img
{
    height: 83px;
    padding-left: 20px;
}
.navbar-nav li
{
    padding: 0 10px;
   
}
.navbar-nav li a
{
    color: #fff !important;
    font-weight: 600;
    float: right;
    text-align: left;
}
.fa-bars
{
    color: #fff;
    font-size: 30px !important;
}
.navbar-toggler
{
    outline: none !important;
}

/*-------------banner section---------------*/

#banner
{
    background-image: linear-gradient(to right, #a517ba,#5f1782);
    color: #fff;
    /*padding-top: 5%;*/
}
.promo-title
{
    font-size: 40px;
    font-weight: 600;
    margin-top: 100px;
}
.play-btn
{
    width: 45px;
    margin: 20px;
}
#banner a
{
    color: #fff;
    text-decoration: none;
}
.bottom-img,.footer-img
{
    width: 100%;
    height: 4rem;
}
/*-----------services section--------------*/

#services
{
    padding: 80px 0;
}
.service-img
{
    width: 100px;
    margin-top: 20px;
}
.services
{
    padding: 20px;
}
.services h5
{
    padding: 5px;
    margin-top: 25px;
    text-transform: none;
}
.title::before
{
    content: '';
    background: #7b1798;
    height: 5px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translateY(63px);
}
.title::after
{
    content: '';
    background: #7b1798;
    height: 10px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    display: block;
    transform: translateY(8px);
}
#services .btn-primary
{
    box-shadow: none;
    padding: 8px 25px;
    border: none;
    border-radius: 20px;
    background-image: linear-gradient(to right, #a517ba,#5f1782);
}
.btn-primary2
{
    box-shadow: none;
    padding: 8px 25px;
    border: none;
    border-radius: 0px;
    background-image: linear-gradient(to right, #a517ba,#5f1782);
    color: #fff;
}

/*---------------about-us section--------------*/

#about-us
{
    background: #f8f9fa;
    padding-bottom: 50px;
    padding-top: 50px;
}
.about-title
{
    font-size: 40px;
    font-weight: 600;
    margin-top: 8%;
}
#about-us ul li
{
    margin: 10px 0;
}

#about-us ul
{
    margin-left: 20px;
}

/*--------------testimonials SECTION--------------*/

#testimonials
{
    margin: 100px 0;

}
.testimonials
{
    border-left: 4px solid #7b1798;
    margin-top: 50px;
    margin-bottom: 50px;
}
.testimonials img
{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0 10px;
}
.user-details
{
    display: inline-block;
    font-size: 12px;
}

/*----------social-media section-----------*/

#social-media
{
    background: #f8f9fa;
    padding: 100px 0;
}
#social-media p
{
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}
.social-icons img
{
    width: 60px;
    transition: 0.5s;
}
.social-icons a:hover img
{
    transform: translateY(-10px);
}

/*-----------------footer section---------------*/

#footer
{
    background-image: linear-gradient(to right, #a517ba,#5f1782);
    color: #fff;
}

.footer-box
{
    padding: 20px;
}
.footer-box img
{
    width: 120px;
    margin-bottom: 20px;
}
.footer-box .fa
{
    margin-right: 8px;
    font-size: 25px;
    height: 40px;
    width: 40px;
    text-align: center;
    padding-top: 7px;
    border-radius: 2px;
    background-image: linear-gradient(to right, #a517ba,#5f1782);
}
.footer-box .form-control
{
    box-shadow: none !important;
    border: none;
    border-radius: 0;
    margin-top: 25px;
    max-width: 250px;
}
.footer-box .btn-primary
{
    box-shadow: none !important;
    border: none;
    border-radius: 0;
    margin-top: 30px;
    background-image: linear-gradient(to right, #a517ba,#5f1782);
}

hr
{
    background-color: #fff;
}
.copyright
{
    margin-bottom: 0;
    padding-bottom: 20px;
    text-align: center;
}


.copyright a{
    color: #ffed00;
}


#searchsec{
    width: 100%;
    height: 5em;
    padding-top: 3em;

}

#searchsec .innersec{
    width: 100%;
    margin: 0% auto;
    height: 5em;

    border-radius: 0.7em;
}

#searchsec .innersec .entertext{
    width: 17rem;
    height: 3.8rem;
    margin-top: 1em;
    margin-left: 0em;
    background-color:#a517ba;
    padding: 0.5em;
    /*border-radius: 0.5em;*/
    color: white;

}

::placeholder{
    color: rgb(235, 233, 233);
}

.innersec .textsearch{
    border-radius: 50%;
    /*width: 3.8em;*/
    height: 3.8em;
    margin-left: 1em;
    background-color: #a517ba;
    color: white;
    /*border: 2px dashed white;*/
    padding: 0.4rem;
}

.servetext{
    background-color: #a517ba;
    height: 223px;
}

.leftside{
    width: 80%;
    margin-left: 15%;
    margin-top: 6em;
    color: #a517ba;
}
.leftside h4{
    width: 100%;
    height: 2em;
    background-color: #c879d4;
    text-align: center;
    padding-top: 0.3em;
}

.catlist{
    width: 100%;
    height: 25em;
    border: 0.1em solid #c879d4;
    margin-top: -1em;
    padding: 1em;
    
}
.adscontent{
    width: 100%;
    height: 30em;
    
    

}

.mainimg{
    float: left;
    /*width: 50%;*/
    height: 30em;
    
}
.maintext{
    /*width: 48%;*/
    height: 20em;
    float: left;
    padding-left: 2%;
}

.maintext h4{
    margin-top: 0.3em;
    font-weight: bold;
    
    font-size: 2em;
}
.mainimg img{
    width: 100%;
    height: 30em;
}

.thumb1 img{
    width: 100%;
    height: 9em;
}
.mainthumb{
    /*width: 50%;*/
    height: 10em;
    float: left;
}

.mainthumb .thumb1{
    width: 30%;
    margin-left: 2%;
    height: 8em;
    float: left;
    margin-top: 0.5em;
  
    
}
.leftside ul li {
    float: left;
    list-style-type: none;
    font-size: 0.9em;
    margin-bottom: 1em;
}
.servetext2{
    background-color: rgb(71, 114, 6);
    height: 223px;
}
.servetext3{
    background-color: #1F9CD9;
    height: 223px;
}
.servetext4{
    background-color: rgb(156, 85, 30);
    height: 223px;
}

.servetext5{
    background-color: rgb(96, 126, 155);
    height: 223px;
}

.servetext5 h3{
    color: white;
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 1em;
}

.servetext3 h3{
    color: white;
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 1em;
}
.servetext4 h3{
    color: white;
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 1em;
}
.servetext2 h3{
    color: white;
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 1em;
}
.servetext h3{
    color: white;
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 1em;
}


.servetext4 p{
    color: rgb(219, 219, 219);
    text-align: left;
    display: block;
    width: 100%;
}

.servetext5 p{
    color: rgb(219, 219, 219);
    text-align: left;
    display: block;
    width: 100%;
}
.servetext3 p{
    color: rgb(219, 219, 219);
    text-align: left;
    display: block;
    width: 100%;
}
.servetext2 p{
    color: rgb(219, 219, 219);
    text-align: left;
    display: block;
    width: 100%;
}


.servetext p{
    color: rgb(219, 219, 219);
    text-align: left;
    display: block;
    width: 100%;
}

.smheight{
    margin-bottom: 2em;
    }


    .dashcontainer{
        background-color: #711790;
    }

    .logoround{
        border-radius: 4em;
        width:7em;
    }

    .login-text{
        font-size: 3em;
        color: white;
    }

    .d-block{
        margin-left: -6.5em;
        margin-top: 0.5em;
    }
    .submit{
       margin-top: 1em;
       width: 5.5em;
      margin-left: -5.8em;
    }

    .spinner {

        height: 50px;
        width: 50px;
        animation: rotate 0.8s infinite linear;
        border: 8px dotted #FFFFFF;
        border-right-color: #aa0505;
        border-radius: 50%;
        margin-left:auto;
        margin-right:auto;
        }
        
        @keyframes rotate {
        0%    { transform: rotate(0deg); }
        100%  { transform: rotate(360deg); }
        }
        #spin{
          color: white;
          position: relative;
          top: 2em;
          left: -50px;
        }
        .desc{
          color: white;
          font-size: 12px;
          text-align: center;
          position: relative;
          top: 10px;
          margin-left: 5em;
        }

        .dashhead{
            background-color:#aa0505;
            height: 10em;
            width: 60%;
            padding-left: 7%;
            margin-left: auto;
            margin-right: auto;
        }

        .dashitems{
            width: 10em;
            height: 8em;
            background-color: black;
            float: left;
            margin-right: 2em;
            margin-top: 1em;
        }

        .fa-cogs{
            color: white;
            font-size: 7px;
        }

        .items{
            padding: 1em 3.48em;
            background-color: #a84bc7;
            margin-right: 1em;
            float: left;
            margin-right: 2em;
            
            color: white;
            cursor: pointer
            
        }

        .items:hover{
            background-color: rgb(114, 179, 17);
            text-decoration: none;
            color: white;
        }

        .addservices h3{
            color: #9040aa;
            text-decoration: underline; 
        }

        .addservices h5{
            color: #9040aa;
            text-decoration: underline; 
        }

        .submitserv{
            /*width: 8em;*/
            background-color:#9040aa !important;
            color: #fff !important;
        }

        .addserv{
            border: 2px solid rgb(114, 179, 17);
            border-radius: 5px;
        }

        .addserv1{
            border: 2px solid rgb(114, 179, 17);
            border-radius: 5px;
            width: 12.7em;
        }

        .overflow{
            overflow: auto;
            padding: 0.4em
        }

        .updateserv{
            padding: 0.3em 2em 0.3em 2em;
            background-color: #9040aa;
            text-decoration: none;
            color: white;
            margin-left: 1em;
            
        }

        .updateserv:hover{
            color: greenyellow;
            text-decoration: none;
        }

        .subfloat{
            float: left;
        }

        .navbar-brand img{
            border-radius: 1em;
        }

        .service-img1
        {
            width: 100px;
            margin-top: 10px;
            background-color: black;
            height: 2em;
        }

        .imgtop{
            width: 100%;
            height: 12em;  
        }

        .imgtop .imgg{
            width: 100%;
            height: 12em;
        }

        .imgtop2{
            width: 100%;
            background-image: url("images/top2.jpg");
            background-size: 100% 100%;
            height: 12em;  
        }

        .imgtop3{
            width: 100%;
            background-image: url("images/top3.jpg");
            background-size: 100% 100%;
            height: 12em;  
        }

        .imgtop4{
            width: 100%;
            background-image: url("images/top4.jpg");
            background-size: 100% 100%;
            height: 12em;  
        }

        .imgicon{
            width: 5em;
            height: 5em;
            border-radius: 50%;
            background-color: white;
            position: relative;
            top: -6em;
            left: 1em;   
        }

        .imgicon i{
           font-size: 3em;
           margin-top: 0.3em;
        }

        .real{
            color: #9040aa;
        }
       

        .imgdown{
            width: 100%;
            background-color: #9040aa;
            height: auto;
            padding-top: 1em;
            margin-bottom: 3em;
            min-height: 24rem;
           
        }

        .imgdown h5{
            color: greenyellow;
            padding-bottom: 0.7em;
            text-align: left;
            margin-left: 2em;
        }

        .imgdown ul{
            float: left;
            list-style: none;
            margin-left: 2.5em;
            color: white;
            width: 80%;
        }

        .dheight{
            margin-top: 6em;
        }
        .ads{
            width: 100%;
            height: 8.5em;
            background-color: #d89fe0;
            /* border-radius: 1em; */
            padding: 0.5em 0 0.5em 1.5em;
            margin-bottom: 1em;
        }

        .ads .leftimg{
            width: 8em;
            height: 100%;
            background-color: black;
            float: left;

        }

        .ads .leftimg img{
            width: 100%;
            height: 100%;
        }

        .adstitle{
            font-weight: bold;
            color: #9040aa;;
        }

        .viewads{
            text-align: center;
            margin-top: 3rem;
            color: green;
            font-weight: bold;
            font-size: 17;
        }
        .viewads a{
            color: inherit;
        }
        .ads .rightct{
            float: left;
            width: 61%;
            height: 100%;
            background-color: white;
            padding: 1em;
        }

        .imgdown ul li{
            float: left;

        }

        .imgdown ul li a{
            float: left;
            color: rgb(255, 255, 255);
         
        }

        .homeimgheight{
            margin-bottom: 2em;
        }

        .servicepic{
            margin-bottom: 1em;
        }

        .editserv{
            width: 60%;
            margin-bottom: 1em;
            padding: 0.3em;
            border-radius: 5px;
        }

        /*Added By Abdul*/
        .unstyled-ancor{
            color: inherit;
            text-decoration: inherit;
        }