@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 16px; font-family: "Poppins", sans-serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px; }
a { color: #000; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal;color:#000;font-weight:600; }
h1 { font-size: 40px; }
h2 { font-size: 36px;line-height: 38px;letter-spacing: -0.02em; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

	/* layout */
	#layout { width: 100%; position: relative; }
	.wrapper { max-width: 1190px; margin: 0 auto; position: relative; padding: 0 10px; }


a.cmn_btn{background: #003399;color: #fff;padding: 10px 20px;display: inline-block;margin-top: 20px;text-transform: uppercase;font-size: 20px;}

.header{float: left;width: 100%;padding: 10px 0;background: #ffd327;}	
.left{float: left;width: 10%;padding: 6px 0;}
.menu{float: left;width: 30%;padding: 9px 0;}
.menu ul li{float: left;padding:10px 10px 10px 10px;list-style: none;}
.menu ul li a{text-decoration: none;}
.seacrh{float: left;width: 60%;padding: 6px 30px;}
.seacrh input{width: 100%;padding: 10px;border-radius: 30px;font-size: 16px; font-family: "Poppins", sans-serif;border: 0px;}









 .banner{float: left;width:100%;background: url(images/fees.jpg)center center no-repeat; background-size:cover;height:100vh;
 background: #f5fafd;position: relative;}

.banner_inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 1000px;text-align: center;}
.banner .sup_card{float: left;width: 42%;border: 1.06777px solid #d6d6d6;margin: 1%;padding: 20px;background:#fff;border-radius:10px;box-shadow: 0px 4px 4px 0px #00000040;}
.banner .sup_card img{width:250px;border-radius: 10px;}
.banner .sup_card a{font-size: 35px;text-decoration: none;color:red;}


p.win::before {
  content: ""; /* Empty content */
  display: inline-block; /* Allow the pseudo-element to behave like an inline element */
  width: 40px; /* Set the width of the image */
  height: 40px; /* Set the height of the image */
  background-image: url('wind.png'); /* Specify the image URL */
  background-size: cover; /* Make sure the image covers the space */
  margin-right: 10px; /* Adjust spacing between the image and the heading */
  vertical-align: middle; /* Align the image vertically with the text */
}


p.app::before {
  content: ""; /* Empty content */
  display: inline-block; /* Allow the pseudo-element to behave like an inline element */
  width: 40px; /* Set the width of the image */
  height: 40px; /* Set the height of the image */
  background-image: url('app_logo.png'); /* Specify the image URL */
  background-size: cover; /* Make sure the image covers the space */
  margin-right: 10px; /* Adjust spacing between the image and the heading */
  vertical-align: middle; /* Align the image vertically with the text */
}












.banner_two{float: left;width: 100%;padding: 60px 0;background: url(banner_1.jpg)center center no-repeat; background-size:cover;min-height:570px;}
.banner_two p{color: #fff;}
.banner_two .left{float: left;width: 60%;padding-top:60px;padding-right: 60px;}
.banner_two .left a {display: inline-block;color: #fff;font-size: 20px;font-weight: 600;text-decoration: none;background: #0f69ff;padding: 10px 20px;border-radius: 30px;}

.ma_new{float: left;width: 100%;padding: 60px 0;}
.ma_new h2{text-align: center;padding-bottom: 30px;}
.ma_new .left{float: left;width: 50%;}
.ma_new .right{float: left;width: 50%;padding: 60px;}
.ma_new .right .rg_sec{float: left;width: 50%;padding-right: 30px;}
.ma_new .right .rg_sec a{color: #0f69ff;text-decoration: none;font-weight: 600;}

.separator{float: left;width: 100%;padding: 60px 0;background: #ffd327;}
.separator .left{float: left;width: 30%;}
.separator .right{float: left;width: 70%;padding-right: 15%;padding-top: 30px;}
.separator .right p{color: #000;}


.fast{float: left;width: 100%;background: #1c284c;padding: 60px 0;}
.fast .left{float: left;width: 80%;}
.fast .left h2{color: #fff;}
.fast .left p{color: #fff;}
.fast .right{float: left;width: 20%;padding: 30px 0;text-align: right;}
.fast .right a{display: inline-block;color: #fff;font-size: 20px;font-weight: 600;text-decoration: none;background: #0f69ff;padding: 10px 20px;border-radius: 30px;}
    

.system{float: left;width: 100%;padding: 60px 0;}    

.news{float: left;width: 100%;padding: 60px 0;}
.news h2{border-left: 5px solid #ffd327;padding-left: 20px;}
.news .news_card{float: left;width: 31.333%;margin: 1%;}
.news .news_card h2{font-size: 20px;}

.tp-footer{float: left;width: 100%;padding: 60px 0;background: #f0f0f0;}

.tp-footer ul{padding: 0;}
.tp-footer ul li{list-style: none;line-height: 24px;float: left;padding-right: 20px;}
.tp-footer ul li a{font-size: 14px;text-decoration: none;}


.copy{float: left;width: 100%;padding: 10px 0;border-top: 1px solid #000;background: #f0f0f0;}
.copy p{color: #000;font-weight: 500;padding:0;}






@media only screen and (max-width: 1120px) {
 .wrapper{max-width: 97%;} 


    
}


@media only screen and (max-width: 1020px) {
    
.ma_new .right .rg_sec{padding-right: 10px;} 
    
}
        
@media only screen and (max-width: 767px) {
.seacrh{width: 50%;}
.menu{width: 40%;padding: 6px 0;}
.banner_two{min-height: 380px;}
h2{font-size: 25px;}
.ma_new .right{padding: 10px;}
.fast .left{width: 100%;text-align: center;}
.fast .right{width: 100%;text-align: center;padding: 0px;}
.system p{font-size: 14px;}

.copy p{font-size: 14px;}
        
}

@media only screen and (max-width: 600px) {

.left{width: 100%;text-align: center;}
.left img{width: 150px;text-align: center;}

.seacrh{width: 100%;}
.menu{width: 100%;text-align: center;}
.menu ul li{display: contents;}

.banner_two .left{width: 100%;padding-top: 0;padding-right: 0;}
.copy p{font-size: 12px;}


.ma_new .left{width: 100%;}
.header .left img{width: 120px;}
.left img{width: 100%;}
.ma_new .right{width: 100%;}
.ma_new .right .rg_sec{width: 100%;padding-bottom: 20px;}
.separator .left{width: 100%;}
.separator .right{width: 100%;padding-right: 0;padding-top: 30px;}
.news .news_card{width: 100%;margin: 20px 0;}
    
}