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

html{font-size: 16px;scroll-behavior: smooth;}
body{margin:0; font-family: "Poppins", sans-serif;}
a{text-decoration: none;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}

header{position: absolute;top: 20px;left: 100px;}
header a{}
header img{width: 130px;}
.mainbg{background: url(../images/mainbg.png) center center no-repeat; background-size: cover; height: 100vh;    padding: 100px 0px;    background-color: #fbfbfb;}
.mainbg .row{align-items: center;}
.mainbg img{height: 498px;}
.mainbg h2{font-size: 50px;font-weight: 700;}
.mainbg h2 span,.topcollege h2 span{color: #234289;}
.mainbg p{margin-bottom: 0;font-size: 20px;}

.topcollege{padding: 60px 0px; background: url(../images/topbg.jpg) center center no-repeat; background-size: cover;}
.topcollege h2{text-align: center;font-weight: 600; font-size: 40px; text-transform: uppercase;}

.collegelist{}
.collegelist img{border: 1px solid #ddd;filter: drop-shadow(0px 2px 20px rgba(0, 0, 0, .1));}
.collegelist h3{text-align: center;font-size: 18px;margin-top: 10px; color: #000;}
.collegelist a{padding: 10px; border-radius: 10px; display: block;margin-top: 30px;}

footer{background: #000; padding: 10px 0px;}
footer p{text-align: center; color: #fff; margin-bottom: 0;}
footer p a{color: #fff;}

.privacypolicy{padding: 15px;background: #e5e5e5;}
.privacypolicy ul li{border-top: 1px solid #fff;font-size: 14px;padding: 6px 0px;}
.privacypolicy ul li:first-child{border-top: 0;}

.contactus{background: #f6f8fc; padding: 40px 0;}
.cilist{background: #fff;   box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); padding: 45px 40px 50px;}
.cilist h4{font-size: 30px;font-weight: 600;}
.cilist ul{padding: 0; margin: 0; list-style: none;}
.cilist ul li{display: flex;justify-content: flex-start;gap: 16px;     align-items: center;   border-top: 1px solid #e7ece9; margin-top: 28px; padding-top: 28px;}
.cilist ul li:first-child{border-top: 0;}
.cilist ul li img{width: 42px;height: 42px;}
.cilist ul li h6{font-size: 20px;line-height: 20px; font-weight: 600;}
.cilist ul li a{color: #676c7c;line-height: 22px; margin: 13px 0 0;}
.ciform{background-color: #f0f7f3; padding: 45px 50px 56px;}
.ciform h5{font-size: 30px;font-weight: 600;}
.ciform p{color: rgb(120, 123, 125);}
.ciform input,.ciform select{box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); background: #ffffff; border: 1px solid #ffffff; width: 100%;  height: 56px; color: #787b7d; font-size: 17px; font-weight: 400; font-style: normal; padding-left: 30px; padding-right: 30px; border-radius: 8px; margin-bottom: 17px;}
.ciform input[type=submit]{font-weight: 700; margin-bottom: 0; background: #000;color: #fff; width: auto;}

.about{padding: 60px 0;}
.about h3{font-size: 24px;}
.about h3 span{color: #234289;}
.about p{font-size: 14px;}
.about ul li{display: flex;gap: 10px;}
.about ul li .abbg{flex: 0 0 7%;}
.about ul li .abbg img{width: 40px;background: #ff7350;padding: 5px;}
.about ul li h4{font-size: 19px;}
.about ul li p{font-size: 12px;}
.about .abimg1{height: 100%; object-fit: cover;}

@media only screen and (min-width:768px) and (max-width:1023px){
  .mainbg h2{font-size: 40px;}
  .mainbg p{    font-size: 16px;}
  .collegelist h3{font-size: 14px;}
  .cilist h4,.ciform h5{font-size: 23px;}
  .cilist ul li h6{font-size: 15px;}
  .cilist ul li a{font-size: 14px;}   
}
@media only screen and (max-width:767px){
  header{left: 50%; margin-left: -65px;z-index: 999;}
  .mainbg{padding: 200px 0px 100px; height: 700px; position: relative;}
  .mainbg h2 {font-size: 40px;}
  .mainbg p{font-size: 16px;}
  .mainbg img {height: 347px;  position: absolute; left: 50%; margin-left: -98px;        bottom: 0;}
  .topcollege h2{font-size: 30px;}
  .privacypolicy h5{    font-size: 17px;}
  .about p {font-size: 12px;}
  .about ul li p {font-size: 10px;}
  .about{padding-bottom: 0;}
  .about ul li h4 {font-size: 15px; }
  .cilist h4,.ciform h5{font-size: 23px;}
  .cilist ul li h6{font-size: 15px;}
  .cilist ul li a{font-size: 14px;}
  .inforbox h2 {font-size: 18px;}
  .inforbox ul li {flex: 0 0 46%;}
}
@media only screen and (max-width:575px){
  .mainbg h2 {font-size: 27px; text-align: center;}
  .mainbg p {font-size: 14px; text-align: center;}
  footer p{font-size: 11px;}
  .topcollege h2 {font-size: 24px;}
  .ciform input{height: 46px;font-size: 16px;}
    .cilist h4, .ciform h5 {font-size: 20px;}
    .cilist p{font-size: 13px;}
    .ciform{padding: 25px 20px 25px;}
     .about p {font-size: 12px;}
    .about ul li p {font-size: 10px;}
    .about{padding-bottom: 0;}
    .about ul li h4 {font-size: 15px; }
    
}