body{width: 100%; background:#fff ; padding: 0; margin: 0; font-family: "Inter", sans-serif; }
a{text-decoration: none !important; border: none; outline: none; outline: none; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Inter", sans-serif; font-style: normal; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; border: none; outline: none; }
*{padding: 0;margin: 0;}
.container-x{ width: 90% !important; margin: 0 auto; }
.container{ width: 1350px !important; }

/*Header Top Start*/
.header-top{ width: 100%; position: relative; display: block; background: linear-gradient(145deg, rgb(255, 255, 255) 35%, rgb(28, 168, 240) 35%); padding: 0; margin: 0; z-index: 99; background: linear-gradient(145deg, rgb(255, 255, 255) 35%, rgb(242, 242, 242) 35%); background: #ecebe8; }
.header-top .logo{ width: 80%; padding: 0; margin: 0; position: relative; }
.header-top .logo img{ width: 100%; position: absolute; content: ""; top: -60px; }

.header-top .search{ width: 70%; padding: 30px 0 0; margin: 0; float: right; }
.header-top .search .search-box{ width: 60%; background: #ccc; padding: 0; margin: 0; }
.header-top .search form .search-box{ width: 100%; padding: 0; margin: 0; background: #eee; border-radius: 5px; overflow: hidden; }
.header-top .search form .search-box input{ width: 90%; font-size: 18px; line-height: 20px; background: none; border: none; outline: none; padding: 10px; margin: 0; display: inline-block; }
.header-top .search form .search-box button{ width: 10%; float: right; padding: 10px; margin: 0; background: #1a2947; border: none; outline: none; }
.header-top .search form .search-box button i{ font-size: 16px; line-height: 18px; font-weight: bold; color: #fff; }

.header-top .click-link{ width: 100%; padding: 10px 0; margin: 0 0 0 12%; }
.header-top .click-link ul{ padding: 0; margin: 0; }
.header-top .click-link ul li{ font-size: 16px; line-height: 18px; padding: 0 20px 0 0; margin: 0; display: inline-block; }
.header-top .click-link ul li a{ padding: 0; margin: 0; transition: all 400ms ease-in-out; color: #000; font-size: 14px; opacity: 1; outline: none; letter-spacing: 0.5px; }
.header-top .click-link ul li a:hover{ opacity: 1; transition: all 500ms ease-in-out; }
.header-top .click-link ul li a i{ font-size: 14px; color: #18704e; padding: 0 10px 0px 0; border-right: 2px solid #18704e; margin: 0 10px 0 0; }

.header-top .header-social-link{ width: 100%; float: right; padding: 7px 0 0; margin: 0; text-align: right; }
.header-top .header-social-link ul{ padding: 0; margin: 0; }
.header-top .header-social-link ul li { width: auto; display: inline-block; padding: 0; margin: 0 0 0 5px; }
.header-top .header-social-link ul li a { width: 35px; height: 25px; background: #ecebe8; text-align: center; line-height: 25px; font-size: 13px; margin: 0; display: block; border-radius: 23px; position: relative; overflow: hidden; border: 1px solid #237656; z-index: 1; }
.header-top .header-social-link ul li a i { position: relative; color: #237656; transition: .5s; z-index: 3; padding: 0; }
.header-top .header-social-link ul li a:hover i { color: #fff; transform: rotateY(360deg); }
.header-top .header-social-link ul li a:before { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #f00; transition: .5s; z-index: 2; }
.header-top .header-social-link ul li a:hover:before { top: 0; }
.header-top .header-social-link ul li:nth-child(1) a:before{ background: #3b5999; }
.header-top .header-social-link ul li:nth-child(2) a:before{ background: #d70252; }
.header-top .header-social-link ul li:nth-child(3) a:before { background: #0077b5; }
.header-top .header-social-link ul li:nth-child(4) a:before { background: #b50000; }


/*Header Bottom Start*/
.header-bottom{ width: 100%; position: relative; background: #fff; display: block; padding: 5px 0 10px; margin: 0; z-index: 99; transition: all 400ms ease-in-out;  }
.header-bottom .logo{ width: 60%; padding: 0; margin: 0; position: relative; }
/*.header-bottom .logo img{ width: 100%; position: absolute; content: ""; top: -35px; box-shadow: 1px 1px 3px #ccd0dd, -1px -1px 3px #fff; height: 122px; border-radius: 50%; background: #fff; padding: 5px; }*/
.header-bottom .logo img{ width: 100%; position: absolute; content: ""; top: -35px;  height: 106px;  padding: 0; }



/*log-in*/
.header-bottom .log-in{ float: left; width: 48%; display: inline-block; text-align: center; padding: 15px 0 0; }

.header-bottom .log-in .dropdown { position: relative; display: inline-block; width: 100%; text-align: right; } 
.header-bottom .log-in .dropdown .dropbtn{ border: none; outline: none; text-decoration: none; font-size: 15px; vertical-align: text-top; padding: 15px; color: #000; line-height: 9px; transition: all 400ms ease-in-out; font-weight: 400; display: block; width: 66%; background: none; text-align: right; background: #fdb74c; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-align: center; float: right; border-radius: 5px; font-weight: 500;
  text-transform: uppercase; transition: all 400ms ease-in-out; }
  .header-bottom .log-in .dropdown .dropbtn:hover{ background: #e89413; letter-spacing: 1.5px; transition: all 400ms ease-in-out; }
/*.header-bottom .log-in .dropdown .dropbtn i.fa{ width: 30px; height: 30px; border-radius: 50px; padding: 5px; background: linear-gradient(145deg, #7BCAFF 20%, #99DBFF 70%); color: #000; font-size: 15px; line-height: 19px; margin: 0 0 0 10px; text-align: center; }*/
.header-bottom .log-in .dropdown .dropbtn:hover { transition: all 300ms ease-in-out;  }
.header-bottom .log-in .dropdown .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 190px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out; border-radius: 0 0px 4px 4px; background-color: #333; right: 0px; background: linear-gradient(145deg, #C6EBFF 20%, #e6f3ff 70%); background: #e1f9fa; top: 38px; transition: all 400ms ease-in-out; }
.header-bottom .log-in .dropdown-content ul.log-sing { margin: 0; list-style-type: none; z-index: 100; width: 100%; float: left; padding: 5px 0; border-top: 3px solid #9270413d; }

.header-bottom .log-in .dropdown-content ul.log-sing li { float: left !important; width: 100%; text-align: left !important; margin: 0;  }
.header-bottom .log-in .dropdown-content ul.log-sing li a { width: 100%; display: block; line-height: 32px; color: #000; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 600; text-transform: uppercase; }

.header-bottom .log-in .dropdown-content ul.log-sing li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #fdb74c; }
.header-bottom .log-in .dropdown .dropdown-content a:hover {background: linear-gradient(145deg, #99dbff 4%, #3395cb 70%); transition: all 300ms ease-in-out; color: #fff; }
.header-bottom .log-in .dropdown:hover .dropdown-content { display: block; }

.header-bottom .bochure{ width: 100%; padding: 0; margin: 15px 0 0; text-align: center; float: right; }
.header-bottom .bochure a{ padding: 9px 0; font-size: 15px; line-height: 20px; margin: 0; width: 100%; display: inline-block; transition: all 500ms ease-in-out; background: transparent linear-gradient(276deg,rgba(13, 64, 187, 0.64),#00ebff) 0 0 no-repeat padding-box; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-decoration: none !important; font-weight: 500; border-radius: 5px; outline: none; font-family: "Poppins", sans-serif; text-transform: uppercase; }
.header-bottom .bochure a:hover{ color:#fff; letter-spacing: 1.2px; transition: all 600ms ease-in-out; }

/*Banner Start*/
.banner{ width: 100%; position: relative; display: block; padding: 0; margin: 0; overflow: hidden; /*height: 600px;*/ }
.banner  img{ width: 100%; /*height: 100%; object-fit: cover;*/ }

.banner .banner-top-position{ position: absolute; content: ""; top: 0; left: 0; right: 0; width: 100%; padding: 0; margin: 0; }
.banner .banner-top-position img.polygon-1{ position: relative; content: ""; top: 86px; left: 223px; width: 2%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-2{ position: relative; content: ""; top: 220px; left: 44%; width: 2.5%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-3{ position: relative; content: ""; top: 325px; left: 61%; width: 3%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-4{ position: relative; content: ""; top: 40px; right: 0; width: 1%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-5{ position: relative; content: ""; top: 255px; right: 4%; width: 3%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}

.banner .banner-top-position img.polygon-6{ position: relative; content: ""; top: 450px; left: 250px; width: 2%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-7{ position: relative; content: ""; top: 50px; left: 40%; width: 3%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-8{ position: relative; content: ""; top: 30px; left: 69%; width: 2%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-9{ position: relative; content: ""; top: 40px; right: 0; width: 2%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-10{ position: relative; content: ""; top: 500px; left: 30%; width: 4%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-11{ position: relative; content: ""; top: 190px; left: 40%; width: 2%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.banner .banner-top-position img.polygon-12{ position: relative; content: ""; top: 150px; left: 80%; width: 3%; margin: 0; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}

@-moz-keyframes spin { 100% 
    { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% 
    { -webkit-transform: rotate(360deg); } }
@keyframes spin { 
    100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}

.banner .banner-block{ width: 100%; position: absolute; content: ""; top: 145px; left: 50px; padding: 0; margin: 0 auto; z-index: 9; float: left; }
.banner .banner-block .banner-text-block{ width: 60%; }
.banner .banner-block .banner-text-block h2{ font-size: 60px; line-height: 80px; color: #000; padding: 0; margin: 0; font-weight: 600; }
.banner .banner-block .banner-text-block h2 span{ color: #fdb74c; }
.banner .banner-block .banner-text-block p{ font-size: 20px; line-height: 30px; color: #505050; padding: 15px 0 20px; margin: 0; font-weight: 400; }
.banner .banner-block .banner-text-block a{ width: 30%; text-align: center; letter-spacing: 0px; padding: 12px 0; font-size: 15px; line-height: 20px; margin: 30px 0 0; display: inline-block; transition: all 500ms ease-in-out; background: transparent linear-gradient(276deg,rgba(13, 64, 187, 0.64),#00ebff) 0 0 no-repeat padding-box; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-decoration: none !important; font-weight: 500; border-radius: 5px; outline: none; font-family: "Poppins", sans-serif; text-transform: uppercase; }
.banner .banner-block .banner-text-block a:hover{ letter-spacing: 1.5px; transition:all 500ms ease-in-out; }

/*Inner Banner*/
.inner-banner{ width: 100%; position: relative; display: block; padding: 0; margin: 0; overflow: hidden; background: #000; height: 270px; }
.inner-banner img{ width: 100%; height: 100%; object-fit: cover; opacity: 1;  }
.inner-banner .inner-banner-block{ width: 100%; position: absolute; content: ""; bottom: 40%; left: 0; right: 0;  display: block; padding: 0; margin: 0; z-index: 9; }
.inner-banner .inner-banner-block .inner-banner-text-block{ width: 100%; padding: 0; margin: 0; }
.inner-banner .inner-banner-block .inner-banner-text-block h2{ font-size: 60px; line-height: 70px; color: #000; padding: 0px; margin: 0; font-weight: bold; position: relative; text-align: center; }
.inner-banner .inner-banner-block .inner-banner-text-block h2 span{ color: #fdb74c; }
.inner-banner .inner-banner-block .inner-banner-text-block h2::after{ position: absolute; content: ""; bottom: -5px; width: 60px; height: 6px; background: #fdb74c; left: 0; right: 0; margin: 0 auto; }

/*Login*/
.login{ position: relative; width: 100%; overflow: hidden; padding: 10px 0; margin: 60px 0; background: #fff; }
.login .login-block{ width: 40%; display: block; margin: 0 auto; background: #f9f9f9; padding: 30px 30px 20px; border: 1px solid #dbdbdb; }
.login .login-block form{ width: 100%; padding: 0; margin: 0; }
.login .login-block form .login-image{ width: 20%; margin: 0 auto; display: block; }
.login .login-block form .login-image img{ width: 100%; }
.login .login-block form p{ 
  text-align: center;
  padding: 15px 0 25px;
  margin: 0 0;
  font-size: 18px;
  font-weight: 600;
  color: #303030;
  line-height: 22px; }
.login .login-block form .fill-form{ width: 100%;
  height: 50px;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  overflow: hidden; }
.login .login-block form .fill-form .fill-form-left{ width: 10%;
  float: left;
  border-right: 1px solid #ccc;
  background: #e3e3e3;
  padding: 14px 0;
  text-align: center; }
.login .login-block form .fill-form .fill-form-left i{ font-size: 22px;
  color: #000; }
.login .login-block form .fill-form .fill-form-right{ width: 90%;
  float: right;
  padding: 0;
  margin: 0; }
.login .login-block form .fill-form .fill-form-right input{ border: none;
  background: none;
  outline: none;
  color: #000;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
  padding: 15px;
  height: 50px; }
.login .login-block form span{ font-size: 14px;
  line-height: 18px;
  color: #5d5d5d;
  padding: 5px 0 10px;
  margin: 0;
  display: block; }
.login .login-block form .checkbox{ border: none;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: none;
  width: 100%;
  position: relative; }
.login .login-block form .checkbox .checkbox-left{ width: 5%;
  float: left;
  display: block; }
.login .login-block form .checkbox .checkbox-left input[type="checkbox"]{ width: 3%;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 3px; }
.login .login-block form .checkbox .checkbox-right{ width: 95%;
  float: right; }
.login .login-block form .checkbox .checkbox-right p{ 
  text-align: left;
  padding: 0;
  margin: 0 0;
  font-size: 14px;
  font-weight: 400;
  color: #3d3d3d;
  line-height: 20px; }
.login .login-block form .checkbox .checkbox-right p a{ color: #c71f2e; }
.login .login-block form .log-in-btn{ width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  margin: 30px 0 0;
  height: auto; }
.login .login-block form .log-in-btn input[type="submit"]{ width: 100%;
  border: 1px solid #fff;
  background: #595959;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  outline: none;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 0;
  display: inline-block;
  transition: all 400ms ease-in-out;
  text-transform: uppercase; }
 .login .login-block form .log-in-btn input[type="submit"]:hover{ letter-spacing: 1.2px; box-shadow: 0 0 5px #ccc; transition: all 400ms ease-in-out; }
 .login .login-block form .continue-block{ position: relative; width: 100%; padding: 30px 0; margin: 0; text-align: center; } 
.login .login-block form .continue-block h5{  }
.login .login-block form .continue-block h5::before{ content: "";
  width: 36%;
  background: #ccc;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%; }
.login .login-block form .continue-block h5::after{ content: "";
  width: 36%;
  background: #ccc;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%; }
.login .login-block form .other-login-btn{ width: 100%;
  padding: 00;
  margin: 0 0 15px;
  text-align: center;
  background: #ccc;
  border: 1px solid #ccc;
  overflow: hidden; }
.login .login-block form .other-login-btn p{ padding: 7px 0;
  margin: 0;
  display: block ruby;
  width: 100%;
  overflow: hidden; transition: all 400ms ease-in-out }
.login .login-block form .other-login-btn p img{ width: 5%;
  position: relative;
  top: 4px; }
.login .login-block form .other-login-btn p span{ font-size: 16px;
  line-height: 18px;
  color: #000;
  position: relative;
  top: -4px;
  padding: 0 0 0 10px;
  font-weight: bold; }
.login .login-block form .other-login-btn p:hover{ letter-spacing: 1.1px; transition: all 400ms ease-in-out; }




/*Counter*/
.counter{ width: 100%; position: relative; padding: 60px 0; margin: 0; background: #fff; display: inline-block; }
.counter .about-counter{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.counter .about-counter ul{ padding: 0; margin: 0; }
.counter .about-counter ul li{ width: 23.2%; float: left; font-size: 40px; line-height: 49px; color: #18704e; font-weight: bold; padding: 30px; margin: 0 30px 0 0; background: #e1f9fa; border-radius: 10px; box-shadow: 4px 4px 8px #c3c3c3f2; text-align: center; border: 1px solid #18704e; transition: all 400ms ease-in-out; }
.counter .about-counter ul li:hover {
  transform: translateY(-15px);
  box-shadow: 5px 5px 10px rgba(255, 180, 3, 0.11);
  transition: all 400ms ease-in-out;
  border: 1px solid #ffb914;
}
.counter .about-counter ul li:nth-child(4){ margin: 0; }
.counter .about-counter ul li span{ display: block; font-size: 12px; line-height: 20px; font-weight: 600; color: #787878; letter-spacing: 2px; text-transform: uppercase; }

/*About Start*/
.about{ width: 100%; position: relative; display: inline-block; background: #fff; padding: 0; margin: 0; }
.about .about-image-block{ width: 30%; padding: 0; margin: 0; float: left; }
.about .about-image-block img{ width: 100%; }

.about .about-text-block{ width: 63%; float: left; padding: 120px 0 0 15px; margin: 0; }
.about .about-text-block h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0 0 30px; margin: 0; font-weight: 600; }
.about .about-text-block h2 span{ color: #fdb74c; }
.about .about-text-block p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 15px; margin: 0; font-weight: 400; text-align: justify; }
.btn { position: relative; padding: 15px 30px; font-size: 15px; font-weight: 600; color: #fff; background: none; border: none; cursor: pointer; overflow: hidden; transition: all 0.4s ease; min-width: 23%; z-index: 1; line-height: 20px; text-transform: uppercase; font-weight: 500; transition: all 400ms ease-in-out; }
 .btn:hover{ color: #fff; letter-spacing: 1.5px; transition: all 400ms ease-in-out; }

.neon-pulse { background: #18704e; border: 2px solid #0ff; box-shadow: 0 0 10px rgba(0, 255, 255, 0.3); overflow: visible; margin: 30px 0 0; }

.neon-pulse::before,
.neon-pulse::after { content: ""; position: absolute; inset: -4px; border: 2px solid #0ff; border-radius: inherit; animation: pulseOut 2s ease-out infinite; opacity: 0; }

.neon-pulse::after { animation-delay: 1s; }

@keyframes pulseOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

/*Inner About Start*/
.inner-about{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0 40px; margin: 0;  }
.inner-about .inner-about-left{ width: 100%;  padding: 0; margin: 0; }
.inner-about .inner-why{ padding: 140px 0 0; margin: 0; }
.inner-about .inner-about-left h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0 0 30px; margin: 0; font-weight: 600; }
.inner-about .inner-about-left h2 span{ color: #fdb74c; }
.inner-about .inner-about-left p{ font-size: 16px; line-height: 28px; color: #313131; padding: 0 0 15px; margin: 0; font-weight: 400; text-align: justify; }
.inner-about .inner-about-left ul{ width: 100%;
  padding: 0; margin: 0;  }
.inner-about .inner-about-left ul li{ font-size: 16px; line-height: 28px; color: #282828; padding: 8px 15px; margin: 0 15px 16px 0; font-weight: bold; text-align: justify; background: #efefef; border: 1px solid #ccc; border-radius: 8px; transition: all 400ms ease-in-out; width: 31%; display: inline-block; }
.inner-about .inner-about-left ul li:hover{ transform: translateY(-10px); transition: all 400ms ease-in-out; }

.inner-about .inner-about-right{ width: 100%; padding: 0; margin: 0; }
.inner-about .inner-about-right img{ width: 100%; }

/*Terms And Conditions*/
.terms{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0 40px; margin: 0; }
.terms h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0 0 30px; margin: 0; font-weight: 600; text-align: center; }
.terms h2 span{ color: #fdb74c; }

.terms .terms-content{ width: 100%; padding: 0; margin: 0; }
.terms .terms-content h5{ font-size: 18px;
  line-height: 34px;
  color: #1a2946;
  padding: 0;
  margin: 0;
  text-align: justify;
  font-weight: 500; }
.terms .terms-content h5 b{  }
.terms .terms-content p {
  font-size: 16px;
  line-height: 28px;
  color: #323232;
  padding: 15px 0;
  margin: 0;
  text-align: justify;
  font-weight: 500;
}
.terms .terms-content ul {
  padding: 0;
  margin: 0;
}
.terms .terms-content ul li {
  font-size: 16px;
  line-height: 28px;
  color: #323232;
  padding: 0 0 10px;
  margin: 0;
  text-align: justify;
  font-weight: 500;
}
.terms .terms-content ul li b {
  font-size: 22px;
  line-height: 24px;
}
.terms ul li span u {
  font-size: 20px;
  line-height: 22px;
}
.terms ul li {
  font-size: 16px;
  line-height: 28px;
  color: #323232;
  padding: 0 0 10px;
  margin: 0;
  text-align: justify;
  font-weight: 500;
}
.terms ul li b {
  font-size: 22px;
  line-height: 24px;
}
.terms ul li span u {
  font-size: 20px;
  line-height: 22px;
}
.terms .terms-image {
  width: 100%;
  padding: 0;
  margin: 0 0 30px;
  border-radius: 30px;
  overflow: hidden;
}
.terms .terms-image img {
  width: 100%;
}

/*Mission*/
.mission{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0 30px; margin: 0;  }
.mission .mission-block-image{ width: 100%; background: #fff; border-radius: 200px 200px 0 0;overflow: hidden;  padding: 0; margin: 0;  }
.mission .mission-block-image img{ width: 100%; border-radius: 200px 200px 0 0; }
.mission .mission-block-dec{ width: 100%; padding: 165px 0 0; margin: 0; }
.mission .mission-block-dec h2{ font-size: 40px; line-height: 50px; color: #000; padding: 40px 0 15px; margin: 0; font-weight: 600; }
.mission .mission-block-dec h2 span{ color: #fdb74c; }
.mission .mission-block-dec p{ font-size: 16px; line-height: 28px; color: #313131; padding: 0 0 15px; margin: 0; font-weight: 400; text-align: justify; }
.mission .mission-block-image-right{ width: 100%; background: #fff; border-radius: 200px 0 0 200px;overflow: hidden;  padding: 0; margin: 225px 0 0;  }
.mission .mission-block-image-right img{ width: 100%; border-radius: 200px 0 0 200px; }

/*Vision*/
.vision{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0 30px; margin: 0;  }
.vision .vision-block-image{ width: 100%; background: #fff; border-radius: 100px 0 100px 0;overflow: hidden; padding: 0; margin: 0;  }
.vision .vision-block-image img{ width: 100%; border-radius: 90px 0 90px 0; }
.vision .vision-block-dec{ width: 100%; padding: 0; margin: 0; }
.vision .vision-block-dec h2{ font-size: 40px; line-height: 50px; color: #000; padding: 75px 0 15px; margin: 0; font-weight: 600; }
.vision .vision-block-dec h2 span{ color: #fdb74c; }
.vision .vision-block-dec p{ font-size: 16px; line-height: 28px; color: #313131; padding: 0 0 15px; margin: 0; font-weight: 400; text-align: justify; }




/*Courses*/
.service{ width: 100%; position: relative; background:url(../images/course-banner.png) no-repeat top right ; background-size: cover; padding: 60px 0; margin: 0; display: block; }
.service h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.service h2 span{ color: #fdb74c; }
.service p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.service .service-dec-item{ width: 100%; border: 2px solid #18704e; border-radius: 15px; margin: 0; text-align: center;  --g: 30px;     /* the gap */
  --b: 8px;    /* border thickness*/
  --c: #18704e; /* the color */
  
  
  padding: calc(var(--g) + var(--b));
  --_c: #0000 0 25%, var(--c) 0 50%;
  --_g1: repeating-linear-gradient(90deg ,var(--_c)) repeat-x;
  --_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;
  background:
    var(--_g1) var(--_p, 25%) 0   ,var(--_g2) 0    var(--_p,125%),
    var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);
  background-size: 200% var(--b),var(--b) 200%;
  filter: grayscale(0%);
  transition: .3s; background-color: #e1f9fa; box-shadow: 4px 4px 8px #c3c3c3f2;
}
.service .service-dec-item:hover {
  --_p: 75%;
  filter: grayscale(20%); }

.service .service-dec-item img{ width: 100%; }
.service .service-dec-item h4{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 15px 0 30px; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; }
.service .service-dec-item h4 span{ display: block; font-size: 16px; line-height: 20px; color: #4f4a4a; letter-spacing: 0; font-weight: 500; }
.service .service-dec-item p{ font-size: 15px; line-height: 22px; color: #e0e0e0; padding: 20px 0 30px; margin: 0; text-align: justify; }
.service .service-dec-item a{ font-size: 15px; line-height: 24px; color: #fff; background-color: #fdb74c; background: transparent linear-gradient(276deg,rgba(13, 64, 187, 0.64),#00ebff) 0 0 no-repeat padding-box; padding: 8px 0; margin: 0; box-shadow: 2px 2px 3px #77efff; width: 70%; display: inline-block; border-radius: 5px; font-weight: 500; text-transform: uppercase; transition: all 400ms ease-in-out; }
.service .service-dec-item a:hover{ letter-spacing: 1.5px; transition: all 400ms ease-in-out; }

/*Course Inner*/
.course{ width: 100%; position: relative; background:url(../images/course-banner-2.png) no-repeat top right ; background-size: cover; padding: 60px 0; margin: 0; display: block; background-attachment: fixed; }
.course h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.course h2 span{ color: #fdb74c; }
.course p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.course .course-block{ width: 90%; display: flex; margin: 0 auto 30px; padding: 30px; background: #ffffff9e; box-shadow: 2px 2px 5px #0000001c; border-radius: 72px 0; border: 1px solid #ccc; }
.course .course-block .course-left{ width: 40%; float: left; padding: 0; margin: 0; height: 350px; }
.course .course-block .course-left img{ width: 100%; height: 100%; object-fit: cover; border-radius: 52px 0; }
.course .course-block .course-right{ width: 60%; float: right; padding: 0 15px; }
.course .course-block .course-right h4{ font-size: 20px; line-height: 24px; color: #000; padding: 0 0 10px; margin: 0; font-weight: 600; }
.course .course-block .course-right h5{ font-size: 14px; line-height: 18px; color: #228dff; padding: 0 0 10px; margin: 0; font-weight: 500; }
.course .course-block .course-right p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 15px; margin: 0; font-weight: 400; text-align: left; }


.course .course-block .course-right ul{ width: 100%; display: inline-block; padding: 0; margin: 0; }
.course .course-block .course-right ul li{ font-size: 13px; line-height: 20px; color: #505050; padding: 5px 0; margin: 0; width: 45%; float: left; }
.course .course-block .course-right ul b{ font-size: 16px; line-height: 20px; padding: 5px 0 10px; color: #000; width: 100%; display: block; }
.course .course-block .course-right ul li i{ padding: 5px; font-size: 10px; color: #000; background: #fdb74c63; text-align: center; border-radius: 30px; margin: 0 10px 0 0; }
.course .course-block .course-right a{ margin: 0; border: none; outline: none; font-size: 15px; padding: 15px; line-height: 9px; display: block; width: 30%; background: #fdb74c; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-align: center; border-radius: 5px; font-weight: 500; text-transform: uppercase; transition: all 400ms ease-in-out; float: right; }
.course .course-block .course-right a:hover{ letter-spacing: 3px; transition: all 500ms ease-in-out; }


/*Exprience*/
.experience{ width: 100%; position: relative; background:url(../images/exp-banner.png) no-repeat top left ; background-size: cover; padding: 80px 0 60px; margin: 0; display: block;    }
.experience h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0 0 30px; margin: 0; font-weight: 600; text-align: center; }
.experience h2 span{ color: #fdb74c; }
.experience .experience-block{ width: 100%; text-align: center; padding: 30px 15px; margin: 0 0 30px; background: #fff; box-shadow: 3px 3px 5px #ccc9; border-radius: 10px; transition: all 400ms ease-in-out; }
.experience .experience-block:hover {
  transform: translateY(-15px);
  box-shadow: 5px 5px 10px rgba(255, 180, 3, 0.11);
  transition: all 400ms ease-in-out;
  
}
.experience .experience-block i{ width: 60px; height: 60px; margin: auto; box-shadow: 2px 2px 10px #ccc; border-radius: 8px; display: flex; justify-content: center; align-items: center; font-size: 25px; color: #18704e; }
.experience .experience-block h4{ font-size: 18px; line-height: 20px; color: #000; padding: 15px 0; margin: 0; font-weight: 600; }
.experience .experience-block p{ font-size: 14px; line-height: 22px; color: #333; padding: 0; margin: 0; text-align: center; height: 65px; font-weight: 500; }
.experience p{ font-size: 16px; line-height: 26px; color: #333; padding: 0; margin: 0; text-align: left; font-weight: 600; }

/*Blog Start*/
.blog{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 50px; margin: 0; }
.blog h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.blog h2 span{ color: #fdb74c; }
.blog p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.blog .blog-box{ width: 100%; padding: 0; margin: 0 0 30px; background: #fff; overflow: hidden; box-shadow: 3px 3px 5px #ccc9; border-radius: 10px; overflow: hidden; }
.blog .item{ margin:15px; }

.blog .blog-box img{ position: relative; width: 100%; height: 200px; }
.blog .blog-box h5{ position: absolute; content: ""; top: 200px; right: 34px; font-size: 12px; line-height: 20px; color: #fff;  background: #18704e; padding: 6px 20px; border-radius: 0; border: 2px solid #fff; }
.blog .blog-box-inner h5{ top: 185px; right: 34px; }

.blog .blog-box .blog-box-dec{ width: 100%; padding: 10px 20px 30px; margin: 0; background: #fff;  }
.blog .blog-box .blog-box-dec h6{ font-size: 15px; line-height: 20px; color: #18704e; padding: 10px 0 5px; margin: 0; }
.blog .blog-box .blog-box-dec h6 span{ color: #18704e; }
.blog .blog-box .blog-box-dec h3{ font-size: 16px; line-height: 20px; color: #000; padding: 0; margin: 0; font-weight: bold; height: 40px; overflow: hidden; }
.blog .blog-box .blog-box-dec p{  padding: 10px 0 15px; margin: 0;  text-align: justify; font-size: 15px; line-height: 22px; color: #505050; height: 140px; overflow: hidden; }
.blog .blog-box .blog-box-dec a{ margin: 0 auto; border: none; outline: none; font-size: 15px; padding: 15px; line-height: 9px; display: block; width: 66%; background: #fdb74c; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-align: center; border-radius: 5px; font-weight: 500; text-transform: uppercase; transition: all 400ms ease-in-out; }
.blog .blog-box .blog-box-dec a:hover{ letter-spacing: 3px; transition: all 500ms ease-in-out; }


/*Animation*/
.animation{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 50px; margin: 0; }
.animation h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.animation h2 span{ color: #fdb74c; }
.animation p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.animation .animation-block{ width: 100%; padding: 15px; margin: 0 0 30px; background: #fff; overflow: hidden; box-shadow: 3px 3px 5px #ccc9; border-radius: 10px; overflow: hidden; border: 1px solid #ccc; transition: all 400ms ease-in-out; }
.animation .animation-block .animation-video-block{ width: 100%; padding:0; margin: 0; height: 160px; }
.animation .animation-block .animation-video-block video{ position: relative; width: 100%; height: 100%; object-fit: cover;}

.animation .animation-block .animation-text-block{ width: 100%; padding:0; margin: 0; padding: 10px 0 0; overflow: hidden; }
.animation .animation-block .animation-text-block h3{ font-size: 17px; line-height: 24px; color: #000; padding: 0; margin: 0; font-weight: 600;  transition: all 400ms ease-in-out; height: 45px; overflow: hidden;}
.animation .animation-block:hover{  box-shadow: none; }
.animation .animation-block .animation-text-block a { padding: 9px 0; font-size: 15px; line-height: 20px; margin: 20px 0 0; width: 60%; display: inline-block; transition: all 400ms ease-in-out; background: transparent linear-gradient(276deg,rgba(13, 64, 187, 0.64),#00ebff) 0 0 no-repeat padding-box; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-decoration: none !important; font-weight: 500; border-radius: 5px; outline: none; font-family: "Poppins", sans-serif; text-transform: uppercase; text-align: center;  }
 .animation .animation-block .animation-text-block a:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }

/*Career*/
.carrer{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 50px; margin: 0; }
.carrer h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.carrer h2 span{ color: #fdb74c; }
.carrer p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.carrer .carrer-block{ width: 100%; padding: 30px; margin: 0 0 30px; background: #fff; overflow: hidden; box-shadow: 3px 3px 5px #ccc9; border-radius: 10px; overflow: hidden; border: 1px solid #ccc; transition: all 400ms ease-in-out; }
.carrer .carrer-block h4 { font-size: 26px; line-height: 28px; color: #000; padding: 0 0 20px; margin: 0; font-weight: bold; overflow: hidden; } 
.carrer .carrer-block ul{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.carrer .carrer-block ul li{ padding: 0 0 15px; margin: 0; text-align: justify; font-size: 15px; line-height: 22px; color: #505050; }
.carrer .carrer-block ul li span{ color: #000; font-size: 17px; font-weight: 600; } 
.carrer .carrer-block .content-apply{ width: 30%; padding: 0; margin: 20px 0 0; }
.carrer .carrer-block .content-apply  a { margin: 0 auto; border: none; outline: none; font-size: 15px; padding: 15px; line-height: 9px; display: block; width: 100%; background: #fdb74c; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-align: center; border-radius: 5px; font-weight: 500; text-transform: uppercase; transition: all 400ms ease-in-out; }
.carrer .carrer-block .content-apply  a:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }
.carrer .carrer-block:hover{  box-shadow: none; }
.carrer .carrer-block:hover .animation-text-block h3 a{  color: #804b1f;  transition: all 400ms ease-in-out; }



/*Academic Content*/
.academic{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 50px; margin: 0; }
.academic h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.academic h2 span{ color: #fdb74c; }
.academic p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.academic .academic-document-block{ width: 100%; padding: 0; margin: 0; display: inline-block;  }

.academic .academic-document-block ul{ width: 100%; padding:0; margin: 0; padding: 0; }
.academic .academic-document-block ul li{ text-align: left; width: 100%; padding: 5px; margin: 0 0 20px; background: #fff; box-shadow: 3px 3px 5px #ccc9; border-radius: 5px; overflow: hidden; border: 1px solid #ccc; transition: all 400ms ease-in-out; }
.academic .academic-document-block ul li a{background: #ecebe8; display: block; overflow: hidden; color: #000; font-weight: 400; font-size: 16px; line-height: 22px; margin: 0; padding: 8px 5px 8px; text-decoration: none !important; border-radius: 3px; outline: none; text-transform: none; text-align: left; }
.academic .academic-document-block ul li a i { font-size: 14px; padding: 0 5px 0 10px; line-height: 18px; color: #5d86d3; }
.academic .academic-document-block ul li:hover{  box-shadow: none;  transition: all 400ms ease-in-out; }
.academic .academic-document-block ul li:hover a{  box-shadow: none; color: #1347a9;  transition: all 400ms ease-in-out; }
.academic .academic-document-block .documents-apply{ width: 35%; padding: 0; margin: 5px 0 0; }
.academic .academic-document-block .documents-apply  a { margin: 0 auto; border: none; outline: none; font-size: 15px; padding: 15px; line-height: 9px; display: block; width: 100%; background: transparent linear-gradient(276deg,rgba(13, 64, 187, 0.64),#00ebff) 0 0 no-repeat padding-box; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-align: center; border-radius: 5px; font-weight: 500; text-transform: uppercase; transition: all 400ms ease-in-out; }
.academic .academic-document-block .documents-apply  a:hover{ letter-spacing: 1.2px; transition: all 400ms ease-in-out; }

.academic .academic-image-block{ width: 100%;
  padding: 15px;
  margin: 0;
  border: 1px solid #ccc;
  background: #ecebe8; }
.academic .academic-image-block img{ width: 100%; }



/*Voice Over / Dubbing*/
.voice-over{ width: 100%; position: relative; display: block; background: #fff; padding: 30px 0 50px; margin: 0; }
.voice-over h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.voice-over h2 span{ color: #fdb74c; }
.voice-over p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.voice-over .voice-over-block{ width: 100%; padding: 15px; margin: 0 0 30px; background: #fff; overflow: hidden; box-shadow: 3px 3px 5px #ccc9; border-radius: 10px; overflow: hidden; border: 1px solid #ccc; transition: all 400ms ease-in-out; }

.voice-over .voice-over-block .voice-over-top-block{ width: 100%; padding:0; margin: 0; }
.voice-over .voice-over-block .voice-over-top-block .top-to-top{ width: 100%; padding:0; margin: 0; display: inline-block; }

.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-left{ width: 20%; float: left; padding: 0; margin: 0; border-radius: 60px; overflow: hidden; }
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-left img{ width: 100%; }
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right{ width: 80%; float: right; padding: 0 0 0 15px; margin: 0; }
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right h5{  font-size: 16px; line-height: 24px; font-weight: 600; padding: 0; margin: 0; color: #000; }
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right h5 span{ font-size: 14px; margin: 0; text-align: right; float: right; color: #0c57c0; }
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right h5 span b{ color: #000; }
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right h6{ font-size: 16px; line-height: 24px; font-weight: 600; padding: 0; margin: 0; color: #000; }
.voice-over .voice-over-block .voice-over-top-block .top-to-bottom{ width: 100%; display: block; padding: 10px 0; margin: 10px 0 15px; text-align: center; background: #ecebe8; border-radius: 5px; }
.voice-over .voice-over-block .voice-over-top-block .top-to-bottom ul{ width: 100%; display: inline-block; padding: 0; margin: 0; }
.voice-over .voice-over-block .voice-over-top-block .top-to-bottom ul li{ display: inline-block; font-size: 14px; line-height: 18px; color: #0c57c0; padding: 0 5px; margin: 0; font-weight: 600; }

.voice-over .voice-over-block .voice-over-middle-block{  }
.aWrap .svg-inline--fa {
  color: white !important;
}

/* (B) WRAPPER */
.aWrap {
  
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* allow buttons to wrap into another row on small screens */
  /* flex-wrap: wrap; */
  width: 100%;
  padding: 10px 15px;
  margin: 5px 0;
  border-radius: 10px;
  background: black;
  gap: 1rem;
}

.aWrap,
.aWrap * {
  box-sizing: border-box;
}

/* (C) PLAY/PAUSE BUTTON */
.aPlay {
  padding: 0;
  margin: 0;
  background: 0;
  border: 0;
  cursor: pointer;
}

/* (D) TIME */
.aCron {
  font-size: 14px;
  color: #cbcbcb;
  margin: 0 10px;
}

/* (E) RANGE SLIDERS */
/* (E1) HIDE DEFAULT */
.aWrap input[type="range"] {
  appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 130px;
  padding: 0;
  margin: 0;
  background: 0;
}

.range,
.range-volume {
  position: relative;
  display: flex;
  align-items: center;
}

.range input,
.range-volume input {
  position: relative;
  z-index: 1;
}

.range .change-range,
.range-volume .change-range {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 0px;
  background-color: rgb(187, 187, 187);
  border-radius: 10px 0 0 10px;
}

.range-volume .change-range {
  height: 10px;
  width: 95%;
}

.under-ranger {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 100%;
  background-color: rgb(63, 63, 63);
  border-radius: 10px;
}

.range-volume .under-ranger {
  height: 10px;
}

.aWrap input[type="range"]::-webkit-slider-thumb {
  appearance: none;
}

/* (E2) CUSTOM SLIDER TRACK */
.aWrap input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  height: 6px;
  border-radius: 10px;
}

/* (E3) CUSTOM SLIDER BUTTON */
.aWrap input[type="range"]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}

.aWrap input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #fff;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}

/* (F) VOLUME */
.aVolIco {
  margin: 0 10px;
  cursor: pointer;
}

input.aVolume {
  width: 55px !important;
}

.aVolume::-webkit-slider-runnable-track {
  height: 10px !important;
}

.aVolume::-webkit-slider-thumb {
  margin-top: -3px !important;
}

.aVolume::-moz-range-thumb {
  margin-top: -3px !important;
}

.volume-container {
  display: flex;
  align-items: center;
}
.voice-over .voice-over-block .voice-over-download { width: 55%; padding: 0; margin: 15px 0 0 ; display: block; text-align: center; }
.voice-over .voice-over-block .voice-over-download a{ font-size: 15px;
  line-height: 24px;
  color: #fff;
  background-color: #fdb74c;
  background: transparent linear-gradient(276deg,rgba(13, 64, 187, 0.64),#00ebff) 0 0 no-repeat padding-box;
  padding: 8px 0;
  margin: 0;
  box-shadow: 2px 2px 3px #77efff;
  width: 100%;
  display: inline-block;
  border-radius: 5px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 400ms ease-in-out; }



/*Blog Single Page*/
.blog-single{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0;  }
.blog-single .blog-single-page-content{ width: 100%; padding: 15px; margin: 0; border: 1px solid #ccc; background: #ecebe8; }

.blog-single .blog-single-page-content .blog-single-img{ width: 100%; height: 412px; padding: 0; margin: 0; }
.blog-single .blog-single-page-content .blog-single-img img{ width: 100%; height: 100%; object-fit: cover; }
.blog-single .blog-single-page-content h3{ font-size: 24px; line-height: 30px; color: #000; padding: 20px 0 0; margin: 0; font-weight: 600; }
.blog-single .blog-single-page-content p{ font-size: 16px; line-height: 28px; color: #313131; padding: 14px 0; margin: 0; text-align: justify; font-weight: 400; }

.blog-single .blog-all-content{ width: 100%; padding: 15px; margin: 0 0 30px; border: 1px solid #ccc; background: #ecebe8; }
.blog-single .blog-all-content img{ width: 100%; }
.blog-single .blog-all-content h3{ font-size: 16px; line-height: 24px; color: #000; padding: 10px 0 0; margin: 0; font-weight: 600;  }


/*Contact*/
.contact{ width: 100%; position: relative; display: block; background: #fcfcfc; padding: 60px 0; margin: 0;  }
.contact h2{ font-size: 40px; line-height: 50px; color: #000; padding: 0; margin: 0; font-weight: 600; text-align: center; }
.contact h2 span{ color: #fdb74c; }
.contact p{ font-size: 15px; line-height: 26px; color: #505050; padding: 0 0 30px; margin: 0; font-weight: 400; text-align: center; }
.contact .contact-block{ width: 80%; display: block; margin: 0 auto; padding: 0; }
.contact .contact-block .contact-left{ width: 40%; float: left; text-align: left; padding: 0; margin: 0; }
.contact .contact-block .contact-left h4{ font-size: 20px; line-height: 22px; color: #000; font-weight: bold; padding: 0; margin: 0 0 15px; }
.contact .contact-block .contact-left p{  font-size: 14px; line-height: 24px; color: #3d3d3d; padding: 0 0 20px; margin: 0;   text-align: justify; }
.contact .contact-block .contact-left p i{ font-size: 16px; padding: 0 10px 0 0; color: #18704e; }
.contact .contact-block .contact-left ul { padding: 0; margin: 0; }
.contact .contact-block .contact-left ul li{ display: inline-block; width: 100%; font-size: 14px; line-height: 18px; padding: 0; margin: 0 0 10px; letter-spacing: 0; text-transform: none; }
.contact .contact-block .contact-left ul li a { color: #3d3d3d; transition: all 500ms ease-in-out; }
.contact .contact-block .contact-left ul li a i{ font-size: 16px; padding: 0 10px 0 0; color: #18704e; }
.contact .contact-block .contact-right{ width: 42%; float: right; }
.contact .contact-block .contact-right img{ width: 100%; }

/*Footer*/
.footer { width: 100%; display: block; padding: 60px 0 0; margin: 0; background: linear-gradient(90deg,#e0e0e0,#e9e9e9); position: relative; background:url(../images/footer-bg.png) no-repeat top left ; background-size: cover; border-top: 10px solid #fff; }
/*.footer .footer-logo { width: 9%; margin: 0 auto 25px; box-shadow: 0px 0px 10px #176e4cb8; display: block; border-radius: 86px; }*/
.footer .footer-logo { width: 9%; margin: 0 auto 25px; display: block; }
.footer .footer-logo img { width: 100%; }
.footer .footer-menu { width: 100%; padding: 0 0 18px; margin: 0; display: block; text-align: center; }
.footer .footer-menu ul { padding: 0; border: 1px solid #18704e; width: 75%; margin: 0 auto 30px; border-radius: 30px; box-shadow: 2px 2px 5px #18704e80; background: #186f4d1c; }
.footer .footer-menu ul li { margin: 12px 0; display: inline-block; padding: 0px 16px 0 14px; border-right: 3px solid #18704e; }
.footer .footer-menu ul li a { font-size: 14px; line-height: 16px; text-transform: uppercase; display: inline-block; color: #000; padding: 0; transition: all 400ms ease-in-out; text-align: center; font-weight: 500; }
.footer .footer-menu ul li a:hover{ color: #595959; transition: all 400ms ease-in-out; }
.footer .footer-menu ul li:nth-child(8) { border-right: none; }
.footer .footer-contact{ width: 100%; padding: 0 0 18px; margin: 0; display: block; text-align: center; /*border-right: 1px solid #18704e;*/ }

.footer .footer-contact h4 { font-size: 20px; line-height: 22px; color: #000; font-weight: bold; padding: 0; margin: 0 0 15px; }
.footer .footer-contact p{ font-size: 14px; line-height: 24px; color: #3d3d3d; padding: 0 0 20px; margin: 0 auto; width: 88%; }
 .footer .footer-contact p i{ font-size: 16px; padding: 0 10px; color: #18704e; }
.footer .footer-contact ul { padding: 0; margin: 0; }
.footer .footer-contact ul li{ display: inline-block; width: 100%; font-size: 14px; line-height: 18px; padding: 0; margin: 0 0 10px; letter-spacing: 0; text-transform: none; }
.footer .footer-contact ul li a { color: #3d3d3d; transition: all 500ms ease-in-out; }
.footer .footer-contact ul li a i{ font-size: 16px; padding: 0 10px; color: #18704e; }
.footer .footer-social{ width: 100%; padding: 0 0 18px; margin: 0; display: block; text-align: center; }
.footer .footer-social h4 { font-size: 20px; line-height: 22px; color: #000; font-weight: bold; padding: 0; margin: 0 0 15px; } 
.footer .footer-social ul{ padding: 0; margin: 0; }
.footer .footer-social ul li { width: auto; display: inline-block; padding: 0; margin: 0 0 0 5px; }
.footer .footer-social ul li a { width: 40px; height: 40px; background: #ecebe8; text-align: center; line-height: 40px; font-size: 17px; margin: 0; display: block; border-radius: 23px; position: relative; overflow: hidden; border: 1px solid #237656; z-index: 1; }
.footer .footer-social ul li a i { position: relative; color: #237656; transition: .5s; z-index: 3; padding: 0; }

.footer .footer-social ul li a:hover i { color: #fff; transform: rotateY(360deg); }

.footer .footer-social ul li a:before { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #f00; transition: .5s; z-index: 2; }
.footer .footer-social ul li a:hover:before { top: 0; }
.footer .footer-social ul li:nth-child(1) a:before{ background: #3b5999; }
.footer .footer-social ul li:nth-child(2) a:before{ background: #d70252; }
.footer .footer-social ul li:nth-child(3) a:before { background: #0077b5; }
.footer .footer-social ul li:nth-child(4) a:before { background: #b50000; }


.copyright{ width: 100%; display: block; padding: 15px 0; margin: 0; text-align: center; position: relative; background: #d9d9d9; }
.copyright p{ font-size: 14px; line-height: 18px; color: #646464; padding: 0; margin: 0; }


/*Popup*/
.pageloadPupup{}
.pageloadPupup .modal-dialog { width: 800px; margin:30px auto; background: #fc5249; overflow: hidden; border-radius: 15px;}
.pageloadPupup2 .modal-dialog { width: 400px;}
.pageloadPupup .modal-content{background: #fff; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 16px; background: #fff;}
.pageloadPupup .modal-header{background: #fff; padding: 20px 10px 10px; border-bottom: none;}
.pageloadPupup .modal-header img{width: 16%; margin: 0 auto; display: block;}
.modal-header .close { margin-top: -15px; margin-right: 15px; }
.close {float: right;font-size: 30px;font-weight: bold;line-height: 1;color: #00000080;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 1;}
.pageloadPupup .modal-body{ width: 100%; display: inline-block; padding: 20px 0; margin: 0; }
.pageloadPupup .modal-body .modal-images{ width: 100%; padding: 0; margin: 0;}
.pageloadPupup .modal-body .modal-images ul{ padding: 0; margin: 0; }
.pageloadPupup .modal-body .modal-images ul li{ padding: 0; margin: 90px 0 10px; }
.pageloadPupup .modal-body .modal-images ul li img{ width: 100%; }
.pageloadPupup .modal-body .modal-enquary{ width: 100%; padding: 0; margin: 0 auto; display: block; /*background: #00000094;*/ border: 1px solid #ccc; /*box-shadow: 0 0 10px #353535;*/ overflow: hidden; }
.pageloadPupup .modal-body .modal-enquary h3{ font-size: 20px; line-height: 30px; color: #000; text-align: center; padding: 15px 0 5px; margin: 0; font-weight: bold; }
.pageloadPupup .modal-body .modal-enquary h3 span{ color: #fdb74c; }
.pageloadPupup .modal-body .modal-enquary p{ font-size: 14px;
  line-height: 18px;
  color: #646464;
  padding: 0;
  margin: 0 0 30px; text-align: center; }
.pageloadPupup .modal-body .modal-enquary form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form{ width: 100%; float: left; padding: 0 20px 15px; margin: 0; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form label{ width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  padding: 0 0 5px;
  margin: 0;
  font-weight: 600; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form input{ width: 100%; font-size: 14px; line-height: 18px; color: #000; padding: 8px 10px; margin: 0; outline: none; background: none; border: 1px solid #ccc; height: 40px; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form textarea{ width: 100% !important; font-size: 14px; line-height: 18px; color: #000; padding: 8px 10px; margin: 0; outline: none; background: none; border: 1px solid #ccc; height: 90px; }

.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form select{ width: 100%; font-size: 14px; line-height: 18px; color: #000; padding: 8px 10px; margin: 0; border: 1px solid #ccc; /*border-radius: 6px;*/ outline: none; height: 40px; }
.pageloadPupup .modal-body .modal-enquary form .requirements{ width: 100%; padding: 0; margin: 10px; }
.pageloadPupup .modal-body .modal-enquary form .requirements label{ width: 100%; font-size: 14px; line-height: 18px; color: #000; padding: 0 0 10px; margin: 0;  }
.pageloadPupup .modal-body .modal-enquary form .requirements textarea{ width: 96%; height: 100px; font-size: 16px; line-height: 18px; color: #000; padding: 10px; margin: 0; border: 1px solid #ccc; /*border-radius: 6px*/; outline: none; background: none; }

.pageloadPupup .modal-body .modal-enquary form .checkbox{ width: 100%; padding: 10px 20px; }
.pageloadPupup .modal-body .modal-enquary form .checkbox input{ width: 4%;
  float: left;
  position: absolute;
  content: "";
  top: 0px; }
.pageloadPupup .modal-body .modal-enquary form .checkbox a{ font-size: 14px; line-height: 18px; color: #000; padding: 0 0 0 30px; margin: 0; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn{ width: 100%; padding: 0; margin: 0 0 30px; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]{  margin: 0 auto; border: none; outline: none; font-size: 15px; padding: 15px; line-height: 9px; display: block; width: 66%; background: #fdb74c; box-shadow: 1px 1px 3px #bfc3cfc7,-1px -1px 3px #fff; color: #fff; text-align: center; border-radius: 5px; font-weight: 500; text-transform: uppercase; transition: all 400ms ease-in-out;}
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]:hover{ letter-spacing: 2px; transition: all 300ms ease-in-out; }



/*-------------------TAB / All Mobile Responsiv view SUJOY-------------------*/
@media(max-width: 1680px) {
    
    
}

@media(max-width: 1600px) {
    
    

    
    
    
    
}

@media(max-width: 1440px) {

    .sf-menu li {
  display: inline-block;
  padding: 0 0px;
    padding-left: 0px;
  margin: 24px 0;
}
.animation .animation-block .animation-text-block a {
  padding: 9px 0;
  font-size: 15px;
  line-height: 20px;
  margin: 20px 0 0;
  width: 72%; }
}

@media(max-width: 1280px){
   


   
}

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

@media(max-width: 900px){

}

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



@media(max-width:786px) {
.container {
  width: 750px !important;
}
.container-x {
  width: 94% !important;
  margin: 0 auto;
}
.header-top .click-link {
  padding: 10px 0;
  margin: 0 0 0 20%;
}
.header-top .click-link ul li a {
  font-size: 12px;
  line-height: 16px;
}
.header-top .click-link ul li {
  font-size: 12px;
  line-height: 16px;
  padding: 0 15px 0 0;
}
.header-top .click-link ul li a i {
  font-size: 12px;
  padding: 0 7px 0px 0;
  margin: 0 7px 0 0;
}
.header-top .header-social-link ul li {
  margin: 0 0 0 3px;
}
.header-top .header-social-link ul li a {
  width: 25px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
}
.header-top .header-social-link {
  padding: 10px 0 0;
}
.header-bottom .logo {
  width: 50%;
}
.header-bottom .logo img {
  top: -35px;
  height: 97px;
}
.header-bottom .bochure {
  width: 45%;
  margin: 10px 0 0 30%;
  float: left;
}
.header-bottom .bochure a {
  padding: 8px 0;
  font-size: 12px;
  line-height: 18px;
}
  #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 433px;
  }
 .sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: 223px;
  }
.banner .banner-block {
  top: 68px;
  left: 40px;
}
.banner .banner-block .banner-text-block h2 {
  font-size: 34px;
  line-height: 44px;
}
.banner .banner-block .banner-text-block p {
  font-size: 15px;
  line-height: 20px;
  padding: 10px 0 15px;
}
.banner .banner-block .banner-text-block a {
  width: 30%;
  padding: 7px 0;
  font-size: 12px;
  line-height: 20px;
  margin: 5px 0 0;
}
.sticky {
  width: 70% !important;
  padding: 10px 0 17px !important;
  border-radius: 0 0 30px 30px !important;
}
.sticky .logo img {
  top: -2px !important;
  height: 57px !important;
  left: 10px !important;
}
.sticky .bochure {
    width: 50% !important;
    margin: 10px 0 0 23% !important;
    float: left !important;
  }
.sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 280px; transition: all 500ms ease-in-out;
  }
.sticky .sf-menu {
    top: 61px;
    width: 250px;
    right: 0;
    left: 70px;
  }
.pageloadPupup .modal-dialog {
  width: 690px;
  margin: 30px auto;
}  
.pageloadPupup .modal-body .modal-enquary h3 {
  font-size: 16px;
  line-height: 24px;
  padding: 10px 0 3px;
}  
.pageloadPupup .modal-body .modal-enquary p {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 15px;
}  
 .pageloadPupup .modal-body .modal-enquary form .modal-enquary-form label {
  font-size: 13px;
  line-height: 15px;
  padding: 0 0 5px;
} 
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form input {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 10px;
  height: 35px;
}  
 .pageloadPupup .modal-body .modal-enquary form .modal-enquary-form select {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 10px;
  height: 35px;
} 
 .pageloadPupup .modal-body .modal-enquary form .checkbox a {
  font-size: 12px;
  line-height: 16px;
  padding: 0 0 0 20px;
  margin: 0;
} 
 .pageloadPupup .modal-body .modal-enquary form .checkbox {
  width: 100%;
  padding: 7px 20px;
} 
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"] {
  margin: 10px auto 0;
  font-size: 12px;
  padding: 0;
  line-height: 9px;
  width: 60%;
  height: 35px;
}  
.pageloadPupup .modal-body .modal-enquary form .checkbox input {
  width: 4%;
  float: left;
  position: absolute;
  content: "";
  top: 0px;
}  
.counter .about-counter ul li {
  width: 23.2%;
  font-size: 28px;
  line-height: 38px;
  padding: 30px 15px;
  margin: 0 17px 0 0;
}  
 .counter .about-counter ul li span {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 2px;
  height: 40px;
}
 .about .about-text-block h2 {
  font-size: 30px;
  line-height: 40px;
  padding: 0 0 15px;
} 
.about .about-text-block p {
  font-size: 13px;
  line-height: 23px;
  padding: 0 0 10px;
}  
 .btn {
  padding: 8px 0;
  font-size: 12px;
  min-width: 31%;
  line-height: 20px;
} 
 .neon-pulse {
  margin: 15px 0 0;
} 
.about .about-text-block {
  width: 63%;
  float: left;
  padding: 40px 0 0 15px;
  margin: 0;
}  
.service h2 {
  font-size: 30px;
  line-height: 40px;
}  
 .service p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px;
} 
.service .service-dec-item {
  border: 2px solid #18704e;
  --g: 15px;
  --b: 8px;
  box-shadow: 4px 4px 8px #c3c3c3f2;
}  
 .service .service-dec-item h4 {
  font-size: 22px;
  line-height: 32px;
  margin: 10px 0 15px;
  letter-spacing: 2px;
} 
 .service .service-dec-item a {
  font-size: 11px;
  line-height: 20px;
  padding: 6px 0;
  width: 95%;
  border-radius: 5px;
} 
.service .service-dec-item h4 span {
  font-size: 12px;
  line-height: 16px;
}  
.experience {
  background: #ecebe8;
  padding: 30px 0;
  margin: 0;
}  
.experience h2 {
  font-size: 30px;
  line-height: 40px;
  padding: 0 0 20px;
}  
.experience .experience-block h4 {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  height: 60px;
}  
 .experience .experience-block i {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  font-size: 20px;
} 
.experience .experience-block p {
  font-size: 13px;
  line-height: 22px;
  height: 140px;
}  
.experience p {
  font-size: 14px;
  line-height: 24px;
}  

.carrer h2 {
  font-size: 30px;
  line-height: 40px; }
.carrer p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px; }
  .carrer .carrer-block h4 {
  font-size: 20px;
  line-height: 26px;
  padding: 0 0 15px; }
.carrer .carrer-block ul li {
  padding: 0 0 15px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}  
.carrer .carrer-block .content-apply a {
  font-size: 12px;
  padding: 10px 0;
  line-height: 16px; }
.carrer .carrer-block .content-apply {
  width: 43%;
  margin: 15px 0 0;
}
.pageloadPupup2 .modal-dialog {
  width: 300px;
}
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form textarea {
  width: 100% !important;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 10px;
  margin: 0;
  height: 73px;
}
 .animation .animation-block .animation-text-block h3 {
  font-size: 14px;
  line-height: 18px;
  height: 35px;
} 
.animation .animation-block .animation-text-block a {
  padding: 9px 0;
  font-size: 12px;
  line-height: 16px;
  margin: 15px 0 0;
  width: 70%; }
.animation .animation-block .animation-video-block {
  width: 100%;
  padding: 0;
  margin: 0;
  height: 140px;
}
 .voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right h5 span {
  font-size: 12px;
} 
.academic .academic-document-block .documents-apply a {
  font-size: 12px;
  padding: 8px 0;
  line-height: 16px; }  
.academic .academic-document-block .documents-apply {
  width: 50%;
  padding: 0;
  margin: 5px 0 0;
}  
  
  
  
  
  
  
.blog h2 {
  font-size: 30px;
  line-height: 40px; }  
.blog p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px;
}  
.blog .blog-box img {
  height: 100px;
}  
 .blog .blog-box h5 {
  top: 102px;
  right: 25px;
  font-size: 10px;
  line-height: 18px;
  padding: 3px 14px;
  border: 1px solid #fff;
} 
.blog .blog-box-inner h5 {
  top: 87px;
  right: 25px;
}
 .blog .blog-box .blog-box-dec {
  padding: 10px 15px 20px;
} 
.blog .blog-box .blog-box-dec h6 {
  font-size: 12px;
  line-height: 14px;
  padding: 7px 0 5px;
  margin: 0;
}  
 .blog .blog-box .blog-box-dec h3 {
  font-size: 14px;
  line-height: 18px;
  height: 40px;
} 
 .blog .blog-box .blog-box-dec p {
  padding: 5px 0 15px;
  font-size: 13px;
  line-height: 20px;
  height: 180px;
} 
.blog .blog-box .blog-box-dec a {
  font-size: 11px;
  padding: 10px 0;
  line-height: 13px;
  width: 89%;
}  
.blog {
  padding: 30px 0 10px;
}  
.footer {
  padding: 30px 0 0; }  
.footer .footer-logo {
  width: 12%;
  margin: 0 auto 25px;
}  
 .footer .footer-menu ul {
  width: 75%;
  margin: 0 auto 15px;
  border-radius: 15px;
} 
.footer .footer-menu {
  padding: 0 0 10px;
}  
 .footer .footer-contact h4 {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 10px;
} 
.footer .footer-social h4 {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 10px;
}  
 .footer .footer-contact p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 10px;
  width: 100%;
} 
 .footer .footer-contact p i {
  font-size: 14px;
  padding: 0 10px 0 0;
} 
.footer .footer-contact ul li {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px;
}  
  .footer .footer-contact ul li a i {
  font-size: 14px;
  padding: 0 10px 0 0;
}
 .footer .footer-social ul li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
} 
.copyright p {
  font-size: 12px;
  line-height: 16px;
}  
 .copyright {
  width: 100%;
  padding: 8px 0;
  margin: 0;
} 
#myBtn img {
  width: 75% !important;
}  
 .footer .footer-menu ul li a {
  font-size: 12px;
  line-height: 14px;
} 
  
.footer .footer-menu ul li {
  margin: 8px 0;
  padding: 0px 12px 0 10px;
  border-right: 2px solid #18704e;
}  
 .inner-banner .inner-banner-block .inner-banner-text-block h2 {
  font-size: 35px;
  line-height: 50px;
} 
 .inner-banner {
  height: 140px;
} 
 .inner-banner .inner-banner-block {
  bottom: 50%;
  left: 0;
  right: 0;
} 
.inner-banner .inner-banner-block .inner-banner-text-block h2 {
  font-size: 35px;
  line-height: 50px;
}  
 .inner-banner .inner-banner-block .inner-banner-text-block h2::after {
  bottom: -4px;
  width: 45px;
  height: 5px;
} 
 .inner-about {
  padding: 35px 0 20px;
  margin: 0;
} 
.inner-about .inner-about-left h2 {
  font-size: 30px;
  line-height: 40px;
  padding: 0 0 15px;
}  
.inner-about .inner-about-left p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 10px;
}  
.inner-about .inner-about-left ul li {
  font-size: 11px;
  line-height: 18px;
  padding: 8px 0 8px 10px;
  margin: 0 10px 16px 0;
  border-radius: 8px;
  width: 46%;
}  
.counter {
  padding: 30px 0;
} 
.mission .mission-block-dec {
  padding: 75px 0 0;
}
.mission .mission-block-dec h2 {
  font-size: 30px;
  line-height: 40px;
  padding: 0px 0 15px;
}  
.mission .mission-block-dec p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 15px;
}  
 .mission .mission-block-image-right {
  border-radius: 200px 0 0 200px;
  margin: 148px 0 0;
} 
.vision {
  padding: 30px 0 30px;
  margin: 0;
}  
.mission {
  padding: 30px 0 0;
  margin: 0;
}  
 .vision .vision-block-dec h2 {
  font-size: 30px;
  line-height: 40px;
  padding: 10px 0 15px;
  margin: 0;
  font-weight: 600;
} 
 .vision .vision-block-image {
  border-radius: 50px 0 50px 0;
} 
.vision .vision-block-image img {
  border-radius: 50px 0 50px 0;
}  
.vision .vision-block-dec p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 15px;
}  
 .course {
  padding: 40px 0;
} 
 .course h2 {
  font-size: 30px;
  line-height: 40px;

} 
.course p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px;
}  
.course .course-block {
  width: 100%;
  margin: 0 auto 30px;
  padding: 20px;
  border-radius: 30px 0;
}  
 .course .course-block .course-right h4 {
  font-size: 18px;
  line-height: 20px;
  padding: 0 0 5px;
} 
.course .course-block .course-right h5 {
  font-size: 12px;
  line-height: 14px;
  padding: 0 0 7px;
}  
.course .course-block .course-right p {
  font-size: 13px;
  line-height: 20px;
  padding: 0 0 10px;
}  
.course .course-block .course-right ul b {
  font-size: 14px;
  line-height: 16px;
  padding: 3px 0 7px;
}  
.course .course-block .course-right ul li i {
  padding: 4px;
  font-size: 8px;
  border-radius: 30px;
  margin: 0 5px 0 0;
}  
.course .course-block .course-right ul li {
  font-size: 11px;
  line-height: 18px;
  padding: 5px 0;
  width: 50%;
}  
 .course .course-block .course-right a {
  margin: 15px 0 0;
  font-size: 12px;
  padding: 10px 0;
  line-height: 14px;
  width: 30%;
} 
.course .course-block .course-left {
  width: 40%;
  height: 320px;
}  
.course .course-block .course-left img {
  border-radius: 20px 0;
}  
.blog-single .blog-single-page-content .blog-single-img {
  width: 100%;
  height: 320px;
  padding: 0;
  margin: 0;
}  
.blog-single .blog-single-page-content h3 {
  font-size: 20px;
  line-height: 24px;
  padding: 15px 0 0;
}  
.blog-single .blog-single-page-content p {
  font-size: 13px;
  line-height: 24px;
  padding: 10px 0;
}  
 .blog-single .blog-all-content h3 {
  font-size: 13px;
  line-height: 20px;
  padding: 10px 0 0;
} 
.contact {
  padding: 30px 0;
  margin: 0;
}  
.contact h2 {
  font-size: 30px;
  line-height: 40px;
}  
.contact p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px;
}  
.contact .contact-block {
  width: 90%;
}  
.contact .contact-block .contact-left h4 {
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 10px;
}  
.contact .contact-block .contact-left p {
  font-size: 13px;
  line-height: 22px;
  padding: 0 0 15px;
  margin: 0;
}  
.contact .contact-block .contact-left ul li {
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 10px;
}  
 .contact .contact-block .contact-left ul li a i {
  font-size: 14px;
  padding: 0 10px 0 0;
} 
.contact .contact-block .contact-left p i {
  font-size: 14px;
  padding: 0 10px 0 0;
}  
 .contact .contact-block .contact-right {
  width: 57%;
} 
 .contact .contact-block .contact-left {
  width: 43%;
} 
.terms h2 {
  font-size: 30px;
  line-height: 40px;
  padding: 0 0 15px; }
 .terms ul li {
  font-size: 14px;
  line-height: 24px;
  padding: 0 0 10px; } 
.terms .terms-content h5 {
  font-size: 16px;
  line-height: 24px; }  
 .terms .terms-content p {
  font-size: 14px;
  line-height: 24px;
  padding: 10px 0; } 
  .terms .terms-content ul li b {
  font-size: 18px;
  line-height: 20px;
}
 .terms ul li span u {
  font-size: 16px;
  line-height: 18px;
} 
.terms .terms-content ul li {
  font-size: 14px;
  line-height: 24px; }  
 .terms .terms-image {
  margin: 30px 0; } 
 .terms ul li b {
  font-size: 18px;
  line-height: 20px;
} 
.animation h2 {
  font-size: 30px;
  line-height: 40px; }
.animation p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px; }
 .animation .animation-block {
  padding: 10px;
  margin: 0 0 30px;
  border-radius: 5px;
} 
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right h5 {
  font-size: 14px;
  line-height: 20px; }  
 .voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right h6 {
  font-size: 14px;
  line-height: 20px; } 
.voice-over .voice-over-block .voice-over-top-block .top-to-bottom ul li {
  font-size: 12px;
  line-height: 16px;
  padding: 0 5px; }
 .voice-over .voice-over-block .voice-over-top-block .top-to-bottom {
  padding: 8px 0;
  margin: 10px 0 15px; } 
.aWrap {
  padding: 8px 15px;
  margin: 0; }  
.aWrap input[type="range"] {
  width: 100px; }  
 .aCron {
  font-size: 12px;
  margin: 0 5px;
} 
.aVolIco {
  margin: 0 10px 0 0;
}  
input.aVolume {
  width: 40px !important;
}  
.voice-over h2 { font-size: 30px;
  line-height: 40px; }
.voice-over p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px; }  
  
.academic  h2 { font-size: 30px;
  line-height: 40px; }
.academic p {
  font-size: 13px;
  line-height: 24px;
  padding: 0 0 20px; }
  .academic .academic-document-block ul li a {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 5px 5px;
}
  
  
}
@media(max-width:768px) { 



}

@media(max-width:760px) {
    /*///chek 700///*/

  .container {
    width: 680px !important;
  }
 #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 408px;
  }
.sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: 197px;
  }
  .sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 275px;
    transition: all 500ms ease-in-out;
  }
 .sticky .sf-menu {
    top: 61px;
    width: 250px;
    right: 0;
    left: 66px;
  }
.sticky {
    width: 70% !important;
    padding: 10px 0 17px !important;
    border-radius: 0 0 15px 15px !important;
  }
 .header-bottom .logo {
    width: 78%;
  }
.sticky .logo {
  width: 77% !important;
}
.counter .about-counter ul li {
    width: 100%;
    font-size: 28px;
    line-height: 38px;
    padding: 30px 15px;
    margin: 0 0 30px;
  }
.counter .about-counter ul li span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 2px;
    height: auto;
    margin: 10px 0 0;
  }
 .counter .about-counter ul li {
    width: 100%;
    font-size: 30px;
    line-height: 32px;
    padding: 30px 15px;
    margin: 0 0 30px;
  }
  .academic .academic-image-block {
  width: 100%;
  padding: 15px;
  margin: 30px 0 0;
  border: 1px solid #ccc;
  background: #ecebe8;
}
.banner .banner-block {
    top: 56px;
    left: 40px;
  }
 .counter .about-counter ul li {
    width: 45%;
    font-size: 30px;
    line-height: 32px;
    padding: 30px 15px;
    margin: 0 16px 30px;
  }
.counter .about-counter ul li:nth-child(4) {
  margin: 0 16px 30px;
}
.service .service-dec-item img {
  width: 40%;
}
.service .service-dec-item {
    border: 2px solid #18704e;
    --g: 30px;
    --b: 6px;
    box-shadow: 4px 4px 8px #c3c3c3f2;
    margin: 0 0 30px;
  }
 .service .service-dec-item h4 {
    font-size: 30px;
    line-height: 34px;
    margin: 15px 0 15px;
    letter-spacing: 2px;
  }
.service .service-dec-item h4 span {
    font-size: 13px;
    line-height: 22px;
  }
.service .service-dec-item a {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 0;
    width: 35%;
    border-radius: 5px;
  }
.experience .experience-block h4 {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0;
    height: auto;
  }
 .experience .experience-block i {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    font-size: 25px;
  }
.experience .experience-block p {
    font-size: 13px;
    line-height: 22px;
    height: auto;
  }
.blog .blog-box img {
    height: 385px;
  }
 .blog .blog-box .blog-box-dec h3 {
    font-size: 16px;
    line-height: 20px;
    height: 30px;
  }
  .blog .blog-box .blog-box-dec p {
    padding: 5px 0 15px;
    font-size: 13px;
    line-height: 20px;
    height: 90px;
  }
.blog .blog-box .blog-box-dec a {
    font-size: 12px;
    padding: 10px 0;
    line-height: 16px;
    width: 32%;
  }
.blog .blog-box h5 {
    top: 385px;
    right: 30px;
    font-size: 12px;
    line-height: 22px;
    padding: 3px 20px;
    border: 2px solid #fff;
  }
.mission .mission-block-dec {
    padding: 30px 0 0;
  }
 .mission .mission-block-image-right {
    border-radius: 200px 0 0 200px;
    margin: 30px 0 0;
  }
 .vision .vision-block-image {
    border-radius: 50px 0 50px 0;
    padding: 15px 0 0;
  }
.inner-about .inner-why {
  padding: 0;
  margin: 0;
}
.inner-about .inner-about-right {
  width: 100%;
  padding: 0;
  margin: 15px 0;
}
.course .course-block {
    width: 100%;
    margin: 0 auto 30px;
    padding: 20px;
    border-radius: 30px 0;
    display: inline-block;
  }
 .course .course-block .course-left {
    width: 100%;
    height: 345px;
  }
.course .course-block .course-right {
  width: 100%;
  float: right;
  padding: 20px 0 0;
}
.course .course-block .course-right h4 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 5px;
  }
 .course .course-block .course-right h5 {
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 10px;
  }
.course .course-block .course-right p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 15px;
  }
  .course .course-block .course-right ul b {
    font-size: 16px;
    line-height: 18px;
    padding: 3px 0 7px;
  }
.course .course-block .course-right ul li {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0;
    width: 50%;
  }
 .course .course-block .course-right ul li i {
    padding: 5px;
    font-size: 8px;
    border-radius: 30px;
    margin: 0 10px 0 0;
  }
  .course .course-block .course-right a {
    margin: 15px 0 0;
    font-size: 12px;
    padding: 10px 0;
    line-height: 16px;
    width: 30%;
  } 
.pageloadPupup .modal-body .modal-images {
  width: 100%;
  padding: 0;
  margin: 0;
  display: none;
}  
  .pageloadPupup .modal-body .modal-enquary h3 {
    font-size: 20px;
    line-height: 26px;
    padding: 10px 0 3px;
  } 
.pageloadPupup .modal-dialog {
    width: 450px;
    margin: 30px auto;
  }  
.course {
    padding: 40px 0 20px;
  }  
.blog .blog-box-inner h5 {
    top: 370px;
    right: 30px;
  }  
  .blog-single .blog-single-page-content {
  width: 100%;
  padding: 15px;
  margin: 0 0 30px;
  border: 1px solid #ccc;
  background: #ecebe8;
}
.blog-single .blog-all-content h3 {
    font-size: 15px;
    line-height: 24px;
    padding: 10px 0 0;
  }
.blog-single {
  padding: 40px 0 10px;
  margin: 0;
}
 .contact .contact-block {
    width: 100%;
  }
  .aWrap input[type="range"] {
    width: 290px;
  }
  input.aVolume {
    width: 120px !important;
  }
.voice-over .voice-over-block .voice-over-top-block .top-to-top .top-left {
  width: 12%;
  float: left; }
  .voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right {
  width: 88%;
  padding: 0 0 0 15px;
  margin: 0;
}
  
}


@media(max-width:699px) {
    /*///chek 600///*/
      .container {
    width: 590px !important;
  }
  #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 370px;
  }
 .sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: 160px;
  }  
 .sf-menu li ul li a {
    font-size: 10px !important;
    line-height: 14px;
  }  
 .sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 240px;
    transition: all 500ms ease-in-out;
  }  
 .sticky .sf-menu {
    top: 61px;
    width: 250px;
    right: 0;
    left: 18px;
  }  
.banner .banner-block .banner-text-block {
  width: 67%;
}  
.banner .banner-block {
    top: 29px;
    left: 22px;
  }  
  .banner .banner-block .banner-text-block p {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 15px;
  }  
  .counter .about-counter ul li {
    width: 45%;
    font-size: 30px;
    line-height: 32px;
    padding: 30px 15px;
    margin: 0 13px 30px;
  } 
  .counter .about-counter ul li:nth-child(4) {
    margin: 0 13px 30px;
  }
    .counter {
    padding: 30px 0 0;
  }
  .about .about-text-block {
    width: 63%;
    float: left;
    padding: 30px 0 0 15px;
    margin: 0;
  }
  .btn {
    padding: 8px 0;
    font-size: 12px;
    min-width: 40%;
    line-height: 20px;
  } 
  .footer .footer-menu ul {
    width: 90%;
    margin: 0 auto 15px;
    border-radius: 15px;
  } 
   #myBtn img {
    width: 90% !important;
  } 
  .inner-banner {
    height: 110px;
  } 
.pageloadPupup .modal-body .modal-enquary form .checkbox a {
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 0 25px;
    margin: 0;
  }  
  
  .service {
  padding: 30px 0 10px;
  margin: 0;
  display: block;
}
 .aWrap input[type="range"] {
    width: 210px;
  }  
  input.aVolume {
    width: 90px !important;
  } 
  
  
  
  
  
  
  
  
  
  
  

}

@media(max-width:580px) {
    /*///chek 490///*/
.container {
    width: 480px !important;
  }
 .header-top .click-link {
    padding: 10px 0;
    margin: 0 0 0 24%;
  }  
  .header-bottom .logo {
    width: 100%;
  }
 .header-bottom .logo img {
    top: -40px;
    height: 85px;
  }
  .header-top .header-social-link {
    padding: 10px 0 0;
  }
  #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 280px;
  }
 .sticky {
    width: 93% !important;
    padding: 10px 0 17px !important;
    border-radius: 0 0 15px 15px !important;
  }
 .sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 270px;
    transition: all 500ms ease-in-out;
  }  
  .banner .banner-block .banner-text-block h2 {
    font-size: 26px;
    line-height: 30px;
  } 
  .banner .banner-block .banner-text-block a {
    width: 46%;
    padding: 5px 0;
    font-size: 12px;
    line-height: 20px;
    margin: 5px 0 0;
  }  
   .counter .about-counter ul li {
    width: 100%;
    font-size: 30px;
    line-height: 32px;
    padding: 30px 15px;
    margin: 0 0 30px;
  }
 .counter .about-counter ul li:nth-child(4) {
    margin: 0 0 30px;
  }  
  .btn {
    padding: 8px 0;
    font-size: 12px;
    min-width: 45%;
    line-height: 20px;
  } 
   .blog .blog-box img {
    height: 300px;
  } 
 .blog .blog-box h5 {
    top: 300px;
    right: 30px;
    font-size: 12px;
    line-height: 22px;
    padding: 3px 20px;
    border: 2px solid #fff;
  } 
  .blog .blog-box .blog-box-dec h3 {
    font-size: 16px;
    line-height: 20px;
    height: 48px;
  }
 .footer .footer-menu ul {
    width: 100%;
    margin: 0 auto 15px;
    border-radius: 15px;
  } 
 .footer .footer-menu ul li {
    margin: 8px 0;
    padding: 0px 10px 0 8px;
    border-right: 2px solid #18704e;
  }  
   #myBtn img {
    width: 110% !important;
  } 
 .banner .banner-block {
    top: 20px;
    left: 22px;
  } 
  .sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: 69px;
  } 
.inner-banner .inner-banner-block .inner-banner-text-block h2 {
    font-size: 28px;
    line-height: 40px;
  }  
  .inner-banner .inner-banner-block .inner-banner-text-block h2::after {
    bottom: -4px;
    width: 40px;
    height: 4px;
  } 
 .inner-banner {
    height: 90px;
  }
  
   .course .course-block .course-left {
    width: 100%;
    height: 245px;
  }
  .blog .blog-box-inner h5 {
    top: 285px;
    right: 30px;
  } 
  .contact .contact-block .contact-left {
    width: 100%;
  }
    .contact .contact-block .contact-right {
    width: 78%;
  }
  
  
   .aWrap input[type="range"] {
    width: 144px;
  }
  
  
  
  
  
  
  
  
  
  

}

@media(max-width:500px) {
    
/*.sticky .bochure {*/
/*    width: 70% !important;*/
/*    margin: 11px 0 0 60% !important;*/
/*    float: left !important;*/
/*  } */
/*   .sticky #menu-icon {*/
/*    width: 48px;*/
/*    height: 31px;*/
/*    top: 8px;*/
/*    left: 185px;*/
/*    transition: all 500ms ease-in-out;*/
/*  }*/
  
}



@media(max-width:480px) {
    /*///chek 440///*/
.container {
    width: 430px !important;
  }
 .header-bottom .logo {
    width: 130%;
  } 
  .header-top .header-social-link ul li a {
    width: 21px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
  }
  .header-top .click-link {
    padding: 10px 0;
    margin: 0 0 0 33%;
  } 
   #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 245px;
  }
  .header-bottom .bochure {
    width: 50%;
    margin: 10px 0 0 25%;
    float: left;
  } 
 .banner .banner-block .banner-text-block {
    width: 84%;
  } 
  .banner {
  width: 100%;
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 210px;
}
 .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} 
   .about .about-text-block h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 10px;
  } 
  .btn {
    padding: 8px 0;
    font-size: 12px;
    min-width: 52%;
    line-height: 20px;
  }
 .service h2 {
    font-size: 24px;
    line-height: 30px;
  } 
  .service .service-dec-item a {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 0;
    width: 45%;
    border-radius: 5px;
  }
 .service .service-dec-item h4 {
    font-size: 24px;
    line-height: 30px;
    margin: 15px 0 15px;
    letter-spacing: 2px;
  }  
   .experience h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 20px;
  }
 .blog h2 {
    font-size: 24px;
    line-height: 30px;
  } 
  .footer .footer-menu ul li a {
    font-size: 10px;
    line-height: 12px;
  }
    .inner-about .inner-about-left h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 10px;
  }
.sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: 34px;
  }  
   .sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 230px;
    transition: all 500ms ease-in-out;
  }
 .mission .mission-block-dec h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 0px 0 10px;
  }
   .vision .vision-block-dec h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 0px 0 10px;
    margin: 0;
    font-weight: 600;
  }
 .course h2 {
    font-size: 24px;
    line-height: 30px;
  } 
 .course .course-block .course-left {
    width: 100%;
    height: 200px;
  }
 .course .course-block .course-right a {
    margin: 15px 0 0;
    font-size: 12px;
    padding: 10px 0;
    line-height: 16px;
    width: 40%;
  } 
.pageloadPupup .modal-dialog {
    width: 360px;
    margin: 30px auto;
  }  
   .blog-single .blog-single-page-content .blog-single-img {
    width: 100%;
    height: 240px;
    padding: 0;
    margin: 0;
  }
 .contact h2 {
    font-size: 24px;
    line-height: 30px;
  } 
 .footer .footer-logo {
    width: 21%;
    margin: 0 auto 25px;
  }  
  .terms h2 {
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 15px;
  }
 .terms .terms-content p {
  font-size: 13px;
  line-height: 23px;
  padding: 10px 0; } 
  .terms .terms-content h5 {
  font-size: 14px;
  line-height: 20px; }
 .terms .terms-content ul li b {
  font-size: 16px;
  line-height: 18px;
} 
.terms ul li span u {
  font-size: 14px;
  line-height: 18px;
}  
  .terms .terms-content ul li {
  font-size: 13px;
  line-height: 23px;
  color: #323232;
  padding: 0 0 10px; }
.terms ul li b {
  font-size: 16px;
  line-height: 18px;
}  
 .terms ul li {
    font-size: 13px;
    line-height: 23px;
    padding: 0 0 10px;
  }  
  .voice-over h2 {
    font-size: 24px;
    line-height: 30px;
  } 
  .aWrap input[type="range"] {
    width: 120px;
  }
    input.aVolume {
    width: 50px !important;
  }
  .animation h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .academic h2 {
    font-size: 24px;
    line-height: 30px;
  }
    .carrer h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .carrer .carrer-block ul li span {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.animation .animation-block .animation-video-block {
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
  }  
  .animation .animation-block .animation-text-block h3 {
    font-size: 14px;
    line-height: 18px;
    height: auto;
  } 
  .animation .animation-block .animation-text-block a {
    padding: 9px 0;
    font-size: 12px;
    line-height: 16px;
    margin: 15px 0 0;
    width: 48%;
  }
  .carrer .carrer-block ul li {
    padding: 0 0 15px;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
  }
  .carrer .carrer-block h4 {
    font-size: 16px;
    line-height: 18px;
    padding: 0 0 15px;
  }
  
  
}

@media(max-width:430px) {
    /*///chek 400///*/
.container {
    width: 390px !important;
  }
   .header-bottom .logo {
    width: 147%;
  }
  .header-top .click-link ul li a {
    font-size: 11px;
    line-height: 16px;
  }
  .header-top .header-social-link ul li a {
    width: 17px;
    height: 16px;
    line-height: 15px;
    font-size: 9px;
  }  
 .header-top .header-social-link {
    padding: 22px 0 0;
  }  
  .header-bottom .bochure a {
    padding: 6px 0;
    font-size: 11px;
    line-height: 18px;
  } 
.header-bottom .bochure {
    width: 50%;
    margin: 7px 0 0 20%;
    float: left;
  }  
  #menu-icon {
    width: 48px;
    height: 31px;
    top: 4px;
    left: 220px;
  } 
 .sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: 10px;
  }  
.sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 205px;
    transition: all 500ms ease-in-out;
  }  
 .sticky .sf-menu {
    top: 57px;
    width: 250px;
    right: 0;
    left: 0px;
  } 
  .sticky .logo {
    width: 94% !important;
  }
  .blog .blog-box img {
    height: 220px;
  } 
  .blog .blog-box h5 {
    top: 220px;
    right: 30px;
    font-size: 12px;
    line-height: 22px;
    padding: 3px 20px;
    border: 2px solid #fff;
  } 
 .blog .blog-box .blog-box-dec a {
    font-size: 12px;
    padding: 10px 0;
    line-height: 16px;
    width: 45%;
  }  
  #myBtn img {
    width: 100% !important;
  }  
 #myBtn {
  bottom: 20px !important;
  right: 20px !important;
  width: 8% !important;
} 
 .inner-banner {
    height: 75px;
  } 
  .inner-banner .inner-banner-block {
    bottom: 38%;
    left: 0;
    right: 0;
  } 
 .inner-banner .inner-banner-block .inner-banner-text-block h2 {
    font-size: 24px;
    line-height: 34px;
  } 
 .inner-about .inner-about-left ul li {
    font-size: 11px;
    line-height: 18px;
    padding: 8px 0 8px 10px;
    margin: 0 0 16px 0;
    border-radius: 8px;
    width: 100%;
  }  
 .course .course-block .course-left {
    width: 100%;
    height: 180px;
  } 
 .course .course-block .course-right ul li {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0;
    width: 100%;
  }  
.blog .blog-box-inner h5 {
    top: 205px;
    right: 30px;
  }  
 .footer .footer-logo {
    width: 26%;
    margin: 0 auto 25px;
  }  
 .contact .contact-block .contact-right {
    width: 100%;
  } 
  
  .footer {
    padding: 30px 0 0;
    background: #ecebe8;
  }
.footer .footer-menu ul li {
    line-height: 12px;
  }
}

@media(max-width:399px) {
    /*///chek 385///*/
.container {
    width: 370px !important;
  }
   #menu-icon {
    width: 48px;
    height: 31px;
    top: 4px;
    left: 215px;
  }
  .sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 201px;
    transition: all 500ms ease-in-out;
  } 
 .banner .banner-block {
    top: 15px;
    left: 10px;
  } 
 .banner .banner-block .banner-text-block {
    width: 100%;
  }  
   .course .course-block {
    width: 100%;
    margin: 0 auto 30px;
    padding: 15px;
    border-radius: 30px 0;
    display: inline-block;
  }
  .footer .footer-menu ul li {
    line-height: 12px;
  }
   .aWrap input[type="range"] {
    width: 100px;
  }
.header-bottom .logo img {
    top: -53px;
    height: 95px;
  }
  .voice-over .voice-over-block .voice-over-top-block .top-to-top .top-left {
    width: 20%;
    float: left;
  }
  .voice-over .voice-over-block .voice-over-top-block .top-to-top .top-right {
    width: 80%;
    padding: 0 0 0 15px;
    margin: 0;
  }
  
  
  
}


@media(max-width:380px) {
    /*///chek 375///*/
.container {
    width: 360px !important;
  }
  .header-top .header-social-link ul li {
    margin: 0 0 0 0px;
  }
   .banner .banner-block .banner-text-block a {
    width: 29% !important;
    padding: 5px 0;
    font-size: 12px;
    line-height: 20px;
    margin: 5px 0 0;
    min-width: 43%;
  }
   #menu-icon {
    width: 48px;
    height: 31px;
    top: 4px;
    left: 205px;
  }
   .sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: 0px;
  }
  .sticky {
    width: 95% !important;
    padding: 10px 0 17px !important;
    border-radius: 0 0 15px 15px !important;
  }
.btn {
    padding: 8px 0;
    font-size: 12px;
    min-width: 65%;
    line-height: 20px;
  }  
  .service .service-dec-item a {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 0;
    width: 60%;
    border-radius: 5px;
  } 
  .pageloadPupup .modal-dialog {
    width: 300px;
    margin: 30px auto;
  }
 .pageloadPupup .modal-body .modal-enquary form .modal-enquary-form {
  width: 100%;
  float: left;
  padding: 0 15px 15px;
  margin: 0;
} 
.pageloadPupup .modal-body .modal-enquary form .checkbox {
    width: 100%;
    padding: 7px 15px;
  }  
 .pageloadPupup .modal-body .modal-enquary form .checkbox input {
    width: 5%;
    float: left;
    position: absolute;
    content: "";
    top: 0px;
  } 
 .pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"] {
    margin: 10px auto 0;
    font-size: 12px;
    padding: 0;
    line-height: 10px;
    width: 70%;
    height: 35px;
  }  
  .course .course-block .course-right a {
    margin: 15px 0 0;
    font-size: 12px;
    padding: 10px 0;
    line-height: 16px;
    width: 50%;
  }
   .sticky .sf-menu {
    top: 57px;
    width: 250px;
    right: 0;
    left: -12px;
  }
   .sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 190px;
    transition: all 500ms ease-in-out;
  }
.blog-single .blog-single-page-content .blog-single-img {
    width: 100%;
    height: 195px;
    padding: 0;
    margin: 0;
  }
  .service .service-dec-item img {
    width: 55%;
  }
  .footer .footer-menu ul li {
    line-height: 10px;
  }
  .aWrap input[type="range"] {
    width: 80px;
  }
  input.aVolume {
    width: 35px !important;
  }
  .academic .academic-document-block ul li .documents-apply {
    width: 72%;
    padding: 0;
    margin: 5px 0 0;
  }
    .animation .animation-block .animation-text-block a {
    padding: 9px 0;
    font-size: 12px;
    line-height: 16px;
    margin: 15px 0 0;
    width: 60%;
  }
  .carrer .carrer-block {
  width: 100%;
  padding: 15px;
  margin: 0 0 30px; }
    .carrer .carrer-block .content-apply {
    width: 52%;
    margin: 10px 0 0;
  }
  
  
  
}

@media(max-width:365px) {
    /*///chek 320///*/
.container {
    width: 300px !important;
  }
  .container-x {
    width: 90% !important;
    margin: 0 auto;
  }
  
  .footer .footer-logo {
    width: 30%;
    margin: 0 auto 25px;
  }
 .header-top .click-link ul li a i {
    font-size: 10px;
    padding: 0 5px 0px 0;
    margin: 0 5px 0 0;
  } 
  .header-top .click-link {
    padding: 10px 0;
    margin: 0 0 0 30%;
  }
   .header-top .click-link ul li a {
    font-size: 10px;
    line-height: 14px;
  }
  .header-top .header-social-link ul li a {
    width: auto;
    height: auto;
    line-height: 14px;
    font-size: 11px;
    border: none;
  } 
.header-bottom {
  width: 100%; }  
   .header-bottom .logo {
    width: 117%;
  }
   .header-bottom .logo img {
    top: -48px;
    height: 80px;
  }
   .header-bottom .bochure {
    width: 50%;
    margin: 0px 0 0 5%;
    float: left;
  }
   #menu-icon {
    width: 48px;
    height: 31px;
    top: -2px;
    left: 165px;
  }
.sticky {
    width: 116% !important;
    padding: 10px 0 17px !important;
    border-radius: 0 !important;
  }  
 .sticky .bochure {
    width: 50% !important;
    margin: 10px 0 0 5% !important;
    float: left !important;
  } 
 .sticky #menu-icon {
    width: 48px;
    height: 31px;
    top: 8px;
    left: 164px;
    transition: all 500ms ease-in-out;
  } 
  .sticky .sf-menu {
    top: 57px;
    width: 250px;
    right: 0;
    left: -62px;
  } 
  .sf-menu {
    top: 50px;
    width: 250px;
    right: 0;
    left: -60px;
  } 
  
  .header-bottom .bochure {
    width: 56%;
    margin: 0px 0 0 65%;
    float: left;
  } 
  .header-bottom .logo {
    width: 140%;
  } 
   .banner .banner-block .banner-text-block h2 {
    font-size: 23px;
    line-height: 30px;
  }
   .banner .banner-block {
    top: 15px;
    left: 0px;
  } 
 .banner {
    width: 100%;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 160px;
  }  
  .banner .banner-block {
    top: 0px;
    left: 0px;
  } 
   .banner .banner-block .banner-text-block p {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 0 10px;
  }
  .service .service-dec-item img {
    width: 65%;
  }
 .blog .blog-box img {
    height: 150px;
  } 
  .blog .blog-box h5 {
    top: 150px;
    right: 30px;
    font-size: 12px;
    line-height: 22px;
    padding: 3px 20px;
    border: 2px solid #fff;
  } 
.blog .blog-box .blog-box-dec h3 {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }  
.blog .blog-box .blog-box-dec p {
    padding: 5px 0 15px;
    font-size: 13px;
    line-height: 20px;
    height: 120px;
  }  
 .blog .blog-box .blog-box-dec a {
    font-size: 12px;
    padding: 10px 0;
    line-height: 16px;
    width: 60%;
  } 
  .inner-banner {
    height: 65px;
  } 
.course .course-block .course-left {
    width: 100%;
    height: 140px;
  }  
 .course .course-block .course-right {
    width: 100%;
    float: right;
    padding: 10px 0 0;
  } 
  .blog .blog-box-inner h5 {
    top: 135px;
    right: 30px;
  }
   .blog-single .blog-single-page-content h3 {
    font-size: 16px;
    line-height: 22px;
    padding: 15px 0 0;
  }
  .blog-single .blog-single-page-content .blog-single-img {
    width: 100%;
    height: 160px;
    padding: 0;
    margin: 0;
  }  
  .header-bottom .logo {
    width: 145%;
  }
  .footer .footer-menu ul li {
    margin: 8px 0;
    padding: 0px 5px 0 1px;
    border-right: 2px solid #18704e;
    line-height: 10px;
  }
  
  .aWrap {
    padding: 5px 10px;
    margin: 0;
  }
  .aWrap input[type="range"] {
    width: 50px;
  }
  
  input.aVolume {
    width: 32px !important;
  }  
  .aCron {
    font-size: 11px;
    margin: 0 5px;
  }
  
  
  

}