body{width: 100%; background:#fff ;padding: 0;margin: 0;font-family: "Roboto", Sans-serif; }
a{text-decoration: none !important; font-family: 'Poppins', sans-serif; font-weight: 600;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif !important;}
p{padding: 0;margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300;}
*{padding: 0;margin: 0; font-family: 'Poppins', sans-serif;}
ul{padding: 0;margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; }
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/loader.gif') 50% 50% no-repeat #fff; }

/*header-top*/
.header-top{ position: relative; width: 100%; padding:5px 0px 6px; margin: 0 0; z-index: 9; background: #fff;  display: block; }
.header-top .contact-icon{ position: relative; width: 100%;  padding: 0 0; margin: 0 0;text-align: right; }
.header-top .contact-icon ul.hed-contact{ width: 100%;  padding: 0 0; margin: 0 0; }
.header-top .contact-icon ul.hed-contact li{font-family: 'Poppins', sans-serif; font-size: 15px; display: inline-block; padding: 0; margin: 0 0px 5px 0; color: #324209; }
.header-top .contact-icon ul.hed-contact li i{ color: #FF9C00; font-size: 15px; margin: 0; transform: scaleX(-1); padding: 0 0 0 10px; text-shadow: -1px 1px 0px rgba(87, 88, 91, 0.43); }
.header-top .contact-icon ul.hed-contact li a{ color: #324209;font-size: 14px;letter-spacing: 0.5px;line-height: 20px;padding: 0 0 0 13px;margin: 0;font-family: 'Poppins', sans-serif;font-weight: 300; }
.header-top .contact-icon ul.hed-contact li a:hover{ color: #154ea4; transition:all 600ms ease-in-out;}
.header-top .contact-icon ul.hed-contact li a b{color: #899961; font-size: 13px;}
.header-top .contact-icon ul.otherlink li a{ color: #fff; font-size: 11px; letter-spacing: 0.5px; line-height: 20px; padding: 4px 18px; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; background-image: linear-gradient(to right , #b70303, #f00); border-radius: 25px; }
.header-top .contact-icon ul.otherlink li a:hover{ color: #fff; background-image: linear-gradient(to right , #f00, #910808);transition:all 600ms ease-in-out;}
.navigation{ width: 100%; padding: 0; position: relative; display: inline-block;  }
.header-top .logo-new{ width: 95%; padding: 0; }
.header-top .logo-new img.logo-img{ width: 100%; }

.header-top .social-icon{ position: relative; width: 100%;  text-align: right; padding: 0 0; margin: 0 0; }
.header-top .social-icon ul.social-li{ width: 100%;  padding: 4px 0 10px; margin: 0 0; }
.header-top .social-icon ul.social-li span{ color: #fff; font-weight: bold; margin: 0 10px 0 0; }
.header-top .social-icon ul.social-li li { display: inline-block; text-align: center; padding: 0; margin: 0 0 0 6px; width: 25px; height: 25px; background: #0051cf; border-radius: 50%; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li:hover{ background: #fff;
-webkit-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0);
-moz-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0);
box-shadow: 0 -2px 23px 0px rgba(28, 50, 84, 0.7); transition:all 600ms ease-in-out;}    
.header-top .social-icon ul.social-li li i{  }
.header-top .social-icon ul.social-li li a{ color: #fff; padding: 5px 0 0; display: block; opacity: 1; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li a:hover{ color: #1c3254; opacity: 1;transition:all 600ms ease-in-out; }

img.con-gif{ position: fixed;top: 280px; right: -8px; width: 40px; padding: 0; margin: 0; z-index: 99; }


/*header-bottom*/
.header-bottom{ position: relative; z-index: 99; width: 100%; padding:0px 0 0px; margin: 0 0; background: #3b3b3b;  display: block; -webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.31); z-index: 9; background-image: linear-gradient(#0e5af1, #022a6f);}
.header-bottom .navigation{width: 83%; margin: 0px 0 0 0; float: left; }
.header-bottom a.quote { width: 100%; color: #4e9e42; background-color: #fff; display: block; border-radius: 0px; text-align: left; padding: 0 0 0 10px; font-weight: bold; text-transform: uppercase; font-size: 40px; transition: all 600ms ease-in-out; font-family: 'Changa One', cursive; line-height: 35px; }
.header-bottom a.quote:hover{ background: #f9f6f6; transition:all 600ms ease-in-out;}  
.header-bottom a.quote span{ display: block; font-family: 'Montserrat', sans-serif; text-transform: none; font-size: 13px; line-height: 20px; color: #000; font-weight: initial; padding: 5px 0 0; } 

.after-brfore{ width: 17%; float: right; }
.after-brfore a{ display: inline-block; vertical-align: middle; padding: 23px 0; border: 0px solid #ffffff; background: #6bff00; color: #0051cf; text-transform: uppercase; margin: 0px 0 0 0; font-size: 13px; width: 100%; text-align: center; font-weight: bold; text-indent: 3; transition: all 600ms ease-in-out; }
.after-brfore a:hover{ background: #f00; color: #fff; text-indent: 7; transition: all 600ms ease-in-out;}

/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #fff; }
.banner .banner-dec{ position: absolute; content: ""; left: 100px; top: 0; width: 50%; overflow: hidden; height: 100%; z-index: 9; }
.banner .banner-dec .banner-dec-text{ width: 55%; padding: 120px 0 0; margin: 0; }
.banner .banner-dec .banner-dec-text h5{margin: 0; padding: 0; font-size: 15px; color: #1c3254; text-transform: uppercase; font-weight: inherit; font-family: "Roboto", Sans-serif; }
.banner .banner-dec .banner-dec-text h2{margin: 0; padding: 10px 0 20px 0; font-family: 'Changa One', cursive; font-size: 45px; line-height: 60px; font-weight: 700; color: #0051cf; text-transform: uppercase; }
.banner .banner-dec .banner-dec-text a{ display: inline-block; vertical-align: middle; padding: 16px 0; border: 0px solid #ffffff; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 0px; background: #30b737; color: #fff; text-transform: uppercase; margin: 20px 0 0 0; font-size: 14px; width: 25%; text-align: center; font-weight: bold; text-indent: 3; transition: all 600ms ease-in-out; border-left: 5px solid #fff; -webkit-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
-moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79);
box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.39);}
.banner .banner-dec .banner-dec-text a:hover{ background: #ffad01; text-indent: 7; transition: all 600ms ease-in-out;}

.banner .banner-text{ position: relative; width: 100%; padding:100px 0 0 ; margin: 0 0; background: #fff; }
.banner .banner-text h1{ font-family: "Roboto", Sans-serif; color: #222222; font-size: 50px; font-weight: 800; text-transform: uppercase; padding: 0 0 30px 0; margin: 0; line-height: 70px; }
.banner .banner-text p{ font-family: "Roboto", Sans-serif; font-size: 16px; line-height: 29px; text-align: justify; padding: 0 0 20px; margin: 0; display: block; color: #464545; }
.banner .banner-text a{ color: #ffffff; display: inline-block; border-radius: 30px; text-align: center; padding: 15px 40px; font-weight: bold; font-family: revert; text-transform: uppercase; font-size: 14px; transition: all 600ms ease-in-out; border-color: #12a99d; background-color: #12a99d; }
.banner .banner-text a:hover{ background:#11e8d6; transition:all 600ms ease-in-out; } 
.banner img.banner-img{ width: 100%; height: auto; }

/*.mar-div*/
.mar-div{ position: relative; width: 100%; padding:0px 0 0 ; margin: 0 0;}
.mar-div img{ width: 100%; } 
.mar-div marquee{position: absolute; top: 0; font-size: 15px; line-height: 25px; padding: 8px 0 0 0; color: #fff; z-index: 9999; content: ""; right: 10px; font-style: italic; letter-spacing: 1px; width: 79%; font-family: 'Poppins', sans-serif; font-weight: 400; }


.Support-video{ width: 100%;
  display: block;
  padding: 0 0;
  margin: 50px 0 0; }
.Support-video video{width: 100%;
  height: 450px;}



/*Catagory Link*/
.catagory-link{ position: relative; width:100%; padding:30px 0 60px; margin:0 0; background:#eaeaea; z-index: 9; background:#fff; }
.catagory-link .catagory-link-single-box{ width:100%; background: #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 15px; margin: 0; text-align: center; width: 25%; float:left; transition: all 400ms ease-in-out; }


.catagory-link .catagory-link-single-box:hover{  border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px); transition: all 400ms ease-in-out; }

.catagory-link .catagory-link-single-box img{ width: 50%; }
.catagory-link .catagory-link-single-box h4{ padding: 15px 0;
  margin: 0;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  line-height: 24px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.08); border-radius: 60px; background: linear-gradient(to bottom, #88985f, #344605);  box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.73); transition:all 600ms ease-in-out; }
.catagory-link .catagory-link-single-box h4:hover{ background: linear-gradient(to bottom, #ffae2e, #d9890c);  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.73); letter-spacing: 0.5px;  transition:all 600ms ease-in-out; }





/*About*/
.about-top{  position: relative; width:100%; padding:70px 0; margin:0 0;background:#eaeaea; z-index: 9; background:#fff; }
.about-top img.border-img{ position: absolute; bottom: -25px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 9; }
.about-top img.pata2{position: absolute; top: 100px; right: 30px; width: 5%; padding: 0; margin: 0; }
.about-top img.about-demo-img{ width:100%;border-radius: 15px; margin:20px 0 0 0;}
.about-top .left-text-top{ position: relative; width:100%; padding:0px 0 0; margin:0 0; }
.about-top .left-text-top h3{ padding: 0; margin: 0; font-size: 30px; color: #88985f; font-weight: bold; line-height: 40px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.08); }
.about-top .left-text-top h2{ font-size: 12px; text-transform: capitalize; line-height: 30px; color: #000; display: block; padding: 0; margin: 8px 0 5px; font-style: italic; font-weight: bold; letter-spacing: 0px; opacity: 0.8; }
.about-top .left-text-top p{ line-height: 28px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 15px; font-weight: 300; padding: 0 0 10px; }
.about-top .left-text-top p b{font-weight: 500; color: #1d8600;}
.about-top .left-text-top h4{ font-size: 22px; line-height: 33px; color: #0051cf; padding: 5px 0 0; margin: 10px 0 0; }
.about-top .left-text-top h4 sup{ color: #e80832; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 0; margin: 0; }
.about-top .left-text-top h4 span{color: #060606; font-size: 15px; font-weight: bold; padding: 0 0 0 5px; margin: 0; }
.about-top .left-text-top h5{ font-style: italic; color: #052b66; font-size: 15px; line-height: 20px; padding: 0; margin: 10px 0; }
.about-top .left-text-top h6{ font-size: 16px; line-height: 25px; color: #000000b3; padding: 0; margin: 4px 0 10px; display: inline-block; }
.about-top .left-text-top a{ box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition:all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px;  background: linear-gradient(to bottom, #88985f, #344605);color: #ffffff; text-transform: uppercase; margin: 10px 0 0 0; font-size: 13px; width: 14%; text-align: center; font-weight: bold; -moz-transition: .3s ease; letter-spacing: 1px; }
.about-top .left-text-top a:hover{background: linear-gradient(to bottom, #ffae2e, #d9890c);  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.73); letter-spacing: 0.5px;  transition:all 600ms ease-in-out; }
.about-top .right-img-ico{ position: relative; width:100%; padding:0px 0 0; margin:0 0; background: #000; border-radius: 6px; }
.about-top .right-img-ico img{width:100%; opacity: 0.8;     
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }
.about-top .right-img-ico img:hover{ opacity: 1; border-radius: 5px; transform: translateY(-10px);
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }

/*services*/
.services{  position: relative; width: 100%; padding: 30px 0; margin: 0 0; background: #eaeaea; background: #90a164; }
.services h2{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #fff; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; } 
.services h2 span{display: block; font-size: 13px; font-weight: 500; color: #fff; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.services p{ padding: 0; margin: 0 0 25px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #fff; text-align: center; font-size: 15px; line-height: 30px; }
.services .services-box{ width: 100%; position: relative; z-index: 9; background: #fff; transition: all 600ms ease-in-out; padding: 0px;
-webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15);
box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18);
-webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; margin: 0 0 30px; border: 1px solid #8c888824; border-radius: 10px;}
.services .services-box:hover{-webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.services .services-box h3{ padding: 5px 0 10px; margin: 0 0; font-size: 15px; line-height: 30px; color: #293703; text-align: center; font-weight: 400; transition: all 300ms ease-in-out; text-transform: uppercase; display: none;}
.services .services-box h3:hover{ color: #d3d3d3; transition: all 300ms ease-in-out; }
.services .services-box:hover h3{ color: #000; }
.services .services-box p{ font-size: 14px; line-height: 23px; text-align: justify; font-weight: normal; padding: 0 0 15px; font-family: system-ui; }
.services .services-box img{ width: 100%; margin: 0 auto; text-align: center; display: block; padding: 5px; height: 180px; border-radius: 10px; }
.services .item{ padding: 0; margin: 0 13px; }
.services img.border01-img{ position: absolute; bottom: -10px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 9; -webkit-transform: scaleY(-1); transform: scaleY(-1); }

.services a.view{ box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0.5px solid #b2cc6d; border-radius: 100px; background: linear-gradient(to bottom, #88985f, #344605); color: #ffffff; text-transform: uppercase; margin: 10px auto 15px; font-size: 13px; width: 15%; text-align: center; font-weight: bold; -moz-transition: .3s ease; letter-spacing: 1px; display: block; border: none;}
.services a.view:hover{background: linear-gradient(to bottom, #ffae2e, #d9890c);  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.73); letter-spacing: 0.5px;  transition:all 600ms ease-in-out; }


.resources .services-box{ background: none; margin: 0; border: 0.5px solid #ccc0; transition: all 500ms ease-in-out;}
.resources .services-box img{ height: 350px; }
.resources .services-box:hover{ border: 0.5px solid #ccccccc9;transition: all 400ms ease-in-out; }
.resources img.border01-img{ position: absolute; bottom: -10px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 9; -webkit-transform: scaleY(-1); transform: scaleY(-1); }
.resources img.border-img{ position: absolute; top: 0px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 9; }


/*Play Forward*/
.playforward{  position: relative; width: 100%; padding: 55px 0 25px; margin: 0 0; background: #eaeaea; background: #fff; }
.playforward h2{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; } 
.playforward h2 span{display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.playforward p{ padding: 0; margin: 0 0 50px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #1f2804b8; text-align: center; font-size: 15px; line-height: 30px; }
.playforward img.playforward-img{ position: absolute; bottom: 20px; width: 30%; right: 0; z-index: 1; opacity: 0.1; }
.playforward img.border-img{ position: absolute; bottom: -25px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 9; }



.WardSocietyIndia{ }
.WardSocietyIndia .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  background: #869758; }
.WardSocietyIndia h4.modal-title{ font-size: 22px;
  color: #fff;
  text-align: center;}
.WardSocietyIndia form{position: relative;
  width: 100%;
  padding: 0px;
  margin: 0 0;
  display: inline-block; }
.WardSocietyIndia form .fill-box{ position: relative;
  width: 50%;
  padding: 5px;
  margin: 0 0;
  float: left;}
.WardSocietyIndia form .message{ position: relative;
  width: 100%;
  padding: 5px;
  margin: 0 0;
  float: left;}  
.WardSocietyIndia form .fill-box label{ width: 100%;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #869758;
  padding: 0;
  margin: 0;}
.WardSocietyIndia form .fill-box textarea{width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  border: 1px solid #cccccc4f;
  outline: none;
  padding: 10px;
  margin: 5px 0 10px;
  border-radius: 6px;background: #fff;}
.WardSocietyIndia form .fill-box select{width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  border: 1px solid #cccccc4f;
  outline: none;
  padding: 10px;
  margin: 5px 0 10px;
  border-radius: 6px;background: #fff;}
.WardSocietyIndia form .fill-box input{width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  border: 1px solid #cccccc4f;
  outline: none;
  padding: 10px;
  margin: 5px 0 10px;
  border-radius: 6px;background: #fff;}
.WardSocietyIndia form .fill-box input[type="submit"]{width: auto;
  background: #94bb2a;
  color: #fff;
  padding: 15px 30px;
  font-size: 16px;}


/*Photo Gallery Start*/
.gallery{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0 0px; margin: 0; }
.gallery h2{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; } 
.gallery h2 span{display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }

.gallery #gallary-slider .item{margin: 0px 15px; }
.gallery p{ font-size: 15px; font-weight: 500; color: #f70000; line-height: 25px; margin: 0 0 50px; text-align: center; }
.gallery .gallery-box img.pho-gall { width: 100%; height:330px; }
.gallery .gallery-box .view-caption { position: absolute; top:-140%; width: 100%; text-align: center; padding: 150px 0; background: rgb(154, 171, 107); }
.gallery .gallery-box:hover .view-caption { top: 0%; height:100%; }
.gallery .gallery-box .view-caption p {  transition:all 600ms ease-in-out;border:none; width: 50%;  font-family: 'Roboto', sans-serif;  font-size: 14px; font-weight: 100;  letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; padding: 9px 15px; color: #fff !important; margin: 5px auto 0; text-transform: uppercase; background: linear-gradient(to bottom, #88985f, #344605); border-radius: 25px; box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); }
.gallery .gallery-box { width: 100%; position: relative; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0 -7px 20px -15px rgba(35, 35, 35, 0.5); -webkit-animation: menu_sticky 0.7s ease-in-; margin: 30px 0 10px; }
.gallery a.view{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5);
  display: inline-block;
  transition: all 500ms ease-in-out;
  vertical-align: middle;
  padding: 12px 0;
  border: 0.5px solid #b2cc6d;
  border-radius: 100px;
  background: linear-gradient(to bottom, #88985f, #344605);
  color: #ffffff;
  text-transform: uppercase;
  margin: 0px auto 25px;
  font-size: 12px;
  width: 12%;
  text-align: center;
  font-weight: bold;
  -moz-transition: .3s ease;
  letter-spacing: 1px;
  display: block;
  border: none;}
.gallery a.view:hover{background: linear-gradient(to bottom, #ffae2e, #d9890c);  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.73); letter-spacing: 0.5px;  transition:all 600ms ease-in-out; }


.Resourcesphoto .gallery-box { width: 100%; position: relative; border-radius: 10px; overflow: hidden; box-shadow:none;  -webkit-animation: menu_sticky 0.7s ease-in-; margin: 15px 0 40px; }
.Resourcesphoto .gallery-box img.pho-gall { width: 100%; height: 850px; }
.Resourcesphoto .gallery-box .view-caption { position: absolute; top: -140%; width: 100%; text-align: center; padding: 80px 0;background: rgba(252, 176, 56, 0.68); }
.Resourcesphoto .gallery-box .view-caption p { transition: all 600ms ease-in-out; border: none; width: 50%; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 100; letter-spacing: 0; line-height: 18px; text-decoration: none; text-shadow: none; padding: 20px 15px; color: #fff !important; margin: 200px auto 0; text-transform: uppercase; background: linear-gradient(to bottom, #ffa700, #ff7800); border-radius: 40px; box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); border: 1px solid #fff;}
.Resourcesphoto h4 { font-size: 22px; font-weight: 500; color: #404040; line-height: 25px; margin: 50px 0 10px; text-align: center; }
.Resourcesphoto h4 span{display: block; font-size: 15px; padding: 0 0 0; line-height: 50px; color: #00000096;}



/*Album*/
.album { width: 100%; position: relative; display: block; background: #fff; padding: 15px 0 50px; margin: 0; }
.album h2{  text-align: center; padding: 0 0 30px; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; }
.album .album-box-content{ width: 100%;
  padding:
30px 0 0;
  margin:
0;
  border:
1px solid #5b751442;
  text-align: center;
  border-radius:
15px;
  overflow:
hidden;
  box-shadow: 5px 5px 5px #5b75144d; }
.album .album-box-content img{ width: 65%; margin: 0 auto; }
.gallery h3{ font-family: 'Poppins', sans-serif !important;
  font-size: 30px;
  background:
#6b8e0b;
  line-height: 25px;
  color: #fff;
  padding:
15px 30px;
  margin:
0 0 30px;
  border-radius:
15px;
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.16); }





/*testmonial*/
.testmonial{ width: 100%; position: relative; display: block; background: #fff; padding: 15px 0 50px; margin: 0; }
.testmonial h2{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; } 
.testmonial h2 span{display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.testmonial img.testmonial-img{ width: 30%; float: none; margin: 0 auto; display: block;}
.testmonial h5{width: 100%; text-align: center; font-size: 20px; letter-spacing: 0; font-weight: bold; color: #000000ad; margin: 20px 0 10px 0; }
.testmonial p{width: 100%; float: right; padding: 0 20px; margin: 0 0 0 0; font-family: 'Poppins', sans-serif; font-weight: 300; color: #1f2804b8; text-align: center; font-size: 14px; line-height: 30px; }



/*footer*/
footer{ width: 100%;  background: url(../images/footer-bg2.png) bottom right no-repeat;  position: relative; background-size: cover; padding: 40px 0 10px; }
footer .footer-box {  width: 100%;   }
img.logo-footer{ text-align: center; display: block; width: 30%; margin:10px auto 40px; background: #fff; padding: 10px; border-radius: 5px; }
footer h2{ font-size: 20px; line-height: 45px; font-weight: bold; color: #fffffff7; text-transform: capitalize; text-align: left; padding: 0; margin: 0 0 15px; letter-spacing: 1px; text-shadow: 3px 3px 2px rgb(2, 51, 2); border-bottom: 1px dotted #ccccccd9; border-radius: 0; }
footer p{ max-width: 100%; color: #ffffffd6; font-family: 'Poppins', sans-serif; font-weight: 300; text-align: justify; font-size: 13px; line-height: 25px; }
footer ul.footer-socil {  padding: 0px; margin: 0 auto; text-align: left; width: 100%; position: relative; display: inline-block;}
footer ul.footer-socil li{ list-style: none; display: block; margin: 0 0 13px; color: #ccc;}
footer ul.footer-socil li a{ color: #ffffffc7;  padding: 0; margin: 0; font-size: 14px; line-height: 25px; font-family: 'Nanum Gothic', sans-serif; text-align: left; }
footer ul.footer-socil li a:hover{ color: #fff; } 
footer ul.footer-socil li i{ color: #8eb725; margin: 0 10px 5px 0; font-size: 11px; }

footer ul.footer-ul { padding: 0; margin: 0; text-align: left;}
footer ul.footer-ul li{ list-style: none; display: block; margin: 0 0 6px; }
footer ul.footer-ul li a{ color: #ffffffd6; padding: 0 15px; margin: 0; font-size: 14px; line-height: 22px; font-weight: normal; letter-spacing: 0px; text-transform: capitalize; font-family: 'Poppins', sans-serif; }
footer ul.footer-ul li a:hover{ color: #fff; } 

footer ul.social-li-footer{width: 100%; padding: 0 0; margin:20px 0 0 0px; display: inline-block; text-align: left; }
footer ul.social-li-footer span{ color: #fff; font-weight: bold; margin: 0 10px 0 0; }
footer ul.social-li-footer li { display: inline-block; text-align: center; padding: 0; margin: 0px 10px 10px 0; width: 30px; height: 30px; background: #6e8a26; border-radius: 50%; transition: all 600ms ease-in-out; box-shadow: 0 5px 15px -5px rgb(0, 0, 0);  }
footer ul.social-li-footer li:hover{ background: #fff;
    -webkit-box-shadow: 0 -2px 23px 0px rgb(255, 255, 255);
    -moz-box-shadow: 0 -2px 23px 0px rgb(255, 255, 255);
    box-shadow:  0 -2px 23px 0px rgb(255, 255, 255); transition:all 600ms ease-in-out;}    
footer ul.social-li-footer li i{ }
footer ul.social-li-footer li a{ color: #fff; padding: 9px 0 0; display: block; opacity: 0.9; transition: all 600ms ease-in-out; font-size: 12px; }
footer ul.social-li-footer li a:hover{ opacity: 1;transition:all 600ms ease-in-out; color: #023302; }

img.futter-ser{ width:100%;}
.footer-box p{text-align: justify; color: #acacac; font-family: 'Abel-Regular'; font-weight: normal; padding: 0 0 2px; font-style: italic; font-size: 15px; line-height: 23px; }
.footer-box p a{ color: #fff; }

p.text-white{ font-size: 15px; letter-spacing: 1px; background: #0005154f; padding: 10px 0 10px; color: #fff; font-weight: normal; margin: 25px 0 0; font-family: 'Montserrat', sans-serif; -webkit-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 22px -6px rgba(0,0,0,0.75); box-shadow: 0px 3px 22px -6px rgb(0, 0, 0); text-align: center;}
p.text-white a{ color: #f99a1c; font-weight: normal; font-family: 'Josefin Sans', sans-serif; letter-spacing: 0; }
p.text-white a:hover{  font-style: italic; }   
.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }



/*INNER bANNER*/
.banner-inner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; height: 280px; overflow: hidden;}
.banner-inner img.inner-banner-img{ width:100%; height: auto; }

/*about-inner*/
.about-inner{  position: relative; width:100%; padding:0px 0; margin:0 0;background:#eaeaea;  background:#fff; }
.about-inner h2{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; }
.about-inner h2 span{ display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.about-inner .left-text-top{   }
.about-inner .left-text-top h3{  font-family: 'Poppins', sans-serif !important; font-size: 22px; color: #5b7514; line-height: 25px; }
.about-inner .left-text-top p{ line-height: 28px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 15px; font-weight: 300; padding: 0 0 10px;  }
.about-inner .left-text-top a{ background: #90a45a; color: #fff; padding: 2px 15px; display: inline-block; border-radius: 5px; font-size: 16px; margin: 0 0 0 25px;}
.about-inner .left-text-top video{ width: 100%; border: 1px solid #ccc; border-radius: 15px; }
.about-inner .left-text-top h5{ margin: 15px 0 0; font-size: 20px; text-align: center; padding: 13px 0; background: #8fa063; color: #fff; border-radius: 15px; }
.about-inner .left-text-top ul{ width: 100%; padding: 5px 0 0; margin: 0 0; }
.about-inner .left-text-top ul li{ padding: 0 0 2px 0; margin: 0 0; list-style: none; font-size: 17px; line-height: 30px; color: #000; }
.about-inner .left-text-top ul li:hover{}
.about-inner .left-text-top p {
  line-height: 33px;
  max-width: 100%;
  color: #061c02db;
  text-align: justify;
  font-size: 17px;
  font-weight: 300;
  padding: 0 0 10px;
}
.about-inner .left-text-top a.gallery-btn{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5);
  display: inline-block;
  transition: all 500ms ease-in-out;
  vertical-align: middle;
  padding: 15px 0;
  border: 0.5px solid #b2cc6d;
  border-radius: 100px;
  background: linear-gradient(to bottom, #88985f, #344605);
  color: #ffffff;
  text-transform: uppercase;
  margin: 0px auto 25px;
  font-size: 14px;
  width: 19%;
  text-align: center;
  font-weight: bold;
  -moz-transition: .3s ease;
  letter-spacing: 1px;
  display: block;
  border: none; }
.about-inner .left-text-top a.gallery-btn:hover{ background: linear-gradient(to bottom, #ffae2e, #d9890c);  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.73); letter-spacing: 0.5px;  transition:all 600ms ease-in-out; }
.about-inner .left-text-top a.order-gmail{ background: none; color: #061c02db; padding: 0; display: inline-block; border-radius: 5px; font-size: 22px; margin: 0; transition:all 400ms ease-in-out; }
.about-inner .left-text-top a.order-gmail:hover{ color:#fd9f0a; transition:all 400ms ease-in-out; }
.about-inner img.pho-gall{position: relative; width: 100%;}
img.AAINA-demo-img{ width: 70%; margin: 20px 0 0 50px; }
h3.aa-title{font-size: 18px; line-height: 20px; background: #6c9300; padding: 12px 15px; margin: 30px 0 0; color: #fff;}
.ScholarshipRecipients{ position: relative; width: 100%; margin: 0 0 40px; background: #8fa06314;transition:all 500ms ease-in-out;  border: 0.5px solid #cccccc5e; border-radius: 15px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18); padding: 20px 25px !important; }
.ScholarshipRecipients:hover{ background: #8fa06300; transition:all 600ms ease-in-out; }
.ScholarshipRecipients ul{width: 100%; padding: 0; margin: 0 0 0 10px;}
.ScholarshipRecipients ul li{ width: 100%; font-family: 'Poppins', sans-serif; font-size: 14px; transition:all 500ms ease-in-out; line-height: 25px; padding: 0 0 5px 10px; border-bottom: 0.5px dotted #f6f8f3; }
.ScholarshipRecipients ul li span{ width: 30%; float: left; font-weight: bolder; font-size: 14px; color: #062d1abd; }
.ScholarshipRecipients ul li:hover{ color: #43570d; border-bottom: 0.5px dotted #aeb0aa; cursor: pointer;transition:all 600ms ease-in-out; }
img.testminial-student-img{ vertical-align: middle; width: 100%; border: 1px solid #ccc; border-radius: 15px; }

img.inner-pro-all{ width:100%; padding:0px 0; margin:100px 0 0 0; -webkit-transform: scaleX(-1);
transform: scaleX(-1);}



/*contact-inner - con-contact*/

/*Contact Us*/
.contact{ position: relative; width: 100%; display: block; background: #fff; padding: 50px 0; margin: 0; }
.contact h3{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; }
.contact h3 span{ display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.contact .contact-form{ width: 96%; padding: 30px; margin: 30px 0 0; background: #fff; border: 0.5px solid #cccccc2e; display: inline-block; border-radius: 15px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); }
.contact .contact-form h4{ font-family: 'Poppins', sans-serif; font-size: 24px; line-height: 30px; color: #034d74; background: #0f0f0f0d; text-align: center; padding: 10px 0; margin: 0; font-weight: bold; text-transform: capitalize; border-radius: 10px; }
.contact .contact-form form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .contact-form form .fill-box{ width: 46%; float: left; padding: 20px 0 0; margin: 0 10px; }
.contact .contact-form form .fill-box label{ width: 100%; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 16px; color: #869758; padding: 0; margin: 0; }
.contact .contact-form form .fill-box input{ width: 100%; display: inline-block; font-size: 14px; line-height: 16px; color: #000; border: 1px solid #cccccc4f; outline: none; padding: 10px; margin: 5px 0 10px; border-radius: 6px; }
.contact .contact-form form .message{ width: 96%; padding: 20px 0 0; margin: 0 10px; }
.contact .contact-form form .message textarea{ width: 100% !important; display: inline-block; height: 90px; font-size: 14px; line-height: 16px; color: #000; padding: 10px; margin: 5px 0 10px; border: 1px solid #ccc; outline: none; border-radius: 6px; }
.contact .contact-form form .fill-box input[type="submit"]{ box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to bottom, #88985f, #344605); color: #ffffff; text-transform: uppercase; margin: 10px 0 0 0; font-size: 13px; width: 60%; text-align: center; font-weight: bold; -moz-transition: .3s ease; letter-spacing: 1px; }
.contact .contact-form form .fill-box input[type="submit"]:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

.contact .contact-address{ width: 100%; padding: 0; margin: 0; }
.contact .contact-address h4{ padding: 0; margin: 0; font-size: 20px; color: #8da44d; font-weight: bold; line-height: 60px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.08); }
.contact .contact-address p{ font-size: 16px; line-height: 26px; color: #656565; padding: 0 0 5px; margin: 0; text-align: justify; }
.contact .contact-address p i{ font-size: 20px; line-height: 20px; color: #96a767; padding: 0 10px 0 0; margin: 0; }
.contact .contact-number{ width: 100%; padding: 0; margin: 0; }
.contact .contact-number i{ font-size: 20px; line-height: 20px; color: #96a767; padding: 0 10px 0 0; margin: 0; }
.contact .contact-number a{ font-size: 16px; line-height: 26px; color: #534e4e; padding: 0; margin: 0; font-weight: normal; }
.contact .contact-number span{ padding: 0; margin: 0 0 0 5px; }
.contact .contact-number a:hover{ color: #034d74; transition: all 300ms ease-in-out; }
.contact .map{ width: 100%; display: inline-block; height: 320px; padding: 0px; margin: 30px 0 0; border-radius: 15px; overflow: hidden; border: 5px solid #869758; }
.contact .map iframe{ width: 100%; height: 100%; border-radius: 6px; border: none; }





/*-- to-top --*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  border-radius: 60px;
  color: white;
  cursor: pointer;
  transition: all 400ms ease-in-out; opacity: 1;
}
#myBtn:hover{ opacity: 0.6; transition: all 400ms ease-in-out; }

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





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


@media(max-width: 1080px){}

@media(max-width: 900px){}

@media(max-width: 800px){}


@media(max-width: 770px){
    /*chek 768*/
.header-top .contact-icon { width: 95%; }
#menu-icon { width: 35px; height: 30px; top: -50px; left: 20px; }
.header-top .logo-new img.logo-img { width: 70%; }
.sf-menu { top: 5px; width: 250px; background: #88985f; font-weight: 600; right: -50px; }
.sf-menu > li > a { font-size: 15px !important; line-height: 20px; background: none; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 300; color: #fff; border-bottom: 0.5px dotted #fff; }
.sf-menu li ul li a { font-size: 12px !important; color: #fff !important; line-height: 10px; text-align: center; padding: 15px 0 !important; background: #547304 !important; border-bottom: 0.5px dotted #fff; }
.about-top .left-text-top h3 { font-size: 25px; font-weight: bold; line-height: 50px;} 
.about-top .left-text-top p { line-height: 24px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 12px; font-weight: 300; padding: 0 0 5px; }
.about-top .left-text-top h2 { font-size: 13px; text-transform: capitalize; line-height: 30px; color: #000; display: block; padding: 0; margin: 8px 0 5px; font-style: italic; font-weight: normal; letter-spacing: 0; }
.about-top .left-text-top a{ width: 25%; padding: 12px 0;}
.about-top img.border-img { bottom: -15px;}
.services h2 { font-size: 25px; font-weight: 900; line-height: 40px;}
.services h2 span { font-size: 10px; font-weight: 500; line-height: 15px;} 
.services p { padding: 0; margin: 0 0 20px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #fff; text-align: center; font-size: 12px; line-height: 25px; }
.services .services-box img { height: 120px; border-radius: 10px; } 
.services .services-box a h3 { padding: 0 0 5px; margin: 0 0; font-size: 12px; line-height: 20px; color: #293703;} 
.services a.view{ font-size: 13px; width: 25%; }
.gallery h2 { font-size: 25px; color: #7e9541c2; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }
.gallery { padding: 30px 0 0px; margin: 0; }
.gallery .gallery-box{ margin: 10px 0 10px; }
.gallery .gallery-box img.pho-gall { width: 100%; height: 230px !important; }
.gallery .gallery-box .view-caption { top: -200%;  padding: 100px 0; }
.gallery .gallery-box .view-caption p { width: 90%; font-family: 'Roboto', sans-serif; font-size: 12px;}
.gallery a.view { padding: 12px 0; margin: 0px auto 25px; font-size: 12px; width: 22%; }
.gallery h3 { font-size: 22px; line-height: 24px; padding: 10px 30px; margin: 0 0 30px; }
.about-top { z-index: 1;} 
.testmonial h2 { font-size: 25px; color: #7e9541c2; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }
.playforward h2 { font-size: 30px; color: #7e9541c2; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }
.banner-inner { height: 160px; overflow: hidden; }
.about-inner h2 { font-size: 25px; color: #7e9541c2; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }
.about-inner { position: relative; width: 100%; padding: 15px 0 !important;} 
.about-inner .left-text-top h3{ margin: 30px 0 10px !important;  }
.about-inner .left-text-top p { line-height: 25px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 13px; font-weight: 300; padding: 0 0 10px; }
.ScholarshipRecipients{ padding: 5px 5px !important; }
.ScholarshipRecipients ul li span { width: 30%; float: left; font-weight: bolder; font-size: 12px; color: #062d1abd; }
.about-inner .left-text-top ul li { padding: 0 0 2px 0; margin: 0 0; list-style: none; font-size: 13px; line-height: 26px; color: #000; }
.about-inner .left-text-top p { line-height: 24px; max-width: 100%; color: #061c02db; text-align: justify; font-size: 12px; font-weight: 300; padding: 0 0 10px; }
.about-inner .left-text-top h6{ padding: 0; margin: 3px 0 9px; } 
.about-inner .left-text-top h5 { margin: 10px 0 0; font-size: 15px; text-align: center; padding: 12px 0; background: #8fa063; color: #fff; border-radius: 30px; }
img.AAINA-demo-img { width: 100%; margin: 40px 0 20px 0; }
h3.aa-title { font-size: 15px; line-height: 20px; background: #6c9300; padding: 10px 15px; margin: 30px 0 0; color: #fff; }
img.SHEESHA-demo-img{ width: 100%; }
.Resourcesphoto h4 { font-size: 18px; font-weight: 500; color: #404040; line-height: 15px; margin: 30px 0 10px; text-align: center; }
.Resourcesphoto h4 span { display: block; font-size: 13px; padding: 0 0 0; line-height: 30px; color: #78a401; }
.contact h3 { font-size: 28px; color: #7e9541c2; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }
.contact { padding: 20px 0; margin: 0; }
.contact .contact-form { width: 98%; padding: 10px; margin: 30px 0 0;}   
.contact .contact-form form .fill-box { width: 46%; float: left; padding: 10px 0 0; margin: 0 7px; }
.contact .contact-form form .fill-box label { font-size: 13px; line-height: 15px; color: #869758; font-weight: normal; }
.contact .contact-form form .fill-box input { width: 100%; display: inline-block; font-size: 12px; line-height: 15px;} 
.contact .contact-form form .message textarea { width: 100%; display: inline-block; font-size: 12px; line-height: 15px;} 
.contact .contact-address h4 { padding: 10px 0 0; letter-spacing: 1px; font-size: 17px; color: #8da44d; font-weight: bold; margin: 0; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.08); line-height: 40px; }
.contact .contact-address p i { font-size: 13px; line-height: 20px; color: #96a767; padding: 0 5px 0 0; margin: 0; }
.contact .contact-address p { font-size: 14px; line-height: 24px; color: #656565; padding: 0 0 5px; margin: 0; text-align: justify; }
.contact .contact-number i { font-size: 13px; line-height: 20px; color: #96a767; padding: 0 5px 0 0; margin: 0; }
.contact .contact-number p { font-size: 14px; line-height: 24px; color: #656565; padding: 0 0 5px; margin: 0; text-align: justify; }
.contact .contact-number h4 { padding: 10px 0 0; letter-spacing: 1px; font-size: 17px; color: #8da44d; font-weight: bold; margin: 0; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.08); line-height: 40px; }
.contact .contact-number a { font-size: 13px; line-height: 20px;}
.contact .contact-form form .message {width: 96% !important;}
.contact .contact-form form .fill-box input[type="submit"]{width: 100%;}
.contact .map { height: 250px; padding: 0px; margin: 30px 0 0; border: 2px solid #869758; }
.contact h3 {
    font-size: 25px;
    color: #7e9541c2;
    line-height: 30px;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11);
    letter-spacing: 2.5px;
  }
  
.catagory-link { padding: 20px 0 30px; }  
 .catagory-link .catagory-link-single-box { padding: 10px; width: 25%; } 
  .catagory-link .catagory-link-single-box h4 { padding: 10px 0; font-size: 14px; line-height: 20px; }
  
  
  
  
    
}

@media(max-width: 700px){
    /*chek 600*/
    
.header-top .logo-new { width: 100%; padding: 0; text-align: center; }
.header-top .logo-new img.logo-img { width: 20%; }   
.header-top .contact-icon ul.hed-contact { width: 100%; padding: 0 0; margin: 0 0; text-align: center; }   
.header-top .contact-icon ul.hed-contact li a { font-size: 14px; line-height: 20px; padding: 0 10px; margin: 0; }    
.header-top .contact-icon ul.hed-contact li i { font-size: 14px; margin: 0; padding: 0 0 0 5px; }   
.header-top .contact-icon ul.hed-contact li a b { color: #899961; font-size: 14px; padding: 0 5px 0 0; }    
 #menu-icon { width: 43px; height: 35px; top: -48px; left: 4px; }    
.gallery .gallery-box .view-caption p { width: 90%; font-family: 'Roboto', sans-serif; font-size: 12px; margin: 40px auto 0; }    
.services .services-box img { height: 190px; border-radius: 10px; }   
.services a.view { font-size: 13px; width: 30%; padding: 10px 0; }   
.gallery a.view { padding: 10px 0; margin: 10px auto 25px; font-size: 12px; width: 28%; } 
  .testmonial h5 { width: 100%; text-align: center; font-size: 20px; letter-spacing: 0; font-weight: bold; color: #000000ad; margin: 20px 0 0; }  
.testmonial p { width: 100%; float: right; padding: 0 20px; margin: 0 0 10px 0; font-family: 'Poppins', sans-serif; font-weight: 300; color: #1f2804b8; text-align: center; font-size: 12px; line-height: 25px; }    
 .about-inner .left-text-top h3 { margin: 0 !important; }   
 .about-inner .left-text-top h3 { font-family: 'Poppins', sans-serif !important; font-size: 22px; color: #5b7514; line-height: 25px; padding: 15px 0 0; }   
     .about-inner .left-text-top h5 { margin: 10px 0 30px; font-size: 15px; text-align: center; padding: 10px 0; background: #8fa063; color: #fff; border-radius: 30px; }
.contact h3 span { display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0px 0 10px; text-transform: capitalize; letter-spacing: 12px; }    
.contact .contact-form form .fill-box input[type="submit"] { width: 100%; padding: 10px 0; margin: 10px 0 5px 0; }    
    .about-top img.border-img {
    bottom: -11px;
  }
  .gallery .gallery-box img.pho-gall { height: 330px !important; }   
    .gallery .gallery-box .view-caption p { width: 55%; font-size: 12px; margin: 55px auto 0; }
      .catagory-link .catagory-link-single-box { padding: 2px; width: 25%; }
}

@media(max-width: 599px){
    /*chek 500*/
    
 .header-top .contact-icon ul.hed-contact li { font-family: 'Poppins', sans-serif; font-size: 12px; display: inline-block; padding: 0; margin: 0 0px 5px 0; color: #324209; }   
.header-top .contact-icon ul.hed-contact li a { font-size: 12px; line-height: 20px; padding: 0 10px; margin: 0; }    
 .header-top .contact-icon ul.hed-contact li a b { color: #899961; font-size: 12px; padding: 0 5px 0 0; }   
 .header-top .contact-icon ul.hed-contact li i { font-size: 12px; margin: 0; padding: 0 0 0 5px; }    
 #menu-icon { width: 43px; height: 35px; top: -46px; left: 4px; }    
.about-top .left-text-top h3 { font-size: 25px; font-weight: bold; line-height: 50px; padding: 10px 0 0; }    
  .about-top img.border-img { bottom: -10px; }    
  .services .services-box img { height: 298px; border-radius: 10px; }   
  .services a.view { font-size: 13px; width: 38%; padding: 10px 0; }  
 .gallery a.view { padding: 10px 0; margin: 10px auto 25px; font-size: 12px; width: 40%; }   
 p.text-white { font-size: 13px;}   
footer ul.footer-ul li a { color: #ffffffd6; padding: 0 15px; margin: 0; font-size: 12px; line-height: 22px; font-weight: normal; letter-spacing: 0px; text-transform: capitalize; font-family: 'Poppins', sans-serif; }    
footer ul.footer-socil li a { color: #ffffffc7; text-transform: capitalize; padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-family: 'Nanum Gothic', sans-serif; text-align: left; }    
footer ul.footer-socil li { list-style: none; display: block; margin: 0 0 10px; color: #ccc; }    
  .gallery .gallery-box img.pho-gall { width: 100%; height: 300px; }  
footer p { max-width: 100%; color: #ffffffd6; font-family: 'Poppins', sans-serif; font-weight: 300; text-align: justify; font-size: 12px; line-height: 25px; }    
footer iframe{ height:212px !important;}    
  .about-inner .left-text-top a { background: #90a45a; color: #fff; padding: 2px 20px; display: inline-block; border-radius: 5px; font-size: 12px; margin: 0 0 0 20px; }  
.contact h3 span { display: block; font-size: 12px; font-weight: 500; color: #628409; line-height: 25px; margin: 0px 0 10px; text-transform: capitalize; letter-spacing: 10px; }    
 .contact .contact-address p { font-size: 13px; line-height: 24px; color: #656565; padding: 0 0 5px; margin: 0; text-align: justify; }   
  .catagory-link .catagory-link-single-box h4 { padding: 10px 0; font-size: 12px; line-height: 18px; }   
   .gallery .gallery-box .view-caption p { width: 70%; font-family: 'Roboto', sans-serif; font-size: 12px; margin: 53px auto 0; }  
     .gallery h3 { font-size: 18px; line-height: 20px; padding: 10px 20px; margin: 0 0 30px; border-radius: 10px; }
    
    
    
    
    
    
    
}


@media(max-width: 480px){
        /*/chek 450/*/
        
   .header-top .contact-icon ul.hed-contact li { font-family: 'Poppins', sans-serif; font-size: 12px; display: inline-block; padding: 0; margin: 0; color: #324209; }       
 .header-top .logo-new img.logo-img { width: 26%; }       
 #menu-icon { width: 36px; height: 35px; top: -40px; left: 4px; }       
 .banner img.banner-img { width: 100%; height: 304px; }       
 .about-top .left-text-top h3 { font-size: 22px; font-weight: bold; line-height: 30px; padding: 10px 0 0; }       
.about-top img.border-img { bottom: -7px; }        
   .services h2 { font-size: 22px; font-weight: 900; line-height: 30px; }       
  .services a.view { font-size: 12px; width: 38%; padding: 10px 0; margin: 0 auto; }       
.gallery h2 { font-size: 22px; color: #7e9541c2; line-height: 30px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }        
   .testmonial h2 { font-size: 22px; color: #7e9541c2; line-height: 30px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }       
p.text-white { font-size: 12px; }        
.banner-inner img.inner-banner-img { width: 100%; height: 120px; }        
.about-inner h2 { font-size: 22px; color: #7e9541c2; line-height: 30px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }        
.about-inner .left-text-top h3 { font-family: 'Poppins', sans-serif !important; font-size: 20px; color: #5b7514; line-height: 25px; padding: 10px 0 0; }        
.about-inner .left-text-top a { background: #90a45a; color: #fff; padding: 2px 20px; display: inline-block; border-radius: 5px; font-size: 12px; margin: 0 0 0 15px; }        
.banner-inner { height: 130px; overflow: hidden; }        
  .contact h3 { font-size: 22px; color: #7e9541c2; line-height: 30px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }      
   .ScholarshipRecipients ul li span { width: 34%; }     
 .catagory-link .catagory-link-single-box { padding: 4px; width: 50%; }       
   .gallery h3 { font-size: 18px; line-height: 20px; padding: 10px 20px; margin: 0 0 20px; border-radius: 10px; }      
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
}

@media(max-width: 449px){
        /*/chek 421/*/
        
    .header-top .contact-icon ul.hed-contact li a { font-size: 10px; line-height: 18px; padding: 0 5px; margin: 0; }     
  .header-top .contact-icon ul.hed-contact li { font-family: 'Poppins', sans-serif; font-size: 10px; display: inline-block; padding: 0; margin: 0; color: #324209; }      
  .header-top .contact-icon ul.hed-contact li a b { color: #899961; font-size: 11px; padding: 0 5px 0 0; }      
 .header-top .contact-icon ul.hed-contact li i { font-size: 10px; margin: 0; padding: 0 0 0 5px; }       
   #menu-icon { width: 36px; height: 28px; top: -38px; left: 4px; }      
   .banner-inner { height: 120px; overflow: hidden; }     
  .about-inner .left-text-top h3 { font-family: 'Poppins', sans-serif !important; font-size: 18px; color: #5b7514; line-height: 25px; padding: 10px 0 0; }      
 .about-inner .left-text-top ul li { padding: 0 0 2px 0; margin: 0 0; list-style: none; font-size: 12px; line-height: 26px; color: #000; }       
  .contact .contact-number a { font-size: 12px; line-height: 20px; }      
   .contact .contact-address p { font-size: 12px; line-height: 20px; color: #656565; padding: 0 0 5px; margin: 0; text-align: justify; }      
     .ScholarshipRecipients ul li span { width: 40%; }    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
}

@media(max-width: 420px){
        /*/chek 400/*/
        
    .header-top .logo-new img.logo-img { width: 30%; }     
   .services a.view { font-size: 12px; width: 44%; padding: 10px 0; margin: 0 auto; }     
    .gallery a.view { padding: 10px 0; margin: 10px auto 25px; font-size: 12px; width: 44%; }
    .sf-menu { top: 5px; width: 250px; background: #88985f; font-weight: 600; right: -50px; left: auto; }
     .banner-inner img.inner-banner-img { width: 100%; height: 125px; }   
  .banner-inner { height: 125px; overflow: hidden; }      
   .contact .contact-form form .fill-box {
    padding: 10px 0 0;
    margin: 0 6px;
  }     
   .contact .contact-form form .message textarea {
  width: 99% !important; }     
   .gallery .gallery-box img.pho-gall { width: 100%; height: 240px !important; }      
   .gallery .gallery-box .view-caption p { width: 90%; font-family: 'Roboto', sans-serif; font-size: 12px; margin: 30px auto 0; }      
  .ScholarshipRecipients ul li span { width: 44%; }  
        
        
        
        
        
}


@media(max-width: 399px){
        /*/chek 370/*/
      .header-top .contact-icon { width: 100%; }   
 #menu-icon { width: 36px; height: 28px; top: -95px; left: -27px; }       
 .banner img.banner-img { width: 100%; height: 275px; }       
  .about-top{ padding: 15px 0 30px !important; }      
  .services .services-box img { height: 250px; border-radius: 10px; }      
  .gallery .gallery-box img.pho-gall { width: 100%; height: 220px !important; }      
   .gallery .gallery-box .view-caption p { width: 90%; font-family: 'Roboto', sans-serif; font-size: 12px; margin: 30px auto 0; }     
         .about-inner .left-text-top h3 { font-family: 'Poppins', sans-serif !important; font-size: 16px; color: #5b7514; line-height: 25px; padding: 10px 0 0; }     
   .about-inner .left-text-top a { background: #90a45a; color: #fff; padding: 0px 15px; display: inline-block; border-radius: 5px; font-size: 12px; margin: 0 0 0 15px; }     
     .about-inner h2 { font-size: 20px; color: #7e9541c2; line-height: 30px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }   
    .contact h3 { font-size: 20px; color: #7e9541c2; line-height: 30px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }    
  .contact h3 span { display: block; font-size: 12px; font-weight: 500; color: #628409; line-height: 25px; margin: 0px 0 10px; text-transform: capitalize; letter-spacing: 5px; }      
   .contact .contact-form form .fill-box { width: 96%; }     
   .contact .contact-form form .message textarea { width: 100% !important; }     
    .about-top .left-text-top h3 { font-size: 20px; font-weight: bold; line-height: 30px; padding: 10px 0 0; }    
  .services h2 { font-size: 20px; font-weight: 900; line-height: 30px; }      
   .services .services-box img { height: 245px; border-radius: 10px; }     
   .testmonial h2 { font-size: 20px; color: #7e9541c2; line-height: 30px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.11); letter-spacing: 2.5px; }     
    .testmonial h5 { width: 100%; text-align: center; font-size: 18px; letter-spacing: 0; font-weight: bold; color: #000000ad; margin: 10px 0 0; }    
       footer ul.footer-socil li a { color: #ffffffc7; text-transform: capitalize; padding: 0; margin: 0; font-size: 11px; line-height: 18px; font-family: 'Nanum Gothic', sans-serif; text-align: left; }   
     footer ul.footer-ul li a { color: #ffffffd6; padding: 0 15px; margin: 0; font-size: 11px; line-height: 22px; font-weight: normal; letter-spacing: 0px; text-transform: capitalize; font-family: 'Poppins', sans-serif; }   
      footer ul.footer-ul li { list-style: none; display: block; margin: 0 0 3px; }  
      footer h2 { font-size: 18px; line-height: 40px; }  
       p.text-white { font-size: 10px; }  
       .ScholarshipRecipients ul li span { width: 44%; float: left; font-weight: bolder; font-size: 11px; color: #062d1abd; }  
       .about-inner .left-text-top ul li { padding: 0 0 2px 0; margin: 0 0; list-style: none; font-size: 11px; line-height: 26px; color: #000; } 
         .gallery h3 { font-size: 16px; line-height: 20px; padding: 8px 20px; margin: 0 0 20px; border-radius: 10px; }
        
        
        
        
        
        
        
        
}


@media(max-width: 369px){
        /*/chek 350/*/
  #menu-icon { width: 36px; height: 28px; top: -106px; left: -27px; }       
   .header-top .contact-icon ul.hed-contact li { font-family: 'Poppins', sans-serif; font-size: 11px; display: inline-block; padding: 0; margin: 0; color: #324209; }      
  .header-top .contact-icon ul.hed-contact li a { font-size: 11px; line-height: 18px; padding: 0 5px; margin: 0; }      
    .header-top .logo-new img.logo-img { width: 34%; }     
        
         .gallery .gallery-box .view-caption { top: -200%; padding: 85px 0; }
       .gallery .gallery-box .view-caption p { width: 90%; font-family: 'Roboto', sans-serif; font-size: 12px; margin: 10px auto 0; }  
        
        
        
        
        
        
        
        
        
        
        
        
        
        
}


@media(max-width: 349px) {
        /*/chek 320/*/
      .header-top .contact-icon ul.hed-contact li { font-family: 'Poppins', sans-serif; font-size: 10px; display: inline-block; padding: 0; margin: 0; color: #324209; }  
    .header-top .contact-icon ul.hed-contact li a { font-size: 10px; line-height: 18px; padding: 0 5px; margin: 0; }      
 .header-top .contact-icon ul.hed-contact li a b { color: #899961; font-size: 10px; padding: 0 5px 0 0; }       
    #menu-icon { width: 36px; height: 28px; top: -106px; left: -18px; }      
   .banner img.banner-img { width: 100%; height: 265px; }     
   .about-top .left-text-top h3 { font-size: 20px; font-weight: bold; line-height: 30px; padding: 5px 0 0; }     
   .services .services-box img { height: 220px; border-radius: 10px; padding: 3px; }     
    .services a.view { font-size: 11px; width: 50%; padding: 10px 0; margin: 0 auto; }     
  .gallery a.view { padding: 10px 0; margin: 10px auto 25px; font-size: 11px; width: 50%; }       
      footer p { max-width: 100%; color: #ffffffd6; font-family: 'Poppins', sans-serif; font-weight: 300; text-align: justify; font-size: 11px; line-height: 25px; }    
   p.text-white { font-size: 9px; padding: 5px 0; }      
    .about-inner .left-text-top h3 { font-family: 'Poppins', sans-serif !important; font-size: 15px; color: #5b7514; line-height: 25px; padding: 10px 0 0; }     
 .contact h3 span { display: block; font-size: 11px; font-weight: 500; color: #628409; line-height: 25px; margin: 0; text-transform: capitalize; letter-spacing: 4px; }       
        
          .gallery h3 { font-size: 15px; line-height: 18px; padding: 8px 20px; margin: 0 0 20px; border-radius: 10px; }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
}