/* ----------------------------------

Template Name: Edukat - Education and LMS Template
Author: validtheme
Description:
Version: 1.2

Main Font    : Nunito
Main Color   : #FF1949

-------------------------------------

Table of contents
        
    01. Template default css
    02. Navbar
        - Navbar Default
        - Navbar Sticky
        - Navbar Transparent
        - Navbar With Topbar
    03. Banner
        - Banner Carousel
        - Banner Default
    04. Features
    05. About Area
    06. Category
        - Carousel Version
        - Multi Color Version
        - Category With Sidebar
    07. Why Choose Us
    08. Why Learn From Here
    09. Our Facilities
    10. Scholarship
    11. Courses
        - Grid Version
        - Carousel Version
        - Course Single
    12. Event
        - Grid Version
        - Width Version
    13. Register Area
    14. Testimonials
    15. Advisor
        - Grid Version
        - Carousel Version
        - Advisor Single
    16. Fun Factor
    17. Partner Area
    18. Campus Video
    19. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
        - Single
    20. Concat Area
    21. Error 404
    22. Footer
    23. PHP Contact Form
    24. Others

*/


/*
** General Styles for HTML tags
*/

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

* {
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.containerheader {
  font-family: 'Manrope', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
 
 
  background-color: #ffffff;
  color: #666666;
}

html, body, .wrapper {
  height: 100%;
}
.containerheader {
	/* Default CSS */
	/* Gradient Button */
	/* Navbar */
	/* =================================== # Shape ====================================== */
	/* ============================================================== # Bradcrumb =================================================================== */
	/* ============================================================== # Topbar Area =================================================================== */
}
.no-js #loader {
	display: none;
  }
  
  .js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
  }
  
  .se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: url(assets/img/preloader.gif) center no-repeat #ffffff;
	text-align: center;
  }
 .containerheader h1, .containerheader h2, .containerheader h3, .containerheader h4, .containerheader h5, .containerheader h6 {
	 color: #232323;
	 font-weight: normal;
	 line-height: 1.2;
	 font-family: 'Manrope', sans-serif;
	 letter-spacing: 0;
	 margin: 0;
}
 .containerheader h1, .containerheader h2, .containerheader h3, .containerheader h4, .containerheader h5, .containerheader h6 {
	 margin-bottom: 15px;
}
 .containerheader h1 {
	 font-size: 40px;
}
 .containerheader h2 {
	 font-size: 36px;
}
 .containerheader h3 {
	 font-size: 27px;
}
 .containerheader h4 {
	 font-size: 20px;
}
 .containerheader h5 {
	 font-size: 16px;
}
 .containerheader h6 {
	 font-size: 14px;
}
 .containerheader img {
	 border: none;
	 outline: none;
	 max-width: 100%;
}
 .containerheader label {
	 display: inline-block;
	 font-weight: normal;
	 margin-bottom: 5px;
	 max-width: 100%;
}
 .containerheader a, .containerheader .btn, .containerheader button {
	 transition: all 0.35s ease-in-out;
	 -webkit-transition: all 0.35s ease-in-out;
	 -moz-transition: all 0.35s ease-in-out;
	 -ms-transition: all 0.35s ease-in-out;
	 -o-transition: all 0.35s ease-in-out;
	 outline: medium none;
}
 .containerheader a img, .containerheader iframe {
	 border: none;
}
 .containerheader p {
	 color: #666;
	 margin: 0 0 15px;
	 text-transform: none;
	 font-weight: 400;
}
 .containerheader hr {
	 margin-top: 0;
	 margin-bottom: 0;
	 border: 0;
	 border-top: 1px solid #eee;
}
 .containerheader pre {
	 display: block;
	 margin: 0 0 30px;
	 padding: 9.5px;
	 word-wrap: break-word;
	 word-break: break-all;
	 color: #333;
	 border: 1px solid #ededed;
	 border-radius: inherit;
	 background-color: #f9f9f9;
	 font-size: 13px;
	 line-height: 1.42857143;
}
 .containerheader input:focus, .containerheader textarea:focus, .containerheader select:focus {
	 outline: none;
	 box-shadow: inherit;
}
 .containerheader ul {
	 margin: 0;
	 list-style-type: none;
}
 .containerheader a, .containerheader a:active, .containerheader a:focus, .containerheader a:hover {
	 outline: none;
	 text-decoration: none;
	 color: #232323;
}
 .containerheader a:hover {
	 color: #232323;
}
 .containerheader a {
	 transition: all 0.35s ease-in-out;
	 -webkit-transition: all 0.35s ease-in-out;
	 -moz-transition: all 0.35s ease-in-out;
	 -ms-transition: all 0.35s ease-in-out;
	 -o-transition: all 0.35s ease-in-out;
	 text-decoration: none;
	 font-family: 'Manrope', sans-serif;
	 font-weight: 700;
}
 .containerheader b, .containerheader strong {
	 font-weight: 900;
}
 .containerheader .btn.active, .containerheader .btn:active {
	 background-image: inherit !important;
}
 .containerheader .btn.focus, .containerheader .btn:active:focus, .containerheader .btn:active:hover, .containerheader .btn:focus, .containerheader .btn:hover {
	 outline: 0;
}
 .containerheader .btn.circle {
	 -webkit-border-radius: 40px;
	 -moz-border-radius: 40px;
	 border-radius: 40px;
}
 .containerheader .btn.active, .containerheader .btn:active {
	 outline: 0;
	 -webkit-box-shadow: inherit;
	 box-shadow: inherit;
}
 .containerheader input {
	 border: 1px solid #e7e7e7;
	 border-radius: inherit;
	 box-shadow: inherit;
	 min-height: 50px;
}
 .containerheader a.more-btn {
	 text-transform: uppercase;
	 font-weight: 800;
	 position: relative;
	 z-index: 1;
	 padding-right: 40px;
}
 .containerheader a.more-btn:hover {
	 color: #ff1949;
}
 .containerheader a.more-btn::after {
	 position: absolute;
	 top: 50%;
	 right: 0;
	 content: "";
	 height: 2px;
	 width: 30px;
	 background: #ff1949;
	 margin-top: -1px;
}
 .containerheader .container-medium {
	 padding: 0 15px;
	 margin: auto;
	 max-width: 1400px;
}
 .containerheader .container-full {
	 padding: 0 15px;
	 margin: auto;
	 max-width: 1400px;
}
 @media (min-width: 576px) {
	 .containerheader .container-medium {
		 max-width: 540px;
	}
}
 @media (min-width: 768px) {
	 .containerheader .container-medium {
		 max-width: 720px;
	}
}
 @media (min-width: 992px) {
	 .containerheader .container-medium {
		 max-width: 960px;
	}
}
 @media (min-width: 1200px) {
	 .containerheader .container-medium {
		 max-width: 1400px;
		 width: 80%;
	}
}
 @media (min-width: 576px) {
	 .containerheader .container-full {
		 max-width: 540px;
	}
}
 @media (min-width: 768px) {
	 .containerheader .container-full {
		 max-width: 720px;
	}
}
 @media (min-width: 992px) {
	 .containerheader .container-full {
		 max-width: 960px;
	}
}
 @media (min-width: 1200px) {
	 .containerheader .container-full {
		 max-width: 1400px;
		 width: 90%;
	}
}
 .containerheader .fixed-bg {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 height: 100%;
	 width: 100%;
}
 .containerheader .bg-cover {
	 background-position: center center;
	 background-size: cover;
}
 .containerheader .bg-bottom-center {
	 background-repeat: no-repeat;
	 background-position: bottom center;
	 background-size: cover;
}
 .containerheader .bg-contain {
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-size: contain;
}
 .containerheader .bg-fixed {
	 background-attachment: fixed;
	 background-position: center top;
	 background-size: cover;
}
 .containerheader .bg-gray {
	 background-color: #f3f7fd;
}
 .containerheader .bg-theme-small {
	 background-color: #edf5ff;
}
 .containerheader .bg-light {
	 background-color: #fff;
}
 .containerheader .bg-theme {
	 background-color: #ff1949;
}
 .containerheader .bg-light-gradient {
	 background: linear-gradient(90deg, rgba(244, 247, 252, 1) 36%, rgba(255, 255, 255, 1) 100%);
}
 .containerheader .gradient-bg {
	 background-image: linear-gradient(90deg, rgba(2, 59, 166, 1) 0%, rgba(67, 126, 235, 1) 100%);
	 background-color: #ff1949;
}
 .containerheader .container-md {
	 width: 90%;
	 margin: auto;
	 position: relative;
}
 .containerheader .text-italic {
	 font-style: italic;
}
 .containerheader .text-light h1, .containerheader .text-light h2, .containerheader .text-light h3, .containerheader .text-light h4, .containerheader .text-light h5, .containerheader .text-light h6, .containerheader .text-light p, .containerheader .text-light a {
	 color: #fff;
}
 .containerheader .shadow {
	 position: relative;
	 z-index: 1;
	 box-shadow: inherit !important;
}
 .containerheader .shadow.dark::after {
	 background: #000 none repeat scroll 0 0;
	 content: "";
	 height: 100%;
	 left: 0;
	 opacity: 0.5;
	 position: absolute;
	 top: 0;
	 width: 100%;
	 z-index: -1;
}
 .containerheader .shadow.dark-hard::after {
	 background: #000 none repeat scroll 0 0;
	 content: "";
	 height: 100%;
	 left: 0;
	 opacity: 0.6;
	 position: absolute;
	 top: 0;
	 width: 100%;
	 z-index: -1;
}
 .containerheader .shadow.light::after {
	 background: #fff none repeat scroll 0 0;
	 content: "";
	 height: 100%;
	 left: 0;
	 opacity: 0.3;
	 position: absolute;
	 top: 0;
	 width: 100%;
	 z-index: -1;
}
 .containerheader .shadow.theme::after {
	 background: #ff1949 none repeat scroll 0 0;
	 content: "";
	 height: 100%;
	 left: 0;
	 opacity: 0.5;
	 position: absolute;
	 top: 0;
	 width: 100%;
	 z-index: -1;
}
 .containerheader .shadow.theme-hard::after {
	 background: #ff1949 none repeat scroll 0 0;
	 content: "";
	 height: 100%;
	 left: 0;
	 opacity: 0.7;
	 position: absolute;
	 top: 0;
	 width: 100%;
	 z-index: -1;
}
 .containerheader .shadow.mixed::after {
	 position: absolute;
	 left: 0;
	 top: 0;
	 content: "";
	 height: 100%;
	 width: 100%;
	 background: rgba(0, 0, 0, 0) linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 33, 71, 0.8) 100%) repeat scroll 0 0;
	 z-index: -1;
	 opacity: 0.7;
}
 .containerheader .default-padding, .containerheader .default-padding-top, .containerheader .default-padding-bottom {
	 position: relative;
}
 .containerheader .default-padding {
	 padding-top: 120px;
	 padding-bottom: 120px;
}
 .containerheader .default-padding-top {
	 padding-top: 120px;
}
 .containerheader .default-padding-bottom {
	 padding-bottom: 120px;
}
 .containerheader .default-padding.bottom-less {
	 padding-top: 120px;
	 padding-bottom: 90px;
}
 .containerheader .default-padding-bottom.bottom-less {
	 margin-bottom: -30px;
}
 .containerheader .default-padding-top.bottom-less {
	 margin-bottom: -30px;
}
 .containerheader .default-padding.bottom-30 {
	 padding-top: 120px;
	 padding-bottom: 30px;
}
 .containerheader .default-padding.bottom-20 {
	 padding-top: 120px;
	 padding-bottom: 20px;
}
 .containerheader .padding-xl {
	 padding-top: 180px;
	 padding-bottom: 180px;
}
 .containerheader .top-border {
	 border-top: 1px solid #e7e7e7;
}
 .containerheader .align-center {
	 align-items: center;
}
 .containerheader .btn {
	 display: inline-block;
	 font-family: 'Manrope', sans-serif;
	 font-size: 14px;
	 font-weight: 800;
	 line-height: 25px;
	 text-transform: uppercase;
	 -webkit-transition: all 0.35s ease-in-out;
	 -moz-transition: all 0.35s ease-in-out;
	 -ms-transition: all 0.35s ease-in-out;
	 -o-transition: all 0.35s ease-in-out;
	 transition: all 0.35s ease-in-out;
	 letter-spacing: 1px;
	 overflow: hidden;
	 border-radius: 5px;
}
 .containerheader .btn.btn-icon i {
	 font-size: 50px;
	 align-items: center;
	 float: left;
	 margin-right: 10px;
}
 .containerheader .btn.btn-icon {
	 padding: 0;
	 line-height: 50px;
}
 .containerheader .btn.btn-icon:hover {
	 color: #fff;
}
 .containerheader .btn-md {
	 padding: 15px 40px;
}
 .containerheader .btn-sm {
	 padding: 10px 35px;
	 font-size: 12px;
}
 .containerheader .btn.btn-sm-pro {
	 font-size: 10px;
	 font-weight: 600;
	 margin-top: 5px;
	 padding: 4px 35px;
	 display: inline-block;
}
 .containerheader .btn-border-light {
	 border: 2px solid #fff;
}
 .containerheader .btn.btn-sm-pro.btn-border-light:hover, .containerheader .btn.btn-sm-pro.btn-border-light:focus {
	 background-color: #fff;
	 color: #232323;
	 border: 2px solid #fff;
}
 .containerheader .btn-dark {
	 background-color: #232323;
	 color: #fff;
	 border: 2px solid #232323;
}
 .containerheader .btn-dark.border {
	 background-color: transparent;
	 color: #232323;
	 border: 2px solid #232323 !important;
}
 .containerheader .btn-dark.border:hover {
	 background-color: #232323;
	 color: #fff !important;
	 border: 2px solid #232323 !important;
}
 .containerheader .btn-gray.border {
	 background-color: transparent;
	 color: #ff1949;
	 border: 2px solid #e7e7e7 !important;
}
 .containerheader .btn-gray.border:hover {
	 background-color: #ff1949;
	 color: #fff !important;
	 border: 2px solid #ff1949 !important;
}
 .containerheader .btn-gray.effect {
	 background: #fafafa;
	 border: 1px solid #e7e7e7 !important;
}
 .containerheader .btn.btn-light {
	 background: #fff none repeat scroll 0 0;
	 border: 2px solid #fff;
	 color: #232323;
}
 .containerheader .btn.btn-light:hover, .containerheader .btn.btn-light:focus {
	 background: transparent none repeat scroll 0 0;
	 border: 2px solid #fff;
	 color: #fff;
}
 .containerheader .btn.btn-light.effect:hover, .containerheader .btn.btn-light.effect:focus {
	 background-color: #ff1949;
	 color: #fff !important;
	 border: 2px solid #ff1949;
}
 .containerheader .btn.btn-light.border {
	 background: transparent;
	 border: 2px solid #fff !important;
	 color: #fff;
}
 .containerheader .btn.btn-light.border:hover {
	 background: #fff none repeat scroll 0 0 !important;
	 border: 2px solid #fff !important;
	 color: #232323 !important;
}
 .containerheader .btn-standard {
	 display: inline-block;
	 text-align: center;
	 color: #ff1949;
	 position: relative;
	 margin-top: 15px;
	 border: 1px solid #e7e7e7;
	 padding: 10px 30px;
	 text-transform: capitalize;
	 border-radius: 30px;
	 font-weight: 800;
}
 .containerheader .btn-standard.md {
	 padding: 13px 45px;
}
 .containerheader .btn-standard i {
	 display: inline-block;
	 height: 35px;
	 width: 35px;
	 line-height: 35px;
	 text-align: center;
	 color: #ff1949;
	 font-size: 15px;
	 border-radius: 50%;
	 position: relative;
	 box-shadow: 0 0 10px #ccc;
	 z-index: 1;
	 margin-right: 5px;
	 background: #fff;
}
 .containerheader .bg-theme .btn-standard:hover, .containerheader .bg-dark .btn-standard:hover, .containerheader .bg-gradient .btn-standard:hover, .containerheader .shadow .btn-standard:hover {
	 background: #fff;
	 color: #ff1949;
}
 .containerheader .btn-dark:hover, .containerheader .btn-dark:focus {
	 color: #232323 !important;
	 background: transparent;
}
 .containerheader .bg-dark {
	 background: #111d30 !important;
}
 .containerheader .bg-dark-hard {
	 background: #08111e;
}
 .containerheader .bg-gradient {
	 background-image: linear-gradient(97deg, rgba(203, 1, 43, 1) 36%, rgba(255, 25, 73, 1) 100%);
	 background-color: #ff1949;
}
 .containerheader .bg-gradient-light {
	 background-image: linear-gradient(90deg, rgba(244, 247, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
 .containerheader .btn-theme {
	 background-color: #ff1949;
	 color: #fff !important;
	 border: 2px solid #ff1949;
}
 .containerheader .btn-theme.border {
	 background-color: transparent;
	 color: #ff1949 !important;
	 border: 2px solid #ff1949;
}
 .containerheader .btn-theme.border:hover {
	 background-color: #ff1949;
	 color: #fff !important;
	 border: 2px solid #ff1949;
}
 .containerheader .btn-theme.effect:hover, .containerheader .btn-theme.effect:focus {
	 background: #ff1949 none repeat scroll 0 0;
	 border: 2px solid #ff1949;
	 color: #fff;
}
 .containerheader .btn.btn-sm-lm {
	 font-size: 12px;
	 padding: 4px 35px;
}
 .containerheader .bg-theme a.btn-theme.btn:hover, .containerheader .bg-theme a.btn-theme.btn:focus {
	 border: 2px solid #fff;
	 color: #fff;
}
 .containerheader .btn-gradient {
	 position: relative;
	 z-index: 1;
	 color: #fff;
}
 .containerheader .btn-gradient:hover {
	 color: #fff;
}
 .containerheader .btn-gradient::after {
	 position: absolute;
	 left: 0;
	 top: 0;
	 content: "";
	 height: 100%;
	 width: 100%;
	 background: linear-gradient(90deg, rgba(212, 4, 47, 1) 0%, rgba(255, 25, 73, 1) 75%);
	 transition: all 0.35s ease-in-out;
	 z-index: -1;
	 box-shadow: 0 0 10px rgba(255, 136, 0, 0.5), inset 0 0 1px 1px #ff1949;
}
 .containerheader .btn i {
	 font-size: 12px;
}
 .containerheader .btn-gradient i {
	 display: inline-block;
	 height: 30px;
	 width: 30px;
	 line-height: 28px;
	 background: rgba(255, 255, 255, 0.1);
	 color: #fff;
	 font-size: 10px;
	 border-radius: 50%;
	 margin-left: 5px;
	 border: 1px dashed rgba(255, 255, 255, 0.8);
}
 .containerheader .btn-gradient.icon-normal i {
	 border: none;
	 background: transparent;
	 font-size: 20px;
	 line-height: inherit;
	 position: relative;
	 top: 2px;
	 margin-right: 0;
	 height: auto;
	 width: auto;
}
 .containerheader .btn-gradient.icon-left i {
	 margin-left: 0;
	 margin-right: 5px;
}
 .containerheader .inc-icon i {
	 display: inline-block;
	 height: 30px;
	 width: 30px;
	 line-height: 28px;
	 background: rgba(255, 255, 255, 0.1);
	 color: #fff;
	 font-size: 10px;
	 border-radius: 50%;
	 margin-left: 5px;
	 border: 1px dashed rgba(255, 255, 255, 0.5);
}
 .containerheader .btn-gradient {
	 padding: 17px 40px;
}
 .containerheader .btn-gradient.btn-sm {
	 padding: 12px 30px;
}
 .containerheader .btn.btn-transparent.border {
	 border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
 .containerheader .btn.btn-transparent.border:hover {
	 border: 1px solid rgba(255, 255, 255, 0.5) !important;
	 background: rgba(255, 255, 255, 0.07);
	 color: #fff !important;
}
 .containerheader .relative {
	 position: relative;
}
 .containerheader .btn-simple.md {
	 padding: 15px 60px;
}
 .containerheader .btn-simple.light {
	 background: #fff;
}
 .containerheader .btn-simple {
	 display: inline-block;
	 border: 1px solid #e7e7e7;
	 padding: 10px 40px;
	 border-radius: 30px;
	 color: #ff1949;
	 font-weight: 700;
	 position: relative;
	 z-index: 1;
	 overflow: hidden;
}
 .containerheader a.btn-simple.md.light {
	 color: #ff1949;
}
 .containerheader a.btn-simple.md.light:hover {
	 color: #fff;
}
 .containerheader .btn-simple:after {
	 background: linear-gradient(90deg, rgba(67, 126, 235, 1) 0%, rgba(30, 85, 189, 1) 100%);
	 color: #fff;
	 border-color: transparent;
	 position: absolute;
	 left: -100%;
	 top: 0;
	 content: "";
	 height: 100%;
	 width: 100%;
	 z-index: -1;
	 transition: all 0.25s ease-in-out;
}
 .containerheader .btn-simple:hover {
	 color: #fff;
}
 .containerheader .btn-simple:hover::after {
	 left: 0;
}
 .containerheader .bg-fixed {
	 background-attachment: fixed;
	 background-position: center center;
	 background-size: cover;
}
 .containerheader .bg-cover {
	 background-position: center center;
	 background-size: cover;
}
 .containerheader .overflow-hidden {
	 overflow: hidden;
}
 .containerheader .less-margin {
	 margin: 0;
}
 .containerheader button, .containerheader button:focus {
	 border: none !important;
	 box-shadow: inherit !important;
	 outline: inherit !important;
}
 .containerheader header {
	 position: relative;
}
 .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background {
	 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
 .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
	 position: relative;
	 z-index: 1;
	 margin-left: 3px;
}
 .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
	 border: medium none;
}
 .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
	 background: #fff none repeat scroll 0 0;
	 bottom: -2px;
	 content: "";
	 height: 3px;
	 left: 0;
	 position: absolute;
	 width: 0;
	 -webkit-transition: all 0.35s ease-in-out;
	 -moz-transition: all 0.35s ease-in-out;
	 -ms-transition: all 0.35s ease-in-out;
	 -o-transition: all 0.35s ease-in-out;
	 transition: all 0.35s ease-in-out;
}
 .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after, .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
	 width: 100%;
}
 .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after, .containerheader header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
	 width: 0;
}
 .containerheader .attr-nav .social.right li {
	 margin-left: 20px;
}
 .containerheader .attr-nav .social li a {
	 font-size: 16px;
}
 .containerheader nav.bootsnav.navbar-default.info-topbar .navbar-header {
	 display: none;
}
 .containerheader nav.bootsnav.navbar-default.info-topbar ul li a {
	 margin-right: 30px;
	 padding: 35px 0;
}
 .containerheader nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
	 margin-right: 0;
	 padding: 35px 20px;
}
 .containerheader .attr-nav > a.btn-theme.effect:hover, .containerheader .attr-nav > a.btn-theme.effect, .containerheader .attr-nav > a.btn-theme.effect:focus {
	 background: #ff1949 none repeat scroll 0 0;
	 border: 2px solid #ff1949;
	 color: #fff !important;
}
 .containerheader nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
	 margin-right: 30px;
	 padding: 35px 0;
}
 .containerheader .attr-nav.social li {
	 display: inline-block;
	 padding: 25px 0 !important;
	 transition: all 0.35s ease-in-out;
	 -webkit-transition: all 0.35s ease-in-out;
	 -moz-transition: all 0.35s ease-in-out;
	 -ms-transition: all 0.35s ease-in-out;
	 -o-transition: all 0.35s ease-in-out;
}
 .containerheader .attr-nav.social li a {
	 border: 1px solid #f4f4f4;
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 border-radius: 50%;
	 color: #ff1949;
	 display: inline-block;
	 font-size: 14px;
	 height: 40px;
	 line-height: 40px;
	 margin-left: 10px;
	 padding: 0 !important;
	 text-align: center;
	 width: 40px;
}
 .containerheader nav.navbar.bootsnav.sticked .attr-nav.social li {
	 display: inline-block;
	 padding: 20px 0 !important;
}
 .containerheader .site-heading h2 {
	 display: block;
	 font-weight: 800;
	 padding-bottom: 20px;
	 margin-bottom: 0;
	 position: relative;
	 line-height: 1.4;
}
 .containerheader .site-heading.less-info h2 {
	 margin-bottom: 0;
}
 .containerheader .site-heading h5 {
	 color: #666;
	 font-weight: 800;
	 text-transform: uppercase;
	 display: inline-block;
	 position: relative;
	 overflow: inherit;
}
 .containerheader .bg-dark .site-heading h5 {
	 color: #ccc;
}
 .containerheader .site-heading.clean h2 {
	 padding-bottom: 0;
}
 .containerheader .site-heading.clean h2 span {
	 color: #f1cf69;
}
 .containerheader .site-heading h2 span {
	 color: #f1cf69;
}
 .containerheader .site-heading.barber h2 span {
	 color: #bc9355;
}
 .containerheader .site-heading p {
	 margin: 0;
	 margin-top: 20px;
	 padding: 0 7%;
}
 .containerheader .site-heading h2::before {
	 background: #ff1949 none repeat scroll 0 0;
	 bottom: 0;
	 content: "";
	 height: 2px;
	 left: 50%;
	 margin-left: -25px;
	 position: absolute;
	 width: 40px;
}
 .containerheader .site-heading h2::after {
	 background: #ff1949 none repeat scroll 0 0;
	 bottom: 0;
	 content: "";
	 height: 2px;
	 left: 50%;
	 margin-left: 20px;
	 position: absolute;
	 width: 5px;
}
 .containerheader .site-heading.text-left h2::before {
	 left: 0;
	 margin-left: 0;
}
 .containerheader .site-heading.text-left h2::after {
	 left: 45px;
	 margin-left: 0;
}
 .containerheader .shadow .site-heading h2, .containerheader .shadow .site-heading p {
	 color: #fff;
}
 .containerheader .bg-theme .site-heading h2::before, .containerheader .shadow .site-heading h2::before {
	 background: #fff none repeat scroll 0 0;
}
 .containerheader .site-heading h2 span {
	 color: #f1cf69;
}
 .containerheader .site-heading {
	 margin-bottom: 60px;
	 margin-top: -5px;
}
 .containerheader .heading-left {
	 margin-bottom: 60px;
}
 .containerheader .heading-left h2 {
	 margin: 0;
	 font-weight: 700;
	 margin-top: -8px;
	 font-size: 36px;
}
 .containerheader .heading-left h5 {
	 text-transform: uppercase;
	 color: #666;
	 font-weight: 800;
	 margin-bottom: 25px;
	 display: inline-block;
	 z-index: 1;
	 position: relative;
	 padding-bottom: 24px;
}
 .containerheader .heading-left h5::after {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 content: "";
	 height: 2px;
	 width: 50px;
	 background: #ff1949;
	 z-index: -1;
}
 .containerheader .heading-left p {
	 margin-top: -8px;
	 margin-bottom: 25px;
}
 .containerheader .carousel-shadow .owl-stage-outer {
	 margin: -15px;
	 padding: 15px;
}
 @media only screen and (min-width: 1100px) {
	 .containerheader .left-border::before {
		 position: absolute;
		 left: -30px;
		 top: -1%;
		 content: "";
		 height: 102%;
		 width: 100px;
		 background: #f4f7fc;
		 z-index: -1;
		 border-radius: 50px;
	}
	 .containerheader .bg-gray.left-border::before {
		 background: #fff;
	}
	 .containerheader .right-border::before {
		 position: absolute;
		 right: -30px;
		 top: -1%;
		 content: "";
		 height: 102%;
		 width: 100px;
		 background: #f4f7fc;
		 z-index: -1;
		 border-radius: 50px;
	}
	 .containerheader .bg-gray.right-border::before {
		 background: #fff;
	}
}
 .containerheader .fa-clock, .containerheader .fa-calendar-alt, .containerheader .fas.fa-user {
	 font-weight: 500;
}
 .containerheader .shape {
	 position: relative;
	 z-index: 1;
}
 .containerheader .side-bg {
	 height: 100%;
	 position: absolute;
	 left: -30px;
	 top: 0;
	 width: 30%;
}
 .containerheader .side-bg img {
	 left: 0;
	 position: absolute;
	 top: 60px;
	 opacity: 0.7;
}
 .containerheader .side-bg.right {
	 height: 100%;
	 position: absolute;
	 right: -30px;
	 left: auto;
	 top: 0;
	 width: 30%;
}
 .containerheader .side-bg.right img {
	 right: 0;
	 left: auto;
	 position: absolute;
	 top: 60px;
	 opacity: 0.7;
}
 .containerheader .triangle-shape::after {
	 position: absolute;
	 right: 10%;
	 top: 15%;
	 content: "";
	 height: 700px;
	 width: 500px;
	 background: #dce8ff;
	 z-index: -1;
	 transform: rotate(110deg);
	 border-radius: 50px;
	 opacity: 0.5;
}
 .containerheader .wavesshape-bottom .waveshape {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 height: 100%;
	 width: 100%;
	 z-index: -1;
	 background-position: center bottom;
}
 .containerheader .wavesshape-bottom .waveshape img {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
}
 .containerheader .wavesshape-bottom .waveshape.less-opacity img {
	 opacity: 0.007;
}
 .containerheader .rectangular-shape::after {
	 position: absolute;
	 right: 0;
	 bottom: 50px;
	 content: "";
	 height: 600px;
	 width: 600px;
	 background: #ff1949;
	 z-index: -1;
	 opacity: 0.08;
	 clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	 transform: rotate(90deg);
}
 .containerheader .rectangular-shape.shape-margin-right::after {
	 right: -200px;
	 bottom: auto;
	 top: 40px;
}
 .containerheader .circular-shape::after {
	 position: absolute;
	 right: 30px;
	 top: 150px;
	 height: 500px;
	 width: 500px;
	 border: 50px solid #ff1949;
	 content: "";
	 z-index: -1;
	 opacity: 0.07;
	 border-radius: 50%;
}
 .containerheader .border-shape::before {
	 position: absolute;
	 right: 30px;
	 top: 150px;
	 height: 500px;
	 width: 500px;
	 border: 2px dashed #e7e7e7;
	 content: "";
	 z-index: -1;
	 opacity: 1;
	 border-radius: 50%;
	 animation: rotate-animation 25s infinite linear;
}
 .containerheader .fixed-shape-bottom {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 width: 100%;
}
 .containerheader .fixed-shape-bottom img {
	 width: 100%;
}
 .containerheader .breadcrumb-area {
	 padding-top: 150px;
	 padding-bottom: 150px;
	 overflow: hidden;
	 position: relative;
	 z-index: 1;
}
 .containerheader .breadcrumb-area .fixed-bg {
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 background-repeat: no-repeat;
	 background-position: center;
}
 .containerheader .breadcrumb-area .fixed-bg img {
	 width: 100%;
	 position: absolute;
	 left: 0;
	 bottom: -10px;
}
 .containerheader .breadcrumb-area h1 {
	 font-weight: 700;
	 text-transform: capitalize;
	 font-size: 40px;
}
 .containerheader .breadcrumb-area .breadcrumb {
	 background: transparent none repeat scroll 0 0;
	 display: inline-block;
	 margin: 0;
	 padding: 0;
	 position: relative;
	 z-index: 1;
}
 .containerheader .page-title-area {
	 padding: 150px 0;
}
 .containerheader .page-title-area h1 {
	 display: block;
	 font-weight: 600;
	 text-transform: uppercase;
	 margin-top: -10px;
	 margin-bottom: 0;
}
 .containerheader .breadcrumb-area .breadcrumb li::after {
	 content: "";
	 position: absolute;
	 top: 8px;
	 right: -8px;
	 height: 15px;
	 width: 2px;
	 transform: rotate(26deg);
	 background: #fff;
}
 .containerheader .breadcrumb-area .breadcrumb li i {
	 margin-right: 5px;
}
 .containerheader .breadcrumb-area .breadcrumb li {
	 padding: 0;
	 position: relative;
	 z-index: 1;
	 margin: 0 5px;
	 padding: 0 7px;
}
 .containerheader .breadcrumb-area .breadcrumb li:last-child::after {
	 display: none;
}
 .containerheader .breadcrumb-area .breadcrumb a, .containerheader .breadcrumb-area .breadcrumb li {
	 font-weight: 700;
	 text-transform: uppercase;
	 display: inline-block;
	 color: #fff;
}
 .containerheader .breadcrumb-area .breadcrumb li.active {
	 color: #fff;
}
 .containerheader .top-bar-area {
	 padding: 10px 0;
}
 .containerheader .top-bar-area .left-info {
	 text-align: left;
}
 .containerheader .top-bar-area .left-info li {
	 margin-right: 20px;
}
 .containerheader .top-bar-area .right-info {
	 text-align: right;
}
 .containerheader .top-bar-area .item-flex {
	 display: flex;
	 align-items: center;
}
 .containerheader .top-bar-area .right-info .item-flex {
	 justify-content: flex-end;
}
 .containerheader .top-bar-area .font-weight-normal a {
	 font-weight: 400;
}
 .containerheader .top-bar-area li {
	 display: inline-block;
}
 .containerheader .top-bar-area li i {
	 margin-right: 7px;
}
 .containerheader .top-bar-area .list li i {
	 color: #f2ae49;
}
 .containerheader .top-bar-area .list li, .containerheader .top-bar-area .list li a {
	 font-weight: 600;
}
 .containerheader .top-bar-area .list li a:hover {
	 color: #f2ae49 ;
}
 .containerheader .top-bar-area.inc-border {
	 border-bottom: 1px solid #e7e7e7;
}
 .containerheader .top-bar-area .social a {
	 display: inline-block;
	 margin-left: 20px;
}
 .containerheader .top-bar-area .right-info .social a {
	 margin-left: 0;
	 margin-right: 20px;
}
 .containerheader .top-bar-area .social i {
	 margin: 0;
}
 .containerheader .top-bar-area .social li.facebook a {
	 color: #3b5998;
}
 .containerheader .top-bar-area .social li.twitter a {
	 color: #1da1f2;
}
 .containerheader .top-bar-area .social li.pinterest a {
	 color: #bd081c;
}
 .containerheader .top-bar-area .social li.g-plus a {
	 color: #db4437;
}
 .containerheader .top-bar-area .social li.linkedin a {
	 color: #0077b5;
}
 .containerheader .top-bar-area.bg-dark .social a {
	 color: #fff;
}
 .containerheader .top-bar-area .right-info .button a {
	 margin-left: 10px;
	 display: inline-block;
	 position: relative;
	 padding-left: 10px;
	 color: #666;
}
 .containerheader .top-bar-area.transparent .right-info .button a {
	 color: #fff !important;
	 font-weight: 700;
}
 .containerheader .top-bar-area.bg-dark .right-info .button a {
	 color: #fff;
}
 .containerheader .top-bar-area .right-info .button a:first-child, .containerheader .top-bar-area .right-info .button a:hover {
	 color: #ff1949;
}
 .containerheader .top-bar-area .right-info .button a i {
	 margin-right: 5px;
}
 .containerheader .top-bar-area .right-info .button a::after {
	 position: absolute;
	 left: -5px;
	 top: 0;
	 content: "/";
	 height: 15px;
	 width: 1px;
}
 .containerheader .top-bar-area .right-info .button a:first-child::after {
	 display: none;
}
 .containerheader .top-bar-area .item-flex .language-switcher .dropdown-toggle {
	 background: transparent;
	 border: none;
	 color: #666;
	 font-weight: 500;
	 font-size: 14px;
	 letter-spacing: 1px;
	 text-transform: capitalize;
}
 .containerheader .top-bar-area .item-flex .language-switcher .dropdown-toggle img {
	 height: 35px;
	 width: 35px;
	 border: 2px solid #e7e7e7;
	 border-radius: 50%;
	 padding: 3px;
}
 .containerheader .top-bar-area .item-flex.border-less .language-switcher .dropdown-toggle {
	 color: #fff;
}
 .containerheader .top-bar-area .item-flex.border-less .language-switcher img {
	 padding: 3px;
	 box-shadow: 0 0 10px #ccc;
	 border-radius: 50%;
	 height: 45px;
	 width: 45px;
}
 .containerheader .top-bar-area .item-flex .language-switcher .dropdown-toggle li {
	 display: block;
}
 .containerheader .top-bar-area .item-flex .language-switcher .dropdown-menu li {
	 display: block;
	 padding: 0;
	 border-bottom: 1px solid #e7e7e7;
}
 .containerheader .top-bar-area .item-flex .language-switcher .dropdown-menu li:last-child {
	 border: none;
}
 .containerheader .top-bar-area .item-flex .language-switcher .dropdown-menu {
	 margin: 0;
	 min-width: 200px;
	 border-radius: inherit;
	 border: 1px solid #e7e7e7;
	 top: 10px !important;
}
 .containerheader .top-bar-area .item-flex .language-switcher .dropdown-menu li a {
	 padding: 7px 15px;
	 text-transform: capitalize;
	 display: block;
	 font-weight: 600;
}
 .containerheader .language-switcher span {
	 font-size: 12px;
}
 .containerheader .top-bar-area.transparent {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 z-index: 9;
	 padding: 30px 0;
}
 
 /* new by me */
.list2mobile li{

	padding: 13px 0 !important;
	border-bottom: solid 1px #e0e0e0;
}
.list2mobile i{
	margin-right: 8px;
}
.list2mobile a.dropdown-item.d-flex.align-items-center{
	justify-content: end;
	margin-top: 7px;
}
div#navbar-menu {
    margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) 
	{
		.list2mobile{
			
			display: none !important;
}
#fixedheader-adl{
	position: fixed;right: 0;left: 0;z-index: 9999999999999;
}
#navbarpadding{
	padding-top: 47px;
}
}
.collapse {
    visibility: visible !important;
}
@media screen and (max-width: 575px) and (min-width: 320px) {
.container {
     max-width: none !important;
}}
/*
body:has(div.tw47-bg-wholepageconnected){
	padding-right: 0px !important;
	overflow: scroll !important;
} */
.fixbugpopup{
	padding-right: 0px !important;
	overflow: scroll !important;
}


/* NEW DASHBOARD */ 
.flex-dashboard{
	display: flex;
}
@media only screen and (min-width: 992px) 
	{
nav#sidebarMenu{
position: relative !important;}
	}
main.content{
	margin-left: 0px !important;
	width: 100% !important;
}
main.content .dropdown-menu.dashboard-dropdown.dropdown-menu-end.show{
	min-width: 229px !important;
	display: block !important;
	left: auto !important;
}
@media only screen and (max-width: 1023px) 
	{
header#home div#navbar-menu{
	position: relative !important;
	right: 0px !important;
	width: 100%;
	}
header#home div#navbar-menu	ul.list {
    padding-left: 0;
}}
 /* fix menu volt conflict header */ 
header#home .navbar-nav .dropdown-menu{
	    pointer-events: visible;
}
/* new edit student */ 
#editstudent .card.border-0.shadow.components-section{
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}
#editstudent{
	
     margin-left: 10px;
    padding-top: 20px;
}
#sectioneditstudent{
	background-color: #F2F4F6;
}
#sectioneditstudent .btn-gray-800 {
    color: #ffffff;
    background-color: #1F2937;
    border-color: #1F2937;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(17, 24, 39, 0.075);
	margin-left: 13px;
}
#sectioneditstudent .form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6B7280;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 0.0625rem solid #D1D5DB;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#sectioneditstudent  label {
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: inline-block;
}
#sectioneditstudent  input#image_user {
    padding: 0px !important;
    border: none !important;
    box-shadow: none !important;
    border: none !important;
	border-radius: inherit !important;
}

@media only screen and (min-width: 992px) 
	{
		#editstudent{
	
			margin: 0px 60px;
		}}
		@media only screen and (max-width: 1023px) 
		{
		div#fixedheader-adl{
			display: none !important;
		}}


		a:focus {
			background: transparent !important;
		}
		a.join-us:focus{
			background: black !important;
		}
		nav.navbar.navbar-dark.navbar-theme-primary	button.navbar-toggler {
			margin-top: 12px;
		}
		#fixedheader-adl{
			background: #569a4f !important;
		}
		.containerheader a{
			
				font-family: 'Playfair Display' !important;
		}