/* Importing Muli font from Google */
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

*{
    font-family: Muli;
    font-style: normal;
    margin: 0;
    padding:0;
}

.navbar-brand{
    width: 128px;
    height: 51px;
    margin-bottom: .3125rem;
}

/*-------------top-navbar-css-----------*/
#navbarResponsive  li .nav-link{
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    font-weight: 600;
}

/*------------END-top-navbar-css-----------*/



.header-section{
    height: 444px;
    background-image: url("images/rectangle.jpg");
    margin: 0;
    padding: 0;
}

.header-section-overlay{
    height: 444px;
    background: rgba(56, 2, 165, 0.93);
    color: #FFFFFF;
}

.center{
    margin: 0;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header-section-overlay .center h2{
    font-weight: bold !important;
    font-size: 36px !important;
    line-height: 45px !important;
}

.center .btn{
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #E7003E;
}

.center .btn:hover{
    border: 1px solid #E7003E;
}

/*------------------------4th--Page--css--section---------------------------------------*/

/* Data Science Course Section Css */
.data-science-courses{
    padding: 5% 0;
}

.data-science-carousel{
    width: 80% !important;
}

.data-science-carousel .card-body{
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    line-height: 5px;
    color: #010101;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 3px 3px;
}

.data-science-courses h3{
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #010101;
}


.carousel-indicators li{
    margin:0;
    width: 33%;
    height: 6px;
    border-radius: 20px;
    background: none;
}


/*---------------Data Scientist Section--------------*/
.control-left{
    position: absolute;
    top: 46% !important;
    left: -9%;
    font-size: 21px;
}

.control-right{
    position: absolute;
    left: 106%;
    top: 46% !important;
    font-size: 21px;

}
.control-left a, .control-right a{
    color:gray !important;
}



/*---------------Mission & Vision--------------*/
.text-mission{
    font-weight: 600;
}
.text-vision{
    font-weight: 600;
}

@media only screen and (max-width: 1000px) {
    .text-mission{
        text-align: center;
    }
    .text-vision{
        text-align: center;
    }
}

@media only screen and (max-width: 720px) {
    .text-mission{
        text-align: center;
    }
    .text-vision{
        text-align: center;
    }
}

@media only screen and (max-width: 433px) {
    .text-mission{
        text-align: center;
    }
    .text-vision{
        text-align: center;
    }
}

/*--------------------     Story Of AOD      ---------------*/
.story {
    background-color:ghostwhite;
    margin-top:50px ;
    margin-bottom:50px ;
    text-align: center;
    padding: 70px;
}
/*----------------------------------  Team-Section ----------------------------------*/
.pv4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.tc {
    text-align: center;
}
.card-4{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 110%;
    padding: 85px 6px 4px 6px;
    margin-top: -80px;
}

.team-img{
    border-radius: 100%;
    padding: .25rem;
    border-style: solid;
    border-width: 1px;
    border-color:snow;
    height: 10rem;
    width: 10rem;

}
.mid-gray{
    font-weight: 600;
    color: black;
    font-size: 20px;

}

.tracked{
    font-weight: 200;
    text-transform: uppercase;
    font-size: .875rem;
    color: #777;

}



/*---------------- AOD Student Review ------------------- */

.aod-std-rvw{
    background:ghostwhite;
    padding: 7% 0;
}
.card{
    border: none;
}


.aod-std-rvw h2{
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 40px !important;
    color: #010101 !important;
}

.student-image{
    border-radius: 50%;
}

.student-name{
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
}

#multi-item-example-student-review .card-body{
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #010101;
}

.student-post{
    font-size: 12px;
}

.counters-container{
    margin-top:7%;
}
.counters{
    font-weight: 600;
    font-size: 36px;
    line-height: 45px;
    text-align: center;
    color: #E7003E;
}

.counters-text{
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}

.carousel-indicators .active{
    background-color: #E7003E !important;
}

.controls-left a, .controls-right a{
    color: #E7003E !important;
}
.carousel-indicators{
    top: 103%;
    left: 58%;
    width: 25% !important;
    height: 6px;
    background-color: rgb(236, 235, 235);
    border-radius: 20px;
    padding: 0;
}

.controls-left{
    position: absolute;
    top: 102% !important;
    left: 68%;
    font-size: 21px;
}

.controls-right{
    position: absolute;
    left: 99%;
    top: 102% !important;
    font-size: 21px;
}
@media only screen and (max-width: 768px) {
    .img-slide{
        margin-left: 10px!important;
    }
}
@media only screen and (max-width: 1024px) {
    .img-slide{
        margin-left: 15px!important;
    }
}



/*-------------------------------------------------------------------------------------*/

/* AOD Blog Section CSS */
.blog{
    background: #FFFFFF;
    padding: 7% 0;
}

.blog h2{
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 40px !important;
    color: #010101 !important;
}

.blog .card-img-top img{
    max-height: 100%;
    max-width: 100%;
}

.card{
    border: none;
}

.blog .card-body{
    margin-top: -30%;
    background: #FFFFFF;
    width: 90%;
    box-shadow: 4px 8px 40px rgba(21, 50, 204, 0.25);
    padding: 5% 5%; 
}

@media only screen and (max-width: 768px) {
    .blog .card-body{
        margin-top: -10%;
        width: 96%;
    }
}

@media only screen and (max-width: 433px) {
    .blog .card-body{
        width: 70%;
    }
}

@media only screen and (max-width: 300px) {
    .blog .card-body{
        width: 90%;
    }
}
.blog .card-body h6{
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #000000;
}

.blog .card-body p{
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #A0A0A0;
}

/*----------- Subscribe-Section Css ---------------- */
.Subscribe-sec{
    background-color: ghostwhite;
    padding: 70px;

}
.request-btn{
    border-radius: 0 !important;
    width: 27%;
    background: #E7003E;
    font-size: 18px;
    border: 1px solid #E7003E;
    line-height: 23px;
    color: #FFFFFF;
    margin-top: 2%;
}

.info-content{
    padding-left: 25%;
}
.text-content h4{
    font-weight: 700;
    font-style: normal;
    color: #E7003E;
    font-size: 21px;
}
.form-control-lg{
    border: none;
}


@media only screen and (max-width: 1000px) {
    .request-btn{
        font-size: 16px;
        width: 33%;
    }

}

@media only screen and (max-width: 720px) {
    .request-btn{
        font-size: 12px;
        width: 24%;
    }

}

@media only screen and (max-width: 600px) {
    .request-btn{
        font-size: 14px;
        width: 38%;
    }
.info-content{
    text-align: center;
}

}
@media only screen and (max-width: 320px) {
    .request-btn{
        font-size: 16px;
        width:52%;
    }

}

/*----------------Advertisement Section CSS---------------*/
.advt-section{
    background-color: #E7003E;
    height: 310px;
}
.img-social{
    margin-top: -32%;
    margin-left: 65%;
    height: 310px;
    width: 625px;

}

.card-1{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    background-color: white;
    margin-top: -22%;
    margin-left: 20%;
    padding: 3%;
    height: 251px;


}
.advt-text{
    font-size: 20px;
    font-weight: 700;
}

@media only screen and  (max-width: 900px) {
    .img-social {
        margin-top: -45%;
        margin-left: 0%;
        height: 231px !important;
        width: 385px !important;

    }
    .card-1{
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        background-color: white;
        margin-top: -53%;
        margin-left: 0% !important;
        padding: 2%;
        height: 226px;
        width: 265px;
    }
}


@media (max-width:1100px) {
    .img-social{

    margin-top: -32%;
    margin-left: 41%;
}
    .card-1{
        margin-left: 20%;
        margin-top: -26%;
    }
    .advt-text{
        font-size: 28px;
    }
}

@media (max-width:600px) {
    .img-social{

        margin-top: -32%;
        margin-left: 0% !important;
        width: 354px!important;
    }
    .card-1{
        margin-top: -15%;
        margin-left: 3.5%!important;
    }
    .advt-section{
        height: 180px!important;
    }
    .advt-text{
        font-size: 26px;
    }
}

@media only screen and (device-width: 768px) {
    .card-1{
        margin-top: -27%!important;
        margin-left: 6% !important;
        padding: 2%;
        height: 196px;
        width: 265px;
    }
    .img-social{
        height: 200px!important;
    }
.advt-section{
    height: 198px;
}
    .advt-text{
        font-size: 24px;
    }
}
@media only screen and (max-width: 320px) {
    .img-social{
        margin-top: -57%;
        margin-left: 15%!important;
        height: 237px !important;
        width: 252px !important;
    }
.advt-section{
    height: 198px;
}
.card-1{
    margin-top: -62%!important;
    margin-left: 0% !important;
    padding: 2%;
    height: 200px;
    width: 265px;
}
}

/*----------------------- 6th Pages--CSS--Section-----------------*/


/*----------------Advertisement Section CSS-----------------*/

.advt-sect-2{
    background-color: #E7003E;
    height: 310px;

}
.social-media{
    margin-top: -20%;
    margin-left: 14%;
    width: 942px;
    height: 357px;
}


@media (max-width:1100px) {
    .social-media{
        margin-top: -32%;
        margin-left: -2%;
    }

}

@media (max-width:600px) {
    .social-media{
        margin-top: -48%;
        margin-left: 0% !important;
        width: 330px!important;
        height: 255px;
    }
    .advt-sect-2{
        height: 220px;
    }
}

@media only screen and (device-width: 768px) {
    .social-media{
        height: 262px!important;
        width: 703px!important;
        margin-left: -4%;
    }

}
@media only screen and (max-width: 320px) {
    .social-media{
        margin-top: -57%;
        margin-left: 0%!important;
        height: 200px !important;
        width: 252px !important;
    }
    .advt-sect-2{
        height: 185px;
    }
}


/*--------------- FB Blog Section STARTS---- -------------*/
.top-text h2{
    font-weight:700;
    font-size: 30px;
    word-spacing: 5px;
}
.blog-text p{
    font-weight:500;
    word-spacing: 5px;
}
/*---------------- Enrollment form Section CSS ---------------------*/
.enrollment{
    background: darkslategray;
    padding: 7% 0;
}

.enrollment h2{
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 40px !important;
    color: #FFFFFF !important;
}

.enrollment h5{
    color: #FFFFFF;
}

.enrollment form{
    margin-left: 40%;
    margin-top: 2%;
    width: 30%;
    transform: translateX(-16%);
}

.enrollment form input, .enrollment form select{
    margin-top:3%;
    width: 100%;
    padding: 6px 10px;
}

.submit-btn{
    border-radius: 0 !important;
    width: 50% !important;
    background: #E7003E;
    font-size: 18px;
    border: 1px solid #E7003E;
    line-height: 23px;
    color: #FFFFFF;
    margin-top: 3%;
}

@media only screen and (max-width: 1000px) {
    .submit-btn{
        font-size: 14px;
    }
}

@media only screen and (max-width: 720px) {
    .submit-btn{
        font-size: 10px;
        width: 30%!important;
    }
}

@media only screen and (max-width: 600px) {
    .submit-btn{
        font-size: 12px;
        width: 100%!important

    }
}


.submit-btn:hover{
    border: 1px solid #E7003E;
    background: #FFFFFF;
    color: #E7003E;
}




/*------------------Blog-Image-Css---------------------*/
.blog-img{
    height: 70px;
    width: 70px;
    border-radius: 50%;
}
.intro1{
    font-size: 28px;
    color: sienna;
    text-decoration: underline;

}
.intro2{
    font-size: 28px;
    color: black;
    text-decoration: underline;
}
.intro3{
    font-size: 28px;
    color: sienna;
}
.text-img{
    font-size: 15px;
    color: sienna;
  font-weight: bold;
}
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
}



/*-----------------Footer-Css---------------------------*/

#lab_social_icon_footer {
    padding: 40px 0;
    background-color: black;
}

#lab_social_icon_footer a {
    color: white;
}
.copy-right{
    color: white;
}
#lab_social_icon_footer .social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

#lab_social_icon_footer .social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */

    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
/*
    Multicoloured Hover Variations
*/

#lab_social_icon_footer #social-fb:hover {
    color: #3B5998;
}

#lab_social_icon_footer #social-tw:hover {
    color: #4099FF;
}

#lab_social_icon_footer #social-ln:hover {
    color: lightseagreen;
}
#lab_social_icon_footer #social-im:hover {
    color: palevioletred;
}