@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap');





/*

input {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}

*/





button::-moz-focus-inner {  border: 0;}

a:focus {     outline: none; }

button:focus {     outline: none; }

::-moz-focus-inner {border:0;}

:focus, :active {    outline: 0;    border: 0;}







select {

   -webkit-appearance: none;

   -moz-appearance: none;

   appearance: none;       /* Remove default arrow */

   background-image: url(../images/small-down-arrow.png);

   background-repeat: no-repeat;

   background-position: 85% center;

}









body {color: #333; margin: 0px; font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }



html {  scroll-behavior: smooth;}





a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}



a:focus, a:active,  a, focus, select {border:0px; outline:none;}



.clear{clear:both;}



p{margin-top:0px; text-align: left;}



img {border:0px;}



form{margin:0px;}



input {outline:none;}



* {box-sizing:border-box; }







h2 {text-align:center; font-size:36px; color:#000; margin:0px 0px 20px 0px;}











header {display:block; width:100%; position:fixed; top:0px; left:0px; background-color:#fff; box-shadow:0px 0px 1px 1px #eee; z-index:10;  }



.top-bar a {display:inline-block; float:right; margin:15px 0px 15px 10px; line-height:20px;}



.top-bar a img {float:left; margin-right:10px; display:inline-block;}



.top-bar a span {float:left; margin-right:10px; display:inline-block;}



.logo {float:left; display:inline-block; margin:18px 0px; }



.logo a {display:block;}



.logo a img {display:block;}





.top-bar {display:inline-block; float:right; border:0px solid #ccc;  }



.top-navigation {display:inline-block; float:right; border-top:1px solid #eee; width:920px;  }



.menu-arrow {float:right; margin-left:10px; margin-top:10px;}









.slider-1 {width:100%; height:500px; background-image:url(../images/homebanner2.jpg); background-position:center top; background-size:cover; display:block; }



.slider-2 {width:100%; height:500px; background-image:url(../images/homebanner3.jpg); background-position:center top; background-size:cover; display:block; }



.slider-3 {width:100%; height:500px; background-image:url(../images/homebanner.jpg); background-position:center top; background-size:cover; display:block; }



.slider-4 {width:100%; height:500px; background-image:url(../images/homebanner2.jpg); background-position:center top; background-size:cover; display:block; }



#sliderh3 h1, #sliderh3 h2 {font-size:40px; color:#fff; line-height:130%; margin:0px; padding-top:23%; font-weight:200;}



#sliderh3 h1 strong, #sliderh3 h2 strong {font-weight:700;}



#sliderh3 .banner-girl {float:right;}



#sliderh3 .joinus {display:block; border:2px solid #fff; color:#fff; width:150px; text-align:center; font-weight:600; padding:12px 15px; margin-top:40px; }



#sliderh3 .joinus:hover {background-color:#fff; color:#33bbec;}



.banner-text-area {display:block; margin:auto; width:1280px; padding:0px 50px; }





.gap {display:block; width:100%; height:100px;}











.search-area {width:100%; position:absolute;  }



#search-white-area {background-color:#fff; padding:30px; margin-top:-100px; box-shadow:0px 10px 30px 0px #ccc; display:table;}



.inside.search-area {position:relative; background-color:#33bbec; height:90px; margin-bottom:40px;}



.inside.search-area #search-white-area {margin-top:30px; box-shadow:0px 5px 20px 0px #ccc; }



.search-dropdown1, .search-dropdown2, .search-dropdown3, .search-textbox {border:0px; padding:15px; background-color:#f7f7f7; font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 300; width:20%; float:left; border-right:1px solid #ccc;}


.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {border:0px; padding:7px 15px; background-color:#f7f7f7; font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 300; width:100%; float:left; border-right:1px solid #ccc;}

.search-textbox {width:77%; border:0px;}

.search-area .col-1-of-5, .search-area .col-1-of-3 {padding:0px;}

.select2-container--bootstrap4 .select2-selection {border:0px!important; outline:none!important; }

input {    border: 0px solid; outline:none!important;}

.select2-container--bootstrap4.select2-container--focus .select2-selection {  border-color:#fff!important;  -webkit-box-shadow:none!important;  box-shadow: none!important;}

.select2-container .select2-selection--single .select2-selection__rendered {padding:7px 15px!important;}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {  position: absolute;  top: 63%!important;  right: 13px!important;  width: 25px!important;}

.search-area .col-1-of-3 {  width: 39.33%;}


.search-button { background-color:#33bbec; border:0px; color:#fff; font-family: 'Sora', sans-serif; font-size: 15px; font-weight: 500; padding:15px; width:23%;}



#lens {display:none;}











.facts {background-color:#f5f5f5; display:table; width:100%; padding:80px 0px 50px 0px; font-size:18px;}



.facts img  {float:left; margin-right:10px;}



.facts strong  {font-size:36px; font-weight:300; display:block; line-height:130%; margin-top:10px;}











.blogs {display:table; width:100%; padding:20px 0px 40px 0px;}



.blog-box {display:table; width:100%; box-shadow:0px 0px 20px 0px #ccc; padding-bottom:30px; height:500px;}



.blog-box img {width:100%; display:block;}



.blog-box figure {margin:0px; padding:0px; height:auto; display:block; overflow:hidden;}



.blog-box h4 {padding:30px 30px 0px 30px; margin:0px; color:#000; font-size:16px; font-weight:600; line-height:150%;}



.blog-box .date  {padding:0px 30px; display:block; font-size:13px; text-transform:capitalize;  color:#666;}



.date  {padding:0px 0px; display:block; font-size:13px; text-transform:capitalize;  color:#666;}

.datewrittenby  {padding:0px 0px; display:block; font-size:13px; text-transform:capitalize;  color:#666;float: right;}

.full-date {display:inline-block; float:left; font-weight:400; color:#666;}

.datewrittenby  {display:inline-block; float:left; margin-left:10px;}

.blog-box p {padding:0px 30px; display:block; color:#000;}



.blog-box a { display:block; width:100%;}


.blog-details-banner {width:100%; height:300px; overflow:hidden; display:block; margin-bottom:25px;}




.newshome-box {display:table; width:100%; box-shadow:0px 0px 20px 0px #ccc; padding-bottom:0px; height:270px;}

.newshome-box img {width:100%; display:block;}

.newshome-box figure {margin:0px; padding:0px; height:auto; display:block; overflow:hidden;}

.newshome-box h4 {padding:10px 10px 0px 10px; margin:0px; color:#000; font-size:13px; font-weight:500; line-height:150%;}
.newshome-box .date  {padding:0px 10px; display:block; font-size:11px; text-transform:capitalize;  color:#666;}
.newshome-box a { display:block; width:100%;}
.newshome-box .datewrittenby {float: right;padding-right: 20px;font-size:11px;color:#666;}




.popular-colleges {display:table; width:100%; padding:70px 0px 0px 0px;}





.college-by-city {display:table; width:100%; padding:30px 0px 0px 0px;}



.advertisement-horizontal {width:100%; border:1px solid #ddd; display:block;}



.advertisement-right {width:100%; border:1px solid #ddd; display:block;}





.city-icons {display:table; background-color:#f5f5f5; padding:30px 0px; margin-bottom:30px;  }



.city-icons img {display:block; margin:auto; width:100px;}



.city-icons span {display:block; margin:13px auto;  text-align:center; font-weight:500; }











#slideshow-wrapper {

  max-width:854px;

  width: 100%;

}



#slideshow {

  margin-bottom: 0px;

  max-width: 854px;

  width: 100%;

  overflow: hidden;

  white-space: nowrap;

}



#slideshow img {

  display: inline-block;

  width: 99.5%;

  height: auto;

  border:1px solid #ddd;

}















/* Style the tab */

.tab {

  overflow: hidden;

  border: 1px solid #ccc;

  background-color: #fff;

  border-bottom:0px;

  margin-top:30px;

}



/* Style the buttons inside the tab */

.tab button {

  background-color: inherit;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

  font-size: 15px;

  border-right:1px solid #ddd;

  border-bottom:1px solid #ddd;

  font-family: 'Sora', sans-serif;

  font-weight:500;

  width:50%;

}



.tab button:last-child {border-right:0px;}



.tab button:after { display:none; }



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #ddd;

}



/* Create an active/current tablink class */

.tab button.active {

  background-color: #f7f7f7;

  border-bottom:1px solid #f7f7f7;

}



/* Style the tab content */

.tabcontent {

  display: none;

  padding: 6px 12px;

  border: 1px solid #ccc;

  border-top: none;

  background-color:#f7f7f7;

  padding-bottom:15px;

}





.tabcontent h3 {font-weight:500; padding-left:12px; font-size:15px;}



.tabcontent a {display:inline-block; background-color:#fff; width:100%; margin:.7%; text-align:center; padding:20px 0px; box-shadow:0px 0px 10px 0px #eee;  font-size:14px; line-height:140%;   }



.tabcontent a img {display:block; margin:0px auto 20px auto;}



.tabcontent a strong {display:block; margin:auto; font-weight:500;}



























footer { display:table; width:100%; padding:50px 0px 15px 0px; background-color:#262424; color:#999; font-size:13px;}



footer  a {display:block; color:#999;}



footer  a:hover {padding-left:5px; color:#ccc;}



#socialmedia {display:inline-block; float:right;}



#socialmedia a {display:inline-block; float:right; margin-left:8px; opacity:0.4;}



#socialmedia a img {display:block;}



#socialmedia a:hover {opacity:1.0;}



footer .hline {border-bottom:1px solid #444; width:100%; margin:60px 0px 20px 0px;}



.copyright {text-transform:uppercase; letter-spacing:1px; font-size:11px; line-height:40px;}



























.search-result-area {display:table; width:100%; padding:20px 0px;}



.left-panel {background-color:#f7f7f7; display:table; padding:20px; width:100%  }



.left-panel h4 {margin:0px 0px 10px 0px; font-size:15px; font-weight:600;}



.left-panel ul {margin:0px; padding:0px;}



.left-panel li  { list-style:none;}



#more1, #more2, #more3, #more4, #more5, #more6, #more7 {display:none;}



#myBtn1, #myBtn2, #myBtn3, #myBtn4, #myBtn5, #myBtn6, #myBtn7 {display:block; background-color:transparent; border:0px; font-family:poppins; color:#33bbec; border-bottom:1px solid #33bbec; margin-top:0px; cursor:pointer;}



.hline {border-bottom:1px solid #ccc; margin-top:20px; margin-bottom:15px;}



.listing-box {display:table; width:100%; border:1px solid #ddd; padding:0px; margin-bottom:20px;}



.listing-box .listing-content {display:table; width:100%; background-color:#f7f7f7; padding-top:15px; border-top:1px solid #ddd;}



.listing-box .listing-content p {text-align:justify; padding:0px 20px; font-size:14px; line-height:140%; color:#666;}



.college-logo {float:left; display:inline-block; margin-right:20px; width:85px; border-radius:10000px; border:5px solid #ddd; margin:15px 20px;}


.bgbr{padding: 20px; border: 1px solid #bdbfc1;background: #fff;}

.listing-box h3 { font-size:24px; font-weight:300; margin:15px 0px 10px 0px; }



.college-rating {float:left; display:inline-block; width:80px; margin-right:10px;}



.college-review-button {float:left; display:inline-block; color:#33bbec; border-bottom:1px solid #33bbec; font-weight:500; font-size:12px; line-height:120%;}



.small-text {display:inline-block; float:left; width:80%; font-size:13px; margin-top:5px; }



.small-text span {display:inline-block; margin-right:20px;}



.small-text span strong {font-weight:500; color:#000;}



.listing-box .listing-content a {display:inline-block; background-color:#33bbec; font-weight:500; letter-spacing:1px; color:#fff; width:33.33%; float:left; text-align:center;  border-right:1px solid #fff; padding:10px; font-size:13px; text-transform:uppercase;}



.listing-box .listing-content a:last-child {border-right:0px;}



.verified {float:right; width:40px; margin:30px;}



.paging {display:table; width:100%; text-align:center; margin-top:30px;}



.paging a {display:inline-block; width:40px; height:40px; text-align:center; background-color:#f7f7f7; border:2px solid #f7f7f7; color:#666; line-height:38px; font-size:14px; }



.paging a:hover {background-color:#ddd; border:2px solid #ddd;} 



.paging-current-page {background-color:#fff!important; border:2px solid #33bbec!important;}



.college-heading {font-size:24px; font-weight:300; text-align:left;}











.college-header {display:table; width:100%; background-color:#f7f7f7; margin-top:-40px; padding-top:60px;}



.college-header .college-logo {margin:0px 20px 0px 0px;}



.college-header h3 {font-size:30px; font-weight:400; margin:0px 0px 20px 0px; padding-top:15px;}



.college-header  .small-text {margin-top:10px; margin-bottom:10px;}



.college-navigation {border-top:1px solid #ccc;   position: -webkit-sticky;  position: sticky;  top: 0;}



.college-navigation a {display:inline-block; line-height:50px; font-size:14px; margin-right:50px; float:left;}



.college-active-page {border-top:3px solid #33bbec; font-weight:600;}



p strong {font-weight:500; color:#000;}



.college-building {width:100%; margin-bottom:20px;}



.text-button { background-color:#33bbec; display:inline-block; padding:10px; color:#fff; width:230px; text-align:center; font-size: 13px; text-transform: uppercase; letter-spacing:1px; font-weight:500;}



.college-details-area {display:table; width:100%; padding:50px 0px;}




.blocker {background-color: rgba(0,0,0,0.4)!important; z-index: 20!important;}

.modal {box-shadow:none;}


.showcase {width:33.33%; float:left; display:inline-block; height:260px; overflow:hidden; margin-bottom:2px;}



.showcase img {width:100%; display:block; border:1px solid #fff;}











.data-table {width:100%; border-collapse:collapse;}



.data-table td {border:1px solid #ddd; padding:10px; font-size:13px; line-height:120%; vertical-align:top; }



.data-table th {border:1px solid #69d1f6; padding:15px; font-size:13px; background-color:#33bbec; color:#fff; text-align:left; line-height:120%; vertical-align:top; background-color:#33bbec; background-image: linear-gradient(#eee, #f9f9f9); border:1px solid #ddd; border-bottom:3px solid #33bbec; color:#000;}



.data-table tr:nth-child(odd) {background-color:#f9f9f9;} 



.data-table td span {display:none;}







.data-table2 {width:100%; border-collapse:collapse;}



.data-table2 td {border:1px solid #ddd; padding:10px; font-size:13px; line-height:120%; vertical-align:top; }



.data-table2 th {border:1px solid #69d1f6; padding:15px; font-size:13px; background-color:#33bbec; color:#fff; text-align:left; line-height:120%; vertical-align:top; background-color:#33bbec; background-image: linear-gradient(#eee, #f9f9f9); border:1px solid #ddd; border-bottom:3px solid #33bbec; color:#000;}



.data-table2 tr:nth-child(odd) {background-color:#f9f9f9;} 





.course-column h4 {background-color:#33bbec; background-image: linear-gradient(#eee, #f9f9f9); border:1px solid #ddd; border-bottom:3px solid #33bbec; color:#000; font-weight:600; padding:10px; text-transform:uppercase; margin:0px 0px 0px 0px; font-size:14px; clear:both;}





.course-column ul {margin:0px 0px 30px 0px; padding:15px 0px 15px 30px; display:table; width:100%; border:1px solid #ddd;}



.course-column li { font-size:14px; padding-left:10px; list-style-image:url(../images/bullet.png); width:50%; float:left;}













.review-box {display:table; width:100%; border:1px solid #ddd; padding:20px; margin-bottom:20px;}



.name-letter {float:left; display:inline-block; width:60px; height:60px; line-height:60px; background-color:#ccc; text-align:center; color:#fff; font-size:24px; border-radius:1000px; margin-right:15px;}



.review-box h5 {font-size:18px; font-weight:400; color:#000; display:inline-block; float:left; width: calc(100% - 80px); margin:5px 0px 0px 0px;}



.review-box .date {font-size:12px; font-weight:400; color:#666; display:inline-block; float:left; width: calc(100% - 80px); margin-bottom:20px;}



.review-box p {font-size:14px; }



.review-box:nth-child(1) .name-letter, .review-box:nth-child(11) .name-letter, .review-box:nth-child(21) .name-letter { background-color:#ecb5ca;}



.review-box:nth-child(2) .name-letter, .review-box:nth-child(12) .name-letter, .review-box:nth-child(22) .name-letter { background-color:#cba8e4;}



.review-box:nth-child(3) .name-letter, .review-box:nth-child(13) .name-letter, .review-box:nth-child(23) .name-letter { background-color:#a8c4e4;}



.review-box:nth-child(4) .name-letter, .review-box:nth-child(14) .name-letter, .review-box:nth-child(24) .name-letter { background-color:#8cdad9;}



.review-box:nth-child(5) .name-letter, .review-box:nth-child(15) .name-letter, .review-box:nth-child(25) .name-letter { background-color:#8cdaaf;}



.review-box:nth-child(6) .name-letter, .review-box:nth-child(16) .name-letter, .review-box:nth-child(26) .name-letter { background-color:#b6da8c;}



.review-box:nth-child(7) .name-letter, .review-box:nth-child(17) .name-letter, .review-box:nth-child(27) .name-letter{ background-color:#dac98c;}



.review-box:nth-child(8) .name-letter, .review-box:nth-child(18) .name-letter, .review-box:nth-child(28) .name-letter{ background-color:#efa352;}



.review-box:nth-child(9) .name-letter, .review-box:nth-child(19) .name-letter, .review-box:nth-child(29) .name-letter{ background-color:#d98970;}



.review-box:nth-child(10) .name-letter, .review-box:nth-child(20) .name-letter, .review-box:nth-child(30) .name-letter{ background-color:#6eb5bb;}







#review-header1, #review-header2 {margin-bottom:40px; border:1px solid #ddd; padding:40px; height:230px;  }



#review-header2 {padding:40px; height:230px; background-color:#f9f9f9;  }



#review-header1 img {display:block; margin:auto;}



.big-rating-number {display:block; margin:auto; width:100px; height:100px; line-height:100px; font-size:30px; color:#fff; text-align:center; background-color:#00d566; border-radius:1000px; margin-bottom:20px;  }



#review-header2 h5 {font-size:20px; margin:0px 0px 10px 0px; font-weight:400;}



#review-header2 a {  background-color: #33bbec;   border: 0px;  color: #fff;  font-family: 'Sora', sans-serif;  font-size: 15px;  font-weight: 500;  padding: 15px;  width: 200px; margin-top:20px; display:block; text-align:center;}






.home-contact-form .textbox1.first-row {  width: 100%;  margin: .5%;  float: left; margin-bottom:20px;}

.home-contact-form .textbox1.search-dropdown1 {  width: 100%;  margin: .5%;  float: left;font-family: poppins; margin-bottom:20px;}

.home-contact-form .submit-button {width:100%; margin:20px auto 30px auto; float:none; display:block;}

.gender-area {  padding: 10px;}

.home-contact-form select {  background-position: 92% center;}














.accordion {

  cursor: pointer;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  transition: 0.4s;

  font-weight:500;

  font-family:poppins;

  margin-top:10px;

	border:1px solid #69d1f6; 

	padding:15px; 

	font-size:14px; 

	background-color:#33bbec; 

	color:#fff; 

	text-align:left; 

	line-height:120%; 

	vertical-align:top; 

	background-color:#33bbec; 

	background-image: linear-gradient(#eee, #f9f9f9); 

	border:1px solid #ddd; 

	border-bottom:3px solid #33bbec; 

	color:#000;

}



.active, .accordion:hover {

  background-color: #fff;

}



.accordion:after {

  content: '\002B';

  color: #000;

  font-weight: 300;

  float: right;

  font-size:20px;

  margin-left: 5px;

}



.active:after {

  content: "\2212";

}



.panel {

  padding:0px;

  background-color: white;

  overflow: hidden;

  transition: max-height 0.2s ease-out;

  max-height:auto;

  display:none;

}



.accordion-answer {padding:15px; background-color:#fff; border:1px solid #ccc;}



.accordion-answer div {padding:0px 0px 15px 0px; font-size:12px;  line-height:160%;}



.accordion-answer div strong {display:block; font-weight:600; line-height:160%;}



.accordion-answer h5 {font-size:16px; margin:0px; font-weight:500;}



.accordion-answer p {font-size:14px;}





.textbox1 {width:100%; padding:15px; border:1px solid #ddd; background-color:#f9f9f9; margin-bottom:5px; font-family:poppins; font-size:14px;  }



.submit-button { background-color: #33bbec; border: 0px; color: #fff; font-family: 'Sora', sans-serif; font-size: 15px;font-weight: 500; padding: 15px; width: 100%; }



.modal-content h2 {font-size:30px; font-weight:400; margin:20px 0px;}













/* The Modal (background) */

.modals {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 100; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 40px;

  border: 1px solid #888;

  width: 600px;

}



/* The Close Button */

.close {

  color: #aaaaaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}





.otp-number {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px 10px 50px;
    font-family: 'Kanit', sans-serif;
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 200;
    text-align: center;
    letter-spacing: 60px;
}



.login-area {width:100%; display:table; height:auto; background-image:url(../images/login-bg.jpg); background-position:center top; background-size:cover; }



.login-box {width:100%; max-width:100%x; background-color:#fff; padding:40px 30px; }



.login-box h2 { font-weight:300;}



.login-area .textbox1 {padding:11px;}



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



.blue-link {color:#0099FF; border-bottom:1px solid #0099FF!important; font-weight:400;}









.inside-content-area {display:table; padding:40px 0px; background-color:#f7f7f7; width:100%;}



.inside-content-area ul, ol {margin:0px 0px 0px 20px; padding:0px;}



.inside-content-area ul li, ol li {margin-bottom:10px; padding-left:0px; text-align:justify;}



.fullsize {display:block; width:100%; margin-bottom:50px;}



.heading-left {text-align:left; font-size:30px; margin-bottom:20px; line-height:130%; font-weight:500;}



.justify {text-align:justify;}



.inside-content-area .blog-box {margin-bottom:30px;height: 470px;}







.running-text  p {text-align:justify;}



.running-text  h3 {  font-size: 20px; margin-bottom:10px; margin-top:40px;}



.running-text  h5 {  font-size: 16px; margin-bottom:10px; margin-top:10px;}







.college-news-box {display:table; width:100%; padding-bottom:30px; border-bottom:1px solid #ccc; margin-bottom:30px;}



.college-news-box h4 {font-size:20px; font-weight:500; color:#000; margin:0px;}



.college-news-box span {color:#666; font-size:12px;}



.college-news-box p {text-align:justify; margin:0px;}



.contact-box {background-color:#fff; padding:30px; height:390px; box-shadow:0px 0px 20px 0px #ddd; }



.contact-box a {display:block; clear:both; line-height:40px; margin-bottom:20px;}



.contact-box a img {float:left; margin-right:10px;}



.contact-box strong {font-size:20px;}
.contact-box .email {font-size:14px;}


.contact-lady {float:left; margin-top:43px;}



#contact-phone-and-email {padding-top:100px;}





.blog-details h4 {font-size:20px; font-weight:500; margin-bottom:0px;}



.blog-details p {text-align:justify;}









.counseller-box {float:left; background-color:#fff; margin-right:30px; width:31%; box-shadow:0px 0px 30px 0px #ddd; margin-bottom:30px;}



.counseller-box figure {padding:0px; margin:0px;}



.counseller-box figure  img {display:block; width:100%;}



.counseller-box span {display:block; padding:40px 10px; text-align:center; border-bottom:4px solid #33bbec;}



.counseller-box span strong {font-weight:700px; color:#000; font-size:17px;}



.counseller-box:nth-child(3), .counseller-box:nth-child(6), .counseller-box:nth-child(9), .counseller-box:nth-child(12), .counseller-box:nth-child(15), .counseller-box:nth-child(18), .counseller-box:nth-child(21),  .counseller-box:nth-child(24),  .counseller-box:nth-child(27)  {margin-right:0px;}



.counseller-contact-box {background-color:#fff; padding:30px;  box-shadow:0px 0px 20px 0px #ddd; margin-bottom:30px; }

.counseller-contact-box .textbox1 {padding:10px;}

.counseller-contact-box h3 {font-size:23px; font-weight:bold; margin-top:0px;text-align: center;}

.counseller-contact-box h3 span {font-size: 17px;font-weight: 300;text-align: center;}











/* Grid */





.grid-1280 {display:table; width:1280px; margin:auto;  }



.row {width: 100%; display: table; }



.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }



.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }



.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }





.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }



.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }



.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }



.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }



.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }



.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }



.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; line-height:160%; }



.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }





.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}





/* Grid */









































/* Scroll Top */



.scrolltop {

	display:none;

	width:100%;

	margin:0 auto;

	position:fixed;

	bottom:0px;

	right:0px;	

	z-index:99;

}

.scroll {

	position:absolute;

	right:20px;

	bottom:20px;

	padding:0;

	text-align: center;

	margin: 0 0 0 0;

	cursor:pointer;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-webkit-transition: 0.5s;

	-o-transition: 0.5s; 

	background-color: #33bbec;

}



.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}



.scroll a span {

  width: 0; 

  height: 0; 

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 10px solid #fff;

  display: block;

  margin:auto;

  animation: buttonarrow 0.6s infinite alternate ease-in-out;

}





@keyframes buttonarrow {

	0% {

		transform: translateY(0);

		opacity: 1.0

	}

	100% {

		transform: translateY(-0.5em);

		opacity: 1.0

	}

}



/* Scroll Top */



















/* responsive menu */



.responsive-menu-icon { display:none;}





.responsive-menu-icon {

    display: block;

    cursor: pointer;

    background-color:#000;

    width: 66px;

    height: 66px;

    position: fixed;

    right: 0;

    top: 0px;

    padding: 22px;

    box-sizing: border-box;

    z-index: 10000;

    display: none;

    z-index: 1000;

}



.bar1, .bar2, .bar3 {

    width: 23px;

    height: 2px;

    background-color: #fff;

    margin: 4px 0;

    transition: 0.4s;

}



.change .bar1 {

    -webkit-transform: rotate(-45deg) translate(-9px, 6px);

    transform: rotate(-45deg) translate(-4px, 4px);

}



.change .bar2 {opacity: 0;}



.change .bar3 {

    -webkit-transform: rotate(45deg) translate(-8px, -8px);

    transform: rotate(45deg) translate(-4px, -5px);

}





/* responsive menu */









.exam-news-box {display:table; width:100%; padding-bottom:3px; border:1px solid #ccc; margin-bottom:30px; padding-top:15px; padding-bottom:15px;}



.exam-news-box h4 {font-size:16px; font-weight:500; color:#000; margin:0px;}



.exam-news-box span {color:#666; font-size:12px;}



.exam-news-box p {text-align:justify; margin:0px;}

.news-details .heading-left{font-size: 24px;margin-bottom: 3px;}

.news-details .news-bgpadding{background-color: #fff;padding: 8px 15px!important;border: 1px solid #d9d9e5;}

.news-details .left-panel{background-color: #fff;}

.news-details .left-panel h4{margin: 0px 0px 10px 0px;font-size: 20px;font-weight: 600;}

.news-details .recentnewsList li {font-size: 14px;text-align: left;padding: 10px 0;margin: 0;min-height: 30px;border-bottom: 1px dotted #c5c5e5;overflow: hidden;}

.datewrittenby{color:#666; text-transform: capitalize; font-weight:400;}

.imgpdt{padding-top: 10px;width: 100%;}

.btn_close_box {background: none;float: right;width: 25px;transition: all 0.5s ease-in-out;border-radius: 50%;margin-bottom: -20px;position: relative;z-index: 9;}

.btn_close_box i {color: red;font-size: 18px;}


.news-detail-banner {width:100%; display:block; height:300px; overflow:hidden;}


.news-details{padding: 0px 0px!important;}



.breadcrumb{ margin-left: 0px!important; padding:0px!important;}



ul.breadcrumb li {display: inline;font-size: 12px;}

ul.breadcrumb li+li:before {padding: 2px;color: black;content: "/\00a0";}

ul.breadcrumb li a {color: #333;text-decoration: none;}

ul.breadcrumb li a:hover {color: #01447e;text-decoration: underline;}

.recentnewsList{overflow-x: scroll;height: 500px;} 

.fsize{font-size: 18px; margin-bottom: 0px;}













.college-menu { width:500px; left:0px;}

.college-menu li {  width: 50%;  float: left; border-right:1px solid #ddd; }

.college-menu li ul { width:250px; z-index:100; background-color:#fff; left:248px; background-color:#f1f1f1;}

.college-menu li ul li {  width: 100%;  border-top: 1px solid #f7f7f7;  background-color: #ddd;}



.alert {padding: 20px;background-color: #17a00e;color: white;right: 0;margin-left: 0;bottom: 97px;z-index: 5000; position: fixed;}

.closebtn {margin-left: 15px;color: white;font-weight: bold;float: right;font-size: 22px;line-height: 20px;cursor: pointer;transition: 0.3s;}

.closebtn:hover {color: black;}

.datewrittenby {  margin-left: 0px !important;}

.btn_close_box.closebtn { background-color:#000; width:20px; height:20px; border:0px; margin-bottom: -11px; border-radius:0px;}

.fa.fa-times-circle {  color: #fff;  font-size: 10px;  font-style: normal;  line-height: 20px;  margin-top: -2px;  display: block; }

.recentnewsList {padding:0px; margin:0px!important; overflow: hidden; height:auto;}

.news-details .recentnewsList li {  border-bottom: 1px solid #ccc;}

.news-details .left-panel {  border: 1px solid #ddd;}

#blog-details-left p {text-align:justify;}

#blog-details-right a {display:block; padding:20px; border:1px solid #ddd; background-color:#fff;}

#blog-details-right p {font-size:15px; font-weight:500; text-align:left; line-height:135%; margin-bottom:0px; color:#000;}

#blog-details-right span {display:block; font-size:12px; color:#666;}

.blog-details-recent-posts-heading {display:block; background-color:#33bbec; text-align:center; color:#fff!important; text-transform:uppercase; font-weight:600; font-size:14px; padding:10px; letter-spacing:2px;}

#myImage {float:right; margin-right:10px; margin-top:10px;}

.show-filters {display:none;}











/* User */


.inside-content-area {  padding: 30px 0px;}

#dashboard-left {position: -webkit-sticky;  position: sticky; top:130px;}

.dashboard-left-menu { background-color:#fff; display:table; width:100%; padding:20px; border:1px solid #ddd;   }

.dashboard-left-menu a {display:block; line-height:40px; border-bottom:1px solid #ddd; font-size:14px;}

.dashboard-left-menu a:last-child {border:0px;}

.my-active-menu { color:#33bbec; font-weight:500;}

.dashboard-right-area {background-color:#fff; border:1px solid #ddd; padding:0px; width:100%;}

.logout {display:inline-block; float:right; padding:5px 10px; background-color:#33bbec; color:#fff; border-radius:5px; text-transform:uppercase; font-size:12px; font-weight:600; margin-top:7px;}

.logout  img {float:right; width:15px; margin:5px 5px 5px 10px;}

.user-welcome {display:inline-block; line-height:50px; margin-top:0px; }

.user-welcome img {float:left; border-radius:1000px; width:50px; margin-right:10px;}

.user-header {border-bottom:1px solid #ddd; padding:10px 15px;}

.dashboard-content-area {display:table; padding:15px 0px; width:100%;}


.college-box {  display: block;  width: 100%;  position: relative;  vertical-align: top;  overflow: hidden;  height: 100%;  white-space: normal;  padding: 0px;  margin: .5%;  border: 1px solid #ddd; margin-bottom:25px;}

.college-box figure {display:block; width:100%; height:215px; padding:0px; margin:0px; overflow:hidden;}

.college-box figure img {width:100%;}

.college-box .rounded-logo {display:block; margin:auto; margin-top:-50px; border-radius:1000px; box-shadow:0px 0px 10px 0px #ccc; width:100px;}
 
.college-box  .star-rating  {width:100px; display:block; margin:20px auto;}

.college-box strong  { display:block; margin:0px auto; text-align:center; font-weight:500;}

.college-box span  { display:block; margin:0px auto 50px auto; text-align:center; }

.data-table img {opacity:0.4; width:20px;}

.data-table a {margin:0px 5px 0px 0px;}


.error-message {display:table; width:100%; padding:10px; border:1px solid #eb2323; color:#eb2323; background-color:#fdefef; font-size:13px; line-height:20px; margin-bottom:20px; }

.error-message strong {font-weight:600;}


.alert-message {display:table; width:100%; padding:10px; border:1px solid #f4a307; color:#f4a307; background-color:#fffcf5; font-size:13px; line-height:20px; margin-bottom:20px; }

.alert-message strong {font-weight:600;}


.success-message {display:table; width:100%; padding:10px; border:1px solid #0cbf71; color:#0cbf71; background-color:#edfef7; font-size:13px; line-height:20px; margin-bottom:20px; }

.success-message strong {font-weight:600;}

label {display:block; font-size:13px; line-height:170%;}

.user-textbox {width:100%; padding:10px; border:1px solid #ddd; background-color:#f9f9f9; margin-bottom:5px; font-family:poppins; font-size:14px; margin-bottom:10px;  background-position: 95% center;}

.submit-button { background-color: #33bbec; border: 0px; color: #fff; font-family: 'Sora', sans-serif; font-size: 15px;font-weight: 500; padding: 15px; width: 100%; }

.show-filters {display:none;}


.add-button { background-color:#33bbec; color:#fff; padding:7px; width:100%; text-align:center; display:block;}


.ficon {  width: 32px!important;  height: 32px!important;  border-radius: 0px!important;}



/*  980px  */
@media all and (max-width: 1239px) {

.show-filters {  display: block;  background-color: #33bbec;  padding: 10px;  color: #fff;  text-transform: uppercase;  font-size: 12px;  font-weight: 600;  letter-spacing: 1px;  text-align: center;}

#myImage {  float: right;  margin-right: 10px;  margin-top: 10px;}

#dashboard-left {width:100%;}

#dashboard-right {width:100%; margin-top:20px;}

#dashboard-left {position:static; display:none;}

.dashboard-content-area {padding:15px 10px;}

.college-box figure {height:180px;}



}







/*  768px  */
@media all and (max-width: 979px) {

.dashboard-content-area .col-1-of-3 {width:50%;}

.college-box figure {height:220px;}

.college-header h3 {    font-size: 15px!important;    font-weight: 600;    line-height: 120%;  }

.college-heading {  font-size: 18px;}

}









/*  640px  */
@media all and (max-width: 767px) {

.college-box figure {height:180px;}



}









/*  480px  */
@media all and (max-width: 639px) {

.dashboard-content-area .col-1-of-3 {width:100%;}

.college-box figure {height:250px;}

}







/*  360px  */
@media all and (max-width: 479px) {

.dashboard-content-area .col-1-of-3 {width:100%;}

.college-box figure {height:180px;}

.logout {font-size:0px;}

.logout img {  float: right;  width: 15px;  margin: 5px 0;}

.user-welcome img {  width: 40px;}

.logout {  font-size: 0px;  margin-top: 3px;}

.user-welcome {  line-height: 40px;}




}
















/* User */