/*-- Info --*/
input, textarea, select{
    font-family: 'Poppins', sans-serif !important;
}
.bg-white{background-color: #fff !important;}
.mb-0{margin-bottom: 0 !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-40{margin-top: 40px !important;}
.mt-60{margin-top: 60px !important;}
.mt-90{margin-top: 90px !important;}

.bggrayclr{background-color: #ebeef3;}

.ft{float: left;}
.info {
    width: 40%;
    float: left;
    padding-top: 20px;
}

.info .email,
.info .phone {
    width: 50%;
    float: left;
}

.info p {
    color: #EEE;
    font-size: 13px;
}

.info a {
    color: #FFF;
}

.info a:hover {
    color: #009688;
}

.info span.glyphicon {
    margin-right: 5px;
}

.navbar-brand {
    line-height: 0px !important;
}

.navbar-brand {
    float: none;
    padding: 0px;
}

nav.linkEffects.linkHoverEffect_12 ul {
    margin-top: 6px;
}

.dropdown-menu>li>a {
    padding: 5px 10px;
    color: #333;
    font-size: 14px;
    width: 100%;
    float: left;
}
/*-- //Info --*/


/*-- w3-banner --*/
.w3-banner {
    padding: 13em 0 17em 0;
    text-align: center;
}

.w3-banner p {
    width: 55%;
    margin: 1em auto;
    font-size: 50px;
    letter-spacing: 1px;
    color: #f1a70c;
    line-height: 30px;
    font-weight: 900;
}

#typer {
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    font-size: 3em !important;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.top-banner-right {
    float: right;
}

.w3ls-phone {
    float: left;
}

.top-banner-right ul {
    padding: 0;
    margin: 0;
}

.top-banner-right ul li {
    display: inline-block;
    margin: 0 1em;
}

.top-banner-right ul li:nth-child(4) {
    margin-right: 0;
}

.top-banner-right ul li a {
    color: #fff;
    font-size: 1.2em;
}

.top-banner-right ul li a:hover {
    color: #CDDC39;
}

.w3ls-phone h2 {
    color: #FFFFFF;
    font-size: 1.2em;
    margin: 0;
    text-align: center;
    font-weight: 300;
}


/*-- w3-banner --*/


/*-- bootstrap-modal-pop-up --*/

.modal-header {
    font-size: 2em;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff;
    font-weight: 600;
    letter-spacing: 4px;
}

.close {
    opacity: 1;
}

.modal-body p {
    color: #999;
    text-align: left;
    padding: 2em 2em 1em;
    margin: 0 !important;
    line-height: 2em;
    font-size: 14px;
}

.modal-body p i {
    display: block;
    margin: 1em 0;
    color: #212121;
}

.modal-body {
    padding: 0;
}

.modal-body img {
    padding: 0em 2em 0 2em;
}

.modal-content {
    border-radius: 0;
}

button.close {
    font-size: 1.5em;
    color: #000;
    outline: none;
}


/*-- //bootstrap-modal-pop-up --*/


/* about */

h3.wthree_head {
    text-align: center;
    font-size: 40px;
    color: #f1a70c;
    text-transform: uppercase;
    margin-bottom: 0;
}


/* heading style */

i.fa.fa-scissors {
    position: absolute;
    right: 49%;
    bottom: 100%;
    color: #cc4141;
}


/* //heading style */


/*-- clients--*/

.clients {
    background: url(../images/2.jpg) no-repeat 0px 0px;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    padding-top: 50px;
}

.clients h3 {
    color: #fff;
}

.clients label.line {
    background: #fff;
}

.banner-dott1 h4 {
    color: #888;
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    width: 70%;
    line-height: 23px;
}

.flex-active-slide p {
    line-height: 23px;
    text-align: center;
    color: #888;
    font-style: italic;
    width: 70%;
    margin: 20px auto;
    letter-spacing: 0;
    font-size: 15px;
}

.banner-dott1 h5 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
}

.agileits-icon-grid .table th {
    color: #000;
}

.agileits-icon-grid .table td {
    color: #000;
}


/*-- //clients--*/


/*-- services-bottom --*/

.services-bottom {
    background: url(../images/achieve.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
}

.services-bottom h3 {
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 1.5em;
    color: #fff !important;
    margin: 0 0 12px 0;
}

.services-bottom h3 i {
    color: #f56f19;
    padding-right: 1em;
}

.wthree-agile-counter {
    padding: 1em 0 0 0;
}


/*-- counter--*/

.agile_count_grid_left {
    float: left;
    width: 35%;
    text-align: center;
}

.agile_count_grid_left span,
.agile_count_grid_right p {
    font-size: 2em;
}

.agile_count_grid_right {
    float: left;
    margin-left: 0em;
    width: 60%;
    text-align: center;
}

.agile_count_grid_left span.glyphicon.glyphicon-thumbs-up {
    font-size: 1.7em;
    line-height: 40px;
}

.agile_count_grid_left span.glyphicon.glyphicon-user {
    font-size: 1.7em;
    line-height: 40px;
}

.agile_count_grid_left span.glyphicon.glyphicon-heart-empty {
    font-size: 1.7em;
    line-height: 40px;
}

span.fa.fa-trophy {
    font-size: 1.7em;
    line-height: 45px;
}

.agile_count_grid_right p {
    color: #fff;
    font-weight: bold;
}

.w3_agile_stats_grid h4 {
    font-size: 40px;
    color: #fff;
    margin: 1em 0 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
    text-align: center;
    MARGIN-TOP: 0;
    width: 100%;
}

.w3_agile_stats_grid p {
    display: block;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}

.agile_count_grid_left span {
    color: #f1a70c;
    top: 5px;
}

.w3_agile_stats_grid {
    padding: 0;
}


/*-- //counter--*/


/*-- about --*/

.about {
    padding: 3em 0;
}

.agileits-heading h3 {
    color: #2f2f2f;
    margin: 0;
    font-size: 3.5em;
    text-align: center;
    position: relative;
    font-weight: 400;
    text-transform: Uppercase;
}

.w3l-about-grids {
    margin: 3em 0 0 0;
}

.icon-left {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    padding: 1.2em 0 0 0;
    margin-right: 1.5em;
}

.icon-right ul {
    color: #000;
    line-height: 1.8em;
    margin: 0;
}

.icon-right {
    float: left;
    width: 80%;
    width: 90%;
    margin-bottom: 5%;
}

.icon-left i.fa {
    color: #c21836;
    font-size: 2em;
}

.icon-right h5 {
    color: #c21836;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 1em 0;
}

.icon-right p {
    color: #000;
    margin: 0;
}

.agileits-icon-grid:nth-child(2) {
    margin: 2em 0;
}


/* Radial Out */

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: none;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c21836;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
    color: #FFFFFF;
}

.agileits-icon-grid:hover div.hvr-radial-out:before {
    -webkit-transform: scale(2);
    transform: scale(2);
    color: #FFFFFF;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.agileits-icon-grid:hover i.fa {
    color: #FFFFFF;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.w3ls-about-right-img {
    background: url(../images/3.jpg) no-repeat 0px 0px;
    background-size: cover;
    min-height: 470px;
}


/*-- //about --*/


/*-- services --*/

.services {
    padding: 2.5em 0 1em 0;
    margin: 35px 0 0 0;
}

.agile-heading h3 {
    text-align: center;
}

.wthree-services-grids,
.agileinfo-gallery,
.agile-team-grids,
.wthree-news-grids,
.agile-contact-form {
    margin: 4em 0 0 0;
}

.wthree-services-grid {
    overflow: hidden;
    position: relative;
    display: block;
    box-shadow: 0 0px 1px rgb(107, 107, 107), 0 1px 2px rgba(0, 0, 0, .24);
}

.wthree-services-info {
    padding: 6em 0;
    background: #FFFFFF;
    text-align: center;
}

.wthree-services-info i.fa.fa-money,
.wthree-services-info i.fa.fa-comment-o,
.wthree-services-info i.fa.fa-scissors,
.wthree-services-info i.fa.fa-thumbs-o-up,
.wthree-services-info i.fa.fa-bell-o,
.wthree-services-info i.fa.fa-sun-o,
.wthree-services-info i.fa.fa-credit-card,
.wthree-services-info i.fa.fa-bullhorn {
    color: #212121;
    font-size: 3em;
}

.wthree-services-info h4 {
    color: #212121;
    font-size: 1.2em;
    margin: 1em 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
}

.w3ls-border {
    width: 30%;
    margin: 1em auto 0;
    border: double 4px #000;
}

.wthree-services-captn {
    height: 100%;
    width: 100%;
    position: absolute;
    padding: 6em 1em;
    text-align: center;
    top: -100%;
    right: 0;
    background-color: #ffae00;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wthree-services-captn h4 {
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
    margin: 0;
}

.wthree-services-captn p {
    font-size: .9em;
    margin-top: 1em;
    color: #fff;
    line-height: 1.8em;
}

.wthree-services-grid:hover .wthree-services-captn {
    display: block;
    top: 0%;
}

.services-grids1 {
    margin: 2em 0 0 0 !important;
}

.wthree-top-grid {
    margin-top: 1.4em;
}

.wthree-top-grid h4 {
    color: #212121;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 10px;
    font-weight: 600;
    letter-spacing: 2px;
}

.wthree-top-grid p {
    color: #777;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
}

.agileits-about-top {
    padding: 3em 0;
}


/*-- //services --*/


/*-- about --*/

.agileits-top-heading {
    padding: 2em 0;
    text-align: center;
}

.agileits-top-heading h2 {
    color: #FFFFFF;
    font-size: 3em;
    margin: 0;
}

.main-textgrids {
    padding: 3em 0;
}

.main-textgrids img {
    width: 100%;
}

.ab-text p {
    line-height: 1.8em;
    margin: 0 0 1em 0;
    font-size: 0.9em;
    color: #999999;
}

ul.ab {
    padding: 0;
}

ul.ab li {
    list-style-type: none;
    margin: 0 0 1em;
}

ul.ab li a {
    color: #999999;
    line-height: 1.8em;
    font-size: 0.9em;
    text-decoration: none;
}

.statements {
    margin-top: 4em;
}

ul.ab li a:hover {
    color: #ffae00;
}

.statements p {
    line-height: 1.8em;
    margin-bottom: 4%;
    margin-top: 3%;
    font-size: 0.9em;
    color: #777;
}

.mission h4 {
    text-align: left;
    color: #ffae00;
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.5em;
    margin: 0;
    font-weight: 800;
}


/*-- different --*/

.ab-agile {
    margin-top: 3em;
}

.agileinfo-team-grids {
    margin-top: 3em;
}

.different {
    background: url(../images/2.jpg)no-repeat center 0px fixed;
    background-size: cover;
    padding: 3em 0;
}

.different h3 {
    color: #FFFFFF;
    text-align: center;
    color: #ffae00;
    text-transform: uppercase;
    margin: 0 0 .5em;
    font-size: 2.8em;
    letter-spacing: 1px;
}

.w3agile-different-info p {
    text-align: center;
    margin: 3em auto 0;
    font-size: .9em;
    color: #FFFFFF;
    width: 73%;
    line-height: 1.8em;
}

.w3agile-button {
    margin: 3em 0 0 0;
    text-align: center;
}

.w3agile-button a {
    border: solid 1px #ffae00;
    color: #FFFFFF;
    font-size: 1em;
    padding: .5em 1em;
    text-decoration: none;
    background: #ffae00;
}

.w3agile-button a:hover {
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
    background: none;
}


/*-- //different --*/


/*-- team --*/

.team {
    background: #f5f5f5;
    padding: 3em 0;
}

.wthree-team-grid img {
    width: 100%;
}

.wthree-team-grid-info {
    padding: 1em;
    background: #FFFFFF;
    text-align: center;
}

.wthree-team-grid h4 {
    font-size: 1.2em;
    color: #ffae00;
    margin: 0;
    font-weight: 600;
}

.wthree-team-grid p {
    margin: .5em 0;
    color: #999999;
    font-size: .9em;
}

.team-social-grids ul {
    padding: 0;
    margin: 0;
}

.team-social-grids ul li {
    display: inline-block;
    margin: 0 .5em 0 0;
}

.team-social-grids ul li a {
    text-align: center;
}

.team-social-grids ul li a i.fa {
    height: 30px;
    width: 30px;
    border: solid 2px #FFFFFF;
    line-height: 29px;
    background: none;
    color: #b2b2b2;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.team-social-grids ul li a i.fa.fa-facebook:hover {
    border: solid 2px #3b5998;
    background: #3b5998;
    color: #FFFFFF;
}

.team-social-grids ul li a i.fa.fa-twitter:hover {
    border: solid 2px #55acee;
    background: #55acee;
    color: #FFFFFF;
}

.team-social-grids ul li a i.fa.fa-rss:hover {
    border: solid 2px #f26522;
    background: #f26522;
    color: #FFFFFF;
}


/*-- //team --*/

.agile_map_grid ul li a,
.agileits_w3layouts_footer_grid ul li a {
    color: #fff;
    text-decoration: none;
}


/*-- footer --*/

.footer {
    padding: 1.5em 0 0 0;
    clear: both;
    margin-top: 40px;
    background: url(../images/footer-bg.jpg) no-repeat 0 bottom #0e1621;
}

.agileits_w3layouts_footer_grid h3 {
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    color: #fff !important;
    font-weight: bold;
}

.agileits_w3layouts_footer_grid ul li {
    display: block;
    color: #fff;
    margin-bottom: 5px;
}

.agileits_w3layouts_footer_grid ul li a {
    color: #eee;
    padding: 8px 0;
    font-size: 13px;
}

.agileits_w3layouts_footer_grid ul li a:hover {
    color: #c21836;
}

.agileits_w3layouts_footer_grid ul li:first-child a {
    padding-top: 0px;
}

.copyright {
    margin-top: 3em;
}

.copyright p {
    color: #fff;
    margin: 0px;
    padding: 0px;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
}

.footerspace {
    height: 52px;
    width: 100%;
    float: left;
    background-color: #000;
    display: none;
}


/*-- //footer --*/


/*-- to-top --*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 40px;
    height: 40px;
    border: none;
    text-indent: 100%;
    background: url(../images/arrow.png) no-repeat 0px 0px;
}

#toTopHover {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}


/*-- //to-top --*/


/*-- gallery --*/

.w3ls_gallery_grids {
    padding-top: 1em;
}

.agile_gallery_grid {
    width: 31.333%;
    float: left;
    margin: 1%;
}

.agile_gallery_grid1 {
    position: relative;
}

.w3layouts_gallery_grid1_pos {
    background: #b06010;
    bottom: 45px;
    left: 45px;
    opacity: 0;
    padding: 1em;
    position: absolute;
    right: 45px;
    text-align: center;
    top: 45px;
    visibility: hidden;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.w3layouts_gallery_grid1_pos h3 {
    font-size: 1.2em;
    letter-spacing: 2px;
    font-weight: 600;
    margin: 1em 0 .5em;
    padding-bottom: .5em;
    position: relative;
    text-transform: uppercase;
    color: #212121;
}

.w3layouts_gallery_grid1_pos p {
    color: #fff;
    line-height: 2em;
    letter-spacing: 1px;
}

.agile_gallery_grid:hover .w3layouts_gallery_grid1_pos {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
}

.banner-bottom.gallery {
    padding: 3em 0;
}

p.quia {
    font-size: 1.2em;
    color: #140b05;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/*-- //gallery --*/

.agileinfo_social_icons {
    float: right;
    margin: 0.5em 0em 0 0;
}

.agileits_social_list li {
    display: inline-block;
    margin-right: 5px;
}

.agileits_social_list li a {
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    border-radius: 25px;
}

.agileits_social_list li a i {
    line-height: 2.4em;
}

.agileits_social_list li a:hover {
    color: #b06010;
    border: 2px solid #b06010;
    background: none;
}

a.w3_agile_facebook {
    background: #3b5998;
    border: 2px solid #3b5998;
}

a.agile_twitter {
    background: #1da1f2;
    border: 2px solid #1da1f2;
}

a.w3_agile_dribble {
    background: #ea4c89;
    border: 2px solid #ea4c89;
}

a.w3_agile_vimeo {
    background: #f26522;
    border: 2px solid #f26522;
}


/*-- contact --*/

.typo,
section.contact-w3ls,
.w3_wthree_agileits_icons {
    padding: 3em 0;
}

section.contact-w3ls p.contact-agile1 {
    font-size: 1em;
    letter-spacing: 1px;
    padding-bottom: 2em;
    color: #000;
}

section.contact-w3ls p.contact-agile1 strong {
    letter-spacing: 1.5px;
    color: #efa60f!important;
    font-size: 1em;
    font-weight: 500;
}

section.contact-w3ls p.contact-agile1 a {
    color: #000;
}

section.contact-w3ls h4 {
    font-size: 2em;
    letter-spacing: 1px;
    color: #f1a70c;
    padding: 1em 0;
}

section.contact-w3ls p.contact-agile2 {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 20px;
    line-height: 30px;
    color: #ffce14;
    text-align: center;
}

section.contact-w3ls label.contact-p1 {
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: 300;
    color: #000;
    padding-bottom: 10px;
}

.form-group {
    margin-bottom: 0 !important;
}

section.contact-w3ls p.help-block {
    color: #ff0500!important;
}

section.contact-w3ls input#name,
section.contact-w3ls input#email,
section.contact-w3ls input#phone {
    height: 45px;
}

section.contact-w3ls input#name,
section.contact-w3ls input#email,
section.contact-w3ls input#phone {
    font-size: 1em;
    color: #000;
    background-color: transparent;
    border-radius: 0;
    border-color: #000;
    padding: 0.8em;
}

section.contact-w3ls button.btn.btn-primary {
    color: #fff;
    background-color: #212121;
    border: 2px solid #212121;
    font-size: 1.2em;
    padding: .7em;
    outline: none;
    width: 100%;
    letter-spacing: 1px;
    border-radius: 0;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}

section.contact-w3ls button.btn.btn-primary:hover {
    background-color: #f1a70c;
    border: 2px solid #f1a70c;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    transition: .5s all;
}

.book_date input::-webkit-input-placeholder {
    color: #fff !important;
}

.book_date input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff !important;
}

.book_date input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff !important;
}

.book_date input:-ms-input-placeholder {
    color: #fff !important;
}

.footer-icons-agileinfo {
    margin: 3em 0;
}

.w3l-map iframe {
    width: 100%;
    height: 500px;
    margin-top: 0;
    outline: none;
    border: none;
}

.w3l-map {
    padding: 12px;
    border: 10px solid #f1a70c;
}

h4.w3l-contact {
    margin-bottom: 1.5em;
}

.con-top {
    margin-top: 0em;
}


/*-- //contact --*/


/*-- icons --*/

.codes a {
    color: #999;
}

.icon-box {
    padding: 8px 15px;
    background: rgba(149, 149, 149, 0.18);
    margin: 1em 0 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
}

.icon-box:hover {
    background: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.icon-box:hover i.fa {
    color: #fff !important;
}

.icon-box:hover a.agile-icon {
    color: #fff !important;
}

.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
}

.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
}

.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

h3.icon-subheading {
    font-size: 28px;
    color: #f1a70c !important;
    margin: 30px 0 15px;
    font-weight: 600;
    letter-spacing: 2px;
}

h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}

.icons a {
    color: #999;
}

.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #282a2b !important;
}

.bs-glyphicons li {
    float: left;
    width: 18%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background: rgba(149, 149, 149, 0.18);
    margin: 1%;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #282a2b;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

@media (max-width:991px) {
    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 22px;
    }
}

@media (max-width:768px) {
    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 25px;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .icon-box {
        margin: 0;
    }
}

@media (max-width: 640px) {
    .icon-box {
        float: left;
        width: 50%;
    }
}

@media (max-width: 480px) {
    .bs-glyphicons li {
        width: 31%;
    }
}

@media (max-width: 414px) {
    h3.agileits-icons-title {
        font-size: 23px;
    }
    h3.icon-subheading {
        font-size: 18px;
    }
    .bs-glyphicons li {
        width: 31.33%;
    }
}

@media (max-width: 384px) {
    .icon-box {
        float: none;
        width: 100%;
    }
}


/*-- //icons --*/

.w3_wthree_agileits_icons.main-grid-border {
    padding: 3em 0;
}


/*--Typography--*/

.well {
    font-weight: 300;
    font-size: 14px;
}

.list-group-item {
    font-weight: 300;
    font-size: 14px;
}

li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}

.show-grid [class^=col-] {
    background: #fff;
    text-align: center;
    margin-bottom: 10px;
    line-height: 2em;
    border: 10px solid #f0f0f0;
}

.show-grid [class*="col-"]:hover {
    background: #e0e0e0;
}

.grid_3 {
    margin-bottom: 2em;
}

.xs h3,
h3.m_1 {
    color: #000;
    font-size: 1.7em;
    font-weight: 300;
    margin-bottom: 1em;
}

.grid_3 p {
    color: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
    font-weight: 300;
}

.grid_4 {
    background: none;
    margin-top: 50px;
}

.label {
    font-weight: 300 !important;
    border-radius: 4px;
}

.grid_5 {
    background: none;
    padding: 2em 0;
}

.grid_5 h3,
.grid_5 h2,
.grid_5 h1,
.grid_5 h4,
.grid_5 h5,
h3.hdg,
h3.bars {
    margin-bottom: 1em;
    color: #f1a70c;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 2px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none !important;
}

.tab-content>.active {
    display: block;
    visibility: visible;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 0;
}

.badge-primary {
    background-color: #03a9f4;
}

.badge-success {
    background-color: #8bc34a;
}

.badge-warning {
    background-color: #ffc107;
}

.badge-danger {
    background-color: #e51c23;
}

.grid_3 p {
    line-height: 2em;
    color: #888;
    font-size: 0.9em;
    margin-bottom: 1em;
    font-weight: 300;
}

.bs-docs-example {
    margin: 1em 0;
}

section#tables p {
    margin-top: 1em;
}

.tab-container .tab-content {
    border-radius: 0 2px 2px 2px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #ffffff;
}

.table td,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 12px 15px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    font-size: 0.9em;
    color: #999;
    border-top: none !important;
}

.tab-content>.active {
    display: block;
    visibility: visible;
}

.label {
    font-weight: 300 !important;
}

.label {
    padding: 4px 6px;
    border: none;
    text-shadow: none;
}

.alert {
    font-size: 0.85em;
}

h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
    line-height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

li.list-group-item1 {
    line-height: 2.5em;
}

.input-group {
    margin-bottom: 20px;
}

.in-gp-tl {
    padding: 0;
}

.in-gp-tb {
    padding-right: 0;
}

.list-group {
    margin-bottom: 48px;
}

ol {
    margin-bottom: 44px;
}

h2.typoh2 {
    margin: 0 0 10px;
}

@media (max-width:768px) {
    .grid_5 {
        padding: 0 0 1em;
    }
    .grid_3 {
        margin-bottom: 0em;
    }
}

@media (max-width:640px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .grid_5 h3,
    .grid_5 h2,
    .grid_5 h1,
    .grid_5 h4,
    .grid_5 h5,
    h3.hdg,
    h3.bars {
        margin-bottom: .5em;
    }
    .progress {
        height: 10px;
        margin-bottom: 10px;
    }
    ol.breadcrumb li,
    .grid_3 p,
    ul.list-group li,
    li.list-group-item1 {
        font-size: 14px;
    }
    .breadcrumb {
        margin-bottom: 25px;
    }
    .well {
        font-size: 14px;
        margin-bottom: 10px;
    }
    h2.typoh2 {
        font-size: 1.5em;
    }
    .label {
        font-size: 60%;
    }
    .in-gp-tl {
        padding: 0 1em;
    }
    .in-gp-tb {
        padding-right: 1em;
    }
}

@media (max-width:480px) {
    .grid_5 h3,
    .grid_5 h2,
    .grid_5 h1,
    .grid_5 h4,
    .grid_5 h5,
    h3.hdg,
    h3.bars {
        font-size: 1.2em;
    }
    .table h1 {
        font-size: 26px;
    }
    .table h2 {
        font-size: 23px;
    }
    .table h3 {
        font-size: 20px;
    }
    .label {
        font-size: 53%;
    }
    .alert,
    p {
        font-size: 16px;
    }
    .pagination {
        margin: 20px 0 0px;
    }
    .grid_3.grid_4.w3layouts {
        margin-top: 25px;
    }
}

@media (max-width: 320px) {
    .grid_4 {
        margin-top: 18px;
    }
    h3.title {
        font-size: 1.6em;
    }
    .alert,
    p,
    ol.breadcrumb li,
    .grid_3 p,
    .well,
    ul.list-group li,
    li.list-group-item1,
    a.list-group-item {
        font-size: 13px;
    }
    .alert {
        padding: 10px;
        margin-bottom: 10px;
    }
    ul.pagination li a {
        font-size: 14px;
        padding: 5px 11px;
    }
    .list-group {
        margin-bottom: 10px;
    }
    .well {
        padding: 10px;
    }
    .nav>li>a {
        font-size: 14px;
    }
    table.table.table-striped,
    .table-bordered,
    .bs-docs-example {
        display: none;
    }
}


/*-- //typography --*/

.typo {
    padding: 3em 0;
}


/*-- responsive design --*/

@media screen and (max-width: 1080px) {
    .top-left li {
        margin-right: 1em;
    }
    .icon-right {
        width: 76%;
    }
    .icon-right h5 {
        font-size: 1em;
        margin: 0 0 1em 0;
    }
    .w3_agile_stats_grid h4 {
        letter-spacing: 0px;
    }
    .w3_agileits_footer_grid input[type="submit"] {
        width: 30%;
    }
    .w3_agileits_footer_grid input[type="email"] {
        width: 68%;
    }
    .w3layouts_gallery_grid1_pos {
        bottom: 20px;
        left: 20px;
        right: 20px;
        top: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #typer {
        font-size: 2.7em !important;
        letter-spacing: 2px;
    }
    .w3-banner p {
        width: 80%;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 28px;
    }
}

@media screen and (max-width: 991px) {
    .top .top-left,
    .top .top-middle,
    .top .top-right {
        float: left;
    }
    .top-middle {
        float: right;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        margin: 0em;
    }
    .w3ls-about-left {
        margin-bottom: 2em;
    }
    .wthree-agile-counter {
        padding: 3em 0;
    }
    .w3_agile_stats_grid-top {
        float: left;
        width: 100%;
        margin-bottom: 1em;
    }
    .banner-dott1 {
        padding: 3em 0;
    }
    h3.w3l-titles:before,
    h2.w3l-titles:before {
        left: 30%;
    }
    h3.w3l-titles:after,
    h2.w3l-titles:after {
        right: 30%;
    }
    p.w3layouts_dummy_para {
        font-size: 1.3em;
        letter-spacing: 0px;
    }
    .agileits_w3layouts_footer_grid {
        margin-bottom: 1em;
    }
    .w3_agileits_footer_grids {
        margin: 1em 0 0;
    }
    .w3_agileits_footer_grid h3 {
        padding-left: 7em;
    }
    .ab-text {
        margin-top: 1em;
    }
    .statements {
        margin-top: 2em;
    }
    .w3agile-different-info p {
        width: 100%;
    }
    .team {
        padding: 3em 0;
    }
    .agileinfo-team-grids {
        margin-top: 3em;
    }
    .wthree-team-grid {
        float: left;
        width: 50%;
        margin-bottom: 1.5em;
    }
    .ab-agile {
        margin-top: 3em;
    }
    .main-textgrids {
        padding: 3em 0;
    }
    .different {
        padding: 3em 0;
    }
    .services {
        padding: 3em 0;
    }
    .agileits-about-top {
        padding: 0 0 3em;
    }
    .w3_agile_gallery_grid {
        float: left;
        width: 33.33%;
    }
    .w3layouts_gallery_grid1_pos h3 {
        margin: 0.5em 0 0em;
        padding-bottom: 0;
    }
    .banner-bottom.gallery {
        padding: 3em 0;
    }
    .w3_wthree_agileits_icons.main-grid-border {
        padding: 3em 0;
    }
    .typo {
        padding: 3em 0;
    }
    section.contact-w3ls {
        padding: 3em 0;
    }
}

@media screen and (max-width: 900px) {
    #typer {
        font-size: 2.4em !important;
    }
    .w3-banner {
        padding: 9em 0;
    }
}

@media screen and (max-width: 800px) {
    #typer {
        font-size: 2em !important;
    }
    .w3-banner p {
        width: 92%;
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .w3l_about_bottom_left,
    .w3l_about_bottom_right {
        min-height: 400px;
        width: 100%;
        float: left;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-toggle {
        border-color: #043564;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #043564;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .navbar-toggle {
        margin: .5em 0 0;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.81);
        z-index: 999;
    }
    .navbar-nav>li>a {
        padding: 0 0 0;
        margin-bottom: 0px;
    }
    .navbar-nav {
        margin: 7px;
        text-align: center;
    }
    .navbar-nav .open .dropdown-menu {
        width: auto;
        margin: 0 auto;
        background-color: rgb(255, 255, 255);
        border-radius: 0;
        margin-left: -7px;
    }
    .navbar-nav {
        float: none !important;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        background-color: rgba(73, 73, 73, 0.03) ! important;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
    }
    nav#cl-effect-15 ul li {
        display: block;
    }
}

@media (max-width: 736px) {
    .navbar {
        padding: 0;
    }
    .wthree-services {
        width: 50%;
        margin-bottom: 1em;
        float: left;
    }
    .wthree-top-grid {
        margin-bottom: 2em;
    }
    .agileits-about-top {
        padding: 0 0 1em;
    }
    .con-top {
        margin-top: 1em;
    }
    h4.w3l-contact {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 667px) {
    #typer {
        font-size: 1.8em !important;
        letter-spacing: 1px;
    }
    .navbar-toggle {
        margin-top: 8px;
        margin-right: 10px;
    }
    .top-middle li {
        margin-left: 0px;
        color: #fff;
    }
}

@media screen and (max-width: 640px) {
    .box,
    .box .overbox {
        height: 216px;
    }
    .top-left li {
        margin-right: 0.5em;
    }
    .banner-1 {
        min-height: 300px;
    }
}

@media screen and (max-width: 600px) {
    #typer {
        font-size: 1.7em !important;
        letter-spacing: 1px;
    }
    .top-banner-right ul li a {
        font-size: 1em;
    }
    .top-banner-right ul li {
        margin: 0 0.5em;
    }
    .top .top-left {
        width: 62%;
    }
    .top .top-middle {
        width: 37%;
    }
    .navbar-header {
        margin-top: 0px;
    }
    .w3_agile_gallery_grid {
        width: 100%;
    }
    .w3layouts_gallery_grid1_pos {
        padding: 8em;
    }
}

@media screen and (max-width: 568px) {
    #typer {
        font-size: 1.6em !important;
    }
    .w3-banner p {
        font-size: 13.5px;
        line-height: 26px;
    }
    .w3-banner {
        padding: 6em 0;
    }
    .contactaddress h4 {
        font-size: 17px;
        margin-bottom: 7px;
        margin-top: 10px;
    }
    .addressgrid1 i.fa {
        font-size: 25px;
    }
    .navbar-default .navbar-brand {
        font-size: 34px;
    }
    .aboutright {
        padding: 20px 40px;
    }
}

@media screen and (max-width: 480px) {
    #typer {
        height: 70px;
    }
    h3.w3l-titles:before,
    h2.w3l-titles:before {
        left: 23%;
    }
    h3.w3l-titles:after,
    h2.w3l-titles:after {
        right: 23%;
    }
    p.w3layouts_dummy_para {
        font-size: 1.1em;
    }
    .ab-agile {
        margin-top: 1em;
    }
    .top-left li {
        font-size: 15px;
    }
    .w3layouts_gallery_grid1_pos {
        padding: 6em;
    }
    .w3l-map iframe {
        height: 250px;
    }
}

@media screen and (max-width: 768px) {
    .w3ls-phone h2 {
        font-size: 14px;
    }
    .top-banner-right ul li a {
        font-size: 14px;
    }
    .top-banner-right {
        right: 5%;
        bottom: 5%;
    }
    .w3ls-phone {
        left: 5%;
        bottom: 5%;
    }
    .navbar-default .navbar-brand {
        font-size: 32px;
    }
    .aboutright {
        padding: 20px 10px;
    }
    .addressgrid1 {
        width: 100%;
        margin-bottom: 30px;
    }
    .addressgrid1:nth-child(4),
    .addressgrid1:nth-child(5) {
        margin-bottom: 30px;
    }
    .top .top-left {
        width: 100%;
        text-align: center;
    }
    .top .top-middle {
        width: 100%;
        text-align: center;
    }
    .icon-right {
        width: 100%;
    }
    .icon-right h5 {
        line-height: 1.5em;
    }
    .flex-active-slide p {
        line-height: 25px;
        width: 100%;
        margin: 15px auto;
        letter-spacing: 0px;
    }
    .banner-1 {
        min-height: 260px;
    }
    .team-social-grids ul li {
        margin: 0 .2em 0 0;
    }
    .wthree-top-grid h4 {
        font-size: 20px;
        margin: 10px 0;
    }
    .wthree-services {
        width: 100%;
    }
    .w3layouts_gallery_grid1_pos {
        padding: 4em;
    }
    section.contact-w3ls h4 {
        font-size: 1.8em;
        letter-spacing: 1px;
        color: #f1a70c;
        padding: 1em 0;
    }
}

@media screen and (max-width: 768px) {
    .w3l_about_bottom_left,
    .w3l_about_bottom_right {
        min-height: 245px;
    }
    .w3-banner {
        padding: 3em 0;
    }
    .icon-left {
        margin-right: 0.5em;
    }
    .wthree-agile-counter {
        padding: 0em 0;
    }
    .wthree-team-grid-info {
        padding: 1em 0.5em;
    }
    .w3layouts_gallery_grid1_pos {
        padding: 3em;
    }
    p.quia {
        font-size: 1em;
    }
}

@media screen and (max-width: 375px) {
    .top-banner-right {
        right: 32%;
        bottom: 1%;
    }
    .w3ls-phone {
        left: 20%;
        bottom: 6%;
    }
}

@media screen and (max-width: 320px) {
    .w3ls-phone {
        left: 15%;
        margin: 1em 0;
    }
    .about h4 {
        font-size: 14px;
        width: 100%;
        line-height: 30px;
    }
    .navbar-default .navbar-brand {
        font-size: 28px;
    }
    .navbar-toggle {
        padding: 8px 7px;
    }
    .flex-active-slide p {
        width: 100%;
    }
    .w3-banner {
        padding: 2em 0 3em;
    }
    .top-left li {
        margin-right: 0;
    }
    .top-left li {
        font-size: 15px;
    }
    .icon-left {
        width: 55px;
        height: 55px;
        padding: 0.7em 0 0 0;
    }
    .w3ls-about-left {
        padding: 0;
    }
    h3.w3l-titles:before,
    h2.w3l-titles:before {
        left: 14%;
    }
    h3.w3l-titles:before,
    h3.w3l-titles:after,
    h2.w3l-titles:before,
    h2.w3l-titles:after {
        width: 18%;
    }
    h3.w3l-titles:after,
    h2.w3l-titles:after {
        right: 18%;
    }
    .clients h4 {
        letter-spacing: 0px;
    }
    .banner-dott1 {
        padding: 2em 0;
    }
    .w3_agileits_footer_grid h3 {
        padding-left: 3em;
    }
    .w3_agileits_footer_grid h3 {
        font-size: 1.3em;
    }
    .agileits_w3layouts_footer_grid h3 {
        font-size: 1.3em;
    }
    .agileits_w3layouts_footer_grid {
        padding-left: 1em;
    }
    .w3_agileits_footer_grid {
        padding: 0;
        margin-bottom: 1em;
    }
    .w3_agileits_footer_grid form {
        border: 1px solid #fff;
        margin: 1em 0 0;
    }
    .w3_agileits_footer_grid input[type="submit"] {
        width: 31%;
    }
    .w3_agileits_footer_grid input[type="email"] {
        width: 67%;
    }
    .main-textgrids {
        padding: 2em 0;
    }
    .banner-1 {
        min-height: 230px;
    }
    .different {
        padding: 2em 0;
    }
    .wthree-team-grid {
        width: 100%;
        margin-bottom: 1.5em;
    }
    .services {
        padding: 2em 0;
    }
    .wthree-top-grid p {
        line-height: 24px;
    }
    .wthree-services-grids {
        margin: 2em 0 0 0;
    }
    .banner-bottom.gallery {
        padding: 2em 0;
    }
    .agile_gallery_grid {
        margin-top: 1em;
    }
    .w3_agile_gallery_grid {
        padding: 0;
    }
    .w3layouts_gallery_grid1_pos {
        padding: 2.5em;
    }
    .w3_wthree_agileits_icons.main-grid-border {
        padding: 2em 0;
    }
    .typo {
        padding: 2em 0;
    }
    section.contact-w3ls {
        padding: 2em 0;
    }
    .contact-w3-agile1 {
        padding: 0;
    }
    .contact-w3-agile2 {
        padding: 0;
    }
    .con-top {
        margin-top: 0em;
    }
}

#ajaxloader img {
    width: 50px!important;
}


/*-- //responsive design --*/

.homecontact {
    padding-bottom: 0;
}

.homecontact h2 {
    margin: 40px 0 15px 0;
}

.homecontact .homecontact_l h3 {
    text-transform: uppercase;
    color: #043564;
    font-size: 16px;
    margin-bottom: 10px;
}
.homecontact .homecontact_l {
    font-size: 13px;
    text-align: justify;
    line-height: 23px;
    color: #888;
}

.homecontact .homecontact_r form {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}


.homecontact .conleft {
    font-size: 18px;
    padding: 15px;
    text-align: left;
    border: 2px dotted #d9294c;
    min-height: 150px;
    margin-bottom: 30px;
}

.homecontact .conleft .fa {
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.homecontact .conleft a {
    color: #444;
    text-decoration: none !important;
}

.pkglist {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 15px 15px 0 0;
    margin-top: 25px;
}

.pkglist .list_left {}

.pkglist .list_center h2 {
    margin-top: 0px;
    font-size: 25px;
}

.pkglist .list_center h4 {
    margin: 0;
    padding: 0;
    line-height: 15px;
}

.pkglist .list_center span {
    display: inline-block;
    margin-right: 15px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 0px;
}

.pkglist .list_center span img {
    width: 40px;
    border-radius: 50%;
    border: 1px solid #000;
    padding: 3px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
    opacity: .5;
    margin-top: 15px;
}

.pkglist .list_center span:hover img {
    opacity: 1;
}

.pkglist .list_center p {
    line-height: 23px;
    font-size: 14px;
}

.pkglist .list_right {
    background-color: #eee;
    height: 100%;
    min-height: 150px;
    padding-top: 55px;
}

.pkglist .list_right a {
    background-color: #f1a70c;
    color: #fff;
    width: 100%;
    display: block;
    margin: auto;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
    font-size: 16px;
}

@media (min-width:768px) {
    .logo-mobile {
        display: none;
    }
    .logo-desktop img {
        margin-top: -8px;
    }
}

@media (min-width:992px) {
    .logo-desktop img {
        margin-top: -12px;
    }
}

@media (min-width:1024px) {
    .logo-desktop img {
        margin-top: -12px;
        margin-left: -11px;
    }
}

@media (max-width:769px) {
    .logo-mobile {
        display: block;
    }
    .logo-desktop {
        display: none;
    }
    .search-sec input {
        width: 90% !important;
        font-size: 14px !important;
        padding: 10px 15px !important;
    }
    .sign-sec {
        width: 90% !important;
        margin: 40px 5% 40px 5% !important;
        padding: 5px 15px;
    }
    .ctr {
        padding: 0 !important;
    }
    .ipt {
        padding: 0 !important;
    }
    .digital-form {
        float: left !important;
        width: 81% !important;
    }
    .path {
        width: 100% !important;
    }
    .nav>li>a {
        padding: 10px 10px !important;
    }
    .fill {
        padding-left: 0;
    }
    .formsubmit {
        width: 76%;
        margin-top: 0;
    }
    .logright {
        width: 100%;
    }
    .form-box {
        padding: 0 0 20px 0 !important;
    }
}

.navbar-toggle .icon-bar {
    background-color: #043564 !important;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    opacity: 1;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background: none;
}

.searchcourse {
    clear: both;
    float: left;
    width: 100%;
    margin: 50px 0 20px 0;
    text-align: center;
}

.searchcourse form {
    width: 70%;
    min-width: 770px;
    float: left;
    border: 2px solid #043564;
    margin-left: 15%;
}

.searchcourse form select {
    width: 20%;
    float: left;
    border: 0;
    border-right: 1px solid #043564;
    padding: 7px;
}

.searchcourse form input {
    width: 30%;
    float: left;
    border: 0;
    border-right: 1px solid #043564;
    padding: 7px;
}

.searchcourse form input[type="submit"] {
    width: 20%;
    background-color: #043564;
    color: #fff;
    text-align: center;
}

.carousel-indicators .active {
    width: 17px;
    height: 17px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 15px;
}

.directadm {
    float: right !important;
    margin-top: 8px;
}

.navbar-default .navbar-nav>.directadm a {
    border-radius: 15px;
    padding: 7px 10px;
    color: #fff;
}

.navbar-nav {
    width: 100%;
}

.navbar-default .navbar-nav>.directadm a:hover {
    background-color: #c21836;
    color: #fff;
}


/*.sldrcon {    float: right;    right: 27%!important;    text-align: right;    left: auto;    }*/

.sldrcon {
    bottom: 100px;
}

.sldrcon h3 {
    text-transform: uppercase;
    font-size: 32px;
    margin: 0;
}

.sldrcon p {
    font-size: 17px;
    margin-top: 10px;
    color: #fff;
}

.abouthome {
    clear: both;
    float: left;
}

.abouthome p {
    width: 70%;
    margin: auto;
    text-align: center;
}

.section-title {
    font-size: 20px;
    text-transform: uppercase;
    margin: 30px 0;
    text-align: center;
    font-weight: 600;
}

.welcomecourse {
    clear: both;
    float: left;
    width: 100%;
}

.welcomecourse ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 84%;
    margin-left: 8%;
}

.welcomecourse ul li {
    width: 18%;
    float: left;
    margin: 1%;
    position: relative;
}

.welcomecourse ul li .welhover {
    position: relative;
    overflow: hidden;
}

.welcomecourse ul li .welhover p {
    position: absolute;
    color: #fff;
    background-color: #043564;
    top: -230px;
    height: 230px;
    left: 0;
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding: 10% 10px 0 10px;
}

.welcomecourse ul li .welhover p {
    color: #fff;
}

.welcomecourse ul li .welhover img {
    width: 80%;
    border: 2px solid #043564;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
}

.welcomecourse ul li:hover p {
    top: 0px;
}

.welcomecourse ul li a {
    display: block;
    z-index: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    width: 100%;
}

.welcomecourse ul li a span {
    width: 100%;
    padding: 10px 0;
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    background-color: #d9294cc9;
    border-radius: 0 0 5px 5px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.bestservice {
    width: 100%;
    background: #eee;
}

.bestservice .bestservice_left {
    width: 50%;
    float: left;
}

.bestservice .bestservice_left img {
    width: 100%;
    overflow: hidden;
}

.bestservice .bestservice_right {
    width: 50%;
    float: right;
    padding: 20px;
    overflow: hidden;
}

.bestservice .bestservice_right h2 {
    text-align: left;
    margin-top: 15px;
}

.bestservice .bestservice_right h3 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.bestservice .bestservice_right p {
    font-size: 13px;
    width: 80%;
}

.bestservice .bestservice_right a {
    display: block;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    width: 160px;
    margin-top: 15px;
}

.serviceshome {
    clear: both;
}

.serviceshome .serviceshome-sec {
    border: 1px solid #ccc;
}

.serviceshome .serviceshome-sec img {
    width: 100%;
    border-bottom: 5px solid;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.serviceshome .serviceshome-sec h3 {
    text-align: center;
    font-size: 22px;
    color: #043564;
}

.serviceshome .serviceshome-sec p {
    padding: 0 15px;
    text-align: center;
}

@media (min-width:768px) {
    .serviceshome-sec {
        padding: 0px;
        width: 31.333%;
        margin: 1%;
        margin-top: 20px;
    }
}

.events {
    clear: both;
    background-color: #eee;
    float: left;
    width: 100%;
    padding-bottom: 35px;
    margin-top: 50px;
    margin-bottom: 10px;
}

.events .event-sec {
    width: 31.333%;
    padding: 0px;
    margin: 1%;
    position: relative;
    height: 450px;
    overflow: hidden;
}

.events .event-sec img {
    width: 100%;
    height: 450px;
}

.events .event-sec p {
    font-size: 21px;
    z-index: 2;
    color: #fff;
    text-align: center;
    font-weight: 600;
    position: absolute;
    width: 100%;
    bottom: 40px;
    padding: 15px 0;
    background-color: #043564;
    margin: 0;
    left: 0;
}

.events .event-sec .event-details {
    position: absolute;
    height: 450px;
    /*background-color: #043564;*/
    padding: 10px;
    width: 100%;
    left: -400px;
    color: #fff;
    top: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.events .event-sec:hover .event-details {
    left: 0;
    right: 0px;
    background: rgba(0, 0, 0, 0.42);
}

.list-main {
    margin-top: 30px;
}

.list-left h2 {
    font-size: 16px;
    background-color: #eee;
    margin: 0;
    padding: 15px 0;
    border: none !important;
}

.list-left .list-left-space {
    padding: 10px;
    border: 1px solid #ccc;
    border-top: 0;
}

.list-left .listsaperator ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.list-left .listsaperator input[type="text"] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
}

.list-left .listsaperator ul li {
    width: 100%;
    display: block;
    padding: 3px 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.list-left .listsaperator ul li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkboxx {
    position: absolute;
    top: 10px;
    left: 6px;
    height: 15px;
    width: 15px;
    border: 1px solid #ccc;
}

.list-left .listsaperator ul li input[type="checkbox"]:checked~.checkboxx {
    background-color: #043564;
}

.checkboxx:after {
    content: "";
    position: absolute;
    display: none;
}

.container input[type="checkbox"]~.checkboxx:after {
    display: block;
}

.checkboxx:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-left .listsaperator ul li label {
    font-weight: normal;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    margin-top: 2px;
    cursor: pointer;
    margin-left: 30px;
}

.list-left .listsaperator ul {
    height: 150px;
    overflow-y: scroll;
    margin-top: 5px;
}

.list-left .listsaperator ul::-webkit-scrollbar {
    width: .4em;
}

.list-left .listsaperator ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.list-left .listsaperator ul::-webkit-scrollbar-thumb {
    background-color: #999;
    outline: 0px solid #999;
}

.list-center .list-center-innermain {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.list-center .list-center-innermain img {
    width: 100%;
    /*    height: 215px;*/
}

.list-center .list-center-innermain .listmainright {
    padding: 0px 15px 15px 15px;
    font-size: 14px;
    width: 70%;
    float: right;
}

.list-center .list-center-innermain .listmainright h4 {
    text-transform: uppercase;
    font-size: 15px;
}

.list-center .list-center-innermain .listmainright ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
}

.list-center .list-center-innermain .listmainright ul li {
    font-size: 14px;
    padding: 0 7px;
    border-right: 1px solid #ccc;
    line-height: 23px;
    display: inline-block;
}

.list-center .list-center-innermain .listmainright ul li:first-child {
    padding-left: 0px;
}

.list-center .list-center-innermain .listmainright ul li:last-child {
    border: 0px;
}

.list-center .list-center-innermain hr {
    margin: 0px 0px 10px;
}

.list-center .list-center-innermain span {
    font-size: 13px;
    display: block;
}

.list-center .list-center-innermain a {
    color: #fff;
    text-align: center;
    width: 110px;
    float: right;
    text-transform: uppercase;
    padding: 7px 0;
    font-size: 12px;
    margin: 0 10px 10px 0px;
}

.title2 {
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid;
}

.list-right form {
    width: 100%;
    border: 1px solid #ccc;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.list-right form input,
.list-right form textarea {
    border: 0px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    margin: 0px;
    width: 100%;
}

.list-right form input[type="submit"] {
    width: 100px;
    float: right;
    color: #fff;
    margin-top: 10px;
    margin-right: 10px;
}

.list-right ul {
    margin: 0px 0 30px 0;
    padding: 0px;
    list-style: none;
    float: left;
    width: 100%;
}

.list-right ul li {
    width: 100%;
    float: left;
}

.list-right ul li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
    color: #444;
    font-size: 13px;
}

.dtlpagemain h1 {
    text-align: left;
}

.dtlpagemain .carousel-control.left,
.dtlpagemain .carousel-control.right {
    display: block;
}

.dtlpagemain .bsfaqs {
    margin-top: 30px;
}

.dtlpagemain .bsfaqs .panel-heading {
    padding: 0;
}

.dtlpagemain .bsfaqs .panel-heading a {
    display: block;
    padding: 10px 15px;
    text-decoration: none !important;
}

.loginas {
    float: right;
    margin: 0 0px 0 6px;
}

.loginas .dropdown-toggle {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.loginas ul.dropdown-menu {
    width: 130px;
}

.loginas ul.dropdown-menu li {
    margin: 0px;
    width: 100%;
}


/* COLOR, BACKGROUND AND BORDER COLOR */

h3.w3l-titles,
h2.w3l-titles,
h1.w3l-titles,
.copyright p span,
.section-title,
.banner-dott1 h5,
.agileits_w3layouts_footer_grid h3,
.title2,
.list-right ul li a:hover,
.list-center .list-center-innermain .listmainright h4 {
    color: #043564;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
h3.w3l-titles {
    color: #c21836;
}

.bestservice .bestservice_right a,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
.carousel-indicators .active,
.list-right form input[type="submit"],
.list-center .list-center-innermain a {
    background-color: #043564
}

.directadm a {
    background-color: #043564;
}

.copyright {
    background-color: #9E005D;
}

.homecontact .conleft {
    background-color: #1da1f20d;
}

.ftr-search {
    width: 100%;
    float: right;
    background-color: #eee;
    padding: 8px 10px 8px 10px;
    margin-bottom: 35px;
}

.shtby {
    font-size: 15px;
    color: #333;
    margin-top: 6px;
    float: left;
}

.shortdd {
    float: right;
    z-index: 9999999999999;
}

.shtd {
    background-color: #eee;
    color: #333;
    border: none;
}


/* END // COLOR, BACKGROUND AND BORDER COLOR */

@media (max-width:768px) {
    .searchcourse {
        padding: 0 15px;
    }
    .searchcourse form {
        width: 100%;
        min-width: auto;
        margin: 0px;
        border: 1px solid #043564;
    }
    .searchcourse form select,
    .searchcourse form input,
    .searchcourse form input[type="submit"] {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #043564;
    }
    .section-title,
    .w3l-titles {
        font-size: 26px;
    }
    .top-bar {
        position: static !important;
    }
    .top-bar .container {
        padding: 0px;
    }
    .top {
        padding: 5px 0;
        background-color: #043564;
        position: static;
    }
    a.navbar-brand img {
        width: 130px;
    }
    .sldrcon {
        float: none;
        right: 0;
        text-align: center;
        padding: 10px;
        left: 0;
        top: auto;
        bottom: 0;
    }
    .sldrcon h3 {
        font-size: 20px;
    }
    .sldrcon p {
        font-size: 14px;
    }
    .carousel-indicators {
        bottom: -20%;
    }
    .carousel {
        margin-bottom: 0px !important;
    }
    .abouthome {
        padding: 0 15px;
    }
    .abouthome p {
        width: 100%;
        margin: auto;
        text-align: justify;
    }
    .welcomecourse {
        padding: 0 15px;
    }
    .welcomecourse ul {
        width: 100%;
        margin-left: 0;
    }
    .welcomecourse ul li {
        width: 48%;
        float: left;
        margin: 1%;
    }
    .welcomecourse ul li .welhover p {
        top: auto;
        bottom: 600px;
        height: 100%;
    }
    .welcomecourse ul li .welhover:hover p {
        bottom: 0px;
    }
    .bestservice .bestservice_left,
    .bestservice .bestservice_right {
        width: 100%;
    }
    .bestservice .bestservice_left img {
        height: auto;
    }
    .serviceshome .serviceshome-sec {
        padding: 0px;
        margin-bottom: 35px;
    }
    .serviceshome .serviceshome-sec img,
    .title2 {
        margin-bottom: 15px;
    }
    .events .event-sec {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
        height: auto;
    }
    .events .event-sec img {
        height: auto;
    }
    .events .event-sec .event-details {
        height: 100%;
    }
    .copyright {
        margin-top: 0em;
        text-align: center;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    min-width: 200px;
}

@media(max-width:768px) {
    .details-page .carousel {
        position: relative;
        height: auto;
        overflow: hidden;
        clear: both;
    }
    .c-tabs-nav {
        width: 100%;
        display: grid!important;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .list-center-innermain img {
        width: 100%;
    }
    .list-center .list-center-innermain .listmainright {
        width: 70%;
        padding: 0px 15px 0px;
    }
    .listmainright h4 {
        margin-top: 6px;
    }
    .listmainright-2 {
        width: 100%;
    }
    .aa {
        width: 100%!important;
    }
    .listmainright-2 {
        width: 100%!important;
    }
}

@media(max-width:992px) {
    .logo-desktop img {
        margin-top: -12px;
    }
}

@media(max-width:1024px) {
    .navbar-default .navbar-nav>li>a {
        padding: 15px 12px!important;
    }
    .direct-adm .homecontact_r .parents-details {
        width: 24%!important;
    }
    .logo-desktop img {
    margin-top: 18px;
    width: 100%;
}
}


/*a {
color: #ffffff;}
a :hover{
color: #ffffff;}*/

.social-div ul li a {
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;
    font-size: 24px;
}

.social-div ul li {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
    list-style: none;
    margin-bottom: 5px;
}

.social-div ul {
    position: fixed;
    z-index: 99;
    top: 30%;
    right: 0;
}

.facebook {
    background: #3b5998;
}

.facebook:hover {
    background: #314b82;
}

.twitter {
    background: #1da1f2;
}

.twitter:hover {
    background: #1e91d8;
}

.instagram:hover {
    radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #deac51 45%, #d62424 60%, #285AEB 90%)
}

.instagram {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.google-plus {
    background: #cf4538;
}

.google-plus:hover {
    background: #b74035;
}

.whatsapp {
    background: #28aa14;
}

.whatsapp:hover {
    background: #228e12;
}

@media(max-width:1024px) {
    .top-middle ul {
        margin-left: -100px;
    }
    .social-div ul {
        right: 0;
    }
}

@media(max-width:768px) {
    .top-middle ul {
        margin-left: 0px;
    }
    .social-div ul li {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        padding-top: 0;
    }
    .social-div ul {
        top: 130px;
    }
    .directadm {
        float: left !important;
    }
}

.dropdown-submenu .dropdown-menu {
    width: 213%;
}

.dropdown-submenu .dropdown-menu li {
    width: 50%;
    float: left;
    border-left: 1px solid #fff;
}

.dropdown-submenu .dropdown-menu li a {
    background-color: #ad233e;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ffffff;
    margin-top: 5px;
    margin-right: -1px;
    nav ul li a {
        color: #043564!important;
    }
}

@media(min-width:768px) {
    .main-menu {
        width: 250px;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff!important;
    }
    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        z-index: 0;
    }
    .main-menu .test {
        color: #fff!important;
        text-align: left!important;
    }
    .main-menu ul li a {
        color: #fff!important;
        text-align: left!important;
    }
    .main-menu ul li {
        padding: 1px 0px;
    }
    nav#cl-effect-15 ul li {
        padding: 0;
        text-align: left;
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 11px;
    }
}

@media(min-width:768px) {
    .copyright .footer-p {
        padding-left: 12% !important;
        margin-bottom: 2px;
    }
    .copyright p {
        color: #fff;
        margin: 0px;
        padding: 0px;
        line-height: 40px;
        text-align: center;
        font-size: 13px;
        display: inline-block;
        padding-left: 8%;
    }
}

.details-page .carousel {
    position: relative;
    height: 350px;
    overflow: hidden;
}

@media(min-width:768px) {
    .details-hed {
        font-size: 25px;
    }
    .serviceshome .serviceshome-sec img {
        height: 264px;
    }
}

@media (max-width:768px) {
    .footer .agileits_w3layouts_footer_grid {
        width: 100%;
    }
}

.events .carousel-indicators {
    display: block;
    bottom: -38px;
}

.testimonailnew {
    padding: 10px 0;
}

.testimonailnew h3 {
    margin-bottom: 0;
}

.testimonailnew .carousel-inner .item img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: block;
    margin: auto;
}

.testimonailnew .carousel-inner .item .carousel-caption {
    position: static;
    padding: 20px 0;
    width: 80%;
    margin-left: 10%;
}

.testimonailnew .carousel-inner .item .carousel-caption p {
    text-shadow: none;
    font-size: 16px;
    line-height: 25px;
}

.testimonailnew .carousel-inner .item .carousel-caption h5 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
    color: #e79800;
    margin-top: 20px;
    text-shadow: none;
}

.testimonailnew .carousel-indicators {
    display: block;
    bottom: -20px;
}

.testimonailnew .carousel-indicators li {
    background-color: #ccc;
    border: 1px solid #ccc;
}

.testimonailnew .carousel-indicators li.active {
    background-color: #e79800;
    border: 1px solid #e79800;
}

@media (max-width:768px) {
    .testimonailnew .carousel-inner .item .carousel-caption {
        width: 100%;
        margin-left: 0;
    }
    .navbar-nav {
        width: 80%;
    }
    .list-center .list-center-innermain img {
        height: auto;
    }
    .welcomecourse ul li .welhover {
        width: 100%!important;
        margin: 0 auto!important;
    }
    .header_main {
        background-image: none;
        min-height: auto;
        padding-bottom: 10px;
    }
    .icon-left {
        display: none;
    }
    .about {
        padding: 0px;
    }
    .welcomecourse {
        padding: 0px;
        margin: 0px;
    }
    .all-course .welcomecourse ul li a.clg_name {
        height: 47px;
        overflow: hidden;
    }
}

@media (max-width:1199px) and (min-width:1024px) {
    .top-bar .container {
        width: 100% !important;
    }
}

@media (max-width:1023px) and (min-width:992px) {
    .top-bar .container {
        width: 100% !important;
    }
}

@media (max-width:991px) and (min-width:770px) {
    .top-bar .container {
        width: 100% !important;
    }
    .searchcourse form {
        margin-left: 5%;
        min-width: 90%;
    }
}

@media(min-width:768px) {
    #galley .col-md-4 {
        margin-bottom: 1%;
    }
}

.side-sink-sec {
    height: 280px;
    overflow-y: scroll;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: #337ab7;
    ;
}

@media(max-width:768px) {
    .details-page .carousel {
        height: auto!important;
    }
}

.form-control {
    height: auto;
}

.applybox {
    float: left;
    width: 47%;
    margin: 5px;
}

.applybox a {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background-color: #887934;
    border: 2px #887934 solid;
    float: left;
    padding: 5px;
    margin: 2% 2%;
    text-decoration: none;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
}

.applybox a:hover {
    color: #887934;
    border: 2px #887934 solid;
    background-color: #fff;
}

.applybox2 {
    float: left;
    width: 47%;
    margin: 4px;
}

.applybox2 a {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background-color: #037B7A;
    border: 2px #037B7A solid;
    float: left;
    padding: 5px;
    margin: 2% 2%;
    text-decoration: none;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
}

.applybox2 a:hover {
    color: #037B7A;
    border: 2px #037B7A solid;
    background-color: #fff;
}

.alyb a {
    width: 29% !important;
}

.myaccpop {
    width: 100%;
    float: left;
    background-color: #eee;
    padding: 20px;
    margin-left: 0px;
}

.myadubox {
    width: 100%;
    height: auto;
    padding-left: 10px;
    border: 5px #fff solid;
}

.myadubox h2 {
    font-size: 18px;
    color: #003664;
    text-align: center;
    padding: 10px !important;
    margin: 0 !important;
    font-weight: normal !important;
}

.myadudtl {
    width: 100%;
    float: left;
    background-color: #fff;
    color: #333;
}

.memtab {
    width: 100%;
    float: left;
}

.memtab tr td {
    width: 50%;
    float: left;
    padding: 10px;
}

.memmarr {
    margin-right: 10px !important;
}

.mempop {
    width: 100%;
    float: left;
    color: #fff;
}

.mempop tr th {
    width: 25%;
    float: left;
    padding: 10px;
    border: 1px #eee solid;
    font-size: 12px !important;
    margin-bottom: -1px;
    font-weight: bold;
    color: #333;
}

.mempop tr td {
    width: 25%;
    float: left;
    padding: 10px;
    border: 1px #eee solid;
    font-size: 12px !important;
    color: #333;
}

.mempop {
    margin-right: 10px !important;
}

.sirad {
    border: 1px #fff solid;
}

.memhsowbox {
    width: 90%;
    float: left;
    margin: 20px 5%;
    color: #000;
    padding: 10px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    font-style: italic;
}

.uniitit {
    width: 20%;
    float: left;
    font-size: 14px;
    border: 1px #053463 solid;
    margin-bottom: 30px;
    text-align: center;
    color: #053463;
    border-radius: 360px;
    padding: 5px;
    cursor: pointer;
}

.uniitit:hover {
    border: 1px #053463 solid;
    background-color: #053463;
    color: #fff;
}

.uniitit2 {
    float: left;
    font-size: 14px;
    border: 1px #053463 solid;
    background-color: #053463;
    color: #fff;
    border-radius: 360px;
    padding: 7px 20px;
    cursor: pointer;
    margin-left: 172px;
}

.uniitit2:hover {
    border: 1px #053463 solid;
    background-color: #fff;
    color: #053463;
}

.unimembox {
    float: left;
    border: 1px #014B7A solid;
    border-radius: 0;
    padding-bottom: 15px;
}

.unimembox h2 {
    font-size: 15px;
    color: #014B7A;
    padding: 0 0 8px 0;
    text-align: center;
    font-weight: 600;
}

.unihaff {
    width: 50%;
    float: left;
    padding: 10px 0 10px 12px;
    font-size: 15px;
    color: #fff;
    background-color: #2D818B;
    text-align: left;
}

.unhaff2 {
    float: right !important;
    text-align: right;
    padding-right: 11px;
}

.uniduig {
    width: 100%;
    float: left;
}

.uniduhaffsec {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 10px 10px 5px 10px;
    border-bottom: 1px #ddd solid;
}

.ucbr {
    margin-right: 12px !important;
}

.uniduhaff {
    width: 50%;
    float: left;
    font-size: 12px;
}

.unimarr {
    margin-right: 4% !important;
}

.unif2 {
    float: right;
    text-align: right;
}

.pln-sec {
    width: 100%;
    float: left;
    background-color: #F3F7FA;
    padding: 20px;
}

.selplan {
    width: 100%;
    float: left;
    text-align: center;
    padding: 20px 0;
    margin: 30px 0 0 0;
}

.selplan a {
    text-align: center;
    padding: 8px 30px;
    background-color: #D1C6CA;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    font-size: 15px;
    color: #333;
}

.selplan-sec {
    width: 100%;
    float: left;
}

.selplan-box {
    width: 20%;
    float: left;
    font-size: 14px;
    color: #000;
    border: 1px #fff solid;
    text-align: center;
    padding: 10px;
}

.selbclr1 {
    background-color: #D1C6CA;
}

.selbclr2 {
    background-color: #E9E5E6;
}

.tap-sec {
    width: 100%;
    float: left;
    padding: 20px 20px 30px 20px;
}

.inrbtn {
    background-color: #C3C4C6;
    padding: 10px 30px;
    color: #333;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin-top: 12px;
    float: right;
}

.ttatb {
    float: right;
    font-size: 15px;
    color: #333;
    margin-top: 22px;
}

.regnow {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 22px;
    border-top: 1px #eee solid;
    padding-top: 30px;
}

.regnow a {
    background-color: #D1C6CA;
    padding: 10px 30px;
    color: #333;
    font-size: 14px;
    text-align: center;
    webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    margin-top: 40px;
}

.card-title {
    font-size: 12px;
    text-align: center;
    float: left;
    width: 100%;
}

.card-text {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
}

.card-body {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.addadm-sec {
    width: 100%;
    float: left;
    border-top: 1px #eee solid;
    margin: 20px 0;
}

.admmsec {
    float: left;
}

.addms {
    width: 24%;
    height: 38px;
    float: left;
    border: 1px #999 solid;
    padding: 8px;
    margin: 0 10px 15px 0;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}

.subnoti {
    float: right;
    background-color: #037B7A;
    color: #fff;
    font-size: 13px;
    padding: 6px 15px;
    border: 1px #037B7A solid;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
    margin: 0 11px 0 0 !important;
}

.formsubmit {
    margin: 30px 30px 0 0;
}

.menu2 {
    float: left;
}

.menu2 ul {
    margin: 0;
    padding: 0;
}

.menu2 ul img {
    width: 100%;
    height: auto;
    border: 1px #00468b solid;
    padding: 3px;
}

.menu2 ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #222 !important;
}

.navbar-nav>li>a {
    color: #fff !important;
    text-transform: uppercase;
    padding: 8px 20px;
}

.open>.dropdown-menu {
    padding: 7px 5px 5px 5px;
}

.navbar-nav>li>.dropdown-menu {
    border: 1px #e4e4e4 solid;
    -webkit-box-shadow: -1px 10px 5px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 10px 5px -9px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 10px 5px -9px rgba(0, 0, 0, 0.75);
}

.menu3 {
    float: left;
}

.menu3 ul {
    margin: 0 0 0 15px !important;
    padding: 0 !important;
}

.menu3 ul li {
    margin: 0;
    padding: 0;
    color: #333 !important;
    font-size: 17px !important;
    list-style: disc !important;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu>li>ul>li {
    list-style: none;
}

.mega-dropdown-menu>li>ul>li>a {
    display: block;
    color: #222;
    padding: 3px 5px;
    line-height: 21px;
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
    text-decoration: none;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #333;
    padding: 5px 60px 5px 5px;
    line-height: 30px;
}

.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
}

.left.carousel-control {
    right: 30px;
    left: inherit;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}

.search-sec {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 40px;
}

.search-sec input {
    font-size: 15px;
    width: 40%;
    color: #333;
    border: 2px #656565 solid;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
    padding: 10px 25px;
    background: url(../images/search.png) no-repeat right;
    outline: inherit !important;
}

.search-sec input:hover {
    background-color: #eee;
}

.feature {
    padding-top: 20px;
    align-items: center;
    text-align: center;
}

.feature h2 {
    font-size: 18px;
    padding-left: 170px;
}

.feature .feature-item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    align-content: center;
    align-items: center;
    background-color: rgb(000, 000, 000,.6);
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 4px -1px rgba(0, 0, 0, 0.4);
}

.feature .feature-item i {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 25px;
    color: #fff;
    margin-bottom: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.feature .feature-item:hover i {
    background: #9E005D;
    color: #fff;
}

.feature .feature-item h4 {
    margin: 20px 0 5px 0;
    font-size: 22px;
    text-align: center;
    color: #fff;
}

.feature .feature-item h4 {
    margin: 20px 0 5px 0;
    font-size: 22px;
    text-align: center;
    color: #fff;
}

.feature .feature-item p {
    line-height: 25px;
    letter-spacing: 0.035em;
    text-align: center;
    margin: 0 0 20px 0;
    color: #fff;
    padding-top: 0;
}

.feature .feature-item .text-section {
    color: #043564;
    text-align: center;
}

.feature .feature-item .text-section:hover {
    background-color: #043564;
    color: #fff;
    border: 2px solid #043564;
    border-radius: 30px;
    text-align: center;
}

.pln {
    padding-left: 0;
}

.prn {
    padding-left: 0;
}

.plrn {
    padding-left: 0;
    padding-right: 0;
}

.mainheading {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #033665;
    margin-top: 50px;
}

.colllist-sec {
    width: 100%;
    float: left;
    margin-top: 1px;
    margin-bottom: 30px;
}

.coll-sidebar {
    float: left;
    margin-top: 60px;
}

.coll-rightsidebar {
    float: right;
    margin-top: 62px;
}

.coll-logobox {
    width: 100%;
    float: left;
    background-color: #fff;
    border: 2px #033665 solid;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 0 0 47px 0;
}

.coll-logo {
    float: left;
    text-align: center;
    background-color: #eee;
    border-radius: 25px;
    overflow: hidden;
    margin: -36px 22% 0;
    border: 5px #fff solid;
    padding: 4px 0;
}

.coll-logo img {
    width: 100% !important;
    height: auto;
}

.klnam {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 22px;
    color: #043564;
    text-transform: uppercase;
    margin: 5px 0 18px 0;
}

.klbox {
    width: 100%;
    float: left;
    background-color: #EBEBEB;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.overicon {
    font-size: 35px;
    color: #fff;
    line-height: 92px;
    margin-left: 25px;
}

.panel-title {
    font-size: 14px !important;
}

.klbox p {
    width: 100%;
    float: left;
    line-height: 37px;
    margin: 0 40px;
}

.klbox p img {
    margin-right: 10px;
    width: auto !important;
}

.ls-menu {
    float: left;
    margin-top: 20px;
}

.menu {
    float: left;
    width: 100%;
}

.menu a {
    float: left;
    background-color: #EBEBEB;
    color: #2E2E2E;
    margin-bottom: 5px;
    padding: 10px 0;
    font-size: 15px;
    width: 100%;
    padding-left: 40px;
}

.menu a:hover {
    background-color: #037B7A !important;
    color: #fff;
}

.menu2 {
    float: left;
    width: 100%;
}

.menu2 a {
    float: left;
    background-color: #037B7A;
    color: #fff;
    margin-bottom: 5px;
    padding: 10px 0;
    font-size: 15px;
    width: 100%;
    padding-left: 40px;
}

.collbanner {
    width: 100%;
    float: left;
}

.collbanner img {
    width: 100%;
    height: auto;
}

.coll-heading {
    float: left;
    width: 100%;
    background-color: #053565;
    margin: 30px 0 15px 0;
}

.coll-heading h1 {
    font-size: 16px;
    color: #fff;
    padding: 20px 20px;
    margin: 0;
    width: 40% !important;
    float: left;
    text-align: left;
}

.coll-heading span {
    float: right;
    font-size: 13px !important;
    color: #fff !important;
    margin: 19px 20px 0 0;
}

.coll-heading span i {
    margin: 0 10px;
}

.coll-heading span a {
    color: #fff !important;
}

.coll-description {
    background-color: #ebebeb;
    width: 100%;
    float: left;
    padding: 10px;
    font-size: 13px;
    line-height: 22px;
    font-weight: normal;
}

.aff-sec {
    width: 100%;
    float: left;
    margin: 40px 0;
}

.aff-box {
    float: left;
}

.aff-circle {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #8B7834;
    border: 6px #E9E9E9 solid;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
    margin: 0px 0 30px 82px;
}

.overicon {
    font-size: 30px !important;
    color: #fff;
    line-height: 68px !important;
    margin-left: 19px;
}

.aff-bg {
    width: 100%;
    float: left;
    background-color: #D0C9AD;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.affbtn {
    width: 100%;
    float: left;
    background-color: #E5E4DF;
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
    padding: 8px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.affhd {
    width: 70%;
    float: left;
    background-color: #8B7834;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 60px;
    margin: -36px 0 35px 15%;
}

.affclr1 {
    background-color: #037B7A !important;
}

.affclr2 {
    background-color: #9ACACA !important;
}

.affclr3 {
    background-color: #9E0699 !important;
}

.affclr4 {
    background-color: #D89BD6 !important;
}

.rank-sec {
    width: 100%;
    float: left;
}

.rank-box {
    float: left;
}

.rank-box h2 {
    font-size: 18px;
    color: #053565;
    text-align: center;
}

.rank {
    font-size: 14px;
    background-color: #EDD0D4;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.rankclr {
    background-color: #EBEBEB !important;
}

.feature {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.featleft {
    float: left;
    margin: 70px 0 0 20px;
    border: 5px #fdfdfd solid;
    padding: 30px 20px 20px 20px;
    border-radius: 360px;
    height: 150px;
    width: 150px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 4px -1px rgba(0, 0, 0, 0.3);
}

.featleft img {
    width: 70%;
}

.coledu {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #333;
    margin-top: 25px;
}

.mr-sec {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.coneru {
    float: left;
    border: 10px #EBEBEB solid;
}

.conhd {
    float: left;
    background-color: #EBEBEB;
    margin: 17px 0 0 -23px;
    padding: 11px 20px;
}

.conhd h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #023562;
    margin: 0 0 15px 0;
}

.conhd p {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.concer {
    float: right;
}

.concerbox {
    float: left;
}

.concerbox img {
    width: 100%;
    height: auto;
}

.concerbox p {
    font-size: 14px;
    text-align: center;
    margin-top: 5px;
    color: #444;
}

.aca-sec {
    width: 100%;
    float: left;
    margin-top: 50px;
}



.adapic {
    float: left;
    z-index: 9999;
}

.adapic img {
    width: 100%;
    height: auto;
}

.acabox2 {
    float: left;
    background-color: #EBEBEB;
    padding: 10px 15px 2px 0;
    margin-top: 28px;
    margin-right: -30px;
}

.acabox2 p {
    font-size: 14px;
    color: #333;
    text-indent: 40px;
    margin: 0 0 10px -40px;
    font-weight: normal;
}

.adapic2 {
    float: right;
    z-index: 9999;
}

.adapic2 img {
    width: 100%;
    height: auto;
}

.ent-sec {
    width: 100%;
    float: left;
    background-color: #7D7D7D;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.admis-sec {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.process {
    float: left;
    padding: 10px 30px;
    background-color: #EBEBEB;
}

.propic {
    float: left;
}

.propic img {
    width: 100%;
    height: auto;
}

.process h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.process p {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

.process a {
    font-size: 13px;
    color: #fff;
    background-color: #037b7a;
    padding: 8px 15px;
    border: 2px #037b7a solid;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    text-decoration: none;
    margin-top: -55px;
    float: right;
}

.process a:hover {
    color: #037b7a;
    border: 2px #037b7a solid;
    background-color: #fff;
}

.diplomahd {
    width: 100%;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.diploma-sec {
    width: 100%;
    float: left;
    border: 10px #EBEBEB solid;
    margin-top: 20px;
}

.com {
    width: 75%;
    background-color: #037B7A;
    font-size: 16px;
    color: #fff;
    padding: 15px 10px 15px 20px;
    float: left;
    border-right: 10px #ddd solid;
}

.seat {
    width: 25%;
    background-color: #fff;
    padding: 15px 10px 15px 20px;
    font-size: 16px;
    color: #037B7A;
    float: right;
}

.seat span {
    background-color: #9D0898;
    font-size: 15px;
    color: #fff;
    margin-left: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 10px;
    padding: 7px;
}

.code-sec {
    width: 100%;
    float: left;
    padding: 20px 0;
    background-color: #EBEBEB;
}

.code {
    width: 16%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #444;
}

.code2 {
    width: 16%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #444;
}

.code2 a {
    font-size: 14px;
    color: #fff;
    background-color: #037b7a;
    padding: 8px 15px;
    border: 2px #037b7a solid;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    text-decoration: none;
    float: right;
}

.code2 a:hover {
    color: #037b7a;
    border: 2px #037b7a solid;
    background-color: #fff;
}

.codedesc {
    width: 100%;
    float: left;
    height: 160px;
    padding: 16px;
    border: 8px #EBEBEB solid;
    font-size: 14px;
    color: #333;
}

.mode-sec {
    width: 100%;
    float: left;
    background-color: #EBEBEB;
    border: 10px #EBEBEB solid;
}

.mode {
    background-color: #053565;
    float: left;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 5px;
    width: 100%;
    border-bottom: 8px #ebebeb solid;
}

.schollar-sec {
    width: 100%;
    float: left;
    background-color: #037B7A;
    padding: 10px;
    margin: 30px 0 15px 0;
}

.schollar-sec2 {
    width: 100%;
    float: left;
    background-color: #037B7A;
}

.schollar-box {
    width: 20%;
    float: left;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

.schollar-boxgrey {
    width: 20%;
    float: left;
    background-color: #E3DDCD;
    font-size: 14px;
    text-align: center;
    color: #333;
    font-weight: normal;
    padding: 10px;
    border-right: 14px #fff solid;
    border-bottom: 14px #fff solid;
}

.place-sec {
    width: 100%;
    float: left;
}

.placepic {
    float: left;
    border: 10px #8B7836 solid;
}

.placepic img {
    width: 100%;
    height: auto;
}

.placedesc {
    float: left;
    padding: 0 20px 20px 20px;
}

.placearea {
    width: 100%;
    float: left;
    height: 167px;
    padding: 10px;
    border: 1px #eee solid;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

.micro-sec {
    width: 100%;
    float: left;
}

.micro {
    float: left;
    margin-top: 10px;
}

.micro img {
    width: 100%;
    border: 3px #E1DECD solid;
    padding: 6px;
    height: auto;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
}

.micro h2 {
    text-align: center;
    padding: 7px 5px;
    font-size: 15px;
    background-color: #04335F;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
    margin: 10px 0 0 0;
}

.opport {
    width: 100%;
    float: left;
    background-color: #EBEBEB;
    padding: 20px;
    font-size: 14px;
    color: #333;
    border: none;
    margin: 10px 0 0 0;
    height: 150px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mater-sec {
    width: 100%;
    float: left;
}

.mater-sec h2 {
    width: 100%;
    float: left;
    color: #033663;
    font-size: 16px;
    margin: 25px 0 15px 12px;
}



.materbox {
    float: left;
}

.materbox img {
    width: 100%;
    height: auto;
}

.materbox h3 {
    font-size: 15px;
    color: #333;
    text-align: center;
}

.materbox h4 {
    font-size: 13px;
    color: #333;
    text-align: center;
    font-weight: normal;
    line-height: 19px;
}

.matclr1 {
    color: #9B0799 !important;
    padding: 8px;
}

.matclr2 {
    color: #9F1223 !important;
}

.matclr3 {
    color: #037A76 !important;
}

.matclr3 {
    color: #8A7733 !important;
}

.latest-sec {
    width: 100%;
    float: left;
}

.latest {
    float: left;
}

.latest img {
    width: 100%;
    height: auto;
}

.latestarea {
    width: 100%;
    float: left;
    padding: 20px;
    background-color: #EBEBEB;
}

.latinput {
    background-color: #EBEBEB;
    border: none;
    width: 100%;
    float: left;
    height: 140px;
    padding: 20px;
}

.latgreen {
    background-color: #037B7A;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    border-right: 15px #EBEBEB solid;
}

.latsoft1 {
    background-color: #9ACACA !important;
    padding: 10px;
}

.latdark1 {
    background-color: #037B7A !important;
}

.latsoft2 {
    background-color: #D0C9AD !important;
    padding: 10px;
}

.latdark2 {
    background-color: #8B7834 !important;
}

.latsoft3 {
    background-color: #D69AD6 !important;
    padding: 10px;
}

.latdark3 {
    background-color: #9E0699 !important;
}

.info-sec {
    width: 100%;
    float: left;
}

.info2 {
    float: left;
}

.info2 h2 {
    float: left;
    background-color: #037B7A;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
}

.info2 p {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    width: 100%;
    font-weight: normal;
}

.contmap {
    width: 100%;
    float: left;
    border: 10px #bbbbbb solid;
}

.faq {
    width: 100%;
    float: left;
    padding: 10px 30px;
    margin-bottom: 20px;
    background-color: #EBEBEB;
}

.faq h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
}

.faq h2 span {
    font-weight: bold;
    color: #037b7a;
}

.faq p {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

.faq p span {
    font-weight: bold;
    color: #037b7a;
}

.featurlibox {
    float: left;
    background-color: #EBEBEB;
    padding: 20px 30px;
    width: 72%;
    height: 258px;
    margin-left: 40px;
    margin-top: 15px;
    -webkit-box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, 0.87);
    -moz-box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, 0.87);
    box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, 0.87);
}

.feali {
    float: left;
    font-size: 13px;
    padding: 0 30px 12px 0;
}

.feali img {
    margin-right: 10px;
    float: left;
    width: auto !important;
}

.rgtsidebar {
    width: 100%;
    float: left;
    border: 1px #ebebeb solid;
    padding-bottom: 20px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 4px -1px rgba(0, 0, 0, 0.3);
}


.menu22 {
    float: left;
}

.menu22 ul {
    margin: 0;
    padding: 0;
}

.menu22 ul img {
    width: 100%;
    height: auto;
    padding: 1px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 4px -1px rgba(0, 0, 0, 0.4);
}

.menu22 ul img:hover {
    filter: grayscale(100%);
}

.menu22 ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px !important;
    color: #222 !important;
}

.menu33 {
    float: left;
}

.menu33 ul {
    margin: 0 0 0 15px !important;
    padding: 0 !important;
}

.menu33 ul li {
    margin: 0;
    padding: 0;
    color: #333 !important;
    font-size: 13px !important;
    list-style: disc !important;
}

.innerlogo img {
    width: 230px !important;
}

.social {
    position: absolute;
    top: 28%;
    z-index: 9;
    opacity: 0.1;
}

.social:hover {
    opacity: 1;
}

.social ul {
    padding: 0px;
    -webkit-transform: translate(-166px, 0);
    -moz-transform: translate(-166px, 0);
    -ms-transform: translate(-166px, 0);
    -o-transform: translate(-166px, 0);
    transform: translate(-166px, 0);
}

.social ul li {
    display: block;
    margin: 5px;
    background: rgb(28, 154, 204);
    width: 200px;
    font-size: 12px;
    text-align: right;
    padding: 0 0 0 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    border: thin solid rgba(255, 255, 255, 0.4);
}

.social ul li:hover {
    -webkit-transform: translate(160px, 0);
    -moz-transform: translate(160px, 0);
    -ms-transform: translate(160px, 0);
    -o-transform: translate(160px, 0);
    transform: translate(160px, 0);
    background: rgba(28, 154, 204, 0.6);
}

.social ul li a {
    color: #FFF;
}

.social ul li:hover a {
    color: #FFF;
}

.social ul li:hover i {
    color: #fff;
    background: rgba(0, 0, 0, 0.36);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.social ul li i {
    margin-left: 10px;
    color: #000;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #ffffff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.social {
    position: absolute;
    top: 28%;
    z-index: 9;
    opacity: 0.1;
    left: 0;
    width: 0;
}



.find-sec {
    width: 100%;
    float: left;
    text-align: center;
    background: url(https://educounsellors.org/public/assets/front/images/college-bg.jpg) no-repeat left;
    padding: 40px 0 65px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.find-sec h2{width: 100%; float: left; color: #003563; margin-bottom: 0; font-weight: 600; text-align: center; 
    text-transform: uppercase; font-size: 20px;}
.find-sec p{width: 100%; float: left; color: #545557; margin: 10px 0 20px 0; text-align: center; font-size: 15px;}

.finding{width: 70%; float: left; margin: 0 15%; background-color: #003664; padding: 12px;}

.ctry{width: 21%; float: left; padding: 12px 20px; background-color: #DDDBDB; color: #8A8787; border:none;}
.univty{width: 54%; float: left; padding: 12px 20px; background-color: #DDDBDB; color: #8A8787; margin: 0 15px; border:none;}

.hesrch {
    width: 21%;
    float: right;
    padding: 10px 20px 9px 20px;
    background-color: #A08D0F;
    border: none;
    color: #fff;
    font-size: 18px;
}

.hesrch:hover {
    background-color: #dddbdb;
    color: #003663;
}

.digiadm {
    width: 100%;
    float: left;
    text-align: center;
}

.digiadm h2 {
    font-size: 20px;
    color: #003663;
    margin-top: 60px;
    margin-bottom: 14px;
}

.digiadm h3 {
    font-size: 17px;
    color: #8D8C8D;
    margin-bottom: 20px;
}

.digiadm p {
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

.feaita {
    color: #333;
    background-color: #fff;
    padding: 5px 15px;
    text-align: center;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
    font-size: 12px;
    font-weight: bold;
}

.feaita:hover {
    color: #fff;
    background-color: #005B7F;
    border-bottom: 1px #fff solid;
}

.toppro-sec {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: url(../images/top-program.jpg) no-repeat bottom;
}

.toppro {
    float: left;
    text-align: center;
}

.toppro img {
    width: 60%;
    height: auto;
    margin-top: 80px;
}

.toppro {
    float: left;
    text-align: center;
}

.toppro h2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 25px;
}

.topprolist {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.topprolist a {
    width: 100%;
    float: left;
    background-color: #D2D8DE;
    color: #333;
    padding: 10px;
    text-decoration: none;
}

.topprolist a:hover {
    background-color: #d4066d;
    color: #fff;
    text-decoration: none;
}

.prohhlts-sec {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.prohhlts-sec h2 {
    width: 100%;
    float: left;
    padding: 0 0 5px 0;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.prohhlts-sec h2 i{
    background-color: #EBEBEB;
    width: 100px;
    height: 3px;
    float: left;
    text-align: center;
    display: inline-block; 
}

.prohhlts {
    float: left;
    padding: 0;
    margin: 0 10px;
    width: 100%;
}

.prohhlts img {
    width: 100%;
    height: auto;
}

.prohhlts h3 {
    width: 100%;
    float: left;
    background-color: rgb(5, 132, 133, .8);
    padding: 15px 0;
    font-size: 16px;
    margin: 0;
    color: #fff;
    text-align: center;
}

.prohhlts h3:hover {
    background-color: #d4066d;
    color: #fff;
    text-decoration: none;
}

.fearpro-sec {
    width: 100%;
    float: left;
    padding: 40px 0;
    background: url(../images/edubg.jpg) repeat 100% 100%;
}

.fearpro-sec h2 {
    width: 100%;
    float: left;
    padding: 10px 10px 5px 10px;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.fearpro {
    float: left;
    margin-bottom: 30px;
}

.fearpro img {
    width: auto;
    height: auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.fearpro h2 {
    width: 100%;
    height: auto;
    font-size: 15px;
    text-transform: uppercase;
    position: absolute;
    bottom: -10px;
    text-align: center;
    color: #fff;
    line-height: 25px;
    text-shadow: 1px 2px 0px rgba(000, 000, 000, 1);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(76, 76, 76, 0) 0%, rgba(19, 19, 19, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(76, 76, 76, 0) 0%, rgba(19, 19, 19, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(76, 76, 76, 0) 0%, rgba(19, 19, 19, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#004c4c4c', endColorstr='#131313', GradientType=0);
    /* IE6-9 */
}

.fearpro h2 span {
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}

.testimonial {
    text-align: center;
}

.testimonial .testimonial-content {
    padding: 20px 40px;
    background: #003663;
    border-radius: 100px 0;
    position: relative;
    margin: 0 10px 35px;
}

.testimonial .testimonial-content:after {
    content: "";
    position: absolute;
    border-top: 10px solid #003663;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -9px;
    left: 48%;
}

.testimonial .description {
    font-size: 12px;
    color: #fdfffc;
    line-height: 22px;
    margin: 0;
}

.testimonial .pic {
    width: 70px;
    height: 70px;
    margin: -19px auto 15px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
    border: 3px #9E005D solid;
}

.testimonial .testimonial-title {
    display: block;
    font-size: 17px;
    font-weight: bold;
    color: #011627;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}

.testimonial .post {
    font-size: 14px;
    color: #ff9f1c;
}

.owl-theme .owl-controls {
    border-top: 1px solid #d5d5d5;
    margin-top: 40px;
    padding-top: 30px;
}

.owl-theme .owl-controls .owl-buttons div {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #ff9f1c;
    border-radius: 4px;
    opacity: 1;
    padding: 0;
}

.owl-prev:before,
.owl-next:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fdfffc;
}

.owl-next:before {
    content: "\f054";
}

.owl-prev:hover:before,
.owl-next:hover:before {
    color: #011627;
}

.crsl-item {
    background: #fff;
    padding: 8px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.slidernav a {
    background: #003663 !important;
    color: #fff !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.marquee_college {
    margin: 10px auto 20px;
}

.marquee_college ul {
    list-style: none;
    width: 800%;
    margin: 0 auto;
}

.marquee_college li img {
    width: 160px;
    height: 110px;
}

.marquee_college li {
    float: left;
    border: 1px solid #ACACAC;
    margin: 5px;
    padding: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 4px -1px rgba(0, 0, 0, 0.4);
}

.bestservice {
    float: left;
}

@media(max-width:768px) {
    .marquee_college {
        width: 100%;
    }
    .marquee_college ul {
        list-style: none;
        width: 570%;
        margin: 0 auto;
    }
}

.img-coming {
    width: 20%;
    position: absolute;
    top: 12%;
    left: 73%;
}

.crsl-item h5 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    color: #e79800;
    text-shadow: none;
    font-weight: bold;
    margin-top: 17px;
}

.crsl-item {
    text-align: center;
    background-color: transparent !important;
}

.crsl-item img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: auto;
    margin-right: 10px;
    float: left;
}

.crsl-item p {
    font-size: 1em;
    text-align: justify;
}

#w {
    width: 100%!important;
}

.slidernav a {
    background: #006bb7;
    color: #fff;
}

.slidernav {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
}

@media(max-width:768px) {
    .crsl-item {
        margin-right: 0!important;
    }
    #w {
        min-width: auto!important;
    }
    .marquee_college {
    width: 100%;
    float: left;
}
    .abouthome .container {
        overflow: hidden;
    }
}

.onpay-sec {
    width: 100%;
    float: left;
    margin: 10px 0 35px 0;
}

.onpay {
    width: 100%;
    float: left;
    padding: 20px;
    border: 9px #b7b7b7 solid;
}
.onpay h2 {
    font-size: 20px;
    color: #b7b7b7;
    text-align: center;
}

.onpay img {
    width: 30%;
    margin: 0 35%;
    height: auto;
}

.onpay p {
    font-size: 17px;
    color: #8aa3b7;
    text-align: center;
    line-height: 23px;
}

.onpaypic {
    float: left;
    height: 236px;
    overflow: hidden;
    border: 10px #b7b7b7 solid;
    width: 100%;
}

.onpaypic img {
    width: 100% !important;
    height: auto !important;
}

.downapp {
    width: 91%;
    float: left;
    padding-bottom: 9px;
    position: absolute;
    bottom: 10px;
    left: 27px;
    background-color: rgb(255, 255, 255, .5);
}

.downapp h2 {
    font-size: 20px;
    color: #003663;
    text-align: center;
    font-weight: 600;
    padding-top: 0;
    margin: 10px 0 0 0;
}

.downapp p {
    font-size: 15px;
    color: #000;
    text-align: center;
    margin-bottom: 5px;
}

.ctrapp {
    width: 50%;
    float: left;
    text-align: center;
}

.ctrapp img {
    text-align: center;
    width: 130px !important;
    height: 37px !important;
    opacity: .8;
}

.featur-title {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333;
    text-align: center;
}

.topstobox-sec {
    width: 100%;
    float: left;
    margin-top: 0;
}
.topstor {
    float: left;
}

.topstor h2 {
    font-size: 20px;
    color: #00386C;
    margin-top: 0;
}

.headingline {
    width: 160px;
    float: left;
    background-color: #ECECEC;
    height: 4px;
    margin-bottom: 15px;
    text-align: center;
}

.headingline img {
    width: auto;
    height: auto;
    margin: -19px 0 0 0;
}

.topstories{width: 100%; float: left; padding: 20px; background-color: #fff; border: 8px #b7b7b7 solid;}
.latevent{float: left;}
.latevent h2{font-size:20px; color: #00386C; margin-top: 0;}

.latestbox{width: 100%; float: left;}

.marquebox {
    width: 100%;
    float: left;
    margin: 3px 3px 20px 3px;
    padding: 0;
}

.mardiv {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    background-color: #fff;
    padding: 9px 10px;
    border: 8px #b7b7b7 solid;
}
.mardiv h2{font-size: 15px; font-weight: 600; color: #444;}
.mardiv p {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #444;
    line-height: 17px;
    text-align: justify;
    padding: 0;
    margin-bottom: 0;
}

.mardiv img {
    width: auto;
    height: auto;
    margin: 18px 0;
}

.marquebox ul {
    margin: 0;
    padding: 0;
}

.fullmore{
    float: left;
    text-align: center;
}

.marquebox ul li {
    list-style: none;
    font-size: 14px;
    color: #777;
    margin-bottom: 5px;
    font-weight: normal;
}

.readbtn {
    width: 100%;
    float: right;
    margin: 10px 18px 0 0;
}

.readbtn a {
    float: right;
    color: #777;
}

.indiantime {
    float: right;
    padding: 5px 20px;
    color: #333;
    background-color: #E1E1DF;
    margin: -7px 10px 10px 0;
    display: inline-block;
    clear: both;
    border-radius: 3px;
}

.ddtop {
    color: #881057;
    width: 100%;
    float: left;
    font-size: 20px;
}

.mmtop {
    color: #003665;
    width: 100%;
    text-align: center;
}

.viewall {
    width: 100%;
    float: right;
    text-align: right;
    border-bottom: 1px #eee solid;
    padding-bottom: 5px;
}

.viewall a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    margin-right: 10px;
    font-weight: bold;
}

.viewall a:hover {
    text-decoration: underline;
}

.admicon {
    background-color: rgb(0, 54, 100, .8);
    padding: 15px 0 30px 0;
    float: left;
    border: 1px #444 solid;
}

.testimonial-sec {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    background: url(../images/edubg.jpg) repeat 100% 100%;
    margin-top: 30px;
}


/* preeti css 17-09-2020 */

.sec-1 {
    background-color: #dcdcdc9c;
}

.sec-1 h1 {
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
}

.sec-img img {
    height: auto;
    width: 100%;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top: 3px #003664 solid;
    border-bottom: 1px #eee solid;
}

section.sec-2 {
    padding: 20px 40px 40px;
}

.sec-2 h1 {
    font-size: 30px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.tt-0x h2 {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}

.tt-ox-img {
    padding: 0;
}

.tt-oa {
    padding: 10px 0 0 0;
    text-align: center;
    color: #fff;
    width: 50%;
    float: left;
}

.tt-oa h2 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0;
}

.tt-ob {
    padding: 10px 0 0 0;
    color: #fff;
    width: 50%;
    float: right;
}

.tt-ob h2 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
}

.tt-0x {
    border-left: 30px solid #fff;
    padding: 9px 20px 8px 20px;
    background-color: #ebebeb;
}

section.sec-2 p {
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
}

section.sec-2 strong {
    font-weight: 900;
    text-transform: uppercase;
}


/*-----=======  start--sec-3  ======-----*/

.sec-3 {
    padding: 0px 40px 30px 40px;
}

.dd-0t {
    padding: 20px;
}

.dd-0A {
    border: 3px solid #980163;
    background-color: #ebebeb;
    text-align: center;
    border-radius: 50%;
    width: 160px;
    height: 160px;
}

.dd-0t h2 {
    font-size: 22px;
    font-weight: 800;
    text-align: center;
    width: 100%;
    margin-top: 54px;
    margin-bottom: 0;
}

.dd-0t p {
    line-height: 30px;
    color: #222;
    font-size: 17px;
}

.dd-0t1 {
    padding: 20px;
}

.dd-0t1 h2 {
    padding: 50px 0 0;
    font-size: 35px;
    font-weight: 800;
}

.dd-0t1 p {
    padding: 0 0 50px;
    color: #222;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
}


/*-------========  sec-3--end  =========------*/

.sec-4 {
    padding: 20px 20px 0;
}

.xtc-00 {
    padding: 98px 40px;
    text-align: center;
    background-color: #9a8807;
}

.xtc-01 {
    padding: 0 10px;
}

.xtc-01 ul {
    width: 100%;
    text-decoration: none;
    display: inline-block;
}

.xtc-01 li {
    text-decoration: none;
    display: block;
    background-color: #ece8cf;
    margin: 0 0 15px 0;
}

.xtc-01 a {
    padding: 12px 80px;
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.xtc-01 h2 {
    color: #000;
    padding: 80px 0;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 800;
    font-size: 28px;
}

.xtc-01 a :hover {
    font-weight: 600;
    color: #8a6d3b;
}

.xtc-01 li:hover {
    font-weight: 600;
    background-color: #fff;
    border: 2px solid #555;
}


/*-------========  sec-4--end  =========------*/

.sec-5 {
    padding: 40px;
}

.sec-5 h2 {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.img-ttm {
    text-align: center;
}

.img-ttm img {
    width: 200px;
    border-radius: 100px;
    border: 10px solid #fff;
    padding: 10px;
    margin-bottom: 15px;
}

.ttm-01 {
    text-align: center;
}

.btn-ttm {
    text-align: center;
    background-color: #003664;
    color: #fff;
    font-weight: 600;
    display: block;
    font-size: 16px;
    width: 15%;
    padding: 12px 0!important;
    margin: 0 43%!important;
    border-radius: 30px!important;
}

.btn-ttm:hover {
    border: 2px solid #003664;
    background-color: #fff;
    color: #003664;
}

.img-ttm-01 {
    text-align: center;
    margin: 18px;
}

.btn-ttm-01 {
    text-align: center;
    background-color: #003664;
    color: #fff;
    font-weight: 600;
    display: block;
    font-size: 16px;
    width: 100%;
    padding: 12px 0!important;
    border-radius: 30px!important;
}

.btn-ttm-01:hover {
    border: 2px solid #003664;
    background-color: #fff;
    color: #003664;
}

.xtc-02 a :hover {
    font-weight: 600;
    color: #8a6d3b;
}

.xtc-02 li:hover {
    font-weight: 600;
    background-color: #fff;
    border: 2px solid #555;
}


/*-------========  sec-5--end  =========------*/

section.sec-6 {
    padding-bottom: 40px;
}

.dd-01 {
    width: 39%;
    padding: 0 20px 0 0;
}

.dd-01 h2 {
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px;
    background-color: #057f81;
    color: #e1dfde;
    font-size: 27px;
}

.dd-A1 {
    text-align: center;
    width: 100%;
}

.dd-AA1 {
    background-color: #cde7e8;
    width: 100%;
}

.dd-AA1 ul {
    text-decoration: none;
    display: inline-block;
}

.dd-AA1 li {
    letter-spacing: .5px;
    text-decoration: none;
    display: block;
    color: #333;
    font-size: 14px;
    padding: 8px 30px;
}

.dd-02 {
    width: 22%;
    padding: 0 20px 0 0;
}

.dd-02 h2 {
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px;
    background-color: #057f81;
    color: #e1dfde;
    font-size: 27px;
}

.xtc-02 li {
    text-decoration: none;
    display: block;
    background-color: #ece8cf;
    margin: 0 0 15px 0;
    padding: 10px 30px;
}

.xtc-02 a {
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 14px;
}

.bb-tX {
    padding: 117px 20px;
    border: 20px solid #7d6c04;
}

.dx-03 {
    text-align: center;
}

.bb-tZ background-color: #ebebeb;

}
.bb-tZ0 {
    border-radius: 50%;
}
.bb-tZ0 img {
    width: 150px;
    border: 2px solid transparent;
    border-radius: 100px;
}

/*-------========  sec-6--end  =========------*/
.sec-7 {
    padding-bottom: 40px;
}
.sec-7 h2 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.th-0A {
    padding: 10px 30px;
}
.th-0A1 {
    text-align: justify;
    color: #fff;
    background-color: #003664;
}
.th-0A1 h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.th-0A1 p {
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    padding: 5px 5px 30px;
    letter-spacing: .5px;
}
.th-0A2 {
    text-align: justify;
    color: #fff;
    background-color: #003664;
}
.th-0A2 h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.th-0A2 p {
    word-spacing: 4px;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    padding: 2px;
}
.bb-tZ img {
    border: 5px solid #fff;
}
.th-0A4 {
    padding-bottom: 32px;
}

/*-------========  sec-7--end  =========------*/
.sec-8 h2 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.ee-01 {
    padding: 0 50px;
}
.ee-01 h2 {
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px;
    background-color: #8d0454;
    color: #fff;
    font-size: 20px;
}
.ee-A1 {
    text-align: center;
    width: 100%;
}
.dd-AA2 {
    padding: 0 20px;
    background-color: #cdd7e0;
    width: 100%;
}
.table td {
    color: #333!important;
    font-size: 15px!important;
}

/*-------========  sec-8--end  =========------*/
.lt-01 {
    padding: 10px 40px;
}
.lt-01 h2 {
    padding: 10px 0 40px;
    color: #1bd1d4;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.lt-01 {
    padding: 20px;
    background-image: url(../images/bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.tb-0X td {
    padding: 15px 20px!important;
    color: #fff!important;
    font-size: 18px!important;
}
.tb-0X th {
    width: 18%!important;
    text-transform: uppercase;
    color: #fff!important;
    font-weight: 600;
    font-size: 20px!important;
}
.lt-02 h2 {
    padding: 10px 0 40px;
    color: #333;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.img-tt-0X {
    height: 115px;
    padding: 10px;
    border: 1px solid gray;
    border-radius: 20px;
}
.bt-row {
    padding: 10px;
}

/*------------=============  start About-Us--CSS  ============-------------*/
.sec-01 h2 {
    letter-spacing: 1.0px;
    text-align: center;
    color: #003663;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.img-01 {
    float: left;
}
.img-01 img {
    border-radius: 10px;
}
.h-01 {
    text-align: center;
}
.tw-mb-40 {
    margin-bottom: 20px;
}
.tw-mt-20 {
    margin-top: 20px !important;
}
.animate-border {
    text-align: center;
    position: relative;
    display: block;
    width: 60px;
    height: 3px;
    background: #ddd;
    ;
}
.animate-border:after {
    position: absolute;
    content: "";
    width: 17px;
    height: 3px;
    left: 5%;
    bottom: 0;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}
.animate-border:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 3px;
    left: 0;
    bottom: 10px;
    -webkit-animation: animborder 2s linear infinite;
    animation: animborder 2s linear infinite;
}
.animate-border:after {
    width: 35px;
    height: 35px;
    background-color: red;
    position: relative;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.move-01 {
    width: 100px;
    height: 3px;
    background-color: red;
    position: relative;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes example {
    25% {
        background-color: yellow;
        left: 200px;
        top: 0px;
    }
}
.a {
    background-color: #9f005d;
    bottom: 6px;
    position: relative;
    color: #9f005d;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 20px;
    border: 1px solid #9f005d;
    height: 21px;
    width: 21px;
}
.sp-a {
    position: relative;
    bottom: 12px;
}
.sec-02 h2 {
    letter-spacing: 1.0px;
    text-align: center;
    color: #003663;
    text-transform: uppercase;
    font-weight: 600;
}
.pp-01 p {
    background-color: #f7f7f7;
    font-size: 14px;
    word-spacing: 5px;
    line-height: 25px;
    padding: 33px;
    text-align: justify;
    font-weight: normal;
}
.pp-01 {
    padding: 0 0 20px 10px;
}
.xx-02 {
    padding: 25px 10px;
    text-align: center;
}
.img-xx img {
    width: 70px;
    margin-bottom: 15px;
}
.pp-xx {
    padding: 20px;
    background-color: #e8e8e8;
    border-radius: 20px;
}
.pp-xx h3 {
    color: #003663;
    text-transform: uppercase;
    font-size: 16px;
}
.pp-xx p {
    letter-spacing: .5px;
    font-size: 14px;
    word-spacing: 5px;
    line-height: 20px;
    font-weight: normal;
}
.xx-01 {
    background-color: #f7f7f7;
}
.w3-center {
    text-align: center!important;
}
.w3-animate-left {
    position: relative;
    animation: animateleft 5.0s;
}
.w3-container,
.w3-panel {
    padding: 0.01em 16px;
}
@keyframes animateleft {
    0% {
        left: -300px;
        opacity: 0;
    }
    
    100% {
        left: 0;
        opacity: 1;
    }
}
.ani-xx2 {
    background: url(../images/anicirlc1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.ani-xx4 {
    border-radius: 50%;
    background-image: linear-gradient(#ccc, #fff);
    margin: 20px 4px;
}
.ani-xx4 h2 {
    padding: 50px 30px;
    text-align: center;
}
.ani-xx5 {
    padding: 3px 20px;
    background-image: linear-gradient(to right, #fff, #eee, #d6d4d5);
}
.ani-xx5 p {
    letter-spacing: .5px;
    font-size: 14px;
    word-spacing: 5px;
    line-height: 25px;
    text-align: left;
    font-weight: normal;
    padding: 10px 10px 5px 20px;
}
.ani-xx6 {
    background: url(../images/anicirlc2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.ani-xxr {
    padding: 0 0 40px 0;
}
.ani-xx7 p {
    letter-spacing: .5px;
    font-size: 14px;
    word-spacing: 5px;
    line-height: 22px;
    text-align: justify;
    font-weight: normal;
}
.ani-xx7 {
    padding: 52px 25px;
    background-image: linear-gradient(to right, #d6d4d5, #eee, #fff);
}
.ani-xx8 {
    padding: 30px 20px;
}
.ani-xx9 {
    padding: 42px 20px;
}
.xx10 h2 {
    padding: 50px 10px;
    text-align: center;
}
.xx11 h2 {
    padding: 50px 8px;
    text-align: center;
}
.lt-xx0 {
    padding: 40px 20px;
    background-color: #f7f7f7;
}
.lt-xx1 {
    padding: 10px;
}
.xyz {
    padding: 0;
    border-radius: 40px;
    width: 100%;
    margin: 0 10px;
}
.lt-xx2 {
    width: 100%;
    text-align: center;
}
.lt-xx2 h3 {
    margin: 0;
    background-color: #025859;
    letter-spacing: 1.0px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.lt-xx3 li {
    display: block;
    color: #333;
}
.lt-xx3 li a {
    width: 100%;
    color: #333;
    padding: 5px 10px;
    float: left;
    font-size: 13px;
    text-decoration: none;
    font-weight: normal;
}
.lt-xx3 li a:hover {
    color: #fff;
    background-color: #025859;
    text-decoration: none;
    font-weight: normal;
}
.lt-xx3 a:hover {
    color: #fff;
}
.lt-xy2 {
    width: 100%;
    text-align: center;
}
.lt-xy2 h3 {
    margin: 0;
    background-color: #9f005d;
    letter-spacing: 1.0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 0;
    border-top-right-radius: 38px;
    border-top-left-radius: 38px;
}
.lt-xy3 li {
    padding: 5px 20px;
    display: block;
}
.lt-xy3 a {
    padding: 5px 10px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
}
.lt-xy3 a:hover {
    color: #fff;
}
.lt-xz2 {
    width: 100%;
    text-align: center;
}
.lt-xz2 h3 {
    margin: 0;
    background-color: #745c06;
    letter-spacing: 1.0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 0;
    border-top-right-radius: 38px;
    border-top-left-radius: 38px;
}
.lt-xz3 li {
    padding: 5px 20px;
    display: block;
}
.lt-xz3 li:hover {
    background-color: #745c06;
    padding: 5px 20px;
    display: block;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
}
.lt-xz3 a {
    padding: 5px 10px;
    color: #333;
    font-size: 15px;
    text-decoration: none;
    display: block;
    letter-spacing: .5px;
}
.lt-xz3 a:hover {
    padding: 5px 10px;
    color: #fff;
}
.li-xx:hover {
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
}
.w3-center {
    text-align: center!important;
}
.w3-animate-right {
    position: relative;
    animation: animateright 5.0s;
}
.w3-container,
.w3-panel {
    padding: 0.01em 16px;
}
@keyframes animateright {
    0% {
        right: -300px;
        opacity: 0;
    }
    
    100% {
        right: 0;
        opacity: 1;
    }
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-color: #003664 !important;
    border-color: #003664 !important;
}
.card-header {
    position: relative;
    width: 100%;
    float: left;
}
.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    
    content: "\f067";
}
.card-title {
    font-size: 13px;
    float: left;
    width: 100%;
    text-align: left;
    padding: 8px 0px 12px 16px;
    border-bottom: 3px #ddd solid;
    color: #555;
    font-weight: normal !important;
}
.accordion .card-header:after {
    float: right;
    position: absolute;
    right: 12px;
    top: 10px;
}
.card-body ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 15px;
}
.card-body ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px !important;
    color: #555 !important;
    font-weight: normal !important;
}
.cardcheck {
    margin-right: 10px !important;
    float: left;
}
.dipsec {
    margin: 17px;
    width: 100%;
    float: left;
}
.morebtn {
    float: right;
}
.morebtn a {
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
    border: 1px #333 solid;
    border-radius: 5px;
}
.morebtn a:hover {
    color: #fff;
    border: 1px #333 solid;
    background-color: #333;
}
.intake-sec {
    width: 100%;
    float: left;
}
.intake {
    float: left;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.4);
}
.intpos {
    width: 100%;
    float: left;
    top: 13px;
    left: 290px;
    position: absolute;
}
.intpos p {
    margin-bottom: 5px;
}
.admisleft {
    float: left;
    background-color: #6886A2;
}
.admisintake {
    background-color: #DAE1E9;
    float: left;
    height: 157px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 11px -1px rgba(0, 0, 0, 0.4);
}
.admisleft img {
    width: 80px;
    height: auto;
    margin: 43px 0 50px 23px;
}
.adinsec {
    font-size: 16px;
    color: #1C7778;
    font-weight: 600;
    padding: 60px 0 0 0;
    text-align: center;
}
.adinsec span {
    font-size: 16px;
    color: #444;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: normal;
}
.stdate-sec {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.stdate {
    float: left;
    background-color: #007D79;
    color: #fff;
    font-size: 15px;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    margin-bottom: 10px;
}
.stte2 {
    background-color: #EBEBEB !important;
    color: #333;
}

/*------------=============  RESPONSIVE--CSS  ============-------------*/
@media only screen and (max-width: 768px) {
    .sec-1 {
        padding: 0;
    }
    
    .sec-2 {
        padding: 0!important;
    }
    
    .tt-0x {
        border-left: none;
    }
    
    .dd-0t h2 {
        padding: 60px 50px 0;
    }
    
    .dd-0t p {
        padding: 0 50px 60px;
    }
    
    .dd-0t1 h2 {
        padding: 60px 0 0;
    }
    
    .dd-0t1 p {
        padding: 0 0 60px;
    }
    
    .sec-3 {
        padding: 0 40px;
    }
    
    .xtc-01 {
        padding: 10px 0;
    }
    
    .xtc-01 li {
        padding: 0;
    }
    
    .xtc-01 a {
        padding: 10px;
        font-size: 14px;
    }
    
    .btn-ttm {
        width: inherit;
        margin: 0!important;
    }
    
    .dd-01 {
        width: auto;
        padding: 10px 0
    }
    
    .dd-02 {
        width: 100%;
        padding: 10px 0;
    }
    
    .bb-tX {
        padding: 0;
        margin-bottom: 20px;
        border: 20px solid #7d6c04;
        height: 400px;
    }
    
    .dx-02 {
        padding: 0;
    }
    
    .th-0A {
        padding: 20px 30px 5px;
    }
    
    .th-0A1 h3 {
        padding-top: 30px;
    }
    
    .ee-01 {
        padding: 0 10px;
    }
    
    .ee-A1 {
        padding-top: 20px;
    }
    
    .lt-01 {
        padding: 0;
    }
    
    .lt-01 h2 {
        padding: 40px 0 10px;
    }
    
    .lt-02 h2 {
        padding: 40px 0 10px;
    }
    
    .tb-0X1 {
        padding: 10px 30px;
    }
    
    .img-tt-0X {
        height: unset;
    }
    
    .img-tt-0X img {
        width: 200px!important;
    }
    
    .bt-row {
        padding: 0;
    }
    
    .th-0A2 {
        padding: 25px;
    }
    
    .tt-0x h2 {
        padding-bottom: 15px;
    }
    
    .sec-5 {
        padding: 0 40px 40px;
    }
    /*-----=====about-uss-css  ======-------*/
    
    .pp-01 {
        padding: 10px;
    }
    
    .sec-01 {
        padding-top: 40px;
    }
    
    .xx-02 {
        padding: 10px 20px;
    }
    
    .ani-xx4 {
        margin: 20px 7px;
    }
    
    .ani-xx4 h2 {
        padding: 100px 30px;
    }
    
    .ani-xx3 {
        margin: 10px 0!important;
        padding: 0!important;
    }
    
    .sp-a {
        bottom: 0px;
    }
    
    .lt-xx0 {
        padding: 40px 20px 10px 0;
    }
    /*Media query for ipad*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .dd-0t {
        width: 50%;
    }
    
    .dd-0t1 {
        width: 50%;
    }
    
    .dd-0t h2 {
        padding: 70px 50px 0;
    }
    
    .dd-0t p {
        padding: 0 50px 70px;
    }
    
    .dd-0t1 h2 {
        padding: 70px 0 0;
    }
    
    .dd-0t1 p {
        padding: 0 0 70px;
    }
    
    .xtc-01 a {
        font-weight: 600;
        font-size: 24px;
    }
    
    .xtc-01 li {
        padding: 20px;
    }
    
    .btn-ttm {
        text-align: center;
        font-size: 19px;
        width: 40%;
        margin: 0 200px!important;
    }
    
    .img-ttm-01 {
        width: 45%;
    }
    
    .img-ttm-01 img {
        width: 200px;
    }
    
    .img-ttm img {
        padding: 0;
    }
    
    .dd-01 {
        width: 100%;
        margin: 0 10px;
    }
    
    .bb-tX {
        height: 270px;
        width: 50%;
    }
    
    .bb-tx0 {
        width: 50%;
    }
    
    .dx-02 {
        width: 30%;
    }
    
    .dx-03 {
        width: 70%;
    }
    
    .bb-tZ0 {
        width: 50%;
    }
    
    .bb-tz1 {
        text-align: center;
        width: 100%;
    }
    
    .th-0A3 {
        padding: 0 30px;
    }
    
    .ee-01 {
        width: 50%;
    }
    
    .tb-0X1 {
        width: 50%;
    }
    /* preeti css 17-09-2020 END END */
    
    .boxborder {
        width: 100%;
        float: left;
        border: 1px #efefef solid;
        padding: 20px;
        border-radius: 10px;
        background-color: #fbfbfb;
    }
    
    .colprofile {
        width: 99.5%;
        position: relative;
        display: block;
        background: #F7F8F9;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
        padding-bottom: 26px;
        border-radius: 2px;
    }


    
    .mobleft {
        position: absolute;
        top: 0;
        left: 0;
    }
}


@media only screen and (min-width: 768px) {
.desk-none{display: none;}
}



@media only screen and (max-width: 767px) {
.social{opacity: 1;}
.mrnone{margin-right: 0 !important;}
.front-banner p{color: #fff !important; font-size: 19px !important;}
.front-enroll{padding: 10px 6px !important; font-size: 14px !important; margin: 30px 6px 0 0 !important;}
.mob-none{display: none;}
.front-banner{width: 100%; float: left; text-align: center;}
.front-banner h1{padding: 136px 0; color: #fff !important; margin-bottom: 0 !important; text-shadow: 1px 2px 4px rgb(0 0 0);}
.about-content h2{font-size: 27px;}
}







/* ======================  23-12-21  code educounsellors.net par paste karna hai  ====================== */
.tabsys{margin-bottom:40px;}
.bolder{padding: 20px 0 10px;}
.bolder h2{font-weight:600 !important;}
.topshadow{
    -webkit-box-shadow: 0 0 13px 2px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 8px 1px rgb(0 0 0 / 20%);
}
.mbtn{margin-top: 10px !important;}

.front-area{position: absolute; left: 60px; top:40%;}
.front-banner{width: 100%; float: left;}
.front-banner h1{font-size: 28px; color: #1A3863; margin-bottom: 20px; font-weight: 600; text-transform: uppercase;}
.front-banner h1 span{font-size: 28px; font-weight: 600;}
.front-banner p{font-size: 22px; color: #333; line-height: 32px;}
.front-enroll {
    float: left;
    background-color: #DDDFDE;
    color: #666;
    padding: 10px 10px;
    font-size: 15px;
    margin: 30px 10px 0 0;
    font-weight: 600;
}

.latest-news {
    width: 100%;
    float: left;
    border: 1px #f7f7f7 solid;
    text-align: center;
    -moz-box-shadow: 1px 1px 2px -1px rgb(0 0 0 / 10%);
    box-shadow: 1px 1px 2px -1px rgb(0 0 0 / 10%);
}
.latest-news img{width: 100%; height: auto;}
.latestbox2{width: 100%; float: left; padding: 20px 20px 10px 20px;}
.latest-news h2{font-size: 17px; color: #444; margin-bottom: 10px;}
.latest-news p{font-size: 14px; color: #444; line-height: 20px; margin-bottom: 10px;}
.calander{padding: 0 0 0 0; color: #d50100 !important;}
.blogcontent{margin-bottom: 20px !important;}


.percent-box{width: 100%; float: left; text-align: center; margin-top: 15px;}
.percent-box a {
    background-color: #fff;
    margin: 0;
    font-size: 16px;
    padding: 2px 10px;
    border: 1px #ddd solid;
    font-weight: normal;
}

.courses-image{position: relative;}
.courses-image:hover{background-color: #fff !important;}
.fullbdr {
    border: 1px #f7f7f7 solid;
    width: 90%;
    height: 85%;
    float: left;
    position: absolute;
    margin: 5% 0 0 5%;
    cursor: pointer;
}
.fullbdr:hover{
    border: 1px #fff solid !important;
    background-color: rgb(000, 000, 000, .2);
}

.processbox{width: 100%; float: left;}
.processbox img{width: 100%; height: auto;}

.process-area {
    width: 100%;
    float: left;
    margin: 70px 0 !important;
    padding: 0;
}

.about-content h2{text-transform: uppercase;}
.about-content p span {
    font-weight: 600;
    width: 100%;
    float: left;
    font-size: 20px;
    margin-bottom: 10px;
}
.default-section{
    width: 100%; 
    float: left;
    margin: 60px 0 30px 0;
}

.stucenter {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px !important;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.stuicon{float: left; text-align: center;}
.stuicon img{width: auto;}


.cattab{
    width: 100%; 
    float: left;
    margin-bottom: 30px;
    text-align: center;
}

.cattab img{
    width: 100%; 
    height: auto;
}

.cattab h2{
    float: left;
    font-size: 17px;
    color: #333;
    padding: 12px 0;
}

.operations-area2 {
    width: 100%;
    float: left;
    background-color: #f7f7f7;
    margin: 40px 0 20px 0;
    padding-bottom: 60px;
    padding-top: 40px !important;
}

.oper-points{width: 100%; float: left;}
.oper-points span {
    padding: 5px 6px;
    margin: 0 6px 8px 0;
    font-size: 14px;
    border-bottom: 1px #eee solid;
    width: 47% !important;
    float: right;
}

.platform-box {
    width: 100%;
    float: left;
    margin-top: 30px;
    padding: 8px;
    background-color: #fff;
    -webkit-box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 3px 4px -1px rgb(0 0 0 / 10%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.platform-left {
    width: 30%;
    float: left;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}
.platform-left img{width: 100%; height: auto;}
.platform-overflow{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(0, 0, 0, .3); text-align: center;}
.platform-overflow .fa {
    color: #fff;
    font-size: 35px;
    padding: 140px 0 15px 0;
}
.platform-overflow h2 {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}
.platform-right{width: 68%; float: left; margin-left: 2%;}
.bgred{background-color: rgb(185, 7, 23, .5) !important;}
.daastxt .fa{color: #b90717;}

.platform-box:hover .platform-left .platform-overflow{background-color: rgb(0, 0, 0, .0) !important;}

/* ======================  23-12-21  code live mode par paste karna hai  ====================== */



.edu-progress {
    width: 100%;
    float: left;
    padding-bottom: 40px;
    background-color: #ebeef3;
}
.proarea{width: 100%; float: left;}
.probar {
    width: 100%;
    float: left;
    padding: 15px 10px 12px 10px;
    text-align: center;
    -webkit-box-shadow: 0 0 7px 2px rgb(0 0 0 / 2%);
    -moz-box-shadow: 0 0 7px 2px rgb(0 0 0 / 2%);
    box-shadow: 0 0 7px 2px rgb(0 0 0 / 2%);
}
.probar:hover{
    -webkit-box-shadow: 0 0 7px 2px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 0 7px 2px rgb(0 0 0 / 8%);
    box-shadow: 0 0 7px 2px rgb(0 0 0 / 8%);
}
.probar .fa {
    color: #6B6A6A;
    font-size: 30px;
    border: 1px #ddd solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100px;
    height: 110px;
    margin-bottom: 10px;
    line-height: 110px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
}
.probar h2 {
    color: #B30002;
    font-size: 16px;
    margin: 10px 0;
}

.probar p {
    color: #666;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
}
.probar:hover .fa{border: 1px #B90717 solid; background-color: #fff; color: #B90717;}

.edu-progress h3 {
    width: 100%;
    float: left;
    color: #003664;
    font-size: 16px;
    margin: 10px 0;
    font-size: 24px;
    line-height: 54px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}

.edubdr {
    width: 100%;
    float: left;
    border: 1px #ddd solid;
    padding: 10px 10px 35px 10px;
    margin-top: 60px;
}





.propic {
    width: 28%;
    float: left;
    margin-top: 4px;
}
.propic img {
    width: 100%;
    height: auto;
    border-right: 1px #ddd solid;
    padding-right: 10px;
}
.propic-txt {
    width: 72%;
    float: left;
    padding: 12px 10px 11px 10px;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: 600;
}

.stulogo{
    -webkit-box-shadow: 0 0 7px 2px rgb(0 0 0 / 8%) !important;
    -moz-box-shadow: 0 0 7px 2px rgb(0 0 0 / 8%) !important;
    box-shadow: 0 0 7px 2px rgb(0 0 0 / 8%) !important;
}

.presmar{margin-top: 0;}

.schtable table tbody tr td{padding: 20px 10px !important;}


.promain{position: relative;}
.promain-arrow {
    position: absolute;
    top: 69px;
    right: -10px;
}

.home-memarea-wte{
    padding: 80px 0 0 0 !important;
    margin: 0;
    width: 100%;
    float: left;
}








/* ======================= digital-member-university.html ======================= */
.dmuftoat{float: left;}
.finding-area{
    width: 100%;
    float: left;
    height: 560px;
    position: relative;
    background: url(../images/digital-background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.finding-area img{width: 100%; height: auto;}
.cwbg{background-color: #f1f2f6;}
.findingtxt {
    width: 570px;
    float: left;
    margin-top: 7%;
}

.findingtxt h2 {
    font-size: 35px;
    margin-bottom: 15px;
    color: #003664;
    line-height: 45px;
}

.findingtxt h2 span {
    color: #b90717;
}

.findingtxt p {
    font-size: 24px;
    color: #222;
    margin-bottom: 35px;
}

.findingtxt a {
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #b90717;
    font-weight: 600;
    border: 2px #b90717 solid;
    padding: 10px 20px !important;
    border-radius: 90px;
}
.findingtxt a:hover{
    color: #fff;
    border: 2px #003664 solid;
    background-color: #003664;
     -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.finding-section {
    width: 100%;
    float: left;
}
.finding-quotes {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding: 50px;
    border-radius: 30px;
    margin-top: -222px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #999 !important;
}
.finding-quotes h1{text-align: center; font-size: 35px; margin-bottom: 10px;}
.finding-quotes h1 span{color: #b90717;}
.finding-quotes p{text-align: center; font-size: 24px; margin-bottom: 30px;}
.finding-searchpart{
    width: 100%;
    max-width: 760px;
    margin: 0 auto 0 auto;
}
.finding-ipt{
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;
    border: none !important;
    border-radius: 15px;
    padding: 15px 30px;
    width: 72%;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    background-color: transparent;
}
.finding-btn {
    border: none;
    background-color: #b90717;
    color: #fff;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    -webkit-border-top-right-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -moz-border-radius-topright: 90px;
    -moz-border-radius-bottomright: 90px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    font-size: 19px;
    border-radius: 90px;
    padding: 12px 65px 12px 32px;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif !important;
}
.finding-btn:hover{background-color: #003664; color: #fff;}
.finding-formbox {
    float: right;
    position: relative;
    width: 23%;
}
.finding-formbox .fa {
    position: absolute;
    right: 35px;
    top: 19px;
    color: #fff;
    font-size: 18px;
}

.finding-example{
    width: 100%;
    float: left;
    font-size: 13px;
    color: #bebebe;
    text-align: left;
    padding: 12px 0 0 28px;
}

.finding-divider{width:100%; margin: 40px 0;}

.filter-box {
    width: 100%;
    float: left;
    height: 46px !important;
    padding: 0 20px 11px 0;
    border-radius: 0;
    font-size: 16px;
    color: #333 !important;
    text-align: left;
    background-color: transparent;
    border: none !important;
    position: relative;
    outline: none;
}

.university-list{width: 100%; float: left; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; margin-top: 30px;}

.digitalmem-area{
    width: 100%;
    float: left;
    padding: 50px 0 30px 0;
    background-color: #f3f4f8;
}

.showingbox {
    font-size: 15px;
    font-weight: 600;
    padding: 20px 15px;
    margin: 0;
    color: #333;
    background-color: #f3f4f8;
    box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 35%) !important;
    border: 1px #ddd solid !important;
}

.filter-area{width: 100%; float: left; background-color: #f3f4f8;}
.filterleftbox-txt {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #444;
    margin: 37px 0 0 0;
    font-weight: 600;
}

.cwbg .single-courses-2 .courses-image {
    height: 160px;
    overflow: hidden;
    margin: -1px -1px 0 -1px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.filterbtn {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    background-color: #b90717;
    width: 100%;
    margin-top: 96px !important;
    padding: 15px 10px;
    border-radius: 10px;
    font-weight: 500;
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.filterbtn:hover{background-color: #003664;}

.filtertxt {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 65px !important;
    padding: 20px 10px;
    border-radius: 10px;
    outline: none;
    font-weight: 600;
    font-size: 17px;
    color: #333;
    background-color: #f3f4f8;
}
.filtertxt .fa{
    color: #b90717;
}

.welcome-area{padding: 40px 0 !important;}

.filterrighttbox{width: 100%; float: left;}

.courses-wrapper-area{width: 100%; float: left; background-color: #f3f4f8;}
.filter-listing {
    width: 100%;
    float: left;
    margin-top: 30px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    border-radius: 20px;
    overflow: hidden;
}
.uni-digital {
    width: 100%;
    float: left;
    background-color: #f3f4f8 !important;
    box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 35%) !important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 30px;
}
.drsec{
    bottom: -1px !important;
    left: -1px !important;
    width: 100.5% !important;
    padding: 1px 16px 12px 15px !important;
}



.top-filer-area {
    width: 100%;
    float: left;
    margin-top: 40px;
}
.filipt{width: 100%; float: left;}
.flrsel {
    width: 100%;
    float: left;
    padding: 2px 30px;
    height: 45px !important;
    font-size: 16px;
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;
    border: none;
    border-radius: 90px;
    outline: none;
}

.flrsub{
    color: #fff;
    background: #003664;
    border: 0;
    padding: 15px 60px;
    font-size: 17px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    cursor: pointer;
    font-weight: 600;
    border-radius: 90px;
}
.flrsub:hover {
    background: #b90717;
}    

.srcmain-area{
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    padding: 70px;
    border-radius: 30px;
    width: 100%;
    float: left;
}

.fill-area {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding-bottom: 70px;
}
.finding-fillbox {
    width: 100%;
    float: left;
    text-align: center;
    padding: 39px 20px;
    height: 280px;
    margin-bottom: 30px;
    border-radius: 20px;
    cursor: pointer;
    background-color: #f2f3f7;
    border: 1px #ccc solid;
}
.finding-fillbox:hover{transform: scale(1.04); transition: all 0.10s ease;}
.finding-fillbox img{width: 45px; height: auto;}
.finding-fillbox h2 {
    color: #003664;
    font-size: 18px;
    margin: 25px 0 15px 0;
    font-weight: 600;
}
.finding-fillbox p{
    color: #555;
    font-size: 14px;
    text-align: justify;
}
.filterleftbox .fa:first-child {
    position: absolute;
    z-index: 99;
    text-indent: 15px;
    padding-top: 17px;
    color: #c7c7c7;
}
.more-haffbox p span img{width:100%; height: 25px;}
.more-haffbox p i {
    float: left;
    font-style: normal;
    margin: 5px 0 0 7px;
    line-height: 20px;
}


.finding-ranking {
    width: 100%;
    float: left;
    padding: 10px;
    background-color: #ebeef3;
    box-shadow: 0 1px 0px #cbced1, 0px 2px 1px #fff !important;
    border-top: 2px #fff solid;
}   


.more-listing{width: 100%; float: left; border-bottom: 1px #d2d2d2 solid; padding: 10px;}
.more-haffbox{width: 50%; float: left;}
.listedarea{margin-bottom: 30px; position: relative; background-color: #f3f4f8 !important;}
.more-haffbox p{font-size: 12.5px; color: #444; line-height: 22px;}
.more-haffbox p span{font-size: 13px; color: #003664; font-weight: 600; padding: 10px; box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff !important; 
    border-radius: 8px; margin-right: 5px; float: left;}
.more-haffbox p .fa{color: #b90717; font-size: 11px;}
.more-haffbox p .fa-comments{font-size: 14px !important;}
.more-haffbox b {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-top: 1px;
    float: left;
}
.single-courses-2{width: 100%; float: left; -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rankpd{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.kllg{padding: 10px 0 !important;}
.kllg h2{margin-bottom: 5px !important;}
.more-url{width: 100%; float: left;}
.more-url a{width: 42%; float: left; border-radius: 10px; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; 
    text-align: center; padding: 8px 20px; font-size: 14px; margin: 10px 4%; border:1px transparent solid; font-weight: 600; -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.more-url a:hover{background-color: #fff;}
.morered{color: #b90717;}
.moreblue{color: #003664;}

.more-url {
    width: 100%;
    float: left;
    text-align: center;
    padding: 4px 0 0 0;
}
.more-url p{font-size: 14px;}
.morered:hover{background-color: #b90717 !important; color: #fff;}
.moreblue:hover{background-color: #003664 !important; color: #fff;}
.rating2 {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 999;
    padding: 4px 7px;
}
.rating2 .fa{color: #fff; font-size: 10px !important;}
.filterleftbox .select{border-bottom: none !important;}
.filterleftbox .select select {
    background-color: #f3f4f8;
    width: 100%;
    padding: 14px 10px 12px 10px;
    height: 46px !important;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    text-indent: 30px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    font-family: 'Poppins', sans-serif !important;
    cursor: pointer;
}
.filterleftbox .select select:hover{background-color: #eee;}

.single-courses-2 .courses-content{padding: 5px 15px 6px 15px !important;}

.filterleftbox{width: 100%; float: left; margin: 15px 0; position: relative;}
.filterleftbox .fa:first-child{
    position: absolute;
    z-index: 99;
    text-indent: 15px;
    padding-top: 17px;
}
.filterleftbox .fa-caret-down{
    position: absolute;
    z-index: 99;
    right: 15px;
    padding-top: 17px;
    color: #c7c7c7;
}
.filter-sec {
    width: 100%;
    float: left;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    padding: 30px;
    border-radius: 20px;
}
.filtericon {
    width: 100%;
    float: left;
    font-size: 35px;
    margin-top: 70px;
    color: #b90717;
}
.innerfiler {
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 20px;
    box-shadow: inset 6px 4px 9px #cbced1, inset -9px -10px 6px #fff;
}


.searchengine-area {
    width: 100%;
    float: left;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} 
.sstoparea{padding: 80px 0 20px 0 !important; margin-top: -230px !important;} 
.searchquote {
    width: 100%;
    float: left;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    padding: 70px 0 80px 0;
    border-radius: 30px;
    margin-bottom: 70px !important;
}
.searchquote h1{text-align: center; font-size: 31px; margin-bottom: 15px;}
.searchquote h1 span{color: #b90717;}
.searchquote p{text-align: center; font-size: 24px;}
.searchbar {
    width: 100%;
    max-width: 760px;
    margin: 60px auto 0 auto;
}
.ssrchipt {
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;
    border: none !important;
    border-radius: 15px;
    padding: 15px 30px;
    width: 72%;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    background-color: transparent;
}
.ssrchbtn {
    border: none;
    background-color: #b90717;
    color: #fff;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    -webkit-border-top-right-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -moz-border-radius-topright: 90px;
    -moz-border-radius-bottomright: 90px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    font-size: 19px;
    border-radius: 90px;
    padding: 12px 65px 12px 30px;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif !important;
}
.ssrchbtn:hover{background-color: #003664; color: #fff;}
.ssrchbtnn{float: right; position: relative;}
.ssrchbtnn .fa {
    position: absolute;
    right: 35px;
    top: 19px;
    color: #fff;
    font-size: 18px;
}

.ex-area {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #bebebe;
    text-align: left;
    padding: 12px 0 0 28px;
}


.unilist-box{width: 100%; float: left; height: 370px;}


@media only screen and (min-width: 768px){
.exam-desk-none{display: none;}
.filtertop{max-width: 12%; flex: 0 0 12%;}
.applyftr{max-width: 12%; flex: 0 0 12%;}
}


@media only screen and (max-width: 767px){
.findingtxt h2{font-size: 22px; margin-bottom: 15px; line-height: 25px;}
.findingtxt{margin-top: 22%;}
.findingtxt p{font-size: 18px;}    
.searchbar{margin: 20px auto 0 auto;}    
.finding-area img{width: 100%; height: auto;}    
.searchquote p{padding: 0 10px; line-height: 30px; font-size: 18px;}
.ssrchipt{width: 90%; margin: 0 5%}
.searchengine-area{padding: 50px 0 0px 0;}
.searchquote{padding: 60px 0;}
.searchquote h1{font-size: 21px; padding: 0 20px; line-height: 30px;}
.ssrchipt{width: 90%; margin: 10px 5% 10px 5%;}
.ssrchbtn{padding: 10px 60px 10px 35px; border-radius: 10px !important;}
.ssrchbtnn .fa{right: 36px; top: 16px;}
.ssrchbtnn{margin: 50px 25% 0 25%;}
.ssrchipt{padding: 15px 17px;}    
.finding-quotes h1{font-size: 23px; margin-bottom: 15px;}
.finding-section{padding: 80px 0 20px 0;}
.finding-btn{padding: 10px 60px 10px 30px; border-radius: 10px;}
.finding-quotes{padding: 60px 10px; margin-top: -270px;}
.finding-quotes p{font-size: 20px;}
.finding-formbox .fa{right: -45px; text-align: center; width: 100%;}
.finding-divider{margin: 30px 0;}
.filtertxt{margin-top: 0px !important;}
.filterbtn{margin-top: 0 !important;}
.filter-sec{padding: 30px 0;}
.innerfiler{margin: 30px 0 10px 0; padding: 30px 10px;}
.finding-ipt{width: 100%;}
.finding-formbox{margin-top: 20px; width: 100%; text-align: center;}
.exam-mob-none{display: none;}
.unilist-box{height: auto !important;}
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
.showingbox{padding: 20px 15px 0 15px;}
.finding-quotes{padding: 50px 20px;}
.finding-ipt{width: 68%;}
.searchengine-area{margin-bottom: 0;}
.abhts{padding: 65px 0 85px 0;}
.ssrchbtn{padding: 14px 50px 14px 20px; font-size: 17px; border-radius: 10px !important;}
.ssrchbtnn .fa{right: 21px; top: 18px;}
.searchbar{width: 93%;}
.searchquote{padding: 50px 0;}
.filtertop{max-width: 100%; flex: 0 0 100%;}
.applyftr{max-width: 100%; flex: 0 0 100%;}
.inner-all-list{max-width: 100%; flex: 0 0 100%; margin: 30px 0 0 0}
.filterbtn{margin: 10px 35% 0 35% !important; width: 30%;}
.filtertxt{margin: 0 35% !important; width: 30%;}
.filter-sec {padding: 30px 0;}
}


@media only screen and (max-width: 1500px){
.container{flex: 0 0 98% !important; max-width: 98% !important;}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.filterbtn{margin-top: 20px !important;}
.filtertxt{margin-top: 10px !important;}
.filter-sec {padding: 30px 0;}
.filtertop{max-width: 100%; flex: 0 0 100%;}
.applyftr{max-width: 100%; flex: 0 0 100%;}
.inner-all-list{max-width: 100%; flex: 0 0 100%; margin: 30px 0 0 0}
.filterbtn{margin-top: 10px !important;}
.filterbtn{margin: 10px 35% 0 35% !important; width: 30%;}
.filtertxt{margin: 0 35% !important; width: 30%;}
.ssrchbtnn{margin: 20px 37% 0 0 !important;}
.finding-fillbox{width: 90%; margin: 10% 10% 0 10%;}
}

@media only screen and (min-width: 1700px){
.finding-area{height: 820px;}
.findingtxt{margin-top: 14%;}
}
/* End */






/* ================ Course.html ================ */
.full-slider-area .ui-slider{height: auto !important;}
.coursesall-area{width: 100%; float: left; padding: 60px 0 30px 0; background-color: #ebeef3;}
.courses-all{width: 100%; float: left; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff; overflow: hidden; border-radius: 20px;}
.course-box{width: 100%; float: left; position: relative; padding: 10px; text-align: center; padding: 20px 0; background-color: #ebeef3;}
.course-box h2{font-weight: 600;}
.courses-all .courses-features .sidebar-btn .main-btn{height: 43px; line-height: 44px; padding: 0 30px; font-size: 16px;}
.courses-all .single-courses-2 .courses-image{overflow: hidden; position: relative; height: 240px;}
.inner-course-area{width: 100%; float: left; background-color: #f1f2f6; padding: 70px 0 50px 0;}
figure.effect-julia h2 img{width: 30%; margin: 10px auto 0 auto;}
.ctry-inner-area{margin-top: -70px;}
.bestctry-area{width: 100%; float: left; background-color: #f1f2f6; padding-top: 50px;}
.bestctry-area figure.effect-julia{box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 35%) !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.whybody{font-size: 16px; color: #333; line-height: 30px; text-align: justify; padding-right: 30px;}
.item-choose{position: relative; margin-bottom: 50px;}
.item-about .icon{display: inline-block; padding-right: 10px; float: left;}
.item-choose .icon img{width: 50px; height: auto;}
.item-about .content{padding-left: 20px; overflow: hidden;}
.item-about .content h3{font-size: 15px; color: #333; margin-bottom: 0; font-weight: 500; overflow: hidden; max-width: 80%; width: 100%; float: left; line-height: 22px;}
.item-choose .content h3{letter-spacing: 0.2px; margin-top: 0;}
.whypic{width: 100%; float: left; margin-bottom: 40px;}
.whypic img{width: 100%; height: auto; border-radius: 20px;}
.why-medical-area{width: 100%; float: left; padding: 40px 0; background-color: #f4f5f9;}

.courseright-apply{background-color: #f1f2f6; padding: 0px 20px 0px 20px; float: left; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff; border-radius: 30px;}
.courseright-right-pply{padding: 20px; float: left;}
.courseright-apply p span{text-align: left;}
.courseright-apply p span.apply-title{width:32% !important; color: #333; font-weight: 600; font-size: 14px;}
.courseright-apply p span.apply-dot{width:8% !important; color: #333;}
.courseright-apply p span.apply-value{width: 60% !important; color: #555; line-height: 22px; font-size: 15px;}
.courseright-overview{width: 100%; float: left; margin-bottom: 10px; text-align: center; font-size: 24px; padding: 10px 0; color: #b90717; font-weight: 600; text-transform: uppercase;}
.courseapply{width: 100%; float: left; margin: 20px 0 0 0; text-align: center;}
.courseapply a{background-color: #b90717; border-radius: 90px;  border: 1px #fff solid; text-align: center; font-size: 17px; padding: 10px 30px; color: #fff; font-weight: 600;}
.courseapply a:hover{background-color: #fff; border: 1px #b90717 solid; color: #b90717;}
.courseright-right-pply p{margin: 10px 0; padding: 8px 15px; border-radius: 15px; box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;}
.bestctry-area .country-area .effect-julia h2 img{margin-top: 30px !important;}
.bestctry-area .country-area figure.effect-julia p{width: 100% !important;}
.bestctry-area .container .country-area .ctry-inner-area{margin-top: -105px;}
.bestctry-area .container .country-area .effect-julia h2{margin-top: 40px;}
.courseslider h1{font-size: 55px !important;}


@media only screen and (min-width: 576px) and (max-width: 767px){
.course-box p{font-size: 13px !important;}
.courses-all{width: 90%; margin: 0 5%;}
.course-box{padding: 0 !important;}
.courses-all .single-courses-2 .courses-image{height: 210px;}
.course-box h2{margin: 15px 0 5px 0;}
.front-banner h1{padding: 160px 0 90px 0; font-size: 42px !important;}
.courses-col{max-width: 100% !important;}
.bestctry-area .container .country-area .ctry-inner-area{margin-top: -65px !important;}
.more-url a{padding: 8px 5px;}
.kllg h2{height: 43px !important; overflow: hidden !important;}
.findingtxt{margin-top: 18%;}
.findingtxt h2{font-size: 30px; line-height: 36px;}
.findingtxt p{font-size: 24px;}
.mdlbox {
    float: left;
    max-width: 48% !important;
    flex: 0 0 48%;
    margin-right: 10px;
}
}


@media only screen and (min-width: 768px) and (max-width: 1200px){
.inner-course-area .about-content{margin-bottom: 50px;}
.bestctry-area .grid-box figure{max-height: 500px !important;}
.bestctry-area .grid-box figure{min-width: 100% !important; max-width: 100% !important;}
.section-title-2 .title{font-size: 25px !important;}
}



@media only screen and (max-width: 767px){
.crslist{margin-bottom: 20px;}
.grid-box figure{margin: 0 10px 0 0 !important;}
.country-area .container .owl-carousel .effect-julia figcaption{padding-bottom: 40px !important; margin-bottom: 50px !important}
.grid-box figure{max-height: 500px !important;}
.bestctry-area .container .country-area .ctry-inner-area{margin-top: -45px;}
.why-medical-area{padding: 40px 0 0 0 !important;}
.crslist{margin-bottom: 0;}
.section-title-2 .title{font-size: 24px !important;}
.courseslider h1{font-size: 35px !important;}
}


@media only screen and (min-width: 768px){
.about-content{padding-right: 8.333333%;}
.whypic{padding-right: 40px;}
}

@media only screen and (min-width: 768px){
.about-content{padding-right: 8.333333%;}
.whypic{padding-right: 40px;}
}
/* ================ End Course.html ================ */






/* ================ Inner Single Course ================ */
.why-coursebox{width: 100%; float: left; text-align: left;}
.why-coursebox p{margin: 0 0 20px 0; line-height: 22px;}
.why-coursebox h2{font-size: 18px; font-weight: 600; margin: 0 0 20px 0;}
.why-coursebox ul{margin: 0; padding: 0 0 20px 40px;}
.why-coursebox ul li{margin-bottom: 10px; list-style: disc;}
.innercrsbg{background-color: #f1f2f6; padding-bottom: 40px;}
.inrbox{padding-bottom: 50px; background-color: #f1f2f6;}
.crssocial{padding-bottom: 10px;}
.inrbox .single-courses-2 .courses-image{overflow: hidden; margin: -1px -1px 0 -1px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.innercrs-social{float: left;}
.innercrs-social .fa{color: #b90717; font-size: 10px;}
.inrbox .kllg{padding: 10px 0 0 0 !important;}
.inrbox .kllg h2{padding-bottom: 10px;}
.inrbox .courses-image{position: relative;}
.inrbox .courses-image h2 {
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 20px;
    width: 100%;
    float: left;
    text-align: center;
    background-color: rgb(0, 54, 100, .7);
    padding: 10px 0;
    font-weight: 500;
}

.courseslider .parallax-slider:after{display: none !important;}
.courseslider .parallax-slider:before{display: none !important;}
.courseslider [data-overlay-dark="4"]:before, [data-overlay-light="4"]:before{opacity: .1 !important;}
.courseslider .parallax-slider .swiper-slide{min-height: 90vh !important;}

.approval-auth-area{
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
    background-color: #f1f2f6;
    text-align: center;
}
.approval-auth-sec {
    width: 96%;
    float: left;
    border: 1px #ddd solid;
    background-color: #f1f2f6;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    padding: 50px 10px;
    border-radius: 30px;
    margin: 0 3% 30px 3%;
    height: 300px;
}
.approval-auth-sec img{
    height: 80px;
    display: inline-block;
}
.approval-auth-sec h3{
    text-align: center;
    font-size: 20px;
    line-height: 21px;
    margin: 15px 0;
    font-style: normal;
    font-weight: 600;
    color: #333;
}
.approval-auth-sec p{
    font-weight: normal;
    font-style: normal;
    line-height: 23px;
    color: #727272;
    font-size: 14px;
}


@media only screen and (min-width: 1700px){
.courseslider .parallax-slider .swiper-slide{min-height: 90vh !important;}
}    
/* ================ End Inner Single Course ================ */







/* ================ study-in-india.html ================ */
.country-area{width: 100%; float: left; margin-bottom: 60px;}
.content-box > h2{clear:both;margin:0;padding:4em 1% 0;color:#484B54;font-weight:800;font-size:1.5em}
.content-box > h2:first-child{padding-top:0}.
.grid-box{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1120px;list-style:none;text-align:center}
.grid-box figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:257px;max-width:257px;max-height:330px;width:49%;height:auto;text-align:center;cursor:pointer}
.grid-box figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid-box figure figcaption{padding:10px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid-box figure figcaption::before,.grid-box figure figcaption::after{pointer-events:none}
.grid-box figure figcaption,.grid-box figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid-box figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid-box figure h2{font-weight:300}
.grid-box figure h2 span{font-weight:800}
.grid-box figure h2,.grid-box figure p{margin:0}
.grid-box figure p{font-size:68.5%}figure.effect-julia{background:#2f3238}
figure.effect-julia img{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia figcaption{text-align:left}
figure.effect-julia h2{position:relative;padding:.5em 0;color:#fff;font-size:25px;letter-spacing:2px;text-align:center;text-shadow:3px 2px 2px #000;margin:25px 0 10px;font-weight:600}
figure.effect-julia p{display:inline-block;width:90%;margin:0 0 5px;padding:5px 10px;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:13px;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}
figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0;transition-delay:0}
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


@media only screen and (min-width: 768px) and (max-width: 1200px){ 
.grid-box figure{min-width: 210px !important; max-width: 210px !important;}
}

@media only screen and (max-width: 1600px){ 
.courseright-right-pply{padding: 20px 0 !important;}
}


@media only screen and (max-width: 767px){  
.grid-box figure{margin: 0 10px 30px 0;  width: 100% !important;}
figure.effect-julia img{width: 100%;}
.grid-box figure{min-width: 100%;
}
}   
/* ================ end study-in-india.html ================ */






/* ================ universities.html ================ */
.memberhsip-category-area{background-color: #ebeef3; padding: 65px 0 25px 0;}
.member-sec{box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 50px; padding: 30px; background-image: none !important; background-color: #ebeef3 !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 50px;}
.unimember-box img{border-radius: 30px; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;}
.unimember-txt{padding: 42px 0 !important;}
.unimember-txt p b{font-size: 20px; color: #b90717;}
.percent-box a {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 10px;
    background-color: #ebeef3;
    margin: 0 5px;
    border: none;
    padding: 5px 15px;
}
.member-sec .row .unimember-txt .courses-features .sidebar-btn a{height: 45px; line-height: 45px; font-weight: 600; font-size: 16px;}
.unimember-txt h2{font-size: 24px !important; color: #003664 !important;}
.unimember-txt span{width: 60px !important; background-color: #ccc !important; margin: 10px 0 12px 0 !important;}   


@media only screen and (max-width: 767px){
.member-sec{padding: 15px 0 0 0; border-radius: 50px;}  
.percent-box a{margin: 0 15% 20px 15% !important; width: 70%;}  
.unimember-txt{padding: 42px 0 0 0 !important;}
.unimember-txt .courses-features{margin-top: 20px !important;}
.unimember-txt h2{font-size: 22px !important;}
.unimember-txt p{line-height: 26px; margin-bottom: 10px;}
}
/* ================ end universities.html ================ */





/* ================ Home Page ================ */
.exclusive-area{width:100%; float:left; background-color: #f3f4f8; padding: 50px 2% 60px 2% !important; margin-bottom: 50px !important;}
.currentsch-box{border:none !important; width: 98% !important;}
.exclusive-box{width: 98%;}
.undercourse{background-color: #f3f4f8 !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 10px; border:none !important;}
.currentsch-box{margin: 10px 0 !important; border-radius: 30px !important; background-color: #f3f4f8 !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;}
.readmore a{border: none !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 10px;}
.readmore2 a{border: none !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 10px;}
.currentsch-box img{border: none !important;}
.currentsch-box h3 span{background-color: transparent !important; margin: 0 !important; width: 70px !important;}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    padding: 0 2px !important;
}

.edumag-bg{width: 100%; float: left; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff; border-radius: 30px; padding: 30px;}
.edumag-area{width: 100%; float: left; padding: 60px 0; background-color: #f3f4f8;}
.edu-latest-box{width: 100%; float: left; margin-top: 55px;}
.edu-latest-box h2{font-size: 22px;}
.edumag-newspic{width: 100%; float: left; margin-bottom: 20px;}
.edumag-newspic img {
    width: 100%;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.edumag-newssection{width: 100%; float: left; padding: 0 20px 20px 20px;}
.edumag-newssection h2{font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.edumag-newssection p {
    font-size: 15px;
    color: #444;
    margin-bottom: 10px;
    text-align: justify;
}
.edumag-newssection p:first-child{font-size: 13px; color: #888; margin-bottom: 10px;}
.edumag-newssection p .fa{color: #b90717; margin-right: 5px;}
.edumag-newssection p span{margin-right:20px;}
.edumag-newssection a {
    border: 1px #003664 solid;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #003664;
}
.edumag-newssection a:hover{border:1px #b90717 solid; color: #fff; background-color: #b90717;}

.edumag-box {
    width: 100%;
    float: left;
    border: 1px #ddd solid;
    border-radius: 20px;
}
.edumag-box h2 {
    color: #003664;
    font-size: 20px;
    margin-bottom: 20px;
}
.edumag-event-box {
    width: 100%;
    float: left;
    margin-top: 27px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 27px;
}
.edumag-date-box {
    width: 16%;
    float: left;
    padding: 8px 5px 5px 5px;
    text-align: center;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 10px;
}
.edumag-date-box h4{width: 100%; float: left; font-size: 22px; color: #003664; font-weight: 700;}
.edumag-date-box p{width: 100%; float: left; font-size: 14px; color: #555;}
.edumag-message-box{width: 80%; float: right; text-align: left;}
.edumag-message-box h3{margin-bottom: 5px;}
.edumag-message-box h3 a{font-size: 15px; font-weight: 600; color: #555;}
.edumag-message-box p{font-size: 12px; color: #999;}
.edumag-message-box .fa{color: #b90717;}
.edumag-message-box p span{margin-right: 20px;}
.viewall-event{width: 100%; float: left; margin-top: 40px;}
.viewall-event a {
    color: #003664;
    font-size: 17px;
    border: 1px #003664 solid;
    padding: 10px 20px;
    border-radius: 10px;
}
.viewall-event a:hover{color: #fff; background-color: #b90717; border:1px #b90717 solid;}
.edumag-newsletter {
    width: 100%;
    float: left;
    padding: 29px 20px;
    border-radius: 20px;
    margin-top: 54px;
    background: url(../images/subscribebg.jpg) no-repeat 0px 0px;
    background-size: cover;
    text-align: center;
    box-shadow: 8px 9px 18px #cbced1, -12px -10px 19px #fff;
}
.edumag-newsletter img{margin-bottom: 30px;}
.edumag-newsletter h2{font-size: 18px; color: #003664; margin-bottom: 10px;}
.edumag-newsletter p{font-size: 16px; color: #555;}
.edumag-eduipt {
    width: 100%;
    float: left;
    border: none;
    margin: 30px 0 15px 0;
    padding: 17px 20px;
    font-size: 14px;
    border-radius: 10px;
}
.edumag-submit {
    width: 100%;
    float: left;
    background-color: #b90717;
    color: #fff;
    border: 1px #fff solid;
    padding: 10px;
    font-size: 17px;
    cursor: pointer;
    border-radius: 10px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.edumag-submit:hover{background-color: #003664; color: #fff; border:1px #fff solid;}
.planebox{width: 100%; float: left; position: relative;}
.planebox .fa {
    position: absolute;
    top: 51px;
    right: 20px;
    color: #ccc;
}


@media only screen and (max-width: 767px){
.edumag-box{margin-bottom: 20px;}
.edumag-bg{box-shadow: none; padding: 30px 0;}
}


@media only screen and (min-width: 768px) and (max-width: 1200px){
.edumag-box{margin-bottom: 20px;}
}
/* ================ End event & newsletter section ================ */            













.toppcrs-area {
    width: 100%;
    float: left;
    margin-bottom: 50px;
    background-color: #f3f4f8;
    padding-bottom: 40px;
}
.polarcourse {
    width: 100%;
    float: left;
    text-align: center;
    border-radius: 10px;
    padding: 20px 0;
    margin-bottom: 30px;
    border: 1px #ddd solid;
}
.polarcourse img {
    margin-bottom: 25px;
    width: 70px;
    background-color: #f3f4f8;
    padding: 15px;
    border-radius: 10px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff;
}
.polarcourse h2{font-size: 16px; font-weight: 600; margin-bottom: 0; color: #333;}
.polarcourse a {
    font-size: 15px;
    color: #333;
    background-color: #fff;
    border: 1px #b90717 solid;
    padding: 5px 10px;
}
.polarcourse a:hover{color: #fff; border-bottom: 2px #b90717 solid; background-color: #b90717;}


.contry-flag-box{width: 100%; float: left; text-align: center; margin-bottom: 15px;}
.contry-flag-box img{border-radius: 5px; height: 25px !important; text-align: center; display: inline-block !important;}
.studycontries{border-radius: 20px; overflow: hidden;}

.featur-listing {
    width: 100%;
    float: left;
    border-top: 1px #eee solid;
    padding: 10px 20px;
    background-color: #eee;
}

.featur-haffbox {
    width: 50%;
    float: left;
}
.featur-haffbox p {
    font-size: 12.5px;
    color: #444;
    line-height: 22px;
}

.featur-haffbox b {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-top: 1px;
    float: left;
}


.featur-haffbox-right{
    width: 50%;
    float: left;
}
.featur-haffbox-right p {
    font-size: 12.5px;
    color: #444;
    line-height: 22px;
    text-align: right;
}

.featur-haffbox-right b {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-top: 1px;
    text-align: right;
}

.header-top-left ul li{margin-top: 3px;}




.footer-new-area{width: 100%; float: left; background-color: #f3f4f8; padding: 60px 0 30px 0; background: url(../images/footer-bg.jpg) no-repeat 0px 0px;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;}
.footer-new-box{width: 100%; float: left; text-align: left; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff; padding: 20px; border-radius: 20px;}
.footer-new-box img {
    text-align: center;
    width: auto;
    height: 90px !important;
    margin-bottom: 25px;
    padding: 10px;
}
.footer-new-box h3{
    font-size: 20px;
    color: #555;
    margin: 0 0 5px 10px;
}
.footer-new-box p {
    font-size: 16px;
    color: #555;
    line-height: 24px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 20px;
    margin: 0 0 38px 10px;
}
.footer-new-box a {
    border-radius: 10px;
    color: #333;
    width: 40px;
    height: 40px;
    margin: 0 1px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
}
.footer-new-box a:hover{
    color: #fff;
    background-color: #b90717;
}
.footer-new-box a:hover .fa{
    color: #fff;
}

.footer-quick{width: 100%; float: left; text-align: left;}
.footer-quick h2{font-size: 18px; font-weight: 600; border-bottom: 1px #ddd solid; padding-bottom: 10px; margin-bottom: 15px;}
.footer-quick ul{margin: 0; padding: 0;}
.footer-quick ul li{list-style: none;}
.footer-quick ul li a{font-size: 15px; color: #333; margin-bottom: 13px;}
.footer-quick ul li a:hover{color: #b90717;}

.contact-quick{width: 100%; float: left; text-align: left;}
.contact-quick h2{font-size: 18px; font-weight: 600; border-bottom: 1px #ddd solid; padding-bottom: 10px; margin-bottom: 15px;}
.contact-quick p{font-size: 15px; margin-top: 10px;}
.contact-quick p .fa{color: #b90717; margin-right: 10px;}

.copyright-area{width: 100%; float: left; background-color: #003664; padding: 12px 0;}
.copyrightbox{width: 100%; float: left; font-size: 15px; color: #fff;}
.rightterms{width: 100%; float: left; text-align: right;}
.rightterms a{padding: 0 10px; font-size: 14px; color: #fff;}
.terms h5 {
    font-size: 24px;
    color: #b90717;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.reach-us-area{width: 100%; float: left;}

.reachusleft{width: 100%; float: right; cursor: pointer; background-color: #f3f4f8; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; margin:30px 0 60px 0; padding: 20px 20px 15px 20px; border-radius: 20px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.reachusleft h2{font-weight: 600; font-size: 16px; color: #333; text-align: right;}
.reachusleft p{font-size: 15px; color: #333; text-align: right;}
.reachusicon{width: 60px;float: left; margin-right: 30px; border-right: 1px #ddd solid; padding-right: 20px;}
.reachusicon .fa{font-size: 40px; color: #b90717;}
.reachusleft:hover{background-color: #b90717;}
.reachusleft:hover h2{color: #fff;}
.reachusleft:hover p{color: #fff;}
.reachusleft:hover .fa{color: #fff;}

.reachusright{width: 100%; float: left; cursor: pointer; background-color: #f3f4f8; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; margin:30px 0 60px 0; padding: 20px 20px 15px 20px; border-radius: 20px;
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.reachusright h2{font-weight: 600; font-size: 16px; color: #333;}
.reachusright p{font-size: 15px; color: #333;}
.reachusicon2{width: 60px; float: right; border-left: 1px #ddd solid; padding-left: 20px;}
.reachusicon2 .fa{font-size: 40px; color: #b90717;}
.reachusheading2{text-align: left;}
.reachusright:hover{background-color: #b90717;}
.reachusright:hover h2{color: #fff;}
.reachusright:hover p{color: #fff;}
.reachusright:hover .fa{color: #fff;}

.footerbook{width:100%; float: left; margin-bottom: 20px;}
.ftrpic{width: 100% !important; height: auto !important;}

.footer-new-box a .fa {
    color: #b90717;
    padding: 10px 0 0 11px;
    font-size: 20px;
}

.feature-icon .fa-search{margin-right: 6px !important;}
.meetnew-sec{width: 100%; float: left;}
.meetnew-sec a{width: 100%; float: left;}



/* digital-member-university.html */
.dmuftoat{float: left;}
.finding-area{
    width: 100%;
    float: left;
    height: 560px;
    position: relative;
    background: url(../images/digital-background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.finding-area img{width: 100%; height: auto;}
.cwbg{background-color: #f1f2f6;}
.findingtxt {
    width: 570px;
    float: left;
    margin-top: 7%;
}

.findingtxt h2 {
    font-size: 35px;
    margin-bottom: 15px;
    color: #003664;
    line-height: 45px;
}

.findingtxt h2 span {
    color: #b90717;
}

.findingtxt p {
    font-size: 24px;
    color: #222;
    margin-bottom: 35px;
}

.findingtxt a {
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #b90717;
    font-weight: 600;
    border: 2px #b90717 solid;
    padding: 10px 20px !important;
    border-radius: 90px;
}
.findingtxt a:hover{
    color: #fff;
    border: 2px #003664 solid;
    background-color: #003664;
     -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.finding-section {
    width: 100%;
    float: left;
}
.finding-quotes {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding: 50px;
    border-radius: 30px;
    margin-top: -222px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #999 !important;
}
.finding-quotes h1{text-align: center; font-size: 35px; margin-bottom: 10px;}
.finding-quotes h1 span{color: #b90717;}
.finding-quotes p{text-align: center; font-size: 24px; margin-bottom: 30px;}
.finding-searchpart{
    width: 100%;
    max-width: 760px;
    margin: 0 auto 0 auto;
}
.finding-ipt{
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;
    border: none !important;
    border-radius: 15px;
    padding: 15px 30px;
    width: 72%;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    background-color: transparent;
}
.finding-btn {
    border: none;
    background-color: #b90717;
    color: #fff;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    -webkit-border-top-right-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -moz-border-radius-topright: 90px;
    -moz-border-radius-bottomright: 90px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    font-size: 19px;
    border-radius: 90px;
    padding: 12px 65px 12px 32px;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif !important;
}
.finding-btn:hover{background-color: #003664; color: #fff;}
.finding-formbox {
    float: right;
    position: relative;
    width: 23%;
}
.finding-formbox .fa {
    position: absolute;
    right: 35px;
    top: 19px;
    color: #fff;
    font-size: 18px;
}

.finding-example{
    width: 100%;
    float: left;
    font-size: 13px;
    color: #bebebe;
    text-align: left;
    padding: 12px 0 0 28px;
}

.finding-divider{width:100%; margin: 40px 0;}

.filter-box {
    width: 100%;
    float: left;
    height: 46px !important;
    padding: 0 20px 11px 0;
    border-radius: 0;
    font-size: 16px;
    color: #333 !important;
    text-align: left;
    background-color: transparent;
    border: none !important;
    position: relative;
    outline: none;
}

.university-list{width: 100%; float: left; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; margin-top: 30px;}

.digitalmem-area{
    width: 100%;
    float: left;
    padding: 50px 0 30px 0;
    background-color: #f3f4f8;
}

.showingbox {
    font-size: 15px;
    font-weight: 600;
    padding: 20px 15px;
    margin: 0;
    color: #333;
    background-color: #f3f4f8;
    box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 35%) !important;
    border: 1px #ddd solid !important;
}

.filter-area{width: 100%; float: left; background-color: #f3f4f8;}
.filterleftbox-txt {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #444;
    margin: 37px 0 0 0;
    font-weight: 600;
}

.cwbg .single-courses-2 .courses-image {
    height: 160px;
    overflow: hidden;
    margin: -1px -1px 0 -1px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.filterbtn {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    background-color: #b90717;
    width: 100%;
    margin-top: 96px !important;
    padding: 15px 10px;
    border-radius: 10px;
    font-weight: 500;
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.filterbtn:hover{background-color: #003664;}

.filtertxt {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 65px !important;
    padding: 20px 10px;
    border-radius: 10px;
    outline: none;
    font-weight: 600;
    font-size: 17px;
    color: #333;
    background-color: #f3f4f8;
}
.filtertxt .fa{
    color: #b90717;
}

.welcome-area{padding: 40px 0 !important;}

.filterrighttbox{width: 100%; float: left;}

.courses-wrapper-area{width: 100%; float: left; background-color: #f3f4f8;}
.filter-listing {
    width: 100%;
    float: left;
    margin-top: 30px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    border-radius: 20px;
    overflow: hidden;
}
.uni-digital {
    width: 100%;
    float: left;
    background-color: #f3f4f8 !important;
    box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 35%) !important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 30px;
}
.drsec{
    bottom: -1px !important;
    left: -1px !important;
    width: 100.5% !important;
    padding: 1px 16px 12px 15px !important;
}



.top-filer-area {
    width: 100%;
    float: left;
    margin-top: 40px;
}
.filipt{width: 100%; float: left;}
.flrsel {
    width: 100%;
    float: left;
    padding: 2px 30px;
    height: 45px !important;
    font-size: 16px;
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;
    border: none;
    border-radius: 90px;
    outline: none;
}

.flrsub{
    color: #fff;
    background: #003664;
    border: 0;
    padding: 15px 60px;
    font-size: 17px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    cursor: pointer;
    font-weight: 600;
    border-radius: 90px;
}
.flrsub:hover {
    background: #b90717;
}    

.srcmain-area{
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    padding: 70px;
    border-radius: 30px;
    width: 100%;
    float: left;
}

.fill-area {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding-bottom: 70px;
}
.finding-fillbox {
    width: 100%;
    float: left;
    text-align: center;
    padding: 39px 20px;
    height: 280px;
    margin-bottom: 30px;
    border-radius: 20px;
    cursor: pointer;
    background-color: #f2f3f7;
    border: 1px #ccc solid;
}
.finding-fillbox:hover{transform: scale(1.04); transition: all 0.10s ease;}
.finding-fillbox img{width: 45px; height: auto;}
.finding-fillbox h2 {
    color: #003664;
    font-size: 18px;
    margin: 25px 0 15px 0;
    font-weight: 600;
}
.finding-fillbox p{
    color: #555;
    font-size: 14px;
    text-align: justify;
}
.filterleftbox .fa:first-child {
    position: absolute;
    z-index: 99;
    text-indent: 15px;
    padding-top: 17px;
    color: #c7c7c7;
}
.more-haffbox p span img{width:100%; height: 35px;}
.more-haffbox p i {
    float: left;
    font-style: normal;
    margin: 5px 0 0 7px;
    line-height: 20px;
}


.finding-ranking {
    width: 100%;
    float: left;
    padding: 10px;
    background-color: #ebeef3;
    box-shadow: 0 1px 0px #cbced1, 0px 2px 1px #fff !important;
    border-top: 2px #fff solid;
}   


.more-listing{width: 100%; float: left; border-bottom: 1px #d2d2d2 solid; padding: 10px;}
.more-haffbox{width: 50%; float: left;}
.listedarea{margin-bottom: 30px; position: relative; background-color: #f3f4f8 !important; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff !important;}
.more-haffbox p{font-size: 12.5px; color: #444; line-height: 22px;}
.more-haffbox p span{font-size: 13px; color: #003664; font-weight: 600; padding: 10px; box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff !important; 
    border-radius: 8px; margin-right: 5px; float: left;}
.more-haffbox p .fa{color: #b90717; font-size: 11px;}
.more-haffbox p .fa-comments{font-size: 14px !important;}
.more-haffbox b {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-top: 1px;
    float: left;
}
.single-courses-2{width: 100%; float: left; -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.kllg{padding: 10px 0 !important;}
.kllg h2{margin-bottom: 5px !important;}
.more-url{width: 100%; float: left;}
.more-url a{width: 42%; float: left; border-radius: 10px; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; 
    text-align: center; padding: 8px 20px; font-size: 14px; margin: 10px 4%; border:1px transparent solid; font-weight: 600; -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.more-url a:hover{background-color: #fff;}
.morered{color: #b90717;}
.moreblue{color: #003664;}

.more-url {
    width: 100%;
    float: left;
    text-align: center;
    padding: 4px 0 0 0;
}
.more-url p{font-size: 14px;}
.morered:hover{background-color: #b90717 !important; color: #fff;}
.moreblue:hover{background-color: #003664 !important; color: #fff;}
.rating2 {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 999;
    padding: 4px 7px;
}
.rating2 .fa{color: #fff; font-size: 10px !important;}
.filterleftbox .select{border-bottom: none !important;}
.filterleftbox .select select {
    background-color: #f3f4f8;
    width: 100%;
    padding: 14px 10px 12px 10px;
    height: 46px !important;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    color: #555;
    text-indent: 30px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    font-family: 'Poppins', sans-serif !important;
    cursor: pointer;
}
.filterleftbox .select select:hover{background-color: #eee;}

.single-courses-2 .courses-content{padding: 5px 15px 6px 15px !important;}

.filterleftbox{width: 100%; float: left; margin: 15px 0; position: relative;}
.filterleftbox .fa:first-child{
    position: absolute;
    z-index: 99;
    text-indent: 15px;
    padding-top: 17px;
}
.filterleftbox .fa-caret-down{
    position: absolute;
    z-index: 99;
    right: 15px;
    padding-top: 17px;
    color: #c7c7c7;
}
.filter-sec {
    width: 100%;
    float: left;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    padding: 30px;
    border-radius: 20px;
}
.filtericon {
    width: 100%;
    float: left;
    font-size: 35px;
    margin-top: 70px;
    color: #b90717;
}
.innerfiler {
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 20px;
    box-shadow: inset 6px 4px 9px #cbced1, inset -9px -10px 6px #fff;
}


.searchengine-area {
    width: 100%;
    float: left;
    padding: 10px 0 55px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background:#ebeef3;
} 
.sstoparea{padding: 80px 0 20px 0 !important; margin-top: -230px !important;} 
.searchquote {
    width: 100%;
    float: left;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    padding: 70px 0 80px 0;
    border-radius: 30px;
    margin: 40px 0;
}
.searchquote h1{text-align: center; font-size: 31px; margin-bottom: 15px;}
.searchquote h1 span{color: #b90717;}
.searchquote p{text-align: center; font-size: 24px;}
.searchbar {
    width: 100%;
    max-width: 760px;
    margin: 60px auto 0 auto;
}
.ssrchipt {
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;
    border: none !important;
    border-radius: 15px;
    padding: 15px 30px;
    width: 72%;
    font-size: 16px;
    font-family: 'Poppins', sans-serif !important;
    background-color: transparent;
}
.ssrchbtn {
    border: none;
    background-color: #b90717;
    color: #fff;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    -webkit-border-top-right-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -moz-border-radius-topright: 90px;
    -moz-border-radius-bottomright: 90px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    font-size: 19px;
    border-radius: 90px;
    padding: 12px 65px 12px 30px;
    cursor: pointer;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: 'Poppins', sans-serif !important;
}
.ssrchbtn:hover{background-color: #003664; color: #fff;}
.ssrchbtnn{float: right; position: relative;}
.ssrchbtnn .fa {
    position: absolute;
    right: 35px;
    top: 19px;
    color: #fff;
    font-size: 18px;
}

.ex-area {
    width: 100%;
    float: left;
    font-size: 13px;
    color: #bebebe;
    text-align: left;
    padding: 12px 0 0 28px;
}


.unilist-box{width: 100%; float: left; height: 370px;}


@media only screen and (min-width: 768px){
.exam-desk-none{display: none;}
.filtertop{max-width: 12%; flex: 0 0 12%;}
.applyftr{max-width: 12%; flex: 0 0 12%;}
}


@media only screen and (max-width: 767px){
.daas-benefits-heading{width: 67% !important;}    
.daas-step-box{margin-bottom: 30px;}      
.daas-shape-center a{margin: 10% 0 17% 0 !important;}    
.findingtxt h2{font-size: 22px; margin-bottom: 15px; line-height: 25px;}
.findingtxt{margin-top: 22%;}
.findingtxt p{font-size: 18px;}    
.searchbar{margin: 20px auto 0 auto;}    
.finding-area img{width: 100%; height: auto;}    
.searchquote p{padding: 0 10px; line-height: 30px; font-size: 18px;}
.ssrchipt{width: 90%; margin: 0 5%}
.searchengine-area{padding: 50px 0 0px 0;}
.searchquote{padding: 60px 0;}
.searchquote h1{font-size: 21px; padding: 0 20px; line-height: 30px;}
.ssrchipt{width: 90%; margin: 10px 5% 10px 5%;}
.ssrchbtn{padding: 10px 60px 10px 35px; border-radius: 10px !important;}
.ssrchbtnn .fa{right: 36px; top: 16px;}
.ssrchbtnn{margin: 50px 25% 0 25%;}
.ssrchipt{padding: 15px 17px;}    
.finding-quotes h1{font-size: 23px; margin-bottom: 15px;}
.finding-section{padding: 80px 0 20px 0;}
.finding-btn{padding: 10px 60px 10px 30px; border-radius: 10px;}
.finding-quotes{padding: 60px 10px; margin-top: -270px;}
.finding-quotes p{font-size: 20px;}
.finding-formbox .fa{right: -45px; text-align: center; width: 100%;}
.finding-divider{margin: 30px 0;}
.filtertxt{margin-top: 0px !important;}
.filterbtn{margin-top: 0 !important;}
.filter-sec{padding: 30px 0;}
.innerfiler{margin: 30px 0 10px 0; padding: 30px 10px;}
.finding-ipt{width: 100%;}
.finding-formbox{margin-top: 20px; width: 100%; text-align: center;}
.exam-mob-none{display: none;}
.unilist-box{height: auto !important;}
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
.showingbox{padding: 20px 15px 0 15px;}
.finding-quotes{padding: 50px 20px;}
.finding-ipt{width: 68%;}
.searchengine-area{margin-bottom: 0;}
.abhts{padding: 65px 0 85px 0;}
.ssrchbtn{padding: 14px 50px 14px 20px; font-size: 17px; border-radius: 10px !important;}
.ssrchbtnn .fa{right: 21px; top: 18px;}
.searchbar{width: 93%;}
.searchquote{padding: 50px 0;}
.filtertop{max-width: 100%; flex: 0 0 100%;}
.applyftr{max-width: 100%; flex: 0 0 100%;}
.inner-all-list{max-width: 100%; flex: 0 0 100%; margin: 30px 0 0 0}
.filterbtn{margin: 10px 35% 0 35% !important; width: 30%;}
.filtertxt{margin: 0 35% !important; width: 30%;}
.filter-sec {padding: 30px 0;}
.daas-tab-none{display: none;}
}


@media only screen and (max-width: 1500px){
.container{flex: 0 0 98% !important; max-width: 98% !important;}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.daas-step-box{margin-bottom: 30px;}    
.faq-area{padding: 0 !important;}    
.faqcontainer{padding: 0 !important;}    
.tabcontent{margin-top: 100px;}    
.daas-position-right .daas-benefits-icon{margin: 10px !important;}    
.daas-benefits-heading{width: 100% !important;}    
.filterbtn{margin-top: 20px !important;}
.filtertxt{margin-top: 10px !important;}
.filter-sec {padding: 30px 0;}
.filtertop{max-width: 100%; flex: 0 0 100%;}
.applyftr{max-width: 100%; flex: 0 0 100%;}
.inner-all-list{max-width: 100%; flex: 0 0 100%; margin: 30px 0 0 0}
.filterbtn{margin-top: 10px !important;}
.filterbtn{margin: 10px 35% 0 35% !important; width: 30%;}
.filtertxt{margin: 0 35% !important; width: 30%;}
.ssrchbtnn{margin: 20px 37% 0 0 !important;}
.finding-fillbox{width: 90%; margin: 10% 10% 0 10%;}
.daas-tab-none{display: none;}
}

@media only screen and (min-width: 1700px){
.finding-area{height: 820px;}
.findingtxt{margin-top: 14%;}
}
/* End */






/* ================ Course.html ================ */
.full-slider-area .ui-slider{height: auto !important;}
.coursesall-area{width: 100%; float: left; padding: 60px 0 30px 0; background-color: #ebeef3;}
.courses-all{width: 100%; float: left; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff; overflow: hidden; border-radius: 20px;}
.course-box{width: 100%; float: left; position: relative; padding: 10px; text-align: center; padding: 20px 0; background-color: #ebeef3;}
.course-box h2{font-weight: 600;}
.courses-all .courses-features .sidebar-btn .main-btn{height: 43px; line-height: 44px; padding: 0 30px; font-size: 16px;}
.courses-all .single-courses-2 .courses-image{overflow: hidden; position: relative; height: 240px;}
.inner-course-area{width: 100%; float: left; background-color: #f1f2f6; padding: 70px 0 50px 0;}
figure.effect-julia h2 img{width: 30%; margin: 10px auto 0 auto;}
.ctry-inner-area{margin-top: -70px;}
.bestctry-area{width: 100%; float: left; background-color: #f1f2f6; padding-top: 50px;}
.bestctry-area figure.effect-julia{box-shadow: 2px 2px 8px -1px rgb(0 0 0 / 35%) !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.whybody{font-size: 16px; color: #333; line-height: 30px; text-align: justify; padding-right: 30px;}
.item-choose{position: relative; margin-bottom: 50px;}
.item-about .icon{display: inline-block; padding-right: 10px; float: left;}
.item-choose .icon img{width: 50px; height: auto;}
.item-about .content{padding-left: 20px; overflow: hidden;}
.item-about .content h3{font-size: 15px; color: #333; margin-bottom: 0; font-weight: 500; overflow: hidden; max-width: 80%; width: 100%; float: left; line-height: 22px;}
.item-choose .content h3{letter-spacing: 0.2px; margin-top: 0;}
.whypic{width: 100%; float: left; margin-bottom: 40px;}
.whypic img{width: 100%; height: auto; border-radius: 20px;}
.why-medical-area{width: 100%; float: left; padding: 40px 0;}

.courseright-apply{background-color: #f1f2f6; padding: 0px 20px 0px 20px; float: left; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff; border-radius: 30px;}
.courseright-right-pply{padding: 20px; float: left;}
.courseright-apply p span{text-align: left;}
.courseright-apply p span.apply-title{width:32% !important; color: #333; font-weight: 600; font-size: 14px;}
.courseright-apply p span.apply-dot{width:8% !important; color: #333;}
.courseright-apply p span.apply-value{width: 60% !important; color: #555; line-height: 22px; font-size: 15px;}
.courseright-overview{width: 100%; float: left; margin-bottom: 10px; text-align: center; font-size: 24px; padding: 10px 0; color: #b90717; font-weight: 600; text-transform: uppercase;}
.courseapply{width: 100%; float: left; margin: 20px 0 0 0; text-align: center;}
.courseapply a{background-color: #b90717; border-radius: 90px;  border: 1px #fff solid; text-align: center; font-size: 17px; padding: 10px 30px; color: #fff; font-weight: 600;}
.courseapply a:hover{background-color: #fff; border: 1px #b90717 solid; color: #b90717;}
.courseright-right-pply p{margin: 10px 0; padding: 8px 15px; border-radius: 15px; box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;}
.bestctry-area .country-area .effect-julia h2 img{margin-top: 30px !important;}
.bestctry-area .country-area figure.effect-julia p{width: 100% !important;}
.bestctry-area .container .country-area .ctry-inner-area{margin-top: -105px;}
.bestctry-area .container .country-area .effect-julia h2{margin-top: 40px;}
.courseslider h1{font-size: 55px !important; line-height: 70px; color: #003664 !important;}


@media only screen and (min-width: 576px) and (max-width: 767px){
.course-box p{font-size: 13px !important;}
.courses-all{width: 90%; margin: 0 5%;}
.course-box{padding: 0 !important;}
.courses-all .single-courses-2 .courses-image{height: 210px;}
.course-box h2{margin: 15px 0 5px 0;}
.front-banner h1{padding: 210px 0 90px 0; font-size: 42px !important;}
.courses-col{max-width: 100% !important;}
.bestctry-area .container .country-area .ctry-inner-area{margin-top: -65px !important;}
.more-url a{padding: 8px 5px;}
.kllg h2{height: 43px !important; overflow: hidden !important;}
.findingtxt{margin-top: 18%;}
.findingtxt h2{font-size: 30px; line-height: 36px;}
.findingtxt p{font-size: 24px;}
.mdlbox {
    float: left;
    max-width: 48% !important;
    flex: 0 0 48%;
    margin-right: 10px;
}
}


@media only screen and (min-width: 768px) and (max-width: 1200px){
.inner-course-area .about-content{margin-bottom: 50px;}
.bestctry-area .grid-box figure{max-height: 500px !important;}
.bestctry-area .grid-box figure{min-width: 100% !important; max-width: 100% !important;}
.section-title-2 .title{font-size: 25px !important;}
}



@media only screen and (max-width: 767px){
.crslist{margin-bottom: 20px;}
.grid-box figure{margin: 0 10px 0 0 !important;}
.country-area .container .owl-carousel .effect-julia figcaption{padding-bottom: 40px !important; margin-bottom: 50px !important}
.grid-box figure{max-height: 500px !important;}
.bestctry-area .container .country-area .ctry-inner-area{margin-top: -45px;}
.why-medical-area{padding: 40px 0 0 0 !important;}
.crslist{margin-bottom: 0;}
.section-title-2 .title{font-size: 20px !important;}
.courseslider h1{font-size: 35px !important;}
}


@media only screen and (min-width: 768px){
.about-content{padding-right: 8.333333%;}
.whypic{padding-right: 40px;}
}

@media only screen and (min-width: 768px){
.about-content{padding-right: 8.333333%;}
.whypic{padding-right: 40px;}
}
/* ================ End Course.html ================ */






/* ================ Inner Single Course ================ */
.why-coursebox{width: 100%; float: left; text-align: left;}
.why-coursebox p{margin: 0 0 20px 0; line-height: 22px;}
.why-coursebox h2{font-size: 18px; font-weight: 600; margin: 0 0 20px 0;}
.why-coursebox ul{margin: 0; padding: 0 0 20px 40px;}
.why-coursebox ul li{margin-bottom: 10px; list-style: disc;}
.innercrsbg{background-color: #f1f2f6; padding-bottom: 40px;}
.inrbox{padding-bottom: 50px; background-color: #f1f2f6;}
.crssocial{padding-bottom: 10px;}
.inrbox .single-courses-2 .courses-image{overflow: hidden; margin: -1px -1px 0 -1px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.innercrs-social{float: left;}
.innercrs-social .fa{color: #b90717; font-size: 10px;}
.inrbox .kllg{padding: 10px 0 0 0 !important;}
.inrbox .kllg h2{padding-bottom: 10px;}
.inrbox .courses-image{position: relative;}
.inrbox .courses-image h2 {
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 20px;
    width: 100%;
    float: left;
    text-align: center;
    background-color: rgb(0, 54, 100, .7);
    padding: 10px 0;
    font-weight: 500;
}

.courseslider .parallax-slider:after{display: none !important;}
.courseslider .parallax-slider:before{display: none !important;}
.courseslider [data-overlay-dark="4"]:before, [data-overlay-light="4"]:before{opacity: .1 !important;}
.courseslider .parallax-slider .swiper-slide{min-height: 90vh !important;}

.approval-auth-area{
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
    background-color: #f1f2f6;
    text-align: center;
}
.approval-auth-sec {
    width: 96%;
    float: left;
    border: 1px #ddd solid;
    background-color: #f1f2f6;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    padding: 50px 10px;
    border-radius: 30px;
    margin: 0 3% 30px 3%;
    height: 300px;
}
.approval-auth-sec img{
    height: 80px;
    display: inline-block;
}
.approval-auth-sec h3{
    text-align: center;
    font-size: 20px;
    line-height: 21px;
    margin: 15px 0;
    font-style: normal;
    font-weight: 600;
    color: #333;
}
.approval-auth-sec p{
    font-weight: normal;
    font-style: normal;
    line-height: 23px;
    color: #727272;
    font-size: 14px;
}

.daas-gradient {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
    background: #b90717;
    background: -moz-linear-gradient(left, #b90717 0%, #003664 100%);
    background: -webkit-linear-gradient(left, #b90717 0%,#003664 100%);
    background: linear-gradient(to right, #b90717 0%,#003664 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90717', endColorstr='#003664',GradientType=1 );
}


@media only screen and (min-width: 1700px){
.courseslider .parallax-slider .swiper-slide{min-height: 90vh !important;}
}    
/* ================ End Inner Single Course ================ */







/* ================ study-in-india.html ================ */
.country-area{width: 100%; float: left; margin-bottom: 60px;}
.content-box > h2{clear:both;margin:0;padding:4em 1% 0;color:#484B54;font-weight:800;font-size:1.5em}
.content-box > h2:first-child{padding-top:0}.
.grid-box{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1120px;list-style:none;text-align:center}
.grid-box figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:257px;max-width:257px;max-height:330px;width:49%;height:auto;text-align:center;cursor:pointer}
.grid-box figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid-box figure figcaption{padding:10px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid-box figure figcaption::before,.grid-box figure figcaption::after{pointer-events:none}
.grid-box figure figcaption,.grid-box figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid-box figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid-box figure h2{font-weight:300}
.grid-box figure h2 span{font-weight:800}
.grid-box figure h2,.grid-box figure p{margin:0}
.grid-box figure p{font-size:68.5%}figure.effect-julia{background:#2f3238}
figure.effect-julia img{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia figcaption{text-align:left}
figure.effect-julia h2{position:relative;padding:.5em 0;color:#fff;font-size:25px;letter-spacing:2px;text-align:center;text-shadow:3px 2px 2px #000;margin:25px 0 10px;font-weight:600}
figure.effect-julia p{display:inline-block;width:90%;margin:0 0 5px;padding:5px 10px;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:13px;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}
figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0;transition-delay:0}
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


@media only screen and (min-width: 768px) and (max-width: 1200px){ 
.grid-box figure{min-width: 210px !important; max-width: 210px !important;}
}

@media only screen and (max-width: 1600px){ 
.courseright-right-pply{padding: 20px 0 !important;}
}


@media only screen and (max-width: 767px){  
.grid-box figure{margin: 0 10px 30px 0;  width: 100% !important;}
figure.effect-julia img{width: 100%;}
.grid-box figure{min-width: 100%;
}
}   
/* ================ end study-in-india.html ================ */






/* ================ universities.html ================ */
.memberhsip-category-area{background-color: #ebeef3; padding: 65px 0 25px 0;}
.member-sec{box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 50px; padding: 30px; background-image: none !important; background-color: #ebeef3 !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 50px;}
.unimember-box img{border-radius: 30px; box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;}
.unimember-txt{padding: 42px 0 !important;}
.unimember-txt p b{font-size: 20px; color: #b90717;}
.percent-box a {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 10px;
    background-color: #ebeef3;
    margin: 0 5px;
    border: none;
    padding: 5px 15px;
}
.member-sec .row .unimember-txt .courses-features .sidebar-btn a{height: 45px; line-height: 45px; font-weight: 600; font-size: 16px;}
.unimember-txt h2{font-size: 24px !important; color: #003664 !important;}
.unimember-txt span{width: 60px !important; background-color: #ccc !important; margin: 10px 0 12px 0 !important;}   


@media only screen and (max-width: 767px){
.member-sec{padding: 15px 0 0 0; border-radius: 50px;}  
.percent-box a{margin: 0 15% 20px 15% !important; width: 70%;}  
.unimember-txt{padding: 42px 0 0 0 !important;}
.unimember-txt .courses-features{margin-top: 20px !important;}
.unimember-txt h2{font-size: 22px !important;}
.unimember-txt p{line-height: 26px; margin-bottom: 10px;}
}
/* ================ end universities.html ================ */





/* ================ Home Page ================ */
.exclusive-area{width:100%; float:left; background-color: #f3f4f8; padding: 50px 2% 60px 2% !important; margin-bottom: 50px !important;}
.currentsch-box{border:none !important; width: 98% !important;}
.exclusive-box{width: 98%;}
.undercourse{background-color: #f3f4f8 !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 10px; border:none !important;}
.currentsch-box{margin: 10px 0 !important; border-radius: 30px !important; background-color: #f3f4f8 !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;}
.readmore a{border: none !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 10px;}
.readmore2 a{border: none !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 10px;}
.currentsch-box img{border: none !important;}
.currentsch-box h3 span{background-color: transparent !important; margin: 0 !important; width: 70px !important;}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    padding: 0 2px !important;
}

.edumag-bg{width: 100%; float: left; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff; border-radius: 30px; padding: 30px;}

.edu-latest-box{width: 100%; float: left; margin-top: 55px;}
.edu-latest-box h2{font-size: 22px;}
.edumag-newspic{width: 100%; float: left; margin-bottom: 20px;}
.edumag-newspic img {
    width: 100%;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.edumag-newssection{width: 100%; float: left; padding: 0 20px 20px 20px;}
.edumag-newssection h2{font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.edumag-newssection p {
    font-size: 15px;
    color: #444;
    margin-bottom: 10px;
    text-align: justify;
}
.edumag-newssection p:first-child{font-size: 13px; color: #888; margin-bottom: 10px;}
.edumag-newssection p .fa{color: #b90717; margin-right: 5px;}
.edumag-newssection p span{margin-right:20px;}
.edumag-newssection a {
    border: 1px #003664 solid;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #003664;
}
.edumag-newssection a:hover{border:1px #b90717 solid; color: #fff; background-color: #b90717;}

.edumag-box {
    width: 100%;
    float: left;
    border: 1px #ddd solid;
    border-radius: 20px;
}
.edumag-box h2 {
    color: #003664;
    font-size: 20px;
    margin-bottom: 20px;
}
.edumag-event-box {
    width: 100%;
    float: left;
    margin-top: 27px;
    border-bottom: 1px #ddd solid;
    padding-bottom: 27px;
}
.edumag-date-box {
    width: 16%;
    float: left;
    padding: 8px 5px 5px 5px;
    text-align: center;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 10px;
}
.edumag-date-box h4{width: 100%; float: left; font-size: 22px; color: #003664; font-weight: 700;}
.edumag-date-box p{width: 100%; float: left; font-size: 14px; color: #555;}
.edumag-message-box{width: 80%; float: right; text-align: left;}
.edumag-message-box h3{margin-bottom: 5px;}
.edumag-message-box h3 a{font-size: 15px; font-weight: 600; color: #555;}
.edumag-message-box p{font-size: 12px; color: #999;}
.edumag-message-box .fa{color: #b90717;}
.edumag-message-box p span{margin-right: 20px;}
.viewall-event{width: 100%; float: left; margin-top: 40px;}
.viewall-event a {
    color: #003664;
    font-size: 17px;
    border: 1px #003664 solid;
    padding: 10px 20px;
    border-radius: 10px;
}
.viewall-event a:hover{color: #fff; background-color: #b90717; border:1px #b90717 solid;}
.edumag-newsletter {
    width: 100%;
    float: left;
    padding: 29px 20px;
    border-radius: 20px;
    margin-top: 54px;
    background: url(../images3/subscribebg.jpg) no-repeat 0px 0px;
    background-size: cover;
    text-align: center;
    box-shadow: 8px 9px 18px #cbced1, -12px -10px 19px #fff;
}
.edumag-newsletter img{margin-bottom: 30px;}
.edumag-newsletter h2{font-size: 18px; color: #003664; margin-bottom: 10px;}
.edumag-newsletter p{font-size: 16px; color: #555;}
.edumag-eduipt {
    width: 100%;
    float: left;
    border: none;
    margin: 30px 0 15px 0;
    padding: 17px 20px;
    font-size: 14px;
    border-radius: 10px;
}
.edumag-submit {
    width: 100%;
    float: left;
    background-color: #b90717;
    color: #fff;
    border: 1px #fff solid;
    padding: 10px;
    font-size: 17px;
    cursor: pointer;
    border-radius: 10px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.edumag-submit:hover{background-color: #003664; color: #fff; border:1px #fff solid;}
.planebox{width: 100%; float: left; position: relative;}
.planebox .fa {
    position: absolute;
    top: 51px;
    right: 20px;
    color: #ccc;
}


@media only screen and (max-width: 767px){
.edumag-box{margin-bottom: 20px;}
.edumag-bg{box-shadow: none; padding: 30px 0;}
}


@media only screen and (min-width: 768px) and (max-width: 1200px){
.edumag-box{margin-bottom: 20px;}
}
/* ================ End event & newsletter section ================ */


.nationalschollar {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 20px;
    padding: 30px;
    background-image: none !important;
    background-color: #ebeef3 !important;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
}

table{width: 100%;}
.app-process{text-align: center;}
.scholartopmar{margin-top: 28px;} 
.dacccircle-area{width: 100%; float: left; background-color: #f3f4f8; padding: 60px 0 0 0;}
.daascircle-pic{width: 100%; float: left; text-align: center;}
.daascircle-pic img{width: 100%; height: auto; padding: 40px;}

.dacc-logo{width: 100%; float: left; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 30px; padding: 40px 30px;}
.dacc-logo h2 {
    font-size: 19px;
    color: #003664;
}
.dacc-logo img{text-align: center;}
.dacc-logo p {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #333;
    margin: 30px 0 30px 0;
    text-align: justify;
}
.dacc-logo ul{
    margin: 0;
    padding: 0;
}
.dacc-logo ul li{
    width: 46%;
    margin: 0 4% 8px 0;
    float: left;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px;
}
.dacc-logo ul li .fa-search{position: inherit !important;}
.dacc-logo ul li img{width: auto; height: 33px; margin-right: 10px;}

.dacc-logo a{margin-top: 20px; font-size: 16px; background-color: #003664; border: 1px #003664 solid; padding: 10px 30px; color: #fff; border-radius: 90px; font-weight: 600;}
.dacc-logo a:hover{color: #003664; background-color: #fff; border: 1px #003664 solid;}

.programhighlit-area {
    width: 100%;
    float: left;
    padding: 0 0 70px 0;
    background-color: #ebeef3;
}

.emplanelled-area {
    width: 100%;
    float: left;
    padding: 70px 0 50px 0;
    background-color: #ebeef3;
}

.message-ceo {
    width: 100%;
    float: left;
    padding: 40px 0 10px 0;
    text-align: center;
    font-size: 22px;
    color: #333;
}
.founderceo{padding: 50px 30px;}

.how-its-work-area{width: 100%; float: left; background-color: #ebeef3; padding: 50px 0 70px 0;}
.how-its-work-image {
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
    border: 1px #ddd solid;
}

.profile-rotate{width: 100%; float: left; position: relative;}
.profile-rotate img{
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
}

.inner-banner1{position: relative; width: 100%; float: left;}
.inner-banner1 img{width: 100%; height: auto;}
.inner-banner1 .overlay-area{position: absolute; left: 3%; top: 33%;}
.inner-banner1 .overlay-area h1{color: #003664;}
.inner-banner1 .overlay-area p{color: #333;}

.profile-ourapproch-area {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding: 40px 0 0 0;
}
.aproachesbox {
    width: 100%;
    float: left;
    text-align: center;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 20px;
    padding: 23px 0;
    margin-bottom: 30px;
}
.aproachesbox .fa {
    color: #999;
    font-size: 32px;
}
.aproachesbox h2 {
    color: #003664;
    padding: 25px 0 5px 0;
    font-size: 28px;
}
.aproachesbox p{color: #333; margin: 0;}
.profilepic {
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    border-radius: 30px;
}

.approvalnew-sec{box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 50px; padding: 30px; background-image: none !important; background-color: #ebeef3 !important; box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important; border-radius: 50px;}
.appnew-area{margin-bottom: 30px;}
.approvalnew-sec .unimember-box img{margin-top: 30px; padding: 20px; background-color: #fff;}
.ourpro-area {
    width: 100%;
    float: left;
    padding: 60px 0 10px 0;
    background-color: #ebeef3;
}
.inner-column p{text-align: justify;}

.globalpresence{width: 100%; float: left;}
.globalpresence img{width: 100%; height: auto;}

.globalpresence-txt {
    width: 100%;
    float: left;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px #eee solid;
}
.globalpresence-txt h2 {
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px #ddd solid;
    padding-bottom: 6px;
    margin-bottom: 10px;
}
.globalpresence-txt ul{margin: 0; padding: 0;}
.globalpresence-txt ul li{font-size: 14px; width: 46%; float: left; margin: 0 4% 6px 0 !important;}

.statistic-pic{width: 100%; float: left;}
.statistic-pic img {
    width: 100%;
    height: auto;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    border-radius: 20px;
}

.major-cities-area{padding: 30px 0 0 0 !important;}

.credentials-area{
    padding: 40px 0 !important;
    width: 100%;
    float: left;
    background-color: #ebeef3;
}
.credentials-box{width: 100%; float: left; background-color: #ebeef3;}
.credentials-box img{width: 100%; height: auto;}

.eduhts-sec {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding: 90px 0;
}
.presid-sec{width: 100%; float: left; background-color: #ebeef3;}
.edusat-hlts{
    width: 100%;
    float: left;
    margin-top: 0;
    border: 1px #eee solid;
    padding: 20px 0 40px 0;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 30px;
}

.eduindia table tr td .fa{color: #999; margin-right: 5px;}
.csrbox{height: 90px;}

.csr-area{
    width: 100%;
    float: left;
    padding: 0;
    background-color: #ebeef3;
}

.central-area{width: 100%; float: left;}

.addonspic{width: 100%; float: left;}
.addonspic img{
width: 100%; 
height: auto; 
box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff; 
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;}

.addon-area{
    width: 100%;
    float: left;
    padding: 60px 0 10px 0;
    background-color: #ebeef3;
}
.professional-area{width: 100%; float: left; background-color: #ebeef3;}


.ourservice-area{
    width: 100%;
    float: left;
    padding: 70px 0 50px 0;
    background-color: #ebeef3;
}

.topstudyprogram-area{width: 100%; float: left; padding: 40px 0 20px 0; background-color: #f3f4f8;}
.ourexclusives-area{width: 100%; float: left; background-color: #f3f4f8; padding: 40px 0 0 0;}
.studydestination-area{width: 100%; float: left; padding: 30px 0 0 0; background-color: #fff;}
.daas-area{width: 100%; float: left; padding: 60px 0; background-color: #ebeef3;}
.daas-beneficiaries-area{width: 100%; float: left; background-color: #ebeef3; padding: 70px 0 60px 0;}
.flip-mb40{margin-bottom: 40px;}
.studydestination-area .view{height: 195px !important;}
.studydestination-area .view-tenth .mask{padding-top: 20px !important;}

.daas-operations-area {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    background-color: #ebeef3;
}



/* faq area */
.faq-area{width: 100%; float: left; padding: 70px 0; margin-bottom: 30px; background-color: #ebeef3;}
.faq-left{width: 100%; float: left;}
.faq-right{width: 100%; float: left; height: 400px; border-radius: 10px;}

.tab {
    float: left;
    width: 100%;
    height: 470px;
}

.tab button {
    display: block;
    background-color: inherit;
    color: #333;
    padding: 22px 16px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-size: 17px;
    border: 1px #ddd solid;
    margin-bottom: 10px;
}

.tab button:hover {
  background-color: transparent;
  border: 1px solid #1475ab;
}

.tab button.active {
    background-color: transparent;
    border: 1px solid #1475ab;
}

#faq2{display: none;}
#faq3{display: none;}
#faq4{display: none;}
#faq5{display: none;}
#faq6{display: none;}

.tabcontent {
    float: left;
    padding: 25px;
    width: 100%;
    height: 470px;
    border-radius: 30px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
}
.tabcontent h2{
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
.tabcontent span {
    width: 60px;
    float: left;
    height: 5px;
    margin: 10px 0 20px 0;
    background: #b90717;
    background: -moz-linear-gradient(left, #b90717 0%, #efc73d 100%);
    background: -webkit-linear-gradient(left, #b90717 0%,#efc73d 100%);
    background: linear-gradient(to right, #b90717 0%,#efc73d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90717', endColorstr='#efc73d',GradientType=1 );
}

.tabcontent p{
    width: 100%;
    float: left;
    font-size: 16px;
    color: #333;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.faqcontainer {
    width: 100%;
    float: left;
    padding: 40px 30px;
    border-radius: 30px;
}
/* end faq area */


.headerclr-white .overlay-area .overlay-box{margin-top: -15% !important;}
.headerclr-white .overlay-area .overlay-box h1{color: #fff !important;}
.headerclr-white .overlay-area .overlay-box h1 span{color: #fff !important;}
.headerclr-white .overlay-area .overlay-box p{color: #fff !important;}

.daccsldier .slider-hlt{color: #333; border: 1px #333 solid;}
.daccsldier .slider-hlt:hover{color: #fff; border: 1px #b90717 solid;}
.daccsldier .data-splitting{color: #333;}



/* daas benefits */
.daas-benefits-area {
    width: 100%;
    float: left;
    padding: 50px 0;
    background: url(../images/daas-world-map.png) no-repeat center 260px #ebeef3;
}
.daas-benefits-box {
    width: 100%;
    float: left;
    padding: 10px 5px 10px 10px;
    margin-bottom: 30px;
    background-color: rgb(235, 238, 243, .7) !important;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
}
.daas-benefits-icon {
    width: 70px;
    height: 70px;
    padding: 16px 10px 10px 10px;
    text-align: center;
    float: left;
    margin-top: 10px;
    margin: 10px;
    -webkit-border-radius: 360px;
    -moz-border-radius: 360px;
    border-radius: 360px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
}
.daas-benefits-icon img {
    width: auto;
    height: 40px;
}
.daas-benefits-heading {
    width: 64%;
    float: left;
}
.daas-benefits-heading h2 {
    font-size: 16px;
    color: #003664;
    margin: 0 0 10px 0;
}
.daas-benefits-heading p {
    font-size: 14px;
    color: #444;
    line-height: 20px;
}
.daasshape-left1{
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    border-top-left-radius: 30px;
}

.daasshape-left2{
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-left-radius: 30px;
}

.daasshape-right1{
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;
}

.daasshape-right2{
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
}

.daas-shape-center {
    width: 100%;
    float: left;
    text-align: center;
}

.daas-shape-center a {
    width: 200px;
    margin-top: 54%;
    padding: 20px 0;
    background-color: #eef0f5;
    box-shadow: 5px 3px 12px #cbced1, -13px -13px 20px #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.daas-shape-center a img {
    width: 100%;
    height: auto;
    padding: 30px;
}

.daas-position-right .daas-benefits-icon {
    float: right !important;
    margin: 10px 10px 0;
}

.daas-position-right .daas-benefits-heading h2{text-align: right;}
.daas-position-right .daas-benefits-heading p{text-align: right;}

.daas-step-area {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding: 60px 0 0 0;
}
.daas-step-box{width: 100%; float: left; position: relative;}
.daas-step-box img{width: 100%; height: auto;}

.daas-under-box {
    position: absolute;
    top: 9%;
    left: 11%;
}
.daas-under-sec {
    width: 100%;
    float: left;
    text-align: center;
    padding: 35px 30px 15px 30px;
}
.daas-under-sec img {
    width: auto;
    height: 50px;
}
.daas-under-sec h2 {
    font-size: 18px;
    color: #003664;
    margin: 10px 0;
}
.daas-under-sec p{font-size: 15px; color: #444; line-height: 20px;}

.daas-under-sec span {
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    font-weight: 600;
}

.beneficiaries-area {
    width: 100%;
    float: left;
    padding: 60px 0;
    background-color: #ebeef3 !important;
}

.daas-beneficiaries-sec {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    border-radius: 15px;
    overflow: hidden;
}

.daas-user{
    width: 50%;
    float: left;
}

.daas-user p {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    font-weight: 500;
}

.daas-user p img{
    height: 25px;
    margin-right: 7px; 
}

.beneficiaries-section{
    width: 100%;
    float: left;
    border-bottom: 1px #d2d2d2 solid;
    padding: 10px 0;
}






.daas-btn-sec {
    width: 100%;
    float: left;
    margin: 24px 0 20px;
    text-align: center;
}
.daas-btn {
    float: left;
    padding: 0.7em 2.3em;
    border-radius: 90px;
    position: relative;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    background: #b90717;
    background: -moz-linear-gradient(left, #022044 0%,#0079e0 100%);
    background: -webkit-linear-gradient(left, #022044 0%,#0079e0 100%);
    background: linear-gradient(to right, #022044 0%,#0079e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90717', endColorstr='#efc73d',GradientType=1 );
}

.daas-btn a{
    font-size: 17px;
    color: #fff;
}

.daas-btn a:hover{
    color: #fff;
    text-decoration: none;
}
  
.daas-btn:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background-color: #003664;
  transition: all 1.5s ease;
  color: #fff;
}

.daas-btn:hover:before {
    border-radius: 90px;
    width: 100%;
    opacity: 0.1;
    color: #fff;
    z-index: 999;
    background: #b90717; /* Old browsers */
    background: -moz-linear-gradient(left,  #022044 65%,#0079e0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #022044 65%,#0079e0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #022044 65%,#0079e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990606', endColorstr='#edb500',GradientType=1 ); /* IE6-9 */
}


.daas-importance-area {
    width: 100%;
    float: left;
    padding: 50px 0;
    background: url(../images/daas-world-map.png) no-repeat center 330px #ebeef3;
}

.daas-left-part{width: 100%; float: left; margin-bottom: 10px;}
.dass-left-pic{width: 100%; float: left; position: relative;}
.dass-left-pic img{width: 100%; height: auto;}
.daas-position {
    width: 75%;
    position: absolute;
    top: 15px;
    left: 35px;
}
.dass-left-circle {
    width: 70px;
    height: 70px;
    float: left;
    box-shadow: 0px 4px 8px #555, 0 0 0 #fff;
    padding: 5px;
    border-radius: 360px;
    background-color: #ebeef3;
    border: 2px #fff solid;
    margin-top: 17px;
    background: #b90717;
    background: -moz-linear-gradient(left, #b90717 0%, #003664 100%);
    background: -webkit-linear-gradient(left, #b90717 0%,#003664 100%);
    background: linear-gradient(to right, #b90717 0%,#003664 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90717', endColorstr='#003664',GradientType=1 );
}
.dass-left-circle img {
    width: auto;
    height: 35px;
    margin: 11px 0 0 11px;
}

.inportance-heading-sec {
    width: 67%;
    float: right;
}
.inportance-heading-sec h2{font-size: 17px; color: #003664; margin-bottom: 10px;}
.inportance-heading-sec p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.importance-center-sec {
    width: 100%;
    float: left;
    margin-top: 51px;
}
.importance-center-sec img{width: 100%; height: auto;}




/* con-css  */
body{margin: 0; padding: 0; font-family: 'Poppins', sans-serif !important;}
*{margin: 0; padding: 0;}
.ft{float:left;}




@font-face {
    font-family:Poppins-bold;
    src: url(../fonts/Poppins-Bold.otf);
}

@font-face {
    font-family:Poppins-SemiBold;
    src: url(../fonts/Poppins-SemiBold.otf);
}


.contbanner-area{width: 100%; float: left; position: relative;}
.contbanner-area img{width: 100%; height: auto;}
.contpos{position: absolute; top: 120px; left: 100px; width: 600px;}
.contpos h1{font-size: 42px; font-weight: 600; color: #003664; margin: 0 0 40px 0;}
.contpos h2{font-size: 35px; color: #b90717; margin: 0;}
.contpos p{font-size: 24px; color: #000; line-height: 30px;}
.contpos a{font-size: 24px; color: #000; line-height: 30px;}



.contform-area {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding: 80px 0;
}
.request-sec {
    width: 100%;
    float: left;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    padding: 50px 30px;
    border-radius: 20px;
}
.givetxt-box{width: 100%; float: left; text-align: center;}
.givetxt-box h2{font-size: 27px; font-weight: 600; margin: 0 0 20px 0;}
.giveform{width: 100%; float: left; margin-top: 10px;}
.giveipt {
    width: 100%;
    float: left;
    padding: 13px 10px 13px 22px;
    font-size: 14px;
    color: #444;
    border: none;
    background-color: #ebeef3;
    margin-bottom: 30px;
    border-radius: 90px;
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff;
}
.givebtn {
    width: 100% !important;
    float: left;
    background-color: #003664;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
    font-size: 16px !important;
    cursor: pointer;
    border:none;
    color: #fff !important;
    padding: 12px 10px !important;
    border-radius: 90px;
}
.givebtn:hover{background-color: #b90717; color: #fff !important; border:none;}
.contright{width: 100%; float: left; padding-left: 30px; margin-top: 65px;}
.contright h2{font-size: 24px;}
.address-box{width: 100%; float: left; margin-top: 25px;}
.address-box h3{font-size: 16px; font-weight: 600; margin: 0 0 5px 0;}
.address-box p{font-size: 15px; margin: 0 0 0 27px; color: #777;}

.according-area {
    width: 100%;
    float: left;
    padding: 60px 0 0 0;
    background-color: #ebeef3;
}
.globalreach {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #003664;
}
.according-box{width: 100%; padding: 15px 10px 15px 25px; border: none; border-bottom: 1px #ddd solid; font-size: 17px; text-align: left;}
.accbody{width: 100%; float: left; padding: 20px;}

.google-area {
    width: 100%;
    float: left;
    background-color: #ebeef3;
    padding: 50px 0;
}
.google-map{width: 100%; float: left; border: 3px #fff solid; padding: 7px;}

.ctry {
    font-size: 18px;
    font-weight: 600;
    background-color: transparent;
    color: #fff;
    padding: 0;
}

.office-loc {
    width: 100%;
    float: left;
    padding: 20px;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    background: url(../images/location-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.office-loc h2 {
    font-size: 20px;
    color: #003664;
    margin-bottom: 20px;
}

.office-loc p {
    font-size: 16px;
    line-height: 24px;
    color: #151515;
    text-indent: -14px;
    padding-left: 30px;
}

.lochgh {
    height: 55px !important;
    overflow: hidden;
}

.office-loc p .fa{
    margin-right: 10px;
}

.tab-content .tab-pane {
    padding-top: 0 !important;
    margin-top: -18px;
    background-color: transparent !important;
}

.address-box h3 .fa{margin-right: 8px;}

.nav-pills-custom .nav-link {
    color: #fff !important;
    position: relative;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    padding: 20px 25px !important;
    border-radius: 12px;
    margin-bottom: 30px !important;
    background: -moz-linear-gradient(left, #022044 0%,#0079e0 100%);
    background: -webkit-linear-gradient(left, #022044 0%,#0079e0 100%);
    background: linear-gradient(to right, #022044 0%,#0079e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90717', endColorstr='#efc73d',GradientType=1 );
}

.nav-pills-custom .nav-link.active {
    color: #fff;
    background: #b90717;
    background: #003664;
    background: -moz-linear-gradient(left, #003664 0%, #b90717 100%);
    background: -webkit-linear-gradient(left, #003664 0%,#b90717 100%);
    background: linear-gradient(to right, #003664 0%,#b90717 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003664', endColorstr='#b90717',GradientType=1 );
}

.nav-pills-custom .nav-link.active .ctry{
    color: #fff !important;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #b90717;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

.address-sec{width: 100%; float: left;}


.submitform-area{width: 100%; float: left; margin-bottom: 40px;}
.ftform-sec{width: 100%; float: left;}
.leftsubmit{width: 100%; float: left;}
.leftsubmit img {
    width: 100%;
    height: auto;
    box-shadow: 13px 13px 20px #e0e0e0, -13px -13px 20px #fff;
}
.rightsubmmition {
    width: 100%;
    float: left;
    padding: 50px 30px;
}
.rightsubmmition h2{font-size: 27px; text-align: center; margin-bottom: 50px;}
.submition-box {
    width: 100%;
    float: left;
    margin-bottom: 25px;
    border-bottom: 1px #ccc solid;
    padding: 5px 30px 10px 25px;
    border-radius: 90px;
    background-color: #f7f7f7;
    box-shadow: 6px 6px 19px #cbced1, -13px -13px 20px #fff;
}
.subnition-txt {
    width: 100%;
    float: left;
    font-size: 20px;
    margin-top: 8px;
}
.subnition-txt span {
    background-color: #b90717;
    width: 60px;
    height: 60px;
    border-radius: 90px;
    margin: 0 15px 0 0;
    border: 3px #fff solid;
    color: #fff;
    padding: 11px 0 0 13px;
    font-size: 22px;
}

.subnition-txt span .fa-stethoscope {
    font-size: 28px !important;
    padding: 3px 0 0 3px !important;
}
.subnition-btn {
    width: 100%;
    float: left;
    margin-top: 18px;
}
.subnition-btn a {
    background-color: #003664;
    color: #fff;
    padding: 8px 20px;
    border-radius: 90px;
}
.subnition-btn a:hover{background-color: #b90717; text-decoration: none;}

.request-sec {
    width: 100%;
    float: left;
    padding: 50px 30px;
    border-radius: 20px;
    margin-top: 30px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
}

.crs-main-box {
    width: 100%;
    float: left;
    border-bottom: 1px #ccc solid;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 10px;
    margin-bottom: 30px;
}

.crs-area{
    width: 100%;
    float: left;
    padding: 30px 0;
    background-color: #ebeef3;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.crs-section{
    width: 100%;
    float: left;
    margin: 30px 0 40px 0;
}
.crs-section h2{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 35px;
}

.crs-category{float: left; width: 100%; position: relative;}
.crs-category img{box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;}
.crs-category h2 {
    text-align: center;
    font-size: 18px;
    position: absolute;
    top: 80%;
    color: #fff;
    background-color: rgb(000, 000, 000, .6);
    padding: 10px 0;
}

.crs-cat-dtls {
    float: left;
    width: 100%;
    padding: 35px 0 20px 0;
}
.crs-cat-dtls ul{margin: 0; padding: 0;}
.crs-cat-dtls ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #333;
    margin-left: 15px;
    list-style: none;
    text-align: left;
}

.catbold {
    font-weight: 600;
    font-size: 20px;
    color: #003664;
    border-bottom: 1px #ccc solid;
    margin-bottom: 25px;
    padding-bottom: 10px;
}
.cathaff {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #444;
    line-height: 22px;
    margin-bottom: 5px;
}
.cathaff b{
    margin-right: 5px;
}
.catfull{width: 100%; float: left; margin-bottom: 18px;}

.collegebanner{width: 100%; height: auto;}
.college-highlight {
    width: 100%;
    float: left;
    padding: 24px 0 15px 0;
    background-color: #e0e0e0;
}
.college-highlight li {
    float: left;
    font-size: 18px;
    border-radius: 90px;
    list-style: none;
    padding: 0;
    color: #b90717;
}

.college-highlight li .fa{
    color: #333;
    margin-right: 7px;
}

.course-full-area{width: 100%; float: left; position: relative;}
.crs-fullbg{
    width: 100%;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:url(../images/course-bg.png) repeat; 
}
.crs-inner-sec{
    width: 100%; float: left;
    position: absolute;
    padding: 30px 30px;
    bottom: 0;
}
.crs-logo{float: left; margin-right: 10px;}
.crs-logo img {
    width: 75px !important;
    height: auto;
    border-radius: 90px;
    border: 1px #fff solid;
    padding: 4px;
}
.crs-group{float: left; margin: 12px 33px 0 0;}
.crs-heading {
    float: left;
    margin-top: 15px;
}
.crs-heading h2 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
}
.crs-heading p {
    color: #fff;
    font-size: 16px;
}
.crs-heading p img{
    width: 25px;
    height: auto;
    border: none;
    border-radius: 0;
    margin-right: 5px;
}
.crs-rating{width: 100%; float: left; margin-top: 5px;}
.crs-rating .fa{color: #fff; font-size: 11px;}
.crs-rank{float: left; margin-right: 70px; text-align: center;}
.crs-rank p{font-size: 16px; color: #fff; margin-top: 10px;}
.crs-rank span {
    float: left;
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff !important;
    border-radius: 8px;
    background-color: #ebeef3;
    margin-bottom: 7px;
    height: 67px;
}
.crs-rank img {
    width: 70px;
    height: auto;
    border-radius: 5px;
    padding: 10px;
}
.crs-rank p b{font-weight: bold; width: 100%; float: left;}
.crs-categorybox{float: left; text-align: center;}
.crs-categorybox span{width: 100%; float: left; padding: 21px 0;}
.crs-categorybox img{height: 30px; width: all;}
.crs-categorybox p b{font-weight: bold; width: 100%; float: left;}
.crs-categorybox p{font-size: 16px; color: #fff; margin-top: 10px;}

.course-bbox {
    width: 100%;
    float: left;
    border-radius: 20px;
    margin-top: -13%;
    padding: 20px 40px;
    border: 1px #ddd solid;
    outline: 2px #fff solid;
    background-color: #ebeef3;
}
.single-full-area {
    width: 100%;
    float: left;
    text-align: center;
    background-color: #ebeef3;
    border-top: 2px #bbb solid;
    padding-bottom: 30px;
}
.single-area {
    width: 100%;
    float: left;
    text-align: center;
    padding: 25px 20px;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 20px;
}
.single-area span{
    width: 100%;
    float: left;
}
.single-area span img {
    width: 120px;
    height: auto;
    border-radius: 90px;
    border: 1px #c9c9c9 solid;
    padding: 8px;
    margin-bottom: 10px;
}
.single-area h2 {
    font-weight: 700;
    color: #333;
    margin: 0 0 5px 0;
    font-size: 19px;
}
.single-area p{font-size: 14px; color: #333;}
.single-area p img{width: 25px; height: auto; border: none; border-radius: 0; margin-right: 5px;}

.single-rating{width: 100%; float: left; text-align: center; margin-top: 15px;}
.single-rating .fa{color: #333; font-size: 13px;}

.sinoth-area{width: 100%; float: left;}
.sinoth-box {
    width: 100%;
    float: left;
    margin-top: 24px;
    padding: 15px 10px;
    border-radius: 15px;
    border: 1px #ddd solid;
}
.sinoth-left{float: left; margin-right: 15px;}
.sinoth-left span{
    padding: 10px;
    box-shadow: inset 2px 2px 2px #cbced1, inset -3px -3px 3px #fff !important;
    border-radius: 8px;
    margin-right: 5px;
    float: left;
    text-align: center;
    width: 100%;
}
.sinoth-left span img {
    width: 50px;
    height: auto;
    padding: 4px;
    filter: grayscale(1);
}
.sinoth-right{width: 60%; float: left; text-align: left; margin-top: 10px;}
.sinoth-right p{width: 100%; float: left; font-size: 14px; margin-bottom: 5px; color: #333;}
.sinoth-right h2{width: 100%; float: left; font-size: 16px; font-weight: 600; color: #333;}

.university-pagination {
    width: 100%;
    float: left;
    margin: 10px 0 50px 0;
}
.university-pagination .page-item{font-weight: normal !important;}
.university-pagination .page-item .page-link{color: #003664 !important;}
.university-pagination .disabled .page-link{background-color: #b90717; color: #fff !important;}

.daas-btn-left{
    width: 100%;
    float: left;
    margin: 24px 0 20px;
}

.daas-btn-left .daas-btn{
    padding: 12px 25px !important;
    font-size: 20px !important;
}

.daas-btn-left .fa{margin-right: 8px;}

.contact-opp{
    width: 100%;
    float: left;
    background-color: #ebeef3;
    box-shadow: -1px 2px 2px #cbced1, 3px -3px 8px #fff !important;
    border-radius: 15px;
    overflow: hidden;
}



@media only screen and (min-width: 1025px) and (max-width: 1200px){
.contpos{top: 50px !important; left: 50px !important;}
.contpos h1{font-size: 35px !important;}
.contpos h2{font-size: 32px !important;}
.rightsubmmition{padding: 50px 30px 0 30px;}
.rightsubmmition{padding: 0 30px 0 30px;}
.request-sec{margin-top: 0;}
.according-area{padding: 60px 0 0 0;}
}


@media only screen and (max-width: 1024px){
.container, .container-sm{max-width: 98% !important;} 
}    


@media only screen and (min-width: 768px) and (max-width: 1024px){
.contpos{top: 20px; left: 20px; width: 600px;}
.contpos h1{font-size: 28px; margin: 0 0 28px 0;}
.contpos h2{font-size: 25px;}
.contright{padding-left: 0;}
.request-sec{margin-top: 0;}
.contpos a{font-size: 17px; padding: 5px 20px;}
.office-loc{padding: 10px 20px 10px 20px;}
.office-loc h2{margin-bottom: 10px;}
.office-loc p{margin: 8px 0 0 0;}
.rightsubmmition{padding: 0 30px 0 30px;}
.tab-content .tab-pane{padding-bottom: 0 !important;}
.offloc-mar{margin-bottom: 0 !important;}
.crs-main-box{padding: 30px 20px;}
}


@media only screen and (min-width: 768px){
.desk-none{display: none;}
.subnition-btn a{float: right;}
}


@media only screen and (max-width: 767px){
.request-sec{margin-top: 30px;}
.rightsubmmition{padding: 50px 0 0 0;}
.submition-box{padding: 20px 5px 30px 5px; border-radius: 20px;}
.according-area{padding: 60px 0 0 0;}
.subnition-txt{text-align: center;}
.subnition-btn{text-align: center;}
.contpos{top: 40px; left: 0; width: 100%; padding-left: 0;text-align: center;}
.contpos h1{font-size: 22px; margin: 5px 0 15px 0;}
.contpos h2{font-size: 1.5em !important;}
.contpos p{font-size: 17px;;}
.contright{padding-left: 0;}
.contpos a{font-size: 16px; padding: 5px 20px;}
.subnition-txt span{padding: 11px 0 0 1px; margin-bottom: 10px;}
.subnition-btn{width: 100%;}
.subnition-txt b{width: 100%; float: left; text-align: center;}
.contform-area{padding: 40px 0 60px 0;}    
.nav-pills-custom .nav-link{margin-bottom: 10px !important; text-align: center; width: 100%; box-shadow: 3px 4px 8px #cbced1, 1px 1px 1px #fff !important;}
.nav-link span {width: 100% !important;}
.tab-content{margin-top: 40px;}
.tab-content .tab-pane{padding: 0 !important;}
.office-loc{padding: 20px 20px 0 20px;}
.mob-none{display: none;}
.crs-section{padding: 20px;}
.crs-main-box{padding: 0;}
.crs-category{width: 100%; margin-top: 20px;}
.crs-cat-dtls{float: left; text-align: left;}
.crs-cat-dtls ul{padding: 15px 0 15px 30px;}
}



@media only screen and (min-width: 576px) and (max-width: 770px){
.contbanner-area img{margin-top: -200px;}
.container, .container-sm{max-width: 98% !important;}  
.rightsubmmition{padding: 0 0 0 0 !important;}
.request-sec{margin-top: 0 !important;}
.subnition-txt b{font-size: 15px;}
.subnition-btn a{font-size: 13px; margin-top: 19px;}
.submition-box{padding: 5px 5px 10px 5px !important; margin-bottom: 15px !important;}
.rightsubmmition h2{font-size: 22px !important; margin-bottom: 20px !important;}
}



@media only screen and (max-width: 1024px){
.container{width: 98% !important;}
}


@media only screen and (max-width: 1366px){
.dasscirclepic{display: none;}
.daas-left-part{height: 110px !important;}
.daas-mobile-none{display: none;}
.importance-center-sec img{width: 60%; height: auto; margin: 0 20%;}
.daas-left-part{ margin: 10px;}
.daas-importance-area{background: url(../images/daas-world-map.png) no-repeat center 370px #ebeef3;}
.daas-left-part {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    box-shadow: 5px 3px 12px #cbced1, -13px -13px 20px #fff;
}
}

@media only screen and (min-width: 1366px){
.daas-desktop-none{display: none;}
.daasritghtbox .dass-left-circle{float: right;}
.daasritghtbox .inportance-heading-sec{float: left !important; text-align: right !important;}
.daasritghtbox .daas-position{left: 50px !important;}
}











.contpos h2{
  position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, #b90717, #fff, #b90717);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 6s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}