/* Template: Corso - Free Training Course Landing Page Template
   Author: Inovatik
   Created: Nov 2019
   Description: Master CSS file
*/

/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Registration
06. Partners
07. Instructor
08. Description
09. Students
10. Details Lightbox
11. Video
12. Takeaways
13. Testimonials
14. Date
15. Newsletter
16. Contact
17. Footer
18. Copyright
19. Back To Top Button
20. Extra Pages
21. Media Queries
******************************************/

/*****************************************
Colors:
- Backgrounds - light gray #fbf9f5
- Backgrounds, buttons - yellow #ffbd50
- Headings text, navbar links - black #333
- Body text - dark gray #555
******************************************/


/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
    width: 100%;
	height: 100%;
}

body, p {
	color: #000000; 
	font: 400 1.2rem/1.625rem 'Nunito Sans', sans-serif;
}

.dontdisplaylg {
  display: none;
}

.p-large {
	font: 400 1.125rem/1.75rem 'Nunito Sans', sans-serif;
}

.p-small {
	font: 400 0.875rem/1.5rem 'Nunito Sans', sans-serif;
}

.p-heading {
	margin-bottom: 3.75rem;
}

h1 {
	color: #fff;
	font: 700 2.75rem/3.375rem 'Nunito Sans', sans-serif;
}

h2 {
	color: #000;
	font: 700 2rem/2rem 'Nunito Sans', sans-serif;
	/* font-weight: 700; */
}

h3 {
	color: #000000;
	font: 700 1.625rem/2.125rem 'Nunito Sans', sans-serif;
}

h4 {
	color: #333;
	font: 700 1.25rem/1.875rem 'Nunito Sans', sans-serif;
;
}

h5 {
	color: #333;
	font: 700 1.125rem/1.75rem 'Nunito Sans', sans-serif;
;
}

h6 {
	color: #333;
	font: 700 1rem/1.625rem 'Nunito Sans', sans-serif;
}

.testimonial-text {
	font-style: italic;
}

.testimonial-author {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.625rem;
}

.li-space-lg li {
	margin-bottom: 0.375rem;
}

.indent {
	padding-left: 1.25rem;
}
a {
	
	color: #555;
	text-decoration: underline;
}

a:hover {
	color: #555;
	/*text-decoration: underline;*/
}

.white {
	color: #eee;
}

.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #ffbd50;
	border-radius: 2rem;
	background-color: #ffbd50;
	color: #333;
	font: 600 0.875rem/0 'Nunito Sans', sans-serif;
;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	border: 0.125rem solid #333;
	background-color: transparent;
	color: #333;
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #ffffff;
	border-radius: 2rem;
	background-color: #5e5196;
	color: #fff;
	font: 600 0.875rem/0 'Nunito Sans', sans-serif;
;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg:hover {
	border: 0.125rem solid #ffffff;
	background-color: transparent;
	color: #333;
	text-decoration: none;
}

.btn-solid-lg1 {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #5e5196;
	border-radius: 2rem;
	background-color: #5e5196;
	color: #fff;
	font: 600 0.875rem/0 'Nunito Sans', sans-serif;
;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg1:hover {
	border: 0.125rem solid #0c9c54;
	background-color: transparent;
	color: #0c9c54;
	text-decoration: none;
}

.btn-outline-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #333;
	border-radius: 2rem;
	background-color: transparent;
	color: #333;
	font: 600 0.875rem/0 'Nunito Sans', sans-serif;
;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	border: 0.125rem solid #fff;
	background-color: #fff;
	color: #333;
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding:1.375rem 1.625rem 1.1rem 1.625rem;
	border: 0.125rem solid #fff;
	background-color: transparent;
	color: #fff;
	font: 600 0.875rem/0 'Nunito Sans', sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	border: 0.125rem solid #fff;
	background-color: #fff;
	color: #333;
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid #333;
	border-radius: 2rem;
	background-color: transparent;
	color: #333;
	font: 600 0.875rem/0 'Nunito Sans', sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	border: 0.125rem solid #ffbd50;
	background-color: #ffbd50;
	color: #333;
	text-decoration: none;
}

.form-group {
	position: relative;
	margin-bottom: 1.25rem;
}

.form-group.has-error.has-danger {
	margin-bottom: 0.625rem;
}

.form-group.has-error.has-danger .help-block.with-errors ul {
	margin-top: 0.375rem;
}

.label-control {
	position: absolute;
	top: 0.87rem;
	left: 1.375rem;
	color: #555;
	opacity: 1;
	font: 400 0.875rem/1.375rem 'Nunito Sans', sans-serif;
;
	cursor: text;
	transition: all 0.2s ease;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.label-control {
		top: 0.9375rem;
	}
}

.form-control-input:focus + .label-control,
.form-control-input.notEmpty + .label-control,
.form-control-textarea:focus + .label-control,
.form-control-textarea.notEmpty + .label-control {
	top: 0.125rem;
	opacity: 1;
	font-size: 0.75rem;
	font-weight: 700;
}

.form-control-input,
.form-control-select {
	display: block; /* needed for proper display of the label in Firefox, IE, Edge */
	width: 100%;
	padding-top: 1.0625rem;
	padding-bottom: 0.0625rem;
	padding-left: 1.3125rem;
	border: 1px solid #c4d8dc;
	border-radius: 0.25rem;
	background-color: #fff;
	color: #555;
	font: 400 0.875rem/1.875rem 'Nunito Sans', sans-serif;
	transition: all 0.2s;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

.form-control-select {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: 3rem;
}

/* IE10+ hack to solve lower label text position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.form-control-input {
		padding-top: 1.25rem;
		padding-bottom: 0.75rem;
		line-height: 1.75rem;
	}

	.form-control-select {
		padding-top: 0.875rem;
		padding-bottom: 0.75rem;
		height: 3.125rem;
		line-height: 2.125rem;
	}
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow.html');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

select::-ms-expand {
    display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

.form-control-textarea {
	display: block; /* used to eliminate a bottom gap difference between Chrome and IE/FF */
	width: 100%;
	height: 8rem; /* used instead of html rows to normalize height between Chrome and IE/FF */
	padding-top: 1.25rem;
	padding-left: 1.3125rem;
	border: 1px solid #c4d8dc;
	border-radius: 0.25rem;
	background-color: #fff;
	color: #555;
	font: 400 0.875rem/1.75rem 'Nunito Sans', sans-serif;
;
	transition: all 0.2s;
}

.form-control-input:focus,
.form-control-select:focus,
.form-control-textarea:focus {
	border: 1px solid #a1a1a1;
	outline: none; /* Removes blue border on focus */
}

.form-control-input:hover,
.form-control-select:hover,
.form-control-textarea:hover {
	border: 1px solid #a1a1a1;
}

.checkbox {
	font-size: 0.75rem;
	line-height: 1.25rem;
}

input[type='checkbox'] {
	vertical-align: -15%;
	margin-right: 0.375rem;
}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	input[type='checkbox'] {
		vertical-align: -9%;
	}
}

.form-control-submit-button {
	display: inline-block;
	width: 100%;
	height: 3.125rem;
	border: 0.125rem solid #1a1a1a;
	border-radius: 1.5rem;
	background-color: #1a1a1a;
	color: #fff;
	font: 600 0.875rem/0 'Nunito Sans', sans-serif;
;
	cursor: pointer;
	transition: all 0.2s;
}

.form-control-submit-button:hover {
	border: 0.125rem solid #23262d;
	background-color: transparent;
	color: #23262d;
}

/* Form Success And Error Message Formatting */
#rmsgSubmit.h3.text-center.tada.animated,
#nmsgSubmit.h3.text-center.tada.animated,
#cmsgSubmit.h3.text-center.tada.animated,
#pmsgSubmit.h3.text-center.tada.animated,
#rmsgSubmit.h3.text-center,
#nmsgSubmit.h3.text-center,
#cmsgSubmit.h3.text-center,
#pmsgSubmit.h3.text-center {
	display: block;
	margin-bottom: 0;
	color: #000000;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1rem;
}

.help-block.with-errors .list-unstyled {
	font-size: 0.75rem;
	line-height: 1.125rem;
	text-align: left;
}

.help-block.with-errors ul {
	margin-bottom: 0;
}
/* end of form success and error message formatting */

/* Form Success And Error Message Animation - Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/* end of form success and error message animation - Animate.css */

/* Fade-move Animation For Details Lightbox - Magnific Popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	-ms-transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
	transform: translateY(-1.25rem) perspective(37.5rem) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	-ms-transform: translateY(0) perspective(37.5rem) rotateX(0); 
	transform: translateY(0) perspective(37.5rem) rotateX(0); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	-ms-transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
	transform: translateY(-0.625rem) perspective(37.5rem) rotateX(10deg); 
}

/* dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* end of fade-move animation for details lightbox - magnific popup */

/* Fade Animation For Image Lightbox - Magnific Popup */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation: fadeIn 0.6s;
	animation: fadeIn 0.6s;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation: fadeOut 0.8s;
	animation: fadeOut 0.8s;
}
/* end of fade animation for details lightbox - magnific popup */


/*************************/
/*     02. Preloader     */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fbf9f5;
}

.spinner {
	position: absolute;
	top: 50%; /* centers the loading animation vertically one the screen */
	left: 50%; /* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */ 
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #ffbd50;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
	background-color: #fff;
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.04);
	font: 600 0.875rem/0.875rem 'Nunito Sans', sans-serif;
	color: #10544e;
	transition: all 0.2s;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-custom .navbar-brand.logo-image img {
	/* margin-left: -1rem; */
	width: auto; 
	height: 3rem;
	/* padding-left: 0.5rem;
	padding-right: 0.6rem;
	background: #fff; */
}

.navbar-custom .navbar-brand.logo-text {
	font: italic 500 2rem/1.5rem 'Nunito Sans', sans-serif;
	color: #fff;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
}

.navbar-custom .nav-item .nav-link {
	padding: 0.625rem 1.75rem;
	color: #10544e;
	text-decoration: none;
	transition: all 0.2s ease;
}

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #8f8304;
}
@media only screen and (max-width: 600px) {
  
   .navbar-custom .nav-item .nav-link{
	color: #10544e;
   }
  
   .navbar-custom .nav-item .nav-link:hover,
   .navbar-custom .nav-item .nav-link.active {
	color: #8f8304;
   }
}


/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */
	outline: 0;
}

.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	border-radius: 0.25rem;
	background-color: #fff;
}

.navbar-custom .dropdown-item {
	color: #000000;
	text-decoration: none;
}

.navbar-custom .dropdown-item:hover {
	background-color: #fff;
}

.navbar-custom .dropdown-item .item-text {
	font: 600 0.875rem/0.875rem 'Nunito Sans', sans-serif;
;
}

.navbar-custom .dropdown-item:hover .item-text {
	color: #ffbd50;
}

.navbar-custom .dropdown-divider {
	width: 100%;
	height: 1px;
	margin: 0.75rem auto 0.725rem auto;
	border: none;
	background-color: #c4d8dc;
	opacity: 0.2;
}
/* end of dropdown menu */

.navbar-custom .social-icons {
	display: none;
}

.navbar-custom .navbar-toggler {
	padding: 0;
	border: none;
	color: #10544e;
	font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times{
	display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars{
	display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars{
	display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times{
	display: inline-block;
	margin-right: 0.125rem;
}



/*********************/
/*    04. Header     */
/*********************/


.headermob {
	position: relative;	
	padding-bottom: 40%;
	height: 100%; 
	padding-top: 6rem;
	background: url('../images/Codename_Millennium_Zinith_Hero_Mob.html')center no-repeat;	
	background-size: cover;
	text-align: center;	
}

.header .countdown {
	margin-bottom: 0.5rem;
	color: #fff;
	text-align: center;
}

.header .countdown #clock .counter-number {
	display: inline-block;
	width: 6.5rem;
	height: 6.5rem;
	margin-right: 0.5rem;
	margin-bottom: 1.25rem;
	margin-left: 0.5rem;
	padding-top: 2rem;
	border: 0.125rem solid #fff;
	border-radius: 50%;
	font-weight: 400;
	font-size: 2.25rem;
	line-height: 1.25rem;
	text-align: center;
}

.header .countdown #clock .counter-number .timer-text {
	font-size: 0.75rem;
	line-height: 1rem;
	text-align: center;
}

.header h1 {
	margin-bottom: 0.75rem;
	color: #fff;
}

.header .p-large {
	margin-bottom: 1.75rem;
	color: #ddd;
}

.header .btn-solid-lg {
	margin-right: 0.5rem;
	margin-bottom: 1.125rem;
	margin-left: 0.5rem;
}

.header .btn-solid-lg:hover {
	border: 0.125rem solid #23262d;
	color: #ffffff;
}

.header .btn-outline-lg {
	border: 0.125rem solid #fff;
	color: #fff;
}

.header .btn-outline-lg:hover {
	background-color: #fff;
	color: #333;
}

.header .outer-container {
	position: absolute;
	right: 0;
	bottom: -2rem;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.header .outer-container2 {
	position: absolute;
	right: 0;
	bottom: -2rem;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.header .slider-container {
	position: relative;
}

.header .swiper-container {
	position: static;
	width: 80%;
	border-radius: 0.75rem;
}
.header .swiper-container2 {
	position: static;
	width: 100%;
	border-radius: 0.75rem;
}

.header .swiper-container img {
	border-radius: 0.75rem;
}
.header .swiper-container2 img {
	border-radius: 0.75rem;
}

.header .swiper-button-prev:focus,
.header .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.header .swiper-button-prev {
	left: 0.25rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.header .swiper-button-next {
	right: 0.25rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}


/****************************/
/*     05. Registration     */
/****************************/

.form-1 {
	padding-top: 6rem;
	padding-bottom: 0.25rem;
	background-color: #ffffff;
	margin-top: -80px;
}

.form-1 h2 {
	margin-bottom: 1.25rem;
}

.form-1 p,
.form-1 .list-unstyled,
.form-1 .help-block,
.form-1 .checkbox,
.form-1 .checkbox a {
	color: #000000;
}

.form-1 p {
	margin-bottom: 1.5rem;
}

.form-1 .list-unstyled .fas {
	color: #000000;
	font-size: 0.5rem;
	line-height: 1.5rem;
}

.form-1 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.form-1 .form-control-input {
	border: 1px solid #ffedd0;
	background-color: #ffedd0;
}

.form-1 .form-control-input:hover {
	border: 1px solid #fff;
}

.form-1 .form-control-submit-button {
	border: 0.125rem solid #5e5196;
	background-color:#5e5196;
}

.form-1 .form-control-submit-button:hover {
	border: 0.125rem solid #ffedd0;
	background-color: #ffedd0;
}


/************************/
/*     06. Partners     */
/************************/
.slider-1 {
	padding-top: 3.5rem;
	padding-bottom: 3rem;
	background-color: #fbf9f5;
	text-align: center;
}

.slider-1 .p-small {
	color: #797fa7;
}

.slider-1 .slider-container {
	margin-right: 1.5rem;
	margin-left: 1.5rem;
}


/**************************/
/*     07. Instructor     */
/**************************/
.basic-1 {
	padding-top: 0.75rem;
	/* background: linear-gradient(to bottom right, rgb(0 0 0 / 62%), rgb(0 0 0 / 51%)),url(../images/Estella_1.webp)center no-repeat; */
	background: #f2f2f2;
	
}

.basic-1 h2 {
	margin-bottom: 1.25rem;
	margin-top: -20px;
}

.basic-1 img {
	margin-bottom: 2.5rem;
	border-radius: 0.25rem;
}


/* .reg{
	background: linear-gradient(to bottom right, rgb(0 0 0 / 62%), rgb(0 0 0 / 51%)),url(../images/Kanak_Residency_Children.webp)center no-repeat
} */

/***************************/
/*     08. Description     */
/***************************/
.basic-2 {
	padding-top: 3.5rem;
	padding-bottom: 2.75rem;
	background-color: #fbf9f5;
}

.basic-2 h2 {
	margin-bottom: 3.75rem;
	text-align: center;
}

.basic-2 .li-space-lg li {
	margin-bottom: 1.375rem;
}

.basic-2 .list-unstyled .bullet {
	margin-right: 0.625rem;
	width: 2.125rem;
	height: 2.125rem;
	border-radius: 50%;
	background-color: #ffbd50;
	color: #333;
	font-style: normal;
	font-weight: 700;
	font-size: 0.875rem;
	line-height: 2rem;
	text-align: center;
}


/************************/
/*     09. Students     */
/************************/
.basic-3 {
	padding-top: 2.75rem;
	padding-bottom: 4rem;
	background-color: #fbf9f5;
}

.basic-3 .text-container {
	margin-bottom: 3.5rem;
}

.basic-3 h2 {
	margin-bottom: 1.25rem;
}

.basic-3 p {
	margin-bottom: 1.375rem;
}

.basic-3 img {
	border-radius: 0.25rem;
}


/********************************/
/*     10. Details Lightbox     */
/********************************/
.lightbox-basic {
	margin: 2.5rem auto;
	padding: 2rem 1.5rem 2rem 1.5rem;
	border-radius: 0.25rem;
	background: #fbf9f5;
	text-align: left;
}

.lightbox-basic .container {
	padding-right: 0;
	padding-left: 0;
}

.lightbox-basic .image-container {
	max-width: 33.75rem;
	margin-right: auto;
	margin-bottom: 3rem;
	margin-left: auto;
}

.lightbox-basic .image-container img {
	border-radius: 0.25rem;
}

.lightbox-basic h3 {
	margin-bottom: 0.5rem;
}

.lightbox-basic hr {
	width: 2.5rem;
	height: 0.125rem;
	margin-top: 0;
	margin-bottom: 0.875rem;
	margin-left: 0;
	border: 0;
	background-color: #555;
	text-align: left;
}

.lightbox-basic h4 {
	margin-bottom: 1rem;
}

.lightbox-basic .list-unstyled .fas {
	color: #555;
	font-size: 0.5rem;
	line-height: 1.5rem;
}

.lightbox-basic .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.lightbox-basic .btn-outline-reg,
.lightbox-basic .btn-solid-reg {
	margin-top: 0.75rem;
}

/* Signup Button */
.lightbox-basic .btn-solid-reg.mfp-close close {
	position: relative;
	width: auto;
	height: auto;
	color: #333;
	opacity: 1;
}

.lightbox-basic .btn-solid-reg.mfp-close:hover {
	color: #333;
}
/* end of signup Button */

/* Back Button */
.lightbox-basic a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	margin-left: 0.375rem;
	color: #333;
	opacity: 1;
}

.lightbox-basic a.mfp-close.as-button:hover {
	color: #333;
}
/* end of back button */

.lightbox-basic button.mfp-close.x-button {
	position: absolute;
	top: -0.125rem;
	right: -0.125rem;
	width: 2.75rem;
	height: 2.75rem;
	color: #707984;
}


/*********************/
/*     11. Video     */
/*********************/
.basic-4 {
	padding-top: 4rem;
	padding-bottom: 3rem;
	background-color: #fbf9f5;
}

.basic-4 h2 {
	margin-bottom: 2.75rem;
	text-align: center;
}

.basic-4 .image-container {
	margin-bottom: 2rem;
}

.basic-4 .image-container img {
	border-radius: 0.75rem;
}

.basic-4 .video-wrapper {
	position: relative;
}

/* Video Play Button */
.basic-4 .video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	display: block;
	box-sizing: content-box;
	width: 2rem;
	height: 2.75rem;
	padding: 1.125rem 1.25rem 1.125rem 1.75rem;
	border-radius: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-4 .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	border-radius: 50%;
	background: #ffbd50;
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-4 .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	display: block;
	width: 4.375rem;
	height: 4.375rem;
	border-radius: 50%;
	background: #ffbd50;
	transition: all 200ms;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
  
.basic-4 .video-play-button span {
	position: relative;
	display: block;
	z-index: 3;
	top: 0.375rem;
	left: 0.25rem;
	width: 0;
	height: 0;
	border-left: 1.625rem solid #fff;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
  
@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
/* end of video play button */


/*************************/
/*     12. Takeaways     */
/*************************/
.cards {
	padding-top: 3rem;
	padding-bottom: 2rem;
	background-color: #fbf9f5;
}

.cards h2 {
	margin-bottom: 1rem;
	text-align: center;
}

.cards p {
	text-align: center;
}

.cards .card {
	max-width: 21rem;
	margin-right: auto;
	margin-bottom: 4rem;
	margin-left: auto;
	padding: 3rem 1.625rem 1.75rem 1.625rem;
	border: none;
	background-color: #fff;
	text-align: center;
}

.cards .card-image {
	width: 6rem;
	height: 6rem;
	margin-right: auto;
	margin-bottom: 1.5rem;
	margin-left: auto;
	border-radius: 50%;
	background-color: #fbf9f5;
}

.cards .fas,
.cards .far {
	color: #ffbd50;
	font-size: 3rem;
	line-height: 6rem;
}

.cards .card-body {
	padding: 0;
}

.cards .card-title {
	margin-bottom: 0.5rem;
}


/****************************/
/*     13. Testimonials     */
/****************************/
.slider-2 {
	padding-top: 2.5rem;
	padding-bottom: 4rem;
	background-color: #fbf9f5;
}

.slider-2 h3 {
	margin-bottom: 3.75rem;
	text-align: center;
}

.slider-2 .slider-container {
	position: relative;
}

.slider-2 .swiper-container {
	position: static;
	width: 88%;
	text-align: center;
}
.slider-2 .swiper-container2 {
	position: static;
	width: 100%;
	text-align: center;
}

.slider-2 .image-wrapper {
	width: 6rem;
	margin-right: auto;
	margin-bottom: 1.5rem;
	margin-left: auto;
}

.slider-2 .image-wrapper img {
	border-radius: 0.25rem;
}

.slider-2 .testimonial-text {
	margin-bottom: 0.5rem;
}

.slider-2 .testimonial-author {
	color: #333;
}

.slider-2 .swiper-button-prev,
.slider-2 .swiper-button-next {
	width: 1.125rem;
}

.slider-2 .swiper-button-prev:focus,
.slider-2 .swiper-button-next:focus {
	/* even if you can't see it chrome you can see it on mobile device */
	outline: none;
}

.slider-2 .swiper-button-prev {
	left: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23505c67'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}

.slider-2 .swiper-button-next {
	right: -0.5rem;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23505c67'%2F%3E%3C%2Fsvg%3E");
	background-size: 1.125rem 1.75rem;
}


/********************/
/*     14. Date     */
/********************/
.basic-5 {
	background-color: #181515de;
}

.basic-5 .text-container {
	padding-top: 2rem;
	margin-top: -48px;
	padding-bottom: 2.125rem;
	border-radius: 0.75rem;
	background-color: #fff;
	/* background: #545656; */
	/*background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../images/header-background.jpg') center center no-repeat;*/
	/* background-size: cover; */
	text-align: center;
}

.basic-5 h2 {
	width: 90%;
	margin-right: auto;
	margin-bottom: 2rem;
	margin-left: auto;
	color: #eee;
}

.basic-5 p {
	/* width: 88%; */
	margin-right: auto;
	margin-bottom: 1.75rem;
	margin-left: auto;
	color: #000;
}

.basic-5 .btn-solid-lg:hover {
	border: 0.125rem solid #fff;
	color: #fff;
}


/**************************/
/*     15. Newsletter     */
/**************************/
.form-2 {
	padding-top: 7.125rem;
	padding-bottom: 1rem;
	background-color: #ffffff;
}

.form-2 h3 {
	margin-bottom: 3.25rem;
	text-align: center;
}

.form-2 form {
	margin-bottom: 3rem;
}

.form-2 .icon-container {
	text-align: center;
}

.form-2 .fa-stack {
	width: 2em;
	margin-bottom: 0.75rem;
	margin-right: 0.375rem;
	font-size: 1.5rem;
}

.form-2 .fa-stack .fa-stack-1x {
    color: #333;
	transition: all 0.2s ease;
}

.form-2 .fa-stack .fa-stack-2x {
	color: #ffbd50;
	transition: all 0.2s ease;
}

.form-2 .fa-stack:hover .fa-stack-1x {
	color: #ffbd50;
}

.form-2 .fa-stack:hover .fa-stack-2x {
    color: #333;
}


/***********************/
/*     16. Contact     */
/***********************/
.form-3 {
	padding-top: 2.125rem;
	padding-bottom: 1.125rem;
	background-color: #fbf9f5;
}

.form-3 .text-container {
	margin-bottom: 3rem;
}

.form-3 h2 {
	margin-bottom: 1.125rem;
}

.form-3 p {
	color: #333;
	margin-bottom: 2rem;
}

.form-3 h3 {
	margin-bottom: 0.875rem;
}

.form-3 .list-unstyled,
.form-3 .list-unstyled a {
	color: #333;
}

.form-3 .list-unstyled .fas {
	color: #333;
	font-size: 1rem;
	line-height: 1.625rem;
}

.form-3 .list-unstyled .media-body {
	margin-left: 0.75rem;
}

.form-3 .list-unstyled .media-body .fas.fa-globe {
	margin-left: 1.125rem;
	margin-right: 0.75rem;
}

.form-3 .form-control-input,
.form-3 .form-control-textarea {
	border: 1px solid #0c9c54;
	background-color: #d9d3f1;
}

.form-3 .form-control-input:hover,
.form-3 .form-control-textarea:hover {
	border: 1px solid #005fea;
}

.form-3 .help-block,
.form-3 .checkbox,
.form-3 .checkbox a {
	color: #333;
}

.form-3 .form-control-submit-button {
	border: 0.125rem solid #053d26;
	/*background-color: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;*/
	background-color: #053d26;
	color:#fff;
	
}

.form-3 .form-control-submit-button:hover {
	/*background:linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%) 0% 0% no-repeat padding-box!important;*/
	border: 0.125rem solid #000000;
	background-color: #000000;
	color:#f4cc5a;
}


/**********************/
/*     17. Footer     */
/**********************/
.footer {
	padding-top: 1.75rem;
	padding-bottom: 1rem;
	background: #000;
	color: #fff;
	/*background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../images/header-background.jpg') center center no-repeat;*/
	background-size: cover;
}

#f1{
	background: #10544e ;
}

.footer .footer-col {
	margin-bottom: 2.25rem;
}

.footer h5 {
	margin-bottom: 0.5rem;
}

.footer a { 
	text-decoration: none;
}

.footer h5,
.footer p,
.footer a {
	color: #000;
}

.footer .list-unstyled .fas {
	color: #bbb;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.footer .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.footer .fab {
	margin-bottom: 0.75rem;
	margin-right: 1rem;
	color: #ccc;
	font-size: 1.25rem;
	transition: all 0.2s ease;
}

.footer .fab:hover {
	color: #ffbd50;
}


/*************************/
/*     18. Copyright     */
/*************************/
.copyright {
	padding-top: 1.5rem;
	padding-bottom: 0.375rem;
	background-color: #000;
	text-align: center;
}

.copyright .p-small {
	color: #999;
	font-size: 0.75rem;
	line-height: 1.375rem;
}

.copyright a {
	color: #999;
}


/**********************************/
/*     19. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 1.4rem;
	bottom: 3.3rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: #10544e   url("../images/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #aa8b3d; 
	color:#ffffff;
}


/***************************/
/*     20. Extra Pages     */
/***************************/
.ex-header {
	padding-top: 8rem;
	padding-bottom: 5rem;
	background: linear-gradient(to bottom right, rgba(5, 5, 5, 0.8), rgba(5, 0, 0, 0.8)), url('../images/header-background.html') center center no-repeat;
	background-size: cover;
	text-align: center;
}

.ex-basic-1 {
	padding-top: 2rem;
	padding-bottom: 0.875rem;
	background-color: #efebe5;
}

.ex-basic-1 .breadcrumbs {
	margin-bottom: 1.125rem;
}

.ex-basic-1 .breadcrumbs .fa {
	margin-right: 0.5rem;
	margin-left: 0.625rem;
	font-size: 0.875rem;
}

.ex-basic-2 {
	padding-top: 4.75rem;
	padding-bottom: 4rem;
	background-color: #fbf9f5;
}

.ex-basic-2 h3 {
	margin-bottom: 1rem;
}

.ex-basic-2 .text-container {
	margin-bottom: 3.625rem;
}

.ex-basic-2 .text-container.last {
	margin-bottom: 0;
}

.ex-basic-2 .text-container.dark {
	padding: 1.625rem 1.5rem 0.75rem 2rem;
	background-color: #efebe5;
}

.ex-basic-2 .image-container-large {
	margin-bottom: 4rem;
}

.ex-basic-2 .image-container-large img {
	border-radius: 0.375rem;
}

.ex-basic-2 .image-container-small img {
	border-radius: 0.375rem;
}

.ex-basic-2 .list-unstyled .fas {
	color: #ffbd50;
	font-size: 0.5rem;
	line-height: 1.5rem;
}

.ex-basic-2 .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.ex-basic-2 .form-container {
	margin-top: 3rem;
}

.ex-basic-2 .btn-solid-reg {
	margin-top: 1.5rem;
}


/*****************************/
/*     21. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {
	
	/* General Styles */
	.p-heading {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of general styles */


	/* Header */
	/* .header {
		padding-top: 9rem;
	} */

	.header h1 {
		/* font-size: 4rem;
		letter-spacing: 1.7px; */
		line-height: 4.875rem;
		
	}

	.header .btn-solid-lg {
		margin-bottom: 0;
		margin-left: 0;
	}

	.header .outer-container {

		bottom: -4rem;
	}
	
	.header .outer-container2 {
		bottom: -4rem;
	}

	.header .swiper-button-prev {
		left: 1.5rem;
	}
	
	.header .swiper-button-next {
		right: 1.5rem;
	}
	/* end of header */


	/* Registration */
	.form-1 {
		padding-top: 8rem;
	}
	/* end of registration */


	/* Description */
	.basic-2 h2 {
		width: 41rem;
		margin-right: auto;
		margin-left: auto;
	}

	.basic-2 .list-unstyled .bullet {
		width: 3.25rem;
		height: 3.25rem;
		margin-right: 1rem;
		font-size: 1.375rem;
		line-height: 3.25rem;
	}
	/* end of description */


	/* Newsletter */
	.form-2 form {
		width: 31.875rem;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of newsletter */


	/* Extra Pages */
	.ex-header {
		padding-top: 11rem;
		padding-bottom: 9rem;
	}

	.ex-basic-2 .text-container.dark {
		padding: 1rem 1rem 1rem 1rem;
	}

	.ex-basic-2 .form-container {
		margin-top: 0;
	}
	/* end of extra pages */
}
/* end of min-width width 768px */


/* Min-width width 992px */
@media (min-width: 992px) {
	
	/* Navigation */
	.navbar-custom {
		padding: 0.5rem 1.5rem 0.5rem 2rem;
        /* background: #977343; */
		box-shadow: none;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.navbar-custom .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.75rem;
		color: #2b0001;
		font-size: 14px;
		margin-right: 20px;
		font-weight: 500; 
		
	}

	.navbar-custom.top-nav-collapse {
        /* padding: 0.5rem 1.5rem 0.5rem 2rem; */
		background-color: #fff ;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.05);
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: #000;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: #8f8304;
	}

	.navbar-custom .dropdown-menu {
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-top: 0.75rem solid rgba(0, 0, 0, 0);
		border-radius: 0.25rem;
	}

	.navbar-custom.top-nav-collapse .dropdown-menu {
		border-top: 0.5rem solid rgba(0, 0, 0, 0);
		box-shadow: 0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.02);
	}

	.navbar-custom .dropdown-item {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar-custom .dropdown-divider {
		width: 84%;
	}

	.navbar-custom .social-icons {
		display: block;
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}

	.navbar-custom .fa-stack {
		width: 2em;
		margin-left: 0.25rem;
		font-size: 0.75rem;
	}
	
	.navbar-custom .fa-stack-2x {
		color: #ffbd50;
		transition: all 0.2s ease;
	}
	
	.navbar-custom .fa-stack-1x {
		color: #333;
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack:hover .fa-stack-2x {
		color: #ee832b;
	}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: #fff;
	}
	/* end of navigation */


	/* General Styles */
	.p-heading {
		width: 65%;
	}
	/* end of general styles */


	/* Header */
	.header h1,
	.header .p-large {
		/* width: 60rem; */
		margin-right: auto;
		margin-left: auto;
	}

	.header .swiper-button-prev {
		left: 3rem;
	}
	
	.header .swiper-button-next {
		right: 3rem;
	}
	/* end of header */


	/* Registration */
	.form-1 {
		padding-top: 10rem;
	}
	/* end of registration */


	/* Instructor */
	.basic-1 {
		padding-bottom: 1.5rem;
	}

	.basic-1 img {
		margin-bottom: 0;
	}
	/* end of instructor */


	/* Description */
	.basic-2 {
		padding-top: 4.5rem;
		padding-bottom: 3.5rem
	}
	/* end of description */


	/* Students */
	.basic-3 {
		padding-top: 3.5rem;
		padding-bottom: 4.5rem;
	}

	.basic-3 .text-container {
		margin-bottom: 0;
	}
	/* end of students */


	/* Details Lightbox */
	.lightbox-basic {
		max-width: 62.5rem;
		padding: 2.5rem 2.5rem 2.5rem 2.5rem;
	}

	.lightbox-basic .image-container {
		max-width: 100%;
		margin-right: 2rem;
		margin-bottom: 0;
		margin-left: 0.5rem;
	}
	
	.lightbox-basic h3 {
		margin-top: 0.5rem;
	}
	/* end of details lightbox */


	/* Video */
	.basic-4 {
		padding-top: 4.5rem;
		padding-bottom: 3.5rem;
	}
	/* end of video */


	/* Takeaways */
	.cards {
		padding-top: 3.5rem;
		padding-bottom: 3rem;
	}

	.cards .card {
		display: inline-block;
		width: 17.75rem;
		max-width: 100%;
		vertical-align: top;
	}

	.cards .card:nth-child(3n+2) {
		margin-right: 2rem;
		margin-left: 2rem;
	}
	/* end of takeaways */


	/* Testimonials */
	.slider-2 {
		padding-bottom: 9rem;
	}

	.slider-2 h3 {
		width: 37.5rem;
		margin-right: auto;
		margin-left: auto;
	}

	.slider-2 .swiper-container {
		width: 92%;
		text-align: left;
	}
	.slider-2 .swiper-container2 {
		width: 100%;
		text-align: left;
	}

	.slider-2 .image-wrapper {
		float: left;
		width: 6rem;
		margin-bottom: 0;
	}

	.slider-2 .text-wrapper {
		max-width: 100%;
		margin-left: 7.375rem;
	}

	.slider-2 .swiper-button-prev {
		left: 0;
	}
	
	.slider-2 .swiper-button-next {
		right: 0;
	}
	/* end of testimonials */


	/* Date */
	.basic-5 h2 {
		width: 70%;
	}
	/* end of date */


	/* Newsletter */
	.form-2 {
		padding-top: 3rem;
	}

	.form-2 h3 {
		width: 37.5rem;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of newsletter */


	/* Contact */
	.form-3 .text-container {
		margin-bottom: 0;
	}
	/* end of contact */


	/* Extra Pages */
	.ex-header h1 {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 {
		padding-bottom: 5rem;
	}
	/* end of extra pages */
}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/* Header */
	/* .header {
		padding-bottom: 39rem;
	} */

	.header .outer-container {
		width: 69.375rem;
		bottom: -6rem;
	}
	
	.header .outer-container2 {
		width: 100%;
		bottom: -6rem;
	}

	.header .swiper-container {
		width: 100%;
	}
	
	.header .swiper-container2 {
		width: 100%;
	}

	.header .swiper-button-prev {
		left: -2.25rem;
	}
	
	.header .swiper-button-next {
		right: -2.25rem;
	}
	/* end of header */
	

	/* Registration */
	.form-1 {
		padding-top: 7rem;
		padding-bottom: 5rem;
		/* margin-bottom: 7rem; */
	}

	.form-1 .text-container {
		margin-top: 1rem;
		margin-right: 2.5rem;
	}

	.form-1 form {
		margin-left: 1.5rem;
	}
	/* end of registration */


	/* Instructor */
	.basic-1 .text-container {
		margin-top: 3.125rem;
		margin-left: 3.5rem;
	}
	/* end of instructor */


	/* Description */
	.basic-2 .list-unstyled.first {
		margin-right: 1.625rem;
	}

	.basic-2 .list-unstyled.second {
		margin-left: 1.625rem;
	}
	/* end of description */


	/* Students */
	.basic-3 .text-container {
		margin-top: 2.5rem;
		margin-right: 3.5rem;
	}
	/* end of instructor */


	/* Takeaways */
	.cards .card {
		width: 21rem;
	}

	.cards .card:nth-child(3n+2) {
		margin-right: 2.875rem;
		margin-left: 2.875rem;
	}
	/* end of takeaways */


	/* Testimonials */
	.slider-2 .swiper-container {
		width: 90%;
	}
	
	.slider-2 .swiper-container2 {
		width: 100%;
	}

	.slider-2 .text-wrapper {
		margin-top: 0;
	}
	/* end of testimonials */


	/* Date */
	.basic-5 h2 {
		width: 50%;
	}

	.basic-5 p {
		/* width: 74%; */
	}
	/* end of date */


	/* Contact */
	.form-3 .text-container {
		margin-top: 2.25rem;
		margin-right: 3.5rem;
	}
	/* end of contact */


	/* Footer */
	.footer .footer-col.first {
		margin-right: 1.5rem;
	}

	.footer .footer-col.second {
		margin-left: 3rem;
	}

	.footer .footer-col.third {
		margin-left: 2.75rem;
	}

	.footer .footer-col.fourth {
		margin-left: 1.5rem;
	}
	/* end of footer */


	/* Extra Pages */
	.ex-header h1 {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}

	.ex-basic-2 .form-container {
		margin-left: 1.75rem;
	}

	.ex-basic-2 .image-container-small {
		margin-left: 1.75rem;
	}
	/* end of extra pages */
}
/* end of min-width width 1200px */
.amenity{
	margin-top: 1.5rem;
}

/*Whats app Float*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:08px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
@media (max-width: 768px) {
    .hidelg {
  display: none;
}
  .float {
    top: 85%;
  }
}
  #modal-footer {
	 
  background: #10544e ;
  /*background: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;*/

  /* border-radius: 20px; */
  padding: 5px;
  
}

#modal-footer h5 {
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
  font-weight: 800;
}

#modal-footer h4 {
  text-align: center;
  font-weight: 600;
}

#modal-footer a {
  color: #ffffff;
  font-weight: 700;
}
.down_enquiry {
	/*background: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;*/

  /* background: #0550ff; */
  background: none  scroll 0 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 9;
  display: none;
}

.down_enquiry ul li a:hover {

  color: #ffffff;
}

.down_enquiry ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.down_enquiry ul li {
  float: left;
  text-align: center;
  width: 50%;
  border-right: 1px solid #fff;
}

.down_enquiry ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
  padding: 10px 0;
}

@media (max-width: 768px) {
  .hidemob {
    display: none;
  }

  .visible-xs {
    display: block !important;
  }
}


/*--------------------------------------------------------------
# Why Us accordion
--------------------------------------------------------------*/
/* .why-us .content {
  padding: 10px 20px 0 20px;
} */

.why-us .content h3 {
  font-weight: 400;
  font-size: 34px;
  color: #37517e;
}

.why-us .content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 5px;
}

.why-us .content p {
  font-size: 15px;
  color: #333333;
}

.why-us .img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.why-us .accordion-list {
  padding: 0 10px 30px 00px;
}

.why-us .accordion-list ul {
  padding: 0;
  list-style: none;
}

.why-us .accordion-list li+li {
  margin-top: 15px;
}

.why-us .accordion-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
}

.why-us .accordion-list a {
  display: block;
  position: relative;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 30px;
  outline: none;
  cursor: pointer;
}

.why-us .accordion-list span {
  color: #47b2e4;
  font-weight: 600;
  font-size: 18px;
  padding-right: 10px;
}

.why-us .accordion-list i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.why-us .accordion-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.why-us .accordion-list .icon-show {
  display: none;
}

.why-us .accordion-list a.collapsed {
  color: #343a40;
}

.why-us .accordion-list a.collapsed:hover {
  color: #47b2e4;
}

.why-us .accordion-list a.collapsed .icon-show {
  display: inline-block;
}

/*.why-us .accordion-list a.collapsed .icon-close {
  display: none;
}*/

@media (max-width: 1024px) {

  .why-us .content,
  .why-us .accordion-list {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 992px) {
  .why-us .img {
    min-height: 400px;
  }
/* 
  .why-us .content {
    padding-top: 10px;
  } */

  .why-us .accordion-list {
    padding-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .why-us .img {
    min-height: 200px;
  }
}
/*--------------------------------------------------------------
# accordion-list2
--------------------------------------------------------------*/


.why-us .accordion-list2 {
  padding: 0 00px 30px 18px;
}

.why-us .accordion-list2 ul {
  padding: 0;
  list-style: none;
}

.why-us .accordion-list2 li+li {
  margin-top: 15px;
}

.why-us .accordion-list2 li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
}

.why-us .accordion-list2 a {
  display: block;
  position: relative;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 30px;
  outline: none;
  cursor: pointer;
}

.why-us .accordion-list2 span {
  color: #47b2e4;
  font-weight: 600;
  font-size: 18px;
  padding-right: 10px;
}

.why-us .accordion-list2 i {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.why-us .accordion-list2 p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.why-us .accordion-list2 .icon-show {
  display: none;
}

.why-us .accordion-list2 a.collapsed {
  color: #343a40;
}

.why-us .accordion-list2 a.collapsed:hover {
  color: #47b2e4;
}

.why-us .accordion-list2 a.collapsed .icon-show {
  display: inline-block;
}

.why-us .accordion-list2 a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1024px) {

  .why-us .content,
  .why-us .accordion-list2 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 992px) {
  .why-us .img {
    min-height: 400px;
  }

  /* .why-us .content {
    padding-top: 10px;
  } */

  .why-us .accordion-list2 {
    padding-bottom: 30px;
  }
}

@media (max-width: 575px) {
  .why-us .img {
    min-height: 200px;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 0px 0;
  overflow: hidden;
}

.section-title {
  text-align: center;
  padding-bottom: 0px;
}

.section-title h2 {
  font-size: 30px;
  margin-top: 40px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #000;
}

.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: transparent linear-gradient(267deg, #10544e  0%, #000 100%) 0% 0% no-repeat padding-box!important;
  /*background: #5e5196;*/
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}


.section-bg {
  /* background-color: #f7e7a6; */
}


#btn5{
	background-color:  #000;
	color:#fff;
}

#btn5:hover{
	background-color:  #fff;
	color: #000;
}

#btn4{
	background-color:  #fff;
	color:#000;
	margin-top: 5px;
	margin-bottom: 5px;
}

#btn4:hover{
	background-color:  #ffca05;
	color:#000;
}

#btn7{
	background-color:  #aa8b3d;
	color:#fff;
}

#btn7:hover{
	background-color:  #2b0001; 
	color:#fff;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #000;
}
/* Style the buttons inside the tab */
.tab button {
  /* margin-right: 1.4px; 
  margin-left: -6px;*/
  text-align: center;
  background-color: #000;
  float: none;
  border: none;
  outline: none;  
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
  font-size: 19px;
  color: #fff;
  padding: 10px 87.5px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #000;
  color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
	/*background:linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%) 0% 0% no-repeat padding-box!important;*/
  background-color: #10544e ;
  color:#fff;
  /* padding-right: 69px;  */
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.slidertext{
	text-align:center;
	font-size:18px;
	color:#ffffff;
}

.bottom-centered {
	/*Desktop View*/
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:28px;
  color:#fff;
   background-color: #23262d;
 /*background: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;*/
  
  padding:10px;
}
/*.span {
  background-color: #0c9c54;
  padding:10px;
}*/
.bottom-cen {
	/*Mobile View*/
  position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #fff;
	background-color: #23262d;
    /* background: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;*/
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}

/* #floorplanbutton {
	color: #fff;
	background: #23262d;
	border-radius: 13px;
	padding: 5px 6px;
	position: relative;
	top: -215px;
	display: inherit;
	margin: 0 80px;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	font-size: 18px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	align-items: center;
	transition: transform .2s;
	text-decoration:none;
  } */




.container .imgbtn {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #5e5196;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .imgbtn:hover {
  background-color: #0c9c54;
  color:#ffffff;
}

a.theme-btn, .selldof .btn {
    /*background: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;
	
	background: transparent linear-gradient(267deg, #e61078 0%, #01ff5a 100%) 0% 0% no-repeat padding-box!important;
	border-radius: 2rem; */
	background:#10544e ;    
    height: 45px!important;
    padding: 10px 30px!important;
    display: inline-block;
    color: #fff;
    font-size: 16px!important;
    line-height: 26px!important;
    font-weight: 700!important;
	text-decoration: none;
	margin-bottom: 15px;
}

a.theme-btn:hover, .selldof .btn:hover {
	/*background:linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%) 0% 0% no-repeat padding-box!important;
    background: linear-gradient(to right, #fe8c00 0%, #f83600 51%, #fe8c00 100%) 0% 0% no-repeat padding-box!important;
	   background: linear-gradient(to right, #5b5b5b 0%, #022823 51%, #5b5b5b 100%) 0% 0% no-repeat padding-box!important;
	background: transparent linear-gradient(87deg, #e61078 0%, #01ff5a 100%) 0% 0% no-repeat padding-box!important;*/
	background:#aa8b3d;
	color:#fff;
   
}
a, .next-sec {
    cursor: pointer;
}

 /*Call BTN*/
/*
 *{
    padding:0;
    margin:0;
}
.container{
    display: flex;
    justify-content:center;
    align-items:center;
    height:100vh;
    background:#2f3640;  
}
.pulse i{
    color:#fff;
    font-size:3rem;
}
.pulse{
    background:#31f314;
    height: 150px;
    width:150px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
}
.pulse::before{
    content:"";
    position: absolute;
    width:calc(100% + 40px);
    height:calc(100% + 40px);
    border:2px solid #31f314;
    border-radius:50%;
    animation:animate 1.5s linear infinite;
}
.pulse::after{
    content:"";
    position: absolute;
    width:calc(100% + 40px);
    height:calc(100% + 40px);
    border:2px solid #31f314;
    border-radius:50%;
    animation:animate 1.5s linear infinite;
    animation-delay:0.4s;
}
@keyframes animate{
    0%{
        transform:scale(0.5);
        opacity:0;
    }
    50%{
        transform:scale(1);
        opacity:1;
    }
    100%{
        transform:scale(1.4);
        opacity:0;
    }
}*/


/*Share Button*/
/* Import font */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* General styles */
/* 
		/* Import font */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

.wrapper {
	position: relative;
	position: fixed;
    bottom: 140px;
    right: 25px;
    z-index: 100;
	
}
.wrapper :is(.btn, .link) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*width: 50px;
	height: 50px;*/
	width: 2.625rem;
    height: 2.625rem;	
	background-color: #10544e ;
	/*background:background: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;*/
	color: #fff;
	border-radius: 50%;
	text-decoration: none;
}

.btn {
	position: absolute;
	border: none;
	cursor: pointer;
	z-index: 10;
}

.btn:hover {
	/* outline: 3px solid #248EE9; */
	background-color:#aa8b3d;
	outline-offset: -4px;
	color: #fff;
	
	
}
.item {
	position: absolute;
	list-style: none;
	transition: transform 0.5s;
	transition-delay: var(--d);
	margin-left: -40px;
}
.wrapper.active .item:nth-child(1) {
	transform: translateY(-132px);
	
}
.wrapper.active .item:nth-child(2) {
	transform: translateY(-65px);
	
}
.wrapper.active .item:nth-child(3) {
	transform: translateY(-199px);
}
.link:hover {
	color: #04a53a;
	transition: background-color 0.5s;
}
.ig:hover{
	background-color:#04a53a;
	color:#fff;
	/*Whatsapp*/
}
.tw:hover {
	color:#fff;
	background-color: #aa8b3d;
	/*Call*/
}

.sc:hover {
	color:#fff;
	background-color: #aa8b3d;
	/*Document*/
	/*color: inherit;*/
}
.share-btntext{
	/*Desktop View*/
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:16px;
  color:#000;
  background: transparent linear-gradient(267deg, #F0C618 0%, #F08418 100%) 0% 0% no-repeat padding-box!important;
  /*background-color: #0c9c54;*/
  padding:10px;
}

/*New Blooming Code*/
.container{
   
    justify-content:center;
    align-items:center;
   
     
}
.pulse i{
    color:#fff;
    font-size:2.3rem;
}
.pulse{
    background:#31f314;
    /*height: 60px;
    width:60px;*/
    border-radius:50%;
    display:flex;
    
}
.pulse::before{
    content:"";
    position: absolute;
    width:calc(100% + 40px);
    height:calc(100% + 40px);
    border:2px solid #31f314;
    border-radius:50%;
    animation:animate 1.5s linear infinite;
}
.pulse::after{
    content:"";
    position: absolute;
    width:calc(100% + 40px);
    height:calc(100% + 40px);
    border:2px solid #31f314;
    border-radius:50%;
    animation:animate 1.5s linear infinite;
    animation-delay:0.4s;
}
@keyframes animate{
    0%{
        transform:scale(0.5);
        opacity:0;
    }
    50%{
        transform:scale(1);
        opacity:1;
    }
    100%{
        transform:scale(1.4);
        opacity:0;
    }
}
/*
a.Sharebtn {
	position: fixed;
    bottom: 40px;
    right: 8px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

a:hover.Sharebtn {
	background-color: #f83600; 
}*/

  .accordion {
	background-color: #10544e ;
	color: #fff;
	cursor: pointer;
	padding: 0px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	height: 70px;
	font-size: 19px;
	transition: 0.4s;
	margin-bottom: 15px;
	font-weight: 600;
  }
  
  .accordion:hover {
	background-color: #000;
	color: #fff;
  }
  
  .accordion:after {
	/* content: '\002B'; */
	color: #fff;
	font-weight: bold;
	float: right;
	font-weight: 600;
	margin-left: 5px;
  }
  
 
  /* .active:after {
	content: "\2212";
  } */

  .panel {
	padding: 0 18px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }

  .panel ul{
	padding-top: 10px;
  }

  .reg {
	padding-top: 0.75rem;
	/* background: linear-gradient(to bottom right, rgb(255 255 255), rgb(255 255 255 / 64%)),url(../images/Builder.webp)right no-repeat; */
	/* background: linear-gradient(to bottom right, rgb(0 0 0 / 62%), rgb(0 0 0 / 51%)),url(../images/Builder.webp)center;
	background: #e9e5e2; */
	
}


/* Pricing Section */


.pricing-table-3{
	background-color:#FFF;
	margin:15px auto;
	box-shadow:0px 0px 25px rgba(0,0,0,0.1);
	max-width:323px;
	border-radius:0px 10px 0px 10px;
	overflow:hidden;
	position:relative;
	min-height:250px;
	transition:all ease-in-out 0.25s;
  }
  .pricing-table-3:hover{
	transform:scale(1.1,1.1);
	cursor:pointer;
  }
  
  .pricing-table-3.basic .price{
	/* background-color:#28b6f6; */
	color:#FFF;
  }
  .pricing-table-3.premium .price{
	background-color:#ff9f00;
	color:#FFF;
  }
  .pricing-table-3.business .price{
	background-color:#c3185c;
	color:#FFF;
  }
  
  .pricing-table-3 .pricing-table-header{
	background-color:#10544e;
	color:#FFF;
	padding:4px 19px 17px 20px;
	/* position:absolute; */
	z-index:5;
  }
  .pricing-table-3 .pricing-table-header p{
	font-size:12px;
	opacity:0.7;
  }
  .pricing-table-3 .pricing-table-header::before{
	content:"";
	position:absolute;
	left:-45px;
	right:-213px;
	height:130px;
	top:-45px;
	/* background-color:#000; */
	z-index:-1;
	transform:rotate(-25deg)
  }
  
  .pricing-table-3 .price{
	position:absolute;
	top:0px;
	text-align:right;
	padding:0px 0px 0px 0px;
	right:0px;
	left:0px;
	font-size:20px;
	z-index:4;
  }
  .pricing-table-3 .price::before{
	content:"";
	position:absolute;
	left:0px;
	right:0px;
	height:100px;
	bottom:-30px;
	background-color:inherit;
	transform:skewY(10deg);
	z-index:-1;
	/* box-shadow:0px 5px 0px 5px rgba(0,0,0,0.05); */
  }
  
  
  .pricing-table-3 .pricing-body{
	padding:20px;
	padding-top:0px;  
  }
  .pricing-table-3 .pricing-table-ul li{
	color:rgba(0,0,0,0.7);
	font-size:13px;
	padding:0px;
	border-bottom:1px solid rgba(0,0,0,0.1);
  }
  .pricing-table-3 .pricing-table-ul .fa{
	margin-right:10px;
  }
  .pricing-table-3.basic .pricing-table-ul .fa{
	color:#28b6f6;
  }
  .pricing-table-3.premium .pricing-table-ul .fa{
	color:#ff9f00;
  }
  .pricing-table-3.business .pricing-table-ul .fa{
	color:#c3185c;
  }
  .pricing-table-3 .view-more{
	margin:10px 20px;
	display:block;
	text-align:center;
	background-color:#212121;
	padding:10px 0px;
	color:#FFF;
  }





  #specification .row {
	margin-right: 0;
	margin-left: 0;
	position: relative;
  }
  
  .speccontent {
	padding: 0 15%;
  }
  
  .speccontentchild {
	height: 100%;
	padding-right: 0;
  }
  
  
  #specification {
	background: #ffffff;
	padding: 10px auto;
	padding-bottom: 2%;
	position: relative;
	margin-bottom: -35px;
	margin-top: 2.1rem;
  }
  
  #specification .container  h2 {
	color: #010101;
	font-size: 3rem;
	text-align:center;
	letter-spacing: 2px;
	font-family: 'Exo 2';
	font-weight: 700;
	margin-bottom: 20px;
	color: #C6A263;
  }
  
  #specification p {
	margin:  auto;
	font-size: 24px;
	color: #000;
	font-weight: 600;
	padding: 15px;
	border-top: 3px solid #10544e ;
	letter-spacing: 1px;
  }