/*
Theme Name: LMS Education Pro
Theme URI: https://www.misbahwp.com/products/education-wordpress-theme/
Description: Education WordPress Theme is a professional and multipurpose theme ideal to create any educational and related websites. The theme is highly user-friendly with many options for customization and personalization. It is based on bootstrap framework which makes it easy to use. It can be translated into various languages and supports RTL layout. The theme is optimized for speed hence it loads smoothly without any glitches. It is coded in a safe and secure way. It is compatible with renowned WordPress plugins like Contact form 7, WooCommerce, etc. It is SEO-friendly that will assist your website to rank soon on major search engines. Also, the responsive layout makes it mobile-friendly and it fits perfectly on any device.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 3.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: lms-education-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: underline;
}

body {
  font-family: 'Poppins', sans-serif;
  color: #222222;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Ubuntu', sans-serif;
}

a {
  color:#001f33;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#ff5e5e;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
  background: #0d090a;
}
.top-header .button1,
.top-header .button1::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.top-header .button1{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #ff5e5e;
  font-weight: bold;
}
.top-header .button1::before,
.top-header .button1::after{
  background: #ffff;
  content: '';
  position: absolute;
  z-index: -1;
}
.top-header .button1:hover{
  color: #ff5e5e;
}
.top-header .button1::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
.top-header .button1:hover:after{
  width: 100%;
}

.top-header .button2,
.top-header .button2::after{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.top-header .button2{
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  color: #222222;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #fff;
  font-weight: bold;
}
.top-header .button2::before,
.top-header .button2::after{
  background: #ff5e5e;
  content: '';
  position: absolute;
  z-index: -1;
}
.top-header .button2:hover{
  color: #fff;
}
.top-header .button2::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
.top-header .button2:hover:after{
  width: 100%;
}

.login{
	background: #fff;
	color: #212121;
}
a.cart-customlocation p.cart-item-box{
  background: #d45228;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 25px;
  color: #fff;
}
.header {
  position: static;
}
 
.page-template-frontpage #site-navigation {
    background: #002c4a;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
}
.logo a:hover,
.logo a:focus {
  color:#723626;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */
.social-links a {
  color: #8b898a;
}
.social-links a:hover,.top-header p{
	color: #ff5e5e; 
}


.social-links ,.logo-image,.featured-review__stars,.Stars {
  transition: transform 0.5s ease-in-out;
  animation: floatImages 3s ease-in-out infinite;
  position: relative;
  z-index: 1;
}

.social-links:hover,.logo-image:hover ,.featured-review__stars:hover {
  transform: scale(1.05) rotate(1deg);
}

/* Float Animation */
@keyframes floatImages {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}


/* ===============================================
   MENU BOX
   ============================================= */
   #site-navigation {
    background: #002c4a;
  }
  #main-menu {
    display: block;
    position: relative;
    float: left;
    margin: 0 auto;
    width: 100%;
  }
  #main-menu ul {
    margin: 0;
    padding: 0;
    display: block;
  }
  #main-menu ul li {
    position: relative;
    display: block;
    float: left;
    text-align: left;
  }
  #main-menu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    z-index: 1;
    padding: 10px 15px;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: color .1s linear, background-color .3s ease;
    -moz-transition: color .1s linear, background-color .3s ease;
    -o-transition: color .1s linear, background-color .3s ease;
    transition: color .1s linear, background-color .3s ease;
    position: relative;
    line-height: 53px;
    text-transform: uppercase;
  }
  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    color: #ff5e5e;
  }
  #main-menu ul.children,
  #main-menu ul.sub-menu {
    opacity: 0;
    position: absolute;
    top: 70px;
    left: -9999em;
    background: #fff;
    z-index: 10001;
    width: 213px;
    padding-left: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    position: relative;
    margin: 0;
    line-height: 1.2em;
    text-transform: none;
    width: 213px;
    min-height: inherit;
    margin: 0;
  }
  #main-menu li li:hover > ul,
  #main-menu li li:focus > ul,
  #main-menu li li.focus > ul {
    top: 0px;
    left: -100%;
  }
  #main-menu ul.children li a,
  #main-menu ul.sub-menu li a {
    text-decoration: none;
    text-align: left;
    display: block;
    padding: 20px 15px;
    margin: 0;
    border: none;
    line-height: inherit;
    color: #222222;
    position: relative;
    overflow: hidden;
  }
  
  /* Hover effect for submenu with color transition */
  #main-menu ul.children li a:hover,
  #main-menu ul.sub-menu li a:hover {
    background: #ff5e5e;
    color: #fff;
    /* Creating a sliding effect from left to right */
    transition: background-color 0.4s ease, color 0.4s ease;
  }
  
  #main-menu ul.sub-menu li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #ff5e5e;
    transition: left 0.4s ease;
    z-index: -1;
  }
  
  #main-menu ul.sub-menu li a:hover:before {
    left: 0;
  }
  
  #main-menu ul.children li a:hover,
  #main-menu ul.sub-menu li a:hover {
    padding-left: 30px; /* Space for sliding effect */
  }
  
  /* Show submenus on hover */
  #main-menu li:hover > ul,
  #main-menu li:focus > ul,
  #main-menu li.focus > ul {
    opacity: 1;
    left: calc(100% - 60px);
  }
  
  .menu-toggle,
  .dropdown-toggle,
  button.close-menu {
    display: none;
    background: #ff5e5e;
    color: #fff;
  }
  

/* ================================
   HEADER SEARCH - MORPHING STYLE
   ================================ */

   .header-search {
    position: relative;
    text-align: center;
  }
  
  .header-search .open-search-form i {
    font-size: 22px;
    cursor: pointer;
    color: #efc050;
    transition: transform 0.3s ease, color 0.3s ease;
  }
  
  .header-search .open-search-form i:hover {
    color: #ff5e5e;
    transform: scale(1.2) rotate(15deg);
  }
  
  /* Morph-style search form */
  .header-search .search-form {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%) scale(0);
    background: #ffffff;
    border-radius: 50%;
    z-index: 1001;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
  }
  
  .header-search .search-form.is-open {
    width: 80%;
    height: 80%;
    border-radius: 35px;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
  }
  
  /* Inner form styling */
  .header-search .search-form form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 20px;
  }
  
  .header-search .search-form input[type="search"],
  .header-search .search-form input#header-s {
    flex: 1;
    border: none;
    font-size: 18px;
    background: transparent;
    color: #333;
    outline: none;
  }
  
  .header-search .search-form input::placeholder {
    color: #aaa;
  }
  
  .header-search .search-form button {
    background: none;
    border: none;
    font-size: 20px;
    color: #efc050;
    cursor: pointer;
    transition: color 0.3s ease;
  }
  
  .header-search .search-form button:hover {
    color: #ff5e5e;
  }
  
  /* Close button styling */
  .header-search a.close-search-form {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    display: none; /* will be shown via JS */
    z-index: 1002;
  }
  
  .header-search a.close-search-form:hover {
    color: #ff5e5e;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
  }

  a.cart-customlocation i {
    font-size: 20px;
    color: #efc050;
  }
  

/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
.post-single .post-thumbnail figure img{
	width: 100%;
}

.post-box .post-thumbnail figure, .post-single .post-thumbnail figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
.post-box .post-thumbnail figure:hover+span, .post-single .post-thumbnail figure:hover+span{
	opacity: 1;
}
.post-box .post-thumbnail figure img, .post-single .post-thumbnail figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.post-box .post-thumbnail figure:hover img, .post-single .post-thumbnail figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

.post-content p{
	color: #a5a7b1;
}
.post-meta i{
	color: #ff5e5e;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  width: 100%;
  float: left;
}
.post-box, .post-single, .page-single {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.error{
  padding: 120px 150px;
}
.error h1{
  font-size: 60px;
}

.error .intro-button a{
  padding: 20px;
  background: #ff5e5e;
  border-radius: 20px;
  color: #ffffff;
  font-size: 20px;
}
.error .intro-button a:hover{
  background: #000;
}

.error .intro-button{
  margin-top: 40px !important;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #ff5e5e;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-respond input#submit:hover{
  background-color: #222222;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #ff5e5e;
  padding: 5px 15px;
  color: #fff;
}
.comment-reply a:hover {
  background: #222222;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }

  .logo {
    text-align: center;
  }
  .top-register, .top-login{
  	padding: 12px 20px;
  }
  .menu-toggle,
  .dropdown-toggle {
    border:none;
    display: block;
    margin: 10px 0;
    height: 40px;
    text-align: center;
    cursor: pointer;
    background: #ff5e5e;
    color: #fff;
    border-radius: 5px;
    margin: 10px auto;
  }

  #main-menu {
    display: none;
  }
   
  .header.toggled #main-menu{
    display: block;
  }
  button.close-menu {
    display: inline-block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #ff5e5e;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
  #main-menu ul li a{
  	padding: 10px 12px;
  }
  a.close-search-form{
  	display: none;
  }
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.lms-education-pro-pagination {
	margin:25px 0;
}
.pagination .nav-links a,
.pagination .nav-links span.current,
.lms-education-pro-pagination a span,
.lms-education-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.lms-education-pro-pagination span.current,
.lms-education-pro-pagination span.current:hover,
.lms-education-pro-pagination span.current:focus,
.lms-education-pro-pagination a span:hover,
.lms-education-pro-pagination a span:focus {
	background:#ff5e5e;
  color: #ffffff;
}
.commentlist {
	list-style:none;
	margin:0;
	padding:0
}
.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}
.commentlist li {
	margin:0;
}
.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #ff5e5e;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	background: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.125);
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area .sidebar-widget .title {
  padding: 10px 15px;
  border-bottom: solid 2px #ff5e5e;
  color: #001f33;
  font-size: 30px;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #ff5e5e;
	color: #fff;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #121d21;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f1f1f1;
  border: none;
}
.searchform input[type=submit] {
	background: #ff5e5e;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#ff5e5e;
	text-decoration:none
}


.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area  .post-title{
	font-size: 16px;
}
.sidebar-area .post-thumbnail img{
	width: 100%;
  height: 100px;
  border-radius: 50%;
}
footer {
	background: #002c4a;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #ffffff;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-top: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

/*SCROLL TO TOP BUTTON*/
#button_scroll {
  display: inline-block;
  background: #ff5e5e;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll ,
#button_scroll::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after{
  background: #002c4a;
  content: '';
  position: absolute;
  z-index: -1;
  color: #fff;
  border-radius: 3px;
}
#button_scroll:hover{
  color: #fff;
}
#button_scroll::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
#button_scroll:hover:after{
  width: 100%;
}
a.close-search-form{
	display: none;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #ff5e5e transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*SRTICKY HEADER*/
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background: transparent;
}
.admin-bar .sticky {
  margin-top: 32px;
}
.top-header .header-text, .top-header .header-email,
.top-header .header-text a, .top-header .header-email a{
	 color: #ffffff;
}

.top-header .header-text:hover a, .top-header .header-email:hover a{
	 color: #ff5e5e;
}
.top-header span.dashicons{
	font-size: 18px;
	margin: 5px 0;
}
.header-text span ,.header-email span{
	font-size: 14px;
}
 
/*SLIDER SECTION*/ 

#slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#carousel-caption { 
  top:0;
  bottom: 0;
  left: 0;
  right: 50%;
  color: #282828;
  padding-top: 4%;
  padding-left: 8%;
  padding-right: 10%;
  background: #e2ddd1;
  clip-path: polygon(0% 0%, 78% 0%, 100% 60%, 73% 100%, 0% 100%) 
}
#carousel-caption h2{
	text-transform: uppercase;
	color: #ff5e5e;
}
#carousel-caption h1{
  font-size: 46px;
  color: #002c4a;
  text-transform: uppercase;
}
#carousel-caption hr{
	background:#ff5e5e;
	width: 25%;
	padding: 1px;
}
#carousel-caption p{
  color: #282828;
}
#slider .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider .owl-item.active p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

#slider .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

#carousel-caption span.dashicons {
	width: 55px;
	height: 55px;
	font-size: 20px;
	color: #fff;
	position: relative;
	border-radius: 50%;
	padding: 15px 0;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}
#carousel-caption span.dashicons:after {
	content: "";
	width: 100%;
	height: 100%;
	transform: scale(0.8);
	position: absolute;
	border: 2px solid;
	top: -2px;
	left: -2px;
	border-radius: 50%;
	transition: all 0.3s ease;
	align-self: center;
}
#carousel-caption span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#carousel-caption span.dashicons:hover {
		background-color: transparent;
		transform: rotate(90deg);
		cursor: pointer;
		box-shadow: none;
}
#carousel-caption h4{
	font-size: 30px;
	color:#002c4a ;
}
#carousel-caption .call-text {
  background: #e8e4da;
  margin-left: -50%;
  margin-right: -50%;
  position: relative;
  z-index: 9999999;
}

#slider .owl-dots {
  text-align: center;
  bottom:25px; 
  position: absolute;
  width: 100%;
}
#slider .owl-dots button.owl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  background: #ffffff;
  margin: 0 5px;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#ff5e5e ;
}
.wrapper{
  width:100%;
  overflow:hidden;
}
.frame{
  height:100%;
  width:100%;
}
.frame{
   -webkit-animation: zoomeffect 20s infinite;
   -moz-animation: zoomeffect 20s infinite;
   animation: zoomeffect 20s infinite;
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(2,2);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(1.3,1.3);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}





/* -------------------- */
/* Glowing border for .call-text box on hover */
#carousel-caption .call-text:hover {
  box-shadow: 0 0 5px #e8e4da, 0 0 10px #ff5e5e;
  transition: box-shadow 0.3s ease;
}

/* -------------------- */
/* Text slide effect on hover */
#carousel-caption p:hover {
  transform: translateX(5px);
  transition: transform 0.3s ease;
}

/* -------------------- */
/* Smooth scaling on .dashicons */
#carousel-caption .call-text:hover span.dashicons {
  transform: scale(1.1) rotate(90deg);
}


/* -------------------- */
/* Smooth hover for headings */
#carousel-caption h1,
#carousel-caption h4 {
  transition: color 0.3s ease, text-shadow 0.3s ease;
}
#carousel-caption h1:hover,
#carousel-caption h4:hover {
  color: #ff5e5e;
  text-shadow: 0px 0px 5px rgba(255, 94, 94, 0.5);
}


/*Services Section*/

#services span.dashicons {
	width: 100px;
	height: 100px;
	font-size: 50px;
	color: #fff;
	position: relative;
	border-radius: 50%;
	padding: 20px;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}
#services span.dashicons:after {
	content: "";
	width: 100%;
	height: 100%;
	transform: scale(0.8);
	position: absolute;
	border: 2px solid;
	top: -2px;
	left: -2px;
	border-radius: 50%;
	transition: all 0.3s ease;
	align-self: center;
  text-align: center;
}
#services span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#services .sss:hover span.dashicons {
	background-color: transparent;
	transform: rotate(90deg);
	cursor: pointer;
	box-shadow: none;
}
#services .sss:hover {
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#services h5{
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
}
#services p{
	color: #fff;
}
#services .services_card1, 
#services .services_card5,
#services .services_card9{
	background: #002c4a; 
	height: 240px;   
}
#services .services_card2,
#services .services_card8{
	background: #ff5e5e;
	height: 240px;
}
#services .services_card3,
#services .services_card7{
	background: #efc050;
	height: 240px;
}
#services .services_card4, 
#services .services_card6,
#services .services_card10{
	background: #48a7d5;
	height: 240px;
}

#services .sss > * {
  position: relative;
  z-index: 2;
}
#services .sss {
  position: relative;
  overflow: hidden; /* ensures overlay doesn't spill out */
}

#services .sss::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  transform: scale(1.1);
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: 1;
}

#services .sss:hover::before {
  background: rgba(0, 0, 0, 0.5); /* semi-transparent black overlay */
  opacity: 1;
  transform: scale(1);
}


/*COURSES SECTION*/

#courses h3{
	text-transform: uppercase;
	font-size: 34px;
	color: #001f33;
}
#courses .courses-container{
	background: #edeeee;
}
#courses .section-content{
	color: #777777;
	margin-left: 23%;
	margin-right: 23%;
}
#courses hr{
	background:#ff5e5e;
	width: 12%;
	padding: 1px;
}
#courses img.size-full{
	margin-top: 0;
}
#courses figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#courses figure:hover+span{
	opacity: 1;
}
#courses figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#courses figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
#homepage-product img.avatar.avatar-96.photo {
  height: 30px;
  width: 30px;
}
#homepage-product .learpress-content{
	background: #002c4a;
  position: absolute;
  bottom: 12%;
  left: 15px;
  right: 15px;
  opacity: 0.8;
  top: 55%;
}
#homepage-product .courses-content {
  position: absolute;
  bottom: 60px;
  left: 15px;
  right: 15px;
}
#homepage-product .courses-content p{
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
}
#homepage-product .courses-content h5 a{
	color: #ff5e5e;
	font-weight: 600;
	text-transform: uppercase;
}
#homepage-product .courses-content h5 a:hover{
	color: #efc050;
}
#homepage-product .course-featured-review i.fas.fa-star{
	color: #efc050;
	font-size: 12px;
}
#homepage-product .courses-content p{
	color: #fff;
}
#homepage-product .courses-admin{
	background: #fff;
	color: #222;
	position: absolute;
	left: 0;
	right: 0;
	top: 94%;
}
#homepage-product .courses-admin i.far.fa-clock{
	color: #777777;
}
#homepage-product .courses-admin span{
	color: #777777;
	text-transform: lowercase;
}
#homepage-product .courses-admin .price{
	color: #ff5e5e;
	font-weight: 600;
	margin-left: 0;
	font-size: 18px;
}
#homepage-product .courses-admin p{
	color: #777777;
	font-size: 14px;
}
#homepage-product .owl-carousel .owl-nav.disabled {
  display: block;
  position: relative;
  text-align: center;
  top: 75px;
}
#homepage-product .owl-carousel .owl-nav button.owl-prev{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 25px;
  border: 1px solid #cdc7c7;
  color: #cdc7c7;
  outline: none;
}
#homepage-product .owl-carousel .owl-nav button.owl-next{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 25px;
  color: #cdc7c7;
  border: 1px solid #cdc7c7;
  outline: none;
}

 /*LearnPress Section*/
.lp-archive-courses .learn-press-courses-header h1{
	color: #001f33;
}
.lp-archive-courses 
.learn-press-courses[data-layout="list"] 
.course .course-item .course-content 
.course-permalink .course-title:hover{
	color: #ff5e5e;
}
.lp-archive-courses .course-summary .course-summary-content .course-detail-info{
	background: #002c4a ! important;
} 
.learnpress-page .lp-button, .learnpress-page #lp-button{
	color: #fff !important;
	cursor: pointer !important;
	background: #ff5e5e !important;
}
.learn-press-breadcrumb li a {
  color: #002c4a !important;
}
.learn-press-breadcrumb{
	margin: 25px auto 25px auto !important;
}
#learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course,
#learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course:hover{
	background: #ff5e5e !important;
}
#learn-press-profile .wrapper-profile-header{
	background: #002c4a !important;
}
#learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username{
	font-size: 24px !important;
	color: #ff5e5e !important;
}
#learn-press-profile .wrapper-profile-header .lp-profile-left{
	bottom: 20% !important;
	left: 25% !important;
	width: 150px !important;
	padding: 15px !important;
}
#learn-press-profile #profile-nav .lp-profile-nav-tabs li.active, #learn-press-profile #profile-nav .lp-profile-nav-tabs li:hover {
	 background: #ff5e5e;
}
#popup-course #popup-header{
	background: #002c4a !important;
}
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{
	background:  #ff5e5e ! important;
}
.lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-content .course-permalink .course-title:hover{
	color:#ff5e5e !important ;
}
#learn-press-course .course-summary-sidebar .course-sidebar-preview .media-preview {
  margin: 0 !important;
  text-align: center;
}
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{
	color: #ffb606 !important;
}
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-icon:hover,
 #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-name:hover{
 	color:#ff5e5e !important ;
}
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child{
 	color: #fff;
 	padding: 5px 20px;
 	height: 30px;
  width: auto;
}
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item.current{
 	height: 80px;
}
.lp_profile_course_progress__nav button, html [type="button"], [type="reset"], [type="submit"]{
	padding: 6px 15px;
	color: #fff;
	background: #ff5e5e;
	border: none;
	cursor: pointer;
	outline: none;
}
.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-permalink .course-title:hover{
	color: #ff5e5e !important;
}
#learn-press-profile #profile-sidebar{
	float: none;
	width: 100% !important;
}
#learn-press-profile #profile-content{
	width: 100% !important;
	float: none;
}
.lp-archive-courses .learn-press-courses .course .course-item{
	height: 100% !important;
}
.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-instructor a{
	color:#ff5e5e !important ;
	text-decoration: none;
}
.lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-wrap-thumbnail{
	width: auto !important;
}
.quiz-status > div{
	background: #002c4a !important; 
}
.quiz-status .questions-index{
 color: #fff !important;
}
#popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.current,
 #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers:hover{
 	background: #ff5e5e;
 	color: #fff !important;
 	margin:0 20px;
 	border: none !important;
 	transition: background-color .3s ease;
}
#popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers{
	border: none !important;
}
 #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.next,
  #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers.prev{
  background: #ff5e5e  !important;
 	color: #fff !important;
 	margin: 0 20px;
 	border: none;
 	padding: 10px 20px !important;
 	transition: background-color .3s ease;
 	outline: none;
}
.lp-archive-courses .learn-press-courses[data-layout="grid"] .course .course-item .course-content .course-permalink{
	height:22px !important;
}
.wp-block-search .wp-block-search__button{
background: #ff5e5e ;
color: #fff;
border: none;	
outline: none;
}
input[type="text"], input[type="email"], input[type="number"], input[type="password"]{
	width: 100%;
}
.sidebar-area .course-cover{
	float: left;
}
.sidebar-area .course-cover img{
 width: 70px;
 height: 70px;
 border-radius: 50%;
 margin-right: 10px;
 margin-left: 10px;
}
.sidebar-area .course-detail {
    padding: 0 15px;
}
.sidebar-area .course-title{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 0;
}
.course-item .learpress-content{
  transition: all 0.5s;
}

.course-item:hover .learpress-content{
  background: #000 !important;
  top: 58% !important;
}

.course-item:hover .courses-admin{
	box-shadow: 10px 0 20px #ff5e5e30, 6px 0 6px #ff5e5e3b;
}

.lp-single-course .lp-single-course-main .course-img img {
  width: 100%;
}
.course-categories a {
  padding: 7px 15px;
  border-radius: 20px;
}
.learn-press-courses .course-content .course-readmore a {
  color: #000 !important;
}
.learnpress-widget-wrapper .lp-widget-course__image img {
  padding: 0px 15px;
  object-fit: cover;
  object-position: top;
}

/*facilities Section*/

#facilities figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#facilities figure:hover+span{
	opacity: 1;
}
#facilities figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#facilities figure:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

a.open-video {
  position: relative;
}
.cn {
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.large {
  font-size: 80px;
  color: #fff;
  text-decoration: none;
}
.cn:hover .large {
 color: #ff5e5e; 
}
.video-section .video-blog {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 500px;
  padding: 0;
  z-index: 1001;
  visibility: hidden;
  opacity: 0;
  border-radius: 20px;
  border: 2px dashed #ff5e5e;
  background: rgba(255, 255, 255, 0.98);
  transition: top 0.5s cubic-bezier(0.7, 0, 0.3, 1),
              right 0.5s cubic-bezier(0.7, 0, 0.3, 1),
              height 0.5s cubic-bezier(0.7, 0, 0.3, 1),
              opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

.video-section .video-blogs {
  height: 500px;
}

.video-section .video-blog.is-open {
  visibility: visible;
  opacity: 1;
  height: 80%;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease-out;
}

.video-section .video-blog section {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}

.video-section .video-blog a.close-video {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.video-section .video-blog i.videoblog-close-button {
  font-size: 22px;
  line-height: 35px;
  color: #000;
  opacity: 0;
  transition: transform 0.2s linear, opacity 0.2s ease;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 1002;
}

.video-section .video-blog.is-open i.videoblog-close-button {
  opacity: 1;
  position: relative;
  bottom: 0;
}

.video-section .video-blog.is-open i.videoblog-close-button:hover {
  transform: rotate(90deg);
  background: #ddd; /* Hover background */
  cursor: pointer;
}

.video-section .video-section.is-open::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.video-section .video-blog a.close-video:focus,
.video-section .video-blog i.videoblog-close-button:focus {
  outline: 2px solid #3498db; /* Focus outline */
}

@media (max-width: 768px) {
  .video-section .video-blog.is-open {
    width: 90%;
    height: 70%;
  }
}

@media (max-width: 480px) {
  .video-section .video-blog.is-open {
    width: 95%;
    height: 60%;
  }
}


#facilities a.open-video img{
	width: 100%;
}
#facilities .facilities-text{
	background: #002c4a;
}
#facilities .facilities-text h3{
	text-transform: uppercase;
	color: #ffff;
	font-size: 30px;
	padding-top: 27px;
}
#facilities .section-content{
	color: #b7b7b7;
	font-size: 14px;
}
#facilities .facilities-text h5{
	color: #ffff;
}
#facilities hr{
	background:#ff5e5e ;
	width: 20%;
	padding: 1px;
}
#facilities .content-scroll{
	overflow-y: auto;
	height: 365px;
}
#facilities .content-scroll::-webkit-scrollbar{
	overflow-y: auto;
	height: 365px;
	width: 8px;
	background: #F5F5F5;
}
#facilities .content-scroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #ff5e5e;
	border-radius: 20px;
  margin-left: 15px; 
}
#facilities .text{
	color: #b7b7b7;
	font-size: 13.5px;
} 

#facilities span.dashicons {
	width: 85px;
	height: 85px;
	font-size: 38px;
	position: relative;
	border-radius: 50%;
	padding: 20px;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
}
#facilities span.dashicons:after {
	content: "";
	width: 100%;
	height: 100%;
	transform: scale(0.8);
	position: absolute;
	border: 2px solid;
	top: -2px;
	left: -2px;
	border-radius: 50%;
	transition: all 0.3s ease;
	align-self: center;
}
#facilities span.dashicons:hover:after {
	transform: scale(1);
	box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#facilities .sss:hover span.dashicons {
	background-color: transparent;
	transform: rotate(90deg);
	cursor: pointer;
	box-shadow: none;
}

#facilities .dashicons1,
#facilities .dashicons4,
#facilities .dashicons7{
	color: #ff5e5e;
}
#facilities .dashicons2,
#facilities .dashicons5,
#facilities .dashicons8{
	color: #efc050;
}
#facilities .dashicons3,
#facilities .dashicons6,
#facilities .dashicons9{
	color: #48a7d5;
}
.facilities-content{
	border: 1px solid #b7b7b7;
}
.facilities-content:hover{
	border: 2px dashed #ff5e5e;
}

/*ABOUT US*/

#about-us h3{
	text-transform: uppercase;
	font-size: 34px;
	color: #001f33;
}
#about-us hr{
	background:#ff5e5e;
	margin-right: 80%;
	padding: 1px;
}
#about-us h5{
	color: #ff5e5e;
	font-size: 26px;
}
#about-us .clip-path{
	background: #48a7d5;
	clip-path: polygon(0 0, 0 51%, 100% 0);
	position: relative;
	bottom: 25px;
}
#about-us .image1 {
  position: relative;
  right: 86%;
}
#about-us .image2{
	position: absolute;
	top: 55%;
	right: 6%	;
}
#about-us i.fas.fa-chevron-right {
  background: #ff5e5e;
  padding: 6px 10px;
  border-radius: 30px;
  margin: 0 5px;
  font-size: 14px;
  width: 26px;
  color: #ffff;
}

#about-us .button1,
#about-us .button1::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#about-us .button1{
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;	
  background: #ff5e5e;
}
#about-us .button1::before,
#about-us .button1::after{
  background: #002c4a;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 3px;
}
#about-us .button1:hover{
  color: #fff;
}
#about-us .button1::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
#about-us .button1:hover:after{
  width: 100%;
}


/* SHINE EFFECT */
.image-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  height: 100%;
  width: 100%;
  max-width: 90px;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 30%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
  pointer-events: none;
  z-index: 9999;
}

.image-wrapper:hover:before {
  animation: shine 2s ease-in-out infinite !important;
}

@keyframes shine {
  0% {
    left: -150%;
  }
  100% {
    left: 80%;
  }
}



/*Join Us*/

#join-us {
	background: #002c4a;
}
#join-us h3{
	text-transform: uppercase;
	font-size: 34px;
	color: #ffff;
} 
#join-us .section-content{
	color:#b7b7b7;
	margin-left: 23%;
  margin-right: 23%;
}
#join-us hr{
	background:#ff5e5e;
	width: 10%;
	padding: 1px;	
}
#join-us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 35%;
  padding: 10px 20px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #b7b7b7;
  color: #ffff;
}
#join-us .wpcf7-form-control-wrap ::placeholder{
	color: #ffffff;
}
#join-us input.wpcf7-form-control.wpcf7-submit {
  width: 15%;
  padding: 10px 10px;
  background: #ff5e5e;
  border: none;
  text-transform: uppercase;
  color: #ffff;
  left: 5%;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 15px;
  margin-bottom: 90px;
  border-radius: 3px;
}
#join-us input.wpcf7-form-control.wpcf7-submit:hover {
  background: #000;
}
#join-us .wpcf7 form .wpcf7-response-output{
  color: #fff;
}


/*COUNTER SECTION*/

#counter {
	background: #ff5e5e;
  transform: translateY(-60%);
  position: absolute;
  left: 10%;
  right: 10%;
}
#counter h4{
	color: #ffff;
	font-size: 40px;
}
#counter h5{
	color: #fff;
	text-transform: uppercase;
	font-size: 17px;
}
#counter .counter-text {
  border-right: 1px solid #fff;
  margin: 50px -3px;
  padding: 25px 0px;
  text-align: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
  cursor: pointer;
}

#counter .counter-text:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

#counter .counter-text:hover h4 {
  animation: pulseText 0.5s ease;
}

@keyframes pulseText {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}


 
/*TEAM SECTION*/

#team h3{
	font-size: 34px;
	text-transform: uppercase;
	color: #001f33;
}
#team hr{
	background:#ff5e5e ;
	width: 8%;
	padding: 1px;
}
#team .section-content{
	color: #777777;
  margin-left: 30%;
  margin-right: 30%;
}
#team .team-border{
	position: absolute;
  right: 1px;
  left: 0px;
  bottom: 0;
  border-left: 2px solid #48a7d5;
  border-right: 2px solid #48a7d5;
  border-bottom: 2px solid #48a7d5;
  z-index: 999999;
  padding: 85px;
}
#team .team-text {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background: #ffff;
  opacity: 0.7;
  transition: all 0.5s;
  z-index: 999999;
}
#team .team-text h5{
	text-transform: uppercase;
	font-weight: 600;
}
#team .owl-item:nth-child(odd) p{
	color: #ff5e5e;
}
#team .owl-item:nth-child(even) p{
	color: #48a7d5;
}
#team .owl-carousel .owl-item img{
	display: inline-block;
	width: auto;
}
#team .owl-carousel .owl-nav{
	display: block;
	position: relative;
  bottom: 100px;
  transform: translateY(-50px);
}
#team .owl-carousel .owl-nav button.owl-prev{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 20px;
  border: 1px solid #cdc7c7;
  float: left;
  left: -4%;
  position: relative;
  color: #cdc7c7;
}
#team .owl-carousel .owl-nav button.owl-next{
	background: #ffffff;
  padding: 5px 15px !important;
  font-size: 20px;
  border: 1px solid #cdc7c7;
  float: right;
  right: -4%;
  position: relative;
  color: #cdc7c7;
}
#team figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#team figure:hover+span {
	opacity: 1;
}
#team figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#team .aaa:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.aaa:hover .team-text{
  opacity: 1 !important;
}

/*OFFER SECTION*/

#offer {
	background: #1fc0da;
}
#offer .offer-text{
	background: #fff;
	position: absolute;
  transform: translateY(-50%);
  top: 50%;
	left: 45%;
	right: 5%;
	padding: 15px;
}
#offer .frontside-title{
	text-transform: uppercase;
	font-size: 30px;
	color: #002c4a;
}
#offer .frontside-title::first-line{
   color: #ff5e5e;
}
#offer .frontside-title::second-line{
   color: #002c4a;
}
#offer .frontside h4{
	font-size: 40px;
	margin-bottom: -6px;
	font-weight: 600;
}
#offer .backside h4{
	font-size: 40px;
	margin-bottom: -6px;
	font-weight: 600;
}
#offer p{
	color: #777777;
}
#offer .discount {
  background: #e8e4da;
  border-radius: 100px;
  width: 80px;
  margin: 5px auto;
  color: #ff5e5e;
  height: 80px;
  padding-top: 1px;
  padding-left: 2px;
}
#offer .discount i.fas.fa-percent{
	font-size: 12px;
	margin-left: -5px;
}
#offer .offer-text p{
	font-size: 12px;
}
#offer .button,
#offer .button::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#offer .button {
  display: inline-block;
  padding: 5px 10px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 3px;
  text-transform: uppercase;
  background: #ff5e5e;
  margin: 0 !important;
}

#offer .button::before,
#offer .button::after{
  background: #002c4a;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 3px;
}
#offer .button:hover{
  color: #fff;
}
#offer .button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}
#offer .button:hover:after{
  width: 100%;
}
.image-flip:hover .backside,
.image-flip.hover .backside {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  border-radius: .25rem;
}
.image-flip:hover .frontside,
.image-flip.hover .frontside {
  transform: rotateY(180deg);
}
.mainflip {
  transition: 1s;
  transform-style: preserve-3d;
  position: relative;
}
.frontside {
  position: relative;
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  z-index: 2;
  margin-bottom: 30px;
}
.backside {
  position: absolute;
  top: 0;
  transform: rotateY(-180deg);
  width: 100%;
  height: 100%;
}
.frontside,
.backside {
  backface-visibility: hidden;
  transition: 1s;
}

#offer .backside .offer-backside {
  background: transparent;
  position: absolute;
  bottom: 20px;
  left: 0%;
  right: 0%;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  width: 100%;
}
#offer .backside .backside-title{
	color: #ffff;
	text-transform: uppercase;
	font-size: 22px;
}
#offer .backside .discount-backside {
  background: #e8e4da;
  border-radius: 100px;
  width: 80px;
  position: relative;
  left: 40%;
  color: #ff5e5e;
  height: 80px;
  padding-top: 1px;
  padding-left: 2px;
}
#offer .discount-backside i.fas.fa-percent{
	font-size: 12px;
	margin-left: -5px;
}
#offer .backside p{
	color: #fff;
}

/*TESTIMONIAL SECTION*/

#testimonial .owl-carousel .owl-item img {
  width: auto;
  max-width: 100%;
  transition: transform 0.5s ease-in-out;
  animation: floatImage 3s ease-in-out infinite;
  position: relative;
  z-index: 1;
}

#testimonial .owl-carousel .owl-item img:hover {
  transform: scale(1.05) rotate(1deg);
}

/* Float Animation */
@keyframes floatImage {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
  100% { transform: translateY(0px); }
}


#testimonial span i{
	font-size: 60px;
	color: #fff;
}
#testimonial h3{
	text-transform: uppercase;
	color: #001f33;
}
#testimonial hr{
	background:#ff5e5e ;
	width: 15%;
	padding: 1px;
}
#testimonial .content p{
	color: #001f33;
}
.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  color: #fff;
} 
.Stars:before {
  content: '★★★★★';
  letter-spacing: 3px;
  background:  #efc050;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#testimonial .content{
  padding: 40px 30px;
}
#testimonial .content:hover {
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 15px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  z-index: 2;
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}
#testimonial .content:hover span i{
  color: #000;
}




/*LATEST NEWS*/

#leatest-news h3{
	font-size: 34px;
	text-transform: uppercase;
	color: #001f33;
}
#leatest-news hr{
	background:#ff5e5e ;
	width: 8%;
	padding: 1px;
}
#leatest-news .section-content{
	margin-left: 23%;
	margin-right: 23%;
	color: #777777;
}
#leatest-news .post-box {
  background: #ffff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0;
  box-shadow: 0 10px 13px -7px  rgb(0 0 0 / 34%);
}
#leatest-news .righttitle a, #leatest-news .lefttitle a{
	color: #001f33;
	font-weight: 600;
	font-size: 20px;
}
#leatest-news .righttitle a:hover, 
#leatest-news .lefttitle a:hover{
	color: #ff5e5e;
}
#leatest-news img{
	width: 100%;
  object-fit: cover;
}
#leatest-news .right-box img{
  height: 240px;
  object-fit: cover;
}
#leatest-news .left-box img{
  height: 650px;
  object-fit: cover;
}
#leatest-news .latest-content{
	color: #777777;
	font-size: 14px;
	margin-bottom: 0;
}
#leatest-news .post-date {
  position: absolute;
  bottom: 91%;
  left: 85%;
  background: #ff5e5e;
  right: 30px;
  top: 1px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
#leatest-news figure {
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
}
#leatest-news figure:hover+span {
	opacity: 1;
}
#leatest-news figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#leatest-news .logobox:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

#leatest-news .logobox .blogsss {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

#leatest-news .logobox:hover .blogsss {
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
  background:#000;
}

#leatest-news .logobox:hover .blogsss h4 a,#leatest-news .logobox:hover .blogsss p{
  color: #fff;
}
#leatest-news .logobox:hover .blogsss h4 a:hover{
  color: #ff5e5e;
}

.abc:hover i{
  background-color: #000 !important;
}
/*NEWSLETTER*/

#newsletter{
	background: #ff5e5e;
}
#newsletter .dashicons{
	color: #ffff;
	font-size: 60px;
	margin-top: 5px;
}
#newsletter h3{
	text-transform: uppercase;
	color: #fff;
	font-size: 36px;
	left: 70px;
  position: relative;
  bottom: 8px
}
#newsletter p{
	color: #ffff;
	font-size: 14px;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  padding: 10px 15px;
  border-radius: 20px 0 0 20px;
  font-size: 14px;
  border: none;
  outline: none;
  width: 73%;
}
#newsletter input.wpcf7-form-control.wpcf7-submit {
  padding: 10px 15px;
  border: none;
   border-radius: 0  20px 20px 0;
  font-size: 14px;
  background: #b6aaa0;
  color: #fff;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 12%;
}
#newsletter .wpcf7-not-valid-tip{
  color: #fff;
}
#newsletter input.wpcf7-form-control.wpcf7-submit:hover{
	color: #ff5e5e;
  background: #fff;
  border: 1px dashed #000;
}


/*FOOTER SECTION*/

.footer-area {
  margin-left: 0;
}
.footer-area h4.title {
  color: #ffff;
  font-size: 24px;
  letter-spacing: 1px;
  margin-top: 25px;
  text-transform: uppercase;
}
.footer-area p{
  color: #cecece;
}
.footer-area h3{
	text-transform: uppercase;
	color: #ffff;
}
.footer-area .fas, .footer-area .far {
	color: #efc050;
	margin: 0 10px 0 0;
}
.footer-area ul{
  padding: 0px;
  list-style: none;
  line-height: 2.5;
}
.footer-area #block-23 strong{
	font-size: 24px;
}
.footer-area  .post-title{
	font-size: 16px;
}
.footer-area .post-thumbnail img{
	width: 100%;
  height: 75px;
  border-radius: 50%;
}
.copyright{
  border-top: 1px solid #9f9f9f;
}
.copyright p{
  font-size: 18px;
  color: #ffffff;
}
.copyright a{
  color: #ff5e5e;
}

/*Contact Page*/
 
#contact h3{
	font-size: 50px;
	color: #ffff;
}
#contact p,#contact a{
	font-size: 20px;
	color: #cecece;
}
div#contact-form-7 form{
  text-align: center;
}
#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 48%;
  padding:10px 15px;
  margin: 10px 5px;
  background: #eee;
  outline: none;
  border: none;
}
#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
  width: 48%;
  padding:10px 15px;
  margin: 10px 5px;
  background: #eee;
  outline: none;
  border: none;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 97%;
  height: 150px;
  padding: 15px;
  background: #eee;
   outline: none;
   border: none;
   margin: 10px;
  }
#contact  input.wpcf7-form-control.wpcf7-submit {
  width: 97%;
  position: relative;
  background: linear-gradient(180deg, #6ED5EA 0%, #039DD7 100%);
  border: none;
  cursor: pointer;
  color: #fff;
  margin: 10px 10px;
  padding: 10px 20px;
}
#contact  input.wpcf7-form-control.wpcf7-submit:hover {
  background: #0a4087;
}
#contact h4{
	color: #fff;
	font-weight: 600;
}
#contact-form .contact-info p{
color: #fff;
}
#contact-form .section-2 h2{
	font-size: 50px;
	font-weight: 600;
	color: #131c21;
}
#contact-form .section-2 h4{
	font-size: 18px;
}
#contact-form .section-2 h4 span{
	font-size: 20px;
  color: #0A4087;
  margin-right: 15px;
}
#contact-form .aks-accordion-item-row {
  display: flex;
  justify-content: flex-start;
}
#contact-form .aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
#contact-form .aks-accordion-item-icon .fas{
  color: #0A4087;
  margin:0 20px;
}
#contact-form .aks-accordion-item-title {
  width: 90%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
  border-bottom: 2px solid rgba(0,0,0,0.12);
  margin-left: 50px;
}
#contact-form .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
  margin-left: 48px;
  margin-top: 10px;
}
#contact-form .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
#contact-form .aks-accordion-item-icon-close {
  display: none;
}
#contact-form .aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}
#contact-form .aks-accordion h6{
  font-size:16px;
  color: #666;
  font-weight:600;
  margin-right: 60%;
}
.contact-info .blog_card1{
	background: #002c4a;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
.contact-info .blog_card2{
	background: #efc050;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);

}
.contact-info .blog_card3{
	background: #0A4087;
	color: #fff;
	box-shadow: 0px 40px 60px -30px rgb(0 0 0 / 34%);
}
.contact-info  .dashicons{
	font-size: 35px;
	display: inline-block;
  margin: 5px 0;
}
.contact-info a.button {
  display: inline-block;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;	
}
.contact-info .button:hover {
  color: #ff5e5e;
}
#contact-form .enquiry .dashicons{
	font-size: 40px;
	display: inline;
	color:#0A4087 ;
}
#contact-form .enquiry h6{
	font-size: 22px;
	font-weight: 600;
	color: #001f33;
}
#contact-form .enquiry p{
	color: #666;
	font-size: 18px;
}



/* Hover effect for input fields */
#contact input.wpcf7-form-control:hover,
#contact textarea.wpcf7-form-control.wpcf7-textarea:hover {
  background-color: #ddd;
  transition: background-color 0.3s ease;
}

/* Add shadow on hover for contact cards */
.contact-info .blog_card1:hover,
.contact-info .blog_card2:hover,
.contact-info .blog_card3:hover {
  transform: translateY(-5px);
  box-shadow: 0px 45px 70px -25px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease-in-out;
  background: linear-gradient(180deg, #838485 0%, #2b2a2a 100%);
}

/* Animate button on hover */
.contact-info .button:hover {
  transform: scale(1.05);
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}

.aaaa a:hover{
  color: #ff5e5e !important;
}

/* Submit button hover */
#contact input.wpcf7-form-control.wpcf7-submit:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in-out;
}

/* Accordion icon hover effect */
#contact-form .aks-accordion-item-icon:hover {
  background-color: #e1ecf4;
  transition: background-color 0.3s ease;
}

/* Heading hover effect (optional) */
#contact h3:hover,
#contact-form .section-2 h2:hover {
  color: #6ED5EA;
  transition: color 0.3s ease;
}

/* Add slight animation to all inputs when focused */
#contact input:focus,
#contact textarea:focus {
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.3);
  transition: box-shadow 0.3s ease-in-out;
}


.contact-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.7s;
}

.contact-content:hover {
  background: #ff5e5e;
  transform: scale(1.1);
  z-index: 9;
}

.contact-content:hover::before {
  background: rgb(85 108 214 / 10%);
}

.contact-content:hover h6,
.contact-content:hover span,
.contact-content:hover p a,
.contact-content:hover p {  
  color: #fff !important;
}

.contact-content:hover:before {
    content: "";
    position: absolute;
    background: rgb(85 108 214 / 20%);
    width: 170px;
    height: 400px;
    z-index: -1;
    transform: rotate(42deg);
    left: -25%;
    top: -100px;
    border-radius: 35px;
}


.enquiry-box .hover-text:hover span.dashicons {
  background-color: transparent;
  transform: rotate(360deg);
  cursor: pointer;
  box-shadow: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    color: #0A4087;
}

.enquiry-box .hover-text:hover span.dashicons:after {
  transform: scale(1);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
.enquiry-box .hover-text:hover span.dashicons:after {
  transform: scale(1.1); /* Smoothly scale the icon */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.col-md-4.aaa p {
  text-align: justify;
}

/*MEDIA QUERY 200 TO 720*/

@media only screen and (min-width: 200px) and (max-width: 720px){
	.course-item:hover .learpress-content{
    background: #000 !important;
    top: 50% !important;
  }
	#main-menu ul.children li a, #main-menu ul.sub-menu li a{
		color: #fff;
	} 
  a.cart-customlocation p.cart-item-box{
  	right: 60px;
  }
  #carousel-caption {
    padding-top: 15%;
    padding-left: 1%;
    padding-right: 8%;
  }
  #carousel-caption h2{
  	font-size: 20px;
  }
  #carousel-caption h1{
  	font-size: 20px;
  }
  #carousel-caption p{
  	display: none;
  }
  #carousel-caption .call-text{
  	display: none;
  }
  #carousel-caption span.dashicons {
    padding: 4px 0;
    font-size: 12px;
    width: 20px;
    height: 20px;
  }
  #carousel-caption hr{
  	margin-top: 0;
  	margin-bottom: 0;
  }
  #services h5{
  	font-size: 20px;
  }
  #slider .owl-dots{
  	bottom: 5px;
  }
  #services  .owl-dots {
	  text-align: center;
	  bottom:10px; 
	  position: absolute;
	  width: 100%;
	}
	#services  .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#services  .owl-dots button.owl-dot.active {
	  background-color:#ff5e5e;
	}
  #courses .section-content {
    margin-left: 0;
    margin-right: 0;
  }
  .course-summary .course-summary-sidebar {
    position: unset !important;
  }
  .course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner {
    position:unset !important;
  }
  #homepage-product .owl-carousel .owl-nav.disabled{
		top: 45px;
	}
  #homepage-product .learpress-content{
  	bottom: 8%;
  	top: 44%;
  }
  #about-us hr{
  	width: 30%;
  	margin-right: 35%;
  }
  .video-section .video-blog .is-open {
    top: 0;
  }
  .video-section .video-blog{
  	padding: 50px 0;
  }
  #facilities a.open-video img{
	width: 100% !important;
  }
  #about-us .clip-path{
  	display: none;
  }
  #about-us .image1 {
	  right: 0;
	  width: 100%;
  }
  #about-us .image2 {
    position: relative;
    top: 15px;
    right: unset;
    /* width: 100%; */
  }
  .col-lg-3.col-md-3.text-sm-center{
    text-align: center;
  }
  #join-us hr, #facilities hr, #team hr, #courses hr, #leatest-news hr{
  	width: 30%;
  }
  #join-us .section-content {
    margin-left: 0;
    margin-right: 0;
  }
  #join-us input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  	width: 70%;
  }
  #join-us input.wpcf7-form-control.wpcf7-submit{
  	width: 40%;
  	left: 15%;
  	margin-bottom: 0;
  }
  #counter {
    transform: translateY(-0%);
    position: relative;
    left: 0;
    right: 0;
  }
  #counter .counter-text {
    margin: 20px 0;
    padding: 20px 0;
    border-right: none;
  }
  #counter .owl-dots {
	  text-align: center;
	  bottom:20px; 
	  position: relative;
	  width: 100%;
	}
	#counter .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#counter .owl-dots button.owl-dot.active {
	  background-color:#002c4a ;
	}
  #team .section-content {
    margin-left: 0;
    margin-right: 0;
  }
  #team .owl-carousel .owl-item img{
  	width: auto;
  }
  #team .owl-carousel .owl-nav{
    display: none;
  }
  #team .owl-dots {
    text-align: center;
    top: 15px;
    position: relative;
    width: 100%;
  }
  #team .owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #002c4a;
    margin: 0 5px;
  }
  #team .owl-dots button.owl-dot.active {
    background-color:#ff5e5e ;
  }
  #offer .offer-text {
    right: 2%;
  }
  #offer .frontside-title{
  	font-size: 26px;
  }
  #offer .offer-text p{
  	display: none;
  }
  #offer .frontside a.button{
  	margin-top: 30px;
  }
  #offer .button{
    font-size: 14px;
  }
  #offer .frontside h4{
  	font-size: 24px;
  }
  #offer .backside h4{
  	font-size: 24px;
  }
  #offer .owl-carousel .owl-item img {
    width: 100%;
    height: 400px;
  }
  #offer .owl-dots {
	  text-align: center;
	  top: 15px;
	  position: relative;
	  width: 100%;
	}
  #leatest-news .right-box img{
    height: 240px;
    object-fit: cover;
  }
  .footer-area .post-thumbnail img {
    height: 80px;
  }
  #leatest-news .left-box img{
    height: 400px;
    object-fit: cover;
  }
	#offer .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#offer .owl-dots button.owl-dot.active {
	  background-color:#ff5e5e ;
	}
	#offer .backside .backside-title{
		font-size: 18px;
	}
	#testimonial .owl-dots {
	  text-align: center;
	  top: 0;
	  position: relative;
	  width: 100%;
	}
	#testimonial .owl-carousel .owl-item img{
		width: 100%;
	}
	#testimonial .owl-dots button.owl-dot {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #ffffff;
	  margin: 0 5px;
	}
	#testimonial .owl-dots button .owl-dot .active {
	  background-color: #ff5e5e;
	}
	#leatest-news .post-date {
    bottom: 84%;
    left: 64%;
    top: 1px;
    right: 25px;
  }
  #leatest-news .section-content{
  	margin-left: 0;
  	margin-right: 0;
  }
  #leatest-news img{
  	height: auto;
  }
  #newsletter .dashicons {
    display: inline;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  	width: 70%;
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number {
    width: 70%;
    padding: 8px 15px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
    width: 70%;
    height: 100px;
  }
  #contact input.wpcf7-form-control.wpcf7-submit {
    right: 90px;
    padding: 6px 20px;
  }
  #contact-form .section-2 h2{
  	font-size: 26px;
  }
  .aks-accordion h6{
  	margin-right: 50%;
  }
  .aks-accordion-item-content{
  	margin-left: 0;
  }
  .aks-accordion-item-title{
  	margin-left: 15px;
  }
  #newsletter h3{
  	left: 0;
  }
  .contact-info .dashicons {
    display: initial;
  }
  .footer-area .wp-block-image{
  	margin: 30px 0 1em;
  }
  .sidebar-area .post-thumbnail img{
  	height: 54px;
  }
  .zes,.social-links{
    margin: 10px 0;
  }
  #main-menu {
    background: #efc050;
  }
  #main-menu ul li a{
    color: #000;
  }
  #slider .item img {
    height: 230px;
  }
}
 
/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
	.top-header .button1, .top-header .button2 {
    padding: 10px 5px;
    font-size: 12px;
  }
	.logo-image {
    float: none;
  }
	.header-text span, .header-email span {
    font-size: 12px;
  } 
	a.cart-customlocation p.cart-item-box{
		right: 10px;
	}
	#main-menu ul li a{
		padding: 10px;
	}
	#carousel-caption{
  	padding-left: 3%;
  }
	#carousel-caption h1{
		font-size: 30px;
	}
	#carousel-caption h2{
		font-size: 20px;
	}
	#carousel-caption p{
		display: none;
	}
	.course-summary .course-summary-sidebar.slide-top .course-summary-sidebar__inner {
    position:unset !important;
  }
  #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons form,
   #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button{
   	width: 50% !important;
   	position: relative;
    left: 25%;
   }
	#homepage-product .owl-carousel .owl-nav.disabled{
		top: 45px;
	}
	.course-summary .course-summary-sidebar {
    position: unset !important;
  }
	#facilities a.open-video img{
	width: 100% !important;
  }
	#homepage-product .courses-admin .price{
		margin-left: 25%;
	}
	#homepage-product .learpress-content{
		bottom: 13%;
		top: 54%;
	}
	#about-us .image1{
		right: 50%;
	}
	#about-us .image2 {
    position: absolute;
    top: 44%;
    right: 29%
  }
  #counter {
    transform: translateY(-60%);
  }
  #join-us .section-content {
    margin-left: 8%;
    margin-right: 8%;
  }
  #join-us input.wpcf7-form-control.wpcf7-submit{
  	margin-bottom: 50px;
  }
  #counter .counter-text{
  	margin: 10px -5px;
  	padding: 15px 0px;
  }
  #offer h3{
  	font-size: 28px;
  }
  #offer .frontside h4{
  	font-size: 24px;
  }
  #offer .discount{
  	width: 60px;
  	height: 60px;
  }
  #team .owl-carousel .owl-item img{
  	width: auto;
  }
  #team .section-content {
    color: #777777;
    margin-left: 15%;
    margin-right: 15%;
  }
  #team .team-border{
  	right: 35px;
  	left: 35px;
  }
  #team .owl-carousel .owl-nav{
  	bottom: 70px;
  }
  #team .owl-carousel .owl-nav button.owl-next{
  	right: -3%;
  }
  #team .owl-carousel .owl-nav button.owl-prev{
  	left: -3%;
  }
  #testimonial .owl-carousel .owl-item img{
		width: 100%;
	}
	#leatest-news img{
  	height: auto;
  }
  #leatest-news .section-content,#courses .section-content{
  	margin-left: 8%;
  	margin-right: 8%;
  }
  #leatest-news .post-date {
    left: 66%;
    right: 30px;
    top: 1px;
  }
  #newsletter .dashicons{
  	margin-top: 0;
  }
  .contact-info .dashicons {
    display: initial;
  }
  #contact-form .section-2 h2{
  	font-size: 34px;
  }
  #contact-form .section-2 h4 span{
  	font-size: 20px;
  }
  .aks-accordion-item-title{
  	margin-left: 0;
  }
  .aks-accordion h6{
  	margin-right: 35%;
  }
  .aks-accordion-item-content{
  	margin-left: 0;
  }
  #newsletter h3 {
    bottom: 20px;
    font-size: 34px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-submit{
  	padding: 10px 10px;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 92%;
  }
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number,
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  	width: 44%;
  }
  .sidebar-area .course-title{
  	font-size: 17px;
  }
  .sidebar-area .course-description {
    font-size: 14px;
  }
  .sidebar-area .sidebar-widget .title{
  	font-size: 22px;
  }
  .social-links a i{
    margin-right: 6px !important;
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header .button1, .top-header .button2 {
   	padding: 10px 15px;
    font-size: 12px;
  }
  .logo-image img{
    width: 100%;
  }
  a.cart-customlocation p.cart-item-box{
  	right: 20px;
  }
  #main-menu ul li a{
  	padding: 10px 8px;
  }
  #carousel-caption {
    padding-top: 2%;
    padding-left: 3%;
    padding-right: 8%;
  }
  #carousel-caption h2{
  	font-size: 18px;
  }
  #carousel-caption h1{
  	font-size: 30px;
  }
  #counter .counter-text{
  	margin: 30px -5px;
  }
  #homepage-product .courses-admin .price{
  	margin-left: 3%;
  	font-size: 16px;
  }
  #homepage-product .courses-admin p{
  	font-size: 12px;
  }
  #homepage-product .courses-admin{
    top: 90%;
  }
  #homepage-product .owl-carousel .owl-nav.disabled{
    top: 95px;
  }
  #about-us .image2 {
    position: absolute;
    top: 60%;
    right: -10%;
  }
  #counter h5{
  	font-size: 13px;
  }
  #team .section-content{
  	margin-left: 25%;
  	margin-right: 25%;
  }
  #team .owl-carousel .owl-nav button.owl-prev{
  	left: -5%;
  }
  #team .owl-carousel .owl-nav button.owl-next{
  right: -5%;
  }
  #offer .frontside-title{
  	font-size: 24px;
  }
  .discount span{
  	font-size: 13px;
  }
  #offer a.button{
  	font-size: 12px;
  }
  #leatest-news .post-date {
    left: 74%;
    top: 2px;
  }
  #newsletter h3{
  	position: relative;
  	bottom: 15px;
  }
  #leatest-news img{
  	height: auto;
  }
  .aks-accordion h6{
  	margin-right: 45%;
  }
  .aks-accordion-item-content{
  	margin-left: 40px;
  }
  #contact-form .section-2 h4{
  	font-size: 16px;
  }
  #facilities .content-scroll {
    overflow-y: auto;
    height: 300px;
  }
  #facilities figure {
    height: 100%;
  }
  #facilities a.open-video img {
    height: 100%;
    width: 100%;
  }
  .video-section {
    width: 100%;
    height: 100%;
  }
  #team .owl-carousel .owl-nav button.owl-prev{
    left: -20px;
  }
  #team .owl-carousel .owl-nav button.owl-next{
    right: -20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1550px){
  #team .owl-carousel .owl-nav button.owl-prev{
    left: 0;
  }
  #team .owl-carousel .owl-nav button.owl-next{
    right: 0;
  }
}