/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Cairo", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Cairo", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-family: 'Poppins';
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

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

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 50px;
	text-align: center;
}

.section-title h2 {
	color: #000;
	font-weight: 700;
	position: relative;
	font-size: 30px;
	text-transform: uppercase;
}

.section-title h2:after {
	position: absolute;
	left: 0;
	bottom: -15px;
	right: 0;
	height: 4px;
	width: 80px;
	background: #f00;
	content: "";
	margin: 0 auto;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #7fad39;
	letter-spacing: 2px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #f00;
	border: none;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header__top {
	background: #f5f5f5;
}

.header__top__left {
	padding: 10px 0 13px;
}

.header__top__left ul li {
	font-size: 14px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.header__top__left ul li:after {
	position: absolute;
	right: -25px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__left ul li:last-child {
	margin-right: 0;
}

.header__top__left ul li:last-child:after {
	display: none;
}

.header__top__left ul li i {
	color: #252525;
	margin-right: 5px;
}

.header__top__right {
	text-align: right;
	padding: 10px 0 13px;
}

.header__top__right__social {
	position: relative;
	display: inline-block;
	margin-right: 35px;
}

.header__top__right__social:after {
	position: absolute;
	right: -20px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__right__social a {
	font-size: 14px;
	display: inline-block;
	color: #1c1c1c;
	margin-right: 20px;
}

.header__top__right__social a:last-child {
	margin-right: 0;
}

.header__top__right__language {
	position: relative;
	display: inline-block;
	margin-right: 40px;
	cursor: pointer;
}

.header__top__right__language:hover ul {
	top: 23px;
	opacity: 1;
	visibility: visible;
}

.header__top__right__language:after {
	position: absolute;
	right: -21px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

.header__top__right__language img {
	margin-right: 6px;
}

.header__top__right__language div {
	font-size: 14px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 4px;
}

.header__top__right__language span {
	font-size: 14px;
	color: #1c1c1c;
	position: relative;
	top: 2px;
}

.header__top__right__language ul {
	background: #222222;
	width: 100px;
	text-align: left;
	padding: 5px 0;
	position: absolute;
	left: 0;
	top: 43px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.header__top__right__language ul li {
	list-style: none;
}

.header__top__right__language ul li a {
	font-size: 14px;
	color: #ffffff;
	padding: 5px 10px;
}

.header__top__right__auth {
	display: inline-block;
}

.header__top__right__auth a {
	display: block;
	font-size: 14px;
	color: #1c1c1c;
}

.header__top__right__auth a i {
	margin-right: 6px;
}

.header__logo {
	padding: 15px 0;
}

.header__logo a {
	display: inline-block;
	padding: 0;
}
.header__logo img {
	width: 100%;
	height: auto;
}
.header__menu {
	padding: 10px 0;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 50px;
	position: relative;
}

.header__menu ul li .header__menu__dropdown {
	position: absolute;
	left: 0;
	top: 50px;
	background: #fff;
	width: 180px;
	z-index: 9;
	padding: 5px 0;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
	visibility: hidden;
	/*! text-align: left; */
	border-radius: 10px;
}

.header__menu ul li .header__menu__dropdown li {
	margin-right: 0;
	display: block;
}

.header__menu ul li .header__menu__dropdown li:hover>a {
	color: #f00;
}

.header__menu ul li .header__menu__dropdown li a {
	text-transform: capitalize;
	color: #000;
	font-weight: 400;
	padding: 5px 15px;
	font-size: 12px;
}

.header__menu ul li.active a {
	color: #7fad39;
}

.header__menu ul li:hover .header__menu__dropdown {
	top: 30px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:hover>a {
	color: #f00;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li a {
	font-size: 14px;
	color: #fff;
	/*! text-transform: uppercase; */
	font-weight: 400;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	padding: 5px 0;
	display: block;
	text-align: left;
	font-family: 'Poppins';
}

.navigation {
	text-align: center;
	background: #000;
}

.header__cart {
	text-align: right;
	padding: 24px 0;
}

.header__cart ul {
	display: inline-block;
	margin-right: 25px;
}

.header__cart ul li {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.header__cart ul li:last-child {
	margin-right: 0;
}

.header__cart ul li a {
	position: relative;
}

.header__menu__dropdown li {
	padding-left: 15px;
}
.header__menu__dropdown li a {
	font-size: 15px !important;
}

.header__cart ul li a i {
	font-size: 18px;
	color: #1c1c1c;
}

.header__cart ul li a span {
	height: 13px;
	width: 13px;
	background: #7fad39;
	font-size: 10px;
	color: #ffffff;
	line-height: 13px;
	text-align: center;
	font-weight: 700;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: -12px;
}

.header__cart .header__cart__price {
	font-size: 14px;
	color: #6f6f6f;
	display: inline-block;
}

.header__cart .header__cart__price span {
	color: #252525;
	font-weight: 700;
}

.humberger__menu__wrapper {
	display: none;
}

.humberger__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
	padding-bottom: 50px;
}

.hero.hero-normal {
	padding-bottom: 30px;
}
.hero.hero-normal .hero__search {
	margin-bottom: 0;
}
.hero__search {
	overflow: hidden;
	margin-bottom: 0;
}

.hero__search__form {
	width: 100%;
	height: 50px;
	border: 1px solid #ebebeb;
	position: relative;
	float: left;
	border-radius: 25px;
	background: #fff;
}

.hero__search__form form {
	border-radius: 25px;
}

.hero__search__form form .hero__search__categories {
	width: auto;
	float: left;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	padding-left: 0;
	padding-top: 0;
	position: relative;
}

.hero__search__form form .hero__search__categories:after {
	position: absolute;
	right: 0;
	top: 14px;
	height: 20px;
	background: #000000;
	opacity: 0.1;
	content: "";
}

/* .hero__search__form form .hero__search__categories span {
	position: absolute;
	right: 14px;
	top: 14px;
} */
header .hero__search__form form input { 
  width: 50%;
  padding: 10px 0px 10px 10px;
  border: none;
  background: no-repeat;
}
.banner .hero__search__form form input {
	width: 80%;
	border: none;
	height: 48px;
	font-size: 16px;
	color: #b2b2b2;
	padding-left: 21px;
	border-radius: 25px;
}

.hero__search__form form input::placeholder {
	color: #b2b2b2;
	font-size: 14px;
}

.hero__search__form form button {
	position: absolute;
	right: 0;
	top: -1px;
	height: 50px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.hero__search__phone a {
	float: right;
	display: flex;
	align-items: center;
}

.hero__search__phone__icon {
	font-size: 18px;
	color: #7fad39;
	height: auto;
	width: auto;
	background: none;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	float: left;
	margin-right: 0px;
	padding: 5px;
}

.hero__search__phone__text {
	overflow: hidden;
}

.hero__search__phone__text h5 {
	color: #1c1c1c;
	font-weight: 600;
	margin-bottom: 0;
	font-size: 17px;
}

.hero__search__phone__text span {
	font-size: 14px;
	color: #6f6f6f;
}

.hero__item {
	height: 431px;
	display: flex;
	align-items: center;
	padding-left: 75px;
}

.hero__text span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 4px;
	color: #7fad39;
}

.hero__text h2 {
	font-size: 46px;
	color: #252525;
	line-height: 52px;
	font-weight: 700;
	margin: 10px 0;
}

.hero__text p {
	margin-bottom: 35px;
}

/*---------------------
  Categories
-----------------------*/

.categories__item {
	height: 270px;
	position: relative;
}

.info {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0;
	bottom: 0px;
	text-align: center;
	background: #fff;
}

.categories__item h5 a {
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 12px 0 10px;
	background: #ffffff;
	display: block;
}

.categories__slider .col-lg-3 {
	max-width: 100%;
}

.categories__slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #1c1c1c;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #ebebeb;
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	background: #ffffff;
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -35px;
}

/*---------------------
  Featured
-----------------------*/

.featured {
	padding-top: 80px;
	padding-bottom: 40px;
}

.featured__controls {
	text-align: center;
	margin-bottom: 50px;
}

.featured__controls ul li {
	list-style: none;
	font-size: 18px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	cursor: pointer;
}

.featured__controls ul li.active:after {
	opacity: 1;
}

.featured__controls ul li:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #7fad39;
	content: "";
	opacity: 0;
}

.featured__controls ul li:last-child {
	margin-right: 0;
}

.featured__item {
	margin-bottom: 50px;
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
	bottom: 20px;
}

.featured__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
	background-position: center center;
}

.featured__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.featured__item__pic__hover li:last-child {
	margin-right: 0;
}

.featured__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.featured__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.featured__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.featured__item__text {
	text-align: center;
	padding-top: 15px;
}

.featured__item__text h6 {
	margin-bottom: 10px;
}

.featured__item__text h6 a {
	color: #252525;
}

.featured__item__text h5 {
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Latest Product
-----------------------*/

.latest-product {
	padding-top: 80px;
	padding-bottom: 0;
}

.latest-product__text h4 {
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 45px;
}

.latest-product__slider.owl-carousel .owl-nav {
	position: absolute;
	right: 20px;
	top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
	height: 30px;
	width: 30px;
	background: #F3F6FA;
	border: 1px solid #e6e6e6;
	font-size: 14px;
	color: #636363;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
}

.latest-product__slider.owl-carousel .owl-nav button span {
	font-weight: 700;
}

.latest-product__slider.owl-carousel .owl-nav button:last-child {
	margin-right: 0;
}

.latest-product__item {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}

.latest-product__item__pic {
	float: left;
	margin-right: 26px;
}

.latest-product__item__pic img {
	height: 110px;
	width: 110px;
}

.latest-product__item__text {
	overflow: hidden;
	padding-top: 10px;
}

.latest-product__item__text h6 {
	color: #252525;
	margin-bottom: 8px;
}

.latest-product__item__text span {
	font-size: 18px;
	display: block;
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Form BLog
-----------------------*/

.from-blog {
	padding-top: 50px;
	padding-bottom: 50px;
}

.from-blog .blog__item {
	margin-bottom: 30px;
}

.from-blog__title {
	margin-bottom: 70px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-section {
	display: flex;
	align-items: center;
	padding: 45px 0 40px;
}

.breadcrumb__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
}

.breadcrumb__option a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 20px;
	position: relative;
}

.breadcrumb__option a:after {
	position: absolute;
	right: -12px;
	top: 13px;
	height: 1px;
	width: 10px;
	background: #ffffff;
	content: "";
}

.breadcrumb__option span {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
}

/*---------------------
  Sidebar
-----------------------*/

.sidebar__item {
	margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
	overflow: hidden;
}

.sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.sidebar__item ul li {
	list-style: none;
}

.sidebar__item ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.sidebar__item .latest-product__text {
	position: relative;
}

.sidebar__item .latest-product__text h4 {
	margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
	right: 0;
}

.price-range-wrap .range-slider {
	margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
	position: relative;
}

.price-range-wrap .range-slider .price-input:after {
	position: absolute;
	left: 38px;
	top: 13px;
	height: 1px;
	width: 5px;
	background: #dd2222;
	content: "";
}

.price-range-wrap .range-slider .price-input input {
	font-size: 16px;
	color: #dd2222;
	font-weight: 700;
	max-width: 20%;
	border: none;
	display: inline-block;
}

.price-range-wrap .price-range {
	border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
	border: none;
	background: #ebebeb;
	height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #ffffff;
	border: none;
	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	outline: none;
	cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
	background: #dd2222;
	border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
	background: #dd2222;
}

.sidebar__item__color {
	float: left;
	width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
	border: 2px solid #333333;
	background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
	background: #E9A625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
	background: #D62D2D;
}

.sidebar__item__color.sidebar__item__color--black label:after {
	background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
	background: #249BC8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
	background: #3CC032;
}

.sidebar__item__color label {
	font-size: 16px;
	color: #333333;
	position: relative;
	padding-left: 32px;
	cursor: pointer;
}

.sidebar__item__color label input {
	position: absolute;
	visibility: hidden;
}

.sidebar__item__color label:after {
	position: absolute;
	left: 0;
	top: 5px;
	height: 14px;
	width: 14px;
	background: #222;
	content: "";
	border-radius: 50%;
}

.sidebar__item__size {
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 10px;
}

.sidebar__item__size label {
	font-size: 12px;
	color: #6f6f6f;
	display: inline-block;
	padding: 8px 25px 6px;
	background: #f5f5f5;
	cursor: pointer;
	margin-bottom: 0;
}

.sidebar__item__size label input {
	position: absolute;
	visibility: hidden;
}

/*---------------------
  Shop Grid
-----------------------*/

.product {
	padding-top: 80px;
	padding-bottom: 80px;
}

.product__discount {
	padding-bottom: 50px;
}

.product__discount__title {
	text-align: left;
	margin-bottom: 65px;
}

.product__discount__title h2 {
	display: inline-block;
}

.product__discount__title h2:after {
	margin: 0;
	width: 100%;
}

.product__discount__item:hover .product__discount__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__discount__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
	height: 45px;
	width: 45px;
	background: #dd2222;
	border-radius: 50%;
	font-size: 14px;
	color: #ffffff;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 15px;
	top: 15px;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__discount__item__text {
	text-align: center;
	padding-top: 20px;
}

.product__discount__item__text span {
	font-size: 14px;
	color: #b2b2b2;
	display: block;
	margin-bottom: 4px;
}

.product__discount__item__text h5 {
	margin-bottom: 6px;
}

.product__discount__item__text h5 a {
	color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
}

.product__discount__item__text .product__item__price span {
	display: inline-block;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
	max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	border: 1px solid #b2b2b2;
	border-radius: 50%;
	margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
	background: #707070;
	border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.filter__item {
	padding-top: 45px;
	border-top: 1px solid #ebebeb;
	padding-bottom: 20px;
}

.filter__sort {
	margin-bottom: 15px;
}

.filter__sort span {
	font-size: 16px;
	color: #6f6f6f;
	display: inline-block;
}

.filter__sort .nice-select {
	background-color: #fff;
	border-radius: 0;
	border: none;
	display: inline-block;
	float: none;
	height: 0;
	line-height: 0;
	padding-left: 18px;
	padding-right: 30px;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	cursor: pointer;
}

.filter__sort .nice-select span {
	color: #1c1c1c;
}

.filter__sort .nice-select:after {
	border-bottom: 1.5px solid #1c1c1c;
	border-right: 1.5px solid #1c1c1c;
	height: 8px;
	margin-top: 0;
	right: 16px;
	width: 8px;
	top: -5px;
}

.filter__sort .nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
	border-radius: 0;
	margin-top: 0;
	top: 15px;
}

.filter__sort .nice-select .option {
	line-height: 30px;
	min-height: 30px;
}

.filter__found {
	text-align: center;
	margin-bottom: 15px;
}

.filter__found h6 {
	font-size: 16px;
	color: #b2b2b2;
}

.filter__found h6 span {
	color: #1c1c1c;
	font-weight: 700;
	margin-right: 5px;
}

.filter__option {
	text-align: right;
	margin-bottom: 15px;
}

.filter__option span {
	font-size: 24px;
	color: #b2b2b2;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.filter__option span:last-child {
	margin: 0;
}

.filter__option span:hover {
	color: #7fad39;
}

.product__item {
	margin-bottom: 50px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__item__text {
	text-align: center;
	padding-top: 15px;
}

.product__item__text h6 {
	margin-bottom: 10px;
}

.product__item__text h6 a {
	color: #252525;
}

.product__item__text h5 {
	color: #252525;
	font-weight: 700;
}

.product__pagination,
.blog__pagination {
	padding-top: 10px;
}

.product__pagination a,
.blog__pagination a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #b2b2b2;
	font-size: 14px;
	color: #b2b2b2;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-right: 16px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
	background: #7fad39;
	border-color: #7fad39;
	color: #ffffff;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
	margin-right: 0;
}

/*---------------------
  Shop Details
-----------------------*/

.product-details {
	padding-top: 80px;
}

.product__details__pic__item {
	margin-bottom: 20px;
}

.product__details__pic__item img {
	min-width: 100%;
}

.product__details__pic__slider img {
	cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
	width: auto;
}

.product__details__text h3 {
	color: #252525;
	font-weight: 700;
	margin-bottom: 16px;
}

.product__details__text .product__details__rating {
	font-size: 14px;
	margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
	margin-right: -2px;
	color: #EDBB0E;
}

.product__details__text .product__details__rating span {
	color: #dd2222;
	margin-left: 4px;
}

.product__details__text .product__details__price {
	font-size: 30px;
	color: #dd2222;
	font-weight: 600;
	margin-bottom: 15px;
}

.product__details__text p {
	margin-bottom: 45px;
}

.product__details__text .primary-btn {
	padding: 16px 28px 14px;
	margin-right: 6px;
	margin-bottom: 5px;
}

.product__details__text .heart-icon {
	display: inline-block;
	font-size: 16px;
	color: #6f6f6f;
	padding: 13px 16px 13px;
	background: #f5f5f5;
}

.product__details__text ul {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
	margin-top: 50px;
}

.product__details__text ul li {
	font-size: 16px;
	color: #1c1c1c;
	list-style: none;
	line-height: 36px;
}

.product__details__text ul li b {
	font-weight: 700;
	width: 170px;
	display: inline-block;
}

.product__details__text ul li span samp {
	color: #dd2222;
}

.product__details__text ul li .share {
	display: inline-block;
}

.product__details__text ul li .share a {
	display: inline-block;
	font-size: 15px;
	color: #1c1c1c;
	margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
	margin-right: 0;
}

.product__details__quantity {
	display: inline-block;
	margin-right: 6px;
}

.pro-qty {
	width: 140px;
	height: 50px;
	display: inline-block;
	position: relative;
	text-align: center;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.pro-qty input {
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #6f6f6f;
	width: 50px;
	border: none;
	background: #f5f5f5;
	text-align: center;
}

.pro-qty .qtybtn {
	width: 35px;
	font-size: 16px;
	color: #6f6f6f;
	cursor: pointer;
	display: inline-block;
}

.product__details__tab {
	padding-top: 85px;
}

.product__details__tab .nav-tabs {
	border-bottom: none;
	justify-content: center;
	position: relative;
}

.product__details__tab .nav-tabs:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs:after {
	position: absolute;
	right: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	content: "";
}

.product__details__tab .nav-tabs li {
	margin-bottom: 0;
	margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
	margin-right: 0;
}

.product__details__tab .nav-tabs li a {
	font-size: 16px;
	color: #999999;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.product__details__tab .product__details__tab__desc {
	padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
	font-weight: 700;
	color: #333333;
	margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
	color: #666666;
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
	padding-bottom: 30px;
}

.related__product__title {
	margin-bottom: 70px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
	padding-top: 80px;
	padding-bottom: 80px;
}

.shoping__cart__table {
	margin-bottom: 30px;
}

.shoping__cart__table table {
	width: 100%;
	text-align: center;
}

.shoping__cart__table table thead tr {
	border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
	font-size: 20px;
	font-weight: 700;
	color: #1c1c1c;
	padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
	text-align: left;
}

.shoping__cart__table table tbody tr td {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
	width: 630px;
	text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
	display: inline-block;
	margin-right: 25px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
	color: #1c1c1c;
	display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
	text-align: right;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
	font-size: 24px;
	color: #b2b2b2;
	cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
	width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
	width: 120px;
	height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
	width: 15px;
}

.primary-btn.cart-btn {
	color: #6f6f6f;
	padding: 14px 30px 12px;
	background: #f5f5f5;
}

.primary-btn.cart-btn span {
	font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
	float: right;
}

.shoping__discount {
	margin-top: 45px;
}

.shoping__discount h5 {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.shoping__discount form input {
	width: 255px;
	height: 46px;
	border: 1px solid #cccccc;
	font-size: 16px;
	color: #b2b2b2;
	text-align: center;
	display: inline-block;
	margin-right: 15px;
}

.shoping__discount form input::placeholder {
	color: #b2b2b2;
}

.shoping__discount form button {
	padding: 15px 30px 11px;
	font-size: 12px;
	letter-spacing: 4px;
	background: #6f6f6f;
}

.shoping__checkout {
	background: #f5f5f5;
	padding: 30px;
	padding-top: 20px;
	margin-top: 50px;
}

.shoping__checkout h5 {
	color: #1c1c1c;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 28px;
}

.shoping__checkout ul {
	margin-bottom: 28px;
}

.shoping__checkout ul li {
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 13px;
	margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.shoping__checkout ul li span {
	font-size: 18px;
	color: #dd2222;
	float: right;
}

.shoping__checkout .primary-btn {
	display: block;
	text-align: center;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
	padding-top: 80px;
	padding-bottom: 60px;
}

.checkout h6 {
	color: #999999;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #6AB963;
	padding: 12px 0 12px;
	margin-bottom: 75px;
}

.checkout h6 span {
	font-size: 16px;
	color: #6AB963;
	margin-right: 5px;
}

.checkout h6 a {
	text-decoration: underline;
	color: #999999;
}

.checkout__form h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form p {
	column-rule: #b2b2b2;
}

.checkout__input {
	margin-bottom: 24px;
}

.checkout__input p {
	color: #1c1c1c;
	margin-bottom: 20px;
}

.checkout__input p span {
	color: #dd2222;
}

.checkout__input input {
	width: 100%;
	height: 46px;
	border: 1px solid #ebebeb;
	padding-left: 20px;
	font-size: 16px;
	color: #b2b2b2;
	border-radius: 4px;
}

.checkout__input input.checkout__input__add {
	margin-bottom: 20px;
}

.checkout__input input::placeholder {
	color: #b2b2b2;
}

.checkout__input__checkbox {
	margin-bottom: 10px;
}

.checkout__input__checkbox label {
	position: relative;
	font-size: 16px;
	color: #1c1c1c;
	padding-left: 40px;
	cursor: pointer;
}

.checkout__input__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
	background: #7fad39;
	border-color: #7fad39;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
	opacity: 1;
}

.checkout__input__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 16px;
	width: 14px;
	border: 1px solid #a6a6a6;
	content: "";
	border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 10px;
	height: 8px;
	border: solid white;
	border-width: 3px 3px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	content: "";
	opacity: 0;
}

.checkout__order {
	background: #f5f5f5;
	padding: 40px;
	padding-top: 30px;
}

.checkout__order h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
	float: right;
}

.checkout__order ul {
	margin-bottom: 12px;
}

.checkout__order ul li {
	font-size: 16px;
	color: #6f6f6f;
	line-height: 40px;
	list-style: none;
}

.checkout__order ul li span {
	font-weight: 700;
	float: right;
}

.checkout__order .checkout__order__subtotal {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
	float: right;
}

.checkout__order .checkout__input__checkbox label {
	padding-left: 20px;
}

.checkout__order .checkout__order__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
	float: right;
	color: #dd2222;
}

.checkout__order button {
	font-size: 18px;
	letter-spacing: 2px;
	width: 100%;
	margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
	margin-bottom: 60px;
}

.blog__item__pic img {
	min-width: 100%;
}

.blog__item__text {
	padding-top: 25px;
}

.blog__item__text ul {
	margin-bottom: 15px;
}

.blog__item__text ul li {
	font-size: 16px;
	color: #b2b2b2;
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text h5 {
	margin-bottom: 12px;
}

.blog__item__text h5 a {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
}

.blog__item__text p {
	margin-bottom: 25px;
}

.blog__item__text .blog__btn {
	display: inline-block;
	font-size: 14px;
	color: #1c1c1c;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #b2b2b2;
	padding: 14px 20px 12px;
	border-radius: 25px;
}

.blog__item__text .blog__btn span {
	position: relative;
	top: 1px;
	margin-left: 5px;
}

.blog__pagination {
	padding-top: 5px;
	position: relative;
}

.blog__pagination:before {
	position: absolute;
	left: 0;
	top: -29px;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	content: "";
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	padding-top: 50px;
}

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.blog__sidebar__item ul li {
	list-style: none;
}

.blog__sidebar__item ul li a {
	font-size: 16px;
	color: #666666;
	line-height: 48px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
	color: #7fad39;
}

.blog__sidebar__search {
	margin-bottom: 50px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
	color: #6f6f6f;
}

.blog__sidebar__search form button {
	font-size: 16px;
	color: #6f6f6f;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
	display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__recent__item {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
	float: left;
	margin-right: 20px;
}

.blog__sidebar__recent__item__text {
	overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
	font-weight: 700;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}

.blog__sidebar__item__tags a {
	font-size: 16px;
	color: #6f6f6f;
	background: #f5f5f5;
	display: inline-block;
	padding: 7px 26px 5px;
	margin-right: 6px;
	margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
	height: 350px;
	display: flex;
	align-items: center;
}

.blog__details__hero__text {
	text-align: center;
}

.blog__details__hero__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog__details__hero__text ul li {
	font-size: 16px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.blog__details__hero__text ul li:after {
	position: absolute;
	right: -26px;
	top: 0;
	content: "|";
}

.blog__details__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__details__hero__text ul li:last-child:after {
	display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
	padding-top: 70px;
	padding-bottom: 10px;
}

.related-blog-title {
	margin-bottom: 70px;
}

.blog-details {
	padding-bottom: 75px;
	border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
	margin-bottom: 45px;
}

.blog__details__text img {
	margin-bottom: 30px;
}

.blog__details__text p {
	font-size: 18px;
	line-height: 30px;
}

.blog__details__text h3 {
	color: #333333;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog__details__author__pic {
	float: left;
	margin-right: 15px;
}

.blog__details__author__pic img {
	height: 92px;
	width: 92px;
	border-radius: 50%;
}

.blog__details__author__text {
	overflow: hidden;
	padding-top: 30px;
}

.blog__details__author__text h6 {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__author__text span {
	font-size: 16px;
	color: #6f6f6f;
}

.blog__details__widget ul {
	margin-bottom: 5px;
}

.blog__details__widget ul li {
	font-size: 16px;
	color: #6f6f6f;
	list-style: none;
	line-height: 30px;
}

.blog__details__widget ul li span {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__widget .blog__details__social a {
	display: inline-block;
	font-size: 20px;
	color: #6f6f6f;
	margin-right: 24px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
	color: #7fad39;
}

.blog__details__widget .blog__details__social a:last-child {
	margin-right: 0;
}



/*---------------------
  Contact
-----------------------*/
/* 
.contact {
	padding-top: 80px;
	padding-bottom: 50px;
}

.contact__widget {
	margin-bottom: 30px;
}

.contact__widget span {
	font-size: 36px;
	color: #7fad39;
}

.contact__widget h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 18px;
}

.contact__widget p {
	color: #666666;
	margin-bottom: 0;
} */

/*---------------------
  Map
-----------------------*/

/* .map {
	height: 500px;
	position: relative;
}

.map iframe {
	width: 100%;
}

.map .map-inside {
	position: absolute;
	left: 50%;
	top: 160px;
	-webkit-transform: translateX(-175px);
	-ms-transform: translateX(-175px);
	transform: translateX(-175px);
}

.map .map-inside i {
	font-size: 48px;
	color: #7fad39;
	position: absolute;
	bottom: -75px;
	left: 50%;
	-webkit-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px);
}

.map .map-inside .inside-widget {
	width: 350px;
	background: #ffffff;
	text-align: center;
	padding: 23px 0;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
	box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	-webkit-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
	border: 12px solid transparent;
	border-top: 30px solid #ffffff;
	content: "";
	z-index: -1;
}

.map .map-inside .inside-widget h4 {
	font-size: 22px;
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
	list-style: none;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
} */

/*---------------------
  Contact Form
-----------------------*/

/* .contact__form__title {
	margin-bottom: 50px;
	text-align: center;
}

.contact__form__title h2 {
	color: #1c1c1c;
	font-weight: 700;
}

.contact-form {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact-form form input {
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
}

.contact-form form input::placeholder {
	color: #6f6f6f;
}

.contact-form form textarea {
	width: 100%;
	height: 150px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 24px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding-top: 12px;
	resize: none;
}

.contact-form form textarea::placeholder {
	color: #6f6f6f;
}

.contact-form form button {
	font-size: 18px;
	letter-spacing: 2px;
} */

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 45px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}
sup {
		animation: blink 1s infinite;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #000;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		/*! border-bottom: 1px solid #e1e1e1; */
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		content: "";
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__menu sup {
		animation: blink 1s infinite;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

.fa.fa-user,
.fa.fa-phone {
	padding: 6px 8px;
	background: #000;
	border-radius: 50%;
	color: #fff;
}
.login-btn-content span {
	color: #000;
	padding: 0 7px;
}
/*.navigation li {
	! text-align: center; 
}*/
.banner {
	background: url(../img/banner_1.jpg);
	height: 412px;
}
.banner-content h1 {
	color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Poppins';
	padding-bottom: 10px;
}
.banner-content p {
	color: #fff;
	padding-bottom: 20px;
	font-family: 'Poppins';
}
.category-list .section-title h2 {
	text-align: left;
}
.category-list .section-title h2::after {
	left: 0;
	margin: 0;
}
.single-products {
	text-align: center;
	padding-bottom: 15px;
}
.single-products-img img {
	width: 100px;
} 
.single-products-content h3 {
  font-weight: 600;
  font-size: 20px;
  font-family: 'Poppins'
}
.additional-services .section-title h2 {
	text-align: left;
}
.additional-services .section-title h2::after {
	left: 0;
	margin: 0;
}
.single-services {
	padding: 10px 0;
}
.single-services .card-body {
	padding: 10px;
}
.single-services-content h3 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Poppins';
}
.single-services-content p {
	color: #000;
	padding: 10px 0;
}
.section-center h2 {
	text-align: left;
}
.section-center h2::after {
	left: 0;
	margin: 0;
}
.school-list p {
	font-size: 16px;
	font-family: "Cairo", sans-serif;
	color: #6f6f6f;
	font-weight: 400;
	line-height: 26px;
	margin: 0 auto;
	/*! background: #fff; */
	padding: 0 10px;
	width: 78%;
	text-align: center;
}
.school-about .card {
	padding: 15px;
}
.about-sechool-slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #1c1c1c;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #ebebeb;
	position: absolute;
	left: -21px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	background: #ffffff;
}

.about-sechool-slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -16px;
}
.single-location {
	padding-bottom: 15px;
}
.location-icon i {
	color: #f00;
	font-size: 25px;
}
.location-details p {
	color: #000;
	margin: 0;
	font-weight: 600;
}
.location-details h4 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
}
.location-details p i {
	color: #f00;
}
.single-location-details .card-body {
	padding: 12px;
}
.single-location-details:hover .card {
	color: #fff;
	background: #f00;
}
.single-location-details:hover .card h4,
.single-location-details:hover .card i,
.single-location-details:hover .card p {
	color: #fff;
}
.single-counter {
	text-align: center;
	padding-bottom: 35px;
}
.single-counter h3 {
	font-weight: bold;
	color: #f00;
	font-size: 40px;
	text-transform: uppercase;
}
.single-counter h4 {
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
}
.requst-call-back {
  background: #F3F6FA;
}
.custom {
  padding: 21px;
  border: none;
}
.custom:focus {
  box-shadow: none;
  border: none;
}
.call-back-form {
  padding-bottom: 25px;
}
.form-border-radius-left {
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
.form-border-radius-right {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

@media (max-width:1199px){
	.hero__search__categories {
		display: none;
	}
	.banner .hero__search__form form input {
		width: 100%;
	}
}
@media (max-width:991px){
	.hero__search__phone a {
		display: flex;
		width: 100%;
		align-items: center;
	}
	.fa.fa-user,
	.fa.fa-phone {
		padding: 6px;
		background: #000;
		border-radius: 50%;
		color: #fff;
		font-size: 14px;
	}
}
@media (max-width:480px){
	.banner-content h1 {
		font-size: 25px;
	}
	.section-title h2 {
		font-size: 20px;
	}
}
/* .border-primary {

} */

/*---------------------
  Footer
-----------------------*/

.footer {
	background: #1b1918;
	/* background: #2e2d2d; */
	padding-top: 70px;
	padding-bottom: 0;
	color: #fff;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about ul li {
	font-size: 14px;
	color: #fff;
	line-height: 36px;
	list-style: none;
}

.footer__about ul li i {
	padding-right: 10px; 
}

.footer__about__logo {
	margin-bottom: 15px;
}

.footer__about__logo a {
	display: inline-block;
}

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

.footer__widget {
	margin-bottom: 30px;
	overflow: hidden;
}

.footer__widget h6 {
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
}

.footer__widget ul {
	width: 100%;
	float: left;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	color: #fff;
	font-size: 14px;
	line-height: 32px;
}

.footer__widget p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
}

.footer__widget form {
	position: relative;
	margin-bottom: 30px;
}

.footer__widget form input {
	width: 100%;
	font-size: 16px;
	padding-left: 20px;
	color: #1c1c1c;
	height: 46px;
	border: 1px solid #ededed;
}

.footer__widget form input::placeholder {
	color: #1c1c1c;
}

.footer__widget form button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 26px;
	height: 100%;
}

.footer__widget .footer__widget__social a {
	display: inline-block;
	height: 41px;
	width: 41px;
	font-size: 16px;
	color: #404040;
	border: 1px solid #ededed;
	border-radius: 50%;
	line-height: 38px;
	text-align: center;
	background: #ffffff;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 10px;
}

.footer__widget .footer__widget__social a:last-child {
	margin-right: 0;
}

.footer__widget .footer__widget__social a:hover {
	background: #7fad39;
	color: #ffffff;
	border-color: #ffffff;
}

.footer__copyright {
	border-top: 1px solid #ebebeb;
	padding: 15px 0;
	overflow: hidden;
	margin-top: 20px;
}

.footer__copyright__text {
	font-size: 14px;
	color: #1c1c1c;
	float: left;
	line-height: 25px;
}

.footer__copyright__payment {
	float: right;
}
.company-links {
	float: right;
	padding-bottom: 10px;
}
.company-links a {
	color: #fff;
}
.social-links {
	padding: 10px 0 0 0;
}
.social-links li {
	display: inline-block;
	padding-right: 4px;
}
.social-links li img {
	width: 30px;
}  
@media (max-width:991px){
	.coprights {
		text-align: center;
	}
	.company-links {
		float: none;
		text-align: center;
	}
}

/*---------------- category -------------------*/
.hero-normal .hero__categories {
	position: relative;
}

.hero.hero-normal .hero__categories ul {
	display: none;
	position: absolute;
	left: 0;
	top: 46px;
	width: 100%;
	z-index: 9;
	background: #ffffff;
}

.hero.hero-normal .hero__search {
	margin-bottom: 0;
}

.hero__categories__all {
	/*! background: #7fad39; */
	position: relative;
	padding: 10px 25px 10px 6px;
	cursor: pointer;
	font-size: 14px;
	border-bottom: 1px solid #0000002e;
}

.hero__categories__all i {
	font-size: 16px;
	color: #000;
	margin-right: 10px;
	display: none;
}

.hero__categories__all span {
	font-size: 14px;
	font-weight: 600;
	color: #000;
	padding-right: 26px;
	font-family: 'Poppins';
}

.hero__categories__all:after {
	position: absolute;
	right: 18px;
	top: 9px;
	content: "3";
	font-family: "ElegantIcons";
	font-size: 18px;
	color: #000;
}

.hero__categories ul {
	border: 1px solid #ebebeb;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 12px;
}

.hero__categories ul li {
	list-style: none;
}

.hero__categories ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}
/* .school-list aside {
	position: sticky;
	top: 160px;
	border-radius: 10px;
	background-color: #fff;
}
.filter-school {
	padding: 20px;
	max-height: calc(100vh - 200px);
	overflow-y: scroll;
	overflow-x: hidden;
} */
.school-list-filter-sec {
  position: sticky;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  background-color: #fff;
}
.accordions {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 65px 0;
	max-height: 617px;
/*   max-height: calc(100vh - 200px); */
  overflow-y: scroll;
  overflow-x: hidden;
}

.accordion {
    border-bottom: 1px solid #ccc;
  margin-bottom: 0;
    overflow: hidden;
  transition: border-color .5s ease;
    /*! background-color: #f1f1f1; */

}

.accordion:hover {
  border-color: #000;
}

.accordion__header {
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 0;
  color: #000;

  font-family: 'Poppins';
  margin: 0;
}
.accordion__header:after, .accordion__header:before {
  content: '';
  position: absolute;
  right: 1.5em;
  width: 2px;
  height: 0.75em;
  background-color: #666;
  transition: all 0.2s;
  color: #000;
}
.accordion__header:after {
  transform: rotate(90deg);
}

.accordion:has(input:checked) .accordion__header {
  color: #000;
}

.accordion__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  * {
        padding: 0 0 0 inherit;
  }
}

.accordion input {
  display: none;
  color: #000;
}

.accordion:has(input:checked) {
  border: none;
  background-color: #fff;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.accordion input:checked ~ .accordion__header:before {
    transform: rotate(270deg) !important;
  background-color: #000;
 }

.accordion input:checked ~ .accordion__header:after {
    transform: rotate(270deg) !important;
  background-color: #000;
 }

.accordion input:checked ~ .accordion__content {
    max-height: 1000px; /* Adjust based on content length */
}
.filter-container input {
	display: inline-block;
	margin-right: 10px;
}
.filter-container label {
	font-size: 14px;
}
.title h2 {
	font-weight: bold;
	color: #000;
	font-size: 25px;
	padding: 15px;
}
.heading h3 {
  color: #d70808;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1px;
}
.address p {
  color: #000;
  text-align: left;
  margin: 0;
  padding: 0 !important;
  font-size: 14px;
}
.address p i {
  color: #d70808;
}
.fees-content {
  padding: 0 0;
}
.fees-content h4 {
	font-weight: bold;
	font-size: 20px;
}
.fees-content h4 span {
	font-weight: 400;
	font-size: 16px;
}
.rating ul {
	list-style-type: none;
}
.rating li {
  display: inline-block;
}
.rating-icon i {
  color: #ffb80f;
  font-size: 14px;
}
.single-tag {
  border: 1px solid #000;
  padding: 2px 10px;
  text-align: center;
  border-radius: 5px;
}
.single-tag h4 {
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins';
}
.single-tag h5 {
  font-size: 14px;
  font-weight: 600;
  font-family: 'Poppins';
}
.single-tag:hover,
.single-tag:hover h3 {
    color: #fff;
    background: #f00;
    border: 1px solid #f00;
}
.single-tag a:hover {
	color: #fff;
}
.view-btn {
  color: #f00;
  border: 1px solid #f00;
  padding: .215rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  background: #fff;
	float: right;
  /*! text-transform: uppercase; */
}
.view-btn:focus,
.view-btn:hover {
  color: #fff;
  border: 1px solid #f00;
  padding: .215rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  background: #f00;
}
.school-list-details p {
	color: #000;
	text-align: left;
	width: 100%;
	padding: 12px;
}
.price-dropdown h5 {
	font-size: 14px;
}
.price-dropdown .current {
    font-size: 18px;
    font-weight: bold;
}
.single-school-content .call-btn {
    color: #fff!important;
    border: 1px solid #25972d;
    padding: .215rem .75rem !important;
    font-size: 1rem !important;
    border-radius: .25rem;
    background: #25972d;
	margin: 0 10px!important;
	width: auto;
    height: auto;
	box-shadow: none!important;
}
span.km {
	font-size: 14px;
	color: #fff;
    padding: 5px 8px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #535252;
}
.price-dropdown .nice-select ul li {
	font-size: 18px;
}
.school-list-details .collapse:not(.show) {
  display: block;
  height: 60px;
  overflow: hidden;
}
.school-list-details .btn.collapsed {
  padding: 0;
}
.school-list-details .btn {
  font-weight: bold;
  margin-top: -15px;
  margin-left: 5px;
  padding: 5px 13px;
  font-size: 14px;
  font-weight: 600;
}
.view-person {
	color: #fff;
	text-align: center;
	background: #000;
	padding: 5px;
	width: 80%;
	margin: -16px auto 0 auto;
	position: relative;
	z-index: 9;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.single-tag {
	padding: 2px 7px;
}
.tag {
  padding: 0 15px;
}
.single-tag a {
	color: #000;
	font-size: 12px;
}
.highlights-title h2::after {
	position: absolute;
    top: 7px;
    left: 31px;
    width: 10px;
    height: 78%;
    background-color: red;
    content: "";
}
.highlights-title h2 span {
	padding-left: 17px;
}
.highlights-content ul {
  /* margin: 0; */
  list-style-type: none;
	padding-left: 15px;
}
.highlights-content li {
	display: table-cell;
}
.highlights-content i {
	color: #f00;
}
.page-navigation-content {
	padding: 10px 0;
}
.page-navigation-content a {
	font-size: 14px;
  color: #000;
	font-family: 'Poppins';
}
.content-after::after {
	content: '>';
	padding: 0 4px;
}
.page-navigation-content span {
	font-size: 14px;
	color: #6e6c67;
	font-family: 'Poppins';
}
.school-details .card {
	border-radius: 15px;
}
.school-details-img img {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.school-details-img {
  height: 400px;
  overflow: hidden;
}
.school-name h2 {
	font-size: 25px;
	font-weight: 600;
	font-family: 'Poppins';
}
.school-details {
  font-family: 'Poppins';
}
.map-btn,
.map-btn:focus,
.map-btn:hover  {
  margin-left: 10px;
  border: 1px solid;
  padding: 4px 8px;
  border-radius: 10px;
  color: #f00;
  font-size: 14px;
}
.share-favourite-button-sec {
  float: right;
}
.share-favourite {
  float: left;
  padding: 0 15px 0 5px;
}
.share-btn,
.share-btn:hover,
.share-btn:focus {
  color: #f00;
  font-size: 20px;
  padding: 8px 12px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.board-details h3 {
	font-size: 14px;
} 
.board-details h4 {
  font-size: 20px;
	font-weight: 600;
}
/* .board-details {
	content: '';
	border-right: 1px solid #000;
} */
.border-right {
	border-right: 1px solid #000 !important;
}
/* .view-person  a {
	color: #fff;
} */
.details-button-sec button,
.details-button-sec button:hover,
.details-button-sec button:focus {
  padding: 8px;
  width: 100%;
  background: #f00;
  border: none;
  border-radius: 10px;
	box-shadow: none;
  font-weight: bold;
}
.school-details-nav ul {
  text-align: center;

}
.school-details-nav li {
  display: inline-block;
  padding: 10px 15px;
}
.school-details-nav li a {
	color: #000;
	text-transform: uppercase;
}
.school-details-nav {
  position: sticky;
  top: 0;
  padding: 10px 16px;
  background: #fff;
  color: #f1f1f1;
	z-index: 9;
}

.info-details .content {
  padding: 16px;
}
.title-content h2 span {
  font-size: 25px;
  font-weight: bold;
  /* border-bottom: 3px solid #f00; */
}
.info-content p {
  font-size: 15px;
  color: #000;
}
.title-img img {
	width: 50px;
}
.title-content hr {
  border: 2px solid #f00;
  margin: 0;
}
.information-list {
	padding: 0 15px;
}
.single-information {
  padding: 6px;
}
.single-information .card {
	padding: 10px;
}
.single-information .card-body {
	padding: 0;
}
.information-img img {
  width: 39px;
}
.infomation-content h3 {
  font-size: 16px;
  padding-left: 10px;
}
.infomation-content h4 {
	font-weight: bold;
	text-align: center;
	font-size: 18px;
}


/* General styles */
#FAQ {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.accordian {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
	padding: 15px 0;
  /*! padding: 15px 20px; */
  /*! box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); */
  /*! border-radius: 8px; */
}

.item {
  background-color: #e7ecf5;
  margin-bottom: 10px;
  padding: 15px 20px;
  border-radius: 8px;
  position: relative;
  transition: background-color 0.3s ease;
}

.item.selected {
  background-color: #ffffff;
}

.item::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  /*! background-color: #06965c; */
}

.FAQ-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  color: #131414;
}

.faqQuestion {
  font-size: 15px;
  color: #131414;
  text-align: start;
}

.FAQ-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s cubic-bezier(0, 1, 0, 1);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.6;
  color: #131414;
}

.FAQ-content.show {
  max-height: 9999px;
  transition: max-height 0.8s cubic-bezier(1, 0, 1, 0);
}

.expandToggle {
  background: #ffffff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}
.fees-rating {
    padding: 10px 0;
}
.single-school-content .fees-rating {
    padding: 10px 0;
}
.single-school-content .single-tag:hover, .single-school-content .single-tag:hover h3 {
    color: #fff;
    background: none;
    border: 1px solid #878383;
}
/* Responsive styles */
@media (max-width: 1024px) {
  .accordian {
    max-width: 90%;
  }

  .item {
    padding: 12px 16px;
  }

  .FAQ-title {
    font-size: 16px;
  }

  .expandToggle {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .accordian {
    padding: 10px;
  }

  .item {
    padding: 10px 14px;
  }

  .FAQ-title {
    font-size: 14px;
  }

  .expandToggle {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .accordian {
    padding: 5px;
  }

  .item {
    padding: 8px 12px;
  }

  .FAQ-title {
    font-size: 12px;
  }

  .expandToggle {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
}
.faq-list .item.selected i {
  transform: rotate(180deg);
}
.fees-stucture-details .subtitle h3 {
	font-size: 14px;
	font-family: 'Poppins';
	font-weight: 600;
	padding: 8px;
}
.fees-title h2 {
	font-size: 14px;
	font-family: 'Poppins';
	font-weight: 400;
	padding-left: 6px;
}
.fees-content {
	float: right;
}
.fees-content h2 {
	font-size: 22px;
	font-weight: bold;
}
.info-icon {
  width: 30px;
  height: 30px;
  background: #000;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  display: flex;
  padding: 0 0 0 7px;
  border-radius: 50%;
}
.info-icon .fa-location-dot {
  text-align: center;
  margin: 0 2px;
  padding: 0;
}
.info-content {
  align-items: center;
  display: flex;
  padding: 2px 10px;
}
.rating-title-sec {
  padding: 15px;
  background-color: rgba(40,116,240,.1);
  border-radius: 15px;
}
.rating-title h3 {
  font-family: 'Poppins';
  font-size: 18px;
  font-weight: 600;
}
.rating-title p {
	padding: 6px 0 0 0;
	margin: 0;
	font-size: 14px;
}
.rating-star h2 {
  font-family: 'Poppins';
  font-size: 30px;
  font-weight: bold;
}
.rating-star h2 span {
	font-weight: 400;
	font-size: 18px;
}
.single-rating-feature {
	padding: 10px 18px;
	text-align: center;
	margin: 0 auto;
}
.feature-content h4 {
	font-weight: 600;
	font-size: 16px;
	font-family: 'Roboto';
	padding-top: 10px;
}
.feature-content p {
	font-size: 14px;
}
.travel-title h3,
.travel-distance h3 {
  font-family: 'Poppins';
  font-size: 14px;
}

.travel-title h4,
.travel-distance h4 {
  text-transform: uppercase;
  font-family: 'Poppins';
  font-weight: 600;
  padding: 10px 0;
}
.travel-title-sec {
  padding: 10px 0;
}
.contact-form {
	padding: 16px;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	box-shadow: none;
	border: 1px solid #f00;
}
.contact-form input::placeholder {
	font-size: 14px;
}
.contact-form .nice-select.form-select {
	border: 1px solid #ced4da;
	width: 100%;
}
.contact-form .list {
	width: 100%;
}
.submit {
	background: #f00;
	border-radius: 5px;
	color: #fff;
}
.fees-content.f-left {
	float: left;
} 
.page-banner-heading h2 {
	text-align: center;
}
.page-banner-heading h2 span {
	font-family: 'Poppins';
	font-size: 20px;
	background: #ddd5d5;
	padding: 4px 12px;
	border-radius: 10px;
}
.career-title {
  text-align: center;
}
.opening-details .card {
  border: 1px solid #000;
}
.opening-details-content {
  text-align: center;
}
.opening-details-content h3 {
	font-size: 22px;
	font-family: 'Poppins';
	font-weight: bold;
  padding-bottom: 15px;
}
.opening-details-content li {
  display: inline-block;
}
.opening-details-content .content-after::after {
	content: '|';
	color: #716b6b;
}
.opening-details-content li a {
	color: #716b6b;
	font-family: 'Poppins';
}
.single-job-title h2 span {
  background: #dfdedea6;
  padding: 3px 12px;
  margin: 0;
  font-size: 24px;
  font-family: 'Poppins';
  border-radius: 10px;
}
.careers-details .accordian-header h5 {
	font-weight: 600;
	font-size: 20px;
	font-family: 'Poppins';
} 
.details-btn-sec {
  text-decoration: underline;
}
.single-career-title h4 {
  font-size: 18px;
  font-family: 'Poppins';
  font-weight: 600;
}
.single-careers-details ul {
  list-style-type: revert;
  padding: 15px;
  margin-left: 25px;
}
.single-careers-details  li {
	padding-bottom: 8px;
	font-family: 'Poppins';
}
.apply-sec h3 a {
  color: #f00;
  font-size: 15px;
  font-family: 'Poppins';
  font-weight: bold;
}
.gallery-items {
  overflow: hidden;
  transition: ease all .5s;
}
.gallery-items .inner {
	position: relative;
	transition: ease all .5s;
} 
.gallery-items .overlay {
  position: absolute;
  background: #000000b2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: ease all .5s;
}
.gallery-items:hover .overlay {
	opacity: 1;
	transition: ease all .5s;
}
.gallery-items:hover .overlay img {
	transform: scale(1.5);
}
.gallery-items i {
  font-size: 35px;
  transform: translate(134px, 90px);
}
.gallery-items .inner:hover img {
  transform: scale(1.2);
}
.register-banner-title h3 {
	font-weight: bold;
	font-size: 40px;
	width: 80%;
	color: #000;
}
.register-banner-title h3 span {
	color: #f00;
}
.register-banner-content i {
	color: #f00;
	padding-right: 8px;
}
.register-banner-content p {
	color: #000;
	width: 100%;
	margin: 0;
	padding-bottom: 8px;
}
.btn-primary,
.btn-primary:hover {
  padding: 8px 20px;
  width: auto;
  background: #f00;
  border: none;
  border-radius: 10px;
  box-shadow: none;
  font-weight: bold;
}
.feature-title h3 {
  font-size: 22px;
  font-family: 'Poppins';
  font-weight: 600;
}
.feature-title h3 span {
	color: #f00;
}
.single-feature {
  padding: 0 0 15px 0;
}
.feature-content p {
	font-size: 14px;
	height: 117px;
}
.breadcrumbs {
	padding: 15px 0 0 0;
}
.breadcrumbs li {
    display: inline-block;
}
.write-us-page-title {
	margin: 15px 0;
}
.write-us-page-title h2 {
	font-size: 28px;
	font-weight: 600;
}
.breadcrumbs li + li::before {
  content: '>';
}
.breadcrumbs li a {
	color: #000;
	cursor: pointer;
}
.write-us-content h2 {
  font-size: 20px;
  font-family: 'Poppins';
  font-weight: 600;
}
.write-us-content p {
  font-size: 14px;
}
.write-us-content ul {
  padding: 0 0 0 13px;
}
.city-events-banner {
	background: url(../img/event-23-24.svg)no-repeat;
	background-size: cover;
}
.city-events-banner-content h1 {
	font-size: 45px;
	font-weight: bold;
	font-family: 'Oswald';
	text-transform: uppercase;
}
.city-events-banner-content h2 {
  font-weight: 600;
  font-family: 'Oswald';
  text-transform: uppercase;
	padding-top: 15px;
}
.city-events-banner-content .tag {
	padding: 20px 0;
}
.city-events-banner-content .tag span {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	background: #000;
	padding: 5px 12px;
	border-radius: 15px;
}
.register-form-sec {
	position: relative;
 	margin-top: -295px;
}
.city-events-form .nice-select {
	line-height: 2!important;
} 
.city-events-form input:focus,
.city-events-form .nice-select:focus {
  box-shadow: none;
  border-left: 5px solid #000;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}
.admission-feature .section-header h2 {
	font-size: 22px;
	font-weight: bold;
	font-family: 'Poppins';
}
.bg-offwhite {
	background: #f3f3f3;
}
.feature-box {
  padding-bottom: 35px;
}
.feature-icon {
	padding-bottom: 15px;
}
.feature-content h3 {
	font-size: 20px;
	font-family: 'Poppins';
	font-weight: bold;
}
.modal-header {
  margin-top: -26px;
  margin-right: -16px;
  border: none;
}
.login-btn .close {
	background-color: #000 !important;
	opacity: 1;
	color: #fff;
	padding: 10px 12px !important;
	border-radius: 50%;
}
.login-btn .close:hover {
	background-color: #242424 !important;
	opacity: 1;
	color: #fff;
	padding: 10px 12px !important;
	border-radius: 50%;
}
.modal-content h2 {
	color: #000;
	font-size: 25px;
	font-family: 'Poppins';
	font-weight: bold;
	padding: 10px 0;
}
.step-content h3 {
  font-size: 22px;
}
.single-step {
  background: #2874f0;
  color: #fff;
  border-radius: 50px;
  padding: 0 10px 0 0;
  margin: 0 0 15px 0;
}
.single-step h3 {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Poppins';
}
.number {
	padding: 3px 22px;
	text-align: center;
	border-radius: 50%;
	border: 5px solid #fff;
}
.number h2 {
	color: #fff;
}
.otp-sec {
	background: url(../img/black-board.svg) no-repeat;
	padding: 76px 32px 45px 32px;
	margin: 0 auto;
	text-align: center;
	background-size: cover;
}
.otp-content h2,
.otp-content p {
	color: #fff;
}
.form-label label {
  color: #fff;
  padding: 0;
  margin: 0;
}
.mobile-input .form-label {
	text-align: left;
}
.mobile-input .btn-primary, 
.mobile-input .btn-primary:hover {
	padding: 8px 20px 10px 20px;
	width: auto;
	background: #f00;
	border: none;
	border-radius: 10px;
	box-shadow: none;
	font-weight: 500;
}
.mobile-input p {
  font-size: 10px;

}
.phone-btn {
	float: left;
	color: #fff;
	background: #36c991;
	border-radius: 6px;
	border: 1px solid #36c991;
	padding: 5px 16px;
	font-size: 14px;
}
.view-btn.f-left {
  float: left;
  color: #fff;
  background: #f00;
  border-radius: 25px;
  border: 1px solid #f00;
  padding: 5px 22px;
  font-size: 14px;
}
.view-btn.f-left:hover {
  float: left;
  color: #f00;
  background: #fff;
  border-radius: 25px;
  border: 1px solid #f00;
  padding: 5px 22px;
  font-size: 14px;
}
.search-text p {
  font-family: 'Poppins';
  font-size: 12px;
  color: #7e7d7d;
}
.search-text p strong {
	color: #ff0000;
}
.admission-open {
	animation: swingLeftRight ease-in-out 3s infinite alternate;
}
.accordion__header.content-none::after,
.accordion__header.content-none::before {
  content: none;
}
.accordion_content span {
  border: 1px solid #c1bebe;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
}
.accordion_content {
  padding-bottom: 15px;
}
.accordion_content span i {
	color: #ff0000;
	font-size: 10px;
	font-weight: bold;
}
/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #fff; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.recomanded-school::before {
  content: '';
  background: #0000009e;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  display: none;
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #000;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #000;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.recommended-btn {
  position: fixed;
  top: 60%;
  right: 0;
}
.recommended-btn a {
	border-radius: 10px 0 0 10px;
    background-color: #fff;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .2));
    font-size: 14px;
    color: #10b710;
    font-weight: 700;
    padding: 10px 20px;
    border: none;
    text-transform: uppercase;
}
.recomanded-school-details h2 {
	font-size: 18px;
	font-family: 'Poppins';
	font-weight: bold;
}
.recomanded-school-details .single-tag h5 {
	font-size: 16px;
	font-family: 'Roboto';
}
.recomanded-school .card {
  margin: 15px;
}
.school-list {
	position: relative;
}
.shortlist-btn-sec {
  position: absolute;
  right: 0;
  top: -18px;
}
.shortlist-btn {
  background: #f00;
  padding: 5px 15px !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600!important;
  border-radius: 25px;
}
.call-like-sec {
  position: absolute;
  right: 20px;
  bottom: -18px;
}

.call-btn {
  width: 30px;
  height: 30px;
  background: #8a87877d;
  padding: 4px !important;
  margin: 0 auto;
  text-align: center;
  font-size: 15px !important;
  border-radius: 50%;
}
.call-like-sec li {
  display: inline-block;
  padding: 0 6px;
}
.irs--round .irs-handle {
  right: 0;
  left: auto;
}

.irs-bar {
  right: 0;
  left: auto;
}

.irs--round .irs-line,
.irs--round .irs-bar {
  top: 33px;
  height: 9px;
}

.irs--round .irs-bar--single {
    border-radius: 0 4px 4px 0;
}

#range-slide-get-value {
  background-color: #006cfa;
  color: #fff;
  padding: 8px 15px;
  border: none;
  border-radius: 5px;
  font-weight: bold;
}
.company-info-banner {
	background: url(../img/breadcrumb-1.jpg)no-repeat;
	background-size: cover;
}
.company-info-banner .overlay {
    padding: 60px;
    text-align: center;
    background: #0000009c;
}
.company-text h2 {
	color: #fff;
}
/* Style the list */
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background: none;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    float: none;
}

/* Display list items side by side */
ul.breadcrumb li {
  color: #fff;
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: #fff;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #fff;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #fff;
  text-decoration: underline;
}
/* .short-overlay::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0000004a;
} */
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	/* #main {
	transition: margin-left .5s;
	padding: 20px;
	} */
.company-nav h3 {
	font-weight: bold;
    font-size: 25px;
    color: #ec0c25;
}
.single-menu {
	padding-bottom: 10px;
}
.single-menu a {
    color: #000;
    font-weight: 600;
    font-family: 'Poppins';
}
.company-details-content p {
	font-size: 14px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media (max-width: 480px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
	.header__logo img {
		width: 86%;
		height: auto;
	}
}
@keyframes swingLeftRight  {
    0% { transform: rotate(8deg); }
    50% { transform: rotate(-8deg); }
    100% { transform: rotate(8deg); }
}
/* .login-btn button {
	padding: 0!important;
} */
.f-right {
	float: right;
    margin: 0;
} 
@media (max-width:991px){
	.single-school-content .button-sec a {
		float: left;
	}
	.school-details-img {
		width: 100%;
		height: auto;
	}
	.address p {
		line-height: 2;
	}
	.single-info .d-flex.flex-column.info-wrapper {
		text-align: center;
		margin: 0 auto;
	}
	.fees-content h2 {
		font-size: 16px;
		font-weight: bold;
	}
	.feature-content p {
		font-size: 14px;
		height: auto;
	}
	.register-step {
		display: none;
	}
	.mobile-input p {
		display: none;
	}
	.otp-content p {
		display: none;
	}
	.modal-content {
		background: none;
	}
	.login-btn .close {
		transform: translate(-21px,52px);
		position: relative;
		z-index: 9;
	}
	.modal-body {
		border: none;
	}
	.modal-footer {
		display: none;
	}
	.highlights .button-sec {
		padding: 15px;
	}
}