/*
  Theme Name: Taxring - Design By Webrex Designing.
  Support: webrexdesigning@gmail.com
  Description: Taxring - Design By Webrex Designing.
  Version: 1.0
*/

/* CSS Index
============================
01. Variable CSS
02. Header
03. Mobile Menu
04. Search
05. OffCanvas
06. Slider
07. Banner
08. Breadcrumb
09. About
10. Overview
11. Features
12. Choose
13. Services
14. Cta
15. Counter
16. Estimate
17. Project
18. Faq
19. Request
20. Team
21. Testimonial
22. Pricing
23. Contact
24. Blog
25. Brand
26. Error
27. Footer
28. Preloader
============================
*/



/*=============================
	1. Google Fonts
===============================*/
/* @import url('../../../../css2'); */

/*=============================
	01. Variable CSS
===============================*/
:root {
    --tg-body-font-family: 'Plus Jakarta Sans', sans-serif;
    --tg-heading-font-family: 'Urbanist', sans-serif;
    --tg-primary-color: #016ab5;
    --tg-secondary-color: #00194C;
    --tg-body-font-color: #687799;
    --tg-heading-font-color: #00194C;
    --tg-paragraph-color: #687799;
    --tg-section-background: #F8FAFF;
    --tg-body-font-size: 16px;
	--tg-body-font-normal: 400;
    --tg-body-font-weight: 500;
    --tg-heading-font-weight: 700;
    --tg-body-line-height: 1.7;
    --tg-heading-line-height: 1.2;
    --tg-blue: #0967ab;
    --tg-metallic-blue: #324B7D;
    --tg-cornflower-blue: #B3CCFF;
    --tg-steel-blue: #B6C1DB;
    --tg-lavender: #E6EEFF;
    --tg-indigo: #6610f2;
    --tg-purple: #6f42c1;
    --tg-pink: #FF005C;
    --tg-red: #FF3C3C;
    --tg-orange: #fd7e14;
    --tg-yellow: #FFB930;
    --tg-green: #219653;
    --tg-teal: #20c997;
    --tg-cyan: #0dcaf0;
    --tg-white: #ffffff;
    --tg-black: #000;
    --tg-gray: #F1F4FC;
    --tg-gray-two: #F1F5FF;
    --tg-gray-three: #96A1B8;
    --tg-gray-four: #667594;
    --tg-border-color: #E1E5EE;
    --facebook: #3b5998;
    --twitter: #00acee;
    --linkedin: #1976d2;
    --pinterest: #3b5998;
    --youtube: #c4302b;
    --skype: #00aff0;
}
body {
	font-family: var(--tg-body-font-family);
	font-weight: var(--tg-body-font-weight);
	font-size: var(--tg-body-font-size);
	line-height: var(--tg-body-line-height);
	color: var(--tg-body-font-color);
	font-style: normal;
}
img,
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	text-decoration: none;
}
a:focus,
.btn:focus,
button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: var(--tg-primary-color);
	text-decoration: none;
}
a,
button {
	color: var(--tg-primary-color);
	outline: medium none;
	text-decoration: none;
}
.btn:focus,
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
	outline: 0
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--tg-heading-font-family);
	color: var(--tg-heading-font-color);
	margin-top: 0px;
	margin-bottom: .7rem;
	font-style: normal;
	line-height: var(--tg-heading-line-height);
	font-weight: var(--tg-heading-font-weight);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 1rem;
}
h3 {
	font-size: 0.75rem;
}
h4 {
	font-size: 0.5rem;
}
h5 {
	font-size: 0.25rem;
}
h6 {
	font-size: 0rem;
}
.list-wrap {
	margin: 0px;
	padding: 0px;
}
.list-wrap li {
	list-style: none
}
p {
	font-size: var(--tg-body-font-size);
	font-weight: var(--tg-body-font-normal);
	line-height: var(--tg-body-line-height);
	color: var(--tg-paragraph-color);
	margin-bottom: 15px;
    
}
hr {
	border-bottom: 1px solid var(--tg-primary-color);
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: var(--tg-body-font-color);
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
}
*::-moz-selection {
	background: var(--tg-primary-color);
	color: var(--tg-white);
	text-shadow: none;
	font-size: 14px;
}
::-moz-selection {
	background: var(--tg-primary-color);
	color: var(--tg-white);
	text-shadow: none;
	font-size: 14px;
}
::selection {
	background: var(--tg-primary-color);
	color: var(--tg-white);
	text-shadow: none;
	font-size: 14px;
}
*::-moz-placeholder {
	color: var(--tg-body-font-color);
	font-size: var(--tg-body-font-size);
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: var(--tg-body-font-color);
	font-size: var(--tg-body-font-size);
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: var(--tg-primary-color) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid var(--tg-primary-color);
}

/* Bootstrap 5 */
.container {
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    --bs-gutter-x: 30px;
}
.row.g-0 {
	--bs-gutter-x: 0;
}
.gutter-y-30 {
  	--bs-gutter-y: 30px;
}
/*=============================
	1. Button style
===============================*/
.btn {
	user-select: none;
	-moz-user-select: none;
    background: #01ab20 none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	color: var(--tg-white);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	margin-bottom: 0;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	border: 0;
	position: relative;
	z-index: 1;
}
.btn::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	margin-left: 45px;
}
.btn::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	background: var(--tg-blue);
	/* background: #e53329; */
	border-radius: 30px;
	z-index: -1;
	transition: all 0.3s ease 0s;
}
.btn:hover::before {
	width: 100%;
}
.btn:hover {
	color: var(--tg-white);
}
.btn.btn-two::after {
	display: none;
}
.transparent-btn {
	border: 2px solid var(--tg-primary-color);
	background: transparent;
	color: var(--tg-primary-color);
}
.btn-three {
	padding: 19px 30px;
}
.transparent-btn-two::before,
.btn-three::before {
	display: none;
}
.transparent-btn-two::after,
.btn-three::after {
	content: "";
	background-image: url(../img/icons/right-arrow.svg);
	filter: brightness(0) invert(1);
	width: 18px;
	height: 12px;
	margin-left: 12px;
}
.btn-three:hover {
	background: var(--tg-secondary-color);
}
.transparent-btn-two {
	border: 2px solid var(--tg-primary-color);
	color: var(--tg-primary-color);
	background: transparent;
	padding: 17px 30px;
}
.transparent-btn-two::after {
	filter: none;
	transition: all 0.3s ease 0s;
}
.transparent-btn-two:hover {
	background: var(--tg-primary-color);
}
.transparent-btn-two:hover::after {
	filter: brightness(0) invert(1);
}
.breadcrumb > .active {
	color: var(--tg-primary-color);
}


/* scrollUp */
.scroll-top {
	width: 35px;
	height: 35px;
	line-height: 35px;
	position: fixed;
	bottom: -10%;
	right: 30px;
	font-size: var(--tg-body-font-size);
	border-radius: 6px;
	z-index: 99;
	color: var(--tg-white);
	text-align: center;
	cursor: pointer;
	background: var(--tg-primary-color);
	transition: 1s ease;
	border: none;
}
.scroll-top.open {
	bottom: 30px;
}
.scroll-top::after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top:hover {
	background: var(--tg-secondary-color);
}


/*=============================
	02. Header
===============================*/


.custom-container {
    max-width: 1310px;
}
.custom-container-two {
    max-width: 1360px;
}
.custom-container-three {
    max-width: 1800px;
}
.transparent-header {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	z-index: 9;
	height: auto;
}
#header-fixed-height.active-height {
    display: block;
    height: 96px;
}
.heder-top-wrap {
	background: var(--tg-secondary-color);
	overflow: hidden;
	padding: 9px 0;
}
.header-top-left .list-wrap {
	display: flex;
	align-items: center;
	gap: 10px 35px;
}
.header-top-left .list-wrap li {
	font-size: 14px;
	color: var(--tg-lavender);
	display: flex;
	align-items: center;
	line-height: 1.28;
	position: relative;
}
.header-top-left .list-wrap li::before {
	content: "";
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 500%;
	background: var(--tg-metallic-blue);
}
.header-top-left .list-wrap li:last-child::before {
	display: none;
}
.header-top-left .list-wrap li i {
	font-size: 20px;
	margin-right: 8px;
	line-height: 0;
	color: var(--tg-cornflower-blue);
}
.header-top-left .list-wrap li a {
	color: var(--tg-lavender);
}
.header-top-left .list-wrap li a:hover {
	color: var(--tg-primary-color);
}
.header-top-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header-contact {
	position: relative;
	margin-right: 35px;
}
.header-contact::before {
	content: "";
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 500%;
	background: var(--tg-metallic-blue);
}
.header-contact a {
	font-size: 14px;
	line-height: 1.28;
	color: var(--tg-lavender);
	display: flex;
	align-items: center;
}
.header-contact a i {
	font-size: 20px;
	margin-right: 8px;
}
.header-contact a:hover {
	color: var(--tg-primary-color);
}
.header-social .list-wrap {
	display: flex;
	align-items: center;
	gap: 12px;
}
.header-social .list-wrap li a {
	font-size: 15px;
	color: var(--tg-lavender);
}
.header-social .list-wrap li a:hover {
	color: var(--tg-primary-color);
}
.menu-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.logo img,
.f-logo img,
.fw-logo img {
    max-height: 47px;
}
.navbar-wrap {
	display: flex;
	flex-grow: 1;
}
.navbar-wrap ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
    padding: 0 0;
	margin: 0 0 0 auto;
}
.menu-wrap{
	position: relative;
}
.navbar-wrap ul li {
    list-style: none;
	display: block;
}
.navbar-wrap ul li a {
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	color: var(--tg-secondary-color);
	padding: 40px 15px;
	display: block;
	line-height: 1;
	position: relative;
	z-index: 1;
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a {
	color: var(--tg-primary-color);
}
.navbar-wrap > ul > li.menu-item-has-children > a::after {
	content: "\f107";
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	color: var(--tg-paragraph-color);
	margin-left: 8px;
	transition: all 0.3s ease-out 0s;
}
.navbar-wrap > ul > li.menu-item-has-children:hover > a::after,
.navbar-wrap > ul > li.menu-item-has-children.active > a::after {
	color: var(--tg-primary-color);
}
.main-menu .navigation li.menu-item-has-children .dropdown-btn {
    display: none;
}
.header-action > ul {
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.header-action > ul li {
	position: relative;
	margin-left: 25px;
}
.header-action ul li:first-child {
	margin-left: 0;
	align-items: center;
}
.header-action ul li a {
	color: var(--tg-heading-font-color);
	font-size: 14px;
}
.header-action ul li.header-search {
	line-height: 0;
}
.header-action ul li.header-search a {
	color: #334770;
	font-size: 22px;
	line-height: 0;
	transition: all 0.3s ease-out 0s;
}
.header-action ul li.header-search a:hover {
	color: var(--tg-primary-color);
}

.navbar-wrap ul li .sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-width: 230px;
    border: 1px solid #f5f5f5;
    background: var(--tg-white);
    margin: 0 0;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    border-radius: 5px;
    padding: 18px 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
}
.navbar-wrap ul li .sub-menu .sub-menu {
	right: auto;
	left: 100%;
	top: 0;
}
.navbar-wrap ul li .sub-menu li {
	margin-left: 0;
	text-align: left;
	display: block;
}
.navbar-wrap ul li .sub-menu li a {
	padding: 9px 15px 9px 25px;
	line-height: 1.4;
    font-size: 14px;
	font-weight: 400;
	color: var(--tg-secondary-color);
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 5px;
}
.dropdown-header{
	font-size: 16px;
	font-weight: 500;
	color:var(--tg-black);
}
.navbar-wrap ul li .sub-menu li a::before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--tg-primary-color);
    transition: .3s ease-in-out;
}
.navbar-wrap ul li .sub-menu > li.active > a,
.navbar-wrap ul li .sub-menu li a:hover {
    color: var(--tg-primary-color);
}
.navbar-wrap ul li .sub-menu > li.active > a::before,
.navbar-wrap ul li .sub-menu li a:hover::before {
    width: 10px;
}
.navbar-wrap ul li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	
}

.sticky + .content {
  padding-top: 102px;
}
	
.sticky-menu {
	position: fixed;
	left: 0;
	margin: auto;
	top: 0;
	width: 100%;
	z-index: 99;
	background: var(--tg-white);
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
}

/* header-two */
.header-style-two .heder-top-wrap {
	padding: 0;
}
.header-style-two .header-top-left {
	padding-left: 25px;
}
.header-style-two .header-top-right {
	gap: 20px;
}
.header-top-btn a {
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	line-height: 0;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	padding: 17px 25px;
}
.header-top-btn a i {
	font-size: 16px;
	margin-right: 10px;
}
.header-top-btn a:hover {
	background: var(--tg-blue);
}
.header-style-two .menu-area {
	box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.05);
	background: var(--tg-white);
}
.header-style-two .navbar-wrap ul {
	margin: 0 0 0 60px;
}
.header-style-two .navbar-wrap ul li a {
	padding: 32px 15px;
}
.header-style-two .sub-menu.mega-nav a {
	padding:10px;
}
.header-contact-two {
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.header-contact-two .icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
    background: var(--tg-primary-color);
	color: var(--tg-white);
	line-height: 0;
	border-radius: 50%;
	font-size: 20px;
	margin-right: 7px;
}
.header-contact-two .content span {
	display: block;
	font-weight: 500;
	font-size: 12px;
	color: var(--tg-paragraph-color);
	line-height: 1;
	margin-bottom: 5px;
}
.header-contact-two .content a {
	font-weight: 700;
	font-size: 16px;
	display: block;
	line-height: 1;
	color: var(--tg-secondary-color);
}
.header-contact-two .content a:hover {
	color: var(--tg-primary-color);
}
.header-style-two .header-action ul > li > a {
	padding: 29px 29px;
	display: block;
	min-height: 80px;
	display: flex;
	align-items: center;
}
.header-action .offcanvas-menu a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	min-width: 26px;
	padding: 29px 29px;
	justify-content: center;
}
.header-action .offcanvas-menu a span {
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: var(--tg-paragraph-color);
	transition: .3s linear;
}
.header-action .offcanvas-menu a span:nth-child(2) {
	width: 23px;
}
.header-action .offcanvas-menu a span:nth-child(3) {
	width: 15px;
}
.header-style-two .header-action .offcanvas-menu a:hover span {
	background: var(--tg-primary-color);
}
.header-style-two .header-action > ul li {
    margin-left: 0;
}
.header-style-two .header-action > ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: #D9D9D9;
}
.header-style-two .header-action > ul li:first-child::before {
	display: none;
}
.header-style-two.sticky-menu .heder-top-wrap {
	display: none;
}
.header-style-two.sticky-menu .menu-area {
	box-shadow: none;
}


/* header-three */
.header-action .offcanvas-menu.offcanvas-menu-two a {
	padding: 0 0;
}
.header-style-three .header-action > ul li {
    margin-left: 20px;
}
.header-style-three .header-action > ul li:first-child {
	margin-left: 0;
}
.header-style-three .header-action > ul {
    margin-left: 50px;
}


/* header-four */
.header-style-four .heder-top-wrap {
	padding: 0;
}
.header-style-four .header-top-right {
	gap: 20px;
}
.header-style-four .menu-area {
	background: var(--tg-white);
	box-shadow: 0px 2px 50px rgba(0, 0, 0, 0.05);
}


.header-style-five .header-btn .btn {
	text-transform: capitalize;
}

.header-style-six .menu-area {
    background: var(--tg-white);
}


/*=============================
	03. Mobile Menu
===============================*/
.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	display: none;
	color: var(--tg-white);
	margin-right: 30px;
	top: 15px;
}
.nav-logo img {
	max-width: 135px;
}
.mobile-search {
	padding: 0 20px 25px 25px;
}
.mobile-search form {
	position: relative;
}
.mobile-search input {
	display: flex;
	width: 100%;
	border: none;
	padding: 10px 45px 10px 20px;
	font-size: 14px;
	font-weight: 500;
	height: 45px;
	background: var(--tg-gray);
	color: var(--tg-secondary-color);
}
.mobile-search input::placeholder {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 45px 10px 20px;
	background: var(--tg-gray);
	color: var(--tg-heading-font-color);
}
.mobile-search button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	padding: 0;
	right: 20px;
	line-height: 1;
	background: var(--tg-gray);
	color: var(--tg-secondary-color);
}
.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 320px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	z-index: 99;
	border-radius: 0px;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-ms-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)e;
	-o-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.mobile-menu .navbar-collapse {
	display: block !important;
}
.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}
.mobile-menu-visible {
	overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
	-webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.mobile-menu .navigation li.current>a:before {
	height: 100%;
}
.menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.5);
}
.mobile-menu-visible .menu-backdrop {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: var(--tg-white);
	padding: 0px 0px;
	z-index: 5;
	box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}
.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .close-btn {
    position: absolute;
    right: 15px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    color: #292b37;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}
.mobile-menu .navigation ul {
	padding: 0;
	margin: 0;
}
.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile-menu .navigation li > a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 60px 10px 25px;
    font-size: 16px;
    font-weight: 700;
    color: var(--tg-heading-font-color);
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
}
.mobile-menu .navigation li ul li > a {
	font-size: 16px;
	margin-left: 20px;
	text-transform: capitalize;
}
.mobile-menu .navigation li ul li ul li a {
    margin-left: 40px;
}
.mobile-menu .navigation li ul li ul li ul li a {
    margin-left: 60px;
}
.mobile-menu .navigation li > a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
	position: absolute;
	right: 15px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #292b37;
	background: var(--tg-gray);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn i {
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open i {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	color: var(--tg-primary-color);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
	display: none;
}
.mobile-menu .social-links ul {
    display: flex;
    position: relative;
    text-align: center;
    padding: 30px 20px 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 6px 10px;
}
.mobile-menu .social-links li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: var(--tg-heading-font-color);
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: 1px solid var(--tg-gray);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
.mobile-menu .social-links li a:hover {
	border-color: var(--tg-primary-color);
	background: var(--tg-primary-color);
	color: var(--tg-white);
}
.menu-area .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 27px;
	cursor: pointer;
	line-height: 1;
	color: #0369b3;
	display: none;
	margin-top: 6px;
	padding: 5px 10px;
	/* border: 2px solid var(--tg-primary-color); */
}


/*=============================
	04. Search
===============================*/
.search-popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.90);
    height: 100%;
    width: 100%;
    z-index: 99;
    padding: 100px 0;
    display: none;
}
.search-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.search-wrap .title {
    font-size: 47px;
    margin: 0 0 70px 0;
    font-weight: 700;
}
.search-form {
	position: relative;
}
.search-form input {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--tg-primary-color);
    padding: 10px 50px 20px;
    text-align: center;
    font-weight: 500;
    font-size: 30px;
	background: transparent;
    color: var(--tg-heading-font-color);
}
.search-form input::placeholder {
	font-size: 30px;
    color: var(--tg-heading-font-color);
	opacity: .5;
}
.search-btn {
    position: absolute;
    right: 20px;
    background: transparent;
    border: 0;
    font-size: 25px;
    color: var(--tg-primary-color);
    top: 50%;
    transform: translateY(-50%);
}
.search-close {
	position: absolute;
	top: 5%;
	right: 5%;
	font-size: 30px;
	color: var(--tg-primary-color);
	cursor: pointer;
}


/*=============================
	05. OffCanvas
===============================*/
.extra-info {
	background: var(--tg-white) none repeat scroll 0 0;
	height: 100%;
	padding: 30px;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.7s ease 0s;
	width: 340px;
	z-index: 999;
	overflow-y: scroll;
	transform: translateX(100%);
}
.extra-info.active {
	transform: translateX(0);
}
.close-icon {
	margin-top: -16px;
	text-align: right;
}
.close-icon > button {
    background: transparent;
    border: 0 none;
    color: var(--tg-primary-color);
    cursor: pointer;
    font-size: 20px;
    padding: 0;
}
.extra-info .logo-side img {
	max-width: 151px;
}
.side-info {
	border-top: 1px solid var(--tg-primary-color);
	padding-top: 25px;
}
.contact-list h4 {
	color: var(--tg-heading-font-color);
	font-weight: 700;
	font-size: 18px;
}
.contact-list p {
    color: var(--tg-paragraph-color);
    margin: 0;
    margin-bottom: 2px;
    line-height: 26px;
}
.side-instagram {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.side-instagram li {
    width: 33.3333%;
    flex: 0 0 33.3333%;
    padding: 5px;
}
.side-instagram li > a {
	display: block;
}
.side-instagram img {
	width: 100%;
	border-radius: 5px;
}
.social-icon-right > a {
	color: var(--tg-primary-color);
	display: inline-block;
	margin-right: 20px;
	text-align: center;
}
.social-icon-right > a:hover {
    color: var(--tg-secondary-color);
}
.offcanvas-overly {
	position: fixed;
	background: var(--tg-black);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.offcanvas-overly.active {
	opacity: .5;
	visibility: visible;
}

/*=============================
	06. Slider
===============================*/
.slider-bg {
	background-size: cover;
	background-position: center;
	min-height: 872px;
	display: flex !important;
	align-items: center;
	padding: 200px 0 120px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	cursor: grab;
}
.slider-content .sub-title {
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	display: block;
	color: var(--tg-primary-color);
	padding-top: 18px;
	margin-bottom: 10px;
}
.slider-content .sub-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 4px;
	border-radius: 4px;
	background: var(--tg-primary-color);
}
.slider-content .title {
	font-weight: 800;
	font-size: 60px;
	margin-bottom: 20px;
	line-height: 1;
}
.slider-content p {
	color: var(--tg-paragraph-color);
	margin-bottom: 45px;
	width: 79%;
}
.slider-shape {
	position: absolute;
	left: 15%;
	bottom: 23%;
	animation: alltuchtopdown 8s infinite linear;
}

/*=============================
	07. Banner
===============================*/
.banner-bg-two {
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	padding:20px 120px;
	position: relative;
	z-index: 1;
    overflow: hidden;
}
.banner-content-two {
	width: 85%;
}
.banner-content-two .sub-title {
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--tg-primary-color);
	background: var(--tg-lavender);
	border-radius: 50px;
	display: inline-block;
	padding: 4px 13px;
	margin-bottom: 15px;
}
.banner-content-two .title {
	font-weight: 800;
	font-size: 60px;
	margin-bottom: 20px;
	line-height: 1;
}
.banner-content-two p {
	margin-bottom: 30px;
	color: var(--tg-paragraph-color);
}
.banner-content-two .banner-btn ul{
	display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap;
    justify-content:center;
	margin-top:20px;
}
.banner-content-two .banner-btn .play-btn {
	display: flex;
	align-items: center;
	color: var(--tg-secondary-color);
}
.banner-content-two .banner-btn .play-btn span {
	text-decoration: underline;
}
.banner-content-two .banner-btn .play-btn i {
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-white);
	border-radius: 50%;
	color: var(--tg-primary-color);
	font-size: 18px;
	margin-right: 12px;
}
.banner-content-two .banner-btn .play-btn:hover {
	color: var(--tg-primary-color);
}
.banner-shape-wrap img {
	position: absolute;
	z-index: -1;
}
.banner-shape-wrap img:nth-child(1) {
	left: 47%;
	bottom: 47%;
	animation: float-bob-x 4s infinite linear;
}
.banner-shape-wrap img:nth-child(2) {
	right: 45%;
	bottom: 22%;
	animation: alltuchtopdown 8s infinite linear;
}
.banner-shape-wrap img:nth-child(3) {
	right: 26%;
	bottom: 0;
	z-index: -2;
}
@keyframes float-bob-x {
  0% {
    transform: translateX(-30px);
  }

  50% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(-30px);
  }
}

/* banner-three */
.banner-area-three {
	padding: 200px 0 60px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.banner-area-three::after,
.banner-area-three::before {
	content: "";
	position: absolute;
	left: 30px;
	top: 60px;
	width: 550px;
	height: 550px;
	background: #CEF0FF;
	opacity: 0.3;
	filter: blur(75px);
	border-radius: 50%;
	z-index: -3;
}
.banner-area-three::after {
	background: #E4CEFF;
	top: -105px;
	left: auto;
	right: 30%;
}
.banner-content-three {
	margin-top: 60px;
}
.banner-content-three .title {
	font-weight: 800;
	font-size: 60px;
	margin-bottom: 25px;
	line-height: 1.06;
}
.banner-content-three p {
	margin-bottom: 30px;
	color: var(--tg-paragraph-color);
}
.banner-content-three .banner-form {
	position: relative;
	width: 93%;
}
.banner-content-three .banner-form input {
	width: 100%;
	border: 1px solid #D7DFF0;
	border-radius: 30px;
	background: var(--tg-white);
	font-size: 16px;
	font-weight: 400;
	color: var(--tg-secondary-color);
	padding: 16px 70px 16px 28px;
	height: 60px;
}
.banner-content-three .banner-form input::placeholder {
	font-size: 16px;
	color: var(--tg-paragraph-color);
	font-weight: 400;
}
.banner-content-three .banner-form button {
	position: absolute;
	top: 4px;
	bottom: 4px;
	right: 5px;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border: none;
	border-radius: 50%;
	font-size: 24px;
	line-height: 0;
}
.banner-content-three .banner-form button:hover {
	background: var(--tg-secondary-color);
}
.ball {
	opacity: 1;
	z-index: -2;
	position: absolute;
	border-radius: 50%;
}
.banner-img-three {
	position: relative;
	text-align: right;
	padding-right: 80px;
}
.banner-img-three img.main-img {
	clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%);
	border-radius: 5px;
}
.banner-img-three img:not(.main-img) {
	position: absolute;
}
.banner-img-three img.img-two {
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	left: 6%;
	bottom: 24%;
}
.banner-img-three img.img-three {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	right: -4%;
	top: 21%;
}
.banner-shape-wrap-three img {
	position: absolute;
	z-index: -1;
}
.banner-shape-wrap-three img:nth-child(1) {
	right: 47.5%;
	bottom: 41%;
	animation: ribbonRotate 6s infinite linear;
}
.banner-shape-wrap-three img:nth-child(2) {
	right: 18%;
	bottom: 3%;
	animation: alltuchtopdown 8s infinite linear;
}
@keyframes ribbonRotate {

  0%,
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  25%,
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}

/* banner-four */
.banner-bg-four {
	background-size: cover;
	background-position: center;
	padding: 65px 0 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.banner-content-four {
	margin-top: 105px;
}
.banner-content-four .sub-title {
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: inline-block;
	background: var(--tg-lavender);
	color: var(--tg-primary-color);
	border-radius: 30px;
	padding: 4px 13px;
	margin-bottom: 20px;
}
.banner-content-four .title {
	margin-bottom: 15px;
	font-weight: 800;
	font-size: 60px;
	line-height: 1.1;
}
.banner-content-four p {
	margin-bottom: 35px;
	color: var(--tg-paragraph-color);
	width: 90%;
}
.banner-shape-wrap-four img {
	position: absolute;
	z-index: -1;
}
.banner-shape-wrap-four img:nth-child(1) {
	left: 15%;
	bottom: 25%;
	animation: alltuchtopdown 8s infinite linear;
}
.banner-shape-wrap-four img:nth-child(2) {
	right: 46%;
	bottom: 39%;
}
.banner-shape-wrap-four img:nth-child(3) {
	right: 15%;
	top: 0;
}

/* banner-five */
.banner-area-five {
	position: relative;
	background: #F2F7FF;
	padding: 140px 0 100px;
	z-index: 1;
	overflow: hidden;
}
.banner-area-five::before {
	content: "";
	position: absolute;
	left: 17%;
	top: -100px;
	width: 460px;
	height: 460px;
	background: #FBEDFF;
	filter: blur(200px);
	z-index: -1;
}
.banner-area-five::after {
	content: "";
	position: absolute;
	right: -10%;
	top: -15%;
	width: 1100px;
	height: 600px;
	background: linear-gradient(88.44deg, #E0FAF3 0.58%, rgba(239, 247, 255, 0) 67.54%);
	border-radius: 326.687px;
	transform: rotate(-42.01deg);
	z-index: -1;
}
.banner-content-five .title {
	margin-bottom: 20px;
	font-weight: 800;
	font-size: 50px;
}
.banner-content-five .title span {
	position: relative;
	z-index: 1;
}
.banner-content-five .title span svg {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -4px;
	z-index: -1;
}
.has-animation.active-animation .banner-content-five .title span svg path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	-webkit-animation: dash_animation 10s linear forwards;
	animation: dash_animation 10s linear forwards;
}
@-webkit-keyframes dash_animation {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes dash_animation {
	to {
		stroke-dashoffset: 0;
	}
}
.banner-content-five p {
	margin-bottom: 35px;
}
.banner-img-five {
	position: relative;
	margin-left: 90px;
	z-index: 1;
}
.banner-img-five img:not(.main-img) {
	position: absolute;
}
.banner-img-five .main-img {
	max-width: unset;
}
.banner-img-five .shape-one {
	right: -19%;
	bottom: 12%;
}
.banner-img-five .shape-two {
	left: 35%;
	top: 38%;
	animation: float-bob-x 4s infinite linear;
}
.banner-img-five .shape-three {
	right: 5%;
	top: 23%;
	animation: alltuchtopdown 8s infinite linear;
}


/*=============================
	08. Breadcrumb
===============================*/
.breadcrumb-bg {
    background-size: cover;
    background-position: center;
    padding: 120px 0 130px;
    position: relative;
    z-index: 1;
}
.breadcrumb-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #03091B;
    opacity: .85;
    z-index: -1;
}
.breadcrumb-shape-wrap img {
    position: absolute;
    z-index: -1;
}
.breadcrumb-shape-wrap img:nth-child(1) {
    left: 0;
    top: 0;
}
.breadcrumb-shape-wrap img:nth-child(2) {
    right: 10%;
    top: 0;
}
.breadcrumb-content {
    text-align: center;
}
.breadcrumb-content .title {
    margin-bottom: 15px;
    color: var(--tg-white);
    font-size: 44px;
    line-height: 1.1;
    text-transform: capitalize;
}
.breadcrumb-content .breadcrumb {
    justify-content: center;
    margin-bottom: 0;
}
.breadcrumb-content .breadcrumb-item {
    color: var(--tg-white);
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}
.breadcrumb-content .breadcrumb-item a {
    color: #9FA9BE;
}
.breadcrumb-content .breadcrumb-item a:hover {
    color: var(--tg-primary-color);
}
.breadcrumb-content .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 10px;
    color: #9FA9BE;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
}
.breadcrumb-content .breadcrumb-item+.breadcrumb-item {
    padding-left: 10px;
}

/*=============================
	09. About
===============================*/
.about-bg {
	background-size: cover;
	background-position: center;
	padding: 140px 0 200px;
}
.about-img-wrap {
	position: relative;
	text-align: center;
	z-index: 1;
	padding-bottom: 15px;
	margin-top: 16px;
}
.about-img-wrap img:not(.main-img) {
	position: absolute;
	z-index: -1;
}
.about-img-wrap img:nth-child(2) {
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.about-img-wrap img.main-img {
	border-radius: 50%;
	width: 314px;
	object-fit: cover;
	height: 314px;
	border: 5px solid var(--tg-white);
}
.about-img-wrap img:nth-child(3) {
	right: 19%;
	top: -10%;
	animation: alltuchtopdown 8s infinite linear;
}
.about-content {
	width: 88%;
}
.section-title .sub-title {
	letter-spacing: 0.06em;
	text-transform: uppercase;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	color: var(--tg-primary-color);
	position: relative;
	padding-top: 18px;
	margin-bottom: 10px;
}
.section-title .sub-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 4px;
	background: var(--tg-primary-color);
	border-radius: 4px;
}
.section-title .title {
	font-size: 26px;
	margin-bottom: 0;
}
.about-content p {
	margin-bottom: 0;
	color: var(--tg-paragraph-color);
}


/* about-two */
.about-area-two {
	position: relative;
}
.about-area-two::before {
	content: "";
	position: absolute;
	left: 13%;
	top: 0;
	width: 630px;
	height: 630px;
	background: linear-gradient(154.68deg, #8894FF 11.62%, #FF8585 90.47%);
	opacity: 0.1;
	filter: blur(75px);
	z-index: -1;
}
.about-content-two p {
	margin-bottom: 20px;
	color: var(--tg-paragraph-color);
}
.about-list .list-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 0;
	margin-bottom: 30px;
}
.about-list .list-wrap li {
	font-family: var(--tg-heading-font-family);
	color: var(--tg-paragraph-color);
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	width: 50%;
	line-height: 1.3;
	display: flex;
	align-items: flex-start;
}
.about-list .list-wrap li img {
	margin-right: 10px;
}
.success-wrap .list-wrap {
	display: flex;
	align-items: center;
	border-top: 1px solid #D9D9D9;
	padding-top: 30px;
	margin-bottom: 40px;
}
.success-wrap .list-wrap li {
	width: 50%;
}
.success-wrap .list-wrap li .count {
	font-weight: 800;
	font-size: 36px;
	margin-bottom: 8px;
	letter-spacing: 2px;
	line-height: .8;
}
.success-wrap .list-wrap li p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1;
}
.about-content-two .btn {
	background: transparent;
	border-color: var(--tg-primary-color);
	color: var(--tg-primary-color);
}
.about-content-two .btn::after {
	color: var(--tg-white);
}
.about-content-two .btn:hover {
	color: var(--tg-white);
}
.about-img-two {
	position: relative;
	padding-left: 218px;
}
.about-img-two .main-img {
	position: relative;
	text-align: right;
}
.about-img-two .main-img img {
	border-radius: 15px;
	border: 9px solid var(--tg-white);
	box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);
}
.about-img-two .main-img .play-btn {
	position: absolute;
	width: 82px;
	height: 82px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0 85 255 / 80%);
	border-radius: 50%;
	box-shadow: -8px -1px 10px rgba(255, 255, 255, 0.1);
	color: var(--tg-white);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 25px;
}
.about-img-two .main-img .play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid var(--tg-white);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	animation: pulse-border 1500ms ease-out infinite;
}
.about-img-two img:nth-child(2) {
	border: 9px solid #FFFFFF;
	box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);
	border-radius: 15px;
	transform: rotate(-2.71deg);
	position: absolute;
	left: 40px;
	bottom: 70px;
}
.about-shape-wrap img {
	position: absolute;
	z-index: -1;
}
.about-shape-wrap img:nth-child(1) {
	right: 41%;
	top: 13%;
	animation: alltuchtopdown 8s infinite linear;
}
.about-shape-wrap img:nth-child(2) {
	right: 0;
	bottom: 0;
}
@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;
	}
}
@-webkit-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;
	}
}
@keyframes alltuchtopdown {
  0% {
        transform: rotateX(0deg) translateY(0px);
    }
  50% {
        transform: rotateX(0deg) translateY(-50px);
    }
  100% {
        transform: rotateX(0deg) translateY(0px);
    }
}

/* about-three */
.about-area-three {
	position: relative;
	padding: 80px 0;
}
.about-img-wrap-three {
	position: relative;
	text-align: center;
	padding-bottom: 90px;
}
.about-img-wrap-three img:nth-child(1) {
	border-radius: 100px 0 0 0;
}
.about-img-wrap-three img:nth-child(2) {
	border-radius: 0 50px 0 0;
	border: 8px solid var(--tg-white);
	position: absolute;
	right: 0;
	bottom: 25px;
	z-index: 2;
}
.about-img-wrap-three .experience-wrap {
	width: 506px;
	display: flex;
	align-items: center;
	text-align: left;
	background: var(--tg-primary-color);
	border-radius: 0px 0px 0px 60px;
	padding: 40px 195px 50px 45px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.about-img-wrap-three .experience-wrap .title {
	margin-bottom: 0;
	text-align: center;
	font-size: 64px;
	line-height: .8;
	color: var(--tg-white);
	position: relative;
	padding-right: 13px;
	margin-right: 13px;
}
.about-img-wrap-three .experience-wrap .title span {
	display: block;
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 0.1em;
	margin-top: 5px;
}
.about-img-wrap-three .experience-wrap .title::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 100%;
	background: var(--tg-white);
}
.about-img-wrap-three .experience-wrap p {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 0;
	color: var(--tg-white);
	line-height: 1.4;
	font-family: var(--tg-heading-font-family);
}
.section-title-two span {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	display: inline-block;
	color: var(--tg-primary-color);
	background: var(--tg-lavender);
	border-radius: 50px;
	padding: 4px 13px;
	margin-bottom: 12px;
}
.section-title-two .title {
	font-weight: 800;
	font-size: 30px;
	margin-bottom: 0;
}
.about-content-three p {
	margin-bottom: 0;
	color: var(--tg-paragraph-color);
	width: 90%;
}
.about-content-three p.info-one {
	margin-bottom: 25px;
}
.about-list-two .list-wrap {
	margin-bottom: 20px;
}
.about-list-two .list-wrap li {
	font-weight: 600;
	font-size: 18px;
	display: flex;
	align-items: baseline;
	text-transform: capitalize;
	color: var(--tg-secondary-color);
	margin-bottom: 14px;
}
.about-list-two .list-wrap li:last-child {
	margin-bottom: 0;
}
.about-list-two .list-wrap li i {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-radius: 50%;
	font-size: 12px;
	margin-right: 8px;
	flex: 0 0 auto;
}
.about-author-info {
	display: flex;
	align-items: center;
	margin-top: 35px;
}
.about-author-info .thumb {
	border-radius: 50%;
	border: 3px solid var(--tg-white);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
	width: 70px;
	flex: 0 0 auto;
	margin-right: 15px;
}
.about-author-info .content .title {
	font-size: 20px;
	margin-bottom: 5px;
}
.about-author-info .content span {
	font-weight: 500;
	font-size: 14px;
	display: block;
	line-height: 1;
}
.about-author-info .signature {
	margin-left: 20px;
}
.about-shape-wrap-two img {
	position: absolute;
	z-index: -1;
}
.about-shape-wrap-two img:nth-child(1) {
	left: 15%;
	bottom: 27%;
	animation: alltuchtopdown 8s infinite linear;
}
.about-shape-wrap-two img:nth-child(2) {
	left: 40%;
	top: 5%;
}
.about-shape-wrap-two img:nth-child(3) {
	right: 0;
	bottom: 0;
}

/* about-four */
.about-content-four > p {
	color: var(--tg-paragraph-color);
	margin-bottom: 35px;
}
.about-list-three .list-wrap li {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	padding-left: 13px;
}
.about-list-three .list-wrap li:last-child {
	margin-bottom: 0;
}
.about-list-three .list-wrap li .icon {
	position: relative;
	font-size: 50px;
	line-height: 0;
	color: var(--tg-primary-color);
	margin-right: 15px;
}
.about-list-three .list-wrap li .icon::before {
	content: "";
	position: absolute;
	left: -13px;
	top: -15px;
	width: 46px;
	height: 46px;
	background: var(--tg-lavender);
	border-radius: 50%;
	z-index: -1;
}
.about-list-three .list-wrap li .icon i {
	transform: rotateY(0);
	transition: .3s linear;
	display: block;
}
.about-list-three .list-wrap li:hover .icon i {
	transform: rotateY(180deg);
}
.about-list-three .content .title {
	font-size: 20px;
	margin-bottom: 10px;
}
.about-list-three .content p {
	margin-bottom: 0;
	width: 75%;
	color: var(--tg-paragraph-color);
}
.about-img-wrap-four {
	position: relative;
	margin-right: -30px;
}
.mask-img-wrap {
	-webkit-mask-image: url(../img/images/mask_img.png);
	mask-image: url(../img/images/mask_img.png);
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	z-index: -1;
	height: 558px;
	width: 633px;
	margin-left: auto;
}
.mask-img-wrap img {
	max-width: unset;
}
.about-img-wrap-four .img-two {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	position: absolute;
	left: 10%;
	bottom: 14%;
}
.about-shape-wrap-three img {
	position: absolute;
	z-index: -1;
}
.about-shape-wrap-three img:nth-child(1) {
	left: 0;
	top: 6%;
	animation: ribbonRotate 15s infinite linear;
}
.about-shape-wrap-three img:nth-child(2) {
	left: 4%;
	bottom: 7%;
	animation: alltuchtopdown 8s infinite linear;
}
.about-shape-wrap-three img:nth-child(3) {
	right: 23%;
	top: -2%;
	animation: rotateme 8s infinite linear;
}
.about-img-wrap-four .icon {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 8%;
	top: 21%;
	border-radius: 50%;
	background: var(--tg-pink);
	border: 5px solid var(--tg-white);
	color: var(--tg-white);
	font-size: 50px;
	line-height: 0;
}
@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

/* about-five */
.about-area-five {
	position: relative;
	padding: 120px 0;
}
.about-img-wrap-five {
	position: relative;
	padding-bottom: 30px;
}
.about-img-wrap-five::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 40px;
	width: 380px;
	background: var(--tg-primary-color);
	z-index: -1;
}
.about-img-wrap-five img:nth-child(1) {
	clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0% 100%, 0 100%);
}
.about-img-wrap-five img:nth-child(2) {
	border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: -25%;
	top: 14%;
}
.about-img-wrap-five .experience-wrap {
	background: var(--tg-primary-color);
	max-width: 200px;
	padding: 36px 20px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.about-img-wrap-five .experience-wrap .title {
	margin-bottom: 0;
	color: var(--tg-white);
	font-size: 60px;
	text-align: center;
	line-height: 1;
}
.about-img-wrap-five .experience-wrap .title span {
	display: block;
	font-weight: 500;
	font-size: 24px;
}
.about-content-five > p {
	margin-bottom: 50px;
	color: var(--tg-paragraph-color);
	width: 83%;
}
.about-content-five {
	margin-left: 55px;
	width: 85%;
}
.about-content-five .about-list {
	width: 60%;
	flex: 0 0 auto;
}
.about-content-five .about-list .list-wrap {
	gap: 25px 0;
	margin-bottom: 0;
}
.about-content-five .about-list .list-wrap li {
    color: var(--tg-secondary-color);
    width: 100%;
}
.about-content-five .about-list .list-wrap li i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-primary-color);
    color: var(--tg-white);
    border-radius: 50%;
    font-size: 12px;
    margin-right: 8px;
    flex: 0 0 auto;
}
.about-content-five .about-content-bottom {
	display: flex;
	align-items: center;
}
.about-success-wrap .list-wrap li {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.about-success-wrap .list-wrap li:last-child {
	margin-bottom: 0;
}
.about-success-wrap .list-wrap li .icon {
	font-size: 60px;
	line-height: 0;
	color: var(--tg-primary-color);
	flex: 0 0 auto;
	margin-right: 20px;
}
.about-success-wrap .list-wrap li .content .count {
	font-weight: 800;
	font-size: 50px;
	line-height: .8;
	margin-bottom: 5px;
}
.about-success-wrap .list-wrap li .content p {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 0;
	color: var(--tg-secondary-color);
	font-family: var(--tg-heading-font-family);
	line-height: 1;
}
.about-shape-five img {
	position: absolute;
	left: 41%;
	bottom: 35%;
	z-index: -1;
	animation: alltuchtopdown 8s infinite linear;
}

/* about-six */
.about-area-six {
	padding: 0 0 120px;
	position: relative;
	overflow: hidden;
}
.about-area-six::before {
	content: "";
	position: absolute;
	width: 310px;
	height: 310px;
	background: #FAE7FF;
	filter: blur(200px);
	right: 26%;
	top: 16%;
	z-index: -1;
}
.about-img-six {
	margin-left: -75px;
	position: relative;
    padding-top: 40px;
}
.about-img-six img:nth-child(1) {
	max-width: unset;
	position: unset;
}
.about-img-six img {
	position: absolute;
	z-index: -1;
}
.about-img-six img:nth-child(2) {
    left: 0;
    bottom: -40px;
}
.about-img-six img:nth-child(3) {
	left: 19%;
	top: 14%;
	animation: alltuchtopdown 8s infinite linear;
}
.about-content-six {
	width: 88%;
}
.about-content-six p {
	margin-bottom: 30px;
}
.about-content-six .about-list .list-wrap {
	margin-bottom: 45px;
}
.about-content-six .about-list .list-wrap li {
	color: var(--tg-secondary-color);
}
.about-content-six .about-list .list-wrap li i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-primary-color);
    color: var(--tg-white);
    border-radius: 50%;
    font-size: 12px;
    margin-right: 8px;
    flex: 0 0 auto;
}

/* about-seven */
.about-content-seven {
    width: 88%;
}
.about-content-seven > p {
    margin-bottom: 25px;
}
.success-wrap-two {
    margin-bottom: 25px;
}
.success-wrap-two .list-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.success-wrap-two .list-wrap li {
    background: var(--tg-lavender);
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px 25px;
    min-width: 240px;
    transition: .3s;
}
.success-wrap-two .list-wrap li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 28px;
    border-radius: 3px;
    background: var(--tg-primary-color);
}
.success-wrap-two .list-wrap li:hover {
    transform: translateY(-5px);
}
.success-wrap-two .list-wrap li .icon {
    font-size: 50px;
    flex: 0 0 auto;
    line-height: 0;
    color: var(--tg-primary-color);
    margin-right: 18px;
}
.success-wrap-two .list-wrap li .content .count {
    font-weight: 800;
    font-size: 36px;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    line-height: .8;
}
.success-wrap-two .list-wrap li .content p {
    margin-bottom: 0;
    line-height: 1;
}
.about-img-seven-wrap {
    position: relative;
    padding-bottom: 90px;
}
.about-img-seven-wrap img:nth-child(1) {
    border-radius: 10px;
}
.about-img-seven-wrap img:nth-child(2) {
    position: absolute;
    right: 50px;
    bottom: 0;
    border: 8px solid var(--tg-white);
    border-radius: 10px;
    z-index: 3;
}
.about-img-seven-wrap .shape {
    position: absolute;
    left: 33%;
    bottom: -8%;
    z-index: -1;
    animation: alltuchtopdown 8s infinite linear;
}
.about-img-seven-wrap .experience-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 8px solid #FFFFFF;
    border-radius: 19px 63px 24px 0px;
    max-width: 197px;
    min-height: 384px;
    background: var(--tg-primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 20px;
    text-align: center;
}
.about-img-seven-wrap .experience-wrap .title {
    color: var(--tg-white);
    margin-bottom: 10px;
    font-size: 60px;
    line-height: .8;
}
.about-img-seven-wrap .experience-wrap p {
    margin-bottom: 0;
    color: var(--tg-white);
    font-family: var(--tg-heading-font-family);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

/* about-eight */
.about-img-eight img {
    border-radius: 15px;
}
.about-content-eight > p {
    margin-bottom: 35px;
}
.about-content-eight .about-content-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.about-content-eight .about-content-inner .list-wrap {
    width: 58%;
}
.about-content-eight .about-content-inner .list-wrap li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
}
.about-content-eight .about-content-inner .list-wrap li:last-child {
    margin-bottom: 0;
}
.about-content-eight .about-content-inner .list-wrap li .icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-lavender);
    color: var(--tg-primary-color);
    font-size: 40px;
    line-height: 0;
    position: relative;
    border-radius: 15px;
    flex: 0 0 auto;
    margin-right: 20px;
}
.about-content-eight .about-content-inner .list-wrap li .icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 16px;
    height: 3px;
    background: var(--tg-primary-color);
    border-radius: 3px;
}
.about-content-eight .about-content-inner .content .title {
    font-size: 20px;
    margin-bottom: 8px;
}
.about-content-eight .about-content-inner .content p {
    margin-bottom: 0;
}
.about-content-eight .right-slide-img {
    margin-left: auto;
}
.about-content-eight .right-slide-img img {
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.about-content-eight .about-content-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px 40px;
}
.about-content-eight .about-content-bottom .about-author-info {
    margin-top: 0;
}

/* about-ten */
.about-area-ten {
    padding: 120px 0;
    position: relative;
}
.about-img-wrap-ten {
    padding-left: 120px;
}
.about-img-wrap-ten img:nth-child(2) {
    left: 0;
}
.about-area-ten .about-shape-five img {
    left: 46%;
}
.about-content-five.about-content-ten {
    margin-left: 80px;
    width: auto;
    margin-right: 30px;
}
.about-content-ten .about-success-wrap .list-wrap {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 45px;
}
.about-content-ten .about-success-wrap .list-wrap li {
    margin-bottom: 0;
}
.about-content-five.about-content-ten > p {
    margin-bottom: 20px;
    width: 100%;
}

/* about-eleven */
.about-area-eleven {
    position: relative;
    padding: 120px 0 0;
}
.about-area-eleven::before {
    content: "";
    position: absolute;
    left: 20%;
    top: 32%;
    width: 300px;
    height: 300px;
    background: #FAE7FF;
    filter: blur(200px);
    z-index: -1;
}
.about-content-eleven {
    width: 85%;
}
.about-content-eleven p {
    margin-bottom: 25px;
}
.about-content-eleven .about-list-two .list-wrap {
    margin-bottom: 40px;
}
.about-img-wrap-eleven {
    position: relative;
    text-align: center;
    padding-bottom: 30px;
}
.about-img-wrap-eleven .shape-one {
    position: absolute;
    left: -5%;
    top: -2%;
    z-index: -1;
    animation: alltuchtopdown 8s infinite linear;
}
.about-img-wrap-eleven .shape-two {
    position: absolute;
    left: -20px;
    bottom: 0;
    z-index: -2;
    max-width: unset;
}

/* about-twelve */
.about-area-twelve {
    padding: 140px 0 140px;
}
.about-img-six.about-img-twelve img:nth-child(2) {
    bottom: -50px;
}


/*=============================
	10. Overview
===============================*/
.overview-area {
	position: relative;
	overflow: hidden;
}
.overview-area::before {
	content: "";
	position: absolute;
	width: 480px;
	height: 480px;
	opacity: 0.2;
	filter: blur(75px);
	border-radius: 50%;
	background: #D5CEFF;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}
.overview-shape {
	right: 0;
	top: 0;
	width: 424px;
	height: 342px;
	position: absolute;
	z-index: -1;
}
.overview-img-wrap {
	text-align: center;
	position: relative;
}
.overview-img-wrap img:nth-child(1) {
	border-radius: 280px;
}
.overview-img-wrap img:nth-child(2) {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	position: absolute;
	left: 0;
	bottom: 30px;
}
.overview-img-wrap img:nth-child(3) {
	position: absolute;
	left: -50px;
	bottom: 32%;
	z-index: -1;
	animation: alltuchtopdown 8s infinite linear;
}
.overview-img-wrap .icon {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	position: absolute;
	right: 90px;
	top: 20px;
	border-radius: 50%;
	font-size: 50px;
	line-height: 0;
	color: var(--tg-white);
	border: 5px solid var(--tg-white);
}
.overview-content {
	width: 90%;
}
.overview-content > p {
	margin-bottom: 0;
	color: var(--tg-paragraph-color);
}
.overview-content .info-one {
	margin-bottom: 15px;
}
.overview-content .info-two {
	margin-bottom: 30px;
}
.overview-content .content-bottom .list-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}
.overview-content .content-bottom .list-wrap li {
	border: 1.2px solid #D4DCED;
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 28px 20px 28px 30px;
	min-width: 256px;
}
.overview-content .content-bottom .list-wrap li .icon {
	font-size: 50px;
	line-height: 0;
	color: var(--tg-primary-color);
	position: relative;
	margin-right: 40px;
}
.overview-content .content-bottom .list-wrap li .icon::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background: var(--tg-lavender);
	left: -10px;
	top: -12px;
	border-radius: 50%;
	z-index: -1;
}
.overview-content .content-bottom .list-wrap li .icon::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 38px;
	background: var(--tg-lavender);
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	z-index: -1;
}
.overview-content .content-bottom .list-wrap li .content .count {
	font-size: 36px;
	margin-bottom: 3px;
	line-height: .8;
	display: flex;
	align-items: center;
}
.overview-content .content-bottom .list-wrap li .content p {
	margin-bottom: 0;
}

/* overview-two */
.overview-area-two {
	position: relative;
	padding: 0 0 120px;
}
.overview-area-two::before {
	content: "";
	position: absolute;
	left: 114px;
	top: 0;
	width: 600px;
	height: 600px;
	background: #D5CEFF;
	opacity: 0.2;
	filter: blur(75px);
	z-index: -1;
}
.overview-img-two {
	position: relative;
}
.mask-img-two {
	-webkit-mask-image: url(../img/images/mask_img02.png);
	mask-image: url(../img/images/mask_img02.png);
	-webkit-mask-size: 100%;
	mask-size: 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	z-index: -1;
	height: 534px;
	width: 556px;
}
.mask-img-two img {
	max-width: unset;
}
.overview-img-two .img-two {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	position: absolute;
	left: -13%;
	bottom: 21%;
}
.overview-shape-wrap img {
	position: absolute;
	z-index: -1;
}
.overview-shape-wrap img:nth-child(1) {
	right: 7%;
	top: 15%;
	animation: float-bob-x 4s infinite linear;
}
.overview-shape-wrap img:nth-child(2) {
	right: 6%;
	top: 25%;
}
.overview-content-two {
	margin-left: 45px;
}
.overview-content-two p {
	margin-bottom: 30px;
	color: var(--tg-paragraph-color);
}

/*=============================
	11. Features
===============================*/

.features-area {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.features-item {
	border: 1px solid var(--tg-steel-blue);
	border-radius: 10px;
	padding: 35px 50px;
	margin-bottom: 40px;
	background: var(--tg-white);
	position: relative;
}
.features-item::before {
	content: "";
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: -5px;
	background: var(--tg-gray);
	border: 1px solid var(--tg-steel-blue);
	border-radius: 8px;
	height: 70px;
	z-index: -1;
	transition: .3s ease-in;
}
.features-item::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: -10px;
	background: #DFE5F0;
	border: 1px solid var(--tg-steel-blue);
	border-radius: 8px;
	height: 70px;
	z-index: -2;
	transition: .3s ease-in;
}
.features-item:hover::after,
.features-item:hover::before {
	bottom: 3px;
}
.features-content .content-top {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.features-content .content-top .icon {
	font-size: 50px;
	line-height: 0;
	position: relative;
	color: var(--tg-primary-color);
	z-index: 1;
	margin-right: 15px;
}
.features-content .content-top .icon::before {
	content: "";
	position: absolute;
	left: -13px;
	top: -15px;
	width: 46px;
	height: 46px;
	background: var(--tg-lavender);
	z-index: -1;
	border-radius: 50%;
	transition: .3s ease-in;
}
.features-item:hover .features-content .content-top .icon::before {
	left: 0;
	top: 0;
}
.features-content .content-top .title {
	font-size: 22px;
	margin-bottom: 0;
}
.features-content p {
	margin-bottom: 0;
	color: var(--tg-gray-four);
}

/* features-two */
.features-item-wrap {
	border-bottom: 1px solid var(--tg-lavender);
	padding-bottom: 50px;
}
.features-item-two {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}
.features-icon-three,
.features-icon-two {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: var(--tg-lavender);
	flex: 0 0 auto;
	color: var(--tg-primary-color);
	font-size: 40px;
	line-height: 0;
	position: relative;
	margin-right: 20px;
}
.features-icon-three::before,
.features-icon-two::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: var(--tg-primary-color);
	top: 0;
	width: 16px;
	height: 3px;
	border-radius: 3px;
}
.features-icon-two i {
	transform: rotateY(0);
	transition: .3s linear;
}
.features-item-two:hover .features-icon-two i {
	transform: rotateY(180deg);
}
.features-content-two .title {
	font-size: 20px;
	margin-bottom: 10px;
}
.features-content-two p {
	margin-bottom: 0;
	color: var(--tg-paragraph-color);
	width: 80%;
}


/* features-three */
.features-area-three {
	position: relative;
	padding: 120px 0 90px;
	overflow: hidden;
}
.features-area-three::before {
	content: "";
	position: absolute;
	left: -127px;
	top: 90px;
	width: 530px;
	height: 530px;
	background: #CC3DE3;
	opacity: 0.05;
	filter: blur(75px);
	border-radius: 50%;
	z-index: -1;
}
.features-area-three::after {
	content: "";
	position: absolute;
	right: -120px;
	top: 80px;
	width: 530px;
	height: 530px;
	background: #5E3DE3;
	opacity: 0.05;
	filter: blur(75px);
	z-index: -1;
}
.features-item-three {
	background: var(--tg-white);
	border: 1px solid var(--tg-border-color);
	border-radius: 10px;
	padding: 30px 30px 35px;
	position: relative;
	transition: .3s linear;
	z-index: 1;
	margin-bottom: 30px;
}
.features-item-three:hover {
	background: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
	box-shadow: 0px 20px 50px rgba(3, 74, 218, 0.29);
}
.features-item-three .features-icon-three {
	margin-right: 0;
	margin-bottom: 25px;
	transition: .3s;
	width: 65px;
	height: 65px;
}
.features-item-three:hover .features-icon-three {
	background: var(--tg-white);
}
.features-content-three .title {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 15px;
	transition: .3s;
}
.features-content-three p {
	margin-bottom: 17px;
	color: var(--tg-paragraph-color);
	transition: .3s;
}
.features-item-three:hover .features-content-three p,
.features-item-three:hover .features-content-three .title {
	color: var(--tg-white);
}
.features-content-three .link-btn {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.02em;
	color: var(--tg-paragraph-color);
}
.features-content-three .link-btn img {
	margin-left: 10px;
	transition: .3s;
}
.features-item-three:hover .features-content-three .link-btn {
	color: var(--tg-white);
}
.features-item-three:hover .features-content-three .link-btn img {
	filter: brightness(0) invert(1);
}
.features-item-wrap-two .row [class*="col-"]:nth-child(even) .features-item-three {
	margin-top: 20px;
}

/* features-four */
.features-item-wrap-four {
	background: var(--tg-white);
	box-shadow: 0px 4px 50px rgba(233, 233, 243, 0.5);
	border-radius: 10px;
	padding: 65px 50px 30px;
	margin-top: -90px;
	position: relative;
	z-index: 1;
}
.features-item-four {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.features-icon-four {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin-right: 20px;
	color: var(--tg-primary-color);
	font-size: 40px;
	position: relative;
	line-height: 0;
	border-radius: 14px;
	background: var(--tg-lavender);
}
.features-icon-four::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 16px;
	background: var(--tg-primary-color);
	border-radius: 2px;
}
.features-icon-four i {
	transition: .3s linear;
	transform: rotateY(0);
}
.features-item-four:hover .features-icon-four i {
	transform: rotateY(180deg);
}
.features-content-four .title {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 10px;
}
.features-content-four p {
	margin-bottom: 0;
	color: var(--tg-paragraph-color);
}


/* features-five */
.features-bg {
    background-size: cover;
    background-position: center;
    padding: 120px 0 80px;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.features-shape-wrap img {
    position: absolute;
    z-index: -1;
}
.features-shape-wrap img:nth-child(1) {
    right: 9%;
    top: 10%;
    animation: float-bob-x 4s infinite linear;
}
.features-shape-wrap img:nth-child(2) {
    left: 8%;
    bottom: 10%;
    animation: animationFramesOne 18s linear infinite;
}


/* features-six */
.features-item-wrap-six {
    margin-top: 0;
    border: 1px solid #E7EAF1;
    z-index: 3;
    position: relative;
}

/* features-seven */
.features-area-seven {
    background: var(--tg-section-background);
    padding: 230px 0 120px;
    margin-top: -110px;
    position: relative;
    z-index: 1;
}
.features-area-seven::before {
    content: "";
    position: absolute;
    left: 40%;
    bottom: 70px;
    width: 390px;
    height: 390px;
    background: #FF6AE7;
    opacity: 0.1;
    filter: blur(75px);
    z-index: -1;
}
.features-content-seven {
    width: 90%;
}
.features-content-seven p {
    margin-bottom: 0;
}
.features-progress-wrap {
    width: 90%;
}
.inner-features-shape {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

/*=============================
	12. Choose
===============================*/
.choose-bg {
	background-size: 100px;
	background-position: center;
	padding: 50px 0;
	position: center;
	z-index: 1;
	overflow: hidden;
}
.choose-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 70%;
	background: #2c9301;
	opacity: 0.8;
	z-index: -1;
}
.choose-shape {
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
}
.section-title-two.white-title .title {
	color: var(--tg-white);
}
.choose-content {
	width: 90%;
}
.choose-content p {
	margin-bottom: 40px;
	color: #D0D0DD;
}
.choose-content .play-btn {
	display: inline-flex;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	color: var(--tg-white);
	font-family: var(--tg-heading-font-family);
}
.choose-content .play-btn:hover {
	color: var(--tg-primary-color);
}
.choose-content .play-btn i {
	width: 82px;
	height: 82px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-radius: 50%;
	font-size: 20px;
	margin-right: 35px;
	position: relative;
}
.choose-content .play-btn i::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid var(--tg-white);
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	animation: pulse-border 1500ms ease-out infinite;
}
.skill-wrap {
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 70px 60px;
	background: var(--tg-white);
	margin-left: 100px;
}
.skill-wrap .section-title-two .title {
	font-size: 36px;
}
.skill-wrap > p {
    margin-bottom: 25px;
    color: var(--tg-paragraph-color);
}
.progress-wrap {
	overflow: hidden;
	padding-top: 5px;
}
.progress-item {
	margin-bottom: 25px;
}
.progress-item:last-child {
	margin-bottom: 0;
}
.progress-item .title {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
	color: var(--tg-paragraph-color);
}
.progress-item .progress {
	height: 8px;
	background-color: var(--tg-lavender);
	border-radius: 8px;
	overflow: inherit;
}
.progress-item .progress-bar {
	background-color: var(--tg-primary-color);
	position: relative;
	overflow: inherit;
	border-radius: 8px;
}
.progress-item .progress-bar span {
	display: block;
	position: absolute;
	right: 3px;
	bottom: 20px;
	color: var(--tg-white);
	line-height: 1;
	font-family: var(--tg-heading-font-family);
	font-weight: 700;
	font-size: 11px;
	border-radius: 2px;
	background: var(--tg-primary-color);
	padding: 4px 7px;
}
.progress-item .progress-bar span::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	width: 8px;
	height: 8px;
	background: var(--tg-primary-color);
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}

/* choose-two */
.choose-area-two {
	background: #001641;
	padding: 120px 0 205px;
	position: relative;
	z-index: 1;
}
.choose-img-two {
	position: relative;
	z-index: 1;
}
.choose-img-two img:nth-child(2) {
	position: absolute;
	right: 18%;
	top: 10%;
	z-index: -1;
}
.choose-img-two img:nth-child(3) {
	position: absolute;
	right: 14%;
	top: 19%;
	z-index: -2;
}
.choose-content-two {
	width: 90%;
}
.choose-content-two > p {
	color: #D0D0DD;
	margin-bottom: 30px;
	width: 90%;
}
.choose-circle-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
.circle-item {
	position: relative;
	width: 160px;
}
.circle-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 20px;
}
.circle-content .percentage {
	display: block;
	font-weight: 800;
	font-size: 36px;
	line-height: 1;
	font-family: var(--tg-heading-font-family);
	color: var(--tg-white);
	margin-bottom: 5px;
}
.circle-content p {
	margin-bottom: 0;
	font-weight: 500;
	font-size: 15px;
	color: var(--tg-white);
	line-height: 1.2;
}

/* choose-three */
.choose-area-three {
    background: var(--tg-secondary-color);
    position: relative;
    padding: 120px 0;
    overflow: hidden;
}
.choose-content-three {
    margin-right: 65px;
}
.choose-content-three > p {
    margin-bottom: 35px;
    color: var(--tg-lavender)
}
.accordion-wrap-two .accordion-item {
    border-radius: 5px;
    background: var(--tg-primary-color);
    border: none;
    margin-bottom: 10px;
    overflow: hidden;
}
.accordion-wrap-two .accordion-item:last-child {
    margin-bottom: 0;
}
.accordion-wrap-two .accordion-item:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.accordion-wrap-two .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.accordion-wrap-two .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.accordion-wrap-two .accordion-button {
    padding: 16px 60px 16px 22px;
    font-weight: 600;
    font-size: 20px;
    color: var(--tg-white);
    background: #052462;
    position: relative;
}
.accordion-wrap-two .accordion-button:focus {
    box-shadow: none;
}
.accordion-wrap-two .accordion-button:not(.collapsed) {
    color: var(--tg-white);
    background-color: #1A66FF;
    box-shadow: none;
}
.accordion-wrap-two .accordion-button::after {
    content: "\f102";
    width: auto;
    height: auto;
    background-image: none;
    font-family: "flaticon";
    font-size: 16px;
    position: absolute;
    right: 25px;
    top: 18px;
    color: var(--tg-primary-color);
}
.accordion-wrap-two .accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(-180deg);
    color: var(--tg-white);
}
.accordion-wrap-two .accordion-body {
    padding: 20px 40px 30px 22px;
}
.accordion-wrap-two .accordion-body p {
    margin-bottom: 0;
    color: var(--tg-white);
}
.choose-img-three {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
}
.choose-img-three img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}



/*=============================
	13. Services
===============================*/
.section-title.white-title .sub-title {
	color: var(--tg-lavender);
}
.section-title.text-center .sub-title::before {
	left: 50%;
	transform: translateX(-50%);
}
.section-title.white-title .title {
	color: var(--tg-white);
}
.section-title p {
	margin-bottom: 0;
	margin-top: 16px;
	color: var(--tg-gray-four);
}
.section-title.white-title p {
	color: var(--tg-lavender);
}
.services-bg {
	background-size: cover;
	background-position: center;
	padding: 120px 0;
}
.services-item {
	background: var(--tg-white);
	border-radius: 10px;
	padding: 25px 35px 35px;
	margin-bottom: 30px;
}
.services-content .content-top {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.services-content .content-top .icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--tg-lavender);
	font-size: 30px;
	color: var(--tg-primary-color);
	line-height: 0;
	margin-right: 15px;
	transition: .3s ease-in;
}
.services-item:hover .services-content .content-top .icon {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}
.services-content .content-top .title {
	margin-bottom: 0;
	font-size: 24px;
}
.services-thumb {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 25px;
}
.services-thumb::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--tg-primary-color);
	opacity: 0;
	transition: .3s linear;
}
.services-item:hover .services-thumb::before {
	opacity: .8;
}
.services-thumb .btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
	border-color: var(--tg-white);
	margin-top: -100px;
	opacity: 0;
	visibility: hidden;
	color: var(--tg-white);
}
.services-thumb .btn::before {
	background: var(--tg-white);
}
.services-thumb .btn::after {
	color: var(--tg-primary-color);
}
.services-thumb .btn:hover {
	color: var(--tg-primary-color);
}
.services-item:hover .services-thumb .btn {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}
.services-content .list-wrap li {
	text-transform: capitalize;
	color: var(--tg-paragraph-color);
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.services-content .list-wrap li:last-child {
	margin-bottom: 0;
}
.services-content .list-wrap li::before {
	content: "";
	width: 6px;
	height: 6px;
	background: var(--tg-paragraph-color);
	border-radius: 50px;
	margin-right: 10px;
	flex: 0 0 auto;
}
.services-active [class*="col-"] {
	padding: 0 15px;
}
.services-active .slick-dots {
	display: flex;
	padding: 0;
	margin: 0;
	justify-content: center;
	gap: 10px;
	margin-top: 15px;
}
.services-active .slick-dots li {
	list-style: none;
	line-height: 0;
}
.services-active .slick-dots li button {
	text-indent: -9999999999px;
	padding: 0;
	border: 2px solid var(--tg-lavender);
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background: transparent;
}
.services-active .slick-dots li.slick-active button {
	border-color: var(--tg-primary-color);
	background: var(--tg-primary-color);
}

/* services-two */
.services-bg-two {
	background-size: cover;
	background-position: center;
	padding: 120px 0 90px;
}
.services-item-two {
	position: relative;
	margin-bottom: 30px;
}
.services-thumb-two {
	position: relative;
	border-radius: 8px;
	border: 7px solid var(--tg-white);
	box-shadow: 0px 10px 30px #CED2DD;
	overflow: hidden;
	z-index: 1;
}
.services-thumb-two::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, #00194C 11.66%, rgba(0, 25, 76, 0) 65.89%);
}
.services-thumb-two::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, rgb(0 25 76 / 55%) 52.77%, rgba(0, 25, 76, 0) 100%, #00194C 100%);
	transition: .3s linear;
	opacity: 0;
}
.services-item-two:hover .services-thumb-two::after {
	opacity: 1;
}
.services-thumb-two img {
	width: 100%;
}
.services-thumb-two .item-shape {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -50px;
	transition: .3s linear;
	opacity: 0;
}
.services-item-two:hover .services-thumb-two .item-shape {
	margin-top: 0;
	opacity: 1;
}
.services-content-two {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 25px;
	z-index: 2;
}
.services-content-two .icon {
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	line-height: 0;
	background: rgb(255 255 255 / 20%);
	border-radius: 8px;
	color: var(--tg-white);
	margin-bottom: 15px;
	transition: .3s linear;
}
.services-item-two:hover .services-content-two .icon {
	background: var(--tg-primary-color);
}
.services-content-two .title {
	margin-bottom: 10px;
	font-size: 24px;
	color: var(--tg-white);
}
.services-content-two p {
	margin-bottom: 5px;
	color: var(--tg-lavender);
	display: none;
}


/* services-three */
.services-area-three {
	background: var(--tg-section-background);
	position: relative;
	z-index: 1;
	padding: 120px 0 90px;
}
.services-item-three {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.services-thumb-three {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.services-thumb-three img {
	transform: scale(1);
	transition: .3s ease-in-out;
	width: 100%;
}
.services-item-three:hover .services-thumb-three img {
	transform: scale(1.1);
}
.services-content-three {
	position: relative;
	background: var(--tg-white);
	border-radius: 0 0 10px 10px;
	padding: 60px 30px 50px;
}
.services-content-three .services-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tg-primary-color);
	box-shadow: 0px 10px 15px rgba(0, 85, 255, 0.2);
	border-radius: 15px;
	color: var(--tg-white);
	font-size: 40px;
	line-height: 0;
	position: absolute;
	left: 30px;
	top: -35px;
}
.services-content-three .services-icon i {
	transition: .3s linear;
}
.services-item-three:hover .services-icon i {
	transform: rotateY(180deg);
}
.services-content-three .title {
	font-size: 22px;
	margin-bottom: 10px;
}
.services-content-three p {
	margin-bottom: 0;
}
.overlay-icon {
	position: absolute;
	font-size: 60px;
	right: 30px;
	bottom: -5px;
	line-height: 0;
	color: var(--tg-lavender);
}
.services-shape-four {
	top: 2%;
	position: absolute;
	right: 0;
	z-index: -1;
	opacity: .5;
}


/* services-four */
.services-area-four {
	padding: 120px 0 90px;
	position: relative;
	overflow: hidden;
}
.services-area-four::before {
	content: "";
	position: absolute;
	left: -30px;
	bottom: 8%;
	width: 390px;
	height: 390px;
	background: #E7F9FF;
	filter: blur(200px);
	z-index: -1;
}
.services-area-four::after {
	content: "";
	position: absolute;
	right: 80px;
	top: 12%;
	width: 350px;
	height: 350px;
	background: #F7E7FF;
	filter: blur(200px);
	z-index: -1;
}
.section-title-three .sub-title {
	font-size: 14px;
}
.section-title-three .title {
	font-size: 36px;
	font-weight: 800;
}
.section-title-three p {
	color: var(--tg-paragraph-color);
	width: 90%;
	margin: 12px auto 0;
}
.services-item-four {
	background: var(--tg-white);
	border: 1px solid #DDE5F6;
	border-radius: 30px;
	text-align: center;
	padding: 55px 50px 65px;
	margin-bottom: 30px;
	transition: .3s linear;
}
.services-item-four:hover {
	filter: drop-shadow(0px 14px 200px #E1E5ED);
}
.services-icon-four {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 35px;
	border-radius: 50%;
	line-height: 0;
	background: var(--tg-lavender);
	color: var(--tg-primary-color);
	font-size: 50px;
	transition: .3s linear;
}
.services-item-four:hover .services-icon-four {
	background: var(--tg-primary-color);
	color: var(--tg-white);
	box-shadow: 0px 10px 15px rgba(0, 85, 255, 0.2);
}
.services-content-four .title {
	font-weight: 800;
	font-size: 22px;
	margin-bottom: 15px;
}
.services-content-four p {
	margin-bottom: 25px;
}

/* services-five */
.inner-services-bg {
    background-size: cover;
    background-position: center;
    padding: 120px 0 90px;
}

/* services-six */
.services-area-six {
    background: var(--tg-section-background);
    padding: 120px 0 90px;
}

/* services-seven */
.services-area-seven {
    background: var(--tg-section-background);
}


/* services-details */
.services-details-area .row .col-71 {
    width: 71%;
    flex: 0 0 auto;
}
.services-details-area .row .col-29 {
    width: 29%;
    flex: 0 0 auto;
}
.services-details-thumb {
    margin-bottom: 20px;
}
.services-details-thumb img {
    border-radius: 10px;
    width: 100%;
}
.services-details-content .title {
    font-weight: 800;
    font-size: 36px;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.services-details-content > p {
    margin-bottom: 15px;
}
.sd-inner-wrap {
    margin-top: 30px;
    margin-bottom: 25px;
}
.sd-inner-wrap .row .col-56 {
    width: 56.5%;
    flex: 0 0 auto;
}
.sd-inner-wrap .row .col-44 {
    width: 43.5%;
    flex: 0 0 auto;
}
.services-details-content .title-two {
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.sd-inner-wrap .content p {
    margin-bottom: 30px;
}
.sd-inner-wrap .content .list-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px 0;
}
.sd-inner-wrap .content .list-wrap li {
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--tg-heading-font-family);
    width: 50%;
}
.sd-inner-wrap .content .list-wrap li img {
    margin-right: 10px;
}
.sd-inner-wrap .thumb {
    position: relative;
}
.sd-inner-wrap .thumb img {
    width: 100%;
    border-radius: 10px;
}
.sd-inner-wrap .thumb .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-white);
    border-radius: 50%;
}
.sd-inner-wrap .thumb .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid var(--tg-white);
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    animation: pulse-border 1500ms ease-out infinite;
}
.company-benefit-wrap {
    margin-top: 40px;
}
.company-benefit-wrap p {
    margin-bottom: 25px;
}
.accordion-wrap-three .accordion-item {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
}
.accordion-wrap-three .accordion-item:last-child {
    margin-bottom: 0;
}
.accordion-wrap-three .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.accordion-wrap-three .accordion-button {
    position: relative;
    padding: 16px 50px 16px 25px;
    font-weight: 600;
    font-size: 20px;
    color: var(--tg-secondary-color);
    text-align: left;
    background-color: var(--tg-gray-two);
    font-family: var(--tg-heading-font-family);
    border: none;
}
.accordion-wrap-three .accordion-button:not(.collapsed) {
    color: var(--tg-white);
    background: var(--tg-primary-color);
}
.accordion-wrap-three .accordion-button::after {
    content: "\f102";
    width: auto;
    height: auto;
    background-image: none;
    font-family: "flaticon";
    font-size: 16px;
    position: absolute;
    right: 25px;
    top: 18px;
    color: var(--tg-primary-color);
}
.accordion-wrap-three .accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(-180deg);
    color: var(--tg-white);
}
.accordion-wrap-three .accordion-body {
    padding: 20px 40px 30px 30px;
    border: 1px solid #DFDFDF;
    border-top: none !important;
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
}
.accordion-wrap-three .accordion-body p {
    margin-bottom: 0;
}
.accordion-wrap-three .accordion-button:focus {
    border-color: #DFDFDF;
    box-shadow: none;
}
.sd-inner-wrap-two {
    margin-top: 35px;
    margin-bottom: 50px;
}
.sd-inner-wrap-two .row .col-58 {
    width: 58.4%;
    flex: 0 0 auto;
}
.sd-inner-wrap-two .row .col-42 {
    width: 41.6%;
    flex: 0 0 auto;
}
.sd-inner-wrap-two .thumb img {
    border-radius: 10px;
}
.services-details-list .list-wrap li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px;
}
.services-details-list .list-wrap li:last-child {
    margin-bottom: 0;
}
.services-details-list .list-wrap li .icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-lavender);
    color: var(--tg-primary-color);
    border-radius: 14px;
    position: relative;
    font-size: 40px;
    line-height: 0;
    flex: 0 0 auto;
    margin-right: 20px;
}
.services-details-list .list-wrap li .icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 16px;
    height: 3px;
    background: var(--tg-primary-color);
    border-radius: 3px;
}
.services-details-list .list-wrap li .content .title {
    margin-bottom: 8px;
    font-size: 20px;
    text-transform: capitalize;
}
.services-details-list .list-wrap li .content p {
    margin-bottom: 0;
}
.industrial-working-wrap p {
    margin-bottom: 25px;
}
.industrial-working-wrap .info-two {
    margin-bottom: 0;
}
.industrial-working-wrap img {
    border-radius: 10px;
    margin-bottom: 25px;
}
.services-details-list-two {
    margin-right: 15px;
}
.services-details-list-two .list-wrap li {
    border: 1px solid #DADFEE;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    padding: 25px 30px;
    background: var(--tg-white);
    margin-bottom: 20px;
}
.services-details-list-two .list-wrap li:last-child {
    margin-bottom: 0;
}
.services-details-list-two .list-wrap li .icon {
    font-size: 35px;
    line-height: 0;
    color: var(--tg-primary-color);
    flex: 0 0 auto;
    margin-right: 10px;
    line-height: 0;
}
.services-details-list-two .list-wrap li .content .title {
    font-size: 22px;
    margin-bottom: 10px;
}
.services-details-list-two .list-wrap li .content p {
    margin-bottom: 0;
}
.sd-inner-wrap-three .col-43 {
    width: 43%;
    flex: 0 0 auto;
}
.sd-inner-wrap-three .col-57 {
    width: 57%;
    flex: 0 0 auto;
}
.sd-inner-wrap-three {
    margin-bottom: 50px;
    margin-top: 40px;
}
.sd-inner-wrap-four .row .col-55 {
    width: 55%;
    flex: 0 0 auto;
}
.sd-inner-wrap-four .row .col-45 {
    width: 45%;
    flex: 0 0 auto;
}
.sd-inner-wrap-four .thumb img {
    border-radius: 10px;
}
.sd-inner-wrap-four .content .list-wrap li {
    display: flex;
    align-items: flex-start;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    text-transform: capitalize;
    font-family: var(--tg-heading-font-family);
    margin-bottom: 15px;
}
.sd-inner-wrap-four .content .list-wrap li:last-child {
    margin-bottom: 0;
}
.sd-inner-wrap-four .content .list-wrap li img {
    margin-right: 10px;
}
.sd-inner-wrap-four {
    margin-bottom: 40px;
}
.services-details-list-three .list-wrap {
    display: flex;
    align-items: center;
    gap: 25px;
}
.services-details-list-three .list-wrap li {
    display: flex;
    align-items: flex-start;
    border: 1px solid #DADFEE;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    background: var(--tg-white);
    padding: 25px 30px;
}
.services-details-list-three .list-wrap li .icon {
    font-size: 50px;
    line-height: 0;
    color: var(--tg-primary-color);
    margin-right: 15px;
}
.services-details-list-three .list-wrap li .content .title {
    font-size: 22px;
    margin-bottom: 10px;
}
.services-details-list-three .list-wrap li .content p {
    margin-bottom: 0;
}
.services-details-list-three {
    margin-bottom: 30px;
}
.services-details-thumb-two {
    margin-bottom: 20px;
    margin-top: 25px;
}
.services-details-thumb-two img {
    border-radius: 10px;
}
.speed-optimized-wrap {
    margin-top: 50px;
    margin-bottom: 45px;
}
.speed-optimized-wrap p {
    margin-bottom: 0;
}
.sd-inner-wrap-five .row .col-50 {
    width: 50%;
    flex: 0 0 auto;
}
.sd-inner-wrap-five .left-side-content {
    margin-right: 30px;
}
.sd-inner-wrap-five .left-side-content p {
    margin-bottom: 0;
}
.sd-inner-wrap-five .right-side-content p {
    margin-bottom: 15px;
}
.sd-inner-wrap-five .right-side-content .list-wrap li {
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
    font-weight: 600;
    font-size: 18px;
    color: var(--tg-secondary-color);
    font-family: var(--tg-heading-font-family);
    margin-bottom: 15px;
}
.sd-inner-wrap-five .right-side-content .list-wrap li:last-child {
    margin-bottom: 0;
}
.sd-inner-wrap-five .right-side-content .list-wrap li img {
    margin-right: 10px;
}

/* services-sidebar */
.services-sidebar {
    padding-right: 20px;
}
.services-cat-list .list-wrap li {
    margin-bottom: 10px;
}
.services-cat-list .list-wrap li:last-child {
    margin-bottom: 0;
}
.services-cat-list .list-wrap li a {
    border: 1px solid #E0E6F2;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 22px;
    background: var(--tg-white);
    font-weight: 600;
    font-size: 18px;
    font-family: var(--tg-heading-font-family);
    color: var(--tg-secondary-color);
    text-transform: capitalize;
}
.services-cat-list .list-wrap li a i {
    margin-left: 10px;
    font-size: 22px;
    line-height: 0;
    color: var(--tg-gray-four);
    transition: all 0.3s ease-out 0s;
}
.services-cat-list .list-wrap li.active a,
.services-cat-list .list-wrap li a:hover {
    background: var(--tg-primary-color);
    color: var(--tg-white);
    border-color: var(--tg-primary-color);
}
.services-cat-list .list-wrap li.active a i,
.services-cat-list .list-wrap li a:hover i {
    color: var(--tg-white);
}
.services-widget {
    background: var(--tg-section-background);
    border-radius: 10px;
    padding: 30px 30px 35px;
    margin-bottom: 30px;
}
.services-widget:last-child {
    margin-bottom: 0;
}
.services-widget .sw-title {
    margin-bottom: 15px;
    position: relative;
    font-size: 24px;
    text-transform: capitalize;
    padding-bottom: 10px;
}
.services-widget .sw-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    background: var(--tg-primary-color);
    border-radius: 4px;
}
.services-brochure-wrap p {
    margin-bottom: 15px;
}
.services-brochure-wrap .download-btn {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: var(--tg-secondary-color);
    border: 1px solid #E0E6F2;
    border-radius: 5px;
    background: var(--tg-white);
    padding: 13px 20px;
    margin-bottom: 10px;
}
.services-brochure-wrap .download-btn i {
    font-size: 16px;
    color: var(--tg-primary-color);
    margin-right: 10px;
    transition: all 0.3s ease-out 0s;
}
.services-brochure-wrap .download-btn:hover {
    color: var(--tg-white);
    background: var(--tg-primary-color);
    border-color: var(--tg-primary-color);
}
.services-brochure-wrap .download-btn:hover i {
    color: var(--tg-white);
}
.services-brochure-wrap .download-btn:last-child {
    margin-bottom: 0;
}
.services-widget-form .form-grp {
    margin-bottom: 10px;
}
.services-widget-form .form-grp textarea,
.services-widget-form .form-grp input {
    width: 100%;
    border: 1px solid #E0E6F2;
    border-radius: 5px;
    background: var(--tg-white);
    padding: 13px 16px;
    font-weight: 500;
    font-size: 14px;
    color: var(--tg-paragraph-color);
    height: 50px;
    display: block;
}
.services-widget-form .form-grp textarea::placeholder,
.services-widget-form .form-grp input::placeholder {
    font-weight: 500;
    font-size: 14px;
    color: var(--tg-gray-four);
}
.services-widget-form .form-grp textarea {
    min-height: 120px;
    max-height: 120px;
}
.submit-btn {
    border: none;
    background: var(--tg-primary-color);
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    color: var(--tg-white);
    text-transform: capitalize;
    border-radius: 5px;
    padding: 13px 20px;
    height: 50px;
}
.submit-btn:hover {
    background: var(--tg-secondary-color);
}
.services-sidebar-contact {
    background: var(--tg-paragraph-color);
    text-align: center;
}
.services-sidebar-contact .title {
    margin-bottom: 30px;
    color: var(--tg-white);
    font-size: 22px;
}
.services-sidebar-contact a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-primary-color);
    border-radius: 6px;
    color: var(--tg-white);
    font-weight: 600;
    font-size: 18px;
    padding: 9px 22px;
}
.services-sidebar-contact a i {
    line-height: 0;
    margin-right: 5px;
}
.services-sidebar-contact a:hover {
    background: var(--tg-secondary-color);
}
.services-cat-list-two .list-wrap li a {
    position: relative;
    z-index: 1;
    background: #F8F8FA;
}
.services-cat-list-two .list-wrap li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 30px;
    border-radius: 3px;
    background: var(--tg-primary-color);
    z-index: -1;
}


/*=============================
	14. Cta
===============================*/
.cta-area {
	margin-top: -105px;
}
.cta-inner-wrap-two,
.cta-inner-wrap {
	background-size: cover;
	background-position: center;
	padding: 70px;
	border-radius: 10px;
}
.cta-content {
	display: flex;
	align-items: center;
}
.cta-info-wrap {
	display: flex;
	align-items: center;
	width: 46%;
	flex: 0 0 auto;
	position: relative;
}
.cta-info-wrap::before {
	content: "";
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 74px;
	background: var(--tg-primary-color);
}
.cta-info-wrap .icon {
	font-size: 50px;
	color: var(--tg-white);
	line-height: 0;
	margin-right: 15px;
}
.cta-info-wrap .content span {
	display: block;
	font-weight: 600;
	font-size: 18px;
	font-family: var(--tg-heading-font-family);
	color: var(--tg-white);
	line-height: 1;
	margin-bottom: 10px;
}
.cta-info-wrap .content a {
	font-weight: 700;
	font-size: 30px;
	display: inline-block;
	line-height: 1;
	color: var(--tg-white);
	font-family: var(--tg-heading-font-family);
}
.cta-info-wrap .content a:hover {
	color: var(--tg-primary-color);
}
.cta-content .title {
	font-weight: 800;
	font-size: 30px;
	margin-bottom: 0;
	color: var(--tg-white);
	line-height: 1.13;
}


/* cta-two */
.cta-inner-wrap-two .cta-info-wrap::before {
	background: var(--tg-white);
}
.cta-inner-wrap-two .cta-info-wrap a:hover {
	color: var(--tg-secondary-color);
}
.cta-inner-wrap-two .cta-btn .btn {
	border: 2px solid var(--tg-white);
	background: transparent;
	padding: 16px 30px;
}
.cta-inner-wrap-two .cta-btn .btn:hover {
	background: var(--tg-blue);
	border-color: var(--tg-blue);
}

/* cta-three */
.cta-area-three {
	background: #F8F8FA;
}
.cta-inner-wrap-three {
	margin-top: -85px;
	position: relative;
	z-index: 1;
}
.cta-info-wrap.cta-info-wrap-two .icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	background: var(--tg-white);
	font-size: 35px;
	color: var(--tg-primary-color);
	line-height: 0;
	margin-right: 15px;
}
.cta-info-wrap.cta-info-wrap-two .content a {
	font-size: 24px;
}
.cta-info-wrap.cta-info-wrap-two::before {
	display: none;
}
.cta-inner-wrap-three {
	background-size: cover;
	background-position: center;
	padding: 50px 45px;
	border-radius: 10px;
}
.cta-inner-wrap-three .btn-three {
	background: var(--tg-white);
	color: var(--tg-primary-color);
}
.cta-inner-wrap-three .btn-three::after {
	filter: unset;
}
.cta-inner-wrap-three .btn-three:hover {
	background: var(--tg-secondary-color);
	color: var(--tg-white);
}
.cta-inner-wrap-three .btn-three:hover::after {
	filter: brightness(0) invert(1);
}


.cta-area-four {
	margin-top: -100px;
}
.cta-area-five {
    position: relative;
    z-index: 3;
}


/*=============================
	15. Counter
===============================*/
.counter-bg {
	background-size: cover;
	background-position: center;
	padding: 120px 0 90px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.counter-item {
	text-align: center;
	margin-bottom: 30px;
}
.counter-item .count {
	margin-bottom: 5px;
	font-weight: 800;
	font-size: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: .8;
}
.counter-item p {
	margin-bottom: 0;
}
.counter-shape-wrap img {
	position: absolute;
	z-index: -1;
}
.counter-shape-wrap img:nth-child(1) {
	left: 10%;
	top: 25%;
	animation: animationFramesOne 15s linear infinite;
}
.counter-shape-wrap img:nth-child(2) {
	right: 10%;
	top: 45%;
	animation: animationFramesOne 20s linear infinite;
}
@keyframes animationFramesOne {
  0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  20% {
    -webkit-transform:  translate(73px,-1px)  rotate(36deg) ;
  }
  40% {
    -webkit-transform:  translate(141px,72px)  rotate(72deg) ;
  }
  60% {
    -webkit-transform:  translate(83px,122px)  rotate(108deg) ;
  }
  80% {
    -webkit-transform:  translate(-40px,72px)  rotate(144deg) ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}
.animationFramesOne {
	-webkit-animation: animationFramesOne 12s linear infinite;
	animation: animationFramesOne 12s linear infinite;
}


/* counter-two */
.counter-area-two {
	background: #F8F8FA;
	padding: 75px 0 45px;
}
.counter-item-two {
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.counter-item-two::before {
	content: "";
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 95px;
	background: #D5DDEC;
}
.counter-item-wrap .row [class*="col-"]:last-child .counter-item-two::before {
	display: none;
}
.counter-item-two .count {
	font-weight: 800;
	font-size: 60px;
	display: inline-flex;
	align-items: center;
	line-height: .8;
	margin-bottom: 5px;
	justify-content: center;
	position: relative;
}
.counter-item-two .count::before {
	content: "";
	position: absolute;
	left: -24px;
	top: -18px;
	width: 50px;
	height: 50px;
	background: #DCE7FF;
	border-radius: 50%;
}
.counter-item-two p {
	margin-bottom: 0;
}

/* counter-three */
.counter-item-three {
	border: 1.2px solid #D4DCED;
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 28px 30px;
	margin-bottom: 30px;
	transform: translateY(0);
	transition: .3s linear;
}
.counter-item-three:hover {
	transform: translateY(-5px);
}
.counter-icon {
	font-size: 60px;
	line-height: 0;
	position: relative;
	color: var(--tg-primary-color);
	margin-right: 40px;
}
.counter-icon::before {
	content: "";
	position: absolute;
	left: -14px;
	top: -15px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--tg-lavender);
	z-index: -1;
	transition: .3s linear;
}
.counter-icon::after {
	content: "";
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 38px;
	background: var(--tg-lavender);
}
.counter-item-three:hover .counter-icon::before {
	left: 0;
	top: 0;
}
.counter-content .count {
	font-size: 36px;
	margin-bottom: 10px;
	line-height: .8;
	display: flex;
	align-items: center;
}
.counter-content p {
	margin-bottom: 0;
	line-height: 1.2;
	color: var(--tg-gray-four);
}


/* counter-four */
.counter-area-four {
    background: var(--tg-section-background);
    position: relative;
    padding: 220px 0 120px;
    overflow: hidden;
    z-index: 1;
    margin-top: -100px;
}
.counter-area-four::before {
    content: "";
    position: absolute;
    right: 38%;
    bottom: 60px;
    width: 390px;
    height: 390px;
    background: #5E3DE3;
    opacity: 0.07;
    filter: blur(75px);
    z-index: -1;
}
.counter-content-four {
    width: 90%;
}
.counter-content-four p {
    margin-bottom: 0;
}
.counter-item-wrap-four .list-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -12px;
    gap: 24px 0;
}
.counter-item-wrap-four .list-wrap li {
    padding: 0 12px;
    width: 50%;
}
.counter-item-wrap-four .list-wrap li .counter-item-three {
    background: var(--tg-white);
    margin-bottom: 0;
}
.inner-counter-shape {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}


/*=============================
	16. Estimate
===============================*/
.estimate-area {
	background: #F8F8FA;
	padding: 120px 0 0;
	position: relative;
	z-index: 1;
}
.estimate-content {
	padding: 0 40px 0 80px;
}
.estimate-tab-wrap .nav-tabs {
	border-bottom: none;
	gap: 5px;
	margin-bottom: 20px;
}
.estimate-tab-wrap .nav-tabs .nav-link {
	margin-bottom: 0;
	background: var(--tg-gray-four);
	border: none;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	color: var(--tg-white);
	padding: 7px 20px;
}
.estimate-tab-wrap .nav-tabs .nav-link.active {
	background: var(--tg-primary-color);
}
.estimate-form-wrap .form-grp {
	margin-bottom: 10px;
}
.estimate-form-wrap .form-grp input {
	border: 1px solid #D0D6E1;
	border-radius: 5px;
	width: 100%;
	padding: 15px 20px;
	font-weight: 500;
	font-size: 14px;
	color: var(--tg-secondary-color);
	height: 50px;
	background: var(--tg-white);
}
.estimate-form-wrap .form-grp input::placeholder {
	font-weight: 500;
	font-size: 14px;
	color: var(--tg-gray-four);
}
.range-slider-wrap {
	margin-bottom: 30px;
}
.range-slider-wrap .content-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 20px;
	margin-bottom: 15px;
}
.range-slider-wrap .content-top p {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 0;
}
.range-slider-wrap .content-top span {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
	color: var(--tg-secondary-color);
}
.range-slider-wrap .content-top span strong {
	font-weight: 600;
	font-size: 16px;
}
.range-slider-wrap input {
	width: 100%;
	height: 15px;
	appearance: none;
	-webkit-appearance: none;
	background: #D9D9D9;
	outline: none;
	border-radius: 10px;
	overflow: hidden;
}
.range-slider-wrap .range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--tg-primary-color);
	cursor: pointer;
	border: none;
	box-shadow: -807px 0 0 800px #6699FF;
}
.estimate-form-wrap .btn.btn-three::after {
	display: none;
}
.estimate-shape {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}


/*=============================
	17. Project
===============================*/
.project-bg {
	background-size: cover;
	background-position: center;
	padding: 120px 0 90px;
	overflow: hidden;
}
.project-top-content {
	margin-left: 40px;
	margin-bottom: 50px;
}
.project-top-content p {
	margin-bottom: 0;
	color: var(--tg-paragraph-color);
}
.project-item {
	margin-bottom: 30px;
}
.project-thumb {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
}
.project-thumb img {
	filter: grayscale(0);
}
.project-item:hover .project-thumb img {
	filter: grayscale(100%);
}
.project-content {
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
	border-radius: 9px;
	margin: -85px 0px 0;
	padding: 22px 80px 22px 30px;
	position: relative;
	overflow: hidden;
	background: var(--tg-white);
}
.project-content .tag {
	font-weight: 500;
	font-size: 15px;
	display: inline-block;
	text-transform: capitalize;
	margin-bottom: 5px;
}
.project-content .tag:hover {
	color: var(--tg-secondary-color);
}
.project-content .title {
	font-size: 22px;
	margin-bottom: 0;
}
.project-content .link-arrow {
	width: 113px;
	height: 113px;
	display: block;
	border-radius: 50%;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	font-size: 22px;
	line-height: 0;
	padding: 24px 32px;
	position: absolute;
	right: -38px;
	bottom: -51px;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
}
.project-item:hover .project-content .link-arrow {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}
.project-content .link-arrow:hover {
	background: var(--tg-secondary-color);
}
.swiper-container.project-active {
	overflow: hidden;
	margin-right: -422px;
}

/* project-two */
.project-bg-two {
	background-size: cover;
	background-position: center;
	padding: 120px 0 200px;
}
.project-content-top {
	margin-bottom: 30px;
}
.project-content-top p {
	margin-bottom: 0;
	width: 90%;
	margin-left: auto;
}
.project-item-two {
	position: relative;
	margin-bottom: 30px;
}
.project-thumb-two img {
	border-radius: 10px;
	transition: .3s linear;
}
.project-item-two:hover .project-thumb-two img {
	filter: grayscale(100%);
}
.project-content-two {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(0 85 255 / 80%);
	border-radius: 10px;
	padding: 30px;
	transition: .3s linear;
	opacity: 0;
	transform: scale(.8);
	visibility: hidden;
}
.project-item-two:hover .project-content-two {
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}
.project-content-two .title {
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 10px;
	color: var(--tg-white);
}
.project-content-two .title a:hover {
	color: var(--tg-white);
}
.project-content-two span {
	display: block;
	line-height: 1;
	color: var(--tg-white);
}
.project-content-two .link-btn {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--tg-white);
	color: var(--tg-secondary-color);
	font-size: 18px;
	position: absolute;
	right: 28px;
	bottom: 28px;
}
.project-content-two .link-btn:hover {
	background: var(--tg-secondary-color);
	color: var(--tg-white);
}

/* project-three */
.project-item-three {
	margin-bottom: 30px;
}
.project-thumb-three {
	overflow: hidden;
}
.project-thumb-three img {
	transform: scale(1);
	transition: .3s linear;
}
.project-item-three:hover .project-thumb-three img {
	transform: scale(1.1);
}

/* project-four */
.project-area-four {
	background: var(--tg-section-background);
	padding: 120px 0 190px;
}
.project-item-four {
	margin-bottom: 30px;
}
.project-thumb-four {
	position: relative;
	margin-bottom: 20px;
}
.project-thumb-four::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--tg-primary-color);
	opacity: .9;
	opacity: 0;
	transition: .3s linear;
}
.project-thumb-four .project-link {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	width: 50px;
	opacity: 0;
	visibility: hidden;
	line-height: 0;
}
.project-item-four:hover .project-thumb-four::before {
	opacity: .9;
}
.project-item-four:hover .project-thumb-four .project-link {
	opacity: 1;
	visibility: visible;
}
.project-content-four .title {
	font-size: 24px;
	margin-bottom: 5px;
}
.project-content-four span {
	font-weight: 400;
	display: block;
	line-height: 1;
	color: var(--tg-gray-four);
}

/* project-details */
.project-details-wrap .row .col-71 {
    width: 71%;
    flex: 0 0 auto;
}
.project-details-wrap .row .col-29 {
    width: 29%;
    flex: 0 0 auto;
}
.project-details-thumb {
    margin-bottom: 30px;
}
.project-details-thumb img {
    border-radius: 10px;
}
.project-details-info {
    border: 1px solid #E0E6F2;
    border-radius: 5px;
    padding: 25px 35px 28px;
    margin-bottom: 30px;
}
.project-details-info .title {
    font-size: 24px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 12px;
}
.project-details-info .title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    background: var(--tg-primary-color);
    border-radius: 4px;
}
.project-details-info > .list-wrap > li {
    font-weight: 500;
    font-size: 16px;
    color: var(--tg-gray-four);
    border-bottom: 1px solid #DFE3E7;
    display: flex;
    align-items: center;
    font-family: var(--tg-heading-font-family);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.project-details-info > .list-wrap > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.project-details-info > .list-wrap > li span {
    font-weight: 700;
    font-size: 18px;
    color: var(--tg-paragraph-color);
    width: 40%;
    flex: 0 0 auto;
}
.project-details-info > .list-wrap > li.social .list-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.project-details-info > .list-wrap > li.social .list-wrap li a {
    color: var(--tg-gray-four);
}
.project-details-info > .list-wrap > li.social .list-wrap li a:hover {
    color: var(--tg-primary-color);
}
.project-details-content .title {
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 20px;
}
.project-details-content > p {
    margin-bottom: 15px;
}
.project-details-content .title-two {
    margin-bottom: 15px;
    font-size: 30px;
    text-transform: capitalize;
}
.pd-optimized-wrap {
    margin-top: 50px;
    margin-bottom: 60px;
}
.pd-optimized-wrap p {
    margin-bottom: 0;
}
.pd-inner-wrap .row .col-41 {
    width: 41.3%;
    flex: 0 0 auto;
}
.pd-inner-wrap .row .col-59 {
    width: 58.7%;
    flex: 0 0 auto;
}
.pd-inner-wrap .content {
    margin-right: 20px;
}
.pd-inner-wrap .content p {
    margin-bottom: 0;
}
.pd-inner-wrap .content .info-one {
    margin-bottom: 30px;
}
.pd-inner-wrap .content .list-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 18px 0;
    margin-bottom: 25px;
}
.pd-inner-wrap .content .list-wrap li {
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--tg-heading-font-family);
    color: var(--tg-paragraph-color);
    width: 50%;
}
.pd-inner-wrap .content .list-wrap li img {
    margin-right: 10px;
}
.pd-inner-wrap .thumb {
    position: relative;
}
.pd-inner-wrap .thumb img {
    border-radius: 10px;
}
.pd-inner-wrap .thumb .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-white);
    border-radius: 50%;
}
.pd-inner-wrap .thumb .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid var(--tg-white);
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    animation: pulse-border 1500ms ease-out infinite;
}

/*=============================
	18. Faq
===============================*/
.faq-area {
	position: relative;
	z-index: 1;
	padding: 0 0 120px;
}
.faq-bg-shape {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 40.3%;
	background-size: cover;
	background-position: center;
	z-index: -1;
}
.faq-shape-wrap img {
	position: absolute;
	z-index: -1;
}
.faq-shape-wrap img:nth-child(1) {
	right: 0;
	bottom: 0;
}
.faq-shape-wrap img:nth-child(2) {
	left: 14%;
	bottom: 12%;
	animation: alltuchtopdown 8s infinite linear;
}
.faq-img-wrap {
	text-align: right;
	position: relative;
	margin-right: 45px;
}
.faq-img-wrap img:nth-child(1) {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	border: 8px solid var(--tg-white);
}
.faq-img-wrap img:nth-child(2) {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	position: absolute;
	left: 0;
	bottom: 20%;
}
.faq-content > p {
    margin-bottom: 30px;
    width: 85%;
}
.faq-content .accordion-wrap {
	width: 90%;
}
.faq-content .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.faq-content .accordion-item {
	background-color: transparent;
	border: none;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 10px;
}
.faq-content .accordion-item:last-child {
	margin-bottom: 0;
}
.faq-content .accordion-button {
	position: relative;
	padding: 17px 50px 17px 30px;
	font-weight: 700;
	font-size: 18px;
	color: var(--tg-secondary-color);
	text-align: left;
	background-color: var(--tg-gray-two);
	font-family: var(--tg-heading-font-family);
	border: 1px solid #DFDFDF;
}
.faq-content .accordion-button.collapsed {
	border: transparent;
}
.faq-content .accordion-button:not(.collapsed) {
	color: var(--tg-primary-color);
	background-color: transparent;
	box-shadow: none;
}
.faq-content .accordion-button:focus {
	border-color: #DFDFDF;
	box-shadow: none;
}
.faq-content .accordion-body {
	padding: 20px 30px 30px;
	border: 1px solid #DFDFDF;
	border-top: none;
}
.faq-content .accordion-body p {
	margin-bottom: 0;
	color: var(--tg-gray-four);
}
.faq-content .accordion-button::after {
	content: "\f102";
	width: auto;
	height: auto;
	background-image: none;
	font-family: "flaticon";
	font-size: 16px;
	position: absolute;
	right: 25px;
	top: 18px;
	color: var(--tg-primary-color);
}
.faq-content .accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: rotate(-180deg);
}

/*=============================
	19. Request
===============================*/
.request-area.request-bg {
	background-position: center;
	background-size: cover;
	padding: 1px 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.request-content .title {
	font-size: 32px;
	margin-bottom: 0;
	color: var(--tg-white);
	font-weight: 800;
}
.request-content-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}
.request-contact {
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	padding: 5px 22px;
}
.request-contact .icon {
	font-size: 30px;
	line-height: 0;
	color: var(--tg-white);
	margin-right: 10px;
}
.request-contact .content span {
	display: block;
	line-height: 1;
	font-size: 13px;
	color: var(--tg-white);
	margin-bottom: 2px;
}
.request-contact .content a {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	font-family: var(--tg-heading-font-family);
	color: var(--tg-white);
	line-height: 1;
}
.request-contact .content a:hover {
	color: var(--tg-primary-color);
}
.request-shape {
	position: absolute;
	left: 6%;
	top: 10%;
	animation: animationFramesOne 15s linear infinite;
	z-index: -1;
}

/* request-two */
.request-area-two {
	background: var(--tg-secondary-color);
	padding: 0px 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.request-shape-wrap img {
	position: absolute;
	z-index: -1;
}
.request-shape-wrap img:nth-child(1) {
	left: 13%;
	top: 45%;
	animation: alltuchtopdown 8s infinite linear;
}
.request-shape-wrap img:nth-child(2) {
	right: 0;
	top: 0;
}
.request-content-two p {
	margin-bottom: 0;
	color: #D0D0DD;
	width: 90%;
}
.request-form-wrap .form-grp input {
	width: 100%;
	border: none;
	font-weight: 500;
	font-size: 13px;
	color: var(--tg-secondary-color);
	padding: 15px 10px;
	border-radius: 4px;
	background: var(--tg-white);
	height: 50px;
}
.request-form-wrap .form-grp input::placeholder {
	font-weight: 500;
	font-size: 13px;
	color: var(--tg-paragraph-color);
}
.request-form-wrap .row {
	gap: 15px 0;
	margin: 0 -7px;
}
.request-form-wrap .row [class*="col-"] {
	padding: 0 7px;
}
.request-form-wrap button {
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
	border: none;
	width: 100%;
	text-align: center;
	padding: 10px 20px;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-radius: 4px;
	height: 50px;
}
.request-form-wrap button:hover {
	background: var(--tg-white);
	color: var(--tg-primary-color);
}

/*=============================
	20. Team
===============================*/
.team-bg {
	background-size: cover;
	background-position: center;
	padding: 120px 0 90px;
}
.team-item {
	border: 1px solid #DFE3EC;
	border-radius: 10px;
	background: var(--tg-white);
	margin-bottom: 30px;
	transition: .3s linear;
}
.team-item:hover {
	filter: drop-shadow(0px 14px 30px #DDE1EB);
	border-color: var(--tg-white);
}
.team-thumb {
	position: relative;
}
.team-thumb img {
	border-radius: 8px 8px 180px;
}
.team-social .list-wrap {
	display: flex;
	flex-direction: column-reverse;
	position: absolute;
	border-radius: 0px 0px 50px 50px;
	background: var(--tg-paragraph-color);
	right: 17px;
	top: 0;
	padding: 16px 13px;
	transition: .3s linear;
}
.team-social .list-wrap li a {
	display: block;
	transform: rotate(-90deg);
	color: var(--tg-white);
	font-size: 16px;
}
.team-item:hover .team-social .list-wrap {
	background: var(--tg-primary-color);
}
.team-content {
	padding: 20px 25px 25px;
}
.team-content .title {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 3px;
}
.team-content span {
	font-size: 13px;
	display: block;
	position: relative;
	padding-bottom: 15px;
	color: var(--tg-gray-four);
}
.team-content span::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 4px;
	border-radius: 4px;
	background: var(--tg-primary-color);
}

/* team-two */
.team-area-two {
	padding: 120px 0 90px;
	position: relative;
	overflow: hidden;
}
.team-shape {
	position: absolute;
	left: 0;
	top: 30%;
	z-index: -1;
}
.section-top-content p {
	margin-bottom: 0;
	width: 90%;
	margin-left: auto;
	color: var(--tg-paragraph-color);
}
.team-item-two {
	position: relative;
	margin-bottom: 30px;
	transition: .3s;
}
.team-item-two:hover {
	transform: translateY(-5px);
}
.team-thumb-two {
	position: relative;
}
.team-thumb-two img {
	border-radius: 10px;
}
.team-social-two .list-wrap {
	display: flex;
	flex-direction: column-reverse;
	background: #0045CE;
	position: absolute;
	left: 30px;
	bottom: 25px;
	border-radius: 50px;
	padding: 16px 13px;
}
.team-social-two .list-wrap li a {
	display: block;
	transform: rotate(-90deg);
	color: var(--tg-white);
	font-size: 16px;
	transition: .3s;
}
.team-social-two .list-wrap li a:hover {
	transform: rotate(0);
}
.team-content-two {
	position: absolute;
	left: 30px;
	top: 25px;
	right: 30px;
}
.team-content-two .title {
	font-size: 24px;
	margin-bottom: 5px;
	color: var(--tg-white);
}
.team-content-two .title a:hover {
	color: var(--tg-secondary-color);
}
.team-content-two span {
	font-weight: 500;
	font-size: 14px;
	display: block;
	color: var(--tg-lavender);
	position: relative;
}
.team-content-two span::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 30px;
	height: 4px;
	background: var(--tg-white);
	border-radius: 2px;
}

/* team-three */
.team-area-three {
	position: relative;
	padding: 120px 0 90px;
	overflow: hidden;
}
.team-area-three::before {
	content: "";
	position: absolute;
	left: 50px;
	bottom: 0;
	width: 600px;
	height: 600px;
	background: #CED0FF;
	opacity: 0.2;
	filter: blur(75px);
	z-index: -1;
}
.team-item-three {
	background: var(--tg-section-background);
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.team-thumb-three {
	position: relative;
	z-index: 1;
	padding-top: 25px;
}
.team-thumb-three::before {
	content: "";
	position: absolute;
	width: 230px;
	height: 450px;
	background: var(--tg-lavender);
	right: -68px;
	bottom: -31px;
	z-index: -1;
	border-radius: 115px;
	transform: rotate(45deg);
	transition: .3s ease-in-out;
}
.team-item-three:hover .team-thumb-three::before {
	background: var(--tg-primary-color);
}
.team-content-three {
	padding: 20px 30px 25px;
}
.team-content-three .title {
	margin-bottom: 8px;
	font-size: 24px;
}
.team-content-three span {
	display: block;
	color: var(--tg-primary-color);
}
.team-social-three {
	position: absolute;
	left: 20px;
	top: 20px;
	background: var(--tg-lavender);
	border-radius: 30px;
}
.team-social-three .list-wrap {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	padding: 0 0 15px;
	display: none;
	text-align: center;
}
.team-social-three .social-toggle-icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--tg-primary-color);
	font-size: 20px;
	line-height: 0;
	cursor: pointer;
	transition: all 0.3s ease-out 0s;
}
.team-social-three .list-wrap a {
	font-size: 18px;
}
.team-social-three .list-wrap a:hover {
	color: var(--tg-secondary-color);
}

/* team-four */
.team-item-four {
	margin-bottom: 30px;
}
.team-thumb-four {
	position: relative;
	margin-bottom: 20px;
}
.team-thumb-four img {
	border-radius: 10px;
}
.team-content-four .title {
	font-size: 24px;
	margin-bottom: 5px;
}
.team-content-four span {
	display: block;
	font-weight: 500;
	font-size: 14px;
	color: var(--tg-primary-color);
}
.team-item-four .team-social-three {
	right: 20px;
	bottom: 20px;
	top: auto;
	left: auto;
	display: flex;
	flex-direction: column-reverse;
}
.team-item-four .team-social-three .list-wrap {
	padding: 15px 0 0;
}


/* team-five */
.team-item-five {
	border: 1px solid #D4DCED;
	border-radius: 30px;
	text-align: center;
	margin-bottom: 30px;
	padding: 40px 40px 50px;
}
.team-thumb-five {
	margin-bottom: 20px;
}
.team-thumb-five img {
	border-radius: 50%;
}
.team-content-five .title {
	font-size: 22px;
	margin-bottom: 5px;
}
.team-content-five span {
	display: block;
	color: var(--tg-gray-four);
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.team-content-five span::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 30px;
	height: 5px;
	border-radius: 5px;
	background: var(--tg-primary-color);
}
.team-social-four .list-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.team-social-four .list-wrap li a {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--tg-lavender);
	font-size: 15px;
}
.team-social-four .list-wrap li a:hover {
	color: var(--tg-white);
	background: var(--tg-primary-color);
}

/* team-six */
.team-area-six {
    background: var(--tg-section-background);
    padding: 220px 0 90px;
    margin-top: -100px;
}

/* team-details */
.team-details-info-wrap {
    margin-right: 30px;
}
.team-details-thumb {
    margin-bottom: 30px;
}
.team-details-thumb img {
    border-radius: 10px;
}
.team-details-info .list-wrap {
    margin-bottom: 30px;
}
.team-details-info .list-wrap li {
    display: flex;
    align-items: flex-start;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--tg-heading-font-family);
    margin-bottom: 10px;
}
.team-details-info .list-wrap li:last-child {
    margin-bottom: 0;
}
.team-details-info .list-wrap li i {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 0;
    color: var(--tg-primary-color);
    font-size: 20px;
    background: var(--tg-lavender);
    transform: translateY(-4px);
    margin-right: 10px;
}
.td-info-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.td-info-bottom .share-btn {
    background: var(--tg-lavender);
    border-radius: 30px;
    text-transform: uppercase;
    padding: 13px 24px;
    display: block;
    height: 52px;
}
.td-info-bottom .share-btn img {
    margin-right: 10px;
    transition: all 0.3s ease-out 0s;
}
.td-info-bottom .share-btn:hover {
    background: var(--tg-primary-color);
    color: var(--tg-white);
}
.td-info-bottom .share-btn:hover img {
    filter: brightness(0) invert(1);
}
.team-details-content > .title {
    margin-bottom: 8px;
    font-size: 36px;
    text-transform: capitalize;
}
.team-details-content > span {
    display: block;
    line-height: 1;
    color: var(--tg-gray-four);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.team-details-content > span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background: var(--tg-primary-color);
}
.team-details-content p {
    margin-bottom: 0;
}
.team-skill-wrap {
    margin-top: 45px;
}
.team-skill-wrap > .title-two {
    margin-bottom: 15px;
    font-size: 30px;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 20px;
}
.team-skill-wrap > .title-two::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background: var(--tg-primary-color);
}
.team-skill-wrap p {
    margin-bottom: 0;
}
.team-skill-wrap .progress-wrap {
    margin: 25px 0 40px;
}



/*=============================
	21. Testimonial
===============================*/
.testimonial-bg {
	background-size: cover;
	background-position: left center;
	padding: 120px 0;
}
.testimonial-img {
	position: relative;
	text-align: center;
}
.testimonial-img > img {
	border-radius: 30px 85px 30px 95px;
	border: 6px solid var(--tg-white);
	box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.25);
}
.testimonial-img .review-wrap {
	background: var(--tg-white);
	max-width: 180px;
	border-radius: 20px;
	padding: 20px 25px 20px;
	position: absolute;
	left: -30px;
	bottom: 17%;
}
.testimonial-img .review-wrap img {
	margin-bottom: 15px;
}
.testimonial-img .review-wrap .content {
	display: flex;
	align-items: center;
}
.testimonial-img .review-wrap .content .title {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 800;
	line-height: 1;
	color: var(--tg-primary-color);
	margin-right: 10px;
}
.testimonial-img .review-wrap .content p {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 13px;
	color: var(--tg-secondary-color);
	line-height: 1.2;
}

.testimonial-content .content-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.testimonial-content .content-top .rating {
	display: flex;
	align-items: center;
	color: var(--tg-yellow);
	font-size: 20px;
	gap: 5px;
}
.testimonial-content p {
	font-style: italic;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 25px;
	color: var(--tg-white);
	font-family: var(--tg-heading-font-family);
}
.testimonial-info .title {
	color: var(--tg-white);
	font-size: 22px;
	margin-bottom: 8px;
}
.testimonial-info span {
	display: block;
	font-family: var(--tg-heading-font-family);
	color: var(--tg-lavender);
	position: relative;
	padding-bottom: 16px;
	line-height: 1;
}
.testimonial-info span::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 4px;
	border-radius: 4px;
	background: var(--tg-primary-color);
}
.testimonial-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 40px;
}
.testimonial-nav button {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: #0F2D6A;
	color: var(--tg-white);
	font-size: 22px;
	line-height: 0;
	border-radius: 50%;
}
.testimonial-nav button.slick-prev {
	transform: rotate(-180deg);
}
.testimonial-nav button:hover {
	background: var(--tg-primary-color);
}

/* testimonial-two */
.testimonial-bg-two {
	background-size: cover;
	background-position: center;
	padding: 40px 0;
}
.section-title-two.white-title .sub-title {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}
.testimonial-item-wrap-two {
	padding: 0 30px;
	position: relative;
}
.testimonial-item-two {
	background: var(--tg-white);
	border-radius: 10px;
	padding: 40px 40px;
}
.testimonial-content-two .rating {
	display: flex;
	align-items: center;
	color: var(--tg-yellow);
	font-size: 20px;
	gap: 5px;
	margin-bottom: 20px;
}
.testimonial-content-two > p {
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 20px;
	color: var(--tg-paragraph-color);
	font-family: var(--tg-heading-font-family);
	line-height: 1.5;
}
.testimonial-avatar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.testimonial-avatar .avatar-thumb {
	width: 65px;
	flex: 0 0 auto;
	margin-right: 30px;
}
.testimonial-avatar .avatar-thumb img {
	border-radius: 50%;
}
.testimonial-avatar .avatar-info {
	position: relative;
}
.testimonial-avatar .avatar-info::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 36px;
	border-radius: 2px;
	background: var(--tg-primary-color);
}
.testimonial-avatar .avatar-info .title {
	font-size: 22px;
	margin-bottom: 5px;
	color: var(--tg-paragraph-color);
}
.testimonial-avatar .avatar-info span {
	font-family: var(--tg-heading-font-family);
	line-height: 1;
	display: block;
	font-weight: 400;
}
.testimonial-active-two [class*="col-"] {
	padding: 0 15px;
}
.testimonial-nav-two .slick-arrow {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50px;
	line-height: 0;
	color: var(--tg-white);
	font-size: 22px;
	background: #0F2D6A;
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
}
.testimonial-nav-two .slick-arrow.slick-next {
	left: auto;
	right: -40px;
}
.testimonial-nav-two .slick-arrow.slick-prev i {
	transform: rotate(-180deg);
}
.testimonial-nav-two .slick-arrow:hover {
	color: #0F2D6A;
	background: var(--tg-white);
}

/* testimonial-three */
.testimonial-area-three .row .col-37 {
	width: 37%;
	flex: 0 0 auto;
}
.testimonial-area-three .row .col-63 {
	width: 63%;
	flex: 0 0 auto;
}
.testimonial-img-three img {
	clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%);
	width: 100%;
}
.testimonial-item-wrap-three {
	background: var(--tg-section-background);
	border-radius: 10px;
	padding: 100px 80px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.testimonial-content-three .rating {
	display: flex;
	align-items: center;
	font-size: 20px;
	gap: 5px;
	color: var(--tg-yellow);
	margin-bottom: 30px;
}
.testimonial-content-three p {
	font-weight: 600;
	font-size: 20px;
	color: var(--tg-secondary-color);
	font-style: italic;
	font-family: var(--tg-heading-font-family);
	line-height: 1.5;
	margin-bottom: 35px;
}
.testimonial-content-three .testimonial-info .title {
	color: var(--tg-secondary-color);
}
.testimonial-content-three .testimonial-info span {
	color: var(--tg-paragraph-color);
}
.testimonial-nav-three {
	position: absolute;
	display: flex;
	align-items: center;
	left: 45%;
	bottom: 25%;
	gap: 10px;
}
.testimonial-nav-three .slick-arrow {
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--tg-white);
	background: var(--tg-secondary-color);
	line-height: 0;
	font-size: 22px;
}
.testimonial-nav-three .slick-arrow:hover {
	background: var(--tg-primary-color);
}
.testimonial-nav-three .slick-arrow.slick-prev {
	transform: rotate(-180deg);
}

/* testimonial-four */
.testimonial-bg-four {
	background-size: cover;
	background-position: center;
	padding: 120px 0;
	position: relative;
	z-index: 1;
    overflow: hidden;
}
.testimonial-img-four {
	position: relative;
	z-index: 1;
	padding-left: 42px;
}
.testimonial-img-four::before {
	content: "";
	position: absolute;
	width: 335px;
	height: 335px;
	left: 10.2%;
	bottom: 1px;
	background: #FFF9E4;
	border-radius: 50%;
	z-index: -1;
}
.testimonial-img-four .icon {
	position: absolute;
	left: 7%;
	top: 18%;
	width: 80px;
	height: 80px;
	background: var(--tg-primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 59% 41% 28% 72% / 38% 37% 63% 62%;
}
.testimonial-img-four .shape {
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: -2;
}
.testimonial-item-wrap-four {
	position: relative;
	padding-right: 125px;
}
.testimonial-content-four .rating {
	display: flex;
	align-items: center;
	color: var(--tg-yellow);
	gap: 5px;
	margin-bottom: 35px;
}
.testimonial-content-four > p {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 30px;
    font-style: italic;
	color: var(--tg-white);
	font-family: var(--tg-heading-font-family);
}
.testimonial-content-four .testimonial-info span::before {
	display: none;
}
.testimonial-content-four .testimonial-info span {
	padding-bottom: 0;
}
.testimonial-content-four .testimonial-info {
	position: relative;
	padding-left: 16px;
}
.testimonial-content-four .testimonial-info::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 40px;
	border-radius: 4px;
	background: var(--tg-primary-color);
}
.testimonial-nav-four {
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	gap: 15px;
}
.testimonial-nav-four .slick-arrow {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0F2D6A;
	border: none;
	border-radius: 50%;
	color: var(--tg-white);
	font-size: 22px;
	line-height: 0;
}
.testimonial-nav-four .slick-arrow:hover {
	background: var(--tg-primary-color);
}
.testimonial-nav-four .slick-arrow.slick-next {
	transform: rotate(180deg);
}
.testimonial-shape-wrap-four img {
	position: absolute;
	z-index: -1;
}
.testimonial-shape-wrap-four img:nth-child(1) {
	left: 0;
	bottom: 0;
}
.testimonial-shape-wrap-four img:nth-child(2) {
	right: 0;
	top: 0;
}


/* testimonial-five */
.testimonial-area-five {
	position: relative;
	padding: 120px 0;
	overflow: hidden;
}
.testimonial-area-five::before {
	content: "";
	position: absolute;
	right: 22%;
	bottom: 22%;
	width: 350px;
	height: 350px;
	background: #FAE7FF;
	filter: blur(200px);
	z-index: -1;
	border-radius: 50%;
}
.testimonial-img-five {
	position: relative;
	text-align: center;
}
.testimonial-img-five img:not(:nth-child(1)) {
	position: absolute;
	z-index: -1;
}
.testimonial-img-five .shape-one {
	left: 3%;
	bottom: 7px;
}
.testimonial-img-five .shape-two {
	left: 17%;
	top: 35%;
	animation: alltuchtopdown 8s infinite linear;
}
.testimonial-img-five .shape-three {
	left: 11%;
	bottom: 12%;
	animation: rotateme 8s infinite linear;
}
.testimonial-content-five {
	padding-right: 112px;
}
.testimonial-item-wrap-five {
	position: relative;
}
.testimonial-item-wrap-five .testimonial-content p {
	color: var(--tg-paragraph-color);
}
.testimonial-item-wrap-five .testimonial-content {
	width: 100%;
}
.testimonial-item-wrap-five .testimonial-quote img {
	opacity: .4;
}
.testimonial-active-five {
	margin: -15px 0;
}
.testimonial-active-five .testimonial-item {
	padding: 15px 0;
}
.testimonial-nav-five {
	display: flex;
	align-items: center;
	flex-direction: column;
	position: absolute;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
	justify-content: center;
	gap: 15px;
}
.testimonial-nav-five .slick-arrow {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #C2C2C2;
	transform: rotate(-90deg);
	color: var(--tg-primary-color);
	font-size: 20px;
	line-height: 0;
	background: transparent;
	border-radius: 50%;
}
.testimonial-nav-five .slick-arrow.slick-next {
	transform: rotate(90deg);
}
.testimonial-nav-five .slick-arrow:hover {
	background: var(--tg-primary-color);
	color: var(--tg-white);
	border-color: var(--tg-primary-color);
}


/*=============================
	22. Pricing
===============================*/
.pricing-area {
	position: relative;
	overflow: hidden;
	padding: 60px 0;
}
.pricing-area::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -35%;
	width: 760px;
	height: 760px;
	background: linear-gradient(154.68deg, #8894FF 11.62%, #FF8585 90.47%);
	opacity: 0.1;
	filter: blur(75px);
	border-radius: 50%;
	z-index: -1;
}
.pricing-item-wrap .pricing-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 40px;
}
.pricing-item-wrap .pricing-tab .tab-btn {
	cursor: pointer;
	color: var(--tg-paragraph-color);
	font-weight: 600;
	font-size: 18px;
	user-select: none;
	font-family: var(--tg-heading-font-family);
	transition: .3s;
}
.pricing-item-wrap .pricing-tab .tab-btn.monthly_tab_title {
	color: var(--tg-primary-color);
}
.pricing-item-wrap .pricing-tab .tab-btn.monthly_tab_title.active {
	color: var(--tg-paragraph-color);
}
.pricing-item-wrap .pricing-tab .annual_tab_title.active {
	color: var(--tg-primary-color);
}
.pricing-tab .pricing-tab-switcher {
	height: 30px;
	width: 70px;
	display: inline-block;
	border-radius: 30px;
	position: relative;
	margin: 0 15px;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	cursor: pointer;
	background: var(--tg-primary-color);
}
.pricing-tab .pricing-tab-switcher:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	width: 26px;
	border-radius: 50%;
	background: var(--tg-white);
	transition: .3s;
}
.pricing-tab .pricing-tab-switcher.active:before {
	left: calc(100% - 28px);
}
.pricing-price.change-subs-duration .monthly_price {
	display: none;
}
.pricing-price.change-subs-duration .annual_price {
	display: flex;
}
.pricing-box {
	/* border: 1px solid #E1E1E9; */
	/* border: 1px solid #00194c; */
	border-radius: 10px;
	text-align: center;
	padding: 20px 40px;
	background: var(--tg-white);
	/* margin-bottom: 30px; */
	position: relative;
	/* margin-top: 16px; */
	border-radius: 10px 10px 0px 0px;
}

.card-header{
	height:7rem;
    padding: 1rem 0;
    clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
	background: linear-gradient(135deg, rgb(119 176 233), #006bb3);
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.pricing-box + .pricing-box{
	border-radius: 0px 0px 10px 10px;
	padding: 40px 15px;
}
.border-price{
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
}
.pricing-box .popular-tag {
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	background: var(--tg-red);
	color: var(--tg-white);
	line-height: 1.2;
	padding: 7px 18px;
	border-radius: 30px;
	margin-bottom: 12px;
	/* position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%); */
}
.pricing-head .title {
	font-size: 21px;
	color: white;;
}
.pricing-head p {
	margin-bottom: 24px;
	color: var(--tg-gray-four);
}
.pricing-price {
	margin-bottom: 25px;
}
.pricing-price .price {
	margin-bottom: 0;
	font-size: 30px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	background: #F3F6FE;
	border-radius: 30px;
	padding: 15px 20px;
}
.pricing-price .price strong {
	font-weight: 500;
	font-size: 16px;
	font-family: var(--tg-body-font-family);
	margin: 4px 3px auto 0;
}
.pricing-price .price span {
	color: #798EB9;
	text-transform: lowercase;
	font-weight: 500;
	font-size: 13px;
	font-family: var(--tg-body-font-family);
	margin-left: 5px;
	margin-bottom: 7px;
}
.pricing-price .annual_price {
	display: none;
}
.pricing-list .list-wrap {
	margin-bottom: 25px;
	padding-left:10px;
}
.pricing-list .list-wrap li {
	display: flex;
	align-items: center;
	/* justify-content: center; */
	color: var(--tg-paragraph-color);
	margin-bottom: 15px;
	text-align: left;
}
.pricing-list .list-wrap li:last-child {
	margin-bottom: 0;
}
.pricing-list .list-wrap li img {
	margin-right: 10px;
	height: 8px;
}
/* .pricing-btn .btn {
	background: #32a852;
	color: white;
} */
.pricing-btn .btn::before {
	background: #0967ab;
}
.pricing-box.active .pricing-btn .btn {
	background: var(--tg-primary-color);
	color: var(--tg-white);
}
.pricing-box.active .pricing-btn .btn::before {
	background: var(--tg-blue);
}

/* pricing-two */
.pricing-area-two {
	position: relative;
	padding: 60px 0;
	overflow: hidden;
}
.pricing-shape {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.pricing-box-two {
	border: 1px solid #E1E1E9;
	border-radius: 10px;
	margin-bottom: 30px;
	position: relative;
}
.pricing-box-two .popular {
	font-weight: 600;
	font-size: 15px;
	background: var(--tg-red);
	color: var(--tg-white);
	display: block;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 80px;
	border-radius: 30px 0 0 30px;
	padding: 8px 18px;
	z-index: -1;
}
.pricing-head-two {
	padding: 50px 50px 40px;
	border-bottom: 1px solid #E1E1E9;
}
.pricing-head-two .title {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
}
.pricing-price-two .price {
	font-weight: 800;
	font-size: 40px;
	margin-bottom: 0;
	display: flex;
	align-items: flex-end;
	line-height: 1;
}
.pricing-price-two .price strong {
	font-weight: 600;
	font-size: 20px;
	margin: 4px 3px auto 0;
}
.pricing-price-two .price span {
	color: #798EB9;
	text-transform: lowercase;
	font-weight: 500;
	font-size: 13px;
	font-family: var(--tg-body-font-family);
	margin-left: 2px;
	margin-bottom: 7px;
}
.pricing-price-two .annual_price {
	display: none;
}
.pricing-price-two.change-subs-duration .annual_price {
	display: flex;
}
.pricing-price-two.change-subs-duration .monthly_price {
	display: none;
}
.pricing-bottom {
	padding: 30px 50px 50px;
}
.pricing-box-two .pricing-list .list-wrap {
	margin-bottom: 30px;
}
.pricing-box-two .pricing-list .list-wrap li {
	justify-content: left;
}
.pricing-btn-two {
	text-align: center;
}

/* pricing-three */
.pricing-area-three {
	position: relative;
	padding:60px 0;
	overflow: hidden;
	background: #F8F8FA;
	z-index: 1;
}
.pricing-box-three {
	border: 1px solid #E1E1E9;
	border-radius: 20px;
	padding: 50px 50px 60px;
	text-align: center;
	background: var(--tg-white);
	margin-bottom: 30px;
}
.pricing-box-three .pricing-icon {
	font-size: 65px;
	line-height: 0;
	color: var(--tg-primary-color);
	margin-bottom: 20px;
}
.pricing-box-three .pricing-plan .title {
	color: var(--tg-gray-four);
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 20px;
}
.pricing-box-three .pricing-price-two {
	margin-bottom: 30px;
}
.pricing-box-three .pricing-price-two .price {
	justify-content: center;
}
.pricing-box-three .pricing-list .list-wrap {
	margin-bottom: 35px;
}


/*=============================
	23. Contact
===============================*/
.contact-bg {
	background-size: cover;
	background-position: center;
	padding: 120px 0;
	position: relative;
	z-index: 1;
}
.contact-content p {
	margin-bottom: 0;
}
.contact-form {
	margin: 0 30px 0 80px;
}
.contact-form .form-grp {
	margin-bottom: 15px;
}
.contact-form .form-grp textarea,
.contact-form .form-grp input {
	width: 100%;
	border: 1px solid #D5DAE4;
	border-radius: 4px;
	background: var(--tg-white);
	color: var(--tg-secondary-color);
	font-weight: 500;
	font-size: 13px;
	padding: 14px 18px;
	height: 50px;
	display: block;
}
.contact-form .form-grp textarea::placeholder,
.contact-form .form-grp input::placeholder {
	color: var(--tg-paragraph-color);
	font-weight: 500;
	font-size: 13px;
}
.contact-form .form-grp textarea {
	min-height: 96px;
	max-height: 96px;
}
.contact-form form button {
	border: none;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	color: var(--tg-white);
	text-transform: uppercase;
	background: var(--tg-primary-color);
	border-radius: 30px;
	padding: 14px 20px;
}
.contact-form form button:hover {
	background: var(--tg-secondary-color);
}
.contact-shape {
	position: absolute;
	z-index: -1;
	top: 10%;
	left: 31%;
	animation: animationFramesOne 15s linear infinite;
}

/* inner-contact */
.inner-contact-info {
    padding-left: 80px;
}
.inner-contact-info .title {
    margin-bottom: 25px;
    position: relative;
    font-weight: 800;
    font-size: 36px;
    padding-bottom: 20px;
}
.inner-contact-info .title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    background: var(--tg-primary-color);
    border-radius: 4px;
}
.contact-info-item {
    margin-bottom: 50px;
}
.contact-info-item:last-child {
    margin-bottom: 0;
}
.contact-info-item .title-two {
    font-size: 24px;
    margin-bottom: 20px;
}
.contact-info-item .list-wrap li {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.33;
    font-family: var(--tg-heading-font-family);
}
.contact-info-item .list-wrap li:last-child {
    margin-bottom: 0;
}
.contact-map {
    width: 100%;
    height: 500px;
}
.contact-map iframe {
    width: 100%;
    height: 100%;
    mix-blend-mode: luminosity;
}


/*=============================
	24. Blog
===============================*/
.blog-post-area {
	position: relative;
	z-index: 1;
	padding: 120px 0 90px;
}
.blog-post-area .blog-bg {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 62%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.blog-post-item {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	background: var(--tg-white);
	border-radius: 10px;
	margin-bottom: 30px;
}
.blog-post-thumb {
	position: relative;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.blog-post-thumb img {
	width: 100%;
	transform: scale(1);
}
.blog-post-item:hover .blog-post-thumb img {
	transform: scale(1.1);
}
.blog-post-thumb .date {
	background: var(--tg-primary-color);
	display: block;
	font-weight: 500;
	font-size: 16px;
	color: var(--tg-white);
	line-height: 1;
	position: absolute;
	left: 30px;
	top: 0;
	padding: 15px 20px;
	border-radius: 0 0 30px 30px;
	text-align: center;
}
.blog-post-thumb .date strong {
	font-weight: 700;
	font-size: 24px;
	font-family: var(--tg-heading-font-family);
	display: block;
	line-height: 1;
}
.blog-post-content {
	padding: 25px 30px 30px;
	border-radius: 0 0 10px 10px;
}
.blog-post-content .tag {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 8px;
}
.blog-post-content .tag:hover {
	color: var(--tg-secondary-color);
}
.blog-post-content .title {
	font-size: 24px;
	margin-bottom: 10px;
}
.blog-post-content p {
	margin-bottom: 20px;
}
.blog-post-content .link-btn {
	letter-spacing: 0.02em;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	color: var(--tg-paragraph-color);
}
.blog-post-content .link-btn i {
	line-height: 0;
	font-size: 22px;
	margin-left: 10px;
	color: var(--tg-primary-color);
}
.blog-post-content .link-btn:hover {
	color: var(--tg-primary-color);
}

/* blog-two */
.blog-bg-two {
	background-size: cover;
	background-position: center;
	padding: 120px 0 90px;
}
.section-title-two p {
	color: var(--tg-paragraph-color);
	width: 90%;
	margin: 15px auto 0;
}
.blog-post-item-two {
	margin-bottom: 30px;
}
.blog-post-thumb-two {
	position: relative;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.blog-post-thumb-two img {
    transition: .3s linear;
    width: 100%;
    min-height: 275px;
}
.blog-post-item-two:hover .blog-post-thumb-two img {
	transform: scale(1.1);
}
.blog-post-thumb-two .tag {
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 700;
	font-size: 14px;
	color: var(--tg-white);
	background: var(--tg-primary-color);
	padding: 9px 16px;
	display: block;
}
.blog-post-thumb-two .tag:hover {
	background: var(--tg-secondary-color);
}
.blog-post-content-two {
	border: 1px solid #E7E7E7;
	border-top: none;
	border-radius: 0 0 10px 10px;
	padding: 35px 30px;
	background: var(--tg-white);
}
.blog-post-content-two .title {
	font-size: 24px;
	margin-bottom: 10px;
}
.blog-post-content-two p {
	margin-bottom: 25px;
}
.blog-meta .list-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px 10px;
}
.blog-meta .list-wrap li {
	color: var(--tg-paragraph-color);
	font-size: 13px;
	display: flex;
	align-items: center;
}
.blog-meta .list-wrap li i {
	font-size: 20px;
	color: var(--tg-primary-color);
	margin-right: 8px;
}
.blog-meta .list-wrap li a {
	color: var(--tg-paragraph-color);
	font-size: 16px;
}
.blog-meta .list-wrap li a:hover {
	color: var(--tg-primary-color);
}
.blog-meta .list-wrap li a img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
	flex: 0 0 auto;
}


/* blog-three */
.blog-post-thumb-two .tag-two {
	position: absolute;
	left: 30px;
	top: 25px;
	bottom: auto;
	font-weight: 500;
	font-size: 14px;
	color: var(--tg-white);
	background: var(--tg-primary-color);
	padding: 6px 16px;
	display: block;
	border-radius: 30px;
}
.blog-post-thumb-two .tag-two:hover {
	background: var(--tg-secondary-color);
}


/* blog-four */
.blog-post-thumb-four {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.blog-post-thumb-four img {
	width: 100%;
}
.blog-post-content-four {
	border: 1px solid #E7E7E7;
	border-radius: 0 0 10px 10px;
	border-top: none;
	padding: 40px 35px 35px;
	position: relative;
	margin-bottom: 30px;
}
.blog-post-content-four .tag {
	font-size: 14px;
	font-weight: 700;
	display: block;
	text-transform: capitalize;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	position: absolute;
	left: 30px;
	top: -18px;
	padding: 8px 16px;
	border-radius: 30px;
}
.blog-post-content-four .tag:hover {
	background: var(--tg-secondary-color);
}
.blog-meta-two .list-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 25px;
	margin-bottom: 20px;
}
.blog-meta-two .list-wrap li {
	font-weight: 600;
	font-size: 13px;
	text-transform: capitalize;
	display: flex;
	align-items: center;
}
.blog-meta-two .list-wrap li i {
	font-size: 20px;
	margin-right: 8px;
	color: var(--tg-primary-color);
}
.blog-meta-two .list-wrap li a {
	color: var(--tg-paragraph-color);
	margin-left: 5px;
}
.blog-meta-two .list-wrap li a:hover {
	color: var(--tg-primary-color);
}
.blog-post-content-four .title {
	font-size: 24px;
	margin-bottom: 15px;
}
.blog-post-content-four .link-btn {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--tg-paragraph-color);
}
.blog-post-content-four .link-btn i {
	line-height: 0;
	font-size: 20px;
	color: var(--tg-primary-color);
	margin-left: 10px;
}
.blog-post-content-four .link-btn:hover {
	color: var(--tg-primary-color);
}

/* inner-blog */
.inner-blog-wrap .row .col-71 {
    width: 71%;
    flex: 0 0 auto;
}
.inner-blog-wrap .row .col-29 {
    width: 29%;
    flex: 0 0 auto;
}
.pagination-wrap .pagination {
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.pagination-wrap .pagination .page-link {
    margin-left: 0;
    padding: 0 0;
    color: var(--tg-gray-four);
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    width: 52px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    background: transparent;
    font-family: var(--tg-heading-font-family);
}
.pagination-wrap .pagination .page-item.active .page-link,
.pagination-wrap .pagination .page-link:hover {
	background: var(--tg-primary-color);
	border-color: var(--tg-primary-color);
	color: var(--tg-white);
}
.pagination-wrap .pagination .page-link:focus {
	color: var(--tg-white);
	background-color: var(--tg-primary-color);
    border-color: var(--tg-primary-color);
	outline: 0;
	box-shadow: none;
}
.blog-sidebar {
    margin-left: 15px;
}
.sidebar-search {
    margin-bottom: 30px;
}
.sidebar-search form {
    position: relative;
}
.sidebar-search form input {
    width: 100%;
    background: transparent;
    border: 1px solid #E0E6F2;
    border-radius: 10px;
    padding: 20px 55px 20px 28px;
    font-weight: 400;
    font-size: 14px;
    color: var(--tg-paragraph-color);
    height: 65px;
}
.sidebar-search form input::placeholder {
    font-weight: 400;
    font-size: 14px;
    color: var(--tg-gray-four);
}
.sidebar-search form button {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    padding: 0;
    font-size: 24px;
    color: var(--tg-primary-color);
    line-height: 0;
}
.blog-widget {
    border: 1px solid #E0E6F2;
    border-radius: 10px;
    padding: 25px 30px 30px;
    margin-bottom: 30px;
}
.blog-widget:last-child {
    margin-bottom: 0;
}
.blog-widget .bw-title {
    margin-bottom: 25px;
    font-size: 22px;
    position: relative;
    padding-bottom: 12px;
}
.blog-widget .bw-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background: var(--tg-primary-color);
}
.bs-cat-list .list-wrap li {
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 15px;
    padding-bottom: 12px;
}
.bs-cat-list .list-wrap li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.bs-cat-list .list-wrap li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 16px;
    color: var(--tg-paragraph-color);
}
.bs-cat-list .list-wrap li a span {
    font-size: 14px;
    color: var(--tg-gray-four);
    transition: all 0.3s ease-out 0s;
}
.bs-cat-list .list-wrap li a:hover span,
.bs-cat-list .list-wrap li a:hover {
    color: var(--tg-primary-color);
}
.rc-post-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.rc-post-item:last-child {
    margin-bottom: 0;
}
.rc-post-item .thumb {
    width: 75px;
    flex: 0 0 auto;
    margin-right: 15px;
}
.rc-post-item .thumb img {
    border-radius: 8px;
}
.rc-post-item .content .date {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    color: var(--tg-gray-four);
    margin-bottom: 8px;
}
.rc-post-item .content .date i {
    margin-right: 8px;
    color: var(--tg-primary-color);
    font-size: 20px;
}
.rc-post-item .content .title {
    margin-bottom: 0;
    font-size: 16px;
}
.bs-tag-list .list-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.bs-tag-list .list-wrap li a {
    font-weight: 500;
    font-size: 16px;
    background: var(--tg-lavender);
    display: block;
    border-radius: 4px;
    padding: 5px 15px;
}
.bs-tag-list .list-wrap li a:hover {
    color: var(--tg-white);
    background: var(--tg-primary-color);
}

/* blog-details */
.blog-details-wrap .row .col-71 {
    width: 71%;
    flex: 0 0 auto;
}
.blog-details-wrap .row .col-29 {
    width: 29%;
    flex: 0 0 auto;
}
.blog-details-thumb {
    margin-bottom: 30px;
}
.blog-details-thumb img {
    border-radius: 10px;
}
.blog-details-content > .title {
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.blog-meta-three .list-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
}
.blog-meta-three .list-wrap li {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--tg-paragraph-color);
    gap: 5px;
}
.blog-meta-three .list-wrap li i {
    line-height: 0;
    color: var(--tg-primary-color);
    font-size: 20px;
    margin-right: 5px;
}
.blog-meta-three .list-wrap li img {
    border-radius: 50%;
    margin-right: 5px;
}
.blog-meta-three .list-wrap li a {
    color: var(--tg-paragraph-color);
}
.blog-meta-three .list-wrap li a:hover {
    color: var(--tg-primary-color);
}
.blog-details-content > p {
    margin-bottom: 15px;
}
.blog-details-content blockquote {
    margin: 50px 50px 60px;
    background: var(--tg-section-background);
    padding: 50px 120px 50px 50px;
    position: relative;
    z-index: 1;
}
.blog-details-content blockquote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--tg-primary-color);
}
.blog-details-content blockquote::after {
    content: "\f10e";
    font-weight: 700;
    font-size: 52px;
    color: #E2E5F7;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 33px;
    top: 27px;
    z-index: -1;
}
.blog-details-content blockquote p {
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    font-family: var(--tg-heading-font-family);
}
.blog-details-content .title-two {
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.bd-inner-wrap {
    margin: 35px 0;
}
.bd-inner-wrap .row .col-46 {
    width: 46%;
    flex: 0 0 auto;
}
.bd-inner-wrap .row .col-54 {
    width: 54%;
    flex: 0 0 auto;
}
.bd-inner-wrap .thumb {
    position: relative;
}
.bd-inner-wrap .thumb img {
    width: 100%;
    border-radius: 10px;
}
.bd-inner-wrap .thumb .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tg-white);
    border-radius: 50%;
}
.bd-inner-wrap .thumb .play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border: 1px solid var(--tg-white);
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    animation: pulse-border 1500ms ease-out infinite;
}
.bd-inner-wrap .content p {
    margin-bottom: 15px;
}
.bd-inner-wrap .content .list-wrap li {
    display: flex;
    align-items: flex-start;
    font-weight: 600;
    font-size: 18px;
    font-family: var(--tg-heading-font-family);
    color: var(--tg-secondary-color);
    line-height: 1.3;
    margin-bottom: 15px;
}
.bd-inner-wrap .content .list-wrap li:last-child {
    margin-bottom: 0;
}
.bd-inner-wrap .content .list-wrap li img {
    margin-right: 10px;
}
.bd-content-bottom {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 15px 0;
    margin-top: 40px;
    margin-bottom: 70px;
}
.bd-content-bottom .post-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.bd-content-bottom .post-tags .title {
    margin-bottom: 0;
    font-size: 18px;
    color: var(--tg-paragraph-color);
}
.bd-content-bottom .post-tags .list-wrap {
    display: flex;
    align-items: center;
    gap: 5px;
}
.bd-content-bottom .post-tags .list-wrap li a {
    background: var(--tg-lavender);
    padding: 9px 22px;
    display: block;
    border-radius: 4px;
}
.bd-content-bottom .post-tags .list-wrap li a:hover {
    background: var(--tg-primary-color);
    color: var(--tg-white);
}
.bd-content-bottom .blog-post-share {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.bd-content-bottom .blog-post-share .title {
    margin-bottom: 0;
    font-size: 18px;
    color: var(--tg-paragraph-color);
}
.bd-content-bottom .blog-post-share .list-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.bd-content-bottom .blog-post-share .list-wrap li a {
    color: var(--tg-gray-four);
}
.bd-content-bottom .blog-post-share .list-wrap li a:hover {
    color: var(--tg-primary-color);
}
.blog-avatar-wrap {
    border: 1px solid #E6EEFF;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    padding: 42px 42px;
    background: var(--tg-section-background);
}
.blog-avatar-img {
    width: 115px;
    flex: 0 0 auto;
    margin-right: 30px;
}
.blog-avatar-img img {
    border-radius: 50%;
}
.blog-avatar-info .designation {
    display: block;
    font-weight: 500;
    font-size: 15px;
    color: var(--tg-primary-color);
    line-height: 1;
    margin-bottom: 10px;
}
.blog-avatar-info .name {
    margin-bottom: 10px;
    font-size: 20px;
}
.blog-avatar-info p {
    margin-bottom: 0;
}
.latest-comments {
    margin-bottom: 80px;
}
.comments-wrap-title {
    font-size: 24px;
    margin-bottom: 25px;
}
.comments-box {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #D6DCE9;
    padding-bottom: 30px;
    margin-bottom: 35px;
}
.latest-comments .children {
    margin: 0 0 0 45px;
    padding: 0;
}
.comments-avatar {
    width: 115px;
    flex: 0 0 auto;
    margin-right: 25px;
}
.comments-avatar img {
    border-radius: 50%;
}
.comments-text .avatar-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.comments-text .avatar-name .name {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
}
.comments-text .avatar-name span {
    font-weight: 500;
    font-size: 15px;
    display: block;
    color: var(--tg-primary-color);
}
.comments-text p {
    margin-bottom: 15px;
}
.comments-text .reply-btn {
    background: var(--tg-lavender);
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding: 6px 17px;
    text-transform: uppercase;
    border-radius: 5px;
}
.comments-text .reply-btn:hover {
    background: var(--tg-primary-color);
    color: var(--tg-white);
}
.comment-respond {
    border: 1px solid #B3CCFF;
    border-radius: 8px;
    padding: 35px 40px 50px;
    background: var(--tg-section-background);
}
.comment-reply-title {
    font-size: 24px;
    margin-bottom: 10px;
}
.comment-form .comment-notes {
    margin-bottom: 15px;
}
.comment-form .form-grp {
    margin-bottom: 15px;
}
.comment-form .form-grp textarea,
.comment-form .form-grp input {
    width: 100%;
    border: 1px solid var(--tg-lavender);
    background: var(--tg-white);
    font-weight: 400;
    font-size: 15px;
    color: var(--tg-paragraph-color);
    padding: 12px 15px;
    height: 50px;
    display: block;
    border-radius: 5px;
}
.comment-form .form-grp textarea::placeholder,
.comment-form .form-grp input::placeholder {
    font-weight: 400;
    font-size: 15px;
    color: var(--tg-gray-four);
}
.comment-form .form-grp textarea {
    min-height: 130px;
    max-height: 130px;
}
.comment-form .checkbox-grp {
    display: flex;
    align-items: center;
    margin: 25px 0;
}
.comment-form .checkbox-grp input {
    width: 22px;
    margin-right: 9px;
    height: 22px;
    cursor: pointer;
}
.comment-form .checkbox-grp label {
    font-weight: 400;
    font-size: 14px;
    color: var(--tg-paragraph-color);
    user-select: none;
}
.comment-form .submit-btn {
    width: auto;
    text-transform: uppercase;
    border-radius: 30px;
    letter-spacing: 0.02em;
    padding: 13px 25px;
}
.comment-form .row {
    margin: 0 -10px;
}
.comment-form .row [class*="col-"] {
    padding: 0 10px;
}


/*=============================
	25. Brand
===============================*/
.brand-active [class*="col-"] {
	padding: 0 15px;
}
.brand-item {
	min-height: 86px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.brand-item img {
	cursor: pointer;
	filter: grayscale(100%);
	opacity: .5;
}
.brand-item:hover img {
	filter: grayscale(0);
	opacity: 1;
}

/* brand-two */
.brand-item-wrap {
	border-bottom: 1px solid #DEE4F0;
	padding-bottom: 40px;
}
.brand-item-wrap .title {
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 25px;
	color: var(--tg-paragraph-color);
	font-family: var(--tg-body-font-family);
}

.brand-item-wrap-two {
	border-top: 1px solid #DEE4F0;
	padding: 70px 0;
}

.brand-area-seven {
    border-top: 1px solid #DEE4F0;
    padding: 70px 0;
}

/*=============================
	26. Error
===============================*/
.error-area {
    padding: 210px 0;
}
.error-content {
    text-align: center;
}
.error-content .error-404 {
    font-size: 400px;
    margin-bottom: 50px;
    line-height: .74;
    font-weight: 800;
}
.error-content .error-404 span {
    color: var(--tg-primary-color);
}
.error-content .title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 36px;
    text-transform: capitalize;
}
.error-content p {
    margin-bottom: 35px;
    color: var(--tg-gray-four);
    font-weight: 400;
}


/*=============================
	27. Footer
===============================*/
.footer-bg {
	background-position: center;
	background-size: cover;
}
.footer-top {
	padding: 100px 0 40px;
}
.footer-widget {
	margin-bottom:30px;
}
.footer-widget .fw-title {
	font-size: 16px;
	margin-bottom: 0;
	color: var(--tg-white);
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 14px;
}
.footer-widget .fw-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 4px;
	border-radius: 4px;
	background: var(--tg-primary-color);
}
.footer-info .list-wrap li {
	display: flex;
	align-items: flex-start;
}
.footer-info .list-wrap li:last-child {
	margin-bottom: 0;
}
.footer-info .list-wrap li .icon {
	font-size: 14px;
	line-height: 0;
	color: var(--tg-white);
	margin-top: 3px;
	margin-right: 12px;
}
.footer-info .list-wrap li .content a,
.footer-info .list-wrap li .content p {
	color: var(--tg-white);
	margin-bottom: 0;
	font-size: 14px;
}
.footer-info .list-wrap li .content p span {
	font-weight: 700;
	color: var(--tg-white);
}
.footer-info .list-wrap li .content a:hover {
	color: var(--tg-white);
}
.footer-link .list-wrap li {
	margin-bottom: 10px;
}
.footer-link .list-wrap li:last-child {
	margin-bottom: 0;
}
.footer-link .list-wrap li a {
	color: var(--tg-gray-three);
	position: relative;
}
.footer-link .list-wrap li a:hover {
	color: var(--tg-white);
}
.footer-link .list-wrap li a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: var(--tg-white);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	transition: transform 0.4s cubic-bezier(.74, .72, .27, .24);
}
.footer-link .list-wrap li a:hover::before {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.footer-top .row [class*="col-"]:nth-child(3) .footer-widget {
	margin-left: 40px;
}
.footer-newsletter p {
	margin-bottom: 20px;
	color: var(--tg-gray-three);
	width: 90%;
}
.footer-newsletter form {
	position: relative;
	margin-bottom: 15px;
}
.footer-newsletter form input {
	width: 100%;
	border: none;
	background: #1E2E4E;
	font-weight: 500;
	font-size: 14px;
	color: var(--tg-white);
	border-radius: 30px;
	padding: 12px 125px 12px 22px;
	height: 46px;
}
.footer-newsletter form input::placeholder {
	font-weight: 500;
	font-size: 14px;
	color: var(--tg-white);
	text-transform: capitalize;
}
.footer-newsletter form button {
	border: none;
	background: var(--tg-primary-color);
	color: var(--tg-white);
	font-weight: 700;
	font-size: 14px;
	border-radius: 30px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 12px 23px;
	height: 46px;
}
.footer-newsletter form button:hover {
	background: var(--tg-secondary-color);
}
.footer-newsletter span {
	display: block;
	color: var(--tg-gray-three);
	font-size: 15px;
}
.footer-bottom {
	border-top: 1px solid #253352;
	padding: 48px 0;
}
.footer-bottom .f-logo {
	margin-bottom: 10px;
}
.copyright-text p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #7c8db1;
}
.footer-social .list-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}
.footer-social .list-wrap li a {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1A2948;
	border-radius: 50%;
	color: var(--tg-white);
	font-size: 20px;
}
.footer-social .list-wrap li a:hover {
	background: var(--tg-primary-color);
}

/* footer-two */
.footer-bg-two {
	background-size: cover;
	background-position: center;
}
.footer-top-two {
	padding:40px 0;
}
.footer-top-two .fw-logo {
	margin-bottom: 30px;
}
.footer-content > p {
	margin-bottom: 20px;
	width: 90%;
}
.footer-top-two .footer-info .list-wrap li .icon {
	color: var(--tg-primary-color);
}
.footer-top-two .footer-info .list-wrap li .content a,
.footer-top-two .footer-info .list-wrap li .content p {
	color: var(--tg-paragraph-color);
}
.footer-top-two .footer-info .list-wrap li .content a:hover {
	color: var(--tg-primary-color);
}
.footer-top-two .footer-info .list-wrap li .content p span {
	color: var(--tg-primary-color);
}
.footer-top-two .footer-widget .fw-title {
	color: var(--tg-secondary-color);
}
.footer-top-two .footer-link .list-wrap li a {
	color: var(--tg-paragraph-color);
}
.footer-top-two .footer-link .list-wrap li a:hover {
	color: var(--tg-primary-color);
}
.footer-top-two .footer-link .list-wrap li a::before {
	background: var(--tg-primary-color);
}
.footer-top-two .footer-newsletter p {
	color: var(--tg-paragraph-color);
}
.footer-top-two .footer-newsletter form input {
	background: #EEF1F5;
	color: var(--tg-paragraph-color);
}
.footer-top-two .footer-newsletter form input::placeholder {
	color: var(--tg-paragraph-color);
}
.footer-top-two .footer-newsletter form {
	margin-bottom: 20px;
}
.footer-social.footer-social-two .list-wrap {
	justify-content: flex-start;
}
.footer-social.footer-social-two .list-wrap li a {
	background: #F1F1F1;
	color: var(--tg-paragraph-color);
}
.footer-social.footer-social-two .list-wrap li a:hover {
	background: var(--tg-paragraph-color);
	color: var(--tg-white);
}
.footer-bottom-two {
	border-top: 1px solid #EAEAEA;
	padding: 27px 0;
}
.copyright-text-two p {
	margin-bottom: 0;
	font-size: 14px;
}

/* footer-three */
.footer-area-three {
	background: #051433;
}
.footer-top-three {
	padding: 100px 0 55px;
}
.footer-top-three .fw-logo {
	margin-bottom: 30px;
}
.footer-top-three .footer-content > p {
    color: #96A1B8;
}
.footer-social.footer-social-three .list-wrap {
	justify-content: flex-start;
}
.footer-bottom-three {
	border-top: 1px solid #1A264F;
	padding: 27px 0;
}

/*=============================
	28. Preloader
===============================*/
#preloader{
	background-color: var(--tg-white);
	height: 100%;
	width: 100%;
	position: fixed;
	margin-top: 0px;
	top: 0px;
	z-index: 999;
}
#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
}
.loader .loader-outter {
    position: absolute;
    border: 4px solid var(--tg-primary-color);
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: loader-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
}
.loader .loader-inner {
    position: absolute;
    border: 4px solid var(--tg-primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
}
@-webkit-keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

 @-webkit-keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

 @keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}



@media screen and (max-width: 1200px) {
	
}

@media screen and (max-width: 960px) {
	
}

@media screen and (max-width: 420px) {
	.row {
	  --bs-gutter-x: 100px;
	}
	.nav-link{
		padding: 0.4rem 0.5rem;
		font-size: 9px;
	}
	p.gst-rgtr-usp{
		font-size: 13px;
	}
	li.plan-step{
		font-size: 11px;
	}
}

@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:wght@800&display=swap);
.pink {
    background-color: #ff3363 !important
}

.green {
    background-color: #44a659 !important
}

.orange {
    background-color: #ff7100 !important
}

.blue {
    background-color: #0099df !important
}

.text-grey {
    color: #4a4a4a !important
}

.text-green {
    color: #44a659 !important
}

.text-orange {
    color: #ff7100 !important
}

.text-blue {
    color: #009bea !important
}

.orange-border .card-post__bottom {
    border-color: #ff7100 !important
}

.blue-border .card-post__bottom {
    border-color: #009bea !important
}

.green-border .card-post__bottom {
    border-color: #44a659 !important
}

.pink-bracket::before,
.pink-bracket::after {
    color: #ff3363 !important
}

.blue-bracket::before,
.blue-bracket::after {
    color: #009bea !important
}

.green-bracket::before,
.green-bracket::after {
    color: #44a659 !important
}

.orange-bracket::before,
.orange-bracket::after {
    color: #ff7100 !important
}

.grey-bracket::before,
.grey-bracket::after {
    color: #4a4a4a !important
}

body {
    overflow-x: hidden
}

:focus {
    outline: none
}

input,
textarea,
select {
    border-radius: 0
}

select::-ms-expand {
    display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

img {
    display: block
}

ul,
ol,
li {
    list-style: none
}

figure {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html,
body {
    background-color: #fff;
    scroll-padding-top: 4rem
}

body {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: #575354;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 15px
    }
}

img {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    color: #575354;
    transition: .3s ease-in-out
}

a:hover {
    text-decoration: none;
    color: #0099df
}

h1 {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    /* color: #ffffff; */
    /* font-size: 80px; */
    text-transform: uppercase
}



@media only screen and (max-width: 767px) {
    h1 {
        font-size:24px
    }
}

h2 {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #00000;
    font-size: 40px;
    text-transform: uppercase
}

@media only screen and (max-width: 1199px) {
    h2 {
        font-size: 30px
    }
}

@media only screen and (max-width: 991px) {
    h2 {
        font-size:24px
    }
}

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 24px
    }
}

h3 {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.5;
    color: #0a5ea7;
    font-size: 26px;
    text-transform: uppercase
}

@media only screen and (max-width: 1199px) {
    h3 {
        font-size: 29px
    }
}

@media only screen and (max-width: 991px) {
    h3 {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    h3 {
        margin-bottom: 10px;
        font-size: 20px
    }
}

h3 a {
    color: inherit
}

h3 a:hover {
    text-decoration: none
}

h4 {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.4;
    color: #0a5ea7;
    font-size: 20px;
    margin-bottom: 15px
}

@media only screen and (max-width: 991px) {
    h4 {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    h4 {
        font-size: 18px
    }
}

h5 {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    margin-bottom: 15px;
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    h5 {
        font-size: 15px
    }
}

h6 {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    margin-bottom: 10px;
    font-size: 10px
}

p {
    margin: 0 0 20px
}

hr {
    border: 0;
    border-bottom: 1px solid rgba(10, 93, 169, .5);
    margin-top: 30px;
    margin-bottom: 30px
}

@media only screen and (max-width: 991px) {
    hr {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    hr {
        margin-top: 18px
    }
}

@media only screen and (max-width: 991px) {
    hr {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    hr {
        margin-bottom: 18px
    }
}

strong,
dfn {
    font-weight: bold
}

em,
dfn {
    font-style: italic
}

sup,
sub {
    line-height: 0
}

main {
    width: 100%
}

.p2-main {
    background: none
}

.clear:after {
    display: block;
    clear: both;
    content: ""
}

@media only screen and (min-width: 768px) {
    .is-mobile {
        display: none
    }
   body .insta-efiling .row{text-align: left;}
}

@media only screen and (max-width: 767px) {
    .is-desktop {
        display: none
    }
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

@media only screen and (max-width: 1275px) {
    .container {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (max-width: 991px) {
    .container {
        padding-right: 15px;
        padding-left: 15px
    }
}

.container--full {
    padding-right: 15px;
    padding-left: 15px
}

.container--large {
    padding-right: calc((100% - 1766px)/2);
    padding-left: calc((100% - 1766px)/2)
}

@media only screen and (max-width: 1796px) {
    .container--large {
        padding-right: 15px;
        padding-left: 15px
    }
}

.container--medium {
    padding-right: calc((100% - 1280px)/2);
    padding-left: calc((100% - 1280px)/2)
}

@media only screen and (max-width: 1310px) {
    .container--medium {
        padding-right: 15px;
        padding-left: 15px
    }
}

.container--small {
    padding-right: calc((100% - 900px)/2);
    padding-left: calc((100% - 900px)/2)
}

@media only screen and (max-width: 930px) {
    .container--small {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (max-width: 782px) {
    .wpadminbar {
        position: fixed
    }
}

p:empty {
    display: none
}

.icon-search-new {
    width: 14px;
    height: 18px;
    position: relative;
    display: block
}

.icon-search-new::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    left: 0px;
    top: 0px;
    border: 2px solid #ffbe00;
    border-radius: 20px
}

.icon-search-new::after {
    content: "";
    position: absolute;
    width: 8.6px;
    height: 0px;
    left: 8px;
    top: 13px;
    border: 1px solid #ffbe00;
    transform: rotate(54deg);
    border-radius: 20px
}

.icon-search-new:hover {
    border-color: #0a5da9
}

.icon-search-new:hover::before {
    border-color: #0a5da9
}

.icon-search-new:hover::after {
    border-color: #0a5da9
}

.change_region {
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    padding: 10px 0px;
    background: #ffbe02;
    color: #4a4a4a
}

.change_region a {
    margin: 0px 10px;
    height: 35px;
    font-family: "Jost", sans-serif;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #4a4a4a;
    text-transform: none;
    padding: 14px 24px;
    display: inline-flex;
    align-items: center;
    border-radius: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1)
}

.button,
.single-prime-program .wpulike,
.campus-program-template-default .wpulike,
.enterprise-program-template-default .wpulike,
.hbspt-form .hs-submit .hs-button,
.events__tabs ul li a {
    margin-bottom: 0;
    padding: 14px 24px;
    display: inline-flex;
    font-family: "Jost", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    align-items: center;
    justify-content: center;
    color: #fff;
    vertical-align: middle;
    border: 0 solid #0a5da9;
    border-radius: 40px;
    background: #0a5da9;
    transition: .3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-transform: uppercase;
    touch-action: manipulation;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .07);
    cursor: pointer
}

@media only screen and (max-width: 1199px) {
    .button,
    .single-prime-program .wpulike,
    .campus-program-template-default .wpulike,
    .enterprise-program-template-default .wpulike,
    .hbspt-form .hs-submit .hs-button,
    .events__tabs ul li a {
        font-size: 17px
    }
}

@media only screen and (max-width: 991px) {
    .button,
    .single-prime-program .wpulike,
    .campus-program-template-default .wpulike,
    .enterprise-program-template-default .wpulike,
    .hbspt-form .hs-submit .hs-button,
    .events__tabs ul li a {
        padding: 12px 20px;
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .button,
    .single-prime-program .wpulike,
    .campus-program-template-default .wpulike,
    .enterprise-program-template-default .wpulike,
    .hbspt-form .hs-submit .hs-button,
    .events__tabs ul li a {
        padding: 8px 18px;
        font-size: 16px
    }
}

.button:after,
.single-prime-program .wpulike:after,
.campus-program-template-default .wpulike:after,
.enterprise-program-template-default .wpulike:after,
.hbspt-form .hs-submit .hs-button:after,
.events__tabs ul li a:after {
    content: "";
    font-family: "icomoon", sans-serif;
    margin-left: 8px;
    position: relative;
    display: block;
    font-size: 70%;
    font-weight: 400;
    color: inherit;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .button:after,
    .single-prime-program .wpulike:after,
    .campus-program-template-default .wpulike:after,
    .enterprise-program-template-default .wpulike:after,
    .hbspt-form .hs-submit .hs-button:after,
    .events__tabs ul li a:after {
        margin-left: 5px
    }
}

.button:hover,
.single-prime-program .wpulike:hover,
.campus-program-template-default .wpulike:hover,
.enterprise-program-template-default .wpulike:hover,
.hbspt-form .hs-submit .hs-button:hover,
.events__tabs ul li a:hover {
    text-decoration: none;
    color: #0a5da9;
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(10, 93, 169, .25)
}

.button:hover:after,
.single-prime-program .wpulike:hover:after,
.campus-program-template-default .wpulike:hover:after,
.enterprise-program-template-default .wpulike:hover:after,
.hbspt-form .hs-submit .hs-button:hover:after,
.events__tabs ul li a:hover:after {
    transform: translateY(-5px)
}

.button:active,
.single-prime-program .wpulike:active,
.campus-program-template-default .wpulike:active,
.enterprise-program-template-default .wpulike:active,
.hbspt-form .hs-submit .hs-button:active,
.events__tabs ul li a:active,
.button.is-active,
.single-prime-program .is-active.wpulike,
.campus-program-template-default .is-active.wpulike,
.enterprise-program-template-default .is-active.wpulike,
.hbspt-form .hs-submit .is-active.hs-button,
.events__tabs ul li a.is-active {
    background-image: none
}

.button:disabled,
.single-prime-program .wpulike:disabled,
.campus-program-template-default .wpulike:disabled,
.enterprise-program-template-default .wpulike:disabled,
.hbspt-form .hs-submit .hs-button:disabled,
.events__tabs ul li a:disabled,
.button.is-disabled,
.single-prime-program .is-disabled.wpulike,
.campus-program-template-default .is-disabled.wpulike,
.enterprise-program-template-default .is-disabled.wpulike,
.hbspt-form .hs-submit .is-disabled.hs-button,
.events__tabs ul li a.is-disabled {
    color: #999;
    background-color: #efefef
}

.button--orange {
    background: #f47920
}

.button--orange:hover {
    color: #f47920;
    background-color: #fff
}

.button--clear:after,
.events__tabs ul li a:after {
    display: none
}

.button--green {
    background: #4cb963
}

.button--green:hover {
    color: #4cb963;
    background-color: #fff
}

.button--blue {
    background: #009ae0
}

.button--blue:hover {
    color: #009ae0;
    background-color: #fff
}

.button--outline,
.single-prime-program .wpulike,
.campus-program-template-default .wpulike,
.enterprise-program-template-default .wpulike {
    color: #0a5da9;
    border: 2px solid #0a5da9;
    background-color: rgba(0, 0, 0, 0)
}

.button--outline:hover,
.single-prime-program .wpulike:hover,
.campus-program-template-default .wpulike:hover,
.enterprise-program-template-default .wpulike:hover {
    text-decoration: none;
    color: #fff;
    border-color: #0a5da9;
    background-color: #0a5da9;
    box-shadow: 0 25px 25px rgba(10, 93, 169, .45)
}

.button--text,
.button--load {
    display: inline-flex;
    align-items: center;
    color: #0a5da9;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    text-transform: none;
    font-weight: 500;
    font-size: 18px
}

@media only screen and (max-width: 767px) {
    .button--text,
    .button--load {
        font-size: 15px
    }
}

.button--text:after,
.button--load:after {
    content: "";
    font-family: "icomoon", sans-serif;
    margin-left: 10px;
    position: relative;
    display: block;
    font-size: 70%;
    font-weight: 400;
    color: inherit;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .button--text:after,
    .button--load:after {
        margin-left: 5px
    }
}

.button--text:hover,
.button--load:hover {
    text-decoration: none;
    color: #0a5da9;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0)
}

.button--text:hover:after,
.button--load:hover:after {
    transform: translateX(5px)
}

.button--text.button--small,
.button--load.button--small {
    padding: 0;
    font-size: 90%
}

.button--load:after {
    transform: rotate(90deg);
    margin-left: 20px
}

.button--load:hover:after {
    transform: translate(0, 3px) rotate(90deg)
}

.button--tag {
    box-shadow: none;
    border-radius: 0;
    padding: 0 0 10px 0;
    font-weight: normal;
    color: #a3a3a3;
    font-size: 18px;
    background-color: rgba(0, 0, 0, 0);
    text-transform: none;
    position: relative
}

@media only screen and (max-width: 767px) {
    .button--tag {
        font-size: 13px
    }
}

.button--tag:after {
    display: none
}

.button--tag:before {
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    content: "";
    height: 4px;
    display: block;
    position: absolute;
    background-color: #ffbe02;
    transition: opacity .3s ease-in-out
}

.button--tag:hover {
    box-shadow: none;
    color: #0a5da9;
    background-color: rgba(0, 0, 0, 0)
}

.button--tag:hover:before {
    opacity: 1
}

.button--full {
    width: 100%;
    display: flex
}

.button--white {
    color: #707070;
    background-color: #fff;
    border: 2px solid #ccc
}

.button--white:after {
    display: none
}

.button--white:hover {
    box-shadow: none;
    color: #0a5da9;
    border-color: #0a5da9;
    background-color: #fff
}

.button--play {
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 0;
    position: absolute;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0)
}

.button--play i {
    width: 100px;
    height: 100px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    align-content: center;
    font-size: 30px;
    color: #fff;
    justify-content: center;
    transition: .3s ease-in-out;
    background: rgba(182, 228, 250, .4)
}

@media only screen and (max-width: 767px) {
    .button--play i {
        width: 60px;
        height: 60px;
        font-size: 20px
    }
}

.button--play:after {
    display: none
}

.button--play:hover {
    text-decoration: none;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0)
}

.button--play:hover i {
    color: #fff;
    background: #b6e4fa
}

.button--small {
    font-size: 90%;
    font-weight: 500;
    padding: 10px 25px
}

@media only screen and (max-width: 991px) {
    .button--small {
        padding: 8px 22px
    }
}

@media only screen and (max-width: 767px) {
    .button--small {
        padding: 5px 15px
    }
}

.button--logo {
    border: 0;
    font-weight: 500;
    text-transform: none;
    color: #a3a3a3;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .button--logo {
        line-height: 1.2;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.button--logo:hover {
    color: #575354;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

fieldset {
    margin-bottom: 20px;
    padding: 0;
    border: 0 solid #ccc;
    border-radius: 0
}

fieldset>*:last-child {
    margin-bottom: 0
}

fieldset>p {
    margin-bottom: 20px
}

fieldset>p:after {
    display: block;
    clear: both;
    content: ""
}

legend {
    padding: 5px 10px;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff
}

label {
    margin-bottom: 10px;
    display: block;
    font-size: inherit;
    font-weight: 500;
    color: #575354
}

label.is-radio,
label.is-checkbox {
    margin: 0 10px 0 1px;
    display: inline-block;
    height: 60px;
    font-size: 18px;
    font-weight: normal;
    line-height: 60px
}

label.is-checkbox {
    margin: 0 10px
}

label.is-error {
    margin-top: 10px;
    padding: 5px 10px;
    position: relative;
    display: inline-block;
    clear: both;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    border-radius: 3px;
    background: #d9534f
}

label.is-error:before {
    position: absolute;
    top: -5px;
    left: 10px;
    display: block;
    width: 0;
    height: 0;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #d9534f;
    border-left: 5px solid rgba(0, 0, 0, 0);
    content: ""
}

input,
select,
textarea {
    /* padding: 15px 35px; */
    display: block;
    width: 100%;
    max-width: 100%;
 /*    height: 60px; */
    font-family: "Jost", sans-serif;
    font-size: inherit;
    color: #4d4d4f;
    border: 1px solid #ccc;
    /* border-radius: 40px; */
    background: #fff
}

@media only screen and (max-width: 1659px) {
    /* input,
    select,
    textarea {
        height: 60px;
        padding: 12px 30px;
        border-radius: 35px
    } */
}

@media only screen and (max-width: 991px) {
    /* input,
    select,
    textarea {
        height: 50px;
        padding: 10px 20px;
        border-radius: 30px
    } */
}

@media only screen and (max-width: 767px) {
    /* input,
    select,
    textarea {
        height: 40px;
        padding: 8px 20px;
        font-size: 15px;
        border-radius: 20px
    } */
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #4d4d4f
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: #4d4d4f
}

input:focus:not(:-moz-read-only):not([type=submit]):not([type=reset]):not([type=button]),
select:focus:not(:-moz-read-only):not([type=submit]):not([type=reset]):not([type=button]),
textarea:focus:not(:-moz-read-only):not([type=submit]):not([type=reset]):not([type=button]) {
    border-color: #337ab7;
    background: #fff
}

input:focus:not(:read-only):not([type=submit]):not([type=reset]):not([type=button]),
input .focused,
select:focus:not(:read-only):not([type=submit]):not([type=reset]):not([type=button]),
select .focused,
textarea:focus:not(:read-only):not([type=submit]):not([type=reset]):not([type=button]),
textarea .focused {
    border-color: #337ab7;
    background: #fff
}

input.error,
select.error,
textarea.error {
    border-color: #d9534f
}

input:disabled,
input.disabled,
select:disabled,
select.disabled,
textarea:disabled,
textarea.disabled {
    color: #999;
    background-color: #efefef
}

input[type=radio],
input[type=checkbox],
select[type=radio],
select[type=checkbox],
textarea[type=radio],
textarea[type=checkbox] {
    margin-right: 10px;
    padding: 0;
    display: inline-block;
    height: auto
}

input[type=radio],
input[type=checkbox],
input[type=submit],
input[type=reset],
input[type=button],
select[type=radio],
select[type=checkbox],
select[type=submit],
select[type=reset],
select[type=button],
textarea[type=radio],
textarea[type=checkbox],
textarea[type=submit],
textarea[type=reset],
textarea[type=button] {
    display: inline-block;
    width: auto
}

input[type=submit],
input[type=reset],
input[type=button] {
    -webkit-appearance: none;
    color: #333;
    background-color: #efefef
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
    color: #333;
    background-color: #efefef
}

select {
    /*background-image:url(../img/icons/select-arrow.svg);*/
    background-repeat: no-repeat;
    background-position: right 30px center;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 30px
}

@media only screen and (max-width: 1659px) {
    select {
        background-position: right 25px center
    }
}

@media only screen and (max-width: 991px) {
    select {
        background-size: 16px auto;
        background-position: right 20px center
    }
}

@media only screen and (max-width: 767px) {
    select {
        background-size: 12px auto;
        background-position: right 15px center
    }
}

textarea {
    width: 100%;
    height: 200px
}

.checkbox,
.hbspt-form .hs-form-checkbox,
.hbspt-form .hs-form-booleancheckbox {
    position: relative;
    font-weight: 600;
    cursor: pointer
}

.checkbox label,
.hbspt-form .hs-form-checkbox label,
.hbspt-form .hs-form-booleancheckbox label {
    padding: 0;
    display: block;
    cursor: pointer;
    margin-bottom: 0
}

.checkbox input,
.hbspt-form .hs-form-checkbox input,
.hbspt-form .hs-form-booleancheckbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.checkbox input+span,
.hbspt-form .hs-form-checkbox input+span,
.hbspt-form .hs-form-booleancheckbox input+span {
    display: block;
    padding: 1px 0 1px 20px;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .checkbox input+span,
    .hbspt-form .hs-form-checkbox input+span,
    .hbspt-form .hs-form-booleancheckbox input+span {
        padding: 4px 0 4px 30px
    }
}

.checkbox input+span:after,
.hbspt-form .hs-form-checkbox input+span:after,
.hbspt-form .hs-form-booleancheckbox input+span:after {
    padding: 2px 0 0 2px;
    position: absolute;
    top: 7px;
    left: 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-family: "icomoon", sans-serif;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    transition: ease-in-out .3s;
    content: ""
}

@media only screen and (max-width: 1199px) {
    .checkbox input+span:after,
    .hbspt-form .hs-form-checkbox input+span:after,
    .hbspt-form .hs-form-booleancheckbox input+span:after {
        top: 4px;
        width: 20px;
        height: 20px;
        border-width: 2px
    }
}

@media only screen and (max-width: 767px) {
    .checkbox input+span:after,
    .hbspt-form .hs-form-checkbox input+span:after,
    .hbspt-form .hs-form-booleancheckbox input+span:after {
        width: 18px;
        height: 18px
    }
}

.checkbox input:checked+span:after,
.hbspt-form .hs-form-checkbox input:checked+span:after,
.hbspt-form .hs-form-booleancheckbox input:checked+span:after {
    font-size: 14px;
    color: #0a5ea7
}

@media only screen and (max-width: 1199px) {
    .checkbox input:checked+span:after,
    .hbspt-form .hs-form-checkbox input:checked+span:after,
    .hbspt-form .hs-form-booleancheckbox input:checked+span:after {
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .checkbox input:checked+span:after,
    .hbspt-form .hs-form-checkbox input:checked+span:after,
    .hbspt-form .hs-form-booleancheckbox input:checked+span:after {
        font-size: 10px
    }
}

.ratio,
audio,
embed,
iframe,
object,
video {
    margin-bottom: 20px
}

.ratio {
    padding: 0;
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    margin-bottom: 0
}

.ratio embed,
.ratio iframe,
.ratio object,
.ratio video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.ratio--16x9 {
    padding-bottom: 56.25%
}

.ratio--4x3 {
    padding-bottom: 75%
}

.wrapper {
    width: 100%;
    overflow: hidden
}

.p2-wrapper {
    padding-top: 70px;
    width: 100%;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .p2-wrapper {
        padding-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .p2-wrapper {
        padding-top: 45px
    }
}

.card-browse {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.card-browse:hover {
    text-decoration: none;
    box-shadow: 0 25px 25px rgba(10, 93, 169, .45)
}

.card-browse:hover .card-browse__title h3 {
    color: #0a5da9
}

.card-browse__image {
    position: relative;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .card-browse__image {
        height: 187px
    }
}

@media only screen and (max-width: 767px) {
    .card-browse__image {
        height: 147px
    }
}

@media only screen and (max-width: 479px) {
    .card-browse__image {
        height: 117px
    }
}

.card-browse__image img {
    width: 100%
}

@media only screen and (max-width: 991px) {
    .card-browse__image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center center;
        object-position: center center
    }
}

.card-browse__title {
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .card-browse__title {
        padding: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-browse__title {
        padding: 15px
    }
}

.card-browse__title h3 {
    color: #575354;
    text-transform: none;
    margin-bottom: 0
}

.card-category {
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: 50px;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 767px) {
    .card-category {
        display: block
    }
}

.card-category:hover {
    text-decoration: none
}

.card-category:hover .card-category__image:after {
    opacity: .5
}

.card-category__content {
    width: 56.5%;
    padding: 60px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1199px) {
    .card-category__content {
        padding: 40px
    }
}

@media only screen and (max-width: 767px) {
    .card-category__content {
        padding: 20px;
        width: 100%
    }
}

.card-category__content h3 {
    text-transform: none
}

.card-category__image {
    position: relative;
    width: 43.5%;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .card-category__image {
        width: 100%
    }
}

.card-category__image:after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    content: ""
}

.card-category__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-core {
    position: relative;
    display: block;
    width: 100%;
    font-weight: 600;
    min-height: 476px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    padding: 35px 35px 200px 35px;
    color: #0a5da9;
    font-family: "Jost", sans-serif;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//organization-bg.svg);
    background-repeat: no-repeat;
    background-position: right -60px bottom
}

@media only screen and (max-width: 767px) {
    .card-core {
        padding: 20px;
        min-height: 325px;
        background-size: 220px auto;
        background-position: right -44px bottom
    }
}

.card-core h3 {
    max-width: 260px;
    font-weight: 500;
    font-style: italic
}

.card-core:hover {
    text-decoration: none
}

.card-core:hover .card-core__image:after {
    opacity: .5
}

.card-discover {
    position: relative;
    width: 100%;
    display: flex;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 479px) {
    .card-discover {
        display: block
    }
}

.card-discover__content {
    width: 50%;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .card-discover__content {
        font-size: 80%;
        padding: 15px
    }
}

@media only screen and (max-width: 479px) {
    .card-discover__content {
        width: 100%
    }
}

.card-discover__content h4 {
    text-transform: none
}

@media only screen and (max-width: 479px) {
    .card-discover__content h4 {
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.card-discover__bottom {
    padding-top: 20px;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .card-discover__bottom {
        padding-top: 15px
    }
}

.card-discover__bottom span {
    color: #0a5da9;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.card-discover__bottom span strong,
.card-discover__bottom span dfn {
    padding-right: 5px
}

.card-discover__bottom span i {
    font-size: 26px;
    margin-right: 14px;
    color: #ffbe02
}

@media only screen and (max-width: 1439px) {
    .card-discover__bottom span i {
        margin-right: 10px;
        font-size: 20px
    }
}

@media only screen and (max-width: 1199px) {
    .card-discover__bottom span i {
        width: 100%;
        margin-bottom: 10px;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .card-discover__bottom span i {
        font-size: 18px
    }
}

.card-discover__image {
    position: relative;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    display: block;
    background-color: #fff
}

@media only screen and (max-width: 479px) {
    .card-discover__image {
        width: 100%
    }
}

.card-discover__image:after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    content: ""
}

.card-discover__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.card-discover__icons {
    display: flex;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px
}

.card-discover__icons a {
    margin-left: 10px;
    height: 14px;
    border-radius: 15px;
    padding: 3px;
    display: flex;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    align-items: center;
    align-content: center;
    justify-content: center;
    border: 1px solid #c4c4c4
}

.card-discover__icons a.is-google-podcast {
    width: 14px;
    margin-left: 5px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//google-podcasts-color.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 7px;
    color: rgba(0, 0, 0, 0)
}

.card-discover__icons a.is-spotify {
    width: 38px;
    color: rgba(0, 0, 0, 0);
    background-image: url(/wp-content/themes/harappaeducation/dist/images//logo-spotify-big.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px
}

.card-discover:hover {
    text-decoration: none
}

.card-discover:hover .card-discover__image:after {
    opacity: .5
}

.card-faculty {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.card-faculty__content {
    width: 100%;
    padding: 20px
}

@media only screen and (max-width: 991px) {
    .card-faculty__content {
        padding: 20px 15px
    }
}

.card-faculty__content p {
    margin-bottom: 0
}

.card-faculty__content h5 {
    margin-bottom: 10px
}

.card-faculty__image {
    position: relative;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    background-color: #ffbe02;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//faculty-bg.svg);
    background-repeat: no-repeat;
    background-position: left 20px
}

@media only screen and (max-width: 767px) {
    .card-faculty__image {
        background-position: -50px 20px
    }
}

.card-faculty__image:after {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    content: ""
}

.card-faculty__image img {
    width: 100%;
    height: auto
}

.card-faculty__programs {
    top: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    transform: translateY(10px);
    transition: .1s ease-in-out
}

.card-faculty__programs h5 {
    color: #575354
}

.card-faculty__programs ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.card-faculty__programs ul a {
    font-size: 75%;
    padding: 1px 10px;
    border-width: 1px;
    text-transform: unset
}

.card-faculty__programs ul li {
    margin: 0 5px 5px 0
}

.card-faculty__programs ul:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.card-faculty__link {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px
}

.card-faculty--case .card-faculty__content {
    font-size: 16px;
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .card-faculty--case .card-faculty__content {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .card-faculty--case .card-faculty__content {
        font-size: 15px
    }
}

.card-faculty--case .card-faculty__content p {
    margin-bottom: 20px
}

.card-faculty:hover {
    text-decoration: none
}

.card-faculty:hover .card-faculty__image:after {
    opacity: .5
}

.card-faculty:hover .card-faculty__programs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.card-feature {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .card-feature {
        background: #fff;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
    }
}

.card-feature__left {
    width: calc(50% - 60px);
    position: relative;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 1199px) {
    .card-feature__left {
        height: 370px;
        width: calc(50% - 30px)
    }
}

@media only screen and (max-width: 767px) {
    .card-feature__left {
        height: auto;
        width: 100%
    }
}

.card-feature__left img {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .card-feature__left img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

 .tab-button-price{font-size: 17px;}

}

.card-feature__right {
    width: calc(50% - 60px);
    font-weight: 500;
    font-size: 22px
}

@media only screen and (max-width: 1199px) {
    .card-feature__right {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .card-feature__right {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-feature__right {
        font-size: 16px
    }
}

@media only screen and (max-width: 1199px) {
    .card-feature__right {
        width: calc(50% - 30px)
    }
}

@media only screen and (max-width: 767px) {
    .card-feature__right {
        padding: 20px;
        width: 100%
    }
}

.card-feature__right h3 {
    text-transform: none
}

.card-feature__rating {
    display: inline-flex;
    height: 60px;
    padding: 0 20px;
    border-radius: 30px;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 30px;
    border: 1px solid #ccc
}

@media only screen and (max-width: 1199px) {
    .card-feature__rating {
        height: 54px
    }
}

@media only screen and (max-width: 991px) {
    .card-feature__rating {
        height: 50px
    }
}

@media only screen and (max-width: 767px) {
    .card-feature__rating {
        height: auto;
        margin-bottom: 15px;
        padding: 8px 15px
    }
}

.card-feature__rating img {
    height: 20px
}

@media only screen and (max-width: 1199px) {
    .card-feature__rating img {
        height: 18px
    }
}

@media only screen and (max-width: 767px) {
    .card-feature__rating img {
        height: 12px
    }
}

.card-feature__rating strong,
.card-feature__rating dfn {
    font-size: 22px;
    color: #0a5da9;
    padding-left: 10px
}

@media only screen and (max-width: 1199px) {
    .card-feature__rating strong,
    .card-feature__rating dfn {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .card-feature__rating strong,
    .card-feature__rating dfn {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-feature__rating strong,
    .card-feature__rating dfn {
        font-size: 16px
    }
}

.card-intro {
    padding: 15px;
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    transition: ease-in-out .3s;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.card-intro__image {
    margin-bottom: 20px;
    position: relative;
    transition: ease-in-out .3s
}

.card-intro__image img {
    width: 100%;
    height: auto;
    transition: ease-in-out .3s
}

.card-intro__title {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 150px;
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 22px;
    margin-bottom: 15px;
    font-style: italic;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #0a5da9;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 991px) {
    .card-intro__title {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-intro__title {
        font-size: 18px
    }
}

@media only screen and (max-width: 991px) {
    .card-intro__title {
        right: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-intro__title {
        right: 10px;
        font-size: 170%
    }
}

.card-intro__content p {
    transition: ease-in-out .3s
}

.card-intro__link {
    display: inline-flex;
    align-items: center;
    color: #0a5da9
}

.card-intro__link:after {
    content: "";
    font-family: "icomoon", sans-serif;
    margin-left: 10px;
    position: relative;
    display: block;
    font-size: 70%;
    font-weight: 400;
    color: inherit;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .card-intro__link:after {
        margin-left: 5px
    }
}

.card-intro__link:hover {
    text-decoration: none;
    color: #0a5da9
}

@media only screen and (min-width: 1440px) {
    .is-hover .card-intro {
        padding: 20px
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1199px) {
    .is-hover .card-intro {
        padding: 15px
    }
}

@media only screen and (min-width: 1440px) {
    .is-hover .card-intro .card-intro__title {
        width: 280px;
        font-size: 40px
    }
}

@media only screen and (min-width: 1440px) {
    .is-hover .card-intro .button,
    .is-hover .card-intro .single-prime-program .wpulike,
    .single-prime-program .is-hover .card-intro .wpulike,
    .is-hover .card-intro .campus-program-template-default .wpulike,
    .campus-program-template-default .is-hover .card-intro .wpulike,
    .is-hover .card-intro .enterprise-program-template-default .wpulike,
    .enterprise-program-template-default .is-hover .card-intro .wpulike,
    .is-hover .card-intro .hbspt-form .hs-submit .hs-button,
    .hbspt-form .hs-submit .is-hover .card-intro .hs-button,
    .is-hover .card-intro .events__tabs ul li a,
    .events__tabs ul li .is-hover .card-intro a {
        padding: 20px 30px;
        font-size: 150%
    }
}

.card-news {
    position: relative;
    display: flex;
    width: 100%;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.card-news:hover {
    text-decoration: none
}

.card-news__content {
    padding: 30px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .card-news__content {
        padding: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-news__content {
        padding: 15px
    }
}

.card-news__content p {
    font-size: 18px;
    color: #a3a3a3;
    font-style: italic
}

@media only screen and (max-width: 991px) {
    .card-news__content p {
        font-size: 17px
    }
}

@media only screen and (max-width: 767px) {
    .card-news__content p {
        font-size: 12px;
        margin-bottom: 15px
    }
}

.card-news__content h5 {
    min-height: 42px;
    margin-bottom: 0;
    line-height: 1.4;
    font-family: "Jost", sans-serif
}

@media only screen and (max-width: 767px) {
    .card-news__content h5 {
        font-size: 12px;
        margin-bottom: 0
    }
}

.card-news__image {
    width: 224px;
    position: relative;
    display: flex;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .card-news__image {
        width: 150px
    }
}

.card-news__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.card-news__image+.card-news__content {
    width: calc(100% - 224px)
}

@media only screen and (max-width: 767px) {
    .card-news__image+.card-news__content {
        width: calc(100% - 150px)
    }
}

.card-offer {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 20px;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    padding: 15px
}

@media only screen and (max-width: 767px) {
    .card-offer {
        width: 100%;
        flex-direction: column
    }
}

.card-offer__left {
    padding-right: 10px
}

@media only screen and (max-width: 767px) {
    .card-offer__left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
        text-align: center
    }
}

.card-offer__left p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color: #a3a3a3
}

@media only screen and (max-width: 991px) {
    .card-offer__left p {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .card-offer__left p {
        font-size: 15px
    }
}

.card-offer__left strong,
.card-offer__left dfn {
    font-family: "Jost", sans-serif;
    color: #ffbe02;
    font-size: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
    line-height: 1.1
}

@media only screen and (max-width: 991px) {
    .card-offer__left strong,
    .card-offer__left dfn {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .card-offer__left strong,
    .card-offer__left dfn {
        display: block;
        text-align: center;
        font-size: 20px;
        padding-bottom: 5px
    }
}

.card-offer__left strong span,
.card-offer__left dfn span {
    font-size: 22px;
    font-weight: 400;
    color: #0a5da9;
    padding-left: 5px;
    text-decoration: line-through
}

@media only screen and (max-width: 1199px) {
    .card-offer__left strong span,
    .card-offer__left dfn span {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .card-offer__left strong span,
    .card-offer__left dfn span {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-offer__left strong span,
    .card-offer__left dfn span {
        font-size: 16px
    }
}

.card-offer__right {
    padding-left: 10px
}

@media only screen and (max-width: 767px) {
    .card-offer__right {
        width: 100%;
        padding-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .card-offer__right .button,
    .card-offer__right .single-prime-program .wpulike,
    .single-prime-program .card-offer__right .wpulike,
    .card-offer__right .campus-program-template-default .wpulike,
    .campus-program-template-default .card-offer__right .wpulike,
    .card-offer__right .enterprise-program-template-default .wpulike,
    .enterprise-program-template-default .card-offer__right .wpulike,
    .card-offer__right .hbspt-form .hs-submit .hs-button,
    .hbspt-form .hs-submit .card-offer__right .hs-button,
    .card-offer__right .events__tabs ul li a,
    .events__tabs ul li .card-offer__right a {
        width: 100%
    }
}

.card-offer__right .button+.button,
.card-offer__right .single-prime-program .wpulike+.button,
.single-prime-program .card-offer__right .wpulike+.button,
.card-offer__right .campus-program-template-default .wpulike+.button,
.campus-program-template-default .card-offer__right .wpulike+.button,
.card-offer__right .enterprise-program-template-default .wpulike+.button,
.enterprise-program-template-default .card-offer__right .wpulike+.button,
.card-offer__right .single-prime-program .button+.wpulike,
.single-prime-program .card-offer__right .button+.wpulike,
.card-offer__right .single-prime-program .wpulike+.wpulike,
.single-prime-program .card-offer__right .wpulike+.wpulike,
.card-offer__right .campus-program-template-default .single-prime-program .wpulike+.wpulike,
.single-prime-program .card-offer__right .campus-program-template-default .wpulike+.wpulike,
.campus-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
.single-prime-program .campus-program-template-default .card-offer__right .wpulike+.wpulike,
.card-offer__right .enterprise-program-template-default .single-prime-program .wpulike+.wpulike,
.single-prime-program .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
.enterprise-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
.single-prime-program .enterprise-program-template-default .card-offer__right .wpulike+.wpulike,
.card-offer__right .campus-program-template-default .button+.wpulike,
.campus-program-template-default .card-offer__right .button+.wpulike,
.card-offer__right .single-prime-program .campus-program-template-default .wpulike+.wpulike,
.campus-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
.single-prime-program .card-offer__right .campus-program-template-default .wpulike+.wpulike,
.campus-program-template-default .single-prime-program .card-offer__right .wpulike+.wpulike,
.card-offer__right .campus-program-template-default .wpulike+.wpulike,
.campus-program-template-default .card-offer__right .wpulike+.wpulike,
.card-offer__right .enterprise-program-template-default .campus-program-template-default .wpulike+.wpulike,
.campus-program-template-default .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
.enterprise-program-template-default .card-offer__right .campus-program-template-default .wpulike+.wpulike,
.campus-program-template-default .enterprise-program-template-default .card-offer__right .wpulike+.wpulike,
.card-offer__right .enterprise-program-template-default .button+.wpulike,
.enterprise-program-template-default .card-offer__right .button+.wpulike,
.card-offer__right .single-prime-program .enterprise-program-template-default .wpulike+.wpulike,
.enterprise-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
.single-prime-program .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
.enterprise-program-template-default .single-prime-program .card-offer__right .wpulike+.wpulike,
.card-offer__right .campus-program-template-default .enterprise-program-template-default .wpulike+.wpulike,
.enterprise-program-template-default .card-offer__right .campus-program-template-default .wpulike+.wpulike,
.campus-program-template-default .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
.enterprise-program-template-default .campus-program-template-default .card-offer__right .wpulike+.wpulike,
.card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
.enterprise-program-template-default .card-offer__right .wpulike+.wpulike,
.card-offer__right .hbspt-form .hs-submit .hs-button+.button,
.card-offer__right .hbspt-form .hs-submit .single-prime-program .hs-button+.wpulike,
.single-prime-program .card-offer__right .hbspt-form .hs-submit .hs-button+.wpulike,
.card-offer__right .hbspt-form .hs-submit .campus-program-template-default .hs-button+.wpulike,
.campus-program-template-default .card-offer__right .hbspt-form .hs-submit .hs-button+.wpulike,
.card-offer__right .hbspt-form .hs-submit .enterprise-program-template-default .hs-button+.wpulike,
.enterprise-program-template-default .card-offer__right .hbspt-form .hs-submit .hs-button+.wpulike,
.hbspt-form .hs-submit .card-offer__right .hs-button+.button,
.hbspt-form .hs-submit .card-offer__right .single-prime-program .hs-button+.wpulike,
.single-prime-program .hbspt-form .hs-submit .card-offer__right .hs-button+.wpulike,
.hbspt-form .hs-submit .card-offer__right .campus-program-template-default .hs-button+.wpulike,
.campus-program-template-default .hbspt-form .hs-submit .card-offer__right .hs-button+.wpulike,
.hbspt-form .hs-submit .card-offer__right .enterprise-program-template-default .hs-button+.wpulike,
.enterprise-program-template-default .hbspt-form .hs-submit .card-offer__right .hs-button+.wpulike,
.card-offer__right .hbspt-form .hs-submit .button+.hs-button,
.card-offer__right .hbspt-form .hs-submit .single-prime-program .wpulike+.hs-button,
.single-prime-program .card-offer__right .hbspt-form .hs-submit .wpulike+.hs-button,
.card-offer__right .hbspt-form .hs-submit .campus-program-template-default .wpulike+.hs-button,
.campus-program-template-default .card-offer__right .hbspt-form .hs-submit .wpulike+.hs-button,
.card-offer__right .hbspt-form .hs-submit .enterprise-program-template-default .wpulike+.hs-button,
.enterprise-program-template-default .card-offer__right .hbspt-form .hs-submit .wpulike+.hs-button,
.hbspt-form .hs-submit .card-offer__right .button+.hs-button,
.hbspt-form .hs-submit .card-offer__right .single-prime-program .wpulike+.hs-button,
.single-prime-program .hbspt-form .hs-submit .card-offer__right .wpulike+.hs-button,
.hbspt-form .hs-submit .card-offer__right .campus-program-template-default .wpulike+.hs-button,
.campus-program-template-default .hbspt-form .hs-submit .card-offer__right .wpulike+.hs-button,
.hbspt-form .hs-submit .card-offer__right .enterprise-program-template-default .wpulike+.hs-button,
.enterprise-program-template-default .hbspt-form .hs-submit .card-offer__right .wpulike+.hs-button,
.card-offer__right .hbspt-form .hs-submit .hs-button+.hs-button,
.hbspt-form .hs-submit .card-offer__right .hs-button+.hs-button,
.card-offer__right .events__tabs ul li a+.button,
.card-offer__right .events__tabs ul li .single-prime-program a+.wpulike,
.single-prime-program .card-offer__right .events__tabs ul li a+.wpulike,
.card-offer__right .events__tabs ul li .campus-program-template-default a+.wpulike,
.campus-program-template-default .card-offer__right .events__tabs ul li a+.wpulike,
.card-offer__right .events__tabs ul li .enterprise-program-template-default a+.wpulike,
.enterprise-program-template-default .card-offer__right .events__tabs ul li a+.wpulike,
.card-offer__right .events__tabs ul li .hbspt-form .hs-submit a+.hs-button,
.hbspt-form .hs-submit .card-offer__right .events__tabs ul li a+.hs-button,
.events__tabs ul li .card-offer__right a+.button,
.events__tabs ul li .card-offer__right .single-prime-program a+.wpulike,
.single-prime-program .events__tabs ul li .card-offer__right a+.wpulike,
.events__tabs ul li .card-offer__right .campus-program-template-default a+.wpulike,
.campus-program-template-default .events__tabs ul li .card-offer__right a+.wpulike,
.events__tabs ul li .card-offer__right .enterprise-program-template-default a+.wpulike,
.enterprise-program-template-default .events__tabs ul li .card-offer__right a+.wpulike,
.events__tabs ul li .card-offer__right .hbspt-form .hs-submit a+.hs-button,
.hbspt-form .hs-submit .events__tabs ul li .card-offer__right a+.hs-button,
.card-offer__right .events__tabs ul li .button+a,
.card-offer__right .events__tabs ul li .single-prime-program .wpulike+a,
.single-prime-program .card-offer__right .events__tabs ul li .wpulike+a,
.card-offer__right .events__tabs ul li .campus-program-template-default .wpulike+a,
.campus-program-template-default .card-offer__right .events__tabs ul li .wpulike+a,
.card-offer__right .events__tabs ul li .enterprise-program-template-default .wpulike+a,
.enterprise-program-template-default .card-offer__right .events__tabs ul li .wpulike+a,
.card-offer__right .events__tabs ul li .hbspt-form .hs-submit .hs-button+a,
.hbspt-form .hs-submit .card-offer__right .events__tabs ul li .hs-button+a,
.events__tabs ul li .card-offer__right .button+a,
.events__tabs ul li .card-offer__right .single-prime-program .wpulike+a,
.single-prime-program .events__tabs ul li .card-offer__right .wpulike+a,
.events__tabs ul li .card-offer__right .campus-program-template-default .wpulike+a,
.campus-program-template-default .events__tabs ul li .card-offer__right .wpulike+a,
.events__tabs ul li .card-offer__right .enterprise-program-template-default .wpulike+a,
.enterprise-program-template-default .events__tabs ul li .card-offer__right .wpulike+a,
.events__tabs ul li .card-offer__right .hbspt-form .hs-submit .hs-button+a,
.hbspt-form .hs-submit .events__tabs ul li .card-offer__right .hs-button+a,
.card-offer__right .events__tabs ul li a+a,
.events__tabs ul li .card-offer__right a+a {
    margin-left: 10px
}

@media only screen and (max-width: 767px) {
    .card-offer__right .button+.button,
    .card-offer__right .single-prime-program .wpulike+.button,
    .single-prime-program .card-offer__right .wpulike+.button,
    .card-offer__right .campus-program-template-default .wpulike+.button,
    .campus-program-template-default .card-offer__right .wpulike+.button,
    .card-offer__right .enterprise-program-template-default .wpulike+.button,
    .enterprise-program-template-default .card-offer__right .wpulike+.button,
    .card-offer__right .single-prime-program .button+.wpulike,
    .single-prime-program .card-offer__right .button+.wpulike,
    .card-offer__right .single-prime-program .wpulike+.wpulike,
    .single-prime-program .card-offer__right .wpulike+.wpulike,
    .card-offer__right .campus-program-template-default .single-prime-program .wpulike+.wpulike,
    .single-prime-program .card-offer__right .campus-program-template-default .wpulike+.wpulike,
    .campus-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
    .single-prime-program .campus-program-template-default .card-offer__right .wpulike+.wpulike,
    .card-offer__right .enterprise-program-template-default .single-prime-program .wpulike+.wpulike,
    .single-prime-program .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
    .enterprise-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
    .single-prime-program .enterprise-program-template-default .card-offer__right .wpulike+.wpulike,
    .card-offer__right .campus-program-template-default .button+.wpulike,
    .campus-program-template-default .card-offer__right .button+.wpulike,
    .card-offer__right .single-prime-program .campus-program-template-default .wpulike+.wpulike,
    .campus-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
    .single-prime-program .card-offer__right .campus-program-template-default .wpulike+.wpulike,
    .campus-program-template-default .single-prime-program .card-offer__right .wpulike+.wpulike,
    .card-offer__right .campus-program-template-default .wpulike+.wpulike,
    .campus-program-template-default .card-offer__right .wpulike+.wpulike,
    .card-offer__right .enterprise-program-template-default .campus-program-template-default .wpulike+.wpulike,
    .campus-program-template-default .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
    .enterprise-program-template-default .card-offer__right .campus-program-template-default .wpulike+.wpulike,
    .campus-program-template-default .enterprise-program-template-default .card-offer__right .wpulike+.wpulike,
    .card-offer__right .enterprise-program-template-default .button+.wpulike,
    .enterprise-program-template-default .card-offer__right .button+.wpulike,
    .card-offer__right .single-prime-program .enterprise-program-template-default .wpulike+.wpulike,
    .enterprise-program-template-default .card-offer__right .single-prime-program .wpulike+.wpulike,
    .single-prime-program .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
    .enterprise-program-template-default .single-prime-program .card-offer__right .wpulike+.wpulike,
    .card-offer__right .campus-program-template-default .enterprise-program-template-default .wpulike+.wpulike,
    .enterprise-program-template-default .card-offer__right .campus-program-template-default .wpulike+.wpulike,
    .campus-program-template-default .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
    .enterprise-program-template-default .campus-program-template-default .card-offer__right .wpulike+.wpulike,
    .card-offer__right .enterprise-program-template-default .wpulike+.wpulike,
    .enterprise-program-template-default .card-offer__right .wpulike+.wpulike,
    .card-offer__right .hbspt-form .hs-submit .hs-button+.button,
    .card-offer__right .hbspt-form .hs-submit .single-prime-program .hs-button+.wpulike,
    .single-prime-program .card-offer__right .hbspt-form .hs-submit .hs-button+.wpulike,
    .card-offer__right .hbspt-form .hs-submit .campus-program-template-default .hs-button+.wpulike,
    .campus-program-template-default .card-offer__right .hbspt-form .hs-submit .hs-button+.wpulike,
    .card-offer__right .hbspt-form .hs-submit .enterprise-program-template-default .hs-button+.wpulike,
    .enterprise-program-template-default .card-offer__right .hbspt-form .hs-submit .hs-button+.wpulike,
    .hbspt-form .hs-submit .card-offer__right .hs-button+.button,
    .hbspt-form .hs-submit .card-offer__right .single-prime-program .hs-button+.wpulike,
    .single-prime-program .hbspt-form .hs-submit .card-offer__right .hs-button+.wpulike,
    .hbspt-form .hs-submit .card-offer__right .campus-program-template-default .hs-button+.wpulike,
    .campus-program-template-default .hbspt-form .hs-submit .card-offer__right .hs-button+.wpulike,
    .hbspt-form .hs-submit .card-offer__right .enterprise-program-template-default .hs-button+.wpulike,
    .enterprise-program-template-default .hbspt-form .hs-submit .card-offer__right .hs-button+.wpulike,
    .card-offer__right .hbspt-form .hs-submit .button+.hs-button,
    .card-offer__right .hbspt-form .hs-submit .single-prime-program .wpulike+.hs-button,
    .single-prime-program .card-offer__right .hbspt-form .hs-submit .wpulike+.hs-button,
    .card-offer__right .hbspt-form .hs-submit .campus-program-template-default .wpulike+.hs-button,
    .campus-program-template-default .card-offer__right .hbspt-form .hs-submit .wpulike+.hs-button,
    .card-offer__right .hbspt-form .hs-submit .enterprise-program-template-default .wpulike+.hs-button,
    .enterprise-program-template-default .card-offer__right .hbspt-form .hs-submit .wpulike+.hs-button,
    .hbspt-form .hs-submit .card-offer__right .button+.hs-button,
    .hbspt-form .hs-submit .card-offer__right .single-prime-program .wpulike+.hs-button,
    .single-prime-program .hbspt-form .hs-submit .card-offer__right .wpulike+.hs-button,
    .hbspt-form .hs-submit .card-offer__right .campus-program-template-default .wpulike+.hs-button,
    .campus-program-template-default .hbspt-form .hs-submit .card-offer__right .wpulike+.hs-button,
    .hbspt-form .hs-submit .card-offer__right .enterprise-program-template-default .wpulike+.hs-button,
    .enterprise-program-template-default .hbspt-form .hs-submit .card-offer__right .wpulike+.hs-button,
    .card-offer__right .hbspt-form .hs-submit .hs-button+.hs-button,
    .hbspt-form .hs-submit .card-offer__right .hs-button+.hs-button,
    .card-offer__right .events__tabs ul li a+.button,
    .card-offer__right .events__tabs ul li .single-prime-program a+.wpulike,
    .single-prime-program .card-offer__right .events__tabs ul li a+.wpulike,
    .card-offer__right .events__tabs ul li .campus-program-template-default a+.wpulike,
    .campus-program-template-default .card-offer__right .events__tabs ul li a+.wpulike,
    .card-offer__right .events__tabs ul li .enterprise-program-template-default a+.wpulike,
    .enterprise-program-template-default .card-offer__right .events__tabs ul li a+.wpulike,
    .card-offer__right .events__tabs ul li .hbspt-form .hs-submit a+.hs-button,
    .hbspt-form .hs-submit .card-offer__right .events__tabs ul li a+.hs-button,
    .events__tabs ul li .card-offer__right a+.button,
    .events__tabs ul li .card-offer__right .single-prime-program a+.wpulike,
    .single-prime-program .events__tabs ul li .card-offer__right a+.wpulike,
    .events__tabs ul li .card-offer__right .campus-program-template-default a+.wpulike,
    .campus-program-template-default .events__tabs ul li .card-offer__right a+.wpulike,
    .events__tabs ul li .card-offer__right .enterprise-program-template-default a+.wpulike,
    .enterprise-program-template-default .events__tabs ul li .card-offer__right a+.wpulike,
    .events__tabs ul li .card-offer__right .hbspt-form .hs-submit a+.hs-button,
    .hbspt-form .hs-submit .events__tabs ul li .card-offer__right a+.hs-button,
    .card-offer__right .events__tabs ul li .button+a,
    .card-offer__right .events__tabs ul li .single-prime-program .wpulike+a,
    .single-prime-program .card-offer__right .events__tabs ul li .wpulike+a,
    .card-offer__right .events__tabs ul li .campus-program-template-default .wpulike+a,
    .campus-program-template-default .card-offer__right .events__tabs ul li .wpulike+a,
    .card-offer__right .events__tabs ul li .enterprise-program-template-default .wpulike+a,
    .enterprise-program-template-default .card-offer__right .events__tabs ul li .wpulike+a,
    .card-offer__right .events__tabs ul li .hbspt-form .hs-submit .hs-button+a,
    .hbspt-form .hs-submit .card-offer__right .events__tabs ul li .hs-button+a,
    .events__tabs ul li .card-offer__right .button+a,
    .events__tabs ul li .card-offer__right .single-prime-program .wpulike+a,
    .single-prime-program .events__tabs ul li .card-offer__right .wpulike+a,
    .events__tabs ul li .card-offer__right .campus-program-template-default .wpulike+a,
    .campus-program-template-default .events__tabs ul li .card-offer__right .wpulike+a,
    .events__tabs ul li .card-offer__right .enterprise-program-template-default .wpulike+a,
    .enterprise-program-template-default .events__tabs ul li .card-offer__right .wpulike+a,
    .events__tabs ul li .card-offer__right .hbspt-form .hs-submit .hs-button+a,
    .hbspt-form .hs-submit .events__tabs ul li .card-offer__right .hs-button+a,
    .card-offer__right .events__tabs ul li a+a,
    .events__tabs ul li .card-offer__right a+a {
        margin-left: 0;
        margin-top: 5px
    }
}

.card-open {
    position: relative;
    width: 100%;
    background: #fff;
    transition: ease-in-out .3s;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.card-open__image {
    display: block;
    position: relative;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 767px) {
    .card-open__image {
        margin-bottom: 20px
    }
}

.card-open__image img {
    width: 100%;
    transition: ease-in-out .3s
}

.card-open__title {
    width: 184px;
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: "Jost", sans-serif;
    font-size: 22px;
    font-style: italic;
    line-height: 1.1;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #0a5da9;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 1199px) {
    .card-open__title {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .card-open__title {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-open__title {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .card-open__title {
        width: 160px
    }
}

.card-open__title img {
    margin: 0 auto 5px;
    width: 80px
}

@media only screen and (max-width: 767px) {
    .card-open__title img {
        max-width: 70px
    }
}

.card-open__content {
    padding: 20px
}

@media only screen and (max-width: 991px) {
    .card-open__content {
        padding: 15px
    }
}

@media only screen and (max-width: 767px) {
    .card-open__content {
        padding-top: 0
    }
}

.card-open__content p {
    margin-bottom: 10px
}

.card-open__date {
    width: 100%;
    display: flex;
    font-size: 90%;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    color: #0a5da9;
    padding: 15px 0
}

.card-open__price {
    margin-bottom: 32px;
    width: 100%
}

.card-open__price strong,
.card-open__price dfn {
    font-family: "Jost", sans-serif;
    color: #ffbe02;
    font-size: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    width: 100%;
    line-height: 1.4
}

@media only screen and (max-width: 991px) {
    .card-open__price strong,
    .card-open__price dfn {
        font-size: 25px
    }
}

@media only screen and (max-width: 767px) {
    .card-open__price strong,
    .card-open__price dfn {
        font-size: 22px;
        padding-bottom: 5px
    }
}

.card-open__price strong span,
.card-open__price dfn span {
    font-size: 20px;
    font-weight: 400;
    color: #0a5da9;
    padding-left: 10px;
    padding-bottom: 5px;
    text-decoration: line-through
}

@media only screen and (max-width: 991px) {
    .card-open__price strong span,
    .card-open__price dfn span {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .card-open__price strong span,
    .card-open__price dfn span {
        font-size: 14px
    }
}

.card-open__price p {
    font-weight: 500;
    margin-bottom: 0;
    color: #a3a3a3
}

.card-open__bottom .button,
.card-open__bottom .single-prime-program .wpulike,
.single-prime-program .card-open__bottom .wpulike,
.card-open__bottom .campus-program-template-default .wpulike,
.campus-program-template-default .card-open__bottom .wpulike,
.card-open__bottom .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .card-open__bottom .wpulike,
.card-open__bottom .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .card-open__bottom .hs-button,
.card-open__bottom .events__tabs ul li a,
.events__tabs ul li .card-open__bottom a {
    margin-bottom: 15px
}

.p2-advantage {
    margin: 0 auto;
    background-color: #fff;
    font-family: "Jost", sans-serif;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative
}

.p2-advantage__heading {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .p2-advantage__heading {
        font-size: 40px;
        line-height: 60px
    }
}

.p2-advantage__cont {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #4a4a4a;
    text-transform: capitalize;
    width: 270px;
    margin: 15px auto 5px
}

@media only screen and (min-width: 991px) {
    .p2-advantage__cont {
        font-size: 20px;
        line-height: 24px;
        width: 100%
    }
}

.p2-advantage__slider {
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center
}

.p2-advantage__slider.slick-initialized {
    background-image: none
}

.p2-advantage__slider.slick-slider .slick-dots {
    display: none !important
}

.p2-advantage__slider.slick-slider .slick-arrow.slick-next {
    top: 47px;
    right: 20px;
    color: #ffbe02;
    font-size: 26px
}

.p2-advantage__slider.slick-slider .slick-arrow.slick-prev {
    top: 47px;
    left: 20px;
    color: #ffbe02;
    font-size: 26px
}

.p2-advantage__slider.slick-slider .slick-list {
    overflow: hidden
}

.p2-advantage__slider.slick-slider .slick-slide {
    padding: 30px 0 0
}

.p2-advantage__card {
    position: relative;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

@media only screen and (min-width: 991px) {
    .p2-advantage__card {
        width: 100%
    }
}

.p2-advantage__card h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #4a4a4a
}

.p2-advantage__card h3::after {
    margin-left: 5px;
    font-family: "icomoon", sans-serif;
    font-size: 9px;
    color: #ffbe02;
    content: "";
    text-decoration: none;
    position: relative
}

.p2-advantage__card img {
    margin-top: 30px;
    width: 100%;
    box-shadow: 0px 2.07023px 12.9389px rgba(0, 0, 0, .1)
}

.p2-advantage__card__content {
    padding-top: 40px
}

.p2-advantage__card__content img {
    width: 100%;
    box-shadow: 0px 2.07023px 12.9389px rgba(0, 0, 0, .1)
}

.p2-advantage__card:hover {
    text-decoration: none
}

.p2-advantage__card .p2-faculty__slider,
.advantage-tabber__content .p2-faculty__slider {
    min-height: 410px !important;
    padding: 0;
    width: 100%;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px
}

@media only screen and (min-width: 479px) {
    .p2-advantage__card .p2-faculty__slider,
    .advantage-tabber__content .p2-faculty__slider {
        min-height: 550px !important
    }
}

@media only screen and (min-width: 767px) {
    .p2-advantage__card .p2-faculty__slider,
    .advantage-tabber__content .p2-faculty__slider {
        min-height: 150px !important
    }
}

.p2-advantage__card .p2-faculty__card,
.advantage-tabber__content .p2-faculty__card {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    height: calc(100% - 15px);
    overflow: hidden;
    background: #ff3363;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 991px) {
    .p2-advantage__card .p2-faculty__card,
    .advantage-tabber__content .p2-faculty__card {
        margin-top: 10px;
        height: 360px;
        width: 200px
    }
}

.p2-advantage__card .p2-faculty__card__content,
.advantage-tabber__content .p2-faculty__card__content {
    width: 100%;
    padding: 20px 10px 30px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .p2-advantage__card .p2-faculty__card__content,
    .advantage-tabber__content .p2-faculty__card__content {
        padding: 20px 15px
    }
}

.p2-advantage__card .p2-faculty__card__content p,
.advantage-tabber__content .p2-faculty__card__content p {
    color: #fff;
    margin-bottom: 0;
    font-size: 8px;
    line-height: 12px
}

.p2-advantage__card .p2-faculty__card__content h5,
.advantage-tabber__content .p2-faculty__card__content h5 {
    color: #fff;
    margin-bottom: 0;
    font-family: "Jost", sans-serif;
    font-size: 12px;
    line-height: 18px
}

.p2-advantage__card .p2-faculty__card__image,
.advantage-tabber__content .p2-faculty__card__image {
    position: relative;
    margin-top: auto;
    text-align: center;
    display: flex;
    justify-content: center
}

.p2-advantage__card .p2-faculty__card__image img,
.advantage-tabber__content .p2-faculty__card__image img {
    width: 100%;
    margin: 0 auto;
    mix-blend-mode: multiply
}

.p2-advantage__card .p2-faculty__card__programs,
.advantage-tabber__content .p2-faculty__card__programs {
    top: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    transform: translateY(10px);
    transition: .1s ease-in-out
}

.p2-advantage__card .p2-faculty__card__programs h5,
.advantage-tabber__content .p2-faculty__card__programs h5 {
    color: #575354
}

.p2-advantage__card .p2-faculty__card__programs ul,
.advantage-tabber__content .p2-faculty__card__programs ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.p2-advantage__card .p2-faculty__card__programs ul a,
.advantage-tabber__content .p2-faculty__card__programs ul a {
    font-size: 75%;
    padding: 1px 10px;
    border-width: 1px;
    text-transform: unset
}

.p2-advantage__card .p2-faculty__card__programs ul li,
.advantage-tabber__content .p2-faculty__card__programs ul li {
    margin: 0 5px 5px 0
}

.p2-advantage__card .p2-faculty__card__programs ul:last-of-type,
.advantage-tabber__content .p2-faculty__card__programs ul:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.p2-advantage__card .p2-faculty__card__link,
.advantage-tabber__content .p2-faculty__card__link {
    display: none;
    bottom: 23px;
    left: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .p2-advantage__card .p2-faculty__card__link,
    .advantage-tabber__content .p2-faculty__card__link {
        display: block
    }
}

.p2-advantage__card .p2-faculty__card__link::before,
.advantage-tabber__content .p2-faculty__card__link::before {
    width: 84px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0
}

.p2-advantage__card .p2-faculty__card__link span,
.advantage-tabber__content .p2-faculty__card__link span {
    font-size: 8.5px
}

.p2-advantage__card .p2-faculty__card__link:hover,
.advantage-tabber__content .p2-faculty__card__link:hover {
    color: #fff;
    text-decoration: none
}

.p2-advantage__card .p2-faculty__card--case .card-faculty__content,
.advantage-tabber__content .p2-faculty__card--case .card-faculty__content {
    font-size: 16px;
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .p2-advantage__card .p2-faculty__card--case .card-faculty__content,
    .advantage-tabber__content .p2-faculty__card--case .card-faculty__content {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .p2-advantage__card .p2-faculty__card--case .card-faculty__content,
    .advantage-tabber__content .p2-faculty__card--case .card-faculty__content {
        font-size: 15px
    }
}

.p2-advantage__card .p2-faculty__card--case .card-faculty__content p,
.advantage-tabber__content .p2-faculty__card--case .card-faculty__content p {
    margin-bottom: 20px
}

.p2-advantage__card .p2-faculty__card:hover,
.advantage-tabber__content .p2-faculty__card:hover {
    text-decoration: none
}

.p2-advantage__card .p2-faculty__card:hover .card-faculty__image:after,
.advantage-tabber__content .p2-faculty__card:hover .card-faculty__image:after {
    opacity: .5
}

.p2-advantage__card .p2-faculty__card:hover .card-faculty__programs,
.advantage-tabber__content .p2-faculty__card:hover .card-faculty__programs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.p2-advantage__card .slick-slider .slick-dots,
.advantage-tabber__content .slick-slider .slick-dots {
    display: flex !important;
    margin-top: 30px
}

.p2-advantage__card .slick-slider .slick-arrow,
.advantage-tabber__content .slick-slider .slick-arrow {
    display: none !important
}

.p2-advantage__card .slick-slider .slick-list,
.advantage-tabber__content .slick-slider .slick-list {
    overflow: hidden
}

.p2-advantage__card .slick-slider .slick-slide,
.advantage-tabber__content .slick-slider .slick-slide {
    display: flex;
    padding: 0 3px
}

@media only screen and (min-width: 1199px) {
    .p2-advantage__card .slick-slider .slick-slide,
    .advantage-tabber__content .slick-slider .slick-slide {
        padding: 0px 5px
    }
}

.p2-advantage__card .slick-slider .slick-slide.slick-center .p2-faculty__card,
.advantage-tabber__content .slick-slider .slick-slide.slick-center .p2-faculty__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

@media only screen and (max-width: 375px) {
    .p2-advantage__card .slick-slider .slick-slide.slick-center .p2-faculty__card,
    .advantage-tabber__content .slick-slider .slick-slide.slick-center .p2-faculty__card {
        margin-left: -10%;
        width: 120%
    }
}

.p2-advantage__card .slick-slider .slick-dots li.slick-active button,
.advantage-tabber__content .slick-slider .slick-dots li.slick-active button {
    background: #ffbe00;
    height: 8px
}

.p2-advantage__card .slick-slider .slick-dots li button,
.advantage-tabber__content .slick-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    background: #e1e1e1
}

.p2-bootcamp_banner__wrapper {
    background-color: #fff;
    font-family: "Jost", sans-serif;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative
}

.p2-bootcamp_banner__wrapper::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: -100%;
    width: 950%;
    height: 60%
}

@media only screen and (min-width: 1199px) {
    .p2-bootcamp_banner__wrapper {
        padding-top: 100px
    }
}

@media only screen and (max-width: 1199px) {
    .p2-bootcamp_banner__wrapper {
        padding-bottom: 0;
        height: 69%
    }
}

.p2-bootcamp_banner {
    margin: 0 auto;
    font-family: "Jost", sans-serif;
    padding-bottom: 50px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .p2-bootcamp_banner {
        padding-bottom: 0
    }
}

.p2-bootcamp_banner h2 {
    position: relative;
    font-weight: 800;
    font-size: 66px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    text-transform: capitalize
}

@media only screen and (min-width: 767px) {
    .p2-bootcamp_banner h2 {
        margin: 0
    }
}

@media only screen and (min-width: 1199px) {
    .p2-bootcamp_banner h2 {
        font-size: 126px;
        line-height: 108px;
        margin-bottom: 40px
    }
}

.p2-bootcamp_banner>p {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    color: #4a4a4a;
    text-transform: capitalize;
    margin: 15px 0 5px;
    text-align: center
}

@media only screen and (min-width: 1199px) {
    .p2-bootcamp_banner>p {
        font-size: 20px;
        line-height: 24px
    }
}

.p2-bootcamp_banner__slider {
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    padding-left: 30px;
    padding-right: 30px
}

.p2-bootcamp_banner__slider.slick-initialized {
    background-image: none
}

.p2-bootcamp_banner__card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0 0 12px rgba(0, 0, 0, .1);
    cursor: pointer
}

@media only screen and (min-width: 991px) {
    .p2-bootcamp_banner__card {
        width: 100%
    }
}

.p2-bootcamp_banner__card:hover {
    text-decoration: none
}

.p2-bootcamp_banner__top {
    position: relative;
    overflow: hidden;
    height: 285px
}

.p2-bootcamp_banner__top img {
    width: 100%;
    transform: scale(1.3);
    overflow: hidden;
    position: absolute;
    top: 30px
}

.p2-bootcamp_banner__top-cont {
    position: absolute;
    bottom: 0;
    padding: 17px 20px;
    display: flex;
    flex-direction: column
}

.p2-bootcamp_banner__top-cont::before {
    content: "";
    position: absolute;
    background: #ff7100;
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p2-bootcamp_banner__top-cont h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    height: 80px;
    margin: 0
}

.p2-bootcamp_banner__top-cont h3 span {
    font-size: 15px;
    line-height: 16px;
    font-weight: 400
}

.p2-bootcamp_banner__top__content {
    width: 100%;
    text-align: left;
    color: #fff;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.p2-bootcamp_banner__top__content-desc {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.p2-bootcamp_banner__top__content p {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 12px
}

.p2-bootcamp_banner__top__content p:last-child {
    font-size: 10px;
    line-height: 14px;
    padding-top: 5px
}

@media only screen and (min-width: 991px) {
    .p2-bootcamp_banner__top__content p:last-child {
        font-size: 6px;
        line-height: 12px
    }
}

.p2-bootcamp_banner__top__link {
    width: 100%;
    overflow: hidden;
    font-weight: 500;
    font-size: 9px;
    line-height: 16px;
    text-transform: capitalize;
    position: relative;
    color: #fff !important
}

@media only screen and (min-width: 991px) {
    .p2-bootcamp_banner__top__link {
        display: block
    }
}

.p2-bootcamp_banner__top__link::before {
    width: 57px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0
}

.p2-bootcamp_banner__top__link span {
    font-size: 6px;
    margin-left: 5px
}

.p2-bootcamp_banner__top__link:hover {
    color: #fff;
    text-decoration: none
}

.p2-bootcamp_banner__bottom {
    background: #fff
}

.p2-bootcamp_banner__bottom a {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .02em;
    text-align: left;
    color: #4a4a4a;
    padding: 15px 0 15px 20px;
    display: block
}

.p2-bootcamp_banner__bottom a:empty {
    display: none
}

.p2-bootcamp_banner .slick-slider .slick-dots {
    display: none !important
}

.p2-bootcamp_banner .slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 38%;
    bottom: -40px;
    color: #ffbe02;
    font-size: 26px
}

@media only screen and (min-width: 767px) {
    .p2-bootcamp_banner .slick-slider .slick-arrow.slick-next {
        right: -10px;
        font-size: 36px;
        top: 50%
    }
}

.p2-bootcamp_banner .slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 38%;
    color: #ffbe02;
    bottom: -40px;
    font-size: 26px
}

@media only screen and (min-width: 767px) {
    .p2-bootcamp_banner .slick-slider .slick-arrow.slick-prev {
        font-size: 36px;
        left: -10px;
        top: 50%
    }
}

.p2-bootcamp_banner .slick-slider .slick-list {
    overflow: hidden
}

.p2-bootcamp_banner .slick-slider .slick-slide {
    padding: 60px 0
}

@media only screen and (min-width: 479px) {
    .p2-bootcamp_banner .slick-slider .slick-slide {
        padding: 40px 10px
    }
}

.p2-bootcamp_banner .slick-slider .slick-slide.slick-center .p2-bootcamp_banner__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.15);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

.p2-bootcamp_banner .pink .p2-bootcamp_banner__top-cont::before {
    background-color: #ff3363
}

.p2-bootcamp_banner .green .p2-bootcamp_banner__top-cont::before {
    background-color: #44a659
}

.p2-bootcamp_banner .orange .p2-bootcamp_banner__top-cont::before {
    background-color: #ff7100
}

.p2-bootcamp_banner .blue .p2-bootcamp_banner__top-cont::before {
    background-color: #0099df
}

.program-template-default .p2-bootcamp_slider.p2-program_banner::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 163px
}

@media only screen and (min-width: 767px) {
    .program-template-default .p2-bootcamp_slider.p2-program_banner::before {
        height: 113px
    }
}

@media only screen and (min-width: 991px) {
    .program-template-default .p2-bootcamp_slider.p2-program_banner::before {
        height: 63px
    }
}

.program-template-default .p2-program_banner .slick-slider .slick-arrow.slick-prev,
.program-template-default .p2-program_banner .slick-slider .slick-arrow.slick-next {
    color: #fff
}

.bootcamp .advantage-tabber__list li a {
    padding-bottom: 10px
}

.p2-card-breakthroughs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
    font-family: "Jost", sans-serif;
    color: #4a4a4a
}

.p2-card-breakthroughs p {
    font-weight: 400;
    width: 80%;
    font-size: 10px;
    line-height: 14px;
    color: #4a4a4a
}

.p2-card-breakthroughs p strong,
.p2-card-breakthroughs p dfn,
.p2-card-breakthroughs p b {
    font-weight: 700
}

@media only screen and (min-width: 767px) {
    .p2-card-breakthroughs p {
        font-size: 16px;
        line-height: 20px
    }
}

.p2-card-breakthroughs__more {
    font-size: 12px;
    position: relative;
    line-height: 30px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: capitalize
}

.p2-card-breakthroughs__img {
    padding-bottom: 8px;
    display: flex;
    align-items: center
}

.p2-card-breakthroughs__img img,
.p2-card-breakthroughs__img svg {
    display: inline-block !important;
    position: relative;
    height: 28px;
    padding-bottom: 2px
}

@media only screen and (min-width: 991px) {
    .p2-card-breakthroughs__img img,
    .p2-card-breakthroughs__img svg {
        height: 48px
    }
}

.p2-card-breakthroughs__img__p {
    font-weight: 700;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    color: #0099df;
    text-align: left;
    position: relative;
    padding-left: 15px;
    margin-left: 15px
}

.p2-card-breakthroughs__img__p span {
    font-weight: 400;
    font-size: 8px
}

@media only screen and (min-width: 991px) {
    .p2-card-breakthroughs__img__p {
        font-size: 16px;
        line-height: 16px
    }
    .p2-card-breakthroughs__img__p span {
        font-size: 14px
    }
}

.p2-card-breakthroughs__img__p::before {
    content: "";
    height: 19px;
    width: 1px;
    background-color: #ffbe00;
    position: absolute;
    margin-right: 15px;
    left: 0;
    top: 4px
}

.popup .p2-card-breakthroughs {
    box-shadow: none
}

.mfp-container .close-overlay {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: -1
}

.mfp-container .breakthroughs-popup {
    background: rgba(255, 255, 255, .3) !important;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-family: "Jost", sans-serif;
    padding: 30px !important;
    width: 90vw;
    max-width: 90vw;
    display: flex;
    flex-wrap: wrap;
    gap: 35px
}

@media only screen and (min-width: 767px) {
    .mfp-container .breakthroughs-popup {
        flex-wrap: nowrap
    }
}

.mfp-container .breakthroughs-popup .mfp-close {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/wp-content/themes/harappaeducation/dist/images//close-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    font-size: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    right: 4px;
    z-index: 0
}

.mfp-container .breakthroughs-popup .mfp-close::after {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: -1;
    content: ""
}

.mfp-container .breakthroughs-popup img {
    position: relative;
    z-index: 1;
    width: 100%;
    box-shadow: 0px 2.54124px 15.8827px rgba(0, 0, 0, .1)
}

.mfp-container .breakthroughs-popup h2 {
    font-size: 27px;
    line-height: 30px;
    color: #fff;
    font-weight: 700
}

.mfp-container .breakthroughs-popup__comment {
    font-size: 19px;
    line-height: 28px;
    font-weight: 200;
    font-style: italic;
    padding: 10px 0
}

.mfp-container .breakthroughs-popup__name {
    font-size: 19px;
    line-height: 28px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.mfp-container .breakthroughs-popup__designation {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 0
}

.p2-enterprise-offering__wrapper {
    background-color: #fff;
    font-family: "Jost", sans-serif;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

.p2-enterprise-offering__wrapper::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%
}

@media only screen and (min-width: 1199px) {
    .p2-enterprise-offering__wrapper {
        padding-bottom: 0px
    }
    .p2-enterprise-offering__wrapper::before {
        height: 65%
    }
}

.p2-enterprise-offering {
    margin: 0 auto;
    font-family: "Jost", sans-serif;
    position: relative
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering {
        width: 90%;
        background-color: rgba(0, 0, 0, 0)
    }
}

.p2-enterprise-offering h2 {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    color: #fff;
    margin-bottom: 10px;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.p2-enterprise-offering>p {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    color: #4a4a4a;
    text-transform: capitalize;
    margin: 10px auto;
    text-align: center;
    width: 90%;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-offering>p {
        width: 70%
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering>p {
        font-size: 20px;
        line-height: 24px;
        width: 80%
    }
}

.p2-enterprise-offering__slider {
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    padding: 0 35px;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering__slider {
        padding: 0 20px
    }
}

.p2-enterprise-offering__slider.slick-initialized {
    background-image: none
}

.p2-enterprise-offering__slider .slick-track {
    display: flex
}

.p2-enterprise-offering__slider .slick-track:after,
.p2-enterprise-offering__slider .slick-track:before {
    display: none
}

.p2-enterprise-offering__slider .slick-track .slick-slide {
    height: auto
}

.p2-enterprise-offering__card {
    position: relative;
    display: none;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    margin-top: 25px;
    height: calc(100% - 30px);
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
    transition: all .3s ease-in-out;
    box-shadow: 0px 3.56px 13.5px rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-offering__card {
        margin-top: 0;
        height: 100%
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering__card {
        width: 100%;
        height: auto
    }
}

.slick-initialized .p2-enterprise-offering__card {
    display: flex
}

.p2-enterprise-offering__card h3 {
    font-size: 24px;
    line-height: 22px;
    min-height: 48px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.p2-enterprise-offering__card h3 i {
    text-transform: capitalize;
    font-style: italic;
    font-weight: 300;
    display: block
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering__card h3 {
        font-size: 21px
    }
}

.p2-enterprise-offering__card__content {
    width: 100%;
    padding: 0px;
    text-align: left;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.p2-enterprise-offering__card__content p {
    font-size: 12px;
    line-height: 16px;
    width: 80%;
    margin-bottom: 5px
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering__card__content p {
        font-size: 10px;
        line-height: 14px
    }
}

.p2-enterprise-offering__card__content p:last-child {
    font-size: 12px;
    line-height: 21px;
    font-weight: 700;
    margin: 0;
    width: 100%
}

.p2-enterprise-offering__card__link {
    width: 100%;
    overflow: visible;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-transform: capitalize;
    position: relative;
    margin-top: 55px
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-offering__card__link {
        display: block;
        font-size: 14px;
        line-height: 26px
    }
}

.p2-enterprise-offering__card__link::before {
    width: 94px;
    height: 1px;
    background-color: #009bea;
    position: absolute;
    content: "";
    bottom: 0
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering__card__link::before {
        width: 86px
    }
}

.p2-enterprise-offering__card__link span {
    font-size: 8.5px;
    margin-left: 5px
}

.p2-enterprise-offering__card__link:hover {
    color: #fff;
    text-decoration: none
}

.p2-enterprise-offering__card__bottom {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 13px;
    font-weight: 400;
    font-size: 12.3616px;
    line-height: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    background: #009bea;
    border-radius: 16.5px;
    margin-top: 14px
}

.p2-enterprise-offering__card--case .card-faculty__content {
    font-size: 16px;
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .p2-enterprise-offering__card--case .card-faculty__content {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .p2-enterprise-offering__card--case .card-faculty__content {
        font-size: 15px
    }
}

.p2-enterprise-offering__card--case .card-faculty__content p {
    margin-bottom: 20px
}

.p2-enterprise-offering__card:hover {
    text-decoration: none
}

.p2-enterprise-offering__card:hover .card-faculty__image:after {
    opacity: .5
}

.p2-enterprise-offering__card:hover .card-faculty__programs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.p2-enterprise-offering .slick-slider .slick-dots {
    display: none !important
}

.p2-enterprise-offering .slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 40%;
    font-size: 25px;
    bottom: -55px;
    color: #ffbe02
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-offering .slick-slider .slick-arrow.slick-next {
        right: 10px;
        top: 50%
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering .slick-slider .slick-arrow.slick-next {
        right: -20px
    }
}

.p2-enterprise-offering .slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 40%;
    color: #ffbe02;
    bottom: -55px;
    font-size: 25px
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-offering .slick-slider .slick-arrow.slick-prev {
        left: 10px;
        top: 50%
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-offering .slick-slider .slick-arrow.slick-prev {
        left: -20px
    }
}

.p2-enterprise-offering .slick-slider .slick-list {
    overflow: hidden;
    padding-top: 20px !important;
    padding-bottom: 22px !important
}

@media only screen and (min-width: 479px) {
    .p2-enterprise-offering .slick-slider .slick-slide {
        display: flex;
        padding: 0px 20px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-enterprise-offering .slick-slider .slick-slide {
        padding: 20px 17px
    }
}

.p2-enterprise-offering .slick-slider .slick-slide.slick-center .p2-enterprise-offering__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.1);
    transition: all .3s;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 375px) {
    .p2-enterprise-offering .slick-slider .slick-slide.slick-center .p2-enterprise-offering__card {
        margin-left: -10%;
        width: 120%
    }
}

.p2-enterprise-offering .text-green .p2-enterprise-offering__card__bottom {
    background: #45a75a
}

.p2-enterprise-offering .text-green .p2-enterprise-offering__card__link::before {
    background-color: #45a75a
}

.p2-enterprise-offering .text-blue .p2-enterprise-offering__card__bottom {
    background: #009bea
}

.p2-enterprise-offering .text-blue .p2-enterprise-offering__card__link::before {
    background-color: #009bea
}

.p2-enterprise-offering .text-orange .p2-enterprise-offering__card__bottom {
    background: #ff7100
}

.p2-enterprise-offering .text-orange .p2-enterprise-offering__card__link::before {
    background-color: #ff7100
}

.p2-enterprise-offering .text-grey .p2-enterprise-offering__card__bottom {
    background: #4a4a4a
}

.p2-enterprise-offering .text-grey .p2-enterprise-offering__card__link::before {
    background-color: #4a4a4a
}

@media only screen and (min-width: 1199px) {
    .enterprise .p2-enterprise-offering__slider {
        padding: 0;
        margin-left: -20px
    }
}

@media only screen and (min-width: 1199px) {
    .enterprise .p2-program_banner__slider,
    .program .p2-program_banner__slider {
        padding: 0;
        margin-left: -10px
    }
}

.enterprise .mfp-bg {
    background: rgba(0, 0, 0, .1) !important;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px)
}

.enterprise .mfp-bgbody {
    overflow: hidden
}

.enterprise .mfp-video .mfp-container .mfp-content {
    border: 25px solid rgba(255, 255, 255, .3)
}

.enterprise .mfp-container .mfp-iframe-scaler .mfp-close {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/wp-content/themes/harappaeducation/dist/images//close-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    font-size: 0;
    top: -19px;
    width: 16px;
    height: 16px;
    right: -19px;
    filter: invert(1)
}

.enterprise .popup--video {
    background: rgba(255, 255, 255, .3)
}

.enterprise .mfp-container .popup--video .mfp-close {
    top: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/wp-content/themes/harappaeducation/dist/images//close-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    font-size: 0;
    width: 16px;
    height: 16px;
    filter: invert(1)
}

.p2-faculty {
    margin: 0 auto;
    background-color: #fff;
    font-family: "Jost", sans-serif;
    padding-top: 50px;
    padding-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .p2-faculty {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty {
        width: 90%
    }
}

.p2-faculty h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin-bottom: 5px
}

@media only screen and (min-width: 991px) {
    .p2-faculty h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.p2-faculty>p {
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    text-transform: capitalize;
    width: 270px;
    margin: 0 auto 20px;
    text-align: center
}

@media only screen and (min-width: 767px) {
    .p2-faculty>p {
        width: 100%
    }
}

@media only screen and (min-width: 991px) {
    .p2-faculty>p {
        font-size: 20px;
        line-height: 24px
    }
}

.p2-faculty__slider {
    min-height: 410px !important;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px
}

@media only screen and (min-width: 479px) {
    .p2-faculty__slider {
        min-height: 550px !important
    }
}

@media only screen and (min-width: 767px) {
    .p2-faculty__slider {
        min-height: 150px !important
    }
}

.p2-faculty__card {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    height: calc(100% - 50px);
    overflow: hidden;
    background: #ff3363;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 991px) {
    .p2-faculty__card {
        margin-top: 10px;
        height: 500px
    }
}

.p2-faculty__card__content {
    width: 100%;
    padding: 20px 10px 30px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .p2-faculty__card__content {
        padding: 30px 18px 25px
    }
}

.p2-faculty__card__content p {
    color: #fff;
    font-size: 9px;
    line-height: 12px;
    margin: 0 auto;
    width: 80%
}

@media only screen and (min-width: 767px) {
    .p2-faculty__card__content p {
        font-size: 10px;
        line-height: 14px;
        width: 100%
    }
}

.p2-faculty__card__content h5 {
    color: #fff;
    margin-bottom: 0;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width: 767px) {
    .p2-faculty__card__content h5 {
        font-size: 16px
    }
}

@media only screen and (min-width: 991px) {
    .p2-faculty__card__content h5 {
        font-size: 18px;
        line-height: 21px
    }
}

.p2-faculty__card__image {
    position: relative;
    margin-top: auto;
    text-align: center;
    display: flex;
    justify-content: center
}

.p2-faculty__card__image img {
    width: 100%;
    margin: 0 auto;
    mix-blend-mode: multiply
}

.p2-faculty__card__programs {
    top: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    transform: translateY(10px);
    transition: .1s ease-in-out
}

.p2-faculty__card__programs h5 {
    color: #575354
}

.p2-faculty__card__programs ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.p2-faculty__card__programs ul a {
    font-size: 75%;
    padding: 1px 10px;
    border-width: 1px;
    text-transform: unset
}

.p2-faculty__card__programs ul li {
    margin: 0 5px 5px 0
}

.p2-faculty__card__programs ul:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0
}

.p2-faculty__card__link {
    display: none;
    bottom: 23px;
    left: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .p2-faculty__card__link {
        display: block
    }
}

.p2-faculty__card__link::before {
    width: 84px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0
}

.p2-faculty__card__link span {
    font-size: 8.5px
}

.p2-faculty__card__link:hover {
    color: #fff;
    text-decoration: none
}

.p2-faculty__card--case .card-faculty__content {
    font-size: 16px;
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .p2-faculty__card--case .card-faculty__content {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .p2-faculty__card--case .card-faculty__content {
        font-size: 15px
    }
}

.p2-faculty__card--case .card-faculty__content p {
    margin-bottom: 20px
}

.p2-faculty__card:hover {
    text-decoration: none
}

.p2-faculty__card:hover .card-faculty__image:after {
    opacity: .5
}

.p2-faculty__card:hover .card-faculty__programs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.p2-faculty .slick-slider .slick-dots {
    display: none !important
}

.p2-faculty .slick-slider .slick-arrow.slick-next {
    right: -40px;
    top: 50%;
    font-size: 26px;
    color: #ffbe02
}

@media only screen and (min-width: 991px) {
    .p2-faculty .slick-slider .slick-arrow.slick-next {
        right: -60px;
        font-size: 35px
    }
}

.p2-faculty .slick-slider .slick-arrow.slick-prev {
    top: 50%;
    color: #ffbe02;
    left: -40px;
    font-size: 26px
}

@media only screen and (min-width: 991px) {
    .p2-faculty .slick-slider .slick-arrow.slick-prev {
        left: -60px;
        font-size: 35px
    }
}

.p2-faculty .slick-slider .slick-list {
    overflow: hidden
}

@media only screen and (min-width: 479px) {
    .p2-faculty .slick-slider .slick-slide {
        display: flex;
        padding: 0 10px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty .slick-slider .slick-slide {
        padding: 20px 12px
    }
}

.p2-faculty .slick-slider .slick-slide.slick-center .p2-faculty__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

@media only screen and (max-width: 375px) {
    .p2-faculty .slick-slider .slick-slide.slick-center .p2-faculty__card {
        margin-left: -10%;
        width: 120%
    }
}

.program .slick-slider .slick-slide {
    padding: 0 10px
}

.program .p2-faculty__slider.p2-carousel {
    width: 90%
}

.p2-program_banner__wrapper {
    background-color: #fff;
    font-family: "Jost", sans-serif;
    padding-top: 20px;
    padding-bottom: 50px;
    position: relative
}

.p2-program_banner__wrapper::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: -100%;
    width: 950%;
    height: 100%
}

@media only screen and (min-width: 991px) {
    .p2-program_banner__wrapper {
        padding-top: 30px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-program_banner__wrapper {
        padding-top: 60px
    }
}

.p2-program_banner {
    margin: 0 auto;
    font-family: "Jost", sans-serif;
    position: relative;
    padding-top: 30px;
    padding-bottom: 50px
}

@media only screen and (min-width: 991px) {
    .p2-program_banner {
        padding-bottom: 0
    }
}

.p2-program_banner h2 {
    position: relative;
    font-weight: 800;
    font-size: 66px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    text-transform: capitalize
}

@media only screen and (min-width: 767px) {
    .p2-program_banner h2 {
        width: 70%;
        margin: 0 auto 20px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-program_banner h2 {
        font-size: 126px;
        line-height: 108px;
        width: 100%
    }
}

.p2-program_banner h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin-bottom: 5px
}

@media only screen and (min-width: 991px) {
    .p2-program_banner h1 {
        font-size: 40px;
        line-height: 60px
    }
}

@media only screen and (min-width: 991px) {
    .p2-program_banner h1 {
        margin-bottom: 0
    }
}

.p2-program_banner>p {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    color: #4a4a4a;
    text-transform: capitalize;
    margin: 0 auto;
    text-align: center;
    width: 300px
}

@media only screen and (min-width: 479px) {
    .p2-program_banner>p {
        width: 90%
    }
}

@media only screen and (min-width: 767px) {
    .p2-program_banner>p {
        width: 60%
    }
}

@media only screen and (min-width: 1199px) {
    .p2-program_banner>p {
        font-size: 20px;
        line-height: 24px;
        width: 70%
    }
}

.p2-program_banner__slider {
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    padding-left: 30px;
    padding-right: 30px
}

.p2-program_banner__slider.slick-initialized {
    background-image: none
}

.p2-program_banner__card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0px 4.56px 28.5px rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 991px) {
    .p2-program_banner__card {
        width: 100%
    }
}

.p2-program_banner__card:hover {
    text-decoration: none
}

.p2-program_banner__top {
    position: relative;
    overflow: hidden
}

.p2-program_banner__top img {
    width: 100%
}

.p2-program_banner__top-cont {
    position: absolute;
    bottom: 0;
    padding: 17px 20px
}

.p2-program_banner__top-cont::before {
    content: "";
    position: absolute;
    background: #ff7100;
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p2-program_banner__top-cont h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    margin: 0;
    height: 68px
}

.p2-program_banner__top-cont h3 span {
    font-size: 15px;
    line-height: 16px;
    font-weight: 400
}

.p2-program_banner__top__content {
    width: 100%;
    text-align: left;
    color: #fff;
    position: relative
}

.p2-program_banner__top__content p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px
}

@media only screen and (min-width: 991px) {
    .p2-program_banner__top__content p {
        font-size: 10px;
        line-height: 14px
    }
}

.p2-program_banner__top__content p:last-child {
    font-size: 10px;
    line-height: 14px;
    padding-top: 5px
}

@media only screen and (min-width: 991px) {
    .p2-program_banner__top__content p:last-child {
        font-size: 6px;
        line-height: 12px
    }
}

.p2-program_banner__bottom {
    background: #fff
}

.p2-program_banner__bottom a {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .02em;
    text-align: left;
    color: #4a4a4a;
    padding: 15px 0 15px 20px;
    display: block
}

.p2-program_banner__bottom a:empty {
    display: none
}

.p2-program_banner .slick-slider .slick-dots {
    display: none !important
}

.p2-program_banner .slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 38%;
    bottom: -40px;
    color: #ffbe02;
    font-size: 26px
}

@media only screen and (min-width: 767px) {
    .p2-program_banner .slick-slider .slick-arrow.slick-next {
        right: -10px;
        font-size: 36px;
        top: 50%
    }
}

.p2-program_banner .slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 38%;
    color: #ffbe02;
    bottom: -40px;
    font-size: 26px
}

@media only screen and (min-width: 767px) {
    .p2-program_banner .slick-slider .slick-arrow.slick-prev {
        font-size: 36px;
        left: -10px;
        top: 50%
    }
}

.p2-program_banner .slick-slider .slick-list {
    overflow: hidden
}

.p2-program_banner .slick-slider .slick-slide {
    padding: 60px 0
}

@media only screen and (min-width: 479px) {
    .p2-program_banner .slick-slider .slick-slide {
        padding: 40px 10px
    }
}

@media only screen and (min-width: 767px) {
    .p2-program_banner .slick-slider .slick-slide {
        padding: 40px 10px 10px
    }
}

.p2-program_banner .slick-slider .slick-slide.slick-center .p2-bootcamp_banner__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.15);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

.p2-program_banner .pink .p2-bootcamp_banner__top-cont::before {
    background-color: #ff3363
}

.p2-program_banner .green .p2-bootcamp_banner__top-cont::before {
    background-color: #44a659
}

.p2-program_banner .orange .p2-bootcamp_banner__top-cont::before {
    background-color: #ff7100
}

.p2-program_banner .blue .p2-bootcamp_banner__top-cont::before {
    background-color: #0099df
}

.p2-card-testimonial {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 15px 5px;
    margin: 10px;
    min-height: 230px;
    position: relative;
    text-align: left;
    background: #fff;
    box-shadow: 0px 2.5px 15px rgba(0, 0, 0, .1);
    border-radius: 6px;
    font-family: "Jost", sans-serif;
    color: #4a4a4a
}

@media only screen and (min-width: 600px) {
    .p2-card-testimonial {
        min-height: 260px
    }
}

@media only screen and (min-width: 767px) {
    .p2-card-testimonial {
        padding: 30px 20px 5px;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
        border-radius: 10px;
        min-height: 260px
    }
}

.p2-card-testimonial__comment {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    margin-left: 0;
    width: 95%
}

@media only screen and (min-width: 991px) {
    .p2-card-testimonial__comment {
        margin-left: auto;
        font-size: 23px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1549px) {
    .p2-card-testimonial__comment {
        font-size: 26px;
        line-height: 31px
    }
}

.p2-card-testimonial__more {
    font-size: 10px;
    position: relative;
    line-height: 24px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: capitalize
}

.p2-card-testimonial__name {
    position: relative;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase
}

.p2-card-testimonial__img {
    position: relative;
    padding-top: 8px
}

.p2-card-testimonial__img img,
.p2-card-testimonial__img svg {
    display: inline-block !important;
    height: 28px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ffbe00
}

.p2-card-testimonial__designation {
    position: relative;
    font-size: 10px;
    line-height: 15px
}

.popup .p2-card-testimonial {
    box-shadow: none
}

.mfp-container .testimonial-popup {
    background-color: #009bea !important;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-family: "Jost", sans-serif;
    padding: 90px 90px 50px !important
}

.mfp-container .testimonial-popup .mfp-close {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/wp-content/themes/harappaeducation/dist/images//close-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    font-size: 0;
    top: 30px;
    width: 24px;
    height: 24px;
    right: 30px
}

.mfp-container .testimonial-popup h2 {
    font-size: 27px;
    line-height: 30px;
    color: #fff;
    font-weight: 700
}

.mfp-container .testimonial-popup__comment {
    font-size: 19px;
    line-height: 28px;
    font-weight: 200;
    font-style: italic;
    padding: 10px 0
}

.mfp-container .testimonial-popup__name {
    font-size: 19px;
    line-height: 28px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.mfp-container .testimonial-popup__designation {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 0
}

.card-post {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    height: 100%;
    margin: 0 0 10px
}

.card-post__content {
    width: 100%;
    padding: 20px;
    position: relative
}

.card-post__content h5 {
    font-weight: 700;
    font-size: 16.5707px;
    line-height: 21px;
    text-transform: capitalize;
    color: #4a4a4a;
    margin-bottom: 10px;
    text-align: left
}

.card-post__content p {
    margin-bottom: 0;
    font-style: normal;
    color: #4a4a4a;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: left
}

.card-post__content p i {
    font-size: 12px;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .card-post__content h4 {
        margin-bottom: 10px
    }
}

.card-post__top {
    background-color: #009bea;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px
}

.card-post__top h4 {
    font-weight: 800;
    font-size: 42px;
    line-height: 36px;
    font-style: italic;
    text-transform: capitalize;
    color: #fff;
    margin: 0
}

.card-post__bottom {
    padding-top: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    margin-top: 10px
}

.card-post__bottom .wpulike .wp_ulike_general_class:before {
    content: "";
    margin-right: 8px;
    font-size: 13px
}

.card-post__bottom .wpulike .wp_ulike_general_class:before:hover {
    color: #0a5da9
}

.card-post__bottom span {
    color: #0a5da9;
    width: 50%;
    display: flex;
    align-items: center
}

.card-post__bottom span strong,
.card-post__bottom span dfn {
    padding-right: 5px
}

.card-post__bottom span i {
    font-size: 26px;
    margin-right: 14px;
    color: #ffbe02
}

@media only screen and (max-width: 767px) {
    .card-post__bottom span i {
        font-size: 18px
    }
}

.card-post__image {
    position: relative;
    width: 100%;
    margin-bottom: 5px
}

.card-post__image img {
    min-width: 100%
}

.card-post:hover {
    text-decoration: none
}

.card-post:hover .card-post__image:after {
    opacity: .5
}

.card-post:hover .card-post__image:before {
    border: 2px solid #fff;
    background: #b6e4fa
}

.card-post--blog .card-post__bottom {
    left: 20px;
    bottom: 0;
    right: 0;
    margin-top: 0;
    position: absolute;
    padding: 6px 0 15px;
    border-top: 1px solid;
    display: inline-table
}

.card-post--blog .card-post__image {
    margin-bottom: 0
}

.card-post--blog .card-post__content {
    padding-bottom: 70px
}

.card-post--video .card-post__image:after {
    display: none
}

.card-post--video .button--play i {
    width: 30px;
    height: 30px;
    font-size: 13px
}

.card-post--video .button--play:hover i {
    background: rgba(255, 190, 2, .5)
}

.card-post .button--text {
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 20px
}

.card-post .button--text:hover {
    color: #4a4a4a
}

.card-post .button--watch {
    font-size: 14px;
    padding: 3px 20px;
    position: absolute;
    bottom: 50px;
    text-transform: capitalize;
    font-weight: 500
}

.card-post--discover p {
    padding: 8px 0
}

.card-post--discover .card-post__content {
    padding-bottom: 50px
}

.card-post--list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .card-post--list {
        display: block
    }
}

.card-post--list .card-post__content {
    width: 100%
}

@media only screen and (max-width: 1199px) {
    .card-post--list .card-post__content .card-post__bottom span i {
        font-size: 20px;
        margin-right: 7px
    }
}

@media only screen and (max-width: 767px) {
    .card-post--list .card-post__content .card-post__bottom span i {
        font-size: 18px
    }
}

.card-post--list .card-post__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.wpulike .wp_ulike_general_class:hover {
    color: #0a5da9
}

.card-event h5 {
    font-size: 22px;
    line-height: 20px;
    height: auto
}

@media only screen and (min-width: 767px) {
    .card-event h5 {
        font-size: 24px;
        line-height: 21px
    }
}

.card-profile:nth-child(even) .card-profile__content {
    text-align: right
}

.events .card-program__title {
    display: none
}

.card-profile {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    position: relative;
    justify-content: space-between;
    margin-bottom: 100px
}

@media only screen and (max-width: 991px) {
    .card-profile {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .card-profile {
        margin-bottom: 30px
    }
}

.card-profile__image {
    width: calc(32% - 30px)
}

@media only screen and (max-width: 767px) {
    .card-profile__image {
        width: 100%;
        padding-left: 30px;
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 767px)and (max-width: 991px) {
    .card-profile__image {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px)and (max-width: 767px) {
    .card-profile__image {
        margin-bottom: 18px
    }
}

.card-profile__image img {
    width: 100%;
    height: auto
}

@media only screen and (max-width: 767px) {
    .card-profile__image img {
        width: 135px
    }
}

.card-profile__content {
    width: calc(68% - 30px)
}

@media only screen and (max-width: 767px) {
    .card-profile__content {
        width: 100%
    }
}

.card-profile__content blockquote {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    position: relative;
    margin: 30px 0 30px 60px
}

@media only screen and (max-width: 991px) {
    .card-profile__content blockquote {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .card-profile__content blockquote {
        font-size: 15px
    }
}

@media only screen and (max-width: 1199px) {
    .card-profile__content blockquote {
        margin: 20px 0 20px 60px
    }
}

@media only screen and (max-width: 767px) {
    .card-profile__content blockquote {
        margin: 15px 0 15px 30px
    }
}

.card-profile__content blockquote:after {
    width: 4px;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    background: #ffbe02
}

.card-profile__quote {
    font-size: 22px;
    font-weight: 600;
    text-transform: none;
    color: #575354;
    font-family: "Jost", sans-serif;
    padding-left: 60px;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .card-profile__quote {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .card-profile__quote {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-profile__quote {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .card-profile__quote {
        padding-left: 30px
    }
}

.card-profile__quote:after {
    width: 40px;
    height: 32px;
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//quote-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%
}

@media only screen and (max-width: 767px) {
    .card-profile__quote:after {
        top: -5px;
        width: 23px;
        height: 18px
    }
}

.card-profile__name {
    width: 100%;
    padding-left: 60px
}

@media only screen and (max-width: 767px) {
    .card-profile__name {
        top: 80px;
        width: auto;
        position: absolute;
        padding-left: 180px
    }
}

.card-profile__name a,
.card-profile__name strong,
.card-profile__name dfn {
    font-size: 22px;
    font-weight: 600;
    color: #0a5da9;
    flex-wrap: wrap;
    font-family: "Jost", sans-serif;
    display: inline-flex;
    align-items: center;
    align-content: center
}

@media only screen and (max-width: 1199px) {
    .card-profile__name a,
    .card-profile__name strong,
    .card-profile__name dfn {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .card-profile__name a,
    .card-profile__name strong,
    .card-profile__name dfn {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-profile__name a,
    .card-profile__name strong,
    .card-profile__name dfn {
        font-size: 16px
    }
}

.card-profile__name a svg,
.card-profile__name strong svg,
.card-profile__name dfn svg {
    width: 26px;
    height: 26px;
    margin-left: 15px
}

@media only screen and (max-width: 767px) {
    .card-profile__name a svg,
    .card-profile__name strong svg,
    .card-profile__name dfn svg {
        width: 18px;
        height: 18px;
        margin-left: 5px
    }
}

.card-profile__name a:hover,
.card-profile__name strong:hover,
.card-profile__name dfn:hover {
    text-decoration: none
}

.card-profile__name span {
    display: block;
    width: 100%;
    font-size: 16px
}

@media only screen and (max-width: 991px) {
    .card-profile__name span {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .card-profile__name span {
        font-size: 15px
    }
}

.card-profile__button {
    width: 100%;
    text-align: center;
    margin-top: 30px
}

@media only screen and (max-width: 767px) {
    .card-profile__button {
        margin-top: 10px
    }
}

.card-profile:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .card-profile:nth-child(even) {
        flex-direction: row-reverse
    }
}

.card-program {
    position: relative;
    width: 100%;
    background: #fff;
    transition: ease-in-out .3s;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.card-program__image {
    position: relative;
    transition: ease-in-out .3s
}

.card-program__image img {
    width: 100%;
    transition: ease-in-out .3s
}

.card-program__title {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 160px;
    font-weight: 500;
    font-style: italic;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #0a5da9;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 991px) {
    .card-program__title {
        right: 20px;
        width: 150px
    }
}

@media only screen and (max-width: 767px) {
    .card-program__title {
        right: 10px;
        width: 140px
    }
}

.card-program__title img {
    max-width: 80px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
    .card-program__title img {
        max-width: 70px
    }
}

.card-program__date {
    color: #0a5da9;
    margin-bottom: 15px
}

.card-program__date span:after {
    margin: 0 10px;
    content: "|";
    font-weight: 600
}

.card-program__date span:last-child:after {
    display: none
}

.card-program__content {
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .card-program__content {
        padding: 15px
    }
}

.card-program__link {
    display: inline-flex;
    align-items: center;
    font-size: inherit;
    color: #0a5da9
}

.card-program__link:after {
    content: "";
    font-family: "icomoon", sans-serif;
    margin-left: 10px;
    position: relative;
    display: block;
    font-size: 70%;
    font-weight: 400;
    color: inherit;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .card-program__link:after {
        margin-left: 5px
    }
}

.card-program__link:hover {
    text-decoration: none;
    color: #0a5da9
}

.card-rating {
    padding: 0 40px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 284px;
    height: 284px;
    text-align: center;
    color: #0a5da9;
    border-radius: 50%;
    background: #ffbe02;
    overflow: hidden
}

@media only screen and (max-width: 1439px) {
    .card-rating {
        padding: 0 23px;
        width: 260px;
        height: 260px
    }
}

@media only screen and (max-width: 1199px) {
    .card-rating {
        padding: 0 15px;
        width: 210px;
        height: 210px
    }
}

@media only screen and (max-width: 991px) {
    .card-rating {
        padding: 0;
        width: 120px;
        height: 120px
    }
}

@media only screen and (max-width: 767px) {
	
    .card-rating {
        padding: 0 5px;
        width: 92px;
        height: 92px
    }
}

@media only screen and (max-width: 479px) {
    .card-rating {
        width: 70px;
        height: 70px
    }

    body .tab-button-price { font-size: 10px;}
}

.card-rating strong,
.card-rating dfn {
    display: block;
    width: 100%;
    font-size: 60px;
    line-height: 1.2;
    text-transform: uppercase
}

@media only screen and (max-width: 1439px) {
    .card-rating strong,
    .card-rating dfn {
        font-size: 50px
    }
}

@media only screen and (max-width: 1199px) {
    .card-rating strong,
    .card-rating dfn {
        padding-bottom: 5px;
        font-size: 40px
    }
}

@media only screen and (max-width: 991px) {
    .card-rating strong,
    .card-rating dfn {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-rating strong,
    .card-rating dfn {
        font-size: 18px
    }
}

@media only screen and (max-width: 479px) {
    .card-rating strong,
    .card-rating dfn {
        font-size: 16px
    }
}

.card-rating span {
    display: block;
    width: 100%;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2
}

@media only screen and (max-width: 1199px) {
    .card-rating span {
        font-size: 20px
    }
}

@media only screen and (max-width: 991px) {
    .card-rating span {
        font-size: 11px
    }
}

@media only screen and (max-width: 767px) {
    .card-rating span {
        font-size: 10px
    }
}

@media only screen and (max-width: 479px) {
    .card-rating span {
        font-size: 8px
    }
}

.card-team {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .card-team {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .card-team {
        font-size: 15px
    }
}

.card-team h4 {
    margin-bottom: 5px
}

.card-team p {
    margin-left: auto;
    margin-right: auto;
    max-width: 70%
}

@media only screen and (max-width: 767px) {
    .card-team p {
        max-width: 100%
    }
}

.card-team__linkedin {
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #fff;
    border-radius: 4px;
    background: #0a5da9;
    transition: .3s ease-in-out;
    font-size: 20px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.card-team__linkedin:hover {
    opacity: .8;
    text-decoration: none;
    color: #fff
}

.card-team__image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

@media only screen and (max-width: 991px) {
    .card-team__image img {
        width: 300px
    }
}

.card-testimonial {
    padding: 20px;
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 767px) {
    .card-testimonial {
        padding: 20px 15px
    }
}

.card-testimonial__comment {
    font-style: italic;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 25px
}

@media only screen and (max-width: 991px) {
    .card-testimonial__comment {
        font-size: 90%
    }
}

.card-testimonial__comment:before,
.card-testimonial__comment:after {
    display: block;
    font-family: "icomoon", sans-serif;
    font-style: normal;
    color: #ffbe02
}

@media only screen and (max-width: 991px) {
    .card-testimonial__comment:before,
    .card-testimonial__comment:after {
        font-size: 20px
    }
}

.card-testimonial__comment:after {
    display: block;
    text-align: right;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width: 991px) {
    .card-testimonial__comment:after {
        margin-top: -20px
    }
}

.card-testimonial__comment:before {
    padding-bottom: 20px;
    text-align: left;
    content: ""
}

@media only screen and (max-width: 991px) {
    .card-testimonial__comment:before {
        padding-bottom: 0
    }
}

.card-testimonial__comment blockquote {
    margin-bottom: 15px
}

.card-testimonial__more {
    display: none;
    font-style: italic;
    color: #a3a3a3
}

@media only screen and (max-width: 1199px) {
    .card-testimonial__more {
        display: block
    }
}

.slick-center .card-testimonial__more {
    display: block
}

.columns .card-testimonial__more {
    display: block
}

.card-testimonial__user {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 991px) {
    .card-testimonial__user {
        flex-direction: column
    }
}

.card-testimonial__user-img {
    width: 85px
}

@media only screen and (max-width: 991px) {
    .card-testimonial__user-img {
        margin-top: 10px
    }
}

.card-testimonial__user-img img,
.card-testimonial__user-img svg {
    width: 100%;
    height: auto
}

.card-testimonial__user-img+.card-testimonial__user-content {
    text-align: left;
    width: calc(100% - 95px)
}

@media only screen and (max-width: 991px) {
    .card-testimonial__user-img+.card-testimonial__user-content {
        width: 100%;
        text-align: center
    }
}

.card-testimonial__user-content {
    width: 100%;
    text-align: center
}

.card-testimonial__user-content strong,
.card-testimonial__user-content dfn {
    display: block;
    font-family: "Jost", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0a5da9
}

@media only screen and (max-width: 1199px) {
    .card-testimonial__user-content strong,
    .card-testimonial__user-content dfn {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .card-testimonial__user-content strong,
    .card-testimonial__user-content dfn {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .card-testimonial__user-content strong,
    .card-testimonial__user-content dfn {
        font-size: 16px
    }
}

.card-testimonial__user-content span {
    display: block;
    font-size: 16px
}

@media only screen and (max-width: 991px) {
    .card-testimonial__user-content span {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .card-testimonial__user-content span {
        font-size: 15px
    }
}

.popup .card-testimonial {
    box-shadow: none
}

.about-listing {
    background-color: #ffbe02
}

.about-listing__wrap {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 767px) {
    .about-listing__wrap {
        flex-direction: row
    }
}

@media only screen and (min-width: 1199px) {
    .about-listing__wrap {
        padding-top: 130px;
        gap: 50px
    }
}

.about-listing__card {
    padding-top: 32px;
    text-align: center
}

@media only screen and (min-width: 767px) {
    .about-listing__card {
        text-align: left;
        padding: 0
    }
}

.about-listing__card h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-transform: capitalize;
    color: #fff
}

@media only screen and (min-width: 991px) {
    .about-listing__card h3 {
        font-size: 40px;
        line-height: 45px
    }
    .about-listing__card h3::before {
        content: ".";
        float: right;
        padding-left: 13ex;
        visibility: hidden
    }
}

.about-listing__card h3 br {
    display: none
}

@media only screen and (min-width: 991px) {
    .about-listing__card h3 br {
        display: block
    }
}

.about-listing__card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #4a4a4a;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .about-listing__card p {
        font-size: 18px;
        line-height: 27px;
        padding-bottom: 50px;
        padding-top: 10px
    }
}

.about-listing__card--link {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #4a4a4a;
    position: relative
}

@media only screen and (min-width: 991px) {
    .about-listing__card--link {
        font-size: 18px;
        line-height: 27px
    }
}

.about-listing__card--link::after {
    margin-left: 3px;
    top: 3px;
    font-family: "icomoon", sans-serif;
    font-size: 5px;
    color: #fff;
    content: "";
    text-decoration: none;
    position: absolute;
    transform: rotate(40.06deg)
}

@media only screen and (min-width: 991px) {
    .about-listing__card--link::after {
        font-size: 9px;
        margin-left: 6px;
        top: 0
    }
}

.about-listing__img {
    padding-top: 35px;
    padding-bottom: 35px
}

@media only screen and (min-width: 767px) {
    .about-listing__img {
        padding-top: 55px;
        padding-bottom: 55px
    }
}

@media only screen and (min-width: 1199px) {
    .about-listing__img {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.about-founder {
    background-color: #ffbe02;
    text-align: center;
    padding-top: 30px
}

.about-founder h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #fff
}

@media only screen and (min-width: 991px) {
    .about-founder h2 {
        font-size: 40px;
        line-height: 58px
    }
}

.about-founder p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    width: 90%;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .about-founder p {
        font-size: 20px;
        line-height: 24px;
        width: 80%;
        margin: 0 auto
    }
}

.about-founder__img {
    position: relative;
    height: 308px;
    display: flex;
    align-items: flex-end
}

@media only screen and (min-width: 991px) {
    .about-founder__img {
        height: 440px
    }
}

@media only screen and (min-width: 1199px) {
    .about-founder__img {
        height: 550px
    }
}

.about-founder__img img {
    position: absolute;
    left: -20px
}

.about-founder__img img:last-child {
    right: -20px;
    left: auto
}

@media only screen and (min-width: 991px) {
    .about-founder__img img {
        margin: 0 auto;
        position: static
    }
}

.tribe__tabber {
    padding-bottom: 10px
}

.tribe__tabber .thrive-skills-listing__tabber .card-post__image img {
    mix-blend-mode: multiply
}

.tribe__tabber--top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -10px;
    width: calc(100% + 20px)
}

.tribe__tabber--top img {
    mix-blend-mode: multiply
}

@media only screen and (min-width: 767px) {
    .tribe__tabber--top {
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
}

@media only screen and (min-width: 991px) {
    .tribe__tabber--top {
        margin: 0 -20px;
        width: calc(100% + 40px)
    }
}

.tribe__tabber--top__left {
    width: 33.33%;
    background-color: #ffbe00;
    display: flex;
    align-items: flex-end
}

@media only screen and (min-width: 767px) {
    .tribe__tabber--top__left {
        width: 50%;
        align-items: center;
        gap: 30px
    }
    .tribe__tabber--top__left>div {
        width: 50%
    }
    .tribe__tabber--top__left img {
        max-width: 45%
    }
}

.tribe__tabber--top__left--cont {
    display: none
}

@media only screen and (min-width: 767px) {
    .tribe__tabber--top__left--cont {
        display: block
    }
}

.tribe__tabber--top__left--cont h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #4a4a4a;
    margin: 0
}

.tribe__tabber--top__left--cont p {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 8px;
    color: #4a4a4a
}

.tribe__tabber--top__left--cont .tribe_linkedin {
    color: #4a4a4a;
    font-size: 15px;
    display: flex
}

.tribe__tabber--top__right {
    width: 60%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (min-width: 767px) {
    .tribe__tabber--top__right {
        width: 47%;
        justify-content: center
    }
}

@media only screen and (min-width: 1199px) {
    .tribe__tabber--top__right {
        width: 44%
    }
}

.tribe__tabber--top__right h5 {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #4a4a4a;
    margin: 0
}

@media only screen and (min-width: 767px) {
    .tribe__tabber--top__right h5 {
        display: none
    }
}

.tribe__tabber--top__right .right-designation {
    font-weight: 400;
    margin: 0;
    color: #4a4a4a;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .tribe__tabber--top__right .right-designation {
        font-size: 8px;
        line-height: 12px
    }
}

.tribe__tabber--top__right .right-designation p {
    margin: 0 0 4px
}

.tribe__tabber--top__right .tribe_linkedin {
    color: #4a4a4a;
    font-size: 7px;
    display: flex
}

.tribe__tabber--top__bottom h3 {
    font-weight: 700;
    font-size: 13.76px;
    line-height: 28px;
    text-transform: capitalize;
    color: #4a4a4a;
    margin: 0
}

@media only screen and (min-width: 767px) {
    .tribe__tabber--top__bottom h3 {
        font-size: 30px;
        line-height: 60px
    }
}

.tribe__tabber--top__bottom p {
    font-weight: 400;
    font-size: 8.256px;
    line-height: 11px;
    width: 90%;
    text-transform: capitalize;
    margin: 0;
    color: #4a4a4a
}

@media only screen and (min-width: 767px) {
    .tribe__tabber--top__bottom p {
        font-size: 18px;
        line-height: 24px
    }
}

.tribe__tabber .p2-knowledge-center>h2 {
    margin-bottom: 10px
}

.tribe__tabber .p2-knowledge-center>p {
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .tribe__tabber .p2-knowledge-center>p {
        font-size: 12px;
        line-height: 14px
    }
}

.tribe__tabber .p2-knowledge-center .tabber__list li a {
    padding: 5px 20px;
    color: #c4c4c4
}

@media only screen and (max-width: 767px) {
    .tribe__tabber .p2-knowledge-center .tabber__list li a {
        font-size: 8.72437px;
        line-height: 13px;
        padding: 0 4px
    }
}

@media only screen and (max-width: 767px) {
    .tribe__tabber .p2-knowledge-center .tabber__list li.is-active a::after {
        font-size: 4px;
        margin-left: 1px
    }
}

@media only screen and (max-width: 767px) {
    .tribe__tabber .p2-knowledge-center .tabber__list li.is-active a {
        padding: 0 10px
    }
}

.tribe__tabber .p2-knowledge-center .tabber .slick-slider .slick-list {
    overflow: hidden
}

.tribe__tabber .p2-knowledge-center .card-post--blog .card-post__content {
    padding: 5px 15px;
    position: static;
    min-height: 120px
}

.tribe__tabber .p2-knowledge-center .carousel__item {
    padding: 0px 0 10px;
    text-align: center
}

.tribe__tabber .p2-knowledge-center .carousel__item .card-post {
    box-shadow: none
}

.tribe__tabber .p2-knowledge-center .carousel__item h5 {
    font-weight: 600;
    font-size: 8.256px;
    line-height: 12px;
    text-align: center;
    margin-bottom: 0
}

@media only screen and (min-width: 767px) {
    .tribe__tabber .p2-knowledge-center .carousel__item h5 {
        font-size: 18px;
        line-height: 26px
    }
}

.tribe__tabber .p2-knowledge-center .carousel__item p {
    font-size: 4.58667px;
    line-height: 7px;
    width: 100%;
    text-align: center;
    margin: 0
}

@media only screen and (min-width: 767px) {
    .tribe__tabber .p2-knowledge-center .carousel__item p {
        font-size: 10px;
        line-height: 14px
    }
}

.tribe__tabber .p2-knowledge-center .carousel__item .tribe_linkedin {
    font-size: 7px;
    color: #4a4a4a;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 767px) {
    .tribe__tabber .p2-knowledge-center .carousel__item .tribe_linkedin {
        font-size: 15px
    }
}

.tribe__tabber .p2-knowledge-center .carousel__item .card-post__image {
    overflow: hidden
}

.tribe__tabber .p2-knowledge-center .carousel__item .card-post__image img {
    height: auto
}

.tribe__tabber .p2-knowledge-center .carousel__item.slick-active .card-post__image {
    background-color: #ff3363
}

.tribe__tabber .p2-knowledge-center .carousel__item.slick-active+.slick-active .card-post__image {
    background-color: #ff7100
}

.tribe__tabber .p2-knowledge-center .carousel__item.slick-active+.slick-active+.slick-active .card-post__image {
    background-color: #009bea
}

@media only screen and (min-width: 991px) {
    .tribe__tabber .p2-knowledge-center .carousel__item.slick-active+.slick-active+.slick-active .card-post__image {
        background-color: #44a659
    }
    .tribe__tabber .p2-knowledge-center .carousel__item.slick-active+.slick-active+.slick-active+.slick-active .card-post__image {
        background-color: #009bea
    }
}

.tribe__tabber .p2-knowledge-center .tabber .carousel.slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 40%;
    color: #ffbe02;
    bottom: -40px;
    font-size: 25px
}

@media only screen and (min-width: 991px) {
    .tribe__tabber .p2-knowledge-center .tabber .carousel.slick-slider .slick-arrow.slick-prev {
        left: -50px;
        color: #ffbe02;
        top: 30%
    }
}

.tribe__tabber .p2-knowledge-center .tabber .carousel.slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 40%;
    font-size: 25px;
    bottom: -40px;
    color: #ffbe02
}

@media only screen and (min-width: 991px) {
    .tribe__tabber .p2-knowledge-center .tabber .carousel.slick-slider .slick-arrow.slick-next {
        right: -50px;
        color: #ffbe02;
        top: 30%
    }
}

.about-advantage {
    padding-top: 30px;
    padding-bottom: 30px
}

.about-advantage h2 {
    margin: 0
}

.about-advantage .p2-advantage__card img {
    box-shadow: none
}

.advantage-tabber.about-advantage {
    padding-top: 100px;
    padding-bottom: 100px
}

.advantage-tabber.about-advantage h2 {
    padding-bottom: 35px
}

.advantage-tabber.about-advantage .advantage-tabber__left {
    width: 390px
}

.advantage-tabber.about-advantage .advantage-tabber__content img {
    box-shadow: none
}

.advantage-tabber.about-advantage .advantage-tabber__content {
    height: auto;
    width: calc(100% - 390px)
}

.about-subsection {
    background-color: #ffbe02;
    padding-top: 40px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    text-align: center
}

.about-subsection__card {
    position: relative;
    padding: 0 30px
}

@media only screen and (min-width: 991px) {
    .about-subsection__card {
        padding: 0 60px;
        width: 380px
    }
}

.about-subsection__card:first-child::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 40px;
    background-color: #fff;
    right: 0;
    top: 10px
}

@media only screen and (min-width: 991px) {
    .about-subsection__card:first-child::after {
        height: 83px
    }
}

.about-subsection__card h3 {
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .about-subsection__card h3 {
        font-size: 27.4882px;
        line-height: 31px;
        margin-bottom: 5px
    }
}

.unique-banner {
    padding-top: 30px;
    width: 100%
}

@media only screen and (min-width: 991px) {
    .unique-banner {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 991px) {
    .unique-banner__content {
        padding-bottom: 80px
    }
}

.unique-banner__content h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    text-transform: capitalize;
    color: #ffbe00;
    margin-bottom: 15px
}

@media only screen and (min-width: 767px) {
    .unique-banner__content h2 {
        font-size: 60px;
        line-height: 84px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1199px) {
    .unique-banner__content h2 {
        font-size: 100px;
        line-height: 144px;
        margin-bottom: 0
    }
}

.unique-banner__content p {
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    color: #4a4a4a;
    margin: 0
}

.unique-banner__content p span {
    font-style: italic;
    font-weight: 500
}

@media only screen and (min-width: 991px) {
    .unique-banner__content p {
        font-size: 40px;
        line-height: 58px
    }
}

.unique-banner__bottom {
    display: flex;
    padding-top: 15px;
    justify-content: center;
    flex-direction: row
}

.unique-banner__bottom div {
    text-align: left;
    padding: 20px 20px 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 767px) {
    .unique-banner__bottom div {
        width: 50%;
        padding: 20px 50px 0;
        margin: 0;
        text-align: left
    }
}

@media only screen and (min-width: 1199px) {
    .unique-banner__bottom div {
        padding: 20px 70px 0
    }
}

.unique-banner__bottom div:first-child {
    text-align: right;
    position: relative
}

@media only screen and (min-width: 767px) {
    .unique-banner__bottom div:first-child {
        align-items: flex-end
    }
}

.unique-banner__bottom div:first-child::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 32px;
    background-color: #ffbe00;
    right: 0;
    bottom: 0
}

@media only screen and (min-width: 991px) {
    .unique-banner__bottom div:first-child::after {
        height: 75px
    }
}

.unique-banner__bottom h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #4a4a4a;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .unique-banner__bottom h3 {
        font-size: 24px;
        line-height: 35px
    }
}

.unique-banner__bottom p {
    margin: 0;
    color: #4a4a4a;
    font-size: 10px;
    line-height: 14px
}

@media only screen and (min-width: 991px) {
    .unique-banner__bottom p {
        font-size: 16px;
        line-height: 20px;
        width: 70%
    }
}

@media only screen and (min-width: 1199px) {
    .unique-banner__bottom p {
        font-size: 20px;
        line-height: 24px
    }
}

.unique-banner__subtitle {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 32px;
    font-weight: 500;
    color: #0a5da9;
    font-family: "Jost", sans-serif
}

@media only screen and (max-width: 1199px) {
    .unique-banner__subtitle {
        font-size: 29px
    }
}

@media only screen and (max-width: 991px) {
    .unique-banner__subtitle {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .unique-banner__subtitle {
        margin-bottom: 10px;
        font-size: 20px
    }
}

.unique-banner__image {
    display: flex;
    justify-content: center
}

.unique-banner+.content-banner {
    margin-top: 0
}

.unique-second-fold {
    display: flex;
    justify-content: space-between
}

.unique-second-fold img {
    margin-top: 30px;
    z-index: 1;
    height: 90px
}

@media only screen and (min-width: 767px) {
    .unique-second-fold img {
        height: 150px
    }
}

@media only screen and (min-width: 991px) {
    .unique-second-fold img {
        height: 250px;
        margin-top: -40px
    }
}

@media only screen and (min-width: 1199px) {
    .unique-second-fold img {
        margin-top: -170px;
        height: 180px
    }
}

@media only screen and (min-width: 1549px) {
    .unique-second-fold img {
        height: 280px;
        margin-top: -160px
    }
}

.mob--display {
    display: flex !important
}

@media only screen and (min-width: 767px) {
    .mob--display {
        display: none !important
    }
}

.desk--display {
    display: none !important
}

@media only screen and (min-width: 767px) {
    .desk--display {
        display: flex !important
    }
}

.buy_button {
    filter: drop-shadow(0 4.29309px 26.8318px rgba(0, 0, 0, 0.1));
    width: 137px;
    height: 48.3px;
    font-weight: 400;
    font-size: 19.2446px;
    line-height: 29px;
    color: #fff;
    background: #0099df;
    border: .534572px solid #0099df;
    border-radius: 29.4398px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 767px) {
    .buy_button {
        width: 157px
    }
}

.buy_button i {
    font-size: 14px;
    transform: rotate(-45deg);
    margin-left: 5px
}

.buy_button:hover {
    color: #fff
}

.acc--heading {
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    color: #4a4a4a;
    text-transform: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-transform: capitalize
}

@media only screen and (min-width: 1199px) {
    .acc--heading {
        font-size: 40px;
        line-height: 60px
    }
}

.acc--heading span {
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase
}

.acc-wrapper {
    padding-top: 70px;
    width: 100%;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .acc-wrapper {
        padding-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .acc-wrapper {
        padding-top: 45px
    }
}

.acc-header .p2-header__link--schedule {
    width: 104px
}

.acc-banner {
    background: #ffbe00;
    padding: 40px 0 0
}

.acc-banner .container {
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .acc-banner .container {
        max-width: 400px;
        margin: 0 auto
    }
}

.acc-banner .container>p {
    text-align: center;
    width: 80%;
    margin: 0 auto 30px
}

.acc-banner h2 {
    font-weight: 800;
    font-size: 42px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    text-transform: none
}

@media only screen and (min-width: 1199px) {
    .acc-banner h2 {
        font-weight: 700;
        font-size: 62.4632px;
        line-height: 69px
    }
}

.acc-banner h2 span {
    position: relative;
    display: inline-flex
}

.acc-banner h2 span::before,
.acc-banner h2 span::after {
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 5px;
    height: 100%;
    border-bottom: 2px solid #fff;
    z-index: 1
}

.acc-banner h2 span::before {
    transform: matrix(1, -0.01, 0.04, 1.1, 0, 0);
    -webkit-transform: matrix(1, -0.01, 0.04, 1.1, 0, 0)
}

.acc-banner h2 span::after {
    transform: matrix(1, -0.01, 0.03, 1.25, 0, 0);
    -webkit-transform: matrix(1, -0.01, 0.03, 1.25, 0, 0)
}

@media only screen and (min-width: 767px) {
    .acc-banner h2 br {
        display: none
    }
}

.acc-banner__video {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (min-width: 767px) {
    .acc-banner__video {
        order: 3;
        display: flex;
        justify-content: center;
        margin-bottom: -80px;
        gap: 40px
    }
}

.acc-banner__video>img {
    width: 100%
}

@media only screen and (min-width: 767px) {
    .acc-banner__video>img {
        width: 40%
    }
}

@media only screen and (min-width: 1199px) {
    .acc-banner__video>img {
        width: 480px
    }
}

.acc-banner__video>iframe {
    width: 100%;
    height: 190px
}

@media only screen and (min-width: 767px) {
    .acc-banner__video>iframe {
        width: 40%
    }
}

@media only screen and (min-width: 1199px) {
    .acc-banner__video>iframe {
        width: 480px;
        height: 270px
    }
}

.acc-banner__video-left {
    padding-left: 10px
}

@media only screen and (min-width: 767px) {
    .acc-banner__video-left {
        padding: 0
    }
}

.acc-banner__video-right {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 767px) {
    .acc-banner__video-right {
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-banner__video-right {
        padding-top: 50px;
        padding-bottom: 120px
    }
}

.acc-banner__video-right h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    color: #4a4a4a;
    text-transform: none;
    padding-top: 15px
}

.acc-banner__video-right h3 span {
    font-size: 12px;
    line-height: 18px;
    display: block;
    font-weight: 400;
    text-transform: uppercase
}

@media only screen and (min-width: 767px) {
    .acc-banner__video-right h3 {
        order: 2;
        text-align: left
    }
}

.acc-banner__price-wrap {
    display: inline-flex;
    flex-direction: column;
    margin: 0 auto
}

@media only screen and (min-width: 767px) {
    .acc-banner__price-wrap {
        flex-direction: row;
        align-items: flex-end
    }
    .acc-banner__price-wrap .buy_button {
        margin-bottom: 5px;
        margin-left: 10px
    }
}

.acc-banner__price-old {
    font-weight: 700;
    font-size: 13.6027px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    position: relative
}

.acc-banner__price-old::before {
    content: "";
    position: absolute;
    transform: rotate(-7deg);
    width: 46.82px;
    height: 1px;
    background-color: #4a4a4a;
    top: 10px
}

.acc-banner__price-new {
    font-weight: 700;
    font-size: 36px;
    line-height: 27px;
    color: #4a4a4a
}

.acc-banner__price-new span {
    font-weight: 400;
    font-size: 12px;
    line-height: 27px;
    text-transform: uppercase;
    color: #4a4a4a;
    display: block
}

@media only screen and (min-width: 767px) {
    .acc-banner__price-new {
        margin: 0
    }
}

.acc-banner__bottom {
    padding: 40px 10px 10px 10px
}

@media only screen and (min-width: 767px) {
    .acc-banner__bottom {
        order: 2;
        padding: 20px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-banner__bottom {
        width: 82%;
        margin: 0 auto
    }
}

@media only screen and (min-width: 767px) {
    .acc-banner__bottom ul {
        display: flex;
        gap: 30px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-banner__bottom ul {
        gap: 0
    }
}

.acc-banner__bottom ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a;
    position: relative;
    padding-left: 25px;
    margin-bottom: 30px
}

@media only screen and (min-width: 1199px) {
    .acc-banner__bottom ul li {
        padding: 0 40px 15px 30px
    }
    .acc-banner__bottom ul li:last-child {
        padding-right: 0;
        width: 37%
    }
}

.acc-banner__bottom ul li::before {
    position: absolute;
    content: "";
    font-family: "icomoon";
    font-size: 20px;
    left: 0;
    color: #fff;
    top: 10px
}

@media only screen and (min-width: 767px) {
    .acc-banner__bottom ul li::before {
        top: 0
    }
}

@media only screen and (min-width: 767px) {
    .acc-banner__bottom ul li strong,
    .acc-banner__bottom ul li dfn {
        display: flex
    }
}

@media only screen and (min-width: 1199px) {
    .acc-banner__bottom ul li strong,
    .acc-banner__bottom ul li dfn {
        font-weight: 700;
        font-size: 20px;
        line-height: 22px
    }
}

.acc-course {
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .acc-course {
        max-width: 400px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 767px) {
    .acc-course {
        padding-top: 90px;
        padding-bottom: 40px
    }
}

.acc-course--cont {
    padding: 25px 15px 0
}

@media only screen and (min-width: 767px) {
    .acc-course--cont {
        padding: 0 15px
    }
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.acc-course--cont ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a;
    position: relative;
    padding-left: 25px;
    padding-bottom: 25px
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul li {
        width: 34%;
        transform: scale(0.9);
        padding: 0 15px
    }
}

@media only screen and (min-width: 991px) {
    .acc-course--cont ul li {
        padding: 0 45px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course--cont ul li {
        transform: scale(1)
    }
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul li:first-child {
        margin-bottom: 180px
    }
    .acc-course--cont ul li:first-child::before {
        bottom: -50px;
        top: auto;
        left: 30%;
        transform: rotate(125deg)
    }
}

@media only screen and (min-width: 991px) {
    .acc-course--cont ul li:first-child {
        margin-bottom: 240px;
        margin-top: 60px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course--cont ul li:first-child {
        margin-bottom: 330px;
        margin-top: 120px;
        padding: 0 90px 0 55px
    }
    .acc-course--cont ul li:first-child::before {
        bottom: -60px;
        width: 45px;
        top: auto;
        left: 30%;
        transform: rotate(135deg)
    }
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul li:nth-child(2) {
        margin-bottom: 180px
    }
    .acc-course--cont ul li:nth-child(2)::before {
        bottom: -50px;
        top: auto;
        left: 30%;
        transform: rotate(75deg) scaleY(-1);
        width: 35px
    }
}

@media only screen and (min-width: 991px) {
    .acc-course--cont ul li:nth-child(2) {
        margin-bottom: 240px;
        margin-top: 60px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course--cont ul li:nth-child(2) {
        padding: 0 50px 0 100px;
        margin-bottom: 330px;
        margin-top: 120px
    }
    .acc-course--cont ul li:nth-child(2)::before {
        bottom: -60px;
        top: auto;
        left: 42%;
        transform: rotate(60deg) scaleY(-1);
        width: 48px
    }
    .acc-course--cont ul li:nth-child(2) p {
        width: 80%
    }
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul li:nth-child(3)::before {
        top: -20px;
        left: auto;
        right: 0;
        transform: rotate(-2deg);
        width: 40px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course--cont ul li:nth-child(3) {
        padding: 0 55px;
        text-align: right
    }
    .acc-course--cont ul li:nth-child(3)::before {
        top: -38px;
        left: auto;
        right: -20px;
        transform: rotate(-2deg);
        width: 62px
    }
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul li:last-child::before {
        top: -10px;
        left: -30px;
        transform: rotate(185deg) scaleY(-1)
    }
}

@media only screen and (min-width: 991px) {
    .acc-course--cont ul li:last-child::before {
        width: 40px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course--cont ul li:last-child::before {
        top: -35px;
        left: -45px;
        transform: rotate(175deg) scaleY(-1);
        width: 65px
    }
}

.acc-course--cont ul li::before {
    position: absolute;
    content: "";
    font-family: "icomoon";
    font-size: 10px;
    left: 0;
    top: 4px;
    color: #ffbe00
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul li::before {
        content: "";
        background-image: url(/wp-content/themes/harappaeducation/dist/images//big-arrow.png);
        background-repeat: no-repeat;
        background-position: unset;
        background-size: contain;
        width: 30px;
        height: 70px
    }
}

.acc-course--cont ul li strong,
.acc-course--cont ul li dfn {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #4a4a4a;
    display: block
}

@media only screen and (min-width: 767px) {
    .acc-course--cont ul li strong,
    .acc-course--cont ul li dfn {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course--cont ul li strong,
    .acc-course--cont ul li dfn {
        font-size: 24px;
        line-height: 28px
    }
}

.acc-course--cont ul li p {
    margin: 0
}

.acc-course__btn {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 767px) {
    .acc-course__btn {
        margin-top: -60px
    }
}

@media only screen and (min-width: 991px) {
    .acc-course__btn {
        margin-top: -40px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course__btn {
        margin-top: -50px;
        margin-bottom: 5px
    }
    .acc-course__btn .buy_button {
        width: 158.04px;
        height: 44.25px;
        background: #009bea;
        border: .629736px solid #009bea;
        border-radius: 22.0408px
    }
}

.acc-course__wrap {
    position: relative
}

@media only screen and (min-width: 767px) {
    .acc-course--image {
        padding-bottom: 0;
        position: absolute;
        width: 100%
    }
}

@media only screen and (min-width: 767px) {
    .acc-course--image img {
        height: 250px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 991px) {
    .acc-course--image img {
        height: 350px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-course--image img {
        height: 500px
    }
}

.acc-app {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffbe00
}

@media only screen and (max-width: 767px) {
    .acc-app__wrap {
        max-width: 400px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 767px) {
    .acc-app__wrap {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (min-width: 767px) {
    .acc-app--image {
        position: absolute;
        display: flex;
        padding: 70px 0
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--image {
        padding: 90px 0
    }
}

.acc-app--image img {
    margin: 0 auto;
    padding-bottom: 20px
}

@media only screen and (min-width: 767px) {
    .acc-app--image img {
        height: 250px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 991px) {
    .acc-app--image img {
        height: 320px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--image img {
        height: 425px
    }
}

.acc-app--cont {
    padding: 15px 15px 10px
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around
    }
}

.acc-app--cont ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #4a4a4a;
    position: relative;
    padding-left: 25px;
    padding-bottom: 25px
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li {
        width: 33%;
        transform: scale(0.8);
        padding: 0;
        font-size: 10px;
        line-height: 14px
    }
}

@media only screen and (min-width: 991px) {
    .acc-app--cont ul li {
        transform: scale(0.9);
        padding: 0 35px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li {
        font-size: 12px;
        line-height: 15px;
        transform: scale(1)
    }
}

.acc-app--cont ul li strong,
.acc-app--cont ul li dfn {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #4a4a4a;
    display: block
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li strong,
    .acc-app--cont ul li dfn {
        font-size: 16px;
        line-height: 18px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li strong,
    .acc-app--cont ul li dfn {
        font-size: 20.443px;
        line-height: 24px
    }
}

.acc-app--cont ul li p {
    margin: 0
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li p {
        line-height: 19px
    }
}

.acc-app--cont ul li::before {
    position: absolute;
    content: "";
    font-family: "icomoon";
    font-size: 10px;
    left: 0;
    top: 4px;
    color: #fff
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li::before {
        content: "";
        background-image: url(/wp-content/themes/harappaeducation/dist/images//big-arrow.png);
        background-repeat: no-repeat;
        background-position: unset;
        background-size: contain;
        width: 30px;
        height: 70px;
        filter: brightness(100) contrast(90) saturate(0)
    }
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li:first-child {
        margin-bottom: 215px;
        top: 30px;
        left: -40px;
        padding-left: 0;
        padding-right: 50px
    }
    .acc-app--cont ul li:first-child::before {
        bottom: -60px;
        top: auto;
        left: 20%;
        transform: rotate(75deg)
    }
}

@media only screen and (min-width: 991px) {
    .acc-app--cont ul li:first-child {
        margin-bottom: 290px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li:first-child {
        left: 20px;
        padding-left: 0;
        margin-bottom: 355px;
        padding-right: 180px
    }
    .acc-app--cont ul li:first-child p {
        width: 79%
    }
    .acc-app--cont ul li:first-child::before {
        bottom: -65px;
        top: auto;
        left: 20%;
        transform: rotate(70deg);
        width: 40px
    }
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li:nth-child(2) {
        margin-bottom: 215px;
        left: -20px;
        padding-left: 0;
        padding-right: 50px
    }
    .acc-app--cont ul li:nth-child(2)::before {
        top: -32px;
        left: auto;
        right: 13%;
        transform: rotate(10deg) scaleY(-1);
        width: 32px
    }
    .acc-app--cont ul li:nth-child(2) p {
        width: 90%
    }
}

@media only screen and (min-width: 991px) {
    .acc-app--cont ul li:nth-child(2) {
        margin-bottom: 290px;
        padding-left: 50px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li:nth-child(2) {
        margin-bottom: 355px;
        padding: 0 50px 0 0
    }
    .acc-app--cont ul li:nth-child(2)::before {
        top: -27px;
        left: 63%;
        right: auto;
        transform: rotate(13deg) scaleY(-1);
        width: 36px
    }
    .acc-app--cont ul li:nth-child(2) p {
        width: 75%
    }
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li:nth-child(3) {
        margin-bottom: 215px;
        padding-left: 60px;
        padding-right: 0
    }
    .acc-app--cont ul li:nth-child(3)::before {
        bottom: -30px;
        top: auto;
        left: 30%;
        transform: rotate(155deg);
        width: 35px
    }
}

@media only screen and (min-width: 991px) {
    .acc-app--cont ul li:nth-child(3) {
        margin-bottom: 290px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li:nth-child(3) {
        padding-left: 170px;
        padding-right: 0;
        top: 45px;
        margin-bottom: 355px
    }
    .acc-app--cont ul li:nth-child(3) p {
        width: 90%
    }
    .acc-app--cont ul li:nth-child(3)::before {
        bottom: auto;
        top: -8px;
        left: 32%;
        transform: rotate(142deg);
        width: 40px
    }
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li:nth-child(4) {
        padding-right: 50px
    }
    .acc-app--cont ul li:nth-child(4)::before {
        top: 10px;
        left: auto;
        right: 30px;
        transform: rotate(-5deg);
        width: 30px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li:nth-child(4) {
        padding: 0 70px
    }
    .acc-app--cont ul li:nth-child(4)::before {
        top: 10px;
        left: auto;
        right: 90px;
        transform: rotate(-9deg);
        width: 35px
    }
}

@media only screen and (min-width: 767px) {
    .acc-app--cont ul li:last-child {
        padding-left: 80px
    }
    .acc-app--cont ul li:last-child::before {
        top: -10px;
        left: 10%;
        transform: rotate(188deg) scaleY(-1);
        width: 35px
    }
}

@media only screen and (min-width: 1199px) {
    .acc-app--cont ul li:last-child {
        padding: 2px 0 0 115px
    }
    .acc-app--cont ul li:last-child::before {
        top: -5px;
        left: 60px;
        transform: rotate(185deg) scaleY(-1);
        width: 41px
    }
}

.acc-app__btn {
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 1199px) {
    .acc-app__btn {
        margin-top: 0;
        margin-bottom: 10px
    }
}

.why-harappa {
    padding-top: 40px;
    padding-bottom: 40px
}

.why-harappa .acc-advantage .acc--heading {
    font-size: 24px;
    line-height: 36px
}

@media only screen and (min-width: 1199px) {
    .why-harappa .acc-advantage .acc--heading {
        font-size: 40px;
        line-height: 60px
    }
}

.why-harappa .acc-advantage .acc--heading span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #4a4a4a;
    text-transform: none
}

.why-harappa .acc-advantage__card {
    position: relative;
    flex-direction: column;
    width: 100%;
    padding: 0 15px;
    overflow: hidden;
    transition: all .3s;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 479px) {
    .why-harappa .acc-advantage__card {
        margin: 0 5px
    }
}

@media only screen and (min-width: 767px) {
    .why-harappa .acc-advantage__card {
        margin: 20px 5px 0
    }
}

@media only screen and (min-width: 1199px) {
    .why-harappa .acc-advantage__card {
        margin: 20px 10px 0
    }
}

.why-harappa .acc-advantage__card::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    height: calc(100% - 70px);
    background: #fff;
    border-radius: 10.4929px;
    box-shadow: 0px 3.22857px 20.1786px rgba(0, 0, 0, .1);
    transition: all .3s;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 479px) {
    .why-harappa .acc-advantage__card::before {
        width: calc(100% - 20px);
        left: 10px
    }
}

@media only screen and (min-width: 767px) {
    .why-harappa .acc-advantage__card::before {
        height: calc(100% - 50px)
    }
}

@media only screen and (min-width: 1199px) {
    .why-harappa .acc-advantage__card::before {
        top: 30px;
        height: calc(100% - 40px)
    }
}

.why-harappa .acc-advantage__slider.slick-initialized .slick-slide {
    display: flex
}

.why-harappa .acc-advantage__slider.slick-slider {
    padding: 0 50px;
    min-height: 370px
}

@media only screen and (min-width: 767px) {
    .why-harappa .acc-advantage__slider.slick-slider {
        min-height: auto
    }
}

@media only screen and (min-width: 991px) {
    .why-harappa .acc-advantage__slider.slick-slider {
        padding: 0;
        width: 100%
    }
}

.why-harappa .acc-advantage__slider.slick-slider .slick-arrow.slick-prev {
    left: 0px
}

.why-harappa .acc-advantage__slider.slick-slider .slick-arrow.slick-next {
    right: 0
}

.why-harappa .acc-advantage__slider.slick-slider .slick-arrow.slick-next::before {
    content: ""
}

.why-harappa .acc-advantage__slider.slick-slider .slick-list {
    overflow: hidden
}

.why-harappa .acc-advantage__slider.slick-slider .slick-track {
    padding: 10px 0 0
}

@media only screen and (min-width: 767px) {
    .why-harappa .acc-advantage__slider.slick-slider .slick-track {
        padding: 0
    }
}

.why-harappa .acc-advantage__slider.slick-slider .slick-slide.slick-center.acc-advantage__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.1);
    transition: all .3s;
    transition: all .3s ease-in-out;
    padding-bottom: 30px
}

.why-harappa .acc-advantage__content {
    position: relative;
    transition: all .3s;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 767px) {
    .why-harappa .acc-advantage__content {
        margin: 0 10px
    }
}

@media only screen and (min-width: 1199px) {
    .why-harappa .acc-advantage__content {
        margin: 0 20px
    }
}

.why-harappa .acc-advantage__content h5 {
    font-weight: 700;
    font-size: 17.6933px;
    line-height: 22px;
    text-transform: capitalize;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .why-harappa .acc-advantage__content h5 {
        line-height: 20px;
        margin-top: 17px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1199px) {
    .why-harappa .acc-advantage__content h5 {
        font-size: 21.9209px;
        line-height: 27px;
        text-transform: capitalize
    }
}

.why-harappa .acc-advantage__content p {
    font-weight: 400;
    font-size: 11.961px;
    line-height: 14px;
    color: #4a4a4a;
    margin-bottom: 30px
}

@media only screen and (min-width: 1199px) {
    .why-harappa .acc-advantage__content p {
        font-size: 14.819px;
        line-height: 17px
    }
}

.why-harappa .acc-advantage__image {
    position: relative;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .why-harappa .acc-advantage__image {
        padding: 0 20px
    }
}

@media only screen and (min-width: 1199px) {
    .why-harappa .acc-advantage__image {
        padding: 0 10px;
        height: 180px
    }
}

@media only screen and (min-width: 1199px) {
    .plan__container {
        padding-top: 30px;
        padding-bottom: 50px
    }
}

.plan__container .acc--heading {
    font-size: 24px;
    line-height: 36px
}

@media only screen and (min-width: 1199px) {
    .plan__container .acc--heading {
        font-size: 40px;
        line-height: 60px
    }
}

.plan__container .acc--heading span {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #4a4a4a;
    text-transform: none
}

@media only screen and (min-width: 767px) {
    .plan__container .acc--heading span {
        font-size: 20px;
        line-height: 24px;
        text-transform: capitalize;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 767px) {
    .plan__container .acc--heading span {
        margin-bottom: 0
    }
}

.plan__container~.p2-faculty {
    padding-top: 0
}

.plan__container~.p2-enterprises-statistics__slider .slick-list {
    overflow: visible
}

@media only screen and (min-width: 767px) {
    .plan__container~.p2-enterprises-statistics {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1199px) {
    .plan__container~.p2-enterprises-statistics {
        padding-bottom: 20px
    }
}

.plan__wrap {
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (max-width: 767px) {
    .plan__wrap {
        max-width: 400px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 767px) {
    .plan__wrap {
        flex-direction: row;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1199px) {
    .plan__wrap {
        padding-top: 30px;
        width: 90%;
        margin: 0px auto
    }
}

.plan__card {
    position: relative;
    width: 100%;
    padding: 10px 10px 35px;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 767px) {
    .plan__card {
        padding: 30px 10px 35px;
        width: 33%
    }
}

@media only screen and (min-width: 991px) {
    .plan__card {
        width: 32%
    }
}

@media only screen and (min-width: 1199px) {
    .plan__card {
        width: 270px;
        padding: 0;
        padding-top: 27px;
        padding-bottom: 40px
    }
    .plan__card:nth-child(2) .plan__card--image {
        margin-top: -50px
    }
    .plan__card:last-child {
        padding: 30px 0px 35px;
        width: 335px;
        transform: scale(1.05);
        font-weight: 400;
        font-size: 19.7529px;
        line-height: 29px;
        transition: all .3s ease-in-out
    }
    .plan__card:last-child li {
        font-weight: 500;
        font-size: 13px;
        line-height: 23px
    }
    .plan__card:last-child::before {
        background-color: #ffbe00;
        transition: all .3s ease-in-out
    }
    .plan__card:last-child .orange--breadcrumb {
        background-color: #fff
    }
    .plan__card:last-child .plan__card--content h5 {
        font-size: 26px;
        line-height: 28px
    }
    .plan__card:last-child .plan__card--image {
        margin-top: 10px
    }
    .plan__card:last-child .plan__card-price--old {
        font-size: 24.5164px;
        line-height: 24px;
        color: #fff
    }
    .plan__card:last-child .plan__card-price--old span {
        font-weight: 400;
        font-size: 11.8518px;
        line-height: 12px;
        color: #fff
    }
    .plan__card:last-child .plan__card-price--old::before {
        background-color: #4a4a4a
    }
    .plan__card:last-child .plan__card-price--new {
        font-size: 39.6034px;
        line-height: 57px
    }
    .plan__card:last-child .plan__card-price--new span {
        font-size: 19.75px;
        line-height: 20px
    }
    .plan__card:last-child .plan__card--content .plan--btn {
        font-weight: 400;
        font-size: 16.9729px;
        line-height: 17px;
        background: #009bea;
        border: .4922px solid #009bea;
        border-radius: 17.227px;
        color: #fff
    }
}

.plan__card::before {
    content: "";
    width: calc(100% - 40px);
    position: absolute;
    top: 0;
    left: 20px;
    height: calc(100% - 35px);
    background: #fff;
    border-radius: 10.4929px;
    box-shadow: 0px 3.22857px 20.1786px rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 767px) {
    .plan__card::before {
        height: 100%
    }
}

@media only screen and (min-width: 1199px) {
    .plan__card::before {
        width: calc(100% - 10px);
        left: 10px
    }
}

.plan__card--breadcrumb {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
    background: #4a4a4a;
    border-radius: 5.23855px;
    width: 107.5px;
    position: relative;
    height: 30.17px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width: 767px) {
    .plan__card--breadcrumb {
        position: absolute;
        top: 8px;
        z-index: 11
    }
}

@media only screen and (min-width: 1199px) {
    .plan__card--breadcrumb {
        top: 15px
    }
}

.plan__card--image {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: -5px
}

.plan__card--image img {
    width: auto;
    max-height: 250px;
    min-height: 190px
}

.plan__card--content {
    padding: 20px 30px 17px
}

@media only screen and (min-width: 767px) {
    .plan__card--content {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: 100%;
        margin: 10px 20px 17px;
        padding: 0
    }
}

@media only screen and (min-width: 1199px) {
    .plan__card--content {
        margin: 15px 28px 17px;
        height: auto
    }
}

.plan__card--content h5 {
    font-weight: 700;
    font-size: 26px;
    line-height: 30px;
    position: relative;
    color: #4a4a4a;
    margin-bottom: 22px
}

@media only screen and (min-width: 767px) {
    .plan__card--content h5 {
        font-size: 22px;
        line-height: 26px
    }
}

@media only screen and (min-width: 1199px) {
    .plan__card--content h5 {
        font-size: 25px;
        line-height: 27px
    }
}

.plan__card--content h5 span {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    position: relative;
    color: #4a4a4a
}

.plan__card--content ul {
    padding-bottom: 10px
}

@media only screen and (min-width: 767px) {
    .plan__card--content ul {
        padding-bottom: 15px
    }
}

.plan__card--content ul li {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #4a4a4a;
    position: relative;
    padding-left: 20px;
    padding-bottom: 0
}

.plan__card--content ul li::before {
    position: absolute;
    content: "";
    font-family: "icomoon";
    font-size: 14px;
    left: 0;
    color: #44a659
}

@media only screen and (min-width: 1199px) {
    .plan__card--content ul li {
        font-size: 14px;
        line-height: 28px
    }
}

.plan__card--content .plan--btn {
    filter: drop-shadow(0px 4.192px 26.2px rgba(0, 0, 0, 0.1));
    border: 1px solid #009bea;
    border-radius: 18.2695px;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    width: 124px;
    height: 37px;
    color: #009bea;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

@media only screen and (min-width: 767px) {
    .plan__card--content .plan--btn {
        bottom: 0;
        position: absolute;
        margin-bottom: 20px
    }
}

.plan__card--content .plan--btn i {
    font-size: 14px;
    transform: rotate(-45deg);
    margin-left: 5px
}

.plan__card-price--wrap {
    display: inline-flex;
    flex-direction: row;
    margin: 0;
    position: relative
}

.plan__card-price--wrap .orange--breadcrumb {
    background: #ffbe00;
    border-radius: 8px;
    font-weight: 700;
    font-size: 11.6269px;
    line-height: 15px;
    margin-left: 10px;
    padding: 5px 8px;
    color: #4a4a4a
}

@media only screen and (min-width: 1199px) {
    .plan__card-price--wrap .orange--breadcrumb {
        border-radius: 3px
    }
}

.plan__card-price--old {
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    color: #5a5a5a;
    margin: 0;
    position: relative
}

.plan__card-price--old span {
    font-size: 13px;
    line-height: 13px;
    color: #4a4a4a
}

.plan__card-price--old::before {
    content: "";
    position: absolute;
    transform: rotate(-7deg);
    width: 100%;
    height: 2px;
    background-color: #ffbe00;
    top: 11px
}

.plan__card-price--new {
    font-weight: 700;
    font-size: 42px;
    line-height: 57px;
    position: relative;
    color: #4a4a4a;
    margin-bottom: 5px
}

.plan__card-price--new span {
    font-weight: 400;
    font-size: 21.7px;
    line-height: 31px;
    letter-spacing: -12px;
    color: #4a4a4a
}

.plan__card:nth-child(2) .plan__card--image {
    margin-top: -30px
}

@media only screen and (min-width: 767px) {
    .plan__card:nth-child(2) .plan__card--image {
        margin-top: -50px
    }
}

.plan__card:first-child .plan__card--content h5 span {
    font-size: 18px
}

.acc__testimonial.p2-testimonials-carousel {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ffbe00;
    margin-bottom: 40px
}

.acc__testimonial.p2-testimonials-carousel .icon-p2-right:before,
.acc__testimonial.p2-testimonials-carousel .icon-p2-left:before {
    color: #fff
}

.acc__testimonial.p2-testimonials-carousel .slick-next:before {
    content: ""
}

@media only screen and (min-width: 1199px) {
    .acc__testimonial.p2-testimonials-carousel {
        margin-top: 40px
    }
}

.action-banner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    overflow: hidden;
    justify-content: space-between;
    background: #ffbe02;
    padding-top: 110px;
    padding-bottom: 110px
}

@media only screen and (max-width: 991px) {
    .action-banner {
        padding-top: 90px;
        padding-bottom: 90px
    }
}

@media only screen and (max-width: 767px) {
    .action-banner {
        text-align: center;
        padding-top: 220px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 479px) {
    .action-banner {
        padding-top: 160px
    }
}

.action-banner__content {
    width: 50%;
    z-index: 1;
    position: relative
}

@media only screen and (max-width: 767px) {
    .action-banner__content {
        width: 100%;
        order: 1
    }
}

.action-banner__content h4 {
    color: #fff;
    text-transform: uppercase;
    font-style: italic
}

@media only screen and (max-width: 767px) {
    .action-banner__content h4 {
        display: none;
        font-size: 20px
    }
}

.action-banner__content h2 {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .action-banner__content h2 {
        font-size: 31px
    }
}

.action-banner__content h3 {
    line-height: 1.3
}

@media only screen and (max-width: 767px) {
    .action-banner__content h3 {
        font-size: 18px
    }
}

.action-banner__content p {
    font-size: 22px;
    font-weight: 500;
    margin-top: 15px
}

@media only screen and (max-width: 1199px) {
    .action-banner__content p {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .action-banner__content p {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .action-banner__content p {
        font-size: 16px
    }
}

.action-banner__right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 991px) {
    .action-banner__right {
        width: 100%
    }
}

.action-banner__image {
    z-index: 1;
    width: 240px;
    height: 240px;
    position: relative;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .16)
}

@media only screen and (max-width: 991px) {
    .action-banner__image {
        width: 150px;
        height: 150px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .action-banner__image {
        width: 106px;
        height: 106px
    }
}

.action-banner__image img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.action-banner__shape {
    top: 0;
    right: 0;
    display: flex;
    width: 100%;
    height: 105%;
    overflow: hidden;
    justify-content: flex-end;
    position: absolute
}

@media only screen and (max-width: 767px) {
    .action-banner__shape {
        top: auto;
        bottom: 0;
        height: 100%;
        width: 100%
    }
}

.action-banner__shape svg {
    bottom: 0;
    left: 50%;
    width: auto;
    height: 100%;
    position: absolute;
    margin-left: 280px;
    transform: translateX(-50%)
}

@media only screen and (max-width: 767px) {
    .action-banner__shape svg {
        left: 0;
        right: 0;
        top: 0;
        display: none;
        width: 100%;
        height: auto;
        bottom: auto;
        transform: none;
        margin-left: 0
    }
}

.action-banner__shape svg+svg {
    display: none
}

@media only screen and (max-width: 767px) {
    .action-banner__shape svg+svg {
        display: block
    }
}

.all-programs {
    width: 100%
}

.all-programs__item {
    display: none
}

.all-programs__item.is-active {
    display: flex
}

.all-programs__item:nth-child(-n+6) {
    display: flex
}

.attend-blocks {
    width: 100%
}

.attend-blocks__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
    font-weight: 600;
    font-size: 22px
}

@media only screen and (max-width: 1199px) {
    .attend-blocks__list {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .attend-blocks__list {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .attend-blocks__list {
        font-size: 16px
    }
}

.attend-blocks__list p {
    margin: 20px;
    padding: 15px;
    display: flex;
    min-height: 100px;
    border-radius: 15px;
    color: #fff;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: #0a5da9;
    width: calc(33.33% - 40px)
}

@media only screen and (max-width: 767px) {
    .attend-blocks__list p {
        min-height: 55px;
        margin-top: 5px;
        margin-bottom: 5px;
        width: calc(100% - 40px)
    }
}

.autocomplete-suggestions {
    position: static !important;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto
}

@media only screen and (max-width: 767px) {
    .autocomplete-suggestions {
        box-shadow: 0 10px 15px rgba(10, 93, 169, .2)
    }
}

.autocomplete-suggestions .autocomplete-suggestion {
    font-size: 75%;
    position: relative;
    padding: 6px 35px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.autocomplete-suggestions .autocomplete-suggestion b {
    font-weight: 600;
    color: #0a5da9
}

.autocomplete-suggestions .autocomplete-suggestion.selected {
    background: #efefef
}

.banner-case {
    display: flex;
    align-items: center;
    padding-top: 1px;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #0a5da9;
    margin-bottom: 160px
}

@media only screen and (max-width: 991px) {
    .banner-case {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .banner-case {
        margin-bottom: 48px
    }
}

@media only screen and (max-width: 991px) {
    .banner-case {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .banner-case {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 479px) {
    .banner-case {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.banner-case__content {
    width: 100%;
    font-size: 180%;
    text-align: center;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .banner-case__content {
        font-size: 120%
    }
}

.banner-case__content a,
.banner-case__content h2,
.banner-case__content h3,
.banner-case__content h4,
.banner-case__content h5,
.banner-case__content h6 {
    color: inherit
}

.banner-case__content-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px
}

@media only screen and (max-width: 991px) {
    .banner-case__content-image {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .banner-case__content-image {
        margin-bottom: 30px
    }
}

.banner-case__content-image img {
    width: 100%;
    max-width: 300px
}

@media only screen and (max-width: 991px) {
    .banner-case__content-image img {
        max-width: 250px
    }
}

@media only screen and (max-width: 767px) {
    .banner-case__content-image img {
        max-width: 150px
    }
}

.banner-faculty {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #ffbe02;
    padding-top: 80px
}

@media only screen and (max-width: 1199px) {
    .banner-faculty {
        padding-top: 60px
    }
}

@media only screen and (max-width: 991px) {
    .banner-faculty {
        padding-top: 20px
    }
}

.banner-faculty__info {
    width: 60%;
    z-index: 1;
    position: relative;
    padding-right: 20px;
    margin-bottom: 100px
}

@media only screen and (max-width: 991px) {
    .banner-faculty__info {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .banner-faculty__info {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .banner-faculty__info {
        padding-right: 0
    }
}

.banner-faculty__info h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .banner-faculty__info h2 {
        margin-bottom: 15px
    }
}

.banner-faculty__info h2 a {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #0a5da9;
    border-radius: 3px;
    background: #dfdfdf;
    transition: .3s ease-in-out;
    font-size: 24px;
    margin-left: 15px
}

@media only screen and (max-width: 1199px) {
    .banner-faculty__info h2 a {
        width: 30px;
        font-size: 20px;
        height: 30px
    }
}

@media only screen and (max-width: 991px) {
    .banner-faculty__info h2 a {
        width: 26px;
        height: 26px;
        font-size: 16px;
        margin-left: 10px
    }
}

@media only screen and (max-width: 767px) {
    .banner-faculty__info h2 a {
        width: 22px;
        height: 22px;
        font-size: 14px
    }
}

.banner-faculty__info h2 a:hover {
    text-decoration: none;
    color: #fff;
    background: #0a5da9
}

.banner-faculty__info-text {
    font-size: 22px;
    font-weight: 500;
    color: #0a5da9
}

@media only screen and (max-width: 1199px) {
    .banner-faculty__info-text {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .banner-faculty__info-text {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .banner-faculty__info-text {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .banner-faculty__info-text {
        font-size: 12px;
        font-weight: normal
    }
}

.banner-faculty__info-text p:last-child {
    margin-bottom: 0
}

.banner-faculty__image {
    width: 40%;
    z-index: 1;
    position: relative;
    align-self: flex-end
}

@media only screen and (max-width: 767px) {
    .banner-faculty__image {
        padding-top: 30px
    }
}

.banner-faculty__image img {
    height: auto;
    max-width: 100%
}

.banner-faculty__shape {
    top: 0;
    left: 50%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    margin-left: 500px;
    transform: translateX(-50%)
}

@media only screen and (max-width: 1199px) {
    .banner-faculty__shape {
        margin-left: 400px
    }
}

@media only screen and (max-width: 991px) {
    .banner-faculty__shape {
        margin-left: 300px
    }
}

@media only screen and (max-width: 767px) {
    .banner-faculty__shape {
        margin-left: 200px
    }
}

@media only screen and (max-width: 479px) {
    .banner-faculty__shape {
        margin-left: 150px
    }
}

.banner-faculty__shape svg {
    height: 90%;
    width: auto
}

@media only screen and (max-width: 767px) {
    .banner-faculty__shape svg {
        height: 100%
    }
}

.banner-page {
    margin-bottom: 100px;
    position: relative;
    width: 100%;
    min-height: 686px;
    padding-bottom: 140px;
    background-color: #ff3363
}

@media only screen and (max-width: 991px) {
    .banner-page {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .banner-page {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .banner-page {
        padding-top: 60px;
        min-height: 486px;
        padding-bottom: 100px
    }
}

@media only screen and (max-width: 991px) {
    .banner-page {
        padding-top: 20px;
        min-height: 386px;
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 767px) {
    .banner-page {
        min-height: 346px
    }
}

@media only screen and (max-width: 479px) {
    .banner-page {
        min-height: 306px
    }
}

.banner-page__breadcrumbs {
    z-index: 1;
    position: relative;
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .banner-page__breadcrumbs {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .banner-page__breadcrumbs {
        margin-bottom: 18px
    }
}

.banner-page__content {
    width: 60%;
    position: relative;
    z-index: 2;
    color: #0a5da9
}

@media only screen and (max-width: 1199px) {
    .banner-page__content {
        width: 65%
    }
}

@media only screen and (min-width: 768px) {
    .banner-page__content {
        font-size: 22px
    }
}

@media only screen and (min-width: 768px)and (max-width: 1199px) {
    .banner-page__content {
        font-size: 21px
    }

}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    .banner-page__content {
        font-size: 20px
    }
}

@media only screen and (min-width: 768px)and (max-width: 767px) {
    .banner-page__content {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .banner-page__content {
        width: 80%;
        font-size: 14px
    }
}

@media only screen and (max-width: 479px) {
    .banner-page__content a.button,
    .banner-page__content .single-prime-program a.wpulike,
    .single-prime-program .banner-page__content a.wpulike,
    .banner-page__content .campus-program-template-default a.wpulike,
    .campus-program-template-default .banner-page__content a.wpulike,
    .banner-page__content .enterprise-program-template-default a.wpulike,
    .enterprise-program-template-default .banner-page__content a.wpulike,
    .banner-page__content .hbspt-form .hs-submit a.hs-button,
    .hbspt-form .hs-submit .banner-page__content a.hs-button,
    .banner-page__content .events__tabs ul li a,
    .events__tabs ul li .banner-page__content a {
        min-width: calc(100vw - 30px)
    }
}

@media only screen and (min-width: 992px) {
	 .insta-efiling .row {justify-content: left;}
    .single-event .banner-page__content a.button,
    .single-event .banner-page__content .single-prime-program a.wpulike,
    .single-prime-program .single-event .banner-page__content a.wpulike,
    .single-event .banner-page__content .campus-program-template-default a.wpulike,
    .campus-program-template-default .single-event .banner-page__content a.wpulike,
    .single-event .banner-page__content .enterprise-program-template-default a.wpulike,
    .enterprise-program-template-default .single-event .banner-page__content a.wpulike,
    .single-event .banner-page__content .hbspt-form .hs-submit a.hs-button,
    .hbspt-form .hs-submit .single-event .banner-page__content a.hs-button,
    .single-event .banner-page__content .events__tabs ul li a,
    .events__tabs ul li .single-event .banner-page__content a {
        margin-top: 60px
    }
}

.banner-page__content p {
    font-weight: 500
}

.banner-page__content h1 {
    color: inherit;
    margin-bottom: 10px
}

@media only screen and (max-width: 479px) {
    .banner-page__content h1 {
        font-size: 28px
    }
}

.banner-page__content h2,
.banner-page__content h3,
.banner-page__content h4,
.banner-page__content h5 {
    color: inherit
}

.banner-page--white .banner-page__content {
    color: #fff
}

.banner-page--center .banner-page__content {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .banner-page--center .banner-page__content {
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .banner-page--blank .banner-page__content {
        width: 100%
    }
}

.single-event .banner-page__content,
.single-thrive-skill .banner-page__content {
    width: 80%
}

.banner-page__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.banner-page__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.banner-page--dark .banner-page__bg {
    background-color: #fff
}

@media only screen and (min-width: 1440px) {
    .banner-page--left .banner-page__bg img {
        -o-object-position: right center;
        object-position: right center
    }
}

.banner-page--blank .banner-page__bg {
    background-color: rgba(0, 0, 0, 0)
}

@media only screen and (max-width: 767px) {
    .banner-page--blank .banner-page__bg {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .banner-page--blank .banner-page__bg img {
        -o-object-position: left center;
        object-position: left center
    }
}

@media only screen and (min-width: 1200px) {
    .banner-page__bg--contain img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.banner-page__bg--transparent:after,
.banner-page__bg--transparent:before {
    top: 0;
    left: 0;
    width: 50%;
    content: "";
    height: 100%;
    display: block;
    position: absolute;
    background-color: rgba(255, 255, 255, .9)
}

@media only screen and (max-width: 767px) {
    .banner-page__bg--transparent:after,
    .banner-page__bg--transparent:before {
        width: 70%
    }
}

.banner-page__bg--transparent:before {
    left: 50%;
    width: 20%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%)
}

@media only screen and (max-width: 767px) {
    .banner-page__bg--transparent:before {
        left: 70%
    }
}

.banner-page__thumb {
    top: 50%;
    right: 0;
    width: 650px;
    position: absolute;
    transform: translateY(-50%)
}

@media only screen and (max-width: 1199px) {
    .banner-page__thumb {
        width: 400px
    }
}

@media only screen and (max-width: 991px) {
    .banner-page__thumb {
        width: 350px
    }
}

@media only screen and (max-width: 767px) {
    .banner-page__thumb {
        width: 250px
    }
}

@media only screen and (max-width: 479px) {
    .banner-page__thumb {
        width: 150px
    }
}

.banner-page__thumb img {
    width: 100%;
    height: auto
}

.banner-page__offer {
    z-index: 99;
    bottom: 0;
    right: 80px;
    display: flex;
    justify-content: flex-end;
    position: fixed;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .banner-page__offer {
        right: 0;
        z-index: 9;
        width: 100%;
        position: relative;
        padding: 0
    }
}

.banner-page--dark {
    background-color: #ffbe02
}

@media only screen and (max-width: 767px) {
    .banner-page--blank {
        min-height: unset;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .single-thrive-skill .banner-page--blank {
        min-height: 250px
    }
}

@media only screen and (max-width: 479px) {
    .single-thrive-skill .banner-page--blank {
        min-height: 200px
    }
}

.banner-page--simple {
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: rgba(0, 0, 0, 0)
}

.banner-page--simple .banner-page__breadcrumbs {
    margin-bottom: 0
}

.single-thrive-skill .banner-page {
    background: #fff
}

.banner-post {
    padding-top: 40px;
    position: relative;
    background: #ff7100;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 767px) {
    .banner-post {
        flex-direction: row;
        padding-top: 55px;
        justify-content: space-between
    }
}

.banner-post .p2-banner-faculty__info nav {
    padding-bottom: 25px
}

.banner-post .p2-banner-faculty__info-social-icons a:last-child i {
    margin-top: -3px;
    font-size: 17px
}

.banner-post .p2-banner-faculty__info h2 {
    font-weight: 800;
    font-size: 34px;
    line-height: 40px;
    text-transform: none;
    margin-bottom: 15px
}

@media only screen and (min-width: 991px) {
    .banner-post .p2-banner-faculty__info h2 {
        font-size: 45px;
        line-height: 103.5%;
        margin-bottom: 20px;
        padding-top: 30px
    }
}

@media only screen and (min-width: 1199px) {
    .banner-post .p2-banner-faculty__info h2 {
        font-size: 50px;
        line-height: 103.5%;
        padding-top: 50px
    }
}

.banner-post .p2-banner-faculty__info-social-icons {
    width: 36px;
    padding-top: 12px
}

.banner-post .wpulike .wp_ulike_general_class:before {
    content: "";
    margin-right: 0;
    font-size: 14px;
    color: #fff !important
}

.banner-post .p2-banner-faculty__image {
    padding: 30px
}

@media only screen and (min-width: 767px) {
    .banner-post .p2-banner-faculty__image {
        width: 30%;
        height: 100%;
        padding: 0 0 30px 0;
        margin: 0;
        margin-left: auto
    }
}

@media only screen and (min-width: 991px) {
    .banner-post .p2-banner-faculty__image {
        padding: 0 30px 30px 0
    }
}

@media only screen and (min-width: 1199px) {
    .banner-post .p2-banner-faculty__image {
        padding: 0 40px 40px 0
    }
}

@media only screen and (min-width: 767px) {
    .banner-post .p2-banner-faculty__image img {
        width: auto;
        height: 100%
    }
}

.banner-post__date {
    font-weight: 400;
    font-size: 10px;
    line-height: 36px;
    text-transform: capitalize;
    color: #fff
}

@media only screen and (min-width: 991px) {
    .banner-post__date {
        font-size: 14px;
        line-height: 42px
    }
}

.banner-post__image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.banner-post__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.banner-post__image:after {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    display: block;
    position: absolute;
    background-color: rgba(77, 77, 79, .6)
}

.banner-post__breadcrumbs {
    z-index: 1;
    position: relative;
    color: #fff;
    margin-top: 100px
}

@media only screen and (max-width: 991px) {
    .banner-post__breadcrumbs {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .banner-post__breadcrumbs {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .banner-post__breadcrumbs {
        margin-top: 15px
    }
}

.banner-post__number {
    color: #fff;
    font-weight: 500;
    padding-top: 20px;
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .banner-post__number {
        font-size: 18px
    }
}

.banner-post__info {
    left: 0;
    right: 0;
    bottom: 8%;
    position: absolute;
    width: calc(100% - 350px);
    color: #fff
}

@media only screen and (max-width: 767px) {
    .banner-post__info {
        bottom: 15px;
        width: 100%
    }
}

.banner-post__info p {
    font-size: 90%
}

@media only screen and (max-width: 767px) {
    .banner-post__info p {
        margin-bottom: 10px
    }
}

.banner-post__info h1 {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 50px;
    color: inherit;
    text-transform: none
}

@media only screen and (max-width: 1199px) {
    .banner-post__info h1 {
        font-size: 40px
    }
}

@media only screen and (max-width: 991px) {
    .banner-post__info h1 {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .banner-post__info h1 {
        font-size: 28px
    }
}

.banner-post__share {
    display: flex;
    max-width: 240px;
    padding: 8px 20px;
    border-radius: 25px;
    align-items: center;
    font-size: 16px;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, .4)
}

@media only screen and (max-width: 991px) {
    .banner-post__share {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .banner-post__share {
        font-size: 15px
    }
}

.banner-post__share i {
    margin-right: 10px;
    font-size: 110%;
    color: #ffbe02
}

.banner-post__share a {
    display: inline-flex;
    align-items: center;
    color: #fff
}

.banner-post__share a:hover {
    text-decoration: none;
    color: #ffbe02
}

.banner-post__embed {
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute
}

.banner-post__embed iframe {
    width: 100%;
    display: block;
    margin-bottom: 0
}

.banner-post--podcast {
    height: auto;
    margin-top: 20px;
    padding-top: 40px;
    padding-bottom: 40px
}

.banner-post--podcast .p2-banner-faculty__info {
    padding-bottom: 10px
}

.banner-post--podcast .banner-post__embed {
    position: static
}

.banner-post--podcast .p2-banner-faculty__image,
.banner-post--podcast .p2-banner-faculty__info-cont,
.banner-post--podcast .banner-post__date,
.banner-post--podcast .p2-banner-faculty__info-social-icons {
    display: none
}

.banner-post--podcast .p2-banner-faculty__info h2 {
    font-weight: 700;
    font-size: 13.7976px;
    line-height: 17px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 5px;
    display: none
}

@media only screen and (min-width: 1199px) {
    .banner-post--podcast .p2-banner-faculty__info h2 {
        font-size: 40px;
        line-height: 50px
    }
}

.banner-post--podcast .p2-banner-faculty__info nav {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 20px
}

@media only screen and (min-width: 1199px) {
    .banner-post--podcast .p2-banner-faculty__info nav {
        font-size: 16px;
        line-height: 22px
    }
}

.banner-post--podcast .p2-banner-faculty__info nav a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #4a4a4a
}

.banner-post--podcast .p2-banner-faculty__info nav i {
    font-size: 8px;
    color: #4a4a4a
}

@media only screen and (min-width: 1199px) {
    .banner-post--podcast .p2-banner-faculty__info nav i {
        font-size: 18px
    }
}

.banner-post--podcast .p2-banner-faculty__info p {
    font-size: 8.27856px;
    line-height: 10px;
    width: 100% !important
}

@media only screen and (min-width: 991px) {
    .banner-post--podcast .p2-banner-faculty__info p {
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (max-width: 991px) {
    .banner-post--podcast .p2-banner-faculty__info .p2-banner-faculty__info-social-icons {
        padding-top: 5px
    }
}

@media only screen and (min-width: 767px) {
    .banner-post--podcast__bottom {
        width: 30%;
        display: flex;
        justify-content: right
    }
    .banner-post--podcast__bottom .p2-banner-faculty__image {
        justify-content: right
    }
    .banner-post--podcast__bottom .p2-banner-faculty__image img {
        margin: 0
    }
}

.banner-post--podcast .banner-post__info {
    position: relative;
    top: auto;
    bottom: auto;
    margin-top: 100px;
    padding-bottom: 300px
}

@media only screen and (max-width: 991px) {
    .banner-post--podcast .banner-post__info {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .banner-post--podcast .banner-post__info {
        margin-top: 30px
    }
}

.banner-post--podcast .banner-post__info p,
.banner-post--podcast .banner-post__info h1 {
    color: #0a5da9
}

.banner-post--podcast .banner-post__image {
    background: #ffbe02
}

.banner-post--podcast .banner-post__image:after {
    display: none
}

.banner-post--podcast .banner-post__number {
    color: #0a5da9
}

.blog-detail {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .blog-detail {
        text-transform: none;
        padding-top: 60px
    }
}

.blog-detailsection {
    padding-top: 0
}

.blog-detail h2,
.blog-detail h3,
.blog-detail ol,
.blog-detail ul,
.blog-detail li {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #4a4a4a
}

.single-podcast .blog-detail {
    padding-top: 30px
}

.banner-slider {
    width: 100%
}

.banner-slider img {
    width: 100%;
    height: auto
}

.banner {
    padding-bottom: 100px;
    position: relative;
    width: 100%;
    min-height: ;
    background-color: #fff
}

@media only screen and (max-width: 1199px) {
    .banner {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 991px) {
    .banner {
        padding-bottom: 40px;
        height: auto
    }
}

.banner__content {
    margin-top: -55px;
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 991px) {
    .banner__content {
        margin-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-height: 800px) {
    .banner__content h1 {
        margin-bottom: 5px
    }
}

.banner__content h3 {
    font-weight: 500;
    text-transform: none;
    font-family: "Jost", sans-serif
}

.banner__bottom {
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (max-width: 991px) {
    .banner__bottom {
        padding-top: 10px
    }
}

@media only screen and (max-height: 800px) {
    .banner__bottom {
        padding-top: 0
    }
}

.banner__bottom .button,
.banner__bottom .single-prime-program .wpulike,
.single-prime-program .banner__bottom .wpulike,
.banner__bottom .campus-program-template-default .wpulike,
.campus-program-template-default .banner__bottom .wpulike,
.banner__bottom .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .banner__bottom .wpulike,
.banner__bottom .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .banner__bottom .hs-button,
.banner__bottom .events__tabs ul li a,
.events__tabs ul li .banner__bottom a {
    margin: 10px 15px;
    min-width: 290px
}

@media only screen and (max-width: 991px) {
    .banner__bottom .button,
    .banner__bottom .single-prime-program .wpulike,
    .single-prime-program .banner__bottom .wpulike,
    .banner__bottom .campus-program-template-default .wpulike,
    .campus-program-template-default .banner__bottom .wpulike,
    .banner__bottom .enterprise-program-template-default .wpulike,
    .enterprise-program-template-default .banner__bottom .wpulike,
    .banner__bottom .hbspt-form .hs-submit .hs-button,
    .hbspt-form .hs-submit .banner__bottom .hs-button,
    .banner__bottom .events__tabs ul li a,
    .events__tabs ul li .banner__bottom a {
        margin: 8px 10px;
        min-width: 206px
    }
}

@media only screen and (max-width: 767px) {
    .banner__bottom .button,
    .banner__bottom .single-prime-program .wpulike,
    .single-prime-program .banner__bottom .wpulike,
    .banner__bottom .campus-program-template-default .wpulike,
    .campus-program-template-default .banner__bottom .wpulike,
    .banner__bottom .enterprise-program-template-default .wpulike,
    .enterprise-program-template-default .banner__bottom .wpulike,
    .banner__bottom .hbspt-form .hs-submit .hs-button,
    .hbspt-form .hs-submit .banner__bottom .hs-button,
    .banner__bottom .events__tabs ul li a,
    .events__tabs ul li .banner__bottom a {
        margin: 6px 8px
    }
}

.banner__subtitle {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 32px;
    font-weight: 500;
    color: #0a5da9;
    font-family: "Jost", sans-serif
}

@media only screen and (max-width: 1199px) {
    .banner__subtitle {
        font-size: 29px
    }
}

@media only screen and (max-width: 991px) {
    .banner__subtitle {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .banner__subtitle {
        margin-bottom: 10px;
        font-size: 20px
    }
}

.banner__image {
    width: 320%;
    display: flex;
    margin-left: -110%;
    justify-content: center
}

.banner__image img {
    width: unset;
    margin: 0 auto;
    height: 56vh
}

@media only screen and (max-width: 991px) {
    .banner__image img {
        position: relative
    }
}

@media only screen and (max-width: 767px) {
    .banner__image img {
        height: 45vh
    }
}

@media only screen and (max-width: 479px) {
    .banner__image img {
        height: 35vh
    }
}

.banner+.content-banner {
    margin-top: 0
}

.blog-listing__banner {
    background: #ffbe00;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .blog-listing__banner {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.blog-listing__banner h2 {
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
    color: #fff;
    margin: 0;
    padding-top: 20px
}

@media only screen and (min-width: 479px) {
    .blog-listing__banner h2 {
        font-size: 80px;
        line-height: 80px;
        padding: 0
    }
}

@media only screen and (min-width: 991px) {
    .blog-listing__banner h2 {
        font-size: 125px;
        line-height: 130px;
        margin-top: -20px
    }
}

.blog-listing__banner p {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #4a4a4a
}

@media only screen and (min-width: 479px) {
    .blog-listing__banner p {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 991px) {
    .blog-listing__banner p {
        font-size: 24px;
        line-height: 30px
    }
}

.blog-listing__resource {
    padding-bottom: 50px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource {
        padding-bottom: 0
    }
}

.blog-listing__resource::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    bottom: 0;
    left: 0;
    width: 1000%;
    height: 280px
}

@media only screen and (min-width: 767px) {
    .blog-listing__resource::before {
        height: 285px
    }
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource::before {
        height: 219px
    }
}

.blog-listing__resource h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.blog-listing__resource__slider {
    min-height: 150px;
    transition: all .3s ease-in-out;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    padding: 0 20px 10px
}

.blog-listing__resource__slider.slick-initialized {
    background-image: none
}

.blog-listing__resource__slider .slick-track {
    display: flex;
    transition: all .3s ease-in-out
}

.blog-listing__resource__slider .slick-track:after,
.blog-listing__resource__slider .slick-track:before {
    display: none
}

.blog-listing__resource__slider .slick-track .slick-slide {
    height: auto;
    padding: 20px
}

.blog-listing__resource__card {
    position: relative;
    display: none;
    flex-direction: column;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out
}

.blog-listing__resource__card:hover {
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource__card {
        width: 100%
    }
}

.slick-initialized .blog-listing__resource__card {
    display: flex
}

.blog-listing__resource__card>img {
    width: 100%
}

.blog-listing__resource__card h3 {
    font-size: 24px;
    line-height: 22px;
    height: 51px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.blog-listing__resource__card h3 i {
    text-transform: capitalize;
    font-style: italic;
    font-weight: 300;
    display: block
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource__card h3 {
        font-size: 21px
    }
}

.blog-listing__resource__card__content {
    padding: 15px;
    text-align: center
}

.blog-listing__resource__card__content img {
    height: 19px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource__card__content img {
        height: 15px
    }
}

.blog-listing__resource__card__content h4 {
    font-weight: 700;
    line-height: 36px;
    font-size: 21px;
    margin-bottom: 0px;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource__card__content h4 {
        font-size: 16px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1439px) {
    .blog-listing__resource__card__content h4 {
        font-size: 20px;
        line-height: 30px
    }
}

.blog-listing__resource__card__content p {
    font-size: 12px;
    line-height: 15px;
    width: 80%;
    margin: 0 auto 10px;
    height: 40px
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource__card__content p {
        font-size: 10px;
        line-height: 12px
    }
}

.blog-listing__resource__card__content h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource__card__content h5 {
        font-size: 12.0588px;
        line-height: 19px
    }
}

.blog-listing__resource__card__link {
    width: 100%;
    overflow: hidden;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    text-transform: capitalize;
    position: relative;
    margin-top: 10px;
    color: #4a4a4a;
    display: block
}

.blog-listing__resource__card__link::before {
    width: 61px;
    height: 1px;
    background-color: #4a4a4a;
    position: absolute;
    content: "";
    bottom: 0
}

.blog-listing__resource__card__link span {
    font-size: 5.5px;
    margin-left: 5px
}

.blog-listing__resource__card__link:hover {
    color: #4a4a4a;
    text-decoration: none
}

.blog-listing__resource__card:hover {
    text-decoration: none
}

.blog-listing__resource .slick-slider .slick-dots {
    display: none !important
}

.blog-listing__resource .slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 40%;
    font-size: 25px;
    bottom: -40px;
    color: #fff
}

@media only screen and (min-width: 479px) {
    .blog-listing__resource .slick-slider .slick-arrow.slick-next {
        right: 42%
    }
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource .slick-slider .slick-arrow.slick-next {
        right: 46%
    }
}

.blog-listing__resource .slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 40%;
    color: #fff;
    bottom: -40px;
    font-size: 25px
}

@media only screen and (min-width: 479px) {
    .blog-listing__resource .slick-slider .slick-arrow.slick-prev {
        left: 42%
    }
}

@media only screen and (min-width: 991px) {
    .blog-listing__resource .slick-slider .slick-arrow.slick-prev {
        left: 46%
    }
}

.blog-listing__resource .slick-slider .slick-list {
    overflow: hidden;
    transition: all .3s ease-in-out
}

.blog-listing__resource .slick-slider .slick-slide {
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 479px) {
    .blog-listing__resource .slick-slider .slick-slide {
        display: flex;
        padding: 20px 10px
    }
}

@media only screen and (min-width: 1199px) {
    .blog-listing__resource .slick-slider .slick-slide {
        padding: 20px 12px
    }
}

.blog-listing__resource .slick-slider .slick-slide.slick-center .p2-enterprise-offering__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.1);
    transition: all .3s;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 375px) {
    .blog-listing__resource .slick-slider .slick-slide.slick-center .p2-enterprise-offering__card {
        margin-left: -10%;
        width: 120%
    }
}

.blog-listing__orange::before {
    background-color: rgba(0, 0, 0, 0)
}

.blog-listing__orange .slick-slider .slick-arrow.slick-next,
.blog-listing__orange .slick-slider .slick-arrow.slick-prev {
    color: #ffbe02
}

.p2-knowledge-center.yellow--slider .slick-slider .slick-list {
    overflow: hidden;
    margin: 0 50px
}

.p2-knowledge-center.yellow--slider .carousel.slick-initialized .slick-arrow.slick-prev {
    left: 15px;
    top: 50%
}

.p2-knowledge-center.yellow--slider .carousel.slick-initialized .slick-arrow.slick-next {
    right: 15px;
    top: 50%
}

.brand-assets {
    width: 100%
}

.brand-assets__holder {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.brand-assets__col {
    width: 50%;
    padding: 15px
}

@media only screen and (max-width: 767px) {
    .brand-assets__col {
        width: 100%
    }
}

.brand-assets__image {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    position: relative;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .brand-assets__image {
        margin-bottom: 20px
    }
}

.brand-assets__image:after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 1;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//brand-overlay.svg);
    background-repeat: no-repeat;
    background-position: left bottom
}

@media only screen and (max-width: 1439px) {
    .brand-assets__image:after {
        background-size: 80% auto
    }
}

.breadcrumbs {
    position: relative;
    width: calc(100% - 350px);
    margin-bottom: 60px
}

@media only screen and (max-width: 1199px) {
    .breadcrumbs {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 1199px)and (max-width: 767px) {
    .breadcrumbs {
        width: 100%
    }
}

.breadcrumbs span span {
    font-size: 20px;
    font-weight: 600;
    color: #0a5da9
}

@media only screen and (max-width: 991px) {
    .breadcrumbs span span {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs span span {
        font-size: 12px
    }
}

.banner--white .breadcrumbs span span,
.banner-page--white .breadcrumbs span span,
.banner-post .breadcrumbs span span {
    color: #fff
}

.banner-page--simple .breadcrumbs span span,
.single-thrive-skill .breadcrumbs span span {
    color: #a3a3a3
}

.breadcrumbs span span a {
    color: #0a5da9
}

.banner--white .breadcrumbs span span a,
.banner-page--white .breadcrumbs span span a,
.banner-post .breadcrumbs span span a {
    color: #fff
}

.banner-page--simple .breadcrumbs span span a,
.single-thrive-skill .breadcrumbs span span a {
    color: #a3a3a3
}

.breadcrumbs span span a:hover {
    color: #0a5da9
}

.banner--white .breadcrumbs span span a:hover,
.banner-page--white .breadcrumbs span span a:hover,
.banner-post .breadcrumbs span span a:hover {
    color: #fff
}

.banner-page--simple .breadcrumbs span span a:hover,
.single-thrive-skill .breadcrumbs span span a:hover {
    text-decoration: none;
    color: #575354
}

.breadcrumbs span span span {
    font-weight: 600
}

.breadcrumbs span span span:before {
    margin: 0 10px;
    font-size: 14px;
    content: "";
    color: #ffbe02;
    font-family: "icomoon", sans-serif
}

@media only screen and (max-width: 991px) {
    .breadcrumbs span span span:before {
        font-size: 12px;
        margin: 0 5px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs span span span:before {
        font-size: 8px
    }
}

.banner-simple .breadcrumbs span span span:before,
.banner-faculty .breadcrumbs span span span:before,
.banner-page--simple .breadcrumbs span span span:before,
.banner-post--podcast .breadcrumbs span span span:before,
.single-thrive-skill .breadcrumbs span span span:before {
    color: #0a5da9
}

.breadcrumbs--white span span {
    color: #fff
}

.breadcrumbs--white span span a {
    color: #fff
}

.breadcrumbs--white span span a:hover {
    color: #fff
}

.breadcrumbs--white span span span:before {
    color: #ffbe02
}

.banner-page--dark .breadcrumbs--white span span span:before {
    color: #0a5da9
}

@media only screen and (max-width: 767px) {
    .banner-faculty .breadcrumbs {
        width: 100vw;
        padding-right: 30px
    }
}

.browse-section {
    margin-bottom: 160px;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .browse-section {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .browse-section {
        margin-bottom: 48px
    }
}

@media only screen and (max-width: 1199px) {
    .browse-section {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 1199px)and (max-width: 991px) {
    .browse-section {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 1199px)and (max-width: 767px) {
    .browse-section {
        margin-bottom: 30px
    }
}

.browse-section__holder {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

@media only screen and (max-width: 991px) {
    .browse-section__holder {
        margin: 0 -15px
    }
}

@media only screen and (max-width: 767px) {
    .browse-section__holder {
        margin: 0 -8px
    }
}

.browse-section__col {
    padding: 0 20px;
    width: 50%
}

@media only screen and (max-width: 991px) {
    .browse-section__col {
        padding: 0 15px
    }
}

@media only screen and (max-width: 767px) {
    .browse-section__col {
        padding: 0 8px
    }
}

.carousel {
    margin: 0 -20px;
    min-height: 150px;
    position: relative;
    width: calc(100% + 40px);
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px
}

@media only screen and (max-width: 991px) {
    .carousel {
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
}

@media only screen and (max-width: 767px) {
    .carousel {
        margin: 0 -10px;
        width: calc(100% + 20px)
    }
}

.carousel__item {
    padding: 15px;
    display: none
}

@media only screen and (max-width: 991px) {
    .carousel__item {
        padding: 20px 15px;
        width: 380px
    }
}

@media only screen and (max-width: 767px) {
    .carousel__item {
        padding: 20px 10px;
        width: 280px
    }
}

@media only screen and (max-width: 767px) {
    .carousel__item--large {
        width: 380px
    }
}

@media only screen and (max-width: 479px) {
    .carousel__item--large {
        width: 320px
    }
}

@media only screen and (max-width: 991px) {
    .carousel__item--full {
        width: 580px
    }
}

@media only screen and (max-width: 767px) {
    .carousel__item--full {
        width: 320px
    }
}

.slick-initialized .carousel__item {
    display: flex
}

.carousel.slick-initialized {
    background-image: none
}

.carousel.slick-initialized .slick-arrow.slick-next {
    right: -25px;
    color: #ffbe02;
    font-size: 22px;
    top: 45%
}

@media only screen and (min-width: 991px) {
    .carousel.slick-initialized .slick-arrow.slick-next {
        font-size: 28px;
        right: -30px
    }
}

.carousel.slick-initialized .slick-dots {
    display: none !important
}

.carousel.slick-initialized .slick-arrow.slick-prev {
    left: -25px;
    color: #ffbe02;
    top: 45%;
    font-size: 22px
}

@media only screen and (min-width: 991px) {
    .carousel.slick-initialized .slick-arrow.slick-prev {
        font-size: 28px;
        left: -30px
    }
}

.carousel .slick-track {
    display: flex
}

.carousel .slick-track:after,
.carousel .slick-track:before {
    display: none
}

.carousel .slick-track .slick-slide {
    height: auto;
    display: flex
}

.columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (max-width: 991px) {
    .columns {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 767px) {
    .columns {
        margin-left: -10px;
        margin-right: -10px
    }
}

.columns__col-2 {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .columns__col-2 {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .columns__col-2 {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px
    }
}

.columns__col-2--flex {
    display: flex
}

.columns__col-3 {
    width: 33.33%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .columns__col-3 {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .columns__col-3 {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px
    }
}

.columns__col-3--flex {
    display: flex
}

@media only screen and (max-width: 479px) {
    .all-programs .columns__col-3 {
        width: 100%
    }
}

.columns--col-flex {
    display: flex
}

.content-banner {
    padding-top: 120px;
    padding-bottom: 210px;
    position: relative;
    width: 100%;
    z-index: 1;
    background-color: #ffbe02;
    overflow: hidden
}

@media only screen and (max-width: 1199px) {
    .content-banner {
        padding-top: 100px;
        padding-bottom: 170px
    }
}

@media only screen and (max-width: 991px) {
    .content-banner {
        padding-top: 70px;
        padding-bottom: 120px
    }
}

.content-banner__text {
    margin: 0 auto;
    max-width: 900px;
    font-size: 22px
}

@media only screen and (max-width: 1199px) {
    .content-banner__text {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .content-banner__text {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .content-banner__text {
        font-size: 16px
    }
}

.content-banner__text--left {
    text-align: left;
    max-width: unset
}

.content-banner__text--right {
    text-align: right
}

.content-banner__text--center {
    text-align: center
}

.content-banner__img {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content-banner__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom
}

.sidebar {
    position: fixed;
    height: auto;
    width: 250px;
    top: 75px;
    margin-left: 340px;
    z-index: 111;
    left: 50%;
    padding: 25px 20px;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 1199px) {
    .sidebar {
        display: none
    }
}

.sidebar label {
    font-size: 12px
}

.sidebar .sidebar__wrap {
    padding: 41px 36px 15px
}

@media only screen and (max-width: 767px) {
    .sidebar .sidebar__wrap {
        display: none
    }
}

.sidebar .sidebar__wrap .sidebar__top--a {
    padding: 40px 18px 0;
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.sidebar .sidebar__wrap .sidebar__logo {
    width: 100%
}

.sidebar .sidebar__wrap .sidebar__h4 {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 15px;
    color: #0a5ea9;
    margin: 10px 0 30px
}

@media only screen and (max-width: 767px) {
    .sidebar .sidebar__wrap .sidebar__h4 {
        font-size: 16px
    }
}

.sidebar .sidebar__wrap .sidebar__download {
    background: #0a5ea9;
    border-radius: 35px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    width: 100%
}

.sidebar .bottom__download-wrap {
    display: none
}

@media only screen and (max-width: 767px) {
    .sidebar .bottom__download-wrap {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        background: #fff;
        box-shadow: 0px -2px 10px rgba(0, 0, 0, .25);
        left: 0;
        margin: 0;
        z-index: 11
    }
    .sidebar .bottom__download-wrap a {
        display: flex;
        padding: 15px 80px 15px 15px;
        align-content: center;
        justify-content: space-between;
        text-decoration: none
    }
}

@media only screen and (max-width: 767px)and (max-width: 479px) {
    .sidebar .bottom__download-wrap a {
        padding: 12px 15px
    }
}

@media only screen and (max-width: 767px) {
    .sidebar .bottom__download-wrap div {
        display: flex;
        align-content: center;
        flex-direction: column;
        justify-content: center;
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .sidebar .bottom__download-wrap .sidebar__download--bottom {
        margin: 0;
        background: #0a5ea9;
        border-radius: 35px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 25px;
        text-transform: capitalize;
        color: #fff;
        text-align: center;
        padding: 5px 15px;
        text-decoration: none;
        width: 100%
    }
    .sidebar .bottom__download-wrap .sidebar__download--bottom :hover {
        background: #074883
    }
}

@media only screen and (max-width: 767px)and (max-width: 479px) {
    .sidebar .bottom__download-wrap .sidebar__download--bottom {
        font-size: 11px;
        padding: 2px 12px
    }
}

@media only screen and (max-width: 767px) {
    .sidebar .bottom__download-wrap .download__images--bottom img {
        height: 45px
    }
}

@media only screen and (max-width: 767px) {
    .sidebar .bottom__download-wrap .sidebar__logo--bottom {
        width: 148px
    }
}

@media only screen and (max-width: 767px)and (max-width: 479px) {
    .sidebar .bottom__download-wrap .sidebar__logo--bottom {
        width: 108px
    }
}

@media only screen and (max-width: 767px) {
    .sidebar .bottom__download-wrap .sidebar__h4--bottom {
        font-family: Poppins;
        font-style: normal;
        font-weight: 500;
        font-size: 12.5px;
        line-height: 25px;
        color: #0a5ea9;
        margin: 0
    }
}

@media only screen and (max-width: 767px)and (max-width: 479px) {
    .sidebar .bottom__download-wrap .sidebar__h4--bottom {
        font-size: 9px;
        line-height: 17px
    }
}

@media only screen and (max-width: 1199px) {
    .sidebar {
        right: 40px;
        left: auto;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .sidebar {
        position: static;
        background: #f7f8fa;
        width: calc(100% + 30px);
        height: auto;
        padding: 30px 0 0 0;
        height: auto;
        margin: 0 -15px
    }
}

.sidebar .footer__widget-title {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 24px;
    text-transform: uppercase;
    display: none
}

@media only screen and (max-width: 767px) {
    .sidebar .footer__widget-title {
        display: block;
        padding: 15px;
        margin: 0
    }
}

.sidebar .footer__widget.widget_recent_entries {
    padding: 0 37px;
    height: 350px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media only screen and (max-width: 767px) {
    .sidebar .footer__widget.widget_recent_entries {
        padding: 0;
        height: auto
    }
}

.sidebar .footer__widget.widget_recent_entries::-webkit-scrollbar {
    display: none
}

.sidebar p {
    margin: 0
}

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

@media only screen and (max-width: 767px) {
    .sidebar ul {
        padding: 0 15px
    }
}

.sidebar ul li {
    overflow: hidden;
    padding: 0;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .sidebar ul li {
        background: none;
        box-shadow: none;
        padding: 12px 1px
    }
}

.sidebar ul li a {
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
    width: 85%;
    text-transform: uppercase
}

@media only screen and (max-width: 767px) {
    .sidebar ul li a {
        color: #666;
        width: 100%;
        margin-bottom: 5px;
        text-transform: none;
        font-size: 13px
    }
}

.sidebar ul li .post-date {
    display: block;
    text-align: right;
    font-size: 11px;
    color: #ccc;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: #bbb
}

@media only screen and (max-width: 767px) {
    .sidebar ul li .post-date {
        color: #d3d3d3;
        font-size: 13px
    }
}

.content {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #4a4a4a
}

.content:after {
    display: block;
    clear: both;
    content: ""
}

.content address {
    margin: 0 0 20px;
    display: block;
    font-style: italic
}

.content address>*:last-child {
    margin-bottom: 0
}

.content .align-none,
.content .alignnone {
    display: inline
}

.content .align-center,
.content .aligncenter {
    margin: 0 auto;
    text-align: center
}

.content .align-left,
.content .alignleft {
    margin: 0 20px 20px 0;
    float: left
}

.content .align-right,
.content .alignright {
    margin: 0 0 20px 20px;
    float: right
}

.content .wp-caption,
.content figure {
    margin: 0 0 20px
}

.content .wp-caption .wp-caption-text,
.content .wp-caption figcaption,
.content figure .wp-caption-text,
.content figure figcaption {
    margin: 5px;
    font-style: italic
}

.content blockquote {
    margin: 0 0 20px;
    padding: 20px;
    font-style: italic;
    border: 1px solid #ddd;
    border-radius: 5px
}

.content blockquote>*:last-child {
    margin-bottom: 0
}

.content pre,
.content code {
    margin: 20px 0;
    font: 100% "andale mono", "lucida console", monospace;
    line-height: 1.5;
    white-space: pre
}

.content pre>*:last-child,
.content code>*:last-child {
    margin-bottom: 0
}

.content ul,
.content ol {
    margin: 0 0 20px 20px
}

.content li ul,
.content li ol {
    margin: 0 20px
}

.content ul,
.content ul li {
    list-style-type: disc
}

.content ol,
.content ol li {
    list-style-type: decimal
}

.content dl {
    margin: 0 0 20px
}

.content dl dt {
    font-weight: bold
}

.content dl dd {
    margin-left: 20px
}

.content table {
    margin: 0 0 30px;
    width: 100%;
    font-size: 16px;
    border-collapse: collapse
}

@media only screen and (max-width: 991px) {
    .content table {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .content table {
        font-size: 15px
    }
}

.content table caption {
    padding: 10px;
    font-size: 27px;
    color: #575354;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.content table th,
.content table td {
    /* padding: 10px; */
    border-bottom: 1px solid rgba(10, 93, 169, .5);
    background: rgba(0, 0, 0, 0)
}

.content table th {
    font-weight: 500;
    text-align: left;
    text-transform: uppercase
}

.content table thead th {
    background: rgba(10, 93, 169, .1)
}

.content table tfoot {
    font-style: italic
}

@media only screen and (max-width: 767px) {
    .content {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .content img.align-left,
    .content img.alignleft,
    .content img.align-right,
    .content img.alignright {
        max-width: 50%
    }
}

.content__search {
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .content__search {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .content__search {
        margin-bottom: 18px
    }
}

.content__page {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #4a4a4a
}

.content__page:after {
    display: block;
    clear: both;
    content: ""
}

.content__page address {
    margin: 0 0 20px;
    display: block;
    font-style: italic
}

.content__page address>*:last-child {
    margin-bottom: 0
}

.content__page .align-none,
.content__page .alignnone {
    display: inline
}

.content__page .align-center,
.content__page .aligncenter {
    margin: 0 auto;
    text-align: center
}

.content__page .align-left,
.content__page .alignleft {
    margin: 0 20px 20px 0;
    float: left
}

.content__page .align-right,
.content__page .alignright {
    margin: 0 0 20px 20px;
    float: right
}

.content__page .wp-caption,
.content__page figure {
    margin: 0 0 20px
}

.content__page .wp-caption .wp-caption-text,
.content__page .wp-caption figcaption,
.content__page figure .wp-caption-text,
.content__page figure figcaption {
    margin: 5px;
    font-style: italic
}

.content__page blockquote {
    margin: 0 0 20px;
    padding: 20px;
    font-style: italic;
    border: 1px solid #ddd;
    border-radius: 5px
}

.content__page blockquote>*:last-child {
    margin-bottom: 0
}

.content__page pre,
.content__page code {
    margin: 20px 0;
    font: 100% "andale mono", "lucida console", monospace;
    line-height: 1.5;
    white-space: pre
}

.content__page pre>*:last-child,
.content__page code>*:last-child {
    margin-bottom: 0
}

.content__page ul,
.content__page ol {
    margin: 0 0 20px 20px
}

.content__page li ul,
.content__page li ol {
    margin: 0 20px
}

.content__page ul,
.content__page ul li {
    list-style-type: disc
}

.content__page ol,
.content__page ol li {
    list-style-type: decimal
}

.content__page dl {
    margin: 0 0 20px
}

.content__page dl dt {
    font-weight: bold
}

.content__page dl dd {
    margin-left: 20px
}

.content__page table {
    margin: 0 0 30px;
    width: 100%;
    font-size: 16px;
    border-collapse: collapse
}

@media only screen and (max-width: 991px) {
    .content__page table {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .content__page table {
        font-size: 15px
    }
}

.content__page table caption {
    padding: 10px;
    font-size: 27px;
    color: #575354;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.content__page table th,
.content__page table td {
    padding: 10px;
    border-bottom: 1px solid rgba(10, 93, 169, .5);
    background: rgba(0, 0, 0, 0)
}

.content__page table th {
    font-weight: 500;
    text-align: left;
    text-transform: uppercase
}

.content__page table thead th {
    background: rgba(10, 93, 169, .1)
}

.content__page table tfoot {
    font-style: italic
}

@media only screen and (max-width: 767px) {
    .content__page {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .content__page img.align-left,
    .content__page img.alignleft,
    .content__page img.align-right,
    .content__page img.alignright {
        max-width: 50%
    }
}

.content__page--category {
    text-align: center;
    font-size: 22px
}

@media only screen and (max-width: 1199px) {
    .content__page--category {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .content__page--category {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .content__page--category {
        font-size: 16px
    }
}

.single-thrive-skill .content__page {
    text-align: left
}

.content__post {
    position: relative
}

.content__post #knowledge_tab_blogs h5 {
    min-height: 60px
}

@media only screen and (min-width: 1199px) {
    .content__post .container {
        margin-right: 290px;
        width: auto
    }
}

@media only screen and (min-width: 1199px) {
    .content__post .p2-lerning-system h2 {
        font-size: 200px;
        line-height: 320px
    }
}

.content__post p h2,
.content__post ul h2,
.content__post ol h2 {
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .content__post p h2,
    .content__post ul h2,
    .content__post ol h2 {
        font-size: 15px
    }
}

.content__post h4 {
    font-size: 35px;
    color: #000
}

@media only screen and (max-width: 991px) {
    .content__post h4 {
        font-size: 32px
    }
}

@media only screen and (max-width: 767px) {
    .content__post h4 {
        font-size: 28px
    }
}

.content__post h4 a {
    color: #0a5da9
}

.content__post h4 strong,
.content__post h4 dfn {
    color: #575354
}

.content__post h5 {
    font-size: 18px
}

.content__timing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 22px;
    margin-bottom: 15px;
    justify-content: center;
    text-transform: uppercase;
    margin-bottom: 100px
}

@media only screen and (max-width: 991px) {
    .content__timing {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .content__timing {
        font-size: 18px
    }
}

@media only screen and (max-width: 991px) {
    .content__timing {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .content__timing {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .content__timing {
        font-size: 10px
    }
}

.content__timing span {
    display: flex;
    align-items: center;
    justify-content: center
}

.content__timing span:before {
    content: "|";
    margin: 0 15px
}

@media only screen and (max-width: 991px) {
    .content__timing span:before {
        margin: 0 10px
    }
}

@media only screen and (max-width: 767px) {
    .content__timing span:before {
        margin: 0 5px
    }
}

.content__timing span:first-child:before {
    display: none
}

@media only screen and (max-width: 479px) {
    .content__timing span:nth-child(3) {
        width: 100%;
        margin-top: 10px
    }
}

@media only screen and (max-width: 479px) {
    .content__timing span:nth-child(3):before {
        display: none
    }
}

.content__share {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px
}

@media only screen and (max-width: 991px) {
    .content__share {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .content__share {
        margin-top: 18px
    }
}

.content__share a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    border-radius: 3px;
    color: #0a5da9;
    font-size: 100%;
    background-color: #dfdfdf
}

@media only screen and (max-width: 767px) {
    .content__share a {
        width: 24px;
        height: 24px;
        font-size: 90%;
        margin-left: 8px
    }
}

.content__share a:hover {
    text-decoration: none;
    background-color: #0a5da9;
    color: #dfdfdf
}

.content__share span {
    font-weight: 500
}

.content__qualification {
    margin-top: 60px
}

@media only screen and (max-width: 991px) {
    .content__qualification {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .content__qualification {
        margin-top: 18px
    }
}

.content__qualification h4 {
    font-size: 110%
}

.content__qualification ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.content__qualification ul li {
    display: flex;
    list-style: none;
    align-items: center
}

.content__qualification ul li:after {
    content: "|";
    margin: 0 10px;
    color: #ffbe02
}

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

.enterprises-statistics {
    width: 100%
}

.enterprises-statistics__logo {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 176px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

@media only screen and (max-width: 991px) {
    .enterprises-statistics__logo {
        width: 102px;
        height: 102px
    }
}

.enterprises-statistics__logo img {
    width: 70%;
    height: 70%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center
}

.enterprises-statistics__text {
    height: 40px;
    width: 176px;
    margin-top: 5px;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.1;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width: 991px) {
    .enterprises-statistics__text {
        display: none;
        width: 102px;
        height: 30px;
        line-height: 1;
        font-size: 10px
    }
}

.enterprises-statistics__slide {
    padding: 0;
    display: none
}

.slick-initialized .enterprises-statistics__slide {
    display: block
}

.enterprises-statistics .slick-slide>div {
    padding: 0 60px 40px 0
}

@media only screen and (max-width: 991px) {
    .enterprises-statistics .slick-slide>div {
        padding: 0 40px 15px 0
    }
}

@media only screen and (max-width: 767px) {
    .enterprises-statistics .slick-slide>div {
        padding: 0 20px 15px 0
    }
}

.enterprises-statistics .slick-slide>div+div {
    margin-left: -210px;
    padding: 0 0 50px 80px
}

@media only screen and (max-width: 991px) {
    .enterprises-statistics .slick-slide>div+div {
        margin-left: -110px;
        padding: 0 0 15px 40px
    }
}

.enterprises-statistics .slick-slide>div+div+div {
    margin-left: -210px;
    padding: 0 0 50px 80px
}

.enterprises-statistics__slider {
    min-height: 150px;
    padding-top: 60px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px
}

@media only screen and (max-width: 991px) {
    .enterprises-statistics__slider {
        padding-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .enterprises-statistics__slider {
        padding-top: 10px
    }
}

.enterprises-statistics__slider.slick-initialized {
    background-image: none
}

.enterprises-statistics__row {
    margin: 0 -70px;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 140px)
}

@media only screen and (max-width: 1549px) {
    .enterprises-statistics__row {
        margin: 0;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .enterprises-statistics__row {
        justify-content: center
    }
}

.enterprises-statistics__col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 25%
}

@media only screen and (max-width: 767px) {
    .enterprises-statistics__col {
        padding-bottom: 15px
    }
}

.events {
    width: 100%
}

.events__slider {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width: 767px) {
    .events__slider {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.events__slider h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .events__slider h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.events__slider .content p {
    text-align: center
}

.events__slider .carousel.p2-advantage__slider {
    padding: 0 50px
}

.events__slider .carousel.slick-initialized .slick-arrow.slick-prev {
    left: 15px
}

.events__slider .carousel.slick-initialized .slick-arrow.slick-next {
    right: 15px
}

.events__slider .p2-advantage__slider.slick-slider .slick-slide {
    padding: 30px 20px 0
}

.events__details {
    background-color: #009bea;
    padding-top: 40px;
    padding-bottom: 50px
}

@media only screen and (min-width: 991px) {
    .events__details {
        padding-top: 60px
    }
}

.events__details--top {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 767px) {
    .events__details--top {
        flex-direction: row;
        gap: 80px;
        align-items: center
    }
}

.events__details--top h2 {
    font-style: italic;
    font-weight: 800;
    font-size: 80px;
    line-height: 84px;
    text-align: center;
    color: #fff;
    text-transform: capitalize
}

@media only screen and (min-width: 1199px) {
    .events__details--top h2 {
        font-size: 164px;
        line-height: 142px
    }
}

.events__details--top p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    width: 90%;
    margin: 0 auto
}

@media only screen and (min-width: 1199px) {
    .events__details--top p {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
        width: 100%;
        margin: 0;
        padding-right: 20px
    }
}

.events__tabs {
    margin-top: 40px;
    display: flex;
    justify-content: center
}

.events__tabs ul {
    display: inline-flex;
    background: #fff;
    border-radius: 40px
}

.events__tabs ul li a {
    color: #4a4a4a;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: .02em;
    text-transform: capitalize;
    padding: 8px 30px
}

.events__tabs ul li a:hover {
    background: inherit;
    box-shadow: none
}

.events__tabs ul li.is-active a {
    background: #ffbe02;
    box-shadow: none
}

.faqs-section {
    width: 100%
}

.faqs-section__list {
    margin: 0 auto;
    max-width: 70%
}

@media only screen and (max-width: 1199px) {
    .faqs-section__list {
        max-width: 80%
    }
}

@media only screen and (max-width: 991px) {
    .faqs-section__list {
        max-width: 90%
    }
}

@media only screen and (max-width: 767px) {
    .faqs-section__list {
        max-width: 100%
    }
}

.faqs-section__item {
    padding: 10px 0;
    border-bottom: 1px solid #0a5da9
}

@media only screen and (max-width: 767px) {
    .faqs-section__item {
        padding: 5px 0
    }
}

.faqs-section__item.is-active .faqs-section__title:after {
    border-color: #ffbe02 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    transform: none
}

.faqs-section__title {
    padding: 30px 80px 30px 0;
    position: relative;
    font-weight: 600;
    cursor: pointer
}

@media only screen and (max-width: 1199px) {
    .faqs-section__title {
        padding: 20px 60px 20px 0
    }
}

@media only screen and (max-width: 767px) {
    .faqs-section__title {
        padding: 10px 30px 10px 0
    }
}

.faqs-section__title:after {
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-color: #0a5da9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 22px 12px 0;
    transform: rotate(-90deg);
    transition: .3s ease-in-out;
    content: ""
}

@media only screen and (max-width: 1199px) {
    .faqs-section__title:after {
        margin-top: -10px;
        border-width: 22px 12px 0
    }
}

@media only screen and (max-width: 767px) {
    .faqs-section__title:after {
        margin-top: -5px;
        border-width: 10px 6px 0
    }
}

.faqs-section__panel {
    padding-bottom: 20px;
    display: none;
    line-height: 1.6
}

@media only screen and (max-width: 767px) {
    .faqs-section__panel {
        padding-bottom: 0
    }
}

.feature-testimonial {
    width: 100%
}

.feature-testimonial__holder {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.feature-testimonial__left {
    padding-right: 100px;
    width: 40%
}

@media only screen and (max-width: 1439px) {
    .feature-testimonial__left {
        padding-right: 80px
    }
}

@media only screen and (max-width: 1199px) {
    .feature-testimonial__left {
        padding-right: 50px
    }
}

@media only screen and (max-width: 991px) {
    .feature-testimonial__left {
        padding-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .feature-testimonial__left {
        padding-right: 0;
        width: 100%
    }
}

.feature-testimonial__left img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .feature-testimonial__left img {
        max-width: 200px
    }
}

.feature-testimonial__right {
    width: 60%;
    font-weight: 500;
    font-size: 22px;
    margin-top: 60px
}

@media only screen and (max-width: 1199px) {
    .feature-testimonial__right {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .feature-testimonial__right {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .feature-testimonial__right {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .feature-testimonial__right {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .feature-testimonial__right {
        margin-top: 18px
    }
}

@media only screen and (max-width: 767px) {
    .feature-testimonial__right {
        width: 100%;
        text-align: center
    }
}

.feature-testimonial__text {
    font-size: 16px;
    font-style: italic;
    color: #a3a3a3
}

@media only screen and (max-width: 991px) {
    .feature-testimonial__text {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .feature-testimonial__text {
        font-size: 15px
    }
}

.featured-programs {
    width: 100%
}

.featured-programs__holder {
    margin: 0 -35px;
    width: calc(100% + 70px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (max-width: 1199px) {
    .featured-programs__holder {
        margin: 0 -20px;
        width: calc(100% + 40px)
    }
}

@media only screen and (max-width: 991px) {
    .featured-programs__holder {
        margin: 0 -10px;
        width: calc(100% + 20px)
    }
}

.featured-programs__item {
    display: flex;
    padding: 0 35px;
    width: 33.333%;
    margin-bottom: 70px
}

@media only screen and (max-width: 1199px) {
    .featured-programs__item {
        padding: 0 20px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 991px) {
    .featured-programs__item {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .featured-programs__item {
        width: 100%
    }
}

.featured-programs__item .card-intro {
    padding: 0
}

.featured-programs__item .card-intro .card-intro__content {
    padding: 0 20px 40px;
    text-align: left
}

.footer {
    padding-top: 60px;
    padding-bottom: 15px;
    position: relative;
    z-index: 2;
    width: 100%;
    font-weight: 600;
    background: #0a5da9;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .footer {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .footer {
        font-weight: 500;
        padding-bottom: 80px
    }
}

.footer__ios,
.footer__android {
    margin-top: 20px;
    position: relative;
    display: block;
    width: 260px
}

@media only screen and (max-width: 1199px) {
    .footer__ios,
    .footer__android {
        width: 220px
    }
}

@media only screen and (max-width: 991px) {
    .footer__ios,
    .footer__android {
        width: 180px
    }
}

@media only screen and (max-width: 767px) {
    .footer__ios,
    .footer__android {
        margin-top: 15px;
        width: 143px
    }
}

.footer__ios img,
.footer__android img {
    width: 100%;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .footer__ios img,
    .footer__android img {
        width: 143px
    }
}

.footer__ios img.is-hover,
.footer__android img.is-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.footer__ios:hover img.is-active,
.footer__android:hover img.is-active {
    opacity: 0
}

.footer__ios:hover img.is-hover,
.footer__android:hover img.is-hover {
    opacity: 1
}

.footer__logo {
    margin-bottom: 40px;
    display: block;
    width: 240px
}

@media only screen and (max-width: 991px) {
    .footer__logo {
        width: 180px
    }
}

@media only screen and (max-width: 767px) {
    .footer__logo {
        margin-bottom: 10px;
        width: 138px
    }
}

.footer__bottom,
.footer__top {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.footer__bottom {
    padding-top: 15px;
    font-size: 16px
}

@media only screen and (max-width: 991px) {
    .footer__bottom {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .footer__bottom {
        padding-top: 0;
        padding-bottom: 30px
    }
}

.footer__bottom p {
    color: #cbcbcb
}

@media only screen and (max-width: 991px) {
    .footer__bottom p {
        opacity: 0;
        visibility: hidden
    }
}

@media only screen and (max-width: 767px) {
    .footer__bottom p {
        display: none
    }
}

.footer__bottom ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .footer__bottom ul {
        justify-content: flex-end
    }
}

.footer__bottom ul li {
    color: #cbcbcb
}

.footer__bottom ul li:after {
    margin: 0 4px;
    content: "|"
}

@media only screen and (max-width: 767px) {
    .footer__bottom ul li:after {
        margin: 0 3px;
        font-size: 8px
    }
}

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

.footer__bottom ul li a {
    color: #cbcbcb
}

@media only screen and (max-width: 767px) {
    .footer__bottom ul li a {
        font-size: 9px
    }
}

.footer__bottom ul li a:hover {
    text-decoration: none;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .footer__bottom .footer__col1 {
        margin-bottom: 0
    }
}

.footer__menu {
    width: 100%
}

.footer__menu>ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: center
}

.footer__menu>ul>li {
    width: 33.33%;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width: 767px) {
    .footer__menu>ul>li {
        padding-bottom: 18px;
        width: 100%
    }
}

.footer__menu>ul>li>a {
    position: relative;
    display: inline-block;
    color: #ffbe02
}

.footer__menu>ul>li>a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #ffbe02;
    transition: .3s ease-in-out;
    content: ""
}

.footer__menu>ul>li>a:hover {
    text-decoration: none
}

.footer__menu>ul>li>a:hover:after {
    width: 100%
}

.footer__menu>ul>li>ul {
    margin-top: 20px
}

@media only screen and (max-width: 991px) {
    .footer__menu>ul>li>ul {
        margin-top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .footer__menu>ul>li>ul {
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap
    }
}

.footer__menu>ul>li>ul>li {
    margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .footer__menu>ul>li>ul>li {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 767px) {
    .footer__menu>ul>li>ul>li {
        width: 50%;
        margin-bottom: 5px
    }
}

.footer__menu>ul>li>ul>li a {
    position: relative;
    color: #cbcbcb
}

.footer__menu>ul>li>ul>li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: .3s ease-in-out;
    content: ""
}

.footer__menu>ul>li>ul>li a:hover {
    text-decoration: none;
    color: #fff
}

.footer__menu>ul>li>ul>li a:hover:after {
    width: 100%
}

.footer__col1 {
    width: 50%
}

@media only screen and (max-width: 991px) {
    .footer__col1 {
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .footer__col1 {
        margin-bottom: 17px;
        padding-right: 0;
        width: 100%
    }
}

.footer__social {
    padding-top: 100px;
    display: flex;
    margin-bottom: 5px
}

@media only screen and (max-width: 1199px) {
    .footer__social {
        padding-top: 70px
    }
}

@media only screen and (max-width: 991px) {
    .footer__social {
        padding-top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social {
        justify-content: flex-end
    }
}

.footer__social li {
    margin-right: 25px
}

@media only screen and (max-width: 991px) {
    .footer__social li {
        margin-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social li {
        margin-right: 10px
    }
}

.footer__social li:last-child {
    margin-right: 0
}

.footer__social li a {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #0a5da9;
    border-radius: 2px;
    background: #fff;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 991px) {
    .footer__social li a {
        width: 30px;
        height: 30px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social li a {
        width: 20px;
        height: 20px
    }
}

.footer__social li a:hover {
    text-decoration: none;
    color: #fff
}

.footer__social-facebook {
    font-size: 30px
}

@media only screen and (max-width: 991px) {
    .footer__social-facebook {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social-facebook {
        font-size: 16px
    }
}

.footer__social-facebook:hover {
    background: #5a7dc6
}

.footer__social-twitter {
    font-size: 23px
}

@media only screen and (max-width: 991px) {
    .footer__social-twitter {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social-twitter {
        font-size: 12px
    }
}

.footer__social-twitter:hover {
    background: #1da1f2
}

.footer__social-linkedin {
    font-size: 28px
}

@media only screen and (max-width: 991px) {
    .footer__social-linkedin {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social-linkedin {
        font-size: 14px
    }
}

.footer__social-linkedin:hover {
    background: #007bb5
}

.footer__social-instagram {
    font-size: 30px
}

@media only screen and (max-width: 991px) {
    .footer__social-instagram {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social-instagram {
        font-size: 15px
    }
}

.footer__social-instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)
}

.footer__social-whatsapp {
    font-size: 30px
}

@media only screen and (max-width: 991px) {
    .footer__social-whatsapp {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social-whatsapp {
        font-size: 14px
    }
}

.footer__social-whatsapp:hover {
    background: #42bd53
}

.footer__social-youtube {
    font-size: 20px
}

@media only screen and (max-width: 991px) {
    .footer__social-youtube {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .footer__social-youtube {
        font-size: 11px
    }
}

.footer__social-youtube:hover {
    background: #f44d10
}

.footer__bg {
    position: absolute;
    right: -70px;
    bottom: -20px;
    z-index: -1;
    width: 430px
}

@media only screen and (max-width: 1549px) {
    .footer__bg {
        width: 350px
    }
}

@media only screen and (max-width: 1439px) {
    .footer__bg {
        width: 290px
    }
}

@media only screen and (max-width: 1199px) {
    .footer__bg {
        width: 230px
    }
}

@media only screen and (max-width: 991px) {
    .footer__bg {
        right: auto;
        left: -15px;
        width: 300px
    }
}

@media only screen and (max-width: 767px) {
    .footer__bg {
        width: 205px;
        bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .footer__mobile-hide {
        display: none
    }
}

.footer__mobile-show {
    display: none
}

@media only screen and (max-width: 767px) {
    .footer__mobile-show {
        padding-top: 5px;
        display: flex;
        justify-content: space-between;
        max-width: 320px
    }
}

.founder-profile {
    width: 100%
}

.founder-profile__list {
    width: 100%;
    margin-bottom: 100px
}

@media only screen and (max-width: 991px) {
    .founder-profile__list {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .founder-profile__list {
        margin-bottom: 30px
    }
}

.founders-content {
    padding-top: 90px;
    padding-bottom: 140px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .founders-content {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .founders-content {
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center
    }
}

.founders-content__content {
    z-index: 2;
    position: relative;
    padding-top: 60px;
    width: 45%
}

@media only screen and (max-width: 991px) {
    .founders-content__content {
        padding-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .founders-content__content {
        order: 1;
        width: 100%
    }
}

.founders-content__content h2 {
    display: block
}

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

.blog.sticky .blog__thumb img, .widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb img{width:100%;}
    .founders-content__content h2 {
        display: none
    }
}

.founders-content__image {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .founders-content__image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }


}

@media only screen and (max-width: 767px) {
.blog-area .col-12:last-child {margin-bottom: 0;}
.blog-area__blogs .blog .blog__thumb a { display: block;}
.blog-area .col-12 {margin-bottom: 30px;}
    .founders-content__image {
        width: 100%
    }
}

.founders-content__image img {
    width: 100%;
    margin: 0 auto;
    display: block
}

@media only screen and (min-width: 768px) {
    .founders-content__image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (max-width: 767px) {
    .founders-content__image img.size-full {
        display: none
    }
}

.founders-content__image img.size-large {
    display: block;
    max-width: calc(100% + 200px);
    width: calc(100% + 200px);
    margin: 0 -100px
}

@media only screen and (max-width: 767px) {
    .founders-content__image img.size-large {
        display: block
    }
}

.founders-content__image h2 {
    display: none
}

@media only screen and (max-width: 767px) {
    .founders-content__image h2 {
        display: block
    }
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
    margin-top: 60px;
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .gallery {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .gallery {
        margin-top: 18px
    }
}

@media only screen and (max-width: 991px) {
    .gallery {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .gallery {
        margin-bottom: 18px
    }
}

.gallery .gallery-item {
    padding: 8px
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50%
}

.google-map {
    width: 100%;
    height: 520px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 1199px) {
    .google-map {
        height: 450px
    }
}

@media only screen and (max-width: 991px) {
    .google-map {
        height: 400px
    }
}

@media only screen and (max-width: 767px) {
    .google-map {
        height: 350px
    }
}

@media only screen and (max-width: 479px) {
    .google-map {
        height: 200px
    }
}

.grievance-banner {
    background-color: #ffbe02;
    width: 100%;
    padding: 0 10px
}

@media only screen and (min-width: 767px) {
    .grievance-banner {
        padding: 0
    }
}

.grievance-banner .container {
    display: flex;
    align-self: flex-end;
    min-height: 130px;
    justify-content: space-between
}

@media only screen and (min-width: 767px) {
    .grievance-banner .container {
        min-height: 300px
    }
}

.grievance-banner img {
    height: 110px;
    display: flex;
    justify-self: center;
    align-self: flex-end
}

@media only screen and (min-width: 767px) {
    .grievance-banner img {
        height: 260px
    }
}

@media only screen and (min-width: 1199px) {
    .grievance-banner img {
        padding-right: 480px
    }
}

.grievance-info {
    display: flex;
    flex-direction: column;
    width: 250px
}

@media only screen and (min-width: 767px) {
    .grievance-info {
        width: 35%
    }
}

.grievance-info .breadcrumb {
    padding-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 12px;
    color: #fff;
    margin: 0;
    padding-top: 26px
}

@media only screen and (min-width: 767px) {
    .grievance-info .breadcrumb {
        font-size: 20px;
        line-height: 29px;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.grievance-info h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #4a4a4a
}

@media only screen and (min-width: 767px) {
    .grievance-info h2 {
        font-size: 56px;
        line-height: 60px
    }
}

.grievance-content {
    padding-bottom: 35px;
    position: relative
}

.grievance-content--info {
    width: 100%;
    padding: 50px 5px 20px
}

@media only screen and (min-width: 991px) {
    .grievance-content--info {
        padding-right: 420px
    }
}

@media only screen and (min-width: 1199px) {
    .grievance-content--info {
        padding-right: 470px
    }
}

.grievance-content--info h3 {
    font-size: 20px;
    line-height: 24px;
    color: #4a4a4a;
    text-transform: capitalize;
    margin-bottom: 20px
}

@media only screen and (min-width: 1199px) {
    .grievance-content--info h3 {
        font-size: 32px;
        line-height: 46px
    }
}

.grievance-content--info p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #4a4a4a;
    margin-bottom: 30px
}

@media only screen and (min-width: 1199px) {
    .grievance-content--info p {
        font-size: 24px;
        line-height: 32px
    }
}

.grievance-content--info ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #4a4a4a;
    margin-bottom: 25px;
    position: relative;
    padding-left: 30px
}

@media only screen and (min-width: 1199px) {
    .grievance-content--info ul li {
        font-size: 24px;
        line-height: 32px
    }
}

.grievance-content--info ul li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #ffbe02
}

@media only screen and (min-width: 1199px) {
    .grievance-content--info ul li::before {
        border-left: 7px solid rgba(0, 0, 0, 0);
        border-right: 7px solid rgba(0, 0, 0, 0);
        border-bottom: 14px solid #ffbe02
    }
}

.grievance-content--info ul li a {
    color: #0099df
}

.grievance-content--info ul li a:hover {
    color: #0a5da9
}

.grievance-content--info ul p {
    padding-left: 30px
}

.grievance-content--info ul p strong,
.grievance-content--info ul p dfn {
    font-weight: 400
}

.grievance-content .grievance-form {
    width: 100%;
    padding: 25px;
    position: unset;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
    border-radius: 20px
}

@media only screen and (min-width: 479px) {
    .grievance-content .grievance-form {
        margin: 0 30px;
        width: calc(100% - 60px)
    }
}

@media only screen and (min-width: 991px) {
    .grievance-content .grievance-form {
        position: absolute;
        top: 30px;
        width: 360px;
        right: 0;
        margin: 0
    }
}

@media only screen and (min-width: 1199px) {
    .grievance-content .grievance-form {
        top: -270px;
        width: 400px
    }
}

.grievance-content .grievance-form::-moz-placeholder {
    color: #4a4a4a
}

.grievance-content .grievance-form::placeholder {
    color: #4a4a4a
}

.grievance-content .grievance-form h4 {
    padding: 5px;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    color: #4a4a4a;
    text-align: center
}

.grievance-content .grievance-form .input-border {
    border: 1px solid #e6e6e6;
    border-radius: 25px;
    padding: 6px 17px;
    margin: 30px 0;
    position: relative
}

.grievance-content .grievance-form .input-border.error-border {
    border-color: #ff0303
}

.grievance-content .grievance-form .input-border .error--msg {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: #ff0303;
    position: absolute;
    bottom: -20px
}

.grievance-content .grievance-form .input-border input,
.grievance-content .grievance-form .input-border textarea,
.grievance-content .grievance-form .input-border select {
    width: 100%;
    border: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding: 0;
    height: 38px;
    border-radius: 0
}

.grievance-content .grievance-form .input-border select {
    filter: grayscale(100%);
    background-blend-mode: exclusion;
    background-size: 12px
}

.grievance-content .grievance-form .input-border textarea {
    padding-top: 12px;
    height: 102px
}

.grievance-content .grievance-form .input-border textarea:focus-visible {
    outline: none
}

.grievance-content .grievance-form .input-border input[type=file] {
    padding: 4px 0;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.grievance-content .grievance-form .input-border input[type=file]::file-selector-button {
    border: none;
    padding: 6px 15px;
    border-radius: 20px;
    background-color: #ffbe02;
    font-size: 14px;
    color: #4a4a4a
}

.grievance-content .grievance-form--btn {
    width: 100%;
    background: #0099df;
    height: 60px;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    text-transform: uppercase
}

.grievance-content .grievance-form--registered {
    text-align: center;
    width: 320px;
    margin: 0 auto
}

.grievance-content .grievance-form--registered h5 {
    font-weight: 600;
    font-size: 33px;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
    color: #4a4a4a;
    margin: 0;
    padding: 30px 0 15px
}

.grievance-content .grievance-form--registered p {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #4a4a4a
}

.grievance-content .grievance-form--registered-check img {
    height: 170px;
    margin: 0 auto
}

.grievance-content .grievance-form--registered-btn {
    font-weight: 600;
    font-size: 18.3333px;
    line-height: 26px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #0099df;
    margin-bottom: 20px;
    display: block
}

@media only screen and (min-width: 1199px) {
    .grievance-content .grievance-form--registered {
        width: 260px;
        margin: 0 auto
    }
}

.grievance-further-call {
    background-color: #f8be00;
    padding: 55px 48px;
    margin-bottom: 20px
}

@media only screen and (min-width: 991px) {
    .grievance-further-call {
        padding: 37px;
        flex-direction: row
    }
}

.grievance-further-call .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .grievance-further-call .container {
        flex-direction: row;
        align-items: center
    }
}

.grievance-further-call h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #4a4a4a;
    margin-bottom: 30px;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .grievance-further-call h3 {
        margin-right: 33px;
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 0
    }
}

.grievance-further-call button {
    width: 100%;
    min-width: 260px;
    max-width: 260px;
    background: #0099df;
    height: 52px;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #fff;
    border: 0;
    border-radius: 50px;
    text-transform: uppercase;
    cursor: pointer
}

@media only screen and (min-width: 991px) {
    .grievance-further-call button {
        max-width: 245px
    }
}

.grievance-report-heading {
    text-align: center;
    padding: 40px 0 10px;
    color: #4a4a4a;
    font-size: 20px;
    line-height: 29px;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .grievance-report-heading {
        padding: 60px 0 10px;
        font-size: 32px;
        line-height: 46px
    }
}

.grievance-report-content {
    padding: 20px 5px;
    background-color: #ededed
}

@media only screen and (min-width: 991px) {
    .grievance-report-content {
        padding: 60px 0
    }
}

.grievance-report-content .white-bg {
    background: #fff;
    border-radius: 10px
}

.grievance-report-row {
    display: flex;
    align-items: center;
    padding: 15px 15px 15px 35px;
    margin: 20px 0
}

@media only screen and (min-width: 991px) {
    .grievance-report-row {
        padding: 22px 80px 22px 100px;
        margin: 20px 0
    }
}

.grievance-report-row--heading {
    padding: 0
}

@media only screen and (min-width: 991px) {
    .grievance-report-row--heading {
        padding: 0 100px
    }
}

.grievance-report-row--heading .grievance-report-numbers {
    border-left: 1px solid #d1d1d1
}

@media only screen and (min-width: 991px) {
    .grievance-report-row--heading .grievance-report-numbers {
        border: 0
    }
}

.grievance-report-row h3 {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize;
    color: #262626;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .grievance-report-row h3 {
        font-weight: 700;
        font-size: 24px;
        line-height: 35px;
        color: #4a4a4a
    }
}

.grievance-report-row p {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #707070;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .grievance-report-row p {
        font-size: 20px;
        line-height: 29px;
        font-weight: 400
    }
}

.grievance-report-row p::before {
    left: -20px;
    top: 5px;
    content: "";
    position: absolute;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #ffbe02
}

@media only screen and (min-width: 991px) {
    .grievance-report-row p::before {
        left: -50px;
        top: 7px;
        border-left: 7px solid rgba(0, 0, 0, 0);
        border-right: 7px solid rgba(0, 0, 0, 0);
        border-bottom: 14px solid #ffbe02
    }
}

.grievance-report-actions {
    width: 80%;
    position: relative
}

.grievance-report-numbers {
    width: 20%
}

@media only screen and (min-width: 991px) {
    .grievance-report-numbers {
        width: 15%
    }
}

.grievance-report-numbers h3 {
    text-align: right
}

.grievance-report-numbers p {
    text-align: right
}

@media only screen and (min-width: 991px) {
    .grievance-report-numbers p {
        font-weight: 600;
        font-size: 24px;
        line-height: 35px;
        text-align: center;
        text-transform: uppercase;
        color: #4a4a4a
    }
}

.grievance-report-list-item {
    padding: 10px 15px 0 50px;
    display: flex;
    position: relative
}

@media only screen and (min-width: 991px) {
    .grievance-report-list-item {
        padding: 15px 90px 15px 144px
    }
    .grievance-report-list-item .grievance-report-numbers p {
        font-weight: 600;
        font-size: 20px;
        line-height: 29px;
        text-transform: uppercase;
        color: #4a4a4a
    }
}

.grievance-report-list-item p {
    margin: 0;
    font-size: 14px;
    line-height: 21px
}

@media only screen and (min-width: 991px) {
    .grievance-report-list-item p {
        font-size: 20px;
        line-height: 29px;
        font-weight: 400
    }
}

.grievance-report-list-item::before {
    left: 30px;
    top: 15px;
    content: "";
    position: absolute;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #ffbe02
}

@media only screen and (min-width: 991px) {
    .grievance-report-list-item::before {
        left: 95px;
        top: 25px;
        border-left: 7px solid rgba(0, 0, 0, 0);
        border-right: 7px solid rgba(0, 0, 0, 0);
        border-bottom: 14px solid #ffbe02
    }
}

.grievance-report-list-item:last-child {
    border-radius: 0 0 10px 10px;
    padding-bottom: 30px
}

@media only screen and (min-width: 991px) {
    .grievance-report-list-item:first-child {
        padding-top: 35px
    }
    .grievance-report-list-item:first-child::before {
        top: 42px
    }
    .grievance-report-list-item:last-child {
        padding-bottom: 45px
    }
}

.grievance-report-list-item-contain {
    margin-top: -30px
}

.grievance-report-list-item-contain .white-bg {
    border-radius: 0
}

.latest-news {
    width: 100%
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 500;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

@media only screen and (max-width: 991px) {
    .header {
        padding-bottom: 10px
    }
}

.header__toggle {
    position: relative;
    z-index: 15;
    display: none;
    float: right;
    width: 25px;
    height: 24px;
    transition: .3s ease-in-out;
    cursor: pointer
}

@media only screen and (max-width: 991px) {
    .header__toggle {
        display: block
    }
}

.header__toggle>span {
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    width: 18px;
    height: 2px;
    text-indent: -9999px;
    border-radius: 2px;
    background: #575354;
    transition: .3s ease-in-out
}

.header__toggle>span:before,
.header__toggle>span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #575354;
    transition: .3s ease-in-out;
    content: ""
}

.header__toggle>span:before {
    top: -7px;
    left: 4px;
    width: 9px;
    transition: .3s ease-in-out
}

.header__toggle>span:after {
    bottom: -7px;
    left: -3px;
    width: 25px;
    transition: .3s ease-in-out
}

.is-menu-open .header__toggle>span {
    background: none
}

.is-menu-open .header__toggle>span:before,
.is-menu-open .header__toggle>spanafter {
    transition-delay: 0s, .2s
}

.is-menu-open .header__toggle>span:before {
    top: 0;
    left: 0;
    width: 24px;
    transform: rotate(45deg)
}

.is-menu-open .header__toggle>span:after {
    bottom: 0;
    left: 0;
    transform: rotate(-45deg)
}

@media only screen and (max-width: 991px) {
    .header__menu {
        position: fixed;
        top: 103px;
        left: 0;
        width: 235px;
        height: ;
        background: #fff;
        transform: translateX(-100%);
        transition: .3s ease-in-out;
        overflow: auto;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
    }
    .header__menu nav ul {
        padding: 0 15px
    }
    .header__menu nav ul li {
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
    .header__menu nav ul li a {
        padding: 9px 15px;
        position: relative;
        display: block;
        font-size: 16px;
        text-decoration: none;
        color: #0a5da9
    }
    .header__menu nav ul li a:after {
        position: absolute;
        bottom: 0;
        left: 15px;
        display: block;
        width: calc(100% - 30px);
        border-bottom: 2px solid rgba(0, 0, 0, .1);
        content: ""
    }
    .header__menu nav ul li a:hover {
        text-decoration: none;
        color: #fff;
        background-color: #0a5da9
    }
    .header__menu nav ul li:last-child a:after {
        display: none
    }
    .header__menu nav ul li.is-active a {
        color: #fff;
        background-color: #0a5da9
    }
    .header__menu nav ul li.has-children>a {
        color: #fff;
        background-color: #0a5da9
    }
    .header__menu nav ul li ul li:last-child a:after {
        display: block
    }
    .is-menu-open .header__menu {
        transform: none
    }
}

@media only screen and (max-width: 767px) {
    .header__menu {
        top: 100px;
        height: )
    }
}

@media only screen and (min-width: 992px) {
    .header__menu>nav>ul {
        margin-right: 20px;
        display: flex;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 992px)and (max-width: 1659px) {
    .header__menu>nav>ul {
        margin-right: 10px
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .header__menu>nav>ul {
        margin-right: 5px
    }
}

@media only screen and (min-width: 992px) {
    .header__menu>nav>ul>li {
        position: relative
    }
    .header__menu>nav>ul>li.is-hide {
        display: none
    }
    .header__menu>nav>ul>li.has-children>a {
        display: inline-flex;
        align-content: center;
        align-items: center
    }
    .header__menu>nav>ul>li.has-children>a:after {
        margin-left: 5px;
        font-family: "icomoon", sans-serif;
        font-size: 10px;
        content: ""
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .header__menu>nav>ul>li.has-children>a:after {
        font-size: 7px
    }
}

@media only screen and (min-width: 992px) {
    .header__menu>nav>ul>li>a {
        padding: 30px 18px;
        position: relative;
        display: block;
        text-decoration: none
    }
    .header__menu>nav>ul>li>a:hover {
        text-decoration: none
    }
    .header__menu>nav>ul>li>a:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 8px;
        background-color: #0a5da9;
        transition: .3s ease-in-out;
        content: ""
    }
}

@media only screen and (min-width: 992px) {
    .header__menu>nav>ul>li.is-active>a {
        color: #0a5da9
    }
}

@media only screen and (min-width: 992px) {
    .header__menu>nav>ul>li>ul {
        margin: 0;
        padding: 15px 20px;
        position: absolute;
        top: calc(100% - 5px);
        left: -20px;
        opacity: 0;
        visibility: hidden;
        min-width: 250px;
        background: #fff;
        transition: .3s ease-in-out;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
    }
    .header__menu>nav>ul>li>ul>li>a {
        padding: 5px 0;
        display: block
    }
    .header__menu>nav>ul>li>ul>li>a:hover {
        text-decoration: none
    }
    .header__menu>nav>ul>li>ul>li.is-active>a {
        color: #0a5da9
    }
}

@media only screen and (min-width: 992px) {
    .header__menu>nav>ul>li:hover>ul {
        top: 100%;
        opacity: 1;
        visibility: visible
    }
    .header__menu>nav>ul>li:hover>a:before {
        width: 100%
    }
}

.header__search {
    position: absolute;
    top: 100%;
    right: 0;
    width: 450px;
    background: #fff;
    transform: translateX(100%);
    transition: .3s ease-in-out;
    box-shadow: 0 10px 15px rgba(10, 93, 169, .2)
}

@media only screen and (max-width: 991px) {
    .header__search {
        padding-right: 10px;
        top: 49px;
        width: calc(100% - 60px);
        box-shadow: none
    }
}

.header__search form {
    position: relative
}

.header__search form input {
    padding: 10px 20px 10px 70px;
    width: 100%;
    height: 74px;
    font-size: 18px;
    color: #0a5da9;
    border: 0;
    border-radius: 0;
    background: #fff
}

@media only screen and (max-width: 1199px) {
    .header__search form input {
        padding-left: 50px;
        height: 60px;
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .header__search form input {
        padding: 5px 5px 5px 35px;
        height: 44px;
        font-size: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }
}

.header__search form input::-moz-placeholder {
    color: #0a5da9
}

.header__search form input::placeholder {
    color: #0a5da9
}

.header__search form button {
    position: absolute;
    top: 0;
    left: 10px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    opacity: .6;
    width: 60px;
    height: 100%;
    font-size: 20px;
    color: #0a5da9;
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer
}

@media only screen and (max-width: 1199px) {
    .header__search form button {
        left: 10px;
        width: 40px
    }
}

@media only screen and (max-width: 991px) {
    .header__search form button {
        left: 0;
        width: 26px
    }
}

.header__search form button:hover {
    opacity: 1
}

.header__search.is-active {
    transform: translateX(0)
}

.header__right {
    display: inline-flex;
    align-content: center;
    align-items: center;
    font-size: 20px
}

.header__right a {
    text-decoration: none
}

.header__top {
    margin-bottom: 10px;
    display: none;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .header__top {
        display: block
    }
}

.header__top ul {
    margin: 0 -20px;
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
    width: calc(100% + 40px);
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.header__top ul li {
    margin-right: 20px
}

.header__top ul li a {
    padding: 15px 0;
    position: relative;
    display: block;
    font-size: 13px
}

@media only screen and (max-width: 767px) {
    .header__top ul li a {
        font-size: 11px
    }
}

.header__top ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #0a5da9;
    transition: .3s ease-in-out;
    content: ""
}

.header__top ul li a:hover {
    text-decoration: none
}

.header__top ul li:hover a:after {
    width: 100%
}

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

.header__top ul li:last-child a {
    font-weight: 700;
    color: #0a5da9
}

.header__logo {
    width: 220px
}

@media only screen and (max-width: 1549px) {
    .header__logo {
        width: 200px
    }
}

@media only screen and (max-width: 1439px) {
    .header__logo {
        width: 180px
    }
}

@media only screen and (max-width: 991px) {
    .header__logo {
        margin: 0 auto;
        display: block;
        width: 155px
    }
}

.header__logo img {
    width: 100%;
    height: auto
}

.header__search-btn {
    margin-right: 30px;
    display: inline-block;
    font-size: 25px
}

@media only screen and (max-width: 1549px) {
    .header__search-btn {
        font-size: 22px
    }
}

@media only screen and (max-width: 1439px) {
    .header__search-btn {
        margin-right: 20px;
        font-size: 20px
    }
}

@media only screen and (max-width: 1199px) {
    .header__search-btn {
        margin-right: 10px
    }
}

@media only screen and (max-width: 991px) {
    .header__search-btn {
        margin-right: 0
    }
}

.header__link {
    margin-left: 10px;
    padding: 30px 18px;
    position: relative;
    display: block;
    font-weight: 600;
    color: #0a5da9
}

@media only screen and (max-width: 991px) {
    .header__link {
        display: none
    }
}

.header__link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 8px;
    background-color: #0a5da9;
    transition: .3s ease-in-out;
    content: ""
}

.header__link:hover:before {
    width: 100%
}

.header__link--login {
    margin-left: 0;
    font-weight: normal;
    color: #575354
}

.header__link--login:hover {
    color: #0a5da9
}

.admin-bar .header {
    margin-top: 32px
}

@media only screen and (max-width: 782px) {
    .admin-bar .header {
        margin-top: 46px
    }
}

.floating__header {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 44px rgba(0, 0, 0, .15);
    z-index: -2
}

@media only screen and (max-width: 991px) {
    .floating__header {
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto
    }
}

.floating__header__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 37px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #4a4a4a;
    text-transform: none;
    margin: 0 20px 0 0
}

.floating__header__title>p {
    margin: 0
}

@media only screen and (max-width: 1439px) {
    .floating__header__title {
        font-size: 15px;
        line-height: 24px
    }
}

@media only screen and (max-width: 991px) {
    .floating__header__title {
        font-size: 11px;
        line-height: 18px;
        margin-bottom: 8px
    }
}

.floating__header__top-border {
    height: 3px;
    width: 100%;
    display: block;
    background: linear-gradient(to right, #FF7100 0%, #FFFFFF 32.29%, #FFFFFF 49.48%, #FFFFFF 66.67%, #44A659 100%)
}

.floating__header__inner {
    padding: 9px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width: 991px) {
    .floating__header__inner {
        flex-direction: column
    }
}

.floating__header__btn {
    padding: 8px 17px;
    border: 1px solid #009bea;
    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.15));
    border-radius: 19px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .02em;
    color: #009bea;
    white-space: nowrap;
    display: inline-block
}

.floating__header__btn--blue {
    color: #fff;
    background: #009bea
}

.floating__header__btn:hover {
    background: #009bea;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .floating__header__btn {
        font-size: 14px;
        line-height: 20px;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.heading {
    font-size: 22px;
    margin: 0 auto 50px;
    max-width: 70%
}

@media only screen and (max-width: 1199px) {
    .heading {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .heading {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .heading {
        font-size: 16px
    }
}

@media only screen and (max-width: 1199px) {
    .heading {
        max-width: 80%
    }
}

@media only screen and (max-width: 991px) {
    .heading {
        max-width: 90%
    }
}

@media only screen and (max-width: 767px) {
    .heading {
        max-width: 100%;
        margin-bottom: 20px
    }
}

.heading--full {
    max-width: 100%
}

.image-banner {
    width: 100%
}

.image-banner img {
    width: 100%;
    height: auto
}

.info-blocks {
    width: 100%
}

.info-blocks__list-item {
    padding: 0 20px;
    width: 33.333%;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 1199px) {
    .info-blocks__list-item {
        padding: 0 10px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list-item {
        width: 100%
    }
}

.info-blocks__block {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    height: 420px;
    position: relative;
    transition: ease-in-out .3s;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 991px) {
    .info-blocks__block {
        height: 134px;
        display: flex;
        align-items: center;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .info-blocks__block {
        height: auto;
        margin-bottom: 10px;
        background: #f3f2f2
    }
}

.info-blocks__block h3 {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 991px) {
    .info-blocks__block h3 {
        margin-bottom: 0
    }
}

.info-blocks__block h3:after {
    margin-left: 10px;
    width: 0;
    height: 0;
    border-color: #0a5da9 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 15px 10px 0;
    transform: rotate(-90deg);
    transition: .3s ease-in-out;
    content: ""
}

@media only screen and (max-width: 1199px) {
    .info-blocks__block h3:after {
        border-width: 22px 12px 0
    }
}

@media only screen and (max-width: 767px) {
    .info-blocks__block h3:after {
        border-width: 10px 6px 0
    }
}

.info-blocks__block-panel {
    opacity: 0;
    width: 0;
    overflow: auto;
    max-height: 319px;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 991px) {
    .info-blocks__block-panel {
        max-height: 0;
        overflow: hidden
    }
}

.info-blocks__block-content {
    width: 100%;
    z-index: 2;
    padding: 30px;
    position: relative;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 1199px) {
    .info-blocks__block-content {
        padding: 20px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__block-content {
        padding-left: 126px
    }
}

@media only screen and (max-width: 767px) {
    .info-blocks__block-content {
        padding-left: 30px
    }
}

.info-blocks__block-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 991px) {
    .info-blocks__block-img {
        left: 15px;
        width: 116px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__block-img {
        bottom: auto;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .info-blocks__block-img {
        display: none
    }
}

.info-blocks__block-img img {
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 328px
}

@media only screen and (max-width: 1439px) {
    .info-blocks__block-img img {
        width: 300px
    }
}

@media only screen and (max-width: 1199px) {
    .info-blocks__block-img img {
        width: 250px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__block-img img {
        width: 100%
    }
}

.info-blocks__list {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 0 4%;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 1439px) {
    .info-blocks__list {
        padding: 0
    }
}

@media only screen and (max-width: 1199px) {
    .info-blocks__list {
        width: calc(100% + 20px);
        margin: 0 -10px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list {
        flex-wrap: wrap
    }
}

.info-blocks__list.is-open {
    padding: 0
}

.info-blocks__list.is-open .info-blocks__list-item.is-active {
    width: calc(100% - 240px)
}

@media only screen and (max-width: 1439px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active {
        width: calc(100% - 140px)
    }
}

@media only screen and (max-width: 1199px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active {
        width: calc(100% - 100px)
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active {
        width: 100%
    }
}

.info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-panel {
    width: 100%;
    opacity: 1
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-panel {
        overflow: auto;
        max-height: unset;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #efefef
    }
}

.info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-img {
    width: 349px
}

@media only screen and (max-width: 1439px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-img {
        width: 300px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-img {
        width: 116px
    }
}

@media only screen and (max-width: 1439px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-img img {
        width: 300px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-img img {
        width: 100%
    }
}

.info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-content {
    padding-left: 380px
}

@media only screen and (max-width: 1659px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-content {
        padding-left: 380px
    }
}

@media only screen and (max-width: 1549px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-content {
        padding-left: 300px
    }
}

@media only screen and (max-width: 1439px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-content {
        padding: 40px 40px 40px 280px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-content {
        padding-left: 126px;
        padding-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-content {
        padding: 30px
    }
}

.info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block-content h3:after {
    border-color: #ffbe02 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    transform: none
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block {
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block {
        background: #fff
    }
}

.info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block h3 {
    justify-content: flex-start
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block h3 {
        justify-content: center
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item.is-active .info-blocks__block h3:after {
        transform: rotate(0deg);
        border-color: #ffbe02 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
    }
}

.info-blocks__list.is-open .info-blocks__list-item:not(.is-active) {
    width: 140px
}

@media only screen and (max-width: 1199px) {
    .info-blocks__list.is-open .info-blocks__list-item:not(.is-active) {
        width: 80px
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item:not(.is-active) {
        width: 100%
    }
}

.info-blocks__list.is-open .info-blocks__list-item:not(.is-active) .info-blocks__block-img {
    opacity: 0
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item:not(.is-active) .info-blocks__block-img {
        opacity: 1
    }
}

.info-blocks__list.is-open .info-blocks__list-item:not(.is-active) .info-blocks__block {
    background: #f3f2f2
}

.info-blocks__list.is-open .info-blocks__list-item:not(.is-active) .info-blocks__block h3 {
    position: absolute;
    top: 110px;
    left: -5px;
    transform: rotate(-90deg);
    justify-content: center;
    height: 90px
}

@media only screen and (max-width: 1199px) {
    .info-blocks__list.is-open .info-blocks__list-item:not(.is-active) .info-blocks__block h3 {
        top: 80px;
        left: 0
    }
}

@media only screen and (max-width: 991px) {
    .info-blocks__list.is-open .info-blocks__list-item:not(.is-active) .info-blocks__block h3 {
        position: static;
        transform: unset
    }
}

@media only screen and (max-width: 767px) {
    .info-blocks__list.is-open .info-blocks__list-item:not(.is-active) .info-blocks__block h3 {
        height: auto
    }
}

.interaction-blocks {
    position: relative;
    display: block;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__list {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        margin: 0 auto
    }
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__list.is-open .interaction-blocks__list-item {
        width: 13%
    }
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__list.is-open .interaction-blocks__list-item.is-active {
        width: 48%
    }
    .interaction-blocks__list.is-open .interaction-blocks__list-item.is-active .interaction-blocks__block {
        background: #fdfbf4
    }
    .interaction-blocks__list.is-open .interaction-blocks__list-item.is-active .interaction-blocks__block-img img {
        opacity: 1;
        filter: grayscale(0)
    }
    .interaction-blocks__list.is-open .interaction-blocks__list-item.is-active .interaction-blocks__block-content p {
        width: 100%;
        opacity: 1
    }
    .interaction-blocks__list.is-open .interaction-blocks__list-item.is-active .interaction-blocks__block-content h4 {
        opacity: 1
    }
}

.interaction-blocks__list-item {
    padding: 0 5px;
    width: 20%;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .interaction-blocks__list-item {
        padding-right: 10px;
        width: 240px
    }
}

.interaction-blocks__block {
    width: 100%;
    z-index: 1;
    overflow: hidden;
    position: relative;
    background: #fff;
    transition: .3s ease-in-out;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column-reverse
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block {
        height: 654px;
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .is-hover .interaction-blocks__block {
        z-index: 2;
        box-shadow: 0 3px 16px rgba(0, 0, 0, .18);
        transform: scale(1.08);
        background: #fdfbf4
    }
    .is-hover .interaction-blocks__block .interaction-blocks__block-content {
        transform: scale(1)
    }
    .is-hover .interaction-blocks__block .interaction-blocks__block-content h4 {
        opacity: 1
    }
    .is-hover .interaction-blocks__block .interaction-blocks__block-img {
        transform: scale(1)
    }
    .is-hover .interaction-blocks__block .interaction-blocks__block-img img {
        opacity: 1;
        filter: grayscale(0)
    }
}

.interaction-blocks__block-content {
    z-index: 1;
    transition: .3s ease-in-out;
    padding: 50px 30px
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block-content {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media only screen and (max-width: 1199px) {
    .interaction-blocks__block-content {
        padding: 30px 20px
    }
}

@media only screen and (max-width: 767px) {
    .interaction-blocks__block-content {
        padding: 15px
    }
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block-content h4 {
        transition: .3s ease-in-out;
        opacity: 0
    }
}

@media only screen and (max-width: 767px) {
    .interaction-blocks__block-content h4 {
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block-content p {
        width: 0;
        opacity: 0;
        transition: .3s ease-in-out
    }
}

.interaction-blocks__block-content--small {
    padding: 40px 20px
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block-content--small {
        font-size: 75%
    }
}

@media only screen and (max-width: 1199px) {
    .interaction-blocks__block-content--small {
        padding: 20px 15px
    }
}

@media only screen and (max-width: 767px) {
    .interaction-blocks__block-content--small {
        padding: 15px
    }
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block-content--small h4 {
        font-size: 110%
    }
}

.interaction-blocks__block-img {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block-img {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .interaction-blocks__block-img {
        width: 100%;
        height: 186px
    }
}

.interaction-blocks__block-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

@media only screen and (min-width: 768px) {
    .interaction-blocks__block-img img {
        max-width: 500px;
        opacity: .5;
        filter: grayscale(100%);
        transition: .3s ease-in-out
    }
}

@media only screen and (max-width: 767px) {
    .interaction-blocks__block-img img {
        width: 100%
    }
}

.intro-blocks {
    margin-bottom: 100px;
    position: relative;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .intro-blocks {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .intro-blocks {
        margin-bottom: 30px
    }
}

.intro-blocks__slider {
    margin: 0 -15px;
    display: flex;
    width: calc(100% + 30px)
}

@media only screen and (min-width: 1440px) {
    .intro-blocks__slider {
        min-height: 640px
    }
}

.intro-blocks__slide {
    padding: 0 15px;
    display: flex;
    align-items: center;
    width: 30%;
    transition: ease-in-out .3s
}

@media only screen and (max-width: 1439px) {
    .intro-blocks__slide {
        width: 33.333%
    }
}

@media only screen and (max-width: 991px) {
    .intro-blocks__slide {
        padding: 0 0 0 20px;
        align-items: stretch;
        width: 368px
    }
}

@media only screen and (max-width: 767px) {
    .intro-blocks__slide {
        width: 320px
    }
}

.intro-blocks__slide.is-hover {
    width: 40%
}

@media only screen and (max-width: 1439px) {
    .intro-blocks__slide.is-hover {
        width: 33.333%
    }
}

@media only screen and (max-width: 991px) {
    .intro-blocks__slide.is-hover {
        width: 368px
    }
}

@media only screen and (max-width: 767px) {
    .intro-blocks__slide.is-hover {
        width: 320px
    }
}

.intro-blocks--banner {
    margin-bottom: -50px;
    margin-top: 160px
}

@media only screen and (max-width: 991px) {
    .intro-blocks--banner {
        margin-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .intro-blocks--banner {
        margin-top: 48px
    }
}

@media only screen and (max-width: 1199px) {
    .intro-blocks--banner {
        margin-bottom: -30px
    }
}

@media only screen and (max-width: 767px) {
    .intro-blocks--banner {
        margin-bottom: -10px
    }
}

.knowledge-center-listing__banner {
    background: #ffbe00;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__banner {
        padding-top: 70px;
        padding-bottom: 70px
    }
    .knowledge-center-listing__banner.yellow-banner {
        padding-bottom: 30px
    }
}

.knowledge-center-listing__banner h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__banner h2 {
        font-size: 80px;
        line-height: 80px
    }
}

@media only screen and (min-width: 1199px) {
    .knowledge-center-listing__banner h2 {
        font-size: 120px;
        line-height: 130px
    }
}

.knowledge-center-listing__banner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    margin: 0 auto
}

@media only screen and (min-width: 767px) {
    .knowledge-center-listing__banner p {
        width: 90%
    }
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__banner p {
        font-size: 24px;
        line-height: 30px
    }
}

.knowledge-center-listing__resource {
    padding-bottom: 80px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource {
        padding-bottom: 0
    }
}

.knowledge-center-listing__resource::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: 0;
    width: 1000%;
    height: 30%
}

.knowledge-center-listing__resource h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.knowledge-center-listing__resource__slider {
    min-height: 150px;
    transition: all .3s ease-in-out;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    padding: 0 20px 5px
}

.knowledge-center-listing__resource__slider.slick-initialized {
    background-image: none
}

.knowledge-center-listing__resource__slider .slick-track {
    display: flex;
    transition: all .3s ease-in-out
}

.knowledge-center-listing__resource__slider .slick-track:after,
.knowledge-center-listing__resource__slider .slick-track:before {
    display: none
}

.knowledge-center-listing__resource__slider .slick-track .slick-slide {
    height: auto;
    padding: 20px
}

.knowledge-center-listing__resource__card {
    position: relative;
    display: none;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card {
        width: 100%
    }
}

.slick-initialized .knowledge-center-listing__resource__card {
    display: flex
}

.knowledge-center-listing__resource__card>img {
    width: 100%
}

.knowledge-center-listing__resource__card h3 {
    font-size: 24px;
    line-height: 22px;
    height: 51px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.knowledge-center-listing__resource__card h3 i {
    text-transform: capitalize;
    font-style: italic;
    font-weight: 300;
    display: block
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card h3 {
        font-size: 21px
    }
}

.knowledge-center-listing__resource__card__content {
    padding: 15px;
    text-align: center
}

.knowledge-center-listing__resource__card__content img {
    height: 19px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card__content img {
        height: 15px
    }
}

.knowledge-center-listing__resource__card__content h4 {
    font-weight: 700;
    line-height: 36px;
    font-size: 21px;
    margin-bottom: 0px;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card__content h4 {
        font-size: 16px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1439px) {
    .knowledge-center-listing__resource__card__content h4 {
        font-size: 21px;
        line-height: 30px
    }
}

.knowledge-center-listing__resource__card__content p {
    font-size: 13px;
    line-height: 15px;
    width: 80%;
    margin: 0 auto 10px
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card__content p {
        font-size: 10px;
        line-height: 12px
    }
}

.knowledge-center-listing__resource__card__content h5 {
    font-weight: 700;
    font-size: 15.5559px;
    line-height: 24px;
    padding-top: 30px;
    color: #4a4a4a;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card__content h5 {
        font-size: 12.0588px;
        line-height: 19px
    }
}

.knowledge-center-listing__resource__card__link {
    width: 100%;
    overflow: hidden;
    font-weight: 500;
    font-size: 10.6921px;
    line-height: 15px;
    text-transform: capitalize;
    position: relative;
    margin-top: 10px;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card__link {
        display: block
    }
}

.knowledge-center-listing__resource__card__link::before {
    width: 65px;
    height: 1px;
    background-color: #4a4a4a;
    position: absolute;
    content: "";
    bottom: 0
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__resource__card__link::before {
        width: 68px
    }
}

.knowledge-center-listing__resource__card__link span {
    font-size: 5.5px;
    margin-left: 5px
}

.knowledge-center-listing__resource__card__link:hover {
    color: #4a4a4a;
    text-decoration: none
}

.knowledge-center-listing__resource__card:hover {
    text-decoration: none
}

.knowledge-center-listing__resource .slick-slider .slick-dots {
    display: none !important
}

.knowledge-center-listing__resource .slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 40%;
    font-size: 25px;
    bottom: -40px;
    color: #ffbe02
}

@media only screen and (min-width: 767px) {
    .knowledge-center-listing__resource .slick-slider .slick-arrow.slick-next {
        right: 44%
    }
}

.knowledge-center-listing__resource .slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 40%;
    color: #ffbe02;
    bottom: -40px;
    font-size: 25px
}

@media only screen and (min-width: 767px) {
    .knowledge-center-listing__resource .slick-slider .slick-arrow.slick-prev {
        left: 44%
    }
}

.knowledge-center-listing__resource .slick-slider .slick-list {
    overflow: hidden;
    transition: all .3s ease-in-out
}

.knowledge-center-listing__resource .slick-slider .slick-slide {
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 479px) {
    .knowledge-center-listing__resource .slick-slider .slick-slide {
        display: flex;
        padding: 20px 10px
    }
}

@media only screen and (min-width: 1199px) {
    .knowledge-center-listing__resource .slick-slider .slick-slide {
        padding: 20px 12px
    }
}

.knowledge-center-listing__resource .slick-slider .slick-slide.slick-center .p2-enterprise-offering__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.1);
    transition: all .3s;
    transition: all .3s ease-in-out
}

@media only screen and (max-width: 375px) {
    .knowledge-center-listing__resource .slick-slider .slick-slide.slick-center .p2-enterprise-offering__card {
        margin-left: -10%;
        width: 120%
    }
}

.knowledge-center-listing__desktop {
    position: relative
}

.knowledge-center-listing__desktop::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: 0;
    width: 100%;
    height: 113px
}

.knowledge-center-listing__wrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap
}

@media only screen and (min-width: 1199px) {
    .knowledge-center-listing__wrap {
        width: 85%
    }
}

.knowledge-center-listing__wrap__card {
    position: relative;
    flex-direction: column;
    width: 200px;
    margin: 0 40px 80px;
    overflow: hidden;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out;
    cursor: pointer
}

.knowledge-center-listing__wrap__card:hover {
    color: #4a4a4a
}

.knowledge-center-listing__wrap__card>img {
    width: 100%
}

.knowledge-center-listing__wrap__card h3 {
    font-size: 24px;
    line-height: 22px;
    height: 51px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.knowledge-center-listing__wrap__card h3 i {
    text-transform: capitalize;
    font-style: italic;
    font-weight: 300;
    display: block
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__wrap__card h3 {
        font-size: 21px
    }
}

.knowledge-center-listing__wrap__card__content {
    padding: 15px;
    text-align: center
}

.knowledge-center-listing__wrap__card__content img {
    height: 19px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__wrap__card__content img {
        height: 15px
    }
}

.knowledge-center-listing__wrap__card__content h4 {
    font-weight: 700;
    line-height: 36px;
    font-size: 21px;
    margin-bottom: 0px;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__wrap__card__content h4 {
        font-size: 16px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1439px) {
    .knowledge-center-listing__wrap__card__content h4 {
        font-size: 21px;
        line-height: 30px
    }
}

.knowledge-center-listing__wrap__card__content p {
    font-size: 13px;
    line-height: 15px;
    width: 80%;
    margin: 0 auto 10px
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__wrap__card__content p {
        font-size: 10px;
        line-height: 12px
    }
}

.knowledge-center-listing__wrap__card__content h5 {
    font-weight: 700;
    font-size: 15.5559px;
    line-height: 24px;
    padding-top: 30px;
    color: #4a4a4a;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .knowledge-center-listing__wrap__card__content h5 {
        font-size: 12.0588px;
        line-height: 19px
    }
}

.knowledge-center-listing__wrap__card:hover {
    text-decoration: none
}

.yellow-logo-banner {
    background: #ffbe00;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .yellow-logo-banner {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.yellow-logo-banner h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 54px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .yellow-logo-banner h2 {
        font-size: 80px;
        line-height: 80px
    }
}

@media only screen and (min-width: 1199px) {
    .yellow-logo-banner h2 {
        font-size: 120px;
        line-height: 130px
    }
}

.yellow-logo-banner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    margin: 0 auto
}

@media only screen and (min-width: 767px) {
    .yellow-logo-banner p {
        width: 90%
    }
}

@media only screen and (min-width: 991px) {
    .yellow-logo-banner p {
        font-size: 24px;
        line-height: 30px
    }
}

.p2-knowledge-center {
    padding-bottom: 30px
}

@media only screen and (min-width: 991px) {
    .p2-knowledge-center {
        padding-bottom: 50px
    }
}

.p2-knowledge-center h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin-bottom: 0
}

@media only screen and (min-width: 991px) {
    .p2-knowledge-center h2 {
        font-size: 40px;
        line-height: 60px
    }
}

@media only screen and (min-width: 991px) {
    .p2-knowledge-center h2 {
        width: 100%
    }
}

.p2-knowledge-center>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    text-align: center
}

@media only screen and (min-width: 1199px) {
    .p2-knowledge-center>p {
        font-size: 20px;
        line-height: 36px
    }
}

.p2-knowledge-center .p2-advantage__slider.slick-slider .slick-slide {
    padding: 30px 10px 0;
    display: flex;
    flex-direction: column
}

.p2-knowledge-center .tabber {
    width: 90%;
    margin: 0 auto
}

.p2-knowledge-center .tabber__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .p2-knowledge-center .tabber__list {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 479px) {
    .p2-knowledge-center .tabber__list {
        margin-bottom: 20px
    }
}

.p2-knowledge-center .tabber__list li {
    display: inline-flex;
    align-items: center
}

.p2-knowledge-center .tabber__list li:after {
    content: "";
    width: 0px;
    margin: 0
}

.p2-knowledge-center .tabber__list li:last-child:after {
    display: none
}

.p2-knowledge-center .tabber__list li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #c4c4c4;
    padding: 0 20px
}

.p2-knowledge-center .tabber__list li a:hover {
    text-decoration: underline;
    color: #4a4a4a
}

@media only screen and (max-width: 479px) {
    .testimonials-carousel .p2-knowledge-center .tabber__list li a {
        font-size: 13px
    }
}

.p2-knowledge-center .tabber__list li.is-active a {
    text-decoration: underline;
    color: #4a4a4a;
    position: relative
}

.p2-knowledge-center .tabber__list li.is-active a::after {
    margin-left: 5px;
    font-family: "icomoon", sans-serif;
    font-size: 9px;
    color: #ffbe02;
    content: "";
    text-decoration: none;
    position: absolute;
    transform: rotate(90deg)
}

.p2-knowledge-center .tabber .slick-slider .slick-list {
    margin: 0
}

.p2-knowledge-center .tabber .carousel.slick-initialized .slick-arrow.slick-prev {
    left: -30px
}

.p2-knowledge-center .tabber .carousel.slick-initialized .slick-arrow.slick-next {
    right: -30px
}

.p2-knowledge-center .blog-mob__slider {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    width: 90%
}

.p2-knowledge-center .blog-mob__slider .blog-tabber h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #4a4a4a
}

.p2-knowledge-center .blog-mob__slider .blog-tabber h3::after {
    margin-left: 5px;
    font-family: "icomoon", sans-serif;
    font-size: 9px;
    color: #ffbe02;
    content: "";
    text-decoration: none;
    position: absolute;
    transform: rotate(90deg)
}

.p2-knowledge-center .blog-mob__slider .blog-tabber .carousel.slick-initialized .slick-arrow.slick-next {
    right: 15px;
    top: 50%
}

.p2-knowledge-center .blog-mob__slider .blog-tabber .carousel.slick-initialized .slick-arrow.slick-prev {
    left: 15px;
    top: 50%
}

.p2-knowledge-center .blog-mob__slider .blog-tabber .slick-list {
    margin: 0 50px
}

.p2-knowledge-center .blog-mob__slider .blog-tabber .card-post__content h5 {
    font-size: 16px;
    line-height: 18px;
    text-align: left
}

.p2-knowledge-center .blog-mob__slider .blog-tabber .card-post {
    margin: 0 0 10px
}

@media only screen and (min-width: 1199px) {
    .p2-knowledge-center .blog-mob__slider .blog-tabber .card-post {
        margin: 0 10px 10px
    }
}

.latest-news {
    width: 100%
}

.matter-content {
    width: 100%
}

.matter-content__holder {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 1199px) {
    .matter-content__holder {
        background-size: 400px auto
    }
}

@media only screen and (max-width: 991px) {
    .matter-content__holder {
        align-items: flex-end;
        align-content: flex-end;
        background-size: 320px auto
    }
}

@media only screen and (max-width: 767px) {
    .matter-content__holder {
        background-size: 220px auto
    }
}

.matter-content__image {
    width: 42%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width: 767px) {
    .matter-content__image {
        width: 300px;
        margin: 0 auto;
        order: 1
    }
}

.matter-content__image+.matter-content__text {
    width: 58%
}

@media only screen and (max-width: 767px) {
    .matter-content__image+.matter-content__text {
        width: 100%
    }
}

.matter-content__text {
    width: 100%;
    padding: 40px;
    color: #707070
}

@media only screen and (max-width: 991px) {
    .matter-content__text {
        padding: 30px
    }
}

@media only screen and (max-width: 767px) {
    .matter-content__text {
        text-align: center;
        padding: 20px
    }
}

.media-contacts {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between
}

.media-contacts h2 {
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .media-contacts h2 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .media-contacts h2 {
        margin-bottom: 18px
    }
}

.media-contacts h3 {
    font-weight: 600;
    text-transform: none;
    color: #a3a3a3;
    position: relative;
    font-family: "Jost", sans-serif
}

.media-contacts__block {
    width: 100%
}

.media-contacts__block hr {
    margin: 30px 0;
    border: 0;
    border-bottom: 1px solid rgba(10, 93, 169, .5)
}

@media only screen and (max-width: 1199px) {
    .media-contacts__block hr {
        margin: 25px 0
    }
}

@media only screen and (max-width: 767px) {
    .media-contacts__block hr {
        margin: 20px 0
    }
}

.media-contacts__tel,
.media-contacts__mail {
    margin-top: 20px
}

@media only screen and (max-width: 1199px) {
    .media-contacts__tel,
    .media-contacts__mail {
        margin-top: 15px
    }
}

.media-contacts__tel a,
.media-contacts__mail a {
    font-size: 16px;
    color: #575354;
    display: block;
    position: relative;
    font-weight: 500;
    padding: 10px 0 10px 40px;
    background-size: 24px auto
}

@media only screen and (max-width: 991px) {
    .media-contacts__tel a,
    .media-contacts__mail a {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .media-contacts__tel a,
    .media-contacts__mail a {
        font-size: 15px
    }
}

@media only screen and (max-width: 1199px) {
    .media-contacts__tel a,
    .media-contacts__mail a {
        padding-left: 40px
    }
}

@media only screen and (max-width: 767px) {
    .media-contacts__tel a,
    .media-contacts__mail a {
        padding: 5px 0 5px 28px;
        background-size: 20px auto
    }
}

.media-contacts__tel a:hover,
.media-contacts__mail a:hover {
    text-decoration: none;
    color: #ffbe02
}

.media-contacts__mail a {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//email.svg);
    background-repeat: no-repeat;
    background-position: left center
}

.media-contacts__tel a {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//telephone.svg);
    background-repeat: no-repeat;
    background-position: left center
}

.media-contacts__left,
.media-contacts__right {
    width: 38%
}

@media only screen and (max-width: 1439px) {
    .media-contacts__left,
    .media-contacts__right {
        width: 45%
    }
}

@media only screen and (max-width: 767px) {
    .media-contacts__left,
    .media-contacts__right {
        width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .media-contacts__left {
        margin-bottom: 30px
    }
}

.newsletter {
    padding-top: 90px;
    padding-bottom: 90px;
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #efefef
}

@media only screen and (max-width: 1199px) {
    .newsletter {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .newsletter {
        padding-top: 40px;
        padding-bottom: 30px
    }
}

.newsletter__left {
    width: calc(50% - 35px)
}

@media only screen and (max-width: 991px) {
    .newsletter__left {
        margin-bottom: 15px;
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .newsletter__left h2 {
        font-size: 28px
    }
}

.newsletter__right {
    width: calc(50% - 35px)
}

@media only screen and (max-width: 991px) {
    .newsletter__right {
        width: 100%
    }
}

.newsletter__right .hbspt-form .hs-submit .hs-button {
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 0 40px 40px 0
}

.newsletter__right .hbspt-form .hs_error_rollup {
    display: none
}

.newsletter__right .hbspt-form .hs-form-checkbox {
    color: #0a5da9
}

.newsletter__right .hbspt-form .hs-form-checkbox label {
    font-weight: 600;
    color: #0a5da9
}

@media only screen and (max-width: 767px) {
    .newsletter__right .hbspt-form .hs-form-booleancheckbox {
        display: flex;
        justify-content: center
    }
}

.newsletter__right .hbspt-form .hs-fieldtype-text {
    position: relative
}

.newsletter__right .hbspt-form .hs-fieldtype-text .hs-error-msgs {
    top: 100%;
    left: 10px;
    margin-top: 5px;
    position: absolute
}

.p2-content__post ul,
.p2-content__post ol {
    margin-left: 0
}

.advantage-tabber {
    display: flex;
    flex-direction: row;
    padding-bottom: 80px
}

@media only screen and (min-width: 767px) {
    .advantage-tabber {
        padding-bottom: 30px
    }
}

.advantage-tabber__left {
    width: 280px;
    margin-right: 20px
}

.advantage-tabber__left h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-transform: capitalize;
    color: #4a4a4a;
    margin: 0
}

@media only screen and (min-width: 767px) {
    .advantage-tabber__left h2 {
        font-size: 40px;
        line-height: 45px
    }
}

.advantage-tabber__left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    padding-top: 5px;
    margin-bottom: 25px
}

.advantage-tabber__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: left
}

.advantage-tabber__list li {
    display: inline-flex;
    align-items: center;
    width: 100%
}

.advantage-tabber__list li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #c4c4c4;
    padding-bottom: 25px
}

.advantage-tabber__list li a:hover {
    text-decoration: underline;
    color: #4a4a4a
}

@media only screen and (max-width: 479px) {
    .testimonials-carousel .advantage-tabber__list li a {
        font-size: 13px
    }
}

.advantage-tabber__list li:last-child a {
    padding-bottom: 10px
}

.advantage-tabber__list li.is-active a {
    text-decoration: underline;
    color: #4a4a4a
}

.advantage-tabber__list li.is-active a::after {
    margin-left: 5px;
    font-family: "icomoon", sans-serif;
    font-size: 9px;
    color: #ffbe02;
    content: "";
    text-decoration: none;
    position: relative
}

.advantage-tabber__content {
    display: block;
    width: calc(100% - 300px);
    height: 370px
}

.advantage-tabber__content img {
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%
}

.advantage-tabber a:empty {
    display: none
}

.p2-banner {
    padding-top: 60px;
    padding-bottom: 45px;
    min-height: auto;
    position: relative;
    width: 100%;
    background-color: #ffbe00;
    font-family: "Jost", sans-serif
}

@media only screen and (min-width: 991px) {
    .p2-banner {
        padding-top: 120px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-banner {
        padding-bottom: 120px
    }
}

.p2-banner__content {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .p2-banner__content {
        font-size: 20px;
        line-height: 45px;
        padding-bottom: 20px
    }
}

@media only screen and (max-height: 800px) {
    .p2-banner__content h1 {
        margin-bottom: 5px
    }
}

.p2-banner__content h3 {
    font-weight: 400;
    font-size: 20px;
    color: #4a4a4a;
    text-transform: none
}

.p2-banner__bottom {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media only screen and (min-width: 767px) {
    .p2-banner__bottom {
        gap: 50px;
        padding-top: 15px;
        justify-content: space-between;
        flex-direction: row
    }
}

@media only screen and (min-width: 991px) {
    .p2-banner__bottom {
        gap: 100px
    }
}

.p2-banner__bottom div {
    width: 224px;
    text-align: center;
    padding-top: 20px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 767px) {
    .p2-banner__bottom div {
        width: 50%;
        margin: 0;
        text-align: left
    }
}

@media only screen and (min-width: 767px) {
    .p2-banner__bottom div:first-child {
        align-items: flex-end
    }
}

.p2-banner__bottom h3 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 24px;
    line-height: 46px;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .p2-banner__bottom h3 {
        font-size: 40px;
        line-height: 50px
    }
}

.p2-banner__bottom p {
    margin: 0 0 12px;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 18px
}

@media only screen and (min-width: 991px) {
    .p2-banner__bottom p {
        font-size: 20px;
        line-height: 24px
    }
}

.p2-banner__bottom .button,
.p2-banner__bottom .single-prime-program .wpulike,
.single-prime-program .p2-banner__bottom .wpulike,
.p2-banner__bottom .campus-program-template-default .wpulike,
.campus-program-template-default .p2-banner__bottom .wpulike,
.p2-banner__bottom .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .p2-banner__bottom .wpulike,
.p2-banner__bottom .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .p2-banner__bottom .hs-button,
.p2-banner__bottom .events__tabs ul li a,
.events__tabs ul li .p2-banner__bottom a {
    margin: 0 auto;
    margin-top: auto;
    width: 150px;
    height: 35px;
    font-family: "Jost", sans-serif;
    background-color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #4a4a4a;
    text-transform: none
}

@media only screen and (min-width: 767px) {
    .p2-banner__bottom .button,
    .p2-banner__bottom .single-prime-program .wpulike,
    .single-prime-program .p2-banner__bottom .wpulike,
    .p2-banner__bottom .campus-program-template-default .wpulike,
    .campus-program-template-default .p2-banner__bottom .wpulike,
    .p2-banner__bottom .enterprise-program-template-default .wpulike,
    .enterprise-program-template-default .p2-banner__bottom .wpulike,
    .p2-banner__bottom .hbspt-form .hs-submit .hs-button,
    .hbspt-form .hs-submit .p2-banner__bottom .hs-button,
    .p2-banner__bottom .events__tabs ul li a,
    .events__tabs ul li .p2-banner__bottom a {
        width: 170px;
        margin: 0
    }
}

.p2-banner__bottom .button:after,
.p2-banner__bottom .single-prime-program .wpulike:after,
.single-prime-program .p2-banner__bottom .wpulike:after,
.p2-banner__bottom .campus-program-template-default .wpulike:after,
.campus-program-template-default .p2-banner__bottom .wpulike:after,
.p2-banner__bottom .enterprise-program-template-default .wpulike:after,
.enterprise-program-template-default .p2-banner__bottom .wpulike:after,
.p2-banner__bottom .hbspt-form .hs-submit .hs-button:after,
.hbspt-form .hs-submit .p2-banner__bottom .hs-button:after,
.p2-banner__bottom .events__tabs ul li a:after,
.events__tabs ul li .p2-banner__bottom a:after {
    color: #ffbe00;
    font-size: 8px
}

.p2-banner__subtitle {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 32px;
    font-weight: 500;
    color: #0a5da9;
    font-family: "Jost", sans-serif
}

@media only screen and (max-width: 1199px) {
    .p2-banner__subtitle {
        font-size: 29px
    }
}

@media only screen and (max-width: 991px) {
    .p2-banner__subtitle {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .p2-banner__subtitle {
        margin-bottom: 10px;
        font-size: 20px
    }
}

.p2-banner__image {
    display: flex;
    justify-content: center
}

.p2-banner+.content-banner {
    margin-top: 0
}

.p2-second-fold {
    display: flex;
    justify-content: space-between
}

.p2-second-fold img {
    margin-top: 30px;
    z-index: 1;
    height: 170px
}

@media only screen and (min-width: 767px) {
    .p2-second-fold img {
        height: 200px
    }
}

@media only screen and (min-width: 991px) {
    .p2-second-fold img {
        height: 250px;
        margin-top: -40px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-second-fold img {
        height: 290px
    }
}

.p2-skills {
    background-color: #ffbe00;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: "Jost", sans-serif
}

@media only screen and (min-width: 991px) {
    .p2-skills {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.p2-skills h1 {
    font-size: 80px;
    line-height: 72px;
    font-style: italic;
    font-weight: 800;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 1199px) {
    .p2-skills h1 {
        font-size: 166px;
        line-height: 136px
    }
}

.p2-skills p {
    color: #4a4a4a;
    font-size: 16px
}

@media only screen and (min-width: 479px) {
    .p2-skills p {
        width: 80%;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1199px) {
    .p2-skills p {
        font-size: 20px;
        line-height: 24px;
        text-transform: capitalize;
        width: 100%;
        margin-bottom: 30px
    }
}

.p2-skills__slider {
    display: inline-flex;
    padding-top: 15px;
    padding-bottom: 30px;
    color: #4a4a4a;
    width: 100%
}

@media only screen and (min-width: 991px) {
    .p2-skills__slider {
        padding-top: 45px;
        padding-bottom: 35px
    }
}

.p2-skills__slider .slick-list {
    overflow: visible
}

.p2-skills__slider .slick-slide {
    position: relative;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .p2-skills__slider .slick-slide {
        padding: 5px 25px;
        font-size: 20px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-skills__slider .slick-slide {
        font-size: 28px
    }
}

.p2-skills__slider .slick-slide::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 2px;
    height: 12px;
    background-color: #fff
}

@media only screen and (min-width: 1199px) {
    .p2-skills__slider .slick-slide::before {
        top: 14px;
        height: 20px
    }
}

.p2-skills__slider .slick-slide:first-child::before {
    width: 0
}

.p2-skills .button,
.p2-skills .single-prime-program .wpulike,
.single-prime-program .p2-skills .wpulike,
.p2-skills .campus-program-template-default .wpulike,
.campus-program-template-default .p2-skills .wpulike,
.p2-skills .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .p2-skills .wpulike,
.p2-skills .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .p2-skills .hs-button,
.p2-skills .events__tabs ul li a,
.events__tabs ul li .p2-skills a {
    margin: 0;
    min-width: 109px;
    height: 35px;
    font-family: "Jost", sans-serif;
    background-color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #4a4a4a;
    text-transform: none
}

.p2-skills .button:after,
.p2-skills .single-prime-program .wpulike:after,
.single-prime-program .p2-skills .wpulike:after,
.p2-skills .campus-program-template-default .wpulike:after,
.campus-program-template-default .p2-skills .wpulike:after,
.p2-skills .enterprise-program-template-default .wpulike:after,
.enterprise-program-template-default .p2-skills .wpulike:after,
.p2-skills .hbspt-form .hs-submit .hs-button:after,
.hbspt-form .hs-submit .p2-skills .hs-button:after,
.p2-skills .events__tabs ul li a:after,
.events__tabs ul li .p2-skills a:after {
    color: #ffbe00;
    font-size: 8px
}

.p2-lerning-system {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #ffbe02;
    font-family: "Jost", sans-serif
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system {
        padding-top: 0px
    }
}

.p2-lerning-system h2 {
    font-size: 82px;
    line-height: 77px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.07em;
    position: relative;
    width: 320px;
    margin: 0 auto
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system h2 {
        font-size: 175.721px;
        line-height: normal;
        width: 100%
    }
}

.p2-lerning-system h2 span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #4a4a4a;
    position: absolute;
    display: block;
    right: 0;
    bottom: -18px;
    white-space: nowrap;
    text-transform: capitalize;
    letter-spacing: 0
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system h2 span {
        right: 40px;
        font-size: 20px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system h2 span {
        bottom: 20px;
        right: 200px;
        font-size: 20.3135px;
        line-height: 25px
    }
}

.p2-lerning-system h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .p2-lerning-system h3 {
        font-size: 40px;
        line-height: 60px
    }
}

.p2-lerning-system>p {
    color: #4a4a4a;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 479px) {
    .p2-lerning-system>p {
        width: 80%;
        margin: 0 auto
    }
}

@media only screen and (min-width: 991px) {
    .p2-lerning-system>p {
        font-size: 20px;
        line-height: 24px;
        text-transform: capitalize;
        width: 700px
    }
}

.p2-lerning-system__percentage {
    display: flex;
    justify-content: space-evenly;
    padding: 10px 0 15px;
    flex-wrap: wrap
}

.p2-lerning-system__percentage>div {
    padding: 20px 0;
    max-width: 50%
}

.p2-lerning-system__percentage h3 {
    font-size: 86.6896px;
    line-height: 75px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    letter-spacing: -0.05em
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system__percentage h3 {
        font-size: 172px;
        line-height: 172px
    }
}

.p2-lerning-system__percentage h3 span {
    font-size: 20px;
    line-height: 24px;
    padding-left: 3px;
    letter-spacing: .1px
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system__percentage h3 span {
        font-size: 48.6262px;
        line-height: 57px
    }
}

.p2-lerning-system__percentage p {
    font-size: 15.0762px;
    line-height: 18px;
    text-align: center;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system__percentage p {
        font-size: 30.0203px;
        line-height: 36px;
        padding: 0 40px;
        padding: 0;
        width: 250px;
        margin: 0 auto
    }
}

.p2-lerning-system__percentage p span {
    font-size: 7px;
    line-height: 8px;
    display: block
}

@media only screen and (min-width: 1199px) {
    .p2-lerning-system__percentage p span {
        font-size: 11px;
        line-height: 24px
    }
}

.p2-breakthroughs {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .p2-breakthroughs {
        padding-top: 0px
    }
}

@media only screen and (max-width: 991px) {
    .p2-breakthroughs {
        padding-left: 50px;
        padding-right: 50px
    }
}

.p2-breakthroughs h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin: 0 auto 10px
}

@media only screen and (min-width: 991px) {
    .p2-breakthroughs h2 {
        font-size: 40px;
        line-height: 60px
    }
}

@media only screen and (min-width: 991px) {
    .p2-breakthroughs h2 {
        margin-bottom: 20px
    }
}

.p2-breakthroughs__slider {
    margin: 0 auto;
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px
}

@media only screen and (min-width: 991px) {
    .p2-breakthroughs__slider {
        width: 84%
    }
}

.p2-breakthroughs__slider.slick-initialized {
    background-image: none
}

.p2-breakthroughs__slider.slick-initialized .slick-arrow.slick-next {
    right: -25px;
    color: #ffbe02;
    font-size: 25px
}

@media only screen and (min-width: 991px) {
    .p2-breakthroughs__slider.slick-initialized .slick-arrow.slick-next {
        font-size: 35px;
        right: -50px
    }
}

.p2-breakthroughs__slider.slick-initialized .slick-arrow.slick-prev {
    left: -25px;
    color: #ffbe02;
    top: 45%;
    font-size: 25px
}

@media only screen and (min-width: 991px) {
    .p2-breakthroughs__slider.slick-initialized .slick-arrow.slick-prev {
        font-size: 35px;
        left: -50px
    }
}

.p2-breakthroughs__slider .slick-track {
    display: flex
}

.p2-breakthroughs__slider .slick-track:after,
.p2-breakthroughs__slider .slick-track:before {
    display: none
}

.p2-breakthroughs__slider .slick-track .slick-slide {
    height: auto
}

.p2-breakthroughs__card {
    display: none;
    align-items: stretch;
    padding: 20px 23px 15px;
    margin: 10px 25px;
    text-align: left;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
    transition: transform .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .p2-breakthroughs__card {
        padding: 50px 57px 20px
    }
}

.slick-initialized .p2-breakthroughs__card {
    display: flex
}

.p2-breakthroughs .slick-slider .slick-list {
    overflow: hidden
}

.p2-carousel {
    margin: 0;
    min-height: 150px;
    position: relative;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 200px
}

@media only screen and (min-width: 991px) {
    .p2-carousel {
        margin: 0 auto;
        width: 90%
    }
}

@media only screen and (min-width: 1549px) {
    .p2-carousel {
        width: 80%
    }
}

.p2-carousel__item {
    display: none
}

@media only screen and (max-width: 767px) {
    .p2-carousel__item--large {
        width: 380px
    }
}

@media only screen and (max-width: 479px) {
    .p2-carousel__item--large {
        width: 320px
    }
}

@media only screen and (max-width: 991px) {
    .p2-carousel__item--full {
        width: 580px
    }
}

@media only screen and (max-width: 767px) {
    .p2-carousel__item--full {
        width: 320px
    }
}

.slick-initialized .p2-carousel__item {
    display: flex
}

.p2-carousel.slick-initialized {
    background-image: none
}

.p2-carousel .slick-track {
    display: flex
}

.p2-carousel .slick-track:after,
.p2-carousel .slick-track:before {
    display: none
}

.p2-carousel .slick-track .slick-slide {
    height: auto
}

.p2-enterprise-banner__wrapper {
    background-color: #fff;
    font-family: "Jost", sans-serif;
    padding-top: 40px;
    padding-bottom: 0;
    position: relative
}

.p2-enterprise-banner__wrapper::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p2-enterprise-banner {
    background-color: #ffbe02;
    padding-top: 20px;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    position: relative;
    z-index: 11
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-banner {
        padding-bottom: 200px
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner {
        padding-bottom: 100px
    }
}

.p2-enterprise-banner__card {
    width: 50%;
    margin-top: -120px;
    position: relative
}

.p2-enterprise-banner__card:first-child {
    width: 100%;
    margin-top: 0
}

.p2-enterprise-banner__card:first-child img {
    height: 200px
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-banner__card:first-child img {
        height: 287px;
        position: absolute;
        left: 45%;
        margin-top: -40px
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner__card:first-child img {
        height: 355px;
        position: absolute;
        left: 45%;
        margin-top: -65px
    }
}

.p2-enterprise-banner__card:first-child p {
    padding: 0 5px
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner__card:first-child p {
        padding: 0 15px
    }
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-banner__card:nth-child(2) img {
        position: absolute;
        right: 20%;
        margin-top: -45px
    }
}

@media only screen and (min-width: 767px)and (min-width: 991px) {
    .p2-enterprise-banner__card:nth-child(2) img {
        right: 10%;
        margin-top: -150px
    }
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-banner__card:last-child img {
        position: absolute;
        left: 20%;
        margin-top: -45px
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner__card:last-child {
        width: 40%;
        margin-left: 10%
    }
    .p2-enterprise-banner__card:last-child img {
        position: absolute;
        left: -1%;
        margin-top: -150px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-enterprise-banner__card:last-child img {
        left: -10%
    }
}

.p2-enterprise-banner__card__box {
    border-radius: 50%;
    background-color: #fff;
    padding: 10px;
    width: 160px;
    height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-banner__card__box {
        width: 200px;
        height: 200px
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner__card__box {
        width: 254px;
        height: 254px
    }
}

.p2-enterprise-banner__card__box h3 {
    font-weight: 700;
    font-size: 65.7974px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #ffbe02;
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    margin-bottom: 0
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner__card__box h3 {
        font-size: 110.559px;
        line-height: 36px
    }
}

.p2-enterprise-banner__card__box h3 span {
    font-size: 18px
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner__card__box h3 span {
        font-size: 30px
    }
}

.p2-enterprise-banner__card__box p {
    font-weight: 400;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    color: #4a4a4a;
    margin: 0;
    padding: 0 15px
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-banner__card__box p {
        font-size: 11px;
        line-height: 14px
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprise-banner__card__box p {
        font-size: 14px;
        line-height: 16px;
        padding: 0 40px
    }
}

.p2-enterprise-banner__card img {
    height: 175px;
    margin: -22px auto 0;
    z-index: 1
}

@media only screen and (min-width: 767px) {
    .p2-enterprise-banner__card img {
        height: 287px;
        margin: -60px auto 0
    }
}

.p2-enterprises-statistics {
    padding-top: 40px
}

@media only screen and (min-width: 991px) {
    .p2-enterprises-statistics {
        padding-bottom: 40px
    }
}

.p2-enterprises-statistics h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    width: 240px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .p2-enterprises-statistics h2 {
        font-size: 40px;
        line-height: 60px
    }
}

@media only screen and (min-width: 991px) {
    .p2-enterprises-statistics h2 {
        width: 100%;
        margin: 0
    }
}

.p2-enterprises-statistics__logo {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 102px;
    height: 72px;
    overflow: hidden
}

@media only screen and (min-width: 991px) {
    .p2-enterprises-statistics__logo {
        width: 180px;
        height: 95px
    }
}

.p2-enterprises-statistics__logo img {
    width: 80%;
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center
}

.p2-enterprises-statistics__text {
    height: 40px;
    width: 176px;
    margin-top: 5px;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.1;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (max-width: 991px) {
    .p2-enterprises-statistics__text {
        display: none;
        width: 102px;
        height: 30px;
        line-height: 1;
        font-size: 10px
    }
}

.p2-enterprises-statistics__slide {
    padding: 0;
    display: none
}

.slick-initialized .p2-enterprises-statistics__slide {
    display: block
}

.p2-enterprises-statistics .slick-slide>div {
    padding: 0 60px 5px 0
}

@media only screen and (min-width: 991px) {
    .p2-enterprises-statistics .slick-slide>div {
        padding: 0 40px 0 0
    }
}

@media only screen and (min-width: 767px) {
    .p2-enterprises-statistics .slick-slide>div {
        padding: 0 20px 0 0
    }
}

.p2-enterprises-statistics .slick-slide>div+div {
    margin-left: -210px;
    padding: 0 0 20px 80px
}

@media only screen and (min-width: 991px) {
    .p2-enterprises-statistics .slick-slide>div+div {
        margin-left: -110px;
        padding: 0 0 15px 40px
    }
}

.p2-enterprises-statistics .slick-slide>div+div+div {
    margin-left: -210px;
    padding: 0 0 50px 80px
}

.p2-enterprises-statistics__slider {
    padding-top: 30px;
    padding-bottom: 0px;
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px
}

.p2-enterprises-statistics__slider.slick-initialized {
    background-image: none
}

.p2-enterprises-statistics__slider .slick-list {
    overflow: visible
}

.p2-enterprises-statistics__row {
    margin: 0 -70px;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 140px)
}

@media only screen and (max-width: 1549px) {
    .p2-enterprises-statistics__row {
        margin: 0;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .p2-enterprises-statistics__row {
        justify-content: center
    }
}

.p2-enterprises-statistics__col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 25%
}

@media only screen and (max-width: 767px) {
    .p2-enterprises-statistics__col {
        padding-bottom: 15px
    }
}

:root {
    --star-size: 16px;
    --star-color: rgba(255, 255, 255, 0.5);
    --star-background: #fff
}

@media only screen and (min-width: 1199px) {
    :root {
        --star-size: 20px
    }
}

.p2-stars {
    display: flex;
    align-items: center;
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    font-family: Times;
    line-height: 1
}

.p2-stars::before {
    content: "★★★★★";
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    letter-spacing: -0.5px
}

.p2-banner-faculty {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: #ff3363;
    padding-top: 40px;
    color: #fff;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .p2-banner-faculty {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty {
        padding-top: 60px
    }
}

.p2-banner-faculty__info {
    width: 100%
}

@media only screen and (min-width: 767px) {
    .p2-banner-faculty__info {
        padding-bottom: 40px;
        width: 50%
    }
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info {
        padding-bottom: 60px
    }
}

.p2-banner-faculty__info nav {
    font-size: 13.5px;
    font-weight: 400;
    padding-bottom: 15px
}

.p2-banner-faculty__info nav a {
    display: flex;
    gap: 6px;
    align-items: center;
    color: #fff
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info nav {
        font-size: 17px;
        padding-bottom: 35px
    }
}

.p2-banner-faculty__info nav i {
    font-size: 20px;
    color: #fff
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info nav i {
        font-size: 25px
    }
}

.p2-banner-faculty__info h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin-bottom: 6px;
    font-weight: 800;
    font-size: 60px;
    line-height: 62px;
    color: #fff;
    text-transform: capitalize
}

@media only screen and (min-width: 767px) {
    .p2-banner-faculty__info h2 {
        margin-bottom: 15px
    }
}

.p2-banner-faculty__info h2 a {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #0a5da9;
    border-radius: 3px;
    background: #dfdfdf;
    transition: .3s ease-in-out;
    font-size: 24px;
    margin-left: 15px
}

.p2-banner-faculty__info h2 a:hover {
    text-decoration: none;
    color: #fff
}

.p2-banner-faculty__info-cont p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    width: 80%;
    margin: 0 0 16px
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info-cont p {
        font-size: 20px;
        line-height: 29px;
        width: 100%
    }
}

.p2-banner-faculty__info-learners {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    display: flex;
    align-items: baseline;
    padding-top: 5px;
    padding-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .p2-banner-faculty__info-learners {
        font-size: 14px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info-learners {
        font-size: 20px;
        line-height: 35px;
        padding-bottom: 10px
    }
}

.p2-banner-faculty__info-number {
    font-weight: 700;
    font-size: 16px;
    font-family: "Jost", sans-serif;
    padding-left: 5px
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info-number {
        font-size: 25px
    }
}

.p2-banner-faculty__info-social-icons {
    width: 60px;
    padding-top: 5px;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .5);
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    font-size: 12px
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info-social-icons {
        padding-top: 10px;
        width: 70px
    }
}

.p2-banner-faculty__info-social-icons a {
    display: flex;
    align-items: center
}

.p2-banner-faculty__info-social-icons i {
    color: #fff;
    font-size: 14px;
    padding-right: 5px
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty__info-social-icons i {
        font-size: 18px
    }
}

.p2-banner-faculty__info-social-icons a:last-child i {
    padding-right: 0;
    padding-left: 4px
}

.p2-banner-faculty__image {
    width: 100%;
    z-index: 1;
    position: relative;
    align-self: flex-end;
    margin: 0 auto;
    padding-top: 10px;
    mix-blend-mode: multiply
}

@media only screen and (min-width: 767px) {
    .p2-banner-faculty__image {
        display: flex;
        width: 60%;
        position: absolute;
        bottom: 0
    }
}

@media only screen and (min-width: 991px) {
    .p2-banner-faculty__image {
        max-width: 480px;
        width: auto;
        height: 88%
    }
}

.p2-banner-faculty__image img {
    height: auto;
    margin: 0 auto
}

@media only screen and (min-width: 767px) {
    .p2-banner-faculty__image img {
        width: 100%
    }
}

.p2-banner-faculty__shape {
    top: 0;
    left: 50%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    margin-left: 500px;
    transform: translateX(-50%)
}

@media only screen and (max-width: 1199px) {
    .p2-banner-faculty__shape {
        margin-left: 400px
    }
}

@media only screen and (max-width: 991px) {
    .p2-banner-faculty__shape {
        margin-left: 300px
    }
}

@media only screen and (max-width: 767px) {
    .p2-banner-faculty__shape {
        margin-left: 200px
    }
}

@media only screen and (max-width: 479px) {
    .p2-banner-faculty__shape {
        margin-left: 150px
    }
}

.p2-banner-faculty__shape svg {
    height: 90%;
    width: auto
}

@media only screen and (max-width: 767px) {
    .p2-banner-faculty__shape svg {
        height: 100%
    }
}

.p2-banner-faculty .wpulike .wp_ulike_general_class:before {
    content: "";
    margin-right: 0;
    font-size: 12px
}

@media only screen and (min-width: 1199px) {
    .p2-banner-faculty .wpulike .wp_ulike_general_class:before {
        font-size: 15px
    }
}

.p2-faculty-detail {
    padding-top: 35px;
    padding-bottom: 35px
}

@media only screen and (min-width: 479px) {
    .p2-faculty-detail {
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .p2-faculty-detail {
        padding-left: 35px;
        padding-right: 35px
    }
}

.p2-faculty-detail__cont {
    padding-bottom: 40px
}

.p2-faculty-detail__cont h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #4a4a4a;
    text-transform: capitalize
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-detail__cont h5 {
        font-size: 30px;
        line-height: 28px;
        margin-bottom: 25px
    }
}

.p2-faculty-detail__cont p {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #4a4a4a
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-detail__cont p {
        font-size: 20px;
        line-height: 36px
    }
}

.p2-faculty-detail__testimonial {
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, .7);
    border-radius: 28px;
    padding: 80px 40px 60px 30px;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: -100px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    z-index: 11;
    position: relative;
    order: 2
}

@media only screen and (min-width: 767px) {
    .p2-faculty-detail__testimonial {
        width: 46%;
        margin-bottom: -40px;
        font-size: 20px;
        line-height: 24px
    }
}

.p2-faculty-detail__testimonial::before,
.p2-faculty-detail__testimonial::after {
    display: flex;
    content: ",,";
    color: #44a659;
    font-family: "EB Garamond";
    font-style: normal;
    font-size: 68px;
    font-weight: 800;
    line-height: 33px;
    position: absolute;
    right: 40px;
    bottom: 50px
}

.p2-faculty-detail__testimonial::before {
    text-align: right;
    content: ",,";
    font-size: 137.742px;
    right: auto;
    bottom: auto;
    top: 83px;
    left: 26px;
    transform: rotate(180deg)
}

.p2-faculty-detail__testimonial .slick-slide.slick-current.slick-active {
    opacity: 1
}

.p2-faculty-detail__arrow {
    top: 100%;
    width: 0;
    height: 0;
    border-left: 0 solid rgba(0, 0, 0, 0);
    border-right: 25px solid rgba(0, 0, 0, 0);
    border-top: 25px solid #44a659;
    margin: 0;
    position: absolute
}

.p2-faculty-detail .pink::before {
    border-right: 50px solid #ff3363
}

@media only screen and (min-width: 991px) {
    .p2-faculty-detail .pink::before {
        border-right: 70px solid #ff3363
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-detail .pink::before {
        border-right: 90px solid #ff3363
    }
}

.p2-faculty-detail .green::before {
    border-right: 50px solid #44a659
}

@media only screen and (min-width: 991px) {
    .p2-faculty-detail .green::before {
        border-right: 70px solid #44a659
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-detail .green::before {
        border-right: 90px solid #44a659
    }
}

.p2-faculty-detail .green.p2-faculty-detail__testimonial .slick-slide:before,
.p2-faculty-detail .green .p2-faculty-detail__testimonial .slick-slide:after {
    color: #44a659
}

.p2-faculty-detail .orange::before {
    border-right: 50px solid #ff7100
}

@media only screen and (min-width: 991px) {
    .p2-faculty-detail .orange::before {
        border-right: 70px solid #ff7100
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-detail .orange::before {
        border-right: 90px solid #ff7100
    }
}

.p2-faculty-detail .orange.p2-faculty-detail__slider.slick-slider .slick-arrow {
    color: #ff7100
}

.p2-faculty-detail .blue::before {
    border-right: 50px solid #0099df
}

@media only screen and (min-width: 991px) {
    .p2-faculty-detail .blue::before {
        border-right: 70px solid #0099df
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-detail .blue::before {
        border-right: 90px solid #0099df
    }
}

.p2-faculty-detail .blue.p2-faculty-detail__slider.slick-slider .slick-arrow {
    color: #0099df
}

.single-faculty_p2 .p2-enterprises-statistics h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #4a4a4a;
    text-transform: capitalize;
    text-align: left
}

@media only screen and (min-width: 1199px) {
    .single-faculty_p2 .p2-enterprises-statistics h2 {
        font-size: 30px;
        line-height: 28px;
        margin-bottom: 25px
    }
}

.single-faculty_p2 .p2-enterprises-statistics .heading {
    max-width: 100%
}

.thrive-skills-listing__tabber.p2-banner-faculty__slider {
    padding-top: 80px;
    padding-bottom: 70px
}

.thrive-skills-listing__tabber.p2-banner-faculty__slider .p2-advantage__slider {
    padding-left: 20px;
    padding-right: 20px
}

.thrive-skills-listing__tabber.p2-banner-faculty__slider .p2-advantage__slider.slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 40%;
    color: #ffbe02;
    bottom: -60px;
    font-size: 25px
}

@media only screen and (min-width: 991px) {
    .thrive-skills-listing__tabber.p2-banner-faculty__slider .p2-advantage__slider.slick-slider .slick-arrow.slick-prev {
        top: 50%;
        left: -30px
    }
}

.thrive-skills-listing__tabber.p2-banner-faculty__slider .p2-advantage__slider.slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 40%;
    font-size: 25px;
    bottom: -60px;
    color: #ffbe02
}

@media only screen and (min-width: 991px) {
    .thrive-skills-listing__tabber.p2-banner-faculty__slider .p2-advantage__slider.slick-slider .slick-arrow.slick-next {
        top: 50%;
        right: -30px
    }
}

.p2-faculty-banner {
    background-color: #ffbe02;
    padding-top: 40px;
    mix-blend-mode: multiply
}

.p2-faculty-banner h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 56px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    width: 370px;
    margin: 0 auto 20px
}

@media only screen and (min-width: 479px) {
    .p2-faculty-banner h2 {
        width: 100%
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-banner h2 {
        width: 1100px;
        font-size: 126.546px;
        line-height: 131px;
        padding-top: 60px
    }
}

.p2-faculty-banner p {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    max-width: 350px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .p2-faculty-banner p {
        font-size: 20px;
        line-height: 24px;
        max-width: 600px;
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-banner p {
        font-size: 24px;
        max-width: 800px;
        line-height: 30px;
        margin-bottom: 50px
    }
}

.p2-faculty-banner__slider {
    background-color: #ffbe02;
    margin: 0 auto;
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px
}

@media only screen and (min-width: 991px) {
    .p2-faculty-banner__slider {
        width: 100%
    }
}

.p2-faculty-banner__slider.slick-initialized {
    background-image: none
}

.p2-faculty-banner__slider .slick-list {
    mix-blend-mode: multiply
}

.p2-faculty-banner__slider .slick-list .p2-faculty-banner__card img {
    display: flex
}

.p2-faculty-banner__slider .slick-slide {
    margin-left: -60px
}

@media only screen and (min-width: 767px) {
    .p2-faculty-banner__slider .slick-slide {
        margin-left: -90px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-banner__slider .slick-slide {
        margin-left: -180px
    }
}

.p2-faculty-banner__card {
    display: inline-flex
}

.p2-faculty-banner__card img {
    display: none;
    height: 180px !important;
    margin-bottom: -5px
}

@media only screen and (min-width: 767px) {
    .p2-faculty-banner__card img {
        height: 250px !important
    }
}

@media only screen and (min-width: 1199px) {
    .p2-faculty-banner__card img {
        height: 470px !important;
        margin-bottom: -20px
    }
}

.p2-faqs-section {
    background-color: #fff;
    font-family: "Jost", sans-serif;
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .p2-faqs-section {
        padding-left: 40px;
        padding-right: 40px
    }
}

.p2-faqs-section h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    width: 240px;
    margin: 0 auto 10px
}

@media only screen and (min-width: 991px) {
    .p2-faqs-section h2 {
        font-size: 40px;
        line-height: 60px
    }
}

@media only screen and (min-width: 991px) {
    .p2-faqs-section h2 {
        width: 100%;
        margin-bottom: 35px
    }
}

.p2-faqs-section__list {
    margin: 0 auto;
    max-width: 70%
}

@media only screen and (max-width: 1199px) {
    .p2-faqs-section__list {
        max-width: 80%
    }
}

@media only screen and (max-width: 991px) {
    .p2-faqs-section__list {
        max-width: 90%
    }
}

@media only screen and (max-width: 767px) {
    .p2-faqs-section__list {
        max-width: 100%
    }
}

.p2-faqs-section__item {
    padding: 0px 0 20px;
    border-bottom: 1px solid rgba(74, 74, 74, .1);
    text-align: center;
    color: #4a4a4a
}

.p2-faqs-section__item.is-active .faqs-section__title:after {
    transform: none
}

.p2-faqs-section__title {
    padding: 20px 0 0 0;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .p2-faqs-section__title {
        font-size: 20px
    }
}

.p2-faqs-section__panel {
    padding: 10px 0 5px;
    display: none;
    line-height: 1.6;
    font-size: 16px;
    color: #4a4a4a
}

.p2-faqs-section__panel p {
    margin: 0
}

.p2-footer {
    padding-top: 80px;
    padding-bottom: 35px;
    position: relative;
    z-index: 200;
    width: 100%;
    font-size: 14px;
    font-family: "Jost", sans-serif;
    color: #4a4a4a;
    background: #ffbe02;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .p2-footer {
        padding-top: 40px;
        padding-bottom: 95px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer {
        font-weight: 500
    }
}

.p2-footer h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .p2-footer h2 {
        font-size: 24px;
        text-align: center
    }
}

.p2-footer p {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .p2-footer p {
        text-align: center
    }
}

.p2-footer__ios,
.p2-footer__android {
    margin-bottom: 10px;
    position: relative;
    display: flex;
    margin-top: 15px;
    width: 143px
}

@media only screen and (min-width: 767px) {
    .p2-footer__ios,
    .p2-footer__android {
        width: 98px;
        margin-top: 0
    }
}

.p2-footer__ios img,
.p2-footer__android img {
    width: 100%;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .p2-footer__ios img,
    .p2-footer__android img {
        width: 143px
    }
}

.p2-footer__ios img.is-hover,
.p2-footer__android img.is-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.p2-footer__ios:hover img.is-active,
.p2-footer__android:hover img.is-active {
    opacity: 0
}

.p2-footer__ios:hover img.is-hover,
.p2-footer__android:hover img.is-hover {
    opacity: 1
}

.p2-footer__android {
    justify-content: flex-end
}

.p2-footer__logo {
    margin-bottom: 40px;
    display: block;
    width: 240px
}

.p2-footer__logo img {
    filter: brightness(100)
}

@media only screen and (max-width: 767px) {
    .p2-footer__logo {
        width: 290px;
        margin: 30px auto
    }
}

.p2-footer__bottom,
.p2-footer__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 25px
}

@media only screen and (max-width: 767px) {
    .p2-footer__bottom,
    .p2-footer__top {
        width: 290px;
        margin: 0 auto
    }
}

.p2-footer__bottom {
    padding: 20px 0 0;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, .25)
}

@media only screen and (max-width: 991px) {
    .p2-footer__bottom {
        font-size: 13px;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__bottom {
        padding-top: 0;
        padding-bottom: 30px;
        border: 0
    }
}

.p2-footer__bottom-left {
    display: inline-flex
}

@media only screen and (max-width: 767px) {
    .p2-footer__bottom-left {
        display: flex;
        flex-direction: column
    }
}

.p2-footer__bottom-left ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .p2-footer__bottom-left ul {
        justify-content: center;
        margin: 0 auto
    }
}

.p2-footer__bottom-left ul li {
    color: #4a4a4a
}

.p2-footer__bottom-left ul li:before {
    margin: 0 4px;
    content: "|"
}

@media only screen and (max-width: 767px) {
    .p2-footer__bottom-left ul li:before {
        margin: 0 3px;
        font-size: 8px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__bottom-left ul li:first-child::before {
        display: none
    }
}

.p2-footer__bottom-left ul li a {
    color: #4a4a4a;
    line-height: 24px
}

.p2-footer__bottom-left ul li a:hover {
    text-decoration: none;
    color: #fff
}

@media only screen and (min-width: 767px) {
    .p2-footer__bottom-right {
        width: 240px
    }
}

.p2-footer__bottom p {
    color: #4a4a4a;
    font-size: 14px;
    margin: 0;
    font-family: "Jost", sans-serif
}

@media only screen and (max-width: 767px) {
    .p2-footer__bottom .footer__col1 {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__app {
        display: flex;
        justify-content: space-between;
        width: 290px;
        margin: 0 auto
    }
    .p2-footer__app img {
        width: auto;
        height: 40px
    }
}

.p2-footer__sidemenu {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .p2-footer__sidemenu {
        flex-direction: column
    }
}

.p2-footer__menu {
    width: 100%
}

.p2-footer__menu>ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .p2-footer__menu>ul {
        width: 290px;
        margin: 0 auto;
        flex-direction: row;
        justify-content: flex-start
    }
}

.p2-footer__menu>ul>li {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width: 767px) {
    .p2-footer__menu>ul>li {
        width: 50%;
        padding: 0
    }
    .p2-footer__menu>ul>li :nth-child(2n) {
        text-align: right
    }
}

.p2-footer__menu>ul>li>a {
    position: relative;
    display: inline-block;
    color: #4a4a4a;
    line-height: 24px;
    font-family: "Jost", sans-serif;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .p2-footer__menu>ul>li>a {
        font-size: 16px
    }
}

.p2-footer__menu>ul>li>a:hover {
    text-decoration: none
}

.p2-footer__menu>ul>li>a:hover:after {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .p2-footer__menu>ul>li:nth-child(2n) {
        text-align: right
    }
}

@media only screen and (max-width: 991px) {
    .p2-footer__col1 {
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__col1 {
        padding-right: 0;
        width: 100%
    }
}

.p2-footer__social {
    display: flex;
    margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
    .p2-footer__social {
        justify-content: center;
        gap: 20px;
        margin: 10px 0 25px;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
        padding-bottom: 25px
    }
}

.p2-footer__social li {
    margin-right: 40px
}

@media only screen and (max-width: 991px) {
    .p2-footer__social li {
        margin-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social li {
        margin-right: 10px
    }
}

.p2-footer__social li:last-child {
    margin-right: 0
}

.p2-footer__social li a {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 991px) {
    .p2-footer__social li a {
        height: 30px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social li a {
        height: 20px
    }
}

.p2-footer__social li a:hover {
    text-decoration: none
}

.p2-footer__social-facebook {
    font-size: 30px
}

@media only screen and (max-width: 991px) {
    .p2-footer__social-facebook {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social-facebook {
        font-size: 16px
    }
}

.p2-footer__social-facebook:hover {
    color: #5a7dc6
}

.p2-footer__social-twitter {
    font-size: 23px
}

@media only screen and (max-width: 991px) {
    .p2-footer__social-twitter {
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social-twitter {
        font-size: 12px
    }
}

.p2-footer__social-twitter:hover {
    color: #1da1f2
}

.p2-footer__social-linkedin {
    font-size: 28px
}

@media only screen and (max-width: 991px) {
    .p2-footer__social-linkedin {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social-linkedin {
        font-size: 14px
    }
}

.p2-footer__social-linkedin:hover {
    color: #007bb5
}

.p2-footer__social-instagram {
    font-size: 30px
}

@media only screen and (max-width: 991px) {
    .p2-footer__social-instagram {
        font-size: 22px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social-instagram {
        font-size: 15px
    }
}

.p2-footer__social-instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    border-radius: 5px
}

.p2-footer__social-whatsapp {
    font-size: 30px
}

@media only screen and (max-width: 991px) {
    .p2-footer__social-whatsapp {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social-whatsapp {
        font-size: 14px
    }
}

.p2-footer__social-whatsapp:hover {
    color: #42bd53
}

.p2-footer__social-youtube {
    font-size: 20px
}

@media only screen and (max-width: 991px) {
    .p2-footer__social-youtube {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer__social-youtube {
        font-size: 11px
    }
}

.p2-footer__social-youtube:hover {
    color: #f44d10
}

@media only screen and (max-width: 767px) {
    .p2-footer__mobile-hide {
        display: none
    }
}

.p2-footer__mobile-show {
    display: none
}

@media only screen and (max-width: 767px) {
    .p2-footer__mobile-show {
        padding-top: 5px;
        display: flex;
        justify-content: space-between;
        max-width: 320px
    }
}

@media only screen and (max-width: 767px) {
    .p2-footer .hbspt-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

.p2-footer .hbspt-form .hs-form-booleancheckbox input:checked+span:after {
    font-size: 8px;
    padding: 0px 0 0 2px
}

.p2-footer .hbspt-form .hs-form-field {
    margin-bottom: 15px
}

.p2-footer .hbspt-form .hs-form-field .input .hs-input {
    resize: none;
    padding: 0 20px;
    width: 236px !important;
    height: 32px;
    font-size: 11px;
    line-height: 13px;
    color: #4a4a4a
}

@media only screen and (max-width: 767px) {
    .p2-footer .hbspt-form .hs-form-field .input .hs-input {
        width: 290px !important;
        height: 38px;
        line-height: 18px
    }
}

.p2-footer .hbspt-form .hs-form-field .input select {
    padding: 0 10px;
    width: 236px;
    height: 31.29px;
    background-image: none;
    background-image: linear-gradient(45deg, transparent 50%, #ffbe02 50%), linear-gradient(135deg, #ffbe02 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    font-size: 11px;
    line-height: 13px;
    color: #ccc
}

@media only screen and (max-width: 767px) {
    .p2-footer .hbspt-form .hs-form-field .input select {
        width: 290px;
        height: 38px;
        line-height: 18px
    }
}

.p2-footer .hbspt-form .hs-form-field .hs-error-msg {
    font-size: 90%
}

.p2-footer .hbspt-form .hs-submit .hs-button {
    padding: 0 10px;
    width: 236px;
    height: 31.29px;
    font-size: 11px;
    line-height: 13px
}

@media only screen and (max-width: 767px) {
    .p2-footer .hbspt-form .hs-submit .hs-button {
        width: 290px;
        height: 38px;
        line-height: 18px
    }
}

.p2-footer .hbspt-form .hs-submit .hs-button:hover {
    box-shadow: none
}

.p2-footer .hbspt-form .hs-submit .actions {
    display: flex
}

.p2-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 201;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-family: "Jost", sans-serif;
    font-weight: 400;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .07)
}

@media only screen and (max-width: 991px) {
    .p2-header {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.p2-header__toggle {
    position: relative;
    z-index: 15;
    display: none;
    float: right;
    width: 25px;
    height: 24px;
    transition: .3s ease-in-out;
    cursor: pointer
}

@media only screen and (max-width: 991px) {
    .p2-header__toggle {
        display: block
    }
}

.p2-header__toggle>span {
    position: absolute;
    top: 50%;
    left: 5px;
    display: block;
    width: 15px;
    height: 0;
    text-indent: -9999px;
    border-radius: 2px;
    background: #575354;
    transition: .3s ease-in-out
}

.p2-header__toggle>span:before,
.p2-header__toggle>span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 15px;
    height: 2px;
    border-radius: 2px;
    background-color: #575354;
    transition: .3s ease-in-out;
    content: ""
}

.p2-header__toggle>span:before {
    top: -4px;
    left: 0;
    transition: .3s ease-in-out
}

.p2-header__toggle>span:after {
    bottom: -4px;
    left: 0;
    transition: .3s ease-in-out
}

.is-menu-open .p2-header__toggle>span {
    background: none
}

.is-menu-open .p2-header__toggle>span:before,
.is-menu-open .p2-header__toggle>spanafter {
    transition-delay: 0s, .2s
}

.is-menu-open .p2-header__toggle>span:before {
    top: 0;
    left: 0;
    width: 15px;
    transform: rotate(45deg)
}

.is-menu-open .p2-header__toggle>span:after {
    bottom: -2px;
    left: 0;
    transform: rotate(-45deg)
}

.p2-header__menu {
    display: flex
}

@media only screen and (max-width: 991px) {
    .p2-header__menu {
        padding-top: 10px;
        position: fixed;
        top: 48px;
        left: 0;
        width: 235px;
        height: );
        background: #fff;
        transform: translateX(-100%);
        transition: .3s ease-in-out;
        overflow: auto;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
    }
    .p2-header__menu nav .sub-menu {
        display: none
    }
    .p2-header__menu nav .sub-menu a {
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        letter-spacing: .02em;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        color: #4a4a4a;
        padding: 0px 25px 13px
    }
    .p2-header__menu nav ul {
        padding: 0 15px
    }
    .p2-header__menu nav ul li {
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
    .p2-header__menu nav ul li a {
        padding: 7px 0 7px 25px;
        position: relative;
        display: block;
        font-size: 16px;
        text-decoration: none;
        color: #4a4a4a
    }
    .p2-header__menu nav ul li a:hover {
        text-decoration: none;
        color: #4a4a4a
    }
    .p2-header__menu nav ul li:last-child a:after {
        display: none
    }
    .p2-header__menu nav ul li.is-active a {
        color: #4a4a4a
    }
    .p2-header__menu nav ul li.has-children {
        position: relative
    }
    .p2-header__menu nav ul li.has-children:after {
        content: " ";
        position: absolute;
        right: 10px;
        top: 14px;
        width: 9px;
        height: 9px;
        background-image: url(/wp-content/themes/harappaeducation/dist/images//header-icon.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto
    }
}

@media only screen and (max-width: 991px)and (max-width: 1199px) {
    .p2-header__menu nav ul li.has-children:after {
        font-size: 9px
    }
}

@media only screen and (max-width: 991px) {
    .p2-header__menu nav ul li.has-children>a {
        display: inline-flex;
        align-content: center;
        align-items: center;
        color: #4a4a4a;
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        width: 80%
    }
}

@media only screen and (max-width: 991px) {
    .p2-header__menu nav ul li ul li:last-child a:after {
        display: block
    }
}

@media only screen and (max-width: 991px) {
    .is-menu-open .p2-header__menu {
        transform: none;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .p2-header__menu {
        top: 44px;
        height:
    }
}

@media only screen and (min-width: 992px) {
    .p2-header__menu {
        align-items: center
    }
    .p2-header__menu>nav>ul {
        margin-right: 20px;
        display: flex;
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 992px)and (max-width: 1659px) {
    .p2-header__menu>nav>ul {
        margin-right: 10px
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .p2-header__menu>nav>ul {
        margin-right: 5px
    }
}

@media only screen and (min-width: 992px) {
    .p2-header__menu>nav>ul>li {
        position: relative
    }
    .p2-header__menu>nav>ul>li.is-hide {
        display: none
    }
    .p2-header__menu>nav>ul>li.has-children>a {
        display: inline-flex;
        align-content: center;
        align-items: center;
        color: #4a4a4a;
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        margin-right: 12px
    }
    .p2-header__menu>nav>ul>li.has-children>a:after {
        margin-left: 5px;
        content: " ";
        position: absolute;
        right: 0;
        width: 9px;
        height: 9px;
        background-image: url(/wp-content/themes/harappaeducation/dist/images//header-icon.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .p2-header__menu>nav>ul>li.has-children>a:after {
        font-size: 7px
    }
}

@media only screen and (min-width: 992px) {
    .p2-header__menu>nav>ul>li>a {
        padding: 24px 14px;
        position: relative;
        display: block;
        text-decoration: none
    }
    .p2-header__menu>nav>ul>li>a:hover {
        text-decoration: none
    }
}

@media only screen and (min-width: 992px) {
    .p2-header__menu>nav>ul>li.is-active>a {
        color: #0099df
    }
}

@media only screen and (min-width: 992px) {
    .p2-header__menu>nav>ul>li>ul {
        margin: 0;
        padding: 10px 28px;
        position: absolute;
        top: calc(100% - 5px);
        left: -15px;
        opacity: 0;
        visibility: hidden;
        min-width: 200px;
        background: #fff;
        transition: .3s ease-in-out;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1), inset 0 10px 12px rgba(0, 0, 0, .03)
    }
    .p2-header__menu>nav>ul>li>ul>li>a {
        padding: 5px 0;
        display: block;
        text-decoration: underline;
        font-size: 12px;
        letter-spacing: .02em;
        color: #4a4a4a
    }
    .p2-header__menu>nav>ul>li>ul>li>a:hover {
        color: #0099df
    }
    .p2-header__menu>nav>ul>li>ul>li.is-active>a {
        color: #0099df
    }
}

@media only screen and (min-width: 992px) {
    .p2-header__menu>nav>ul>li:hover>ul {
        top: 100%;
        opacity: 1;
        visibility: visible
    }
    .p2-header__menu>nav>ul>li:hover>a:before {
        width: 100%
    }
    .p2-header__menu>nav>ul>li:hover>a:after {
        transform: rotate(-180deg)
    }
}

.p2-header__search {
    position: absolute;
    top: 100%;
    padding-right: 10px;
    right: 0;
    width: calc(100% - 60px);
    background: #fff;
    transform: translateX(100%);
    transition: .3s ease-in-out;
    box-shadow: 0 10px 15px rgba(0, 153, 223, .2)
}

@media only screen and (min-width: 991px) {
    .p2-header__search {
        width: 450px;
        box-shadow: none
    }
}

.p2-header__search form {
    position: relative
}

.p2-header__search form input {
    padding: 10px 20px 10px 70px;
    width: 100%;
    height: 74px;
    font-size: 18px;
    color: #0099df;
    border: 0;
    border-radius: 0;
    background: #fff
}

@media only screen and (max-width: 1199px) {
    .p2-header__search form input {
        padding-left: 50px;
        height: 60px;
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .p2-header__search form input {
        padding: 5px 5px 5px 35px;
        height: 44px;
        font-size: 15px;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }
}

.p2-header__search form input::-moz-placeholder {
    color: #0099df
}

.p2-header__search form input::placeholder {
    color: #0099df
}

.p2-header__search form button {
    position: absolute;
    top: 0;
    left: 10px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    opacity: .6;
    width: 60px;
    height: 100%;
    font-size: 20px;
    color: #0099df;
    border: 0;
    background: rgba(0, 0, 0, 0);
    cursor: pointer
}

@media only screen and (max-width: 1199px) {
    .p2-header__search form button {
        left: 10px;
        width: 40px
    }
}

@media only screen and (max-width: 991px) {
    .p2-header__search form button {
        left: 0;
        width: 35px
    }
}

.p2-header__search form button:hover {
    opacity: 1
}

.p2-header__search.is-active {
    transform: translateX(0)
}

.p2-header__right {
    display: inline-flex;
    align-content: center;
    align-items: center;
    font-size: 20px
}

.p2-header__right a {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px
}

.p2-header__right .mob--search {
    display: none
}

@media only screen and (max-width: 991px) {
    .p2-header__right .mob--search {
        display: block
    }
}

.p2-header__top {
    margin-bottom: 10px;
    display: none;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .p2-header__top {
        display: block
    }
}

.p2-header__top ul {
    margin: 0 -20px;
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
    width: calc(100% + 40px);
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.p2-header__top ul li {
    margin-right: 20px
}

.p2-header__top ul li a {
    padding: 15px 0;
    position: relative;
    display: block;
    font-size: 13px
}

@media only screen and (max-width: 767px) {
    .p2-header__top ul li a {
        font-size: 11px
    }
}

.p2-header__top ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    transition: .3s ease-in-out;
    content: ""
}

.p2-header__top ul li a:hover {
    text-decoration: none
}

.p2-header__top ul li:hover a:after {
    width: 100%
}

.p2-header__top ul li:last-child {
    margin-right: 0
}

.p2-header__top ul li:last-child a {
    font-weight: 700;
    color: #0099df
}

.p2-header__logo {
    width: 130px
}

@media only screen and (max-width: 767px) {
    .p2-header__logo {
        margin: 0 auto;
        display: block;
        width: 110px
    }
}

.p2-header__logo img {
    width: 100%;
    height: auto
}

.p2-header__search-btn {
    margin-right: 30px;
    display: inline-block;
    font-size: 25px;
    color: #ffbe02
}

@media only screen and (min-width: 1199px) {
    .p2-header__search-btn {
        margin-right: 0;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 50px
    }
}

@media only screen and (max-width: 991px) {
    .p2-header__search-btn {
        margin-right: 0;
        display: none
    }
}

.p2-header__link {
    margin-left: 10px;
    padding: 24px 18px;
    position: relative;
    display: block;
    font-weight: 600;
    color: #0099df
}

.p2-header__link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 8px;
    transition: .3s ease-in-out;
    content: ""
}

.p2-header__link:hover {
    color: #0099df
}

.p2-header__link:hover:before {
    color: #0099df;
    width: 100%
}

.p2-header__link--login {
    margin-left: 0;
    font-weight: normal;
    color: #4a4a4a;
    padding: 24px 10px
}

.p2-header__link--login:hover {
    color: #0099df
}

.p2-header__link--schedule {
    width: 175px;
    height: 38px;
    background: #009bea;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .15);
    border-radius: 19px;
    color: #fff;
    padding: 0;
    text-align: center;
    line-height: 37px
}

.p2-header__link--schedule:hover {
    color: #fff
}

.admin-bar .p2-header {
    margin-top: 32px
}

@media only screen and (max-width: 782px) {
    .admin-bar .p2-header {
        margin-top: 46px
    }
}

.p2-program-detail {
    position: relative
}

.p2-program-detail__video {
    padding-top: 60px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__video {
        padding-top: 100px
    }
}

.p2-program-detail__video::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1000%;
    height: 60%;
    background-color: #ffbe02
}

.p2-program-detail__video iframe {
    width: 100%;
    position: relative;
    min-height: 194px;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__video iframe {
        min-height: 500px
    }
}

.p2-program-detail--schedule {
    width: 161px;
    height: 38px;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .15);
    border-radius: 19px;
    color: #fff;
    padding: 0;
    text-align: center;
    line-height: 37px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .02em;
    margin: 0 auto
}

.p2-program-detail--schedule:hover {
    color: #fff
}

@media only screen and (min-width: 991px) {
    .p2-program-detail--schedule {
        margin: 0 0 50px
    }
}

.p2-program-detail__relative {
    position: relative
}

.p2-program-detail__relative .overlay {
    padding: 20px 0;
    width: 100%
}

.p2-program-detail__relative .overlay p {
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__relative .overlay p {
        text-align: left
    }
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__relative .overlay {
        padding: 50px 0 70px;
        position: absolute;
        left: 0;
        bottom: 0
    }
}

.p2-program-detail__second {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    position: relative
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__second {
        flex-direction: row;
        justify-content: space-between
    }
}

.p2-program-detail__second h2 {
    font-weight: 800;
    font-size: 41px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
}

.p2-program-detail__second h2 span {
    font-size: 32px;
    display: block
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__second h2 {
        font-size: 60px;
        line-height: 50px;
        text-align: left;
        margin: 0
    }
    .p2-program-detail__second h2 span {
        font-size: 46px
    }
}

.p2-program-detail__second p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__second p {
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        margin-bottom: 10 px
    }
}

.p2-program-detail__second img {
    height: 148px;
    margin: 40px auto 0
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__second img {
        height: 540px;
        margin: 0;
        max-width: 100%;
        z-index: 1;
        position: relative;
        mix-blend-mode: multiply
    }
}

.p2-program-detail__matters {
    background-color: #ff7100
}

.p2-program-detail__matters h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    padding: 30px 0;
    margin: 0
}

@media only screen and (min-width: 767px) {
    .p2-program-detail__matters h2 {
        font-size: 40px;
        line-height: 56px
    }
}

@media only screen and (min-width: 1199px) {
    .p2-program-detail__matters h2 {
        font-size: 60px;
        line-height: 80px;
        text-align: left
    }
}

.p2-program-detail__matters img {
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__matters .mob--matters {
        display: none
    }
}

.p2-program-detail__matters .desk--matters {
    display: none
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__matters .desk--matters {
        display: block
    }
}

.p2-program-detail__cohort {
    padding-top: 50px;
    padding-bottom: 50px
}

.p2-program-detail__cohort h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__cohort h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.p2-program-detail__cohort p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    width: 90%
}

@media only screen and (min-width: 1199px) {
    .p2-program-detail__cohort p {
        font-size: 24px;
        line-height: 24px
    }
}

.p2-program-detail__cohort__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media only screen and (min-width: 767px) {
    .p2-program-detail__cohort__wrap.five--cohort .p2-program-detail__cohort__cont {
        width: 33%
    }
}

.p2-program-detail__cohort__cont {
    width: 50%;
    padding-top: 50px
}

.p2-program-detail__cohort__cont h2 {
    font-weight: 800;
    font-size: 82px;
    line-height: 77px;
    margin-bottom: 5px
}

@media only screen and (min-width: 1199px) {
    .p2-program-detail__cohort__cont h2 {
        font-size: 150px;
        line-height: 160px
    }
}

.p2-program-detail__cohort__cont p {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

@media only screen and (min-width: 1199px) {
    .p2-program-detail__cohort__cont p {
        font-size: 24px;
        line-height: 24px
    }
}

.p2-program-detail__slider h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin-bottom: 15px
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.p2-program-detail__slider>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    width: 70%
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider>p {
        font-size: 24px;
        line-height: 24px
    }
}

.p2-program-detail__slider .slider {
    position: relative
}

.p2-program-detail__slider .slider .owl-item.active.center {
    position: relative;
    z-index: 2;
    transform: translateX(-3.125rem)
}

.p2-program-detail__slider .slider .owl-item.active.center .slider-card,
.p2-program-detail__slider .slider .owl-item.active.center .slider-card-bene {
    width: 12.5rem;
    opacity: 1;
    padding: 1.25rem;
    justify-content: space-around;
    transform: scale(1.1)
}

.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card h3,
.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card-bene h3 {
    font-weight: 600;
    font-style: italic;
    font-size: 25px;
    line-height: 36px;
    color: #ffbe00;
    margin: 0;
    text-align: left;
    font-family: "Jost", sans-serif
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card h3,
    .p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card-bene h3 {
        font-size: 50px;
        line-height: 72px
    }
}

.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card p,
.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card h5,
.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card ul,
.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card-bene p,
.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card-bene h5,
.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card-bene ul {
    opacity: 1;
    height: auto
}

.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card h5,
.p2-program-detail__slider .slider .obj__wrap .owl-item.active.center .slider-card-bene h5 {
    margin-bottom: 9px;
    padding-top: 65px
}

.p2-program-detail__slider .obj__wrap .slider-card,
.p2-program-detail__slider .obj__wrap .slider-card-bene {
    background: #fff;
    text-align: left;
    height: 300px;
    font-family: "Jost", sans-serif;
    padding: .3125rem .3125rem;
    margin: 40px 0;
    box-shadow: 0px 0px 40px -8px rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0px 0px 40px -8px rgba(0, 0, 0, .07);
    transition: all .3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    transition: all .3s ease-in-out;
    transform: rotate3d(0, 0, 0, 0deg)
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider .obj__wrap .slider-card,
    .p2-program-detail__slider .obj__wrap .slider-card-bene {
        height: 450px;
        width: 15%;
        overflow: hidden;
        margin-bottom: 0
    }
}

.p2-program-detail__slider .obj__wrap .slider-card.active,
.p2-program-detail__slider .obj__wrap .slider-card-bene.active {
    width: 25rem;
    justify-content: space-around
}

.p2-program-detail__slider .slider-card div,
.p2-program-detail__slider .slider-card-bene div {
    width: 100%
}

.p2-program-detail__slider .obj__wrap .slider-card h3,
.p2-program-detail__slider .obj__wrap .slider-card-bene h3 {
    font-style: italic;
    font-weight: 700;
    font-size: 96px;
    line-height: 139px;
    color: rgba(218, 218, 218, .5);
    transition: all .3s ease-in-out;
    font-family: "Jost", sans-serif
}

@media only screen and (min-width: 1199px) {
    .p2-program-detail__slider .obj__wrap .slider-card h3,
    .p2-program-detail__slider .obj__wrap .slider-card-bene h3 {
        font-size: 170px;
        line-height: 289px
    }
}

.p2-program-detail__slider .obj__wrap .slider-card.active h3,
.p2-program-detail__slider .obj__wrap .slider-card-bene.active h3 {
    font-family: "Jost", sans-serif;
    font-weight: 700
}

.p2-program-detail__slider .obj__wrap .slider-card p,
.p2-program-detail__slider .obj__wrap .slider-card-bene p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #4a4a4a;
    opacity: 0;
    height: 0;
    transition: all .3s ease-in-out;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider .obj__wrap .slider-card p,
    .p2-program-detail__slider .obj__wrap .slider-card-bene p {
        font-size: 28px;
        line-height: 28px
    }
}

.p2-program-detail__slider .obj__wrap .slider-card h5,
.p2-program-detail__slider .obj__wrap .slider-card-bene h5 {
    font-weight: 600;
    font-size: 11.1282px;
    line-height: 10px;
    text-transform: capitalize;
    color: #ffbe00;
    opacity: 0;
    height: 0;
    margin-bottom: 8px;
    text-align: right
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider .obj__wrap .slider-card h5,
    .p2-program-detail__slider .obj__wrap .slider-card-bene h5 {
        font-size: 20px;
        line-height: 20px;
        text-align: left
    }
}

.p2-program-detail__slider .obj__wrap .slider-card ul,
.p2-program-detail__slider .obj__wrap .slider-card-bene ul {
    margin: 0;
    opacity: 0;
    padding: 0;
    list-style: none;
    text-align: right
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider .obj__wrap .slider-card ul,
    .p2-program-detail__slider .obj__wrap .slider-card-bene ul {
        text-align: left
    }
}

.p2-program-detail__slider .obj__wrap .slider-card ul li,
.p2-program-detail__slider .obj__wrap .slider-card-bene ul li {
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    color: #4a4a4a
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__slider .obj__wrap .slider-card ul li,
    .p2-program-detail__slider .obj__wrap .slider-card-bene ul li {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }
}

.p2-program-detail__slider .owl-nav .owl-prev {
    left: 40%
}

.p2-program-detail__slider .owl-nav {
    height: 110px;
    display: block !important
}

.p2-program-detail__slider .owl-nav .owl-prev,
.p2-program-detail__slider .owl-nav .owl-next {
    position: absolute;
    bottom: 90px;
    right: 40%;
    opacity: 1;
    width: 30px;
    background: rgba(0, 0, 0, 0);
    height: 30px
}

.p2-program-detail__slider .owl-nav .owl-prev::after,
.p2-program-detail__slider .owl-nav .owl-next::after {
    font-family: "icomoon", sans-serif;
    font-size: 25px;
    color: #ffbe02;
    content: "";
    text-decoration: none;
    position: absolute
}

.p2-program-detail__slider .owl-nav .owl-prev::after {
    transform: rotate(180deg)
}

.p2-program-detail__slider .owl-dots {
    text-align: center
}

.p2-program-detail__slider .owl-dots {
    display: none
}

.p2-program-detail__slider .owl-dots .owl-dot {
    height: .625rem;
    width: .625rem;
    border-radius: .625rem;
    background: #ccc !important;
    margin-left: .185rem;
    margin-right: .185rem;
    outline: none
}

.p2-program-detail__slider .owl-dots .owl-dot.active {
    background: #ffbe00 !important
}

.p2-program-detail__benefits {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__benefits {
        padding-top: 20px
    }
}

.p2-program-detail__benefits::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1000%;
    height: 220px;
    background-color: #ffbe02;
    z-index: 0
}

@media only screen and (min-width: 767px) {
    .p2-program-detail__benefits::before {
        height: 60%
    }
}

.p2-program-detail__benefits h2 {
    position: relative;
    color: #fff;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__benefits h2 {
        margin-bottom: 0
    }
}

.p2-program-detail__benefits>p {
    position: relative
}

.p2-program-detail__benefits .obj__wrap .slider-card-bene {
    height: 150px;
    width: 100%;
    overflow: hidden
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__benefits .obj__wrap .slider-card-bene {
        height: 340px;
        width: 30%
    }
}

.p2-program-detail__benefits .slider .owl-item.active.center .slider-card-bene {
    justify-content: flex-start
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__benefits .slider .owl-item.active.center .slider-card-bene {
        justify-content: center
    }
}

.p2-program-detail__benefits .obj__wrap .slider-card-bene.active h3 {
    text-align: left
}

.p2-program-detail__benefits .obj__wrap .slider-card-bene h3 {
    font-size: 55.4862px;
    line-height: 140px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__benefits .obj__wrap .slider-card-bene h3 {
        font-size: 200px;
        line-height: 289px
    }
}

.p2-program-detail__benefits .owl-nav {
    height: 50px;
    display: block !important
}

.p2-program-detail__benefits .owl-nav .owl-prev,
.p2-program-detail__benefits .owl-nav .owl-next {
    bottom: 30px
}

.p2-program-detail__objective {
    transition: all .3s ease-in-out
}

@media only screen and (min-width: 991px) {
    .p2-program-detail__objective {
        position: relative;
        padding-bottom: 30px
    }
    .p2-program-detail__objective h2 {
        margin-bottom: 0
    }
    .p2-program-detail__objective::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1000%;
        height: 220px;
        background-color: #ffbe02;
        z-index: 0
    }
}

.orange--program.p2-program-detail .p2-program-detail__second h2 {
    color: #ff7100
}

.orange--program.p2-program-detail .p2-program-detail--schedule {
    background-color: #ff7100
}

.orange--program.p2-program-detail .p2-program-detail--schedule {
    background-color: #fff;
    color: #ff7100
}

.orange--program.p2-program-detail .p2-program-detail__relative .overlay {
    background-color: #ff7100
}

@media only screen and (min-width: 991px) {
    .orange--program.p2-program-detail .p2-program-detail__relative .overlay {
        background: #ff7100
    }
}

.orange--program.p2-program-detail .p2-program-detail__matters {
    background-color: #ff7100
}

.pink--program.p2-program-detail .p2-program-detail__second h2 {
    color: #ff3363
}

.pink--program.p2-program-detail .p2-program-detail--schedule {
    background-color: #fff;
    color: #ff3363
}

.pink--program.p2-program-detail .p2-program-detail__relative .overlay {
    background-color: #ff3363
}

@media only screen and (min-width: 991px) {
    .pink--program.p2-program-detail .p2-program-detail__relative .overlay {
        background: #ff3363
    }
}

.pink--program.p2-program-detail .p2-program-detail__matters {
    background-color: #ff3363
}

.blue--program.p2-program-detail .p2-program-detail__second h2 {
    color: #0099df
}

.blue--program.p2-program-detail .p2-program-detail--schedule {
    background-color: #fff;
    color: #0099df
}

.blue--program.p2-program-detail .p2-program-detail__relative .overlay {
    background-color: #0099df
}

@media only screen and (min-width: 991px) {
    .blue--program.p2-program-detail .p2-program-detail__relative .overlay {
        background: #0099df
    }
}

.blue--program.p2-program-detail .p2-program-detail__matters {
    background-color: #0099df
}

.green--program.p2-program-detail .p2-program-detail__second h2 {
    color: #44a659
}

.green--program.p2-program-detail .p2-program-detail__relative .overlay {
    background-color: #44a659
}

@media only screen and (min-width: 991px) {
    .green--program.p2-program-detail .p2-program-detail__relative .overlay {
        background: #44a659
    }
}

.green--program.p2-program-detail .p2-program-detail--schedule {
    background-color: #fff;
    color: #44a659
}

.green--program.p2-program-detail .p2-program-detail__matters {
    background-color: #44a659
}

.p2-testimonials-carousel {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 0
}

@media only screen and (max-width: 991px) {
    .p2-testimonials-carousel {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media only screen and (min-width: 991px) {
    .p2-testimonials-carousel {
        padding-bottom: 60px
    }
}

.p2-testimonials-carousel::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    background: #ffbe02;
    height: calc(100% - 120px);
    z-index: -1
}

.p2-testimonials-carousel h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    width: 240px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .p2-testimonials-carousel h2 {
        font-size: 40px;
        line-height: 60px
    }
}

@media only screen and (min-width: 991px) {
    .p2-testimonials-carousel h2 {
        width: 100%;
        margin: 0;
        line-height: 120px
    }
}

.p2-testimonials-carousel__slider {
    margin: 0 auto;
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px
}

@media only screen and (min-width: 991px) {
    .p2-testimonials-carousel__slider {
        width: 90%
    }
}

.p2-testimonials-carousel__slider.slick-initialized {
    background-image: none
}

.p2-testimonials-carousel__slider.slick-initialized .slick-arrow.slick-next {
    right: -25px;
    color: #ffbe02;
    font-size: 20px
}

.p2-testimonials-carousel__slider.slick-initialized .slick-arrow.slick-next i::before {
    color: #fff
}

@media only screen and (min-width: 991px) {
    .p2-testimonials-carousel__slider.slick-initialized .slick-arrow.slick-next {
        font-size: 35px;
        right: -50px
    }
}

.p2-testimonials-carousel__slider.slick-initialized .slick-arrow.slick-prev {
    left: -25px;
    color: #ffbe02;
    top: 50%;
    font-size: 20px
}

.p2-testimonials-carousel__slider.slick-initialized .slick-arrow.slick-prev i::before {
    color: #fff
}

@media only screen and (min-width: 991px) {
    .p2-testimonials-carousel__slider.slick-initialized .slick-arrow.slick-prev {
        font-size: 35px;
        left: -50px
    }
}

.p2-testimonials-carousel__slide {
    display: none;
    align-items: center;
    padding: 20px 10px;
    transition: transform .3s ease-in-out
}

@media only screen and (max-width: 991px) {
    .p2-testimonials-carousel__slide {
        width: 400px;
        align-items: stretch
    }
}

@media only screen and (max-width: 767px) {
    .p2-testimonials-carousel__slide {
        width: 300px
    }
}

.slick-initialized .p2-testimonials-carousel__slide {
    display: block
}

.p2-testimonials-carousel__slide.slick-active .p2-card-testimonial {
    text-align: left
}

.p2-testimonials-carousel__slide.slick-active .p2-card-testimonial::before {
    content: "";
    position: absolute;
    background: #fff;
    box-shadow: 0px 2.5px 15px rgba(0, 0, 0, .1);
    border-radius: 10px;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%
}

.p2-testimonials-carousel__slide.slick-active .p2-card-testimonial::after {
    content: "";
    position: absolute;
    background: #fff;
    box-shadow: 0px 2.5px 15px rgba(0, 0, 0, .1);
    border-radius: 10px;
    top: -8px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media only screen and (min-width: 600px) {
    .p2-testimonials-carousel__slide.slick-active .p2-card-testimonial {
        text-align: right
    }
    .p2-testimonials-carousel__slide.slick-active .p2-card-testimonial::before {
        content: "";
        position: absolute;
        background: #fff;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
        border-radius: 10px;
        top: 8px;
        left: 10px;
        width: 100%;
        height: 100%
    }
    .p2-testimonials-carousel__slide.slick-active .p2-card-testimonial::after {
        content: "";
        position: absolute;
        background: #fff;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
        border-radius: 10px;
        top: -8px;
        left: -10px;
        width: 100%;
        height: 100%;
        z-index: -1
    }
}

.p2-testimonials-carousel__slide.slick-active+.slick-active .p2-card-testimonial {
    text-align: left
}

.p2-testimonials-carousel__slide.slick-active+.slick-active .p2-card-testimonial::before {
    left: -10px
}

.p2-testimonials-carousel__slide.slick-active+.slick-active .p2-card-testimonial::after {
    left: 10px
}

.p2-testimonials-carousel__slide.slick-active+.slick-active .p2-card-testimonial__comment {
    margin-left: 0
}

.p2-testimonials-carousel .slick-slider .slick-list {
    overflow: hidden
}

.thriversity-banner {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center
}

@media only screen and (min-width: 1199px) {
    .thriversity-banner {
        padding-top: 100px;
        padding-bottom: 55px
    }
}

.thriversity-banner p {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    color: #4a4a4a;
    text-transform: capitalize;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px
}

@media only screen and (min-width: 479px) {
    .thriversity-banner p {
        width: 85%
    }
}

@media only screen and (min-width: 1199px) {
    .thriversity-banner p {
        font-size: 20px;
        line-height: 24px;
        width: 80%
    }
}

.thriversity-banner--schedule {
    width: 161px;
    height: 38px;
    background: #009bea;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .15);
    border-radius: 19px;
    color: #fff;
    padding: 0;
    text-align: center;
    line-height: 37px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .02em;
    margin: 0 auto
}

.thriversity-banner--schedule:hover {
    color: #fff
}

.thriversity-second {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//thriversity-second-mob.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto;
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 1199px) {
    .thriversity-second {
        background-image: url(/wp-content/themes/harappaeducation/dist/images//thriversity-second.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-size: auto;
        margin-bottom: 50px
    }
}

.thriversity-second img {
    margin: 0 auto
}

.philosophy {
    padding-top: 50px;
    padding-bottom: 50px
}

@media only screen and (min-width: 1199px) {
    .philosophy {
        padding-top: 20px
    }
}

.philosophy h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin: 0 0 10px
}

@media only screen and (min-width: 991px) {
    .philosophy h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.philosophy p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    text-align: center
}

@media only screen and (min-width: 1199px) {
    .philosophy p {
        font-size: 20px;
        line-height: 24px
    }
}

.philosophy img {
    padding-top: 20px;
    margin: 0 auto
}

.thriversity-india {
    padding-top: 50px;
    padding-bottom: 50px
}

@media only screen and (min-width: 1199px) {
    .thriversity-india {
        padding-top: 20px
    }
}

.thriversity-india img {
    width: 80%;
    margin: 0 auto 10px
}

.thriversity-india .sub-heading {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    text-align: center;
    color: #4a4a4a;
    width: 80%;
    margin: 0 auto 70px
}

@media only screen and (min-width: 1199px) {
    .thriversity-india .sub-heading {
        font-size: 20px;
        line-height: 24px;
        margin: 0 auto 40px;
        width: 60%
    }
}

.thriversity-india__wrapper {
    position: relative
}

.thriversity-india__wrapper__bg {
    position: absolute;
    top: -12px;
    left: 25px;
    height: 100%;
    width: 100%;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//India-Map.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 100% auto
}

@media only screen and (min-width: 767px) {
    .thriversity-india__wrapper__bg {
        background-image: url(/wp-content/themes/harappaeducation/dist/images//India-Map-Big.png);
        background-repeat: no-repeat;
        background-position: center left;
        background-size: contain;
        top: auto;
        width: 50%
    }
}

@media only screen and (min-width: 991px) {
    .thriversity-india__wrapper__bg {
        left: 45px;
        width: 70%
    }
}

.thriversity-india__wrapper__bg img {
    height: 100%;
    margin: 0;
    width: auto
}

@media only screen and (min-width: 1199px) {
    .thriversity-india__wrapper__bg {
        top: 6%;
        height: 88%;
        left: 0;
        margin-left: calc((100% - 1200px)/2)
    }
}

.thriversity-india__card {
    height: 90px;
    margin-bottom: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.thriversity-india__card:nth-child(3) {
    justify-content: flex-start
}

.thriversity-india__card:nth-child(4) {
    justify-content: flex-end
}

@media only screen and (min-width: 991px) {
    .thriversity-india__card {
        height: 150px;
        padding: 15px 0
    }
}

.thriversity-india__card__wrap {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 991px) {
    .thriversity-india__card__wrap {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end
    }
}

.thriversity-india__card__alink {
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    text-transform: capitalize;
    position: relative;
    text-align: right;
    color: #fff;
    margin-right: -15px;
    margin-top: -5px
}

@media only screen and (min-width: 991px) {
    .thriversity-india__card__alink {
        font-size: 14px;
        line-height: 20px;
        margin-right: 0
    }
}

.thriversity-india__card__alink::before {
    width: 64px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0
}

@media only screen and (min-width: 991px) {
    .thriversity-india__card__alink::before {
        width: 84px
    }
}

.thriversity-india__card__alink span {
    font-size: 6px;
    margin-left: 5px
}

@media only screen and (min-width: 991px) {
    .thriversity-india__card__alink span {
        font-size: 8px
    }
}

.thriversity-india__card__alink:hover {
    color: #fff;
    text-decoration: none
}

.thriversity-india__card h5 {
    font-weight: 700;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    margin: 0 0 5px;
    width: 100%;
    text-align: left
}

@media only screen and (min-width: 991px) {
    .thriversity-india__card h5 {
        font-size: 16px;
        line-height: 19px
    }
}

.thriversity-india__card p {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .thriversity-india__card p {
        font-size: 14px;
        line-height: 18px
    }
}

.p2-thriversity {
    margin: 0 auto;
    background-color: #fff;
    font-family: "Jost", sans-serif
}

.p2-thriversity>h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #4a4a4a;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .p2-thriversity>h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.p2-thriversity>p {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    color: #4a4a4a;
    text-transform: capitalize;
    margin: 10px auto;
    text-align: center;
    width: 90%
}

@media only screen and (min-width: 767px) {
    .p2-thriversity>p {
        width: 70%
    }
}

@media only screen and (min-width: 991px) {
    .p2-thriversity>p {
        font-size: 20px;
        line-height: 24px
    }
}

.p2-thriversity__slider {
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    padding: 0px
}

.p2-thriversity__slider.slick-initialized {
    background-image: none
}

.p2-thriversity__slider .slick-track {
    display: flex
}

.p2-thriversity__slider .slick-track:after,
.p2-thriversity__slider .slick-track:before {
    display: none
}

.p2-thriversity__slider .slick-track .slick-slide {
    height: auto
}

.p2-thriversity__card {
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    display: none;
    padding: 20px;
    margin-top: 25px;
    height: 545px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    box-shadow: 0px 4.56px 28.5px rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 767px) {
    .p2-thriversity__card {
        height: 500px;
        min-width: 200px;
        max-width: 260px;
        margin-top: 0;
        text-align: center
    }
}

.slick-initialized .p2-thriversity__card {
    display: flex
}

.p2-thriversity__card h2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff
}

.p2-thriversity__card h2 span {
    font-weight: 700;
    font-size: 34px;
    line-height: 34px;
    display: block
}

.p2-thriversity__card h5 {
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px
}

@media only screen and (min-width: 991px) {
    .p2-thriversity__card h5 {
        font-size: 12px;
        line-height: 12px
    }
}

.p2-thriversity__card p {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    text-transform: lowercase
}

@media only screen and (min-width: 991px) {
    .p2-thriversity__card p {
        font-size: 11px;
        line-height: 12px
    }
}

.p2-thriversity__card h3 {
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 991px) {
    .p2-thriversity__card h3 {
        font-size: 11px;
        line-height: 12px
    }
}

.p2-thriversity__card__link {
    width: 100%;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-transform: capitalize;
    position: relative;
    color: #fff
}

@media only screen and (min-width: 991px) {
    .p2-thriversity__card__link {
        display: block;
        font-size: 14px
    }
}

.p2-thriversity__card__link::before {
    width: 94px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    content: "";
    bottom: 0
}

@media only screen and (min-width: 991px) {
    .p2-thriversity__card__link::before {
        width: 84px
    }
}

.p2-thriversity__card__link span {
    font-size: 8.5px;
    margin-left: 5px
}

.p2-thriversity__card__link:hover {
    color: #fff;
    text-decoration: none
}

.p2-thriversity .slick-slider .slick-dots {
    display: none !important
}

.p2-thriversity .slick-slider .slick-arrow.slick-next {
    top: auto;
    right: 40%;
    font-size: 25px;
    bottom: -40px;
    color: #ffbe02
}

@media only screen and (min-width: 767px) {
    .p2-thriversity .slick-slider .slick-arrow.slick-next {
        right: -10px;
        font-size: 35px;
        top: 50%
    }
}

@media only screen and (min-width: 991px) {
    .p2-thriversity .slick-slider .slick-arrow.slick-next {
        right: -40px
    }
}

.p2-thriversity .slick-slider .slick-arrow.slick-prev {
    top: auto;
    left: 40%;
    color: #ffbe02;
    bottom: -40px;
    font-size: 25px
}

@media only screen and (min-width: 767px) {
    .p2-thriversity .slick-slider .slick-arrow.slick-prev {
        left: -10px;
        font-size: 35px;
        top: 50%
    }
}

@media only screen and (min-width: 991px) {
    .p2-thriversity .slick-slider .slick-arrow.slick-prev {
        left: -40px
    }
}

.p2-thriversity .slick-slider .slick-list {
    overflow: hidden;
    padding-top: 20px !important;
    padding-bottom: 55px !important
}

@media only screen and (min-width: 767px) {
    .p2-thriversity .slick-slider .slick-list {
        padding-bottom: 0 !important
    }
}

@media only screen and (min-width: 479px) {
    .p2-thriversity .slick-slider .slick-slide {
        display: flex;
        padding: 20px 10px
    }
}

@media only screen and (min-width: 767px) {
    .p2-thriversity .slick-slider .slick-slide:first-child .p2-thriversity__card {
        text-align: left
    }
    .p2-thriversity .slick-slider .slick-slide:last-child .p2-thriversity__card {
        text-align: right
    }
}

@media only screen and (min-width: 991px) {
    .p2-thriversity .slick-slider .slick-slide {
        padding: 20px 17px;
        margin: 0 auto
    }
}

.p2-thriversity .slick-slider .slick-slide.slick-center .p2-thriversity__card {
    width: 100%;
    z-index: 1;
    transform: scale(1.1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s
}

@media only screen and (max-width: 375px) {
    .p2-thriversity .slick-slider .slick-slide.slick-center .p2-thriversity__card {
        margin-left: -10%;
        width: 120%
    }
}

.p2-thriversity .thriversity--orange {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//thriversity-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-color: #ff7100
}

.p2-thriversity .thriversity--blue {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//thriversity-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-color: #009bea
}

.p2-thriversity .thriversity--green {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//thriversity-3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-color: #44a659
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .pagination {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .pagination {
        margin-top: 18px
    }
}

@media only screen and (max-width: 991px) {
    .pagination {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .pagination {
        margin-bottom: 18px
    }
}

.pagination a,
.pagination span {
    margin: 4px 8px;
    color: #0a5da9
}

.pagination a i,
.pagination span i {
    font-size: 80%
}

.pagination a:hover,
.pagination span:hover {
    color: #ffbe02;
    text-decoration: none
}

.pagination a.current,
.pagination span.current {
    font-weight: 600
}

.p2-podcast-listing {
    width: 100%
}

.p2-podcast-listing__sort {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .p2-podcast-listing__sort {
        margin-bottom: 20px
    }
}

.p2-podcast-listing__sort select {
    width: 172px;
    height: 35px;
    font-size: 10px;
    max-width: 400px;
    padding: 0;
    padding-left: 20px;
    color: #ccc;
    font-weight: 400;
    border: .877551px solid #ccc;
    box-shadow: 0px 1.7551px 1.7551px 1.7551px rgba(204, 204, 204, .1);
    border-radius: 17.551px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 6px
}

@media only screen and (min-width: 991px) {
    .p2-podcast-listing__sort select {
        width: 196px;
        height: 40px;
        font-size: 12px
    }
}

.popular-section {
    width: 100%
}

.popular-section__holder {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .popular-section__holder {
        background: #fff;
        box-shadow: 0 3px 6px rgba(191, 191, 191, .6)
    }
}

.popular-section__left {
    padding-right: 100px;
    width: 50%
}

@media only screen and (max-width: 1439px) {
    .popular-section__left {
        padding-right: 80px
    }
}

@media only screen and (max-width: 1199px) {
    .popular-section__left {
        padding-right: 50px
    }
}

@media only screen and (max-width: 991px) {
    .popular-section__left {
        padding-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .popular-section__left {
        padding-right: 0;
        width: 100%
    }
}

.popular-section__left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popular-section__right {
    width: 50%
}

@media only screen and (max-width: 767px) {
    .popular-section__right {
        padding: 20px;
        width: 100%
    }
}

.popular-section__right h3 {
    line-height: 1.3;
    text-transform: none
}

@media only screen and (max-width: 767px) {
    .popular-section__right h3 {
        margin-bottom: 15px
    }
}

.popular-section__right p {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 22px
}

@media only screen and (max-width: 1199px) {
    .popular-section__right p {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .popular-section__right p {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .popular-section__right p {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .popular-section__right p {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .popular-section__right p {
        display: none
    }
}

.popular-section__text {
    margin-bottom: 50px;
    font-style: italic;
    color: #a3a3a3
}

@media only screen and (max-width: 1199px) {
    .popular-section__text {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .popular-section__text {
        margin-bottom: 15px;
        font-size: 12px
    }
}

.popular-section__bottom {
    display: flex
}

.popular-section__bottom span {
    width: 35%;
    display: flex;
    align-items: center;
    align-content: center;
    color: #0a5da9
}

@media only screen and (max-width: 767px) {
    .popular-section__bottom span {
        font-size: 12px
    }
}

.popular-section__bottom span strong,
.popular-section__bottom span dfn {
    padding-right: 5px
}

.popular-section__bottom span i {
    margin-right: 15px;
    font-size: 30px;
    color: #ffbe02
}

@media only screen and (max-width: 1199px) {
    .popular-section__bottom span i {
        font-size: 28px
    }
}

@media only screen and (max-width: 991px) {
    .popular-section__bottom span i {
        margin-right: 10px;
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .popular-section__bottom span i {
        font-size: 18px
    }
}

.popup {
    width: 100%;
    padding: 40px 70px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #fff
}

@media only screen and (max-width: 991px) {
    .popup {
        padding: 30px 70px
    }
}

@media only screen and (max-width: 767px) {
    .popup {
        padding: 30px 40px
    }
}

@media only screen and (max-width: 479px) {
    .popup {
        padding: 20px
    }
}

.popup .addthis_tool {
    display: flex;
    justify-content: center
}

.popup__program {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px
}

@media only screen and (max-width: 991px) {
    .popup__program {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .popup__program {
        margin-top: 18px
    }
}

.popup__program-intro {
    width: 50%;
    padding-right: 30px;
    border-right: 1px solid rgba(191, 191, 191, .5)
}

@media only screen and (max-width: 991px) {
    .popup__program-intro {
        width: 100%;
        border-right: 0;
        margin-bottom: 60px;
        border-bottom: 1px solid rgba(191, 191, 191, .5)
    }
}

@media only screen and (max-width: 991px)and (max-width: 991px) {
    .popup__program-intro {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 991px)and (max-width: 767px) {
    .popup__program-intro {
        margin-bottom: 18px
    }
}

.popup__program-keys {
    width: 50%;
    padding-left: 30px
}

@media only screen and (max-width: 991px) {
    .popup__program-keys {
        width: 100%;
        padding-left: 0
    }
}

.popup__copy {
    margin: 20px 0;
    position: relative
}

@media only screen and (min-width: 991px) {
    .popup__copy {
        margin: 30px 0
    }
}

.popup__copy input {
    padding-right: 120px
}

@media only screen and (max-width: 991px) {
    .popup__copy input {
        padding-right: 100px
    }
}

@media only screen and (max-width: 767px) {
    .popup__copy input {
        padding-right: 90px
    }
}

.popup__copy button {
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    border-radius: 0 30px 30px 0
}

.popup__copy button:after {
    display: none
}

.popup--form {
    max-width: 1080px
}

@media only screen and (max-width: 1549px) {
    .popup--form {
        max-width: 980px
    }
}

@media only screen and (max-width: 1439px) {
    .popup--form {
        max-width: 880px
    }
}

.popup--video {
    max-width: 1314px
}

.popup--form {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//popup-form-bg.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 313 auto
}

@media only screen and (max-width: 991px) {
    .popup--form {
        background-size: 213px auto
    }
}

@media only screen and (max-width: 767px) {
    .popup--form {
        background-size: 113px auto
    }
}

.popup--small {
    max-width: 650px
}

.popup__social {
    display: flex;
    justify-content: flex-start
}

.popup__social li {
    margin-right: 25px
}

@media only screen and (max-width: 991px) {
    .popup__social li {
        margin-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    .popup__social li {
        margin-right: 10px
    }
}

.popup__social li:last-child {
    margin-right: 0
}

.popup__social li a {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #fff;
    border-radius: 2px;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 991px) {
    .popup__social li a {
        width: 30px;
        height: 30px
    }
}

.popup__social li a:hover {
    text-decoration: none;
    color: #fff
}

.popup__social-facebook {
    font-size: 23px
}

@media only screen and (max-width: 991px) {
    .popup__social-facebook {
        font-size: 18px
    }
}

.popup__social-twitter {
    font-size: 23px
}

@media only screen and (max-width: 991px) {
    .popup__social-twitter {
        font-size: 18px
    }
}

.popup__social-linkedin {
    font-size: 28px
}

@media only screen and (max-width: 991px) {
    .popup__social-linkedin {
        font-size: 22px
    }
}

.popup__social-mail {
    font-size: 14px
}

@media only screen and (max-width: 991px) {
    .popup__social-mail {
        font-size: 12px
    }
}

.posts-list {
    width: 100%
}

.posts-list__items {
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 991px) {
    .posts-list__items {
        margin-left: -15px;
        margin-right: -15px
    }
}

.posts-list__item {
    width: 33.33%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .posts-list__item {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 479px) {
    .posts-list__item {
        width: 100%
    }
}

.press-media {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .press-media .heading {
        text-align: center
    }
}

.press-media__cols {
    width: calc(50% - 15px)
}

@media only screen and (max-width: 767px) {
    .press-media__cols {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .press-media__cols+.press-media__cols {
        margin-top: 100px
    }
}

@media only screen and (max-width: 767px)and (max-width: 991px) {
    .press-media__cols+.press-media__cols {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px)and (max-width: 767px) {
    .press-media__cols+.press-media__cols {
        margin-top: 30px
    }
}

.press-media__list {
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .press-media__list {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .press-media__list {
        margin-bottom: 18px
    }
}

.press-media__item {
    display: none;
    margin-bottom: 30px
}

.press-media__item:nth-child(-n+3) {
    display: block
}

@media only screen and (max-width: 767px) {
    .press-media__button {
        text-align: center
    }
}

.program-calendar {
    width: 100%
}

.program-calendar__sort {
    padding: 30px 0 40px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .program-calendar__sort {
        padding: 20px 0 30px
    }
}

.program-calendar__sort select {
    margin: 0 10px;
    font-size: 22px;
    width: 300px;
    border-radius: 50px;
    color: #0a5da9;
    font-weight: 600
}

@media only screen and (max-width: 1199px) {
    .program-calendar__sort select {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .program-calendar__sort select {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .program-calendar__sort select {
        font-size: 16px
    }
}

@media only screen and (max-width: 1199px) {
    .program-calendar__sort select {
        width: 300px
    }
}

@media only screen and (max-width: 991px) {
    .program-calendar__sort select {
        width: 220px
    }
}

@media only screen and (max-width: 767px) {
    .program-calendar__sort select {
        width: auto;
        margin: 0 5px
    }
}

.program-calendar__sort label {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 22px
}

@media only screen and (max-width: 1199px) {
    .program-calendar__sort label {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .program-calendar__sort label {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .program-calendar__sort label {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .program-calendar__sort label {
        font-size: 14px;
        line-height: 1.2
    }
}

.program-calendar__sort .filter-group {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center
}

.program-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.program-detail__left {
    width: 50%
}

@media only screen and (max-width: 1439px) {
    .program-detail__left {
        width: 54%
    }
}

@media only screen and (max-width: 767px) {
    .program-detail__left {
        width: 100%
    }
}

.program-detail__left h3 {
    text-transform: none;
    font-family: "Jost", sans-serif
}

@media only screen and (max-width: 991px) {
    .program-detail__left h3 {
        margin-bottom: 10px
    }
}

.program-detail__intro {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #4a4a4a;
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 22px
}

.program-detail__intro:after {
    display: block;
    clear: both;
    content: ""
}

.program-detail__intro address {
    margin: 0 0 20px;
    display: block;
    font-style: italic
}

.program-detail__intro address>*:last-child {
    margin-bottom: 0
}

.program-detail__intro .align-none,
.program-detail__intro .alignnone {
    display: inline
}

.program-detail__intro .align-center,
.program-detail__intro .aligncenter {
    margin: 0 auto;
    text-align: center
}

.program-detail__intro .align-left,
.program-detail__intro .alignleft {
    margin: 0 20px 20px 0;
    float: left
}

.program-detail__intro .align-right,
.program-detail__intro .alignright {
    margin: 0 0 20px 20px;
    float: right
}

.program-detail__intro .wp-caption,
.program-detail__intro figure {
    margin: 0 0 20px
}

.program-detail__intro .wp-caption .wp-caption-text,
.program-detail__intro .wp-caption figcaption,
.program-detail__intro figure .wp-caption-text,
.program-detail__intro figure figcaption {
    margin: 5px;
    font-style: italic
}

.program-detail__intro blockquote {
    margin: 0 0 20px;
    padding: 20px;
    font-style: italic;
    border: 1px solid #ddd;
    border-radius: 5px
}

.program-detail__intro blockquote>*:last-child {
    margin-bottom: 0
}

.program-detail__intro pre,
.program-detail__intro code {
    margin: 20px 0;
    font: 100% "andale mono", "lucida console", monospace;
    line-height: 1.5;
    white-space: pre
}

.program-detail__intro pre>*:last-child,
.program-detail__intro code>*:last-child {
    margin-bottom: 0
}

.program-detail__intro ul,
.program-detail__intro ol {
    margin: 0 0 20px 20px
}

.program-detail__intro li ul,
.program-detail__intro li ol {
    margin: 0 20px
}

.program-detail__intro ul,
.program-detail__intro ul li {
    list-style-type: disc
}

.program-detail__intro ol,
.program-detail__intro ol li {
    list-style-type: decimal
}

.program-detail__intro dl {
    margin: 0 0 20px
}

.program-detail__intro dl dt {
    font-weight: bold
}

.program-detail__intro dl dd {
    margin-left: 20px
}

.program-detail__intro table {
    margin: 0 0 30px;
    width: 100%;
    font-size: 16px;
    border-collapse: collapse
}

@media only screen and (max-width: 991px) {
    .program-detail__intro table {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .program-detail__intro table {
        font-size: 15px
    }
}

.program-detail__intro table caption {
    padding: 10px;
    font-size: 27px;
    color: #575354;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.program-detail__intro table th,
.program-detail__intro table td {
    padding: 10px;
    border-bottom: 1px solid rgba(10, 93, 169, .5);
    background: rgba(0, 0, 0, 0)
}

.program-detail__intro table th {
    font-weight: 500;
    text-align: left;
    text-transform: uppercase
}

.program-detail__intro table thead th {
    background: rgba(10, 93, 169, .1)
}

.program-detail__intro table tfoot {
    font-style: italic
}

@media only screen and (max-width: 767px) {
    .program-detail__intro {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .program-detail__intro img.align-left,
    .program-detail__intro img.alignleft,
    .program-detail__intro img.align-right,
    .program-detail__intro img.alignright {
        max-width: 50%
    }
}

@media only screen and (max-width: 1199px) {
    .program-detail__intro {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .program-detail__intro {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .program-detail__intro {
        font-size: 16px
    }
}

@media only screen and (max-width: 1199px) {
    .program-detail__intro {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 991px) {
    .program-detail__intro {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .program-detail__intro {
        text-align: center
    }
}

.program-detail__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.program-detail__list-item {
    font-weight: 500;
    color: #707070;
    position: relative;
    padding: 15px 10px 15px 40px;
    width: 50%
}

@media only screen and (max-width: 767px) {
    .program-detail__list-item {
        width: 100%;
        padding: 10px 15px 15px 30px
    }
}

.program-detail__list-item img {
    left: 0;
    top: 12px;
    width: auto;
    height: 30px;
    position: absolute
}

@media only screen and (max-width: 991px) {
    .program-detail__list-item img {
        top: 10px;
        height: 26px
    }
}

@media only screen and (max-width: 767px) {
    .program-detail__list-item img {
        top: 8px;
        height: 22px
    }
}

.popup .program-detail__list-item {
    padding: 0 5px 20px 40px
}

@media only screen and (max-width: 1199px) {
    .popup .program-detail__list-item {
        font-size: 18px
    }
}

@media only screen and (max-width: 991px) {
    .popup .program-detail__list-item {
        padding: 0 10px 10px 40px;
        font-size: 17px
    }
}

@media only screen and (max-width: 767px) {
    .popup .program-detail__list-item {
        width: 100%;
        padding: 0 10px 10px 30px;
        font-size: 14px
    }
}

.popup .program-detail__list-item img {
    top: 0
}

.program-detail__button .button,
.program-detail__button .single-prime-program .wpulike,
.single-prime-program .program-detail__button .wpulike,
.program-detail__button .campus-program-template-default .wpulike,
.campus-program-template-default .program-detail__button .wpulike,
.program-detail__button .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .program-detail__button .wpulike,
.program-detail__button .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .program-detail__button .hs-button,
.program-detail__button .events__tabs ul li a,
.events__tabs ul li .program-detail__button a {
    margin: 10px 10px 0 0
}

.program-detail__button .button:after,
.program-detail__button .single-prime-program .wpulike:after,
.single-prime-program .program-detail__button .wpulike:after,
.program-detail__button .campus-program-template-default .wpulike:after,
.campus-program-template-default .program-detail__button .wpulike:after,
.program-detail__button .enterprise-program-template-default .wpulike:after,
.enterprise-program-template-default .program-detail__button .wpulike:after,
.program-detail__button .hbspt-form .hs-submit .hs-button:after,
.hbspt-form .hs-submit .program-detail__button .hs-button:after,
.program-detail__button .events__tabs ul li a:after,
.events__tabs ul li .program-detail__button a:after {
    display: none
}

.program-detail__button .button i,
.program-detail__button .single-prime-program .wpulike i,
.single-prime-program .program-detail__button .wpulike i,
.program-detail__button .campus-program-template-default .wpulike i,
.campus-program-template-default .program-detail__button .wpulike i,
.program-detail__button .enterprise-program-template-default .wpulike i,
.enterprise-program-template-default .program-detail__button .wpulike i,
.program-detail__button .hbspt-form .hs-submit .hs-button i,
.hbspt-form .hs-submit .program-detail__button .hs-button i,
.program-detail__button .events__tabs ul li a i,
.events__tabs ul li .program-detail__button a i {
    margin-right: 15px
}

.program-detail__right {
    padding: 0 0 0 78px;
    width: 50%;
    text-align: center
}

@media only screen and (max-width: 1439px) {
    .program-detail__right {
        width: 46%;
        padding: 0 0 0 20px
    }
}

@media only screen and (max-width: 767px) {
    .program-detail__right {
        width: 100%;
        padding: 30px 0 0
    }
}

.program-detail__image {
    position: relative;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: center;
    margin-bottom: 35px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

@media only screen and (max-width: 767px) {
    .program-detail__image {
        height: auto;
        margin-bottom: 20px
    }
}

.program-detail__image img {
    width: 100%;
    height: auto
}

.program-detail__content {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 210px;
    text-align: center
}

@media only screen and (max-width: 1439px) {
    .program-detail__content {
        top: 20px;
        right: 20px
    }
}

@media only screen and (max-width: 991px) {
    .program-detail__content {
        width: 170px
    }
}

.program-detail__content img {
    width: 144px;
    margin: 0 auto
}

@media only screen and (max-width: 991px) {
    .program-detail__content img {
        width: 80px
    }
}

.program-detail__content span {
    font-style: italic;
    display: block;
    font-size: 26px;
    line-height: 1;
    font-weight: 500;
    padding-top: 15px;
    color: #0a5da9;
    text-transform: uppercase;
    font-family: "Jost", sans-serif
}

@media only screen and (max-width: 991px) {
    .program-detail__content span {
        padding-top: 10px;
        font-size: 20px
    }
}

@media only screen and (max-width: 479px) {
    .program-detail__content span {
        font-size: 18px
    }
}

.register-form {
    margin-bottom: 100px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .register-form {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .register-form {
        margin-bottom: 30px
    }
}

.register-form__holder {
    box-shadow: 0 3px 30px rgba(10, 93, 169, .16);
    background-color: #fff;
    padding: 60px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//register-bg.svg);
    background-repeat: no-repeat;
    background-position: right 10px bottom -2px
}

@media only screen and (max-width: 1199px) {
    .register-form__holder {
        padding: 40px
    }
}

@media only screen and (max-width: 991px) {
    .register-form__holder {
        padding: 30px 25px;
        background-size: 154px auto
    }
}

.scroll-anchor {
    height: 0;
    overflow: hidden
}

.section {
    margin-top: 100px;
    margin-bottom: 100px;
    position: relative
}

@media only screen and (max-width: 991px) {
    .section {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .section {
        margin-top: 30px
    }
}

@media only screen and (max-width: 991px) {
    .section {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .section {
        margin-bottom: 30px
    }
}

.section__button {
    text-align: center;
    margin-top: 60px
}

@media only screen and (max-width: 991px) {
    .section__button {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .section__button {
        margin-top: 18px
    }
}

.section--small {
    margin-top: 60px;
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .section--small {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .section--small {
        margin-top: 18px
    }
}

@media only screen and (max-width: 991px) {
    .section--small {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .section--small {
        margin-bottom: 18px
    }
}

.section--large {
    margin-top: 160px;
    margin-bottom: 160px
}

@media only screen and (max-width: 991px) {
    .section--large {
        margin-top: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section--large {
        margin-top: 48px
    }
}

@media only screen and (max-width: 991px) {
    .section--large {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .section--large {
        margin-bottom: 48px
    }
}

.subscribe-buttons {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center
}

.subscribe-buttons strong,
.subscribe-buttons dfn {
    font-weight: 600;
    color: #0a5ea7
}

@media only screen and (max-width: 1199px) {
    .subscribe-buttons strong,
    .subscribe-buttons dfn {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 10px
    }
}

.subscribe-buttons ul {
    display: inline-flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 1199px) {
    .subscribe-buttons ul {
        justify-content: center
    }
}

.subscribe-buttons ul li {
    margin-left: 40px
}

@media only screen and (max-width: 1550px) {
    .subscribe-buttons ul li {
        margin-left: 30px
    }
}

@media only screen and (max-width: 1439px) {
    .subscribe-buttons ul li {
        margin-left: 20px
    }
}

@media only screen and (max-width: 1199px) {
    .subscribe-buttons ul li {
        margin: 0 10px
    }
}

@media only screen and (max-width: 767px) {
    .subscribe-buttons ul li {
        margin: 5px
    }
}

.subscribe-buttons ul li a.button--logo {
    min-width: 265px
}

@media only screen and (max-width: 1550px) {
    .subscribe-buttons ul li a.button--logo {
        min-width: 220px
    }
}

@media only screen and (max-width: 1439px) {
    .subscribe-buttons ul li a.button--logo {
        min-width: 200px
    }
}

@media only screen and (max-width: 991px) {
    .subscribe-buttons ul li a.button--logo {
        min-width: 30px
    }
}

.subscribe-buttons ul li a.button--logo:before {
    width: 36px;
    height: 36px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//google-podcasts.svg);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 991px) {
    .subscribe-buttons ul li a.button--logo:before {
        width: 22px;
        height: 22px;
        background-size: 22px auto
    }
}

@media only screen and (max-width: 767px) {
    .subscribe-buttons ul li a.button--logo:before {
        margin-right: 5px
    }
}

.subscribe-buttons ul li a.button--logo:hover:before {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//google-podcasts-hover.svg);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 991px) {
    .subscribe-buttons ul li a.button--logo:hover:before {
        background-size: 22px auto
    }
}

.subscribe-buttons ul li:nth-child(2) a.button--logo:before {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//spotify.svg);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 991px) {
    .subscribe-buttons ul li:nth-child(2) a.button--logo:before {
        background-size: 22px auto
    }
}

.subscribe-buttons ul li:nth-child(2) a.button--logo:hover:before {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//spotify-hover.svg);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 991px) {
    .subscribe-buttons ul li:nth-child(2) a.button--logo:hover:before {
        background-size: 22px auto
    }
}

.subscribe-buttons ul li:nth-child(3) a.button--logo:before {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//apple.svg);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 991px) {
    .subscribe-buttons ul li:nth-child(3) a.button--logo:before {
        background-size: 16px auto
    }
}

.subscribe-buttons ul li:nth-child(3) a.button--logo:hover:before {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//apple-hover.svg);
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width: 991px) {
    .subscribe-buttons ul li:nth-child(3) a.button--logo:hover:before {
        background-size: 16px auto
    }
}

.suggested-tags {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    margin-bottom: 100px
}

@media only screen and (max-width: 991px) {
    .suggested-tags {
        margin-top: 50px
    }
}

@media only screen and (max-width: 767px) {
    .suggested-tags {
        margin-top: 30px
    }
}

@media only screen and (max-width: 991px) {
    .suggested-tags {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 767px) {
    .suggested-tags {
        margin-bottom: 30px
    }
}

.suggested-tags__title {
    margin: 0 0 20px;
    font-family: "Jost", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #0a5ea7;
    font-size: 32px;
    margin-right: 100px
}

@media only screen and (max-width: 1199px) {
    .suggested-tags__title {
        font-size: 29px
    }
}

@media only screen and (max-width: 991px) {
    .suggested-tags__title {
        font-size: 24px
    }
}

@media only screen and (max-width: 767px) {
    .suggested-tags__title {
        margin-bottom: 10px;
        font-size: 20px
    }
}

@media only screen and (max-width: 1199px) {
    .suggested-tags__title {
        margin-right: 70px
    }
}

@media only screen and (max-width: 991px) {
    .suggested-tags__title {
        margin-right: 50px
    }
}

@media only screen and (max-width: 767px) {
    .suggested-tags__title {
        margin-right: 20px
    }
}

.suggested-tags__list {
    display: flex;
    flex-wrap: wrap
}

.suggested-tags__list li {
    margin-right: 50px;
    margin-bottom: 10px
}

@media only screen and (max-width: 1199px) {
    .suggested-tags__list li {
        margin-right: 40px
    }
}

@media only screen and (max-width: 991px) {
    .suggested-tags__list li {
        margin-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .suggested-tags__list li {
        margin-right: 20px
    }
}

.suggested-tags__list li:last-child {
    margin-right: 0
}

.suggested-tags--page .suggested-tags__title {
    margin-top: 12px
}

.suggested-tags--page .suggested-tags__list li {
    margin-right: 15px
}

@media only screen and (max-width: 991px) {
    .suggested-tags--page .suggested-tags__list li {
        margin-right: 12px
    }
}

@media only screen and (max-width: 767px) {
    .suggested-tags--page .suggested-tags__list li {
        margin-right: 8px
    }
}

.tab-section {
    width: 100%;
    position: relative
}

.tab-section__slider {
    margin-left: -5px;
    margin-right: -5px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px
}

@media only screen and (max-width: 1439px) {
    .tab-section__slider {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 991px) {
    .tab-section__slider {
        padding-left: 0;
        padding-right: 0
    }
}

.tab-section__slider.slick-initialized {
    background-image: none
}

.tab-section__slider.slick-initialized .tab-section__slide {
    opacity: 1;
    display: block
}

.tab-section__slide {
    opacity: 0;
    display: none;
    padding-left: 5px;
    padding-right: 5px
}

@media only screen and (max-width: 767px) {
    .tab-section__slide {
        padding-left: 0;
        padding-right: 0
    }
}

.tab-section__slide a {
    color: #575354;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 15px 30px;
    border-radius: 40px;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .tab-section__slide a {
        padding: 8px 12px
    }
}

.tab-section__slide a:hover,
.tab-section__slide a.is-active {
    color: #fff;
    background: #0a5da9;
    text-decoration: none
}

.tab-section__slide:first-child {
    display: block
}

.tabber {
    width: 100%
}

.tabber__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px
}

@media only screen and (max-width: 991px) {
    .tabber__list {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 479px) {
    .tabber__list {
        margin-bottom: 20px
    }
}

.tabber__list li {
    display: inline-flex;
    align-items: center
}

.tabber__list li:after {
    content: "";
    width: 1px;
    height: 26px;
    background: #575354;
    margin: 0 15px
}

@media only screen and (max-width: 1199px) {
    .tabber__list li:after {
        height: 24px
    }
}

@media only screen and (max-width: 991px) {
    .tabber__list li:after {
        margin: 0 10px;
        height: 20px
    }
}

@media only screen and (max-width: 767px) {
    .tabber__list li:after {
        height: 15px
    }
}

.tabber__list li:last-child:after {
    display: none
}

.tabber__list li a {
    font-size: 22px;
    font-weight: 600
}

@media only screen and (max-width: 1199px) {
    .tabber__list li a {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .tabber__list li a {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .tabber__list li a {
        font-size: 16px
    }
}

.tabber__list li a:hover {
    text-decoration: none;
    color: #0a5da9
}

@media only screen and (max-width: 479px) {
    .testimonials-carousel .tabber__list li a {
        font-size: 13px
    }
}

.tabber__list li.is-active a {
    color: #0a5da9
}

.tabber__content {
    display: block
}

.table-contents {
    width: 100%
}

.table-contents__list {
    font-size: 22px
}

@media only screen and (max-width: 1199px) {
    .table-contents__list {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .table-contents__list {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .table-contents__list {
        font-size: 16px
    }
}

.table-contents__list li {
    font-weight: 600;
    border-bottom: 1px solid rgba(10, 93, 169, .5);
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px;
    margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
    .table-contents__list li {
        padding-left: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.table-contents__list li:after {
    content: "•";
    position: absolute;
    top: 0;
    left: 0
}

.team-section {
    width: 100%
}

.team-section__holder {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

@media only screen and (max-width: 991px) {
    .team-section__holder {
        margin: 0 -10px
    }
}

.team-section__col {
    display: flex;
    width: 33.333%;
    padding: 0 20px;
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .team-section__col {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 30px
    }
}

.team-section__col--full {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .team-section__col--full:nth-child(even) .card-profile {
        flex-direction: row-reverse
    }
}

.testimonials-carousel {
    width: 100%
}

.testimonials-carousel__slider {
    margin-left: -30px;
    margin-right: -30px;
    min-height: 150px;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px
}

@media only screen and (max-width: 1199px) {
    .testimonials-carousel__slider {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media only screen and (max-width: 991px) {
    .testimonials-carousel__slider {
        margin: 0 -15px
    }
}

@media only screen and (max-width: 767px) {
    .testimonials-carousel__slider {
        margin: 0 -10px
    }
}

.testimonials-carousel__slider.slick-initialized {
    background-image: none
}

.testimonials-carousel__slide {
    display: none;
    align-items: center;
    padding: 60px 30px;
    transition: transform .3s ease-in-out
}

@media only screen and (max-width: 1199px) {
    .testimonials-carousel__slide {
        padding: 45px 20px
    }
}

@media only screen and (max-width: 991px) {
    .testimonials-carousel__slide {
        width: 400px;
        padding: 15px;
        align-items: stretch
    }
}

@media only screen and (max-width: 767px) {
    .testimonials-carousel__slide {
        width: 300px;
        padding: 10px
    }
}

.testimonials-carousel__slide.slick-center {
    transform: scale(1.2)
}

@media only screen and (max-width: 1199px) {
    .testimonials-carousel__slide.slick-center {
        transform: scale(1.1)
    }
}

@media only screen and (max-width: 991px) {
    .testimonials-carousel__slide.slick-center {
        transform: unset
    }
}

.slick-initialized .testimonials-carousel__slide {
    display: block
}

.text-content {
    font-family: "Jost", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #4a4a4a;
    width: 100%
}

.text-content:after {
    display: block;
    clear: both;
    content: ""
}

.text-content address {
    margin: 0 0 20px;
    display: block;
    font-style: italic
}

.text-content address>*:last-child {
    margin-bottom: 0
}

.text-content .align-none,
.text-content .alignnone {
    display: inline
}

.text-content .align-center,
.text-content .aligncenter {
    margin: 0 auto;
    text-align: center
}

.text-content .align-left,
.text-content .alignleft {
    margin: 0 20px 20px 0;
    float: left
}

.text-content .align-right,
.text-content .alignright {
    margin: 0 0 20px 20px;
    float: right
}

.text-content .wp-caption,
.text-content figure {
    margin: 0 0 20px
}

.text-content .wp-caption .wp-caption-text,
.text-content .wp-caption figcaption,
.text-content figure .wp-caption-text,
.text-content figure figcaption {
    margin: 5px;
    font-style: italic
}

.text-content blockquote {
    margin: 0 0 20px;
    padding: 20px;
    font-style: italic;
    border: 1px solid #ddd;
    border-radius: 5px
}

.text-content blockquote>*:last-child {
    margin-bottom: 0
}

.text-content pre,
.text-content code {
    margin: 20px 0;
    font: 100% "andale mono", "lucida console", monospace;
    line-height: 1.5;
    white-space: pre
}

.text-content pre>*:last-child,
.text-content code>*:last-child {
    margin-bottom: 0
}

.text-content ul,
.text-content ol {
    margin: 0 0 20px 20px
}

.text-content li ul,
.text-content li ol {
    margin: 0 20px
}

.text-content ul,
.text-content ul li {
    list-style-type: disc
}

.text-content ol,
.text-content ol li {
    list-style-type: decimal
}

.text-content dl {
    margin: 0 0 20px
}

.text-content dl dt {
    font-weight: bold
}

.text-content dl dd {
    margin-left: 20px
}

.text-content table {
    margin: 0 0 30px;
    width: 100%;
    font-size: 16px;
    border-collapse: collapse
}

@media only screen and (max-width: 991px) {
    .text-content table {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .text-content table {
        font-size: 15px
    }
}

.text-content table caption {
    padding: 10px;
    font-size: 27px;
    color: #575354;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.text-content table th,
.text-content table td {
    padding: 10px;
    border-bottom: 1px solid rgba(10, 93, 169, .5);
    background: rgba(0, 0, 0, 0)
}

.text-content table th {
    font-weight: 500;
    text-align: left;
    text-transform: uppercase
}

.text-content table thead th {
    background: rgba(10, 93, 169, .1)
}

.text-content table tfoot {
    font-style: italic
}

@media only screen and (max-width: 767px) {
    .text-content {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .text-content img.align-left,
    .text-content img.alignleft,
    .text-content img.align-right,
    .text-content img.alignright {
        max-width: 50%
    }
}

.text-content h4 {
    color: #575354
}

.text-content__more {
    display: none
}

.text-content--grey {
    padding-top: 150px;
    padding-bottom: 150px;
    margin-bottom: 160px;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    background-color: #f3f2f2;
    font-size: 22px
}

@media only screen and (max-width: 991px) {
    .text-content--grey {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .text-content--grey {
        margin-bottom: 48px
    }
}

@media only screen and (max-width: 1199px) {
    .text-content--grey {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .text-content--grey {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .text-content--grey {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .text-content--grey {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media only screen and (max-width: 767px) {
    .text-content--grey {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.text-content--center {
    text-align: center
}

.text-content--right {
    text-align: right
}

.thrive-skills-listing__banner {
    background: #ffbe00;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .thrive-skills-listing__banner {
        padding-top: 70px
    }
}

.thrive-skills-listing__banner p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #4a4a4a;
    margin: 0 auto;
    padding: 10px 10px 20px;
    text-align: center;
    text-transform: capitalize
}

@media only screen and (min-width: 767px) {
    .thrive-skills-listing__banner p {
        width: 75%;
        text-transform: none
    }
}

@media only screen and (min-width: 991px) {
    .thrive-skills-listing__banner p {
        font-size: 24px;
        line-height: 30px;
        padding: 0;
        width: 65%
    }
}

.thrive-skills-listing__tabber {
    padding-top: 50px;
    padding-bottom: 30px
}

@media only screen and (min-width: 991px) {
    .thrive-skills-listing__tabber {
        width: 100%;
        margin: 0
    }
}

.thrive-skills-listing__tabber .card-post--blog .card-post__content {
    padding-bottom: 50px;
    min-height: 215px
}

.thrive-skills-listing__tabber .card-post__content p {
    width: 95%;
    margin-bottom: 15px
}

.thrive-skills-listing__tabber .card-post__image {
    background-color: #fafafa;
    display: inline-block;
    width: 100%
}

.thrive-skills-listing__bottom {
    display: none;
    flex-direction: row
}

@media only screen and (min-width: 991px) {
    .thrive-skills-listing__bottom {
        display: flex
    }
}

@media only screen and (min-width: 1199px) {
    .thrive-skills-listing__bottom {
        width: 130%;
        margin-left: -15%;
        margin-top: -30px
    }
}

.thrive-skills-listing__bottom--block {
    width: 33%;
    height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.thrive-skills-listing__bottom--block img {
    mix-blend-mode: multiply
}

.thrive-skills-listing__bottom--block__cont {
    visibility: hidden;
    opacity: 0;
    width: 265px;
    height: 102px;
    background: #fff;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, .05);
    border-radius: 15px;
    padding: 15px 30px
}

.thrive-skills-listing__bottom--block__cont h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-transform: capitalize;
    color: #4a4a4a;
    margin-bottom: 7px;
    text-align: left
}

.thrive-skills-listing__bottom--block__cont p {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #4a4a4a;
    margin-bottom: 0;
    text-align: left;
    width: 100%
}

.thrive-skills-listing__bottom--block:hover {
    cursor: pointer;
    transition: .3s ease-in-out
}

.thrive-skills-listing__bottom--block:hover img {
    mix-blend-mode: normal
}

.thrive-skills-listing__bottom--block:hover .thrive-skills-listing__bottom--block__cont {
    visibility: visible;
    opacity: 1
}

.thrive-skills-listing__inner~.thrive-skills-listing__tabber {
    padding-top: 0
}

@media only screen and (min-width: 991px) {
    .p2-thrive-details {
        padding-top: 0
    }
}

.p2-thrive-details .p2-banner-faculty__image {
    mix-blend-mode: normal
}

@media only screen and (min-width: 767px) {
    .p2-thrive-details .p2-banner-faculty__image {
        padding: 0;
        width: 38%;
        align-self: center;
        right: 0;
        position: relative
    }
}

@media only screen and (min-width: 1199px) {
    .p2-thrive-details .p2-banner-faculty__image {
        width: 32%
    }
}

@media only screen and (min-width: 767px) {
    .p2-thrive-details .p2-banner-faculty__info h2 {
        line-height: 52px;
        padding-top: 0
    }
}

.p2-thrive-details .p2-banner-faculty__info p {
    margin-bottom: 30px;
    width: 80%
}

@media only screen and (min-width: 991px) {
    .p2-thrive-details .p2-banner-faculty__info {
        padding: 55px 0
    }
}

.us-awards {
    padding: 35px 0 0;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.us-awards::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 170px;
    background: #ffbe02;
    z-index: -1
}

@media only screen and (min-width: 991px) {
    .us-awards::after {
        display: none
    }
}

.us-awards__text {
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

.us-awards__text h1 {
    margin-bottom: 40px;
    font-weight: 700;
    text-transform: none;
    color: #4a4a4a;
    font-size: 24px;
    line-height: 26px
}

@media only screen and (min-width: 991px) {
    .us-awards__text h1 {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 10px
    }
}

.us-awards__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 991px) {
    .us-awards__text p {
        font-size: 16px;
        line-height: 20px
    }
}

.us-awards__list {
    max-width: 340px;
    padding: 10px 15px 25px;
    margin: 0 auto 30px;
    border-radius: 20px
}

@media only screen and (min-width: 991px) {
    .us-awards__list {
        max-width: 1130px
    }
}

.us-awards__list .list-item {
    padding: 30px;
    margin: 0 10px;
    max-width: 220px;
    width: 220px;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
    border-radius: 10px;
    display: block;
    white-space: normal;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .us-awards__list .list-item {
        max-width: 340px;
        width: 340px;
        padding: 20px 40px;
        box-shadow: none;
        border-radius: 0
    }
}

.us-awards__list .list-item h2 {
    margin: 0;
    font-weight: 800;
    font-size: 13.0251px;
    line-height: 125%;
    color: #4a4a4a;
    text-transform: none
}

@media only screen and (min-width: 991px) {
    .us-awards__list .list-item h2 {
        font-size: 21.3541px
    }
}

.us-awards__list .list-item p {
    font-weight: 400;
    font-size: 12.3738px;
    line-height: 125%
}

@media only screen and (min-width: 991px) {
    .us-awards__list .list-item p {
        font-size: 20.2864px
    }
}

.us-awards__list .list-item p span {
    font-weight: 400;
    font-size: 14.75px;
    line-height: 18.44px;
    font-style: italic;
    display: block
}

.us-awards .arrow-bottom.slick-slider .slick-arrow.slick-next,
.us-awards .arrow-bottom.slick-slider .slick-arrow.slick-prev {
    bottom: -35px
}

.us-awards .arrow-bottom.slick-slider .slick-arrow.slick-next i::before,
.us-awards .arrow-bottom.slick-slider .slick-arrow.slick-prev i::before {
    color: #fff
}

@media only screen and (min-width: 991px) {
    .us-awards .arrow-bottom.slick-slider .slick-arrow.slick-next i::before,
    .us-awards .arrow-bottom.slick-slider .slick-arrow.slick-prev i::before {
        color: #ffbe02
    }
}

.us-banner {
    padding: 60px 0 38px;
    background: #ffbe02;
    position: relative
}

@media only screen and (min-width: 767px) {
    .us-banner {
        padding: 60px 0 40px
    }
}

@media only screen and (min-width: 991px) {
    .us-banner {
        padding: 85px 0 130px
    }
}

.us-banner__title {
    margin: 0 auto 25px;
    max-width: 285px;
    width: 100%
}

@media only screen and (min-width: 767px) {
    .us-banner__title {
        margin: 0 auto 40px;
        max-width: 450px
    }
}

@media only screen and (min-width: 991px) {
    .us-banner__title {
        max-width: 650px
    }
}

.us-banner__desc {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    max-width: 200px;
    margin: 0 auto 20px
}

@media only screen and (min-width: 767px) {
    .us-banner__desc {
        margin-bottom: 50px;
        font-size: 32px;
        line-height: 40px;
        max-width: 350px
    }
}

@media only screen and (min-width: 991px) {
    .us-banner__desc {
        max-width: 550px
    }
}

.us-banner .button,
.us-banner .single-prime-program .wpulike,
.single-prime-program .us-banner .wpulike,
.us-banner .campus-program-template-default .wpulike,
.campus-program-template-default .us-banner .wpulike,
.us-banner .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .us-banner .wpulike,
.us-banner .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .us-banner .hs-button,
.us-banner .events__tabs ul li a,
.events__tabs ul li .us-banner a {
    margin: 0 auto;
    margin-top: auto;
    height: 35px;
    font-family: "Jost", sans-serif;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #4a4a4a;
    text-transform: none;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1)
}

.us-banner .button::after,
.us-banner .single-prime-program .wpulike::after,
.single-prime-program .us-banner .wpulike::after,
.us-banner .campus-program-template-default .wpulike::after,
.campus-program-template-default .us-banner .wpulike::after,
.us-banner .enterprise-program-template-default .wpulike::after,
.enterprise-program-template-default .us-banner .wpulike::after,
.us-banner .hbspt-form .hs-submit .hs-button::after,
.hbspt-form .hs-submit .us-banner .hs-button::after,
.us-banner .events__tabs ul li a::after,
.events__tabs ul li .us-banner a::after {
    color: #ffbe02
}

.us-banner__left-pic,
.us-banner__right-pic {
    position: absolute;
    left: -20px;
    bottom: 0;
    mix-blend-mode: multiply;
    height: 165px
}

@media only screen and (min-width: 767px) {
    .us-banner__left-pic,
    .us-banner__right-pic {
        left: 0;
        height: 295px
    }
}

@media only screen and (min-width: 991px) {
    .us-banner__left-pic,
    .us-banner__right-pic {
        height: 400px
    }
}

@media only screen and (min-width: 1199px) {
    .us-banner__left-pic,
    .us-banner__right-pic {
        height: 530px
    }
}

.us-banner__right-pic {
    left: auto;
    right: -40px
}

@media only screen and (min-width: 767px) {
    .us-banner__right-pic {
        right: -20px
    }
}

.us-change {
    padding: 35px 0 0;
    position: relative
}

@media only screen and (min-width: 991px) {
    .us-change {
        padding: 0px
    }
}

.us-change__text {
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

.us-change__text h1 {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: none;
    color: #4a4a4a;
    font-size: 24px;
    line-height: 26px
}

@media only screen and (min-width: 991px) {
    .us-change__text h1 {
        font-size: 40px;
        line-height: 60px
    }
}

.us-change__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 991px) {
    .us-change__text p {
        font-size: 16px;
        line-height: 20px
    }
}

.us-change__list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 1080px;
    margin: 0 auto;
    background: #ffbe02;
    border-radius: 20px;
    overflow: hidden
}

@media only screen and (min-width: 1199px) {
    .us-change__list {
        flex-direction: row
    }
}

.us-change__list .list-item {
    transform-origin: 0 50%;
    position: relative;
    background: #999;
    cursor: pointer;
    width: 100%
}

@media only screen and (min-width: 1199px) {
    .us-change__list .list-item {
        width: 120px;
        max-width: 120px;
        min-width: 120px;
        height: 500px
    }
}

.us-change__list .list-item h2 {
    margin: 0;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    font-style: italic;
    font-weight: 800;
    font-size: 40px;
    line-height: 38px;
    color: rgba(255, 255, 255, .5);
    font-size: 24px;
    line-height: 38px
}

.us-change__list .list-item h2::after {
    position: absolute;
    right: 20px;
    top: 20px;
    content: "";
    font-family: "icomoon", sans-serif;
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: inherit;
    transform: rotate(130deg)
}

@media only screen and (min-width: 1199px) {
    .us-change__list .list-item h2::after {
        font-size: 14px;
        top: 40px
    }
}

@media only screen and (min-width: 1199px) {
    .us-change__list .list-item h2 {
        position: absolute;
        left: -161%;
        top: 38%;
        transform: rotate(-90deg);
        height: 120px;
        width: 500px;
        font-size: 45px;
        line-height: 38px
    }
}

.us-change__list .list-item h3 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-style: italic;
    font-weight: 800;
    font-size: 49.403px;
    line-height: 46px;
    margin-top: 30px;
    margin-bottom: 0
}

.us-change__list .list-item h3 span {
    padding-left: 10px;
    display: block;
    font-weight: 700;
    font-size: 15.7608px;
    line-height: 114%
}

.us-change__list .list-item h3 span small {
    display: block;
    font-style: italic;
    font-weight: 400;
    font-size: 15.7608px;
    line-height: 114%
}

.us-change__list .list-item p {
    display: none;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 1199px) {
    .us-change__list .list-item p {
        font-size: 20px;
        line-height: 24px
    }
}

.us-change__list .list-item img {
    display: none;
    height: 160px;
    margin-bottom: 10px
}

@media only screen and (min-width: 1199px) {
    .us-change__list .list-item img {
        margin-top: 20px;
        height: 200px
    }
}

.us-change__list .list-item__text {
    display: none
}

.us-change__list .list-item__text p {
    font-weight: 400;
    font-size: 13.5262px;
    line-height: 126.5%
}

.us-change__list .list-item--active {
    width: 100%;
    max-width: 100%;
    padding: 25px
}

@media only screen and (min-width: 1199px) {
    .us-change__list .list-item--active {
        padding: 40px 40px 20px
    }
}

.us-change__list .list-item--active h2 {
    padding: 0;
    margin-bottom: 0;
    position: static;
    transform: rotate(0deg);
    height: auto;
    width: auto;
    color: #fff
}

.us-change__list .list-item--active h2::after {
    right: -20px;
    position: relative;
    transform: rotate(-53deg);
    top: 0
}

@media only screen and (min-width: 1199px) {
    .us-change__list .list-item--active h2 {
        margin-bottom: 15px
    }
}

.us-change__list .list-item--active img {
    display: block
}

.us-change__list .list-item--active p {
    display: block
}

.us-change__list .list-item--active .list-item__text {
    display: block
}

.us-change__list .list-item--active .list-item__text p {
    color: #fff
}

.us-change__list .list-item--orange {
    background: #ff7100
}

.us-change__list .list-item--green {
    background: #44a659
}

.us-change__list .list-item--blue {
    background: #0099df
}

.us-change__list .list-item--pink {
    background: #ff3363
}

.us-change__list .list-item--black {
    background: #4a4a4a
}

.us-change__list .list-item--yellow {
    background: #ffbe02
}

.us-change__list .list-item--yellow p {
    color: #4a4a4a
}

.us-change .download-wrapper {
    padding-top: 40px
}

.us-change .button,
.us-change .single-prime-program .wpulike,
.single-prime-program .us-change .wpulike,
.us-change .campus-program-template-default .wpulike,
.campus-program-template-default .us-change .wpulike,
.us-change .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .us-change .wpulike,
.us-change .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .us-change .hs-button,
.us-change .events__tabs ul li a,
.events__tabs ul li .us-change a {
    margin: 0 auto;
    margin-top: auto;
    height: 35px;
    font-family: "Jost", sans-serif;
    background-color: #0099df;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    text-transform: none;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1)
}

.us-change .button::after,
.us-change .single-prime-program .wpulike::after,
.single-prime-program .us-change .wpulike::after,
.us-change .campus-program-template-default .wpulike::after,
.campus-program-template-default .us-change .wpulike::after,
.us-change .enterprise-program-template-default .wpulike::after,
.enterprise-program-template-default .us-change .wpulike::after,
.us-change .hbspt-form .hs-submit .hs-button::after,
.hbspt-form .hs-submit .us-change .hs-button::after,
.us-change .events__tabs ul li a::after,
.events__tabs ul li .us-change a::after {
    color: #fff
}

.us-dna {
    padding: 35px 0 0;
    position: relative
}

.us-dna__text {
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

.us-dna__text h1 {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: none;
    color: #4a4a4a;
    font-size: 24px;
    line-height: 26px
}

@media only screen and (min-width: 991px) {
    .us-dna__text h1 {
        font-size: 40px;
        line-height: 60px
    }
}

.us-dna__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 991px) {
    .us-dna__text p {
        font-size: 16px;
        line-height: 20px
    }
}

.us-dna__list {
    display: flex;
    max-width: 1130px;
    padding: 10px 20px 30px;
    margin: 0 auto 15px;
    border-radius: 20px;
    overflow: auto;
    white-space: nowrap
}

@media only screen and (min-width: 991px) {
    .us-dna__list {
        margin-bottom: 30px;
        padding: 30px 45px
    }
}

.us-dna__list .list-item {
    padding: 33px;
    transform-origin: 0 50%;
    position: relative;
    background: #fff;
    box-shadow: 0px 5.59429px 34.9643px rgba(0, 0, 0, .1);
    border-radius: 20px;
    overflow: hidden;
    min-width: 90px;
    width: 90px;
    max-width: 90px;
    height: 150px;
    margin: 0 -15px;
    cursor: pointer
}

@media only screen and (min-width: 991px) {
    .us-dna__list .list-item {
        height: 280px;
        width: 172px;
        min-width: 172px
    }
}

.us-dna__list .list-item h2 {
    display: none;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
    margin-bottom: 0
}

@media only screen and (min-width: 991px) {
    .us-dna__list .list-item h2 {
        font-size: 25px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1199px) {
    .us-dna__list .list-item h2 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 20px
    }
}

.us-dna__list .list-item p {
    display: none;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px
}

@media only screen and (min-width: 991px) {
    .us-dna__list .list-item p {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (min-width: 1199px) {
    .us-dna__list .list-item p {
        font-size: 20px;
        line-height: 28px
    }
}

.us-dna__list .list-item__number {
    position: absolute;
    right: -30px;
    top: 0px;
    font-weight: 800;
    font-size: 187.209px;
    line-height: 140px;
    color: rgba(74, 74, 74, .1);
    display: block
}

@media only screen and (min-width: 991px) {
    .us-dna__list .list-item__number {
        right: -80px;
        top: -15px;
        line-height: 277px;
        font-size: 367px
    }
}

.us-dna__list .list-item--active {
    min-width: 220px;
    width: 100%;
    max-width: 100%;
    padding: 25px 40px 25px 25px;
    white-space: normal;
    background: #ffbe02
}

@media only screen and (min-width: 991px) {
    .us-dna__list .list-item--active {
        padding: 50px 20px 20px
    }
}

@media only screen and (min-width: 1199px) {
    .us-dna__list .list-item--active {
        padding: 90px 130px 20px 35px
    }
}

.us-dna__list .list-item--active .list-item__number {
    right: -10px;
    color: rgba(255, 255, 255, .1)
}

@media only screen and (min-width: 991px) {
    .us-dna__list .list-item--active .list-item__number {
        right: -20px
    }
}

.us-dna__list .list-item--active h2 {
    display: block;
    color: #4a4a4a
}

.us-dna__list .list-item--active p {
    display: block
}

.us-dna__list--large {
    margin: 0 auto 30px;
    padding: 30px
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large {
        margin: 0;
        padding: 30px 120px;
        max-width: 1300px
    }
}

.us-dna__list--large .list-item {
    height: 250px;
    margin: 0 -10px 0 -10px;
    cursor: pointer;
    border-radius: 10px
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item {
        height: 450px;
        width: 265px;
        min-width: 265px;
        margin: 0 -80px 0 -80px;
        border-radius: 20px
    }
}

.us-dna__list--large .list-item h2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    margin-bottom: 30px
}

.us-dna__list--large .list-item h2 P {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    margin-bottom: 0px
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item h2 P {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 0px
    }
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item h2 {
        font-size: 24px;
        line-height: 28px
    }
}

.us-dna__list--large .list-item p {
    margin-bottom: 0;
    font-size: 11.1282px;
    line-height: 10px;
    font-weight: 600
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item p {
        font-size: 20px;
        line-height: 20px
    }
}

.us-dna__list--large .list-item p span {
    padding: 5px 0;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    display: block
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item p span {
        padding: 10px 0;
        font-size: 16px;
        line-height: 22px
    }
}

.us-dna__list--large .list-item__number {
    right: auto;
    left: 10px;
    top: 50%;
    margin-top: -70px;
    font-size: 96px;
    line-height: 139px
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item__number {
        left: 15px;
        right: auto;
        top: 50%;
        font-size: 200px;
        line-height: 300px;
        margin-top: -150px
    }
}

.us-dna__list--large .list-item--active {
    width: 100%;
    padding-right: 30px;
    background: #fff
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item--active {
        padding-right: 230px
    }
}

.us-dna__list--large .list-item--active .list-item__number {
    position: static;
    font-size: 25.4359px;
    line-height: 37px;
    margin: 0;
    color: #ffbe02;
    font-style: italic
}

@media only screen and (min-width: 1199px) {
    .us-dna__list--large .list-item--active .list-item__number {
        margin: 0 0 20px;
        font-size: 50px;
        line-height: 72px
    }
}

.us-dna__benifits {
    max-width: 320px;
    margin: 0 auto 20px
}

@media only screen and (min-width: 991px) {
    .us-dna__benifits {
        max-width: 1180px
    }
}

.us-dna__benifits .slick-list {
    padding: 30px 30px 20px 30px
}

@media only screen and (min-width: 991px) {
    .us-dna__benifits .slick-list {
        padding: 10px 50px 0px 50px
    }
}

.us-dna__benifits .slick-slide {
    margin: 0
}

@media only screen and (min-width: 991px) {
    .us-dna__benifits .slick-slide {
        margin: 0 -20px
    }
}

.us-dna__benifits .list-item {
    width: 100%;
    margin: 15px auto 45px;
    max-width: 215px;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, .07);
    background: #fff;
    padding: 15px
}

@media only screen and (min-width: 991px) {
    .us-dna__benifits .list-item {
        padding: 30px;
        border-radius: 20px;
        max-width: none
    }
}

.us-dna__benifits .list-item__number {
    font-size: 25.4359px;
    line-height: 37px;
    color: #ffbe02;
    font-style: italic;
    font-weight: 800;
    display: block;
    margin-bottom: 0px
}

@media only screen and (min-width: 991px) {
    .us-dna__benifits .list-item__number {
        margin-bottom: 20px;
        font-size: 50px;
        line-height: 72px
    }
}

.us-dna__benifits .list-item h2 {
    font-style: italic;
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    color: #4a4a4a;
    text-transform: none;
    margin-bottom: 20px
}

@media only screen and (min-width: 991px) {
    .us-dna__benifits .list-item h2 {
        font-size: 50px;
        line-height: 54px;
        margin-bottom: 40px
    }
}

.us-dna .button,
.us-dna .single-prime-program .wpulike,
.single-prime-program .us-dna .wpulike,
.us-dna .campus-program-template-default .wpulike,
.campus-program-template-default .us-dna .wpulike,
.us-dna .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .us-dna .wpulike,
.us-dna .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .us-dna .hs-button,
.us-dna .events__tabs ul li a,
.events__tabs ul li .us-dna a {
    margin: 0 auto;
    margin-top: auto;
    height: 35px;
    font-family: "Jost", sans-serif;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #4a4a4a;
    text-transform: none;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1)
}

.us-dna .button::after,
.us-dna .single-prime-program .wpulike::after,
.single-prime-program .us-dna .wpulike::after,
.us-dna .campus-program-template-default .wpulike::after,
.campus-program-template-default .us-dna .wpulike::after,
.us-dna .enterprise-program-template-default .wpulike::after,
.enterprise-program-template-default .us-dna .wpulike::after,
.us-dna .hbspt-form .hs-submit .hs-button::after,
.hbspt-form .hs-submit .us-dna .hs-button::after,
.us-dna .events__tabs ul li a::after,
.events__tabs ul li .us-dna a::after {
    color: #ffbe02
}

.us-dna--yellow {
    z-index: 0
}

.us-dna--yellow::after {
    content: "";
    position: absolute;
    left: 0;
    top: 300px;
    width: 100%;
    height: calc(100% - 420px);
    background: #ffbe02;
    z-index: -1
}

@media only screen and (min-width: 991px) {
    .us-dna--yellow::after {
        height: calc(100% - 450px)
    }
}

.us-program {
    padding: 35px 0 0;
    position: relative
}

@media only screen and (min-width: 1199px) {
    .us-program {
        padding: 15px 0 0
    }
}

.us-program__text {
    text-align: center;
    max-width: 500px;
    margin: 0 auto
}

.us-program__text h1 {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: none;
    color: #4a4a4a;
    font-size: 24px;
    line-height: 26px
}

@media only screen and (min-width: 991px) {
    .us-program__text h1 {
        font-size: 40px;
        line-height: 60px
    }
}

.us-program__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 991px) {
    .us-program__text p {
        font-size: 16px;
        line-height: 20px
    }
}

.us-program__list {
    white-space: nowrap;
    text-align: center;
    max-width: 320px;
    margin: 0 auto
}

@media only screen and (min-width: 767px) {
    .us-program__list {
        max-width: 1180px
    }
}

.us-program__list .slick-list {
    padding: 40px 50px !important
}

@media only screen and (min-width: 767px) {
    .us-program__list .slick-list {
        padding: 40px 0 !important
    }
}

.us-program__list-item {
    text-align: left;
    background: #fff;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    display: inline-block;
    width: 220px;
    margin: 0 20px;
    white-space: normal
}

.us-program__list-item h2 {
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    line-height: 50px;
    margin: 0px 0 3px 0px;
    mix-blend-mode: normal
}

.us-program__list-item p {
    margin: 0 0 0 5px;
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    mix-blend-mode: normal;
    color: #fff;
    min-height: 32px
}

.us-program__list-item>img {
    margin-top: -50px
}

.us-program__list-item-top {
    position: relative;
    background: #ffbe02;
    border-radius: 10px 10px 0 0;
    z-index: 0;
    display: flex
}

.us-program__list-item-top:after {
    content: "";
    font-family: "icomoon", sans-serif;
    display: block;
    font-size: 60px;
    color: inherit;
    transition: .3s ease-in-out;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: normal;
    color: rgba(255, 255, 255, .45);
    z-index: -1
}

.us-program__list-item-top--up:after {
    top: 20px;
    transform: rotate(-45deg)
}

.us-program__list-item-text {
    padding: 15px 10px 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.us-program__list-item-text>div {
    mix-blend-mode: lighten
}

.us-program__list-item-text img {
    height: 12px;
    margin: 0 5px 10px
}

.us-program__list-item-text:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff7100;
    mix-blend-mode: multiply
}

.us-program__list-item-text--green:before {
    background: #44a659
}

.us-program__list-item__link {
    width: 100%;
    display: block;
    background: #fff;
    padding: 15px 13px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .02em;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #4a4a4a;
    border-radius: 0 0 10px 10px
}

.us-program__list-item__link:hover {
    color: #4a4a4a
}

.us-program .button,
.us-program .single-prime-program .wpulike,
.single-prime-program .us-program .wpulike,
.us-program .campus-program-template-default .wpulike,
.campus-program-template-default .us-program .wpulike,
.us-program .enterprise-program-template-default .wpulike,
.enterprise-program-template-default .us-program .wpulike,
.us-program .hbspt-form .hs-submit .hs-button,
.hbspt-form .hs-submit .us-program .hs-button,
.us-program .events__tabs ul li a,
.events__tabs ul li .us-program a {
    margin: 0 auto;
    margin-top: auto;
    height: 35px;
    font-family: "Jost", sans-serif;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #4a4a4a;
    text-transform: none;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .1)
}

.us-program .button::after,
.us-program .single-prime-program .wpulike::after,
.single-prime-program .us-program .wpulike::after,
.us-program .campus-program-template-default .wpulike::after,
.campus-program-template-default .us-program .wpulike::after,
.us-program .enterprise-program-template-default .wpulike::after,
.enterprise-program-template-default .us-program .wpulike::after,
.us-program .hbspt-form .hs-submit .hs-button::after,
.hbspt-form .hs-submit .us-program .hs-button::after,
.us-program .events__tabs ul li a::after,
.events__tabs ul li .us-program a::after {
    color: #ffbe02
}

.us-program__bottom {
    margin-top: -95px;
    padding: 130px 0 60px;
    background: #ffbe02
}

@media only screen and (min-width: 1199px) {
    .us-program__bottom {
        margin-bottom: 50px
    }
}

.us-program__bottom .us-program__text {
    max-width: 750px
}

.us-program__bottom .us-program__text p {
    margin-bottom: 20px
}

.us-program__banner {
    padding: 20px 0 0;
    margin-bottom: 170px;
    position: relative;
    background: #ffbe02;
    z-index: 0
}

@media only screen and (min-width: 1199px) {
    .us-program__banner {
        margin-bottom: 0px
    }
}

.us-program__banner-pic {
    margin: 0 auto;
    max-width: 362px
}

@media only screen and (min-width: 1199px) {
    .us-program__banner-pic {
        min-height: 689px;
        max-width: 100%;
        margin-left: -240px
    }
}

@media only screen and (min-width: 1199px) {
    .us-program__banner-text {
        z-index: -1;
        position: absolute;
        left: 0;
        top: 65px;
        width: 100%
    }
}

@media only screen and (min-width: 1199px) {
    .us-program__banner-text-inner {
        padding-left: 330px
    }
}

.us-program__banner-text-inner h1 {
    font-weight: 700;
    font-size: 125.729px;
    line-height: 120px;
    color: #fff;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .us-program__banner-text-inner h1 {
        font-size: 220px;
        line-height: 170px
    }
}

@media only screen and (min-width: 1199px) {
    .us-program__banner-text-inner h1 {
        font-size: 260px;
        line-height: 200px
    }
}

.us-program__banner-text-inner p {
    font-weight: 400;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 991px) {
    .us-program__banner-text-inner p {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width: 1199px) {
    .us-program__banner-text-inner p {
        font-size: 24px;
        line-height: 30px
    }
}

.us-program__banner-text-inner .desktop-description {
    font-weight: 400;
    color: #4a4a4a;
    font-size: 16px;
    line-height: 20px;
    display: none
}

@media only screen and (min-width: 991px) {
    .us-program__banner-text-inner .desktop-description {
        font-size: 18px;
        line-height: 22px
    }
}

@media only screen and (min-width: 1199px) {
    .us-program__banner-text-inner .desktop-description {
        font-size: 22px;
        line-height: 24px;
        display: block
    }
}

.us-program__banner__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.us-program__banner__bottom::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ff7100;
    mix-blend-mode: multiply
}

.us-program__banner__bottom .bottom-text {
    padding: 15px 0 15px 0;
    mix-blend-mode: normal;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 85%
}

@media only screen and (min-width: 991px) {
    .us-program__banner__bottom .bottom-text {
        padding: 20px 0 20px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%
    }
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text {
        padding: 35px 0 25px 0
    }
}

.us-program__banner__bottom .bottom-text h2 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 42.381px;
    line-height: 36px;
    color: #fff
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text h2 {
        font-size: 100px;
        line-height: 80px
    }
}

.us-program__banner__bottom .bottom-text h2 i {
    font-size: 30px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
    color: rgba(255, 255, 255, .45)
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text h2 i {
        font-size: 40px
    }
}

.us-program__banner__bottom .bottom-text h3 {
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    font-size: 17.1429px;
    line-height: 23px
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text h3 {
        font-size: 40px;
        line-height: 53px;
        margin-bottom: 10px
    }
}

.us-program__banner__bottom .bottom-text p {
    margin-bottom: 10px;
    font-weight: 400;
    color: #fff;
    font-size: 10.2857px;
    line-height: 13px
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text p {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0px
    }
}

.us-program__banner__bottom .bottom-text p span {
    padding-top: 10px;
    font-style: italic;
    display: block;
    font-weight: 400;
    font-size: 10.7265px;
    line-height: 18px
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text p span {
        font-size: 18px;
        line-height: 30px
    }
}

.us-program__banner__bottom .bottom-text .mobile-description {
    display: block;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text .mobile-description {
        display: none
    }
}

.us-program__banner__bottom .bottom-text .large {
    font-weight: 700;
    font-size: 94.4067px;
    line-height: 80px;
    margin-bottom: 0
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text .large {
        font-size: 158px;
        line-height: 130px
    }
}

.us-program__banner__bottom .bottom-text .large span {
    font-size: 24.4307px;
    line-height: 34px
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text .large span {
        font-size: 41px;
        line-height: 57px
    }
}

@media only screen and (min-width: 991px) {
    .us-program__banner__bottom .bottom-text__left {
        max-width: 40%;
        text-align: left
    }
}

.us-program__banner__bottom .bottom-text__right {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -160px;
    background: #fff;
    text-align: center;
    padding: 25px 0;
    max-width: 320px
}

.us-program__banner__bottom .bottom-text__right h2 {
    color: #ff7100
}

.us-program__banner__bottom .bottom-text__right p {
    color: #ff7100;
    font-size: 14.302px;
    line-height: 18px
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text__right p {
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (min-width: 1199px) {
    .us-program__banner__bottom .bottom-text__right {
        padding: 0px;
        position: static;
        margin: 0;
        left: auto;
        top: auto;
        max-width: 60%;
        text-align: right;
        background: none
    }
    .us-program__banner__bottom .bottom-text__right p,
    .us-program__banner__bottom .bottom-text__right h2 {
        color: #fff
    }
}

.us-program__banner__bottom--green::before {
    background: #44a659
}

.arrow-bottom.slick-slider .slick-arrow.slick-next,
.arrow-bottom.slick-slider .slick-arrow.slick-prev {
    right: 50%;
    top: auto;
    font-size: 22px;
    bottom: -15px;
    transform: translate(40px, 0)
}

.arrow-bottom.slick-slider .slick-arrow.slick-next .slick-disabled,
.arrow-bottom.slick-slider .slick-arrow.slick-prev .slick-disabled {
    display: none
}

.arrow-bottom.slick-slider .slick-arrow.slick-prev {
    right: auto;
    left: 50%;
    transform: translate(-40px, 0)
}

.arrow-bottom.slick-slider .slick-slide {
    transition: all .3s
}

.arrow-bottom.slick-slider .slick-slide.slick-center {
    transform: scale(1.1, 1.1);
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 767px) {
    .arrow-bottom.slick-slider .slick-slide {
        transition: none
    }
    .arrow-bottom.slick-slider .slick-slide.slick-center {
        transform: scale(1, 1)
    }
}

.arrow-bottom.arrow-bottom--white .slick-arrow.slick-next i::before,
.arrow-bottom.arrow-bottom--white .slick-arrow.slick-prev i::before {
    color: #fff
}

.show-on-mobile {
    display: block
}

@media only screen and (min-width: 1199px) {
    .show-on-mobile {
        display: none
    }
}

.show-on-desktop {
    display: none
}

@media only screen and (min-width: 1199px) {
    .show-on-desktop {
        display: block
    }
}

.us-talk {
    padding: 35px 0;
    position: relative;
    background: #ffbe02
}

.us-talk__text {
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

.us-talk__text h1 {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: none;
    color: #4a4a4a;
    font-size: 24px;
    line-height: 26px
}

@media only screen and (min-width: 991px) {
    .us-talk__text h1 {
        font-size: 40px;
        line-height: 60px
    }
}

.us-talk__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

@media only screen and (min-width: 991px) {
    .us-talk__text p {
        font-size: 16px;
        line-height: 20px
    }
}

.us-talk__form {
    display: flex;
    justify-content: center;
    max-width: 1130px;
    padding: 0;
    margin: 0 auto 30px;
    border-radius: 20px
}

.us-talk__form h2 {
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: none;
    color: #4a4a4a;
    font-size: 24px;
    line-height: 26px
}

@media only screen and (min-width: 991px) {
    .us-talk__form h2 {
        font-size: 40px;
        line-height: 60px
    }
}

.vacancies-section {
    width: 100%
}

.vacancies-section__holder {
    margin: 0 auto;
    max-width: 80%
}

@media only screen and (max-width: 1199px) {
    .vacancies-section__holder {
        max-width: 100%
    }
}

.vacancies-section__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.vacancies-section__col {
    width: calc(50% - 15px);
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .vacancies-section__col {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .vacancies-section__col {
        margin-bottom: 18px
    }
}

@media only screen and (max-width: 991px) {
    .vacancies-section__col {
        width: calc(50% - 5px)
    }
}

.vacancies-section__col select {
    font-size: 22px;
    font-weight: 600;
    color: #0a5da9
}

@media only screen and (max-width: 1199px) {
    .vacancies-section__col select {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .vacancies-section__col select {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .vacancies-section__col select {
        font-size: 16px
    }
}

@media only screen and (min-width: 992px) {
    .vacancies-section__col select {
        height: 70px
    }
}

@media only screen and (max-width: 479px) {
    .vacancies-section__col select {
        font-size: 86%;
        padding-left: 10px
    }
}

.vacancies-section__list-item {
    color: #a3a3a3;
    font-size: 22px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(10, 93, 169, .5)
}

@media only screen and (max-width: 1199px) {
    .vacancies-section__list-item {
        font-size: 21px
    }
}

@media only screen and (max-width: 991px) {
    .vacancies-section__list-item {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    .vacancies-section__list-item {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
    .vacancies-section__list-item {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

.vacancies-section__list-item h3 {
    text-transform: none;
    color: #575354;
    transition: color .3s ease-in-out
}

.vacancies-section__list-item p {
    margin-bottom: 0
}

.vacancies-section__list-item:hover h3 {
    color: #0a5da9
}

.vacancies-section__list-link {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    text-indent: -9999px
}

.vacancies-section__list {
    padding: 0 20px
}

@media only screen and (max-width: 767px) {
    .vacancies-section__list {
        padding: 0
    }
}

.yellow--slider {
    position: relative
}

.yellow--slider::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: 0;
    width: 1000%;
    height: 170px
}

.yellow--slider__link {
    bottom: 0;
    right: 30px;
    margin-top: 0;
    position: absolute;
    margin-bottom: 19px;
    width: auto
}

.underground-listing .card-post__content h5 {
    margin-bottom: 0;
    word-break: break-word
}

.underground-listing .card-post__content p i {
    display: block;
    margin-top: 10px
}

.underground-listing .card-post__content>p {
    margin-top: 10px
}

.underground-listing.p2-knowledge-center .p2-advantage__slider.slick-slider .slick-slide {
    padding: 30px 16px 0
}

.insights-carousel {
    margin-top: -55px
}

.insights-carousel .carousel.p2-advantage__slider {
    padding: 0 50px
}

.insights-carousel .carousel.slick-initialized .slick-arrow.slick-prev {
    left: 15px
}

.insights-carousel .carousel.slick-initialized .slick-arrow.slick-next {
    right: 15px
}

.insights-carousel .p2-advantage__slider.slick-slider .slick-slide {
    padding: 30px 20px 0
}

@media only screen and (min-width: 767px) {
    .insights-carousel {
        margin-top: -155px
    }
}

@media only screen and (min-width: 991px) {
    .insights-carousel {
        margin-top: -210px
    }
}

@media only screen and (min-width: 1199px) {
    .insights-carousel {
        margin-top: -260px
    }
}

.insights-carousel .card-post__content p i {
    margin-bottom: 5px
}

.insights-carousel .insight-download {
    position: absolute;
    width: 30px;
    height: 30px;
    bottom: 0;
    margin-bottom: 19px;
    right: 15px;
    background: #009bea;
    border-radius: 50px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .05);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.insights-carousel .p2-advantage__slider.slick-slider .slick-slide {
    padding: 0 10px
}

@media only screen and (min-width: 767px) {
    .insights-carousel .p2-advantage__slider.slick-slider .slick-slide {
        padding: 0 20px
    }
}

.podcasts-carousel~.p2-testimonials-carousel {
    width: 90%;
    margin: 0 auto
}

.thrive360__banner {
    background: #ffbe00;
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .thrive360__banner {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.thrive360__banner h2 {
    font-style: italic;
    font-weight: 800;
    font-size: 60px;
    line-height: 64px;
    color: #fff;
    text-transform: capitalize
}

@media only screen and (min-width: 991px) {
    .thrive360__banner h2 {
        font-size: 70px;
        line-height: 74px
    }
}

@media only screen and (min-width: 991px) {
    .thrive360__banner h2 {
        font-size: 150px;
        line-height: 160px
    }
}

@media only screen and (min-width: 1199px) {
    .thrive360__banner h2 {
        font-size: 240px;
        line-height: 248px
    }
}

.thrive360__banner h2 .num {
    font-weight: 500
}

.thrive360__banner p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a;
    margin: 0 auto
}

@media only screen and (min-width: 767px) {
    .thrive360__banner p {
        width: 90%
    }
}

@media only screen and (min-width: 991px) {
    .thrive360__banner p {
        font-size: 24px;
        line-height: 30px
    }
}

.thrive360__slider {
    position: relative
}

.thrive360__slider::before {
    content: "";
    position: absolute;
    background-color: #ffbe02;
    top: 0;
    left: 0;
    width: 1000%;
    height: 50%
}

.thrive360__slider .card-post--blog .card-post__image {
    height: auto
}

.thrive360__slider .card-post__content h5 {
    margin-bottom: 0
}

.thrive360__slider .card-post__content p i {
    margin-bottom: 10px;
    display: block
}

.thrive360__slider .p2-advantage__slider.carousel.slick-initialized .slick-arrow {
    color: #fff !important;
    top: 40%
}

@media only screen and (min-width: 991px) {
    .thrive360__slider .p2-advantage__slider.slick-slider .slick-slide {
        padding: 50px 20px 0
    }
}

#sharing_post {
    background-color: #ffbe02;
    border-radius: 30px;
    width: 80%;
    margin-left: 55px
}

@media only screen and (min-width: 479px) {
    #sharing_post {
        margin: 0 auto
    }
}

#sharing_post::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 80px;
    height: 70px;
    background: #ffbe02;
    transform: skew(50deg)
}

#sharing_post h2 {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-transform: capitalize;
    text-align: left
}

@media only screen and (min-width: 991px) {
    #sharing_post h2 {
        font-size: 35px;
        margin-bottom: 30px
    }
}

#sharing_post button.mfp-close {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//close-circle.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-color: rgba(0, 0, 0, 0);
    width: 18px;
    height: 18px;
    top: 18px;
    right: 20px
}

@media only screen and (min-width: 479px) {
    #sharing_post button.mfp-close {
        top: 33px;
        right: 30px
    }
}

#sharing_post .popup__copy button {
    background: #009bea;
    border-radius: 30px;
    font-weight: 400
}

.yellow-banner {
    padding-bottom: 10px
}

.yellow-banner h2 {
    text-transform: uppercase
}

.podcasts-carousel h2 {
    line-height: 60px
}

.p2-podcast-listing h2 {
    margin-bottom: 20px
}

@media only screen and (min-width: 767px) {
    .p2-podcast-listing h2 {
        margin-bottom: 10px
    }
}

.harappa-insights .radio {
    padding-bottom: 100%;
    height: 100%
}

.harappa-underground .yellow--slider::before {
    height: 196px
}

.blog--top {
    margin-top: 30px
}

@media only screen and (min-width: 767px) {
    .blog--top {
        margin-top: 40px
    }
}

.hbspt-form {
    position: relative
}

.hbspt-form fieldset {
    display: flex;
    flex-wrap: wrap;
    max-width: none !important;
    justify-content: space-between
}

.hbspt-form .form-columns-2 {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.hbspt-form .form-columns-2 .hs-form-field {
    padding-left: 10px;
    padding-right: 10px
}

.hbspt-form .hs-submit {
    text-align: center
}

.hbspt-form .hs-submit .hs-button {
    height: 38px;
    background: #009bea;
    text-transform: capitalize;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, .15);
    border-radius: 19px;
    font-weight: 400;
    font-size: 16px;
    line-height: 11px;
    display: flex;
    align-items: center;
    letter-spacing: .02em;
    color: #fff;
    width: 100%
}

.media-contacts .hbspt-form .hs-submit .hs-button {
    width: 100%
}

.hbspt-form .hs-form-field {
    width: 100%;
    margin-bottom: 15px
}

.hbspt-form .hs-form-field .input {
    margin-right: 0 !important
}

.hbspt-form .hs-form-field .input ::-moz-placeholder {
    color: #ccc
}

.hbspt-form .hs-form-field .input ::placeholder {
    color: #ccc
}

.hbspt-form .hs-form-field .input .hs-input {
    resize: none;
    width: 100% !important;
    height: 40px;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 2px 2px rgba(204, 204, 204, .1);
    border-radius: 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #4a4a4a;
    padding: 0 20px
}

.hbspt-form .hs-form-field .hs-error-msg {
    font-size: 68%;
    color: #d9534f;
    margin: 0
}

.hbspt-form .hs-richtext {
    width: 100%;
    margin-bottom: 30px
}

.hbspt-form .hs-fieldtype-text>label,
.hbspt-form .hs-fieldtype-select>label,
.hbspt-form .hs-fieldtype-textarea>label {
    display: none
}

.hbspt-form .hs-fieldtype-text>label,
.hbspt-form .hs-fieldtype-phonenumber>label,
.hbspt-form .hs-fieldtype-select>label,
.hbspt-form .hs-fieldtype-textarea>label {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #4a4a4a;
    padding-left: 15px;
    margin-bottom: 5px
}

.hbspt-form select {
    background-image: url(/wp-content/themes/harappaeducation/dist/images//select-arrow.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 7px
}

.hbspt-form .hs-form-checkbox,
.hbspt-form .hs-form-booleancheckbox {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a
}

.media-contacts .hbspt-form .hs-form-checkbox,
.media-contacts .hbspt-form .hs-form-booleancheckbox {
    display: flex;
    justify-content: center
}

.hbspt-form .hs-form-checkbox span,
.hbspt-form .hs-form-booleancheckbox span {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #4a4a4a
}

.popup--form .hbspt-form {
    margin-top: 60px;
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .popup--form .hbspt-form {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .popup--form .hbspt-form {
        margin-top: 18px
    }
}

@media only screen and (max-width: 991px) {
    .popup--form .hbspt-form {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .popup--form .hbspt-form {
        margin-bottom: 18px
    }
}

.wpulike {
    position: relative;
    display: inline-flex
}

.wpulike .wp_ulike_general_class {
    align-items: center;
    display: inline-flex
}

.wpulike .wp_ulike_general_class:before {
    font-weight: normal;
    font-size: 120%;
    content: "";
    margin-right: 10px;
    font-family: "icomoon", sans-serif
}

.wpulike .wp_ulike_general_class .wp_ulike_btn {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    background-color: rgba(0, 0, 0, 0)
}

.wpulike .wp_ulike_general_class .wp_ulike_counter_up:after {
    content: "Likes"
}

.single-post .wpulike .wp_ulike_general_class:before,
.single-podcast .wpulike .wp_ulike_general_class:before {
    color: #ffbe02
}

.single-post .wpulike .wp_ulike_general_class .wp_ulike_counter_up,
.single-podcast .wpulike .wp_ulike_general_class .wp_ulike_counter_up {
    font-weight: 600;
    color: rgba(0, 0, 0, 0)
}

.single-post .wpulike .wp_ulike_general_class .wp_ulike_counter_up:after,
.single-podcast .wpulike .wp_ulike_general_class .wp_ulike_counter_up:after {
    color: #fff;
    font-weight: normal
}

.single-prime-program .wpulike:hover .wp_ulike_counter_up:after,
.campus-program-template-default .wpulike:hover .wp_ulike_counter_up:after,
.enterprise-program-template-default .wpulike:hover .wp_ulike_counter_up:after {
    color: #fff
}

.single-prime-program .wpulike .wp_ulike_counter_up,
.campus-program-template-default .wpulike .wp_ulike_counter_up,
.enterprise-program-template-default .wpulike .wp_ulike_counter_up {
    color: rgba(0, 0, 0, 0)
}

.single-prime-program .wpulike .wp_ulike_counter_up:after,
.campus-program-template-default .wpulike .wp_ulike_counter_up:after,
.enterprise-program-template-default .wpulike .wp_ulike_counter_up:after {
    color: #0a5da9
}

.wpulike-notification {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    right: 50%;
    bottom: 20px;
    transform: translateX(50%)
}

.wpulike-notification .wpulike-message {
    position: relative;
    pointer-events: auto;
    word-wrap: break-word;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 14px 15px;
    border-radius: 3px;
    background-color: #007bc3;
    color: #fff;
    -webkit-animation: wpUlikeNotifitcationsAnimation .2s backwards;
    animation: wpUlikeNotifitcationsAnimation .2s backwards;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .08);
    font-size: 14px;
    font-weight: 500
}

.wpulike-notification .wpulike-message:hover {
    opacity: .9;
    cursor: pointer
}

.wpulike-notification .wpulike-message.wpulike-success {
    background-color: #0a5da9
}

.wpulike-notification .wpulike-message.wpulike-error {
    background-color: #f47920
}

.wpulike-notification .wpulike-message.wpulike-warning {
    background-color: #ffbe02
}

@-webkit-keyframes wpUlikeNotifitcationsAnimation {
    from {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: .8;
        transform: translateY(0)
    }
}

@keyframes wpUlikeNotifitcationsAnimation {
    from {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: .8;
        transform: translateY(0)
    }
}

@media screen and (max-width: 768px) {
    .wpulike-notification .wpulike-message {
        padding: 11px 11px 11px 55px;
        font-size: 13px
    }
    .wpulike-notification .wpulike-message:before {
        background-size: 25px;
        width: 45px
    }
}

@media screen and (max-width: 320px) {
    .wpulike-notification {
        left: 10px;
        right: 10px
    }
    .wpulike-notification .wpulike-message {
        padding: 9px 9px 9px 45px;
        font-size: 12px;
        width: 100%
    }
    .wpulike-notification .wpulike-message:before {
        background-size: 15px;
        width: 35px
    }
}

@font-face {
    font-family: "icomoon";
    src: url("/wp-content/themes/harappaeducation/dist/fonts/icomoon/icomoon.eot?wk6nrk");
    src: url("/wp-content/themes/harappaeducation/dist/fonts/icomoon/icomoon.eot?wk6nrk#iefix") format("embedded-opentype"), url("/wp-content/themes/harappaeducation/dist/fonts/icomoon/icomoon.ttf?wk6nrk") format("truetype"), url("/wp-content/themes/harappaeducation/dist/fonts/icomoon/icomoon.woff?wk6nrk") format("woff"), url("/wp-content/themes/harappaeducation/dist/fonts/icomoon/icomoon.svg?wk6nrk#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^=icon-],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-right:before {
    content: ""
}

.icon-done:before {
    content: ""
}

.icon-history:before {
    content: ""
}

.icon-ios_share:before {
    content: ""
}

.icon-linkedin1:before {
    content: ""
}

.icon-arrow:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-down-arrow:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-quote:before {
    content: ""
}

.icon-quote-bottom:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-google-podcasts:before {
    content: ""
}

.icon-spotify:before {
    content: ""
}

.icon-play-btn:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-left-arrow:before {
    content: ""
}

.icon-like:before {
    content: ""
}

.icon-linkedin2:before {
    content: ""
}

.icon-right-arrow:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-whatsapp:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-arrow-right2:before {
    content: ""
}

.icon-arrow-left2:before {
    content: "î©€"
}

.icon-insta:before {
    content: "";
    color: #fff
}

.icon-p2-left:before {
    content: "";
    color: #ffbe00
}

.icon-p2-right:before {
    content: "";
    color: #ffbe00
}

.icon-cancel-circle:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1202;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: .75
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1203;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1205
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #fff;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1204
}

.mfp-preloader a {
    color: #fff
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1206;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 1;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset rgba(0, 0, 0, 0)
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid rgba(0, 0, 0, 0)
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid rgba(0, 0, 0, 0)
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1000px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px)and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        transform-origin: 0
    }
    .mfp-arrow-right {
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-container .mfp-close {
    font-size: 0;
    background-color: #fff;
    background-image: url(/wp-content/themes/harappaeducation/dist/images//close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% auto
}

@media only screen and (max-width: 991px) {
    .mfp-container .mfp-close {
        width: 34px;
        height: 34px
    }
}

@media only screen and (max-width: 767px) {
    .mfp-container .mfp-close {
        width: 24px;
        height: 24px
    }
}

.mfp-iframe-holder .mfp-container .mfp-close {
    top: -25px;
    width: 44px;
    right: -25px
}

.mfp-container .mfp-iframe-scaler iframe {
    margin: 0;
    box-shadow: none
}

.mfp-container .mfp-iframe-scaler .mfp-close {
    width: 44px;
    top: -25px;
    right: -25px
}

@media only screen and (max-width: 991px) {
    .mfp-container .mfp-iframe-scaler .mfp-close {
        width: 34px;
        top: -20px;
        right: -20px
    }
}

@media only screen and (max-width: 767px) {
    .mfp-container .mfp-iframe-scaler .mfp-close {
        width: 24px;
        top: -15px;
        right: -15px
    }
}

.mfp-video .mfp-container .mfp-content {
    border: 25px solid #fff
}

@media only screen and (max-width: 991px) {
    .mfp-video .mfp-container .mfp-content {
        border-width: 20px
    }
}

@media only screen and (max-width: 767px) {
    .mfp-video .mfp-container .mfp-content {
        border-width: 15px
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

@media only screen and (max-width: 991px) {
    .slick-slider .slick-list {
        overflow: visible
    }
}

.enterprises-statistics .slick-slider .slick-list {
    overflow: visible
}

.slick-slider .slick-dots {
    position: relative;
    z-index: 2;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px
}

.slick-slider .slick-dots li {
    margin: 0 4px
}

@media only screen and (max-width: 767px) {
    .slick-slider .slick-dots li {
        margin: 0 3px
    }
}

.slick-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    border: 0;
    border-radius: 10px;
    background: #0080af;
    transition: .3s ease-in-out;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .slick-slider .slick-dots li button {
        width: 6px;
        height: 6px
    }
}

.slick-slider .slick-dots li.slick-active button {
    width: 30px;
    background: #3cddf4
}

@media only screen and (max-width: 767px) {
    .slick-slider .slick-dots li.slick-active button {
        width: 16px
    }
}

.slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    font-size: 240%;
    color: #0a5da9;
    border: 0;
    background: rgba(0, 0, 0, 0);
    transform: translateY(-50%);
    cursor: pointer
}

.slick-slider .slick-arrow.slick-prev {
    left: -30px
}

@media only screen and (max-width: 1439px) {
    .slick-slider .slick-arrow.slick-prev {
        left: -20px
    }
}

.slick-slider .slick-arrow.slick-next {
    right: -30px
}

@media only screen and (max-width: 1439px) {
    .slick-slider .slick-arrow.slick-next {
        right: -20px
    }
}

.tab-section .slick-slider .slick-arrow {
    width: 55px;
    height: 55px;
    font-size: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.tab-section .slick-slider .slick-arrow.slick-prev {
    left: -65px
}

@media only screen and (max-width: 1439px) {
    .tab-section .slick-slider .slick-arrow.slick-prev {
        left: -40px
    }
}

.tab-section .slick-slider .slick-arrow.slick-next {
    right: -65px
}

@media only screen and (max-width: 1439px) {
    .tab-section .slick-slider .slick-arrow.slick-next {
        right: -40px
    }
}

.testimonials-carousel .slick-slider .slick-arrow.slick-prev {
    left: -20px
}

@media only screen and (max-width: 1439px) {
    .testimonials-carousel .slick-slider .slick-arrow.slick-prev {
        left: -10px
    }
}

@media only screen and (max-width: 1199px) {
    .testimonials-carousel .slick-slider .slick-arrow.slick-prev {
        left: -20px
    }
}

.testimonials-carousel .slick-slider .slick-arrow.slick-next {
    right: -20px
}

@media only screen and (max-width: 1439px) {
    .testimonials-carousel .slick-slider .slick-arrow.slick-next {
        right: -10px
    }
}

@media only screen and (max-width: 1199px) {
    .testimonials-carousel .slick-slider .slick-arrow.slick-next {
        right: -20px
    }
}

.interaction-blocks .slick-slider .slick-track,
.testimonials-carousel .slick-slider .slick-track,
.intro-blocks .slick-slider .slick-track {
    display: flex
}

.interaction-blocks .slick-slider .slick-track:after,
.interaction-blocks .slick-slider .slick-track:before,
.testimonials-carousel .slick-slider .slick-track:after,
.testimonials-carousel .slick-slider .slick-track:before,
.intro-blocks .slick-slider .slick-track:after,
.intro-blocks .slick-slider .slick-track:before {
    display: none
}

.interaction-blocks .slick-slider .slick-track .slick-slide,
.testimonials-carousel .slick-slider .slick-track .slick-slide,
.intro-blocks .slick-slider .slick-track .slick-slide {
    display: flex;
    height: auto
}

.slick-slider.carousel .slick-arrow {
    top: calc(50% - 20px)
}

/*# sourceMappingURL=app.css.map*/

.banner-1-child {
  position: relative;
  background-color: var(--blue);
  width: 1240px;
  height: 401px;
  z-index: 0;
}

.frame-child,
.get-financial-peace-of-mind-wi-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 593px;
  height: 282px;
}
.frame-child,
.get-financial-peace-of-mind-wi-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 593px;
  height: 282px;
}
  .get-financial-peace {
  margin: 0;
}
.get-financial-peace-container1 {
  line-break: anywhere;
  width: 100%;
}
.get-financial-peace-container {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: -1px;
  line-height: 64px;
  display: flex;
  align-items: center;
  width: 593px;
}

.popular-services,
.poster-5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.popular-services {
  align-items: center;
  gap: var(--gap-smi);
  text-align: center;
  font-size: var(--font-size-41xl);
  color: var(--color-darkslategray);
  font-family: var(--label);
}
.poster-5 {
  background-color: var(--default-white);
  overflow: hidden;
  padding: var(--padding-9xs) var(--padding-31xl);
  align-items: flex-start;
}

.divcard {
  position: relative;
  border-radius: 8.98px;
  background-color: var(--default-white);
  box-shadow: 0 6.734198570251465px 26.94px rgba(140, 152, 164, 0.13);
  width: 406.62px;
  height: 253.11px;
}

.divcard-parent {
  flex-direction: column;
  gap: var(--gap-20xl);
}
.divcard-parent,
.divflex-grow-12,
.pmb-03 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.divcard-parent,
  .group-parent1 {
    flex-direction: row;
  }
   .card-header .card-title{
	color: #fff !important;
  }
  .cr-breadcrumb-area {
    height: 250px;
}
.cr-breadcrumb {
    margin-top: 6%;
	text-align: center;
}
.brand-aera-two .slick-track{
	justify-content: center;
    display: flex;
	align-items:center;
}
.card-text{
	font-weight: 400;
}
.request-content-twos .btn{
	border: 1px solid #192847;
}
.card.h-100{
	width:100%;
}
.features-area-two{
	background-color: rgb(0, 106, 181);
}
.features-area-two .request-content-twos{
	padding: 50px 0;
}
.step-five{
	padding-top: 40px;
}

/*/DK styling*/
/* h3, .banner-content-two h2, .section-title-two .title, .section-title .title{
	font-weight:800;
    font-size: 16px;
} */
.panel-group .panel{
	margin-bottom: 30px;
}

/*new testimonials .slider*/

.testimonial {
	width: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
	/* background-color: #fff; */
	color: #3d5a80;
	padding: 30px 0;
    background: linear-gradient(135deg, rgb(119 176 233), #006bb3);
}
.testimonial-slide {
	padding: 40px 20px;
}
.testimonial_box-top {
	background-color: #e0fbfc;
	padding: 30px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	box-shadow: 5px 5px 20px rgba(152, 193, 217, 0.493);
}
.testimonial_box-icon {
	padding: 10px 0;
}
.testimonial_box-icon i {
	font-size: 25px;
	color: #14213d;
}
.testimonial_box-text {
	padding: 10px 0;
}
.testimonial_box-text p {
	color: #293241;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
}
.testimonial_box-img {
	padding: 20px 0 10px;
	display: flex;
	justify-content: center;
}
.testimonial_box-img img {
	width: 70px;
	height: 70px;
	border-radius: 50px;
	border: 2px solid #e5e5e5;
}
.testimonial_box-name {
	padding-top: 10px;
}
.testimonial_box-name h4 {
	font-size:18px;
	line-height: 25px;
	color: #293241;
	margin-bottom: 0;
	text-transform: uppercase;
}
.testimonial_box-job p {
	color: #293241;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 20px;
	font-weight: 300;
	margin-bottom: 0;
	text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
}
p{
	font-size: 14px;
}
.g-recaptcha {
    display: none;
}
.pg-blog-content table{
	width: 100% !important;
}
.pg-blog-content table th, .pg-blog-content table td {
	padding: 5px 10px;
}	
select.form-control:not([size]):not([multiple]){
	height: 40px;
}
.form-control, .form-control input{
	font-size: 0.9rem;
    font-weight:400;
	max-height: 40px;
}
textarea.form-control{
	max-height: initial;
}
.text-danger{
	font-size: 10px;
    margin-top: 8px;
    font-weight: 400;
}

.fxt-inner-wrap h6{
	font-size: 14px;

}
.card-body  ul li{
	position: relative;
	padding-left: 20px;
  }
.card-body ul li:before{
	position: absolute;
    content: '';
    border-style: solid;
    border-color: #219653;
    border-width: 0px 1.5px 1.5px 0;
    transform: rotate(45deg);
    width: 6px;
    height: 11px;
    top: 10px;
    left: 0;
  }
  .icon_login a{
	width: 40%;
    background: #fff;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    padding: 10px 30px;
    border-radius: 8px;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    float: left;
    margin-left: 15px;
    text-align: center;
  }
  .icon_login img{
    max-width: 100%;
    height: auto;
    width: 20%;
    float: left;
}
/*   .icon_login a:hover{
	background: #000;
  } */
  .about-area__content2 ul li{
	list-style: square;
	margin-bottom: 5px;
  }
  ul.cr-dropdown-menu.sub-menu a p{
	margin-bottom: 0;
}

/* account page */

.account_page .card-header{
	clip-path: none;
	height: auto;
	font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.account_page .card-header{
	flex-direction: row;
	grid-gap: 10px;
	justify-content: space-between;
    padding: 16px 20px;
}
.account_page .card-body ul li:before{
	content:none;	
}
.account_page a:visited{
	color: #575354;
}
.account_page a:hover{
	color: #0099df;
}
#navbarNavDropdown li{
	position: relative;
}
#navbarNavDropdown li .dropdown-menu{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    min-width: 230px;
    border: 1px solid #f5f5f5;
    background: var(--tg-white);
    margin: 0 0;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    -moz-box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    box-shadow: 0px 30px 70px 0px rgba(137, 139, 142, 0.15);
    border-radius: 5px;
    padding: 18px 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
}
#navbarNavDropdown li:hover > .dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.deshboard_nav{
	padding-top: 0;
    padding-bottom: 0;
}
#navbarNavDropdown li{
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#navbarNavDropdown li .dropdown-item{
	padding: 9px 15px 9px 25px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 400;
    color: var(--tg-secondary-color);
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 5px;
}
.card-body .heading-elements p{
	padding-left: 20px;
    position: relative;
}
.card-body .heading-elements p .fa-check{
	margin-right: -20px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.deshboard_nav{
	/* background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important; */
	background-color: #105ac7!important;
}
.pg-blog img, .blog__thumb img{
    /* height: 400px; */
}



@media screen and (max-width: 420px) {
    #msform .row {
        --bs-gutter-x: 30px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/**************************** Custom CSS *****************************/
.footer-top-two{
	background:#efefef;
}
.row.steps-section {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
}
.file-steps ul{
	margin:0;
	padding: 0;
	counter-reset: steps;
}
.file-steps ul li {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    background: #f0efef;
    padding: 10px 50px;
    counter-increment: steps;
    position: relative;
    border: solid #ccc 1px;
}
.file-steps ul li span {
    display: block;
    width: 100%;
    color: #1270c8;
    font-weight: 500;
    line-height: 1.7;
    font-size: 16px;
}
.file-steps ul li::before {
    content: "0" counter(steps);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 15px;
    background: #1270c8;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
}
.google-review p {
    margin-bottom: 0;
    padding: 10px 0;
}
.blog.sticky .blog__thumb:before{
	display:none;
}
.blog__thumb a img {
	width: 100%;
	height: auto;
	aspect-ratio: 1.1;
	object-fit: cover;
}
.blog__content__header h4 {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 28px;
    letter-spacing: 1px;
}
.request-content-two .title{
	font-size:28px!important;
}
.pg-blog-content h2 {
    font-size: 20px;
}
article.pg-blog h3 {
    font-size: 20px;
}
.cr-breadcrumb__pagination li {
    display: inline-block;
    font-weight: 600;
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
	position:relative;
	z-index:5;
}
.cr-breadcrumb-area:after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}
.pg-blog h2.pg-blog-title{
	font-size:25px;
}
form.pricing-form {
    background: #efefef;
    padding: 20px;
}
.pg-blog-meta li{
	font-weight: 600;
    color: var(--tg-primary-color);
}
.pg-blog{
	border:0!important;
}
.card .card-body strong{
	color:var(--tg-primary-color);
	text-transform: uppercase;
	font-size:14px;
	border-bottom:solid 2px;
	display:inline-block;
	font-weight:600;
}
.card-body{
	padding:2em;
}
.card-body ul {
    margin: 25px auto;
}
.card-body ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 15px;
    list-style: none;
}

.card-body ul li:before{
	border-color: #016ab5;
    border-width: 0px 2px 2px 0;
	top:6px;
}
form.pricing-form label {
    padding-top: 15px;
}
.card-body ul li{
    margin-bottom: 10px;
    font-size: 16px;
}
.pg-blog  .tr-gst-plan-description ul{
	margin:0;
}
.card-header{
	font-size:20px;
}
ul.list-group li.list-group-item.text-center.font-weight-bold {
    font-size: 16px;
    font-weight: 600;
}
.alert.alert-success {
    font-size: 14px;
}
.services-plan ul li{
    margin-bottom: 10px;
    font-size: 16px;
}
.services-plan p {
    font-size: 16px;
    padding: 0 30px;
    display: block;
    margin-top: 20px;
}
.pricing-form button.btn.btn-primary {
    margin-top: 20px;
}
.card-body.tr-gst-plan-description ul li{
	font-size:14px;
}
#dfr-139 h2 {
    font-size: 24px;
}
h2.h3.py-4 {
    color: #000;
}


/**********************  home CSS **************************/
.pricing-body {
    background: #00194c;
    color: #fff;  
    margin: 0;
    padding: 90px 0;
    margin: 30px 0px 60px;
}

.plan-card {
    color: #000;
    position: relative;
    overflow: hidden;
    background: rgb(0, 106, 181);
    padding: 80px 30px 90px 30px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    height: 100%;
    transition: all 1s ease;
    cursor: pointer;
}

.plan-card:hover {
    background: #01ab20;
    transform: translateY(-10px);
}


.plan-card h2 {
    font-size: 24px;
    color: #fff;
    line-height: 1.4;
}

.plan-card::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 100px;
  height: 100px;
  background-color: #0b1a2a;
  border-radius: 50%;
  z-index: 1;
}


.badge_sect {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 100px;
    height: 100px;
    background-color: #2ecc71;
    border-radius: 50%;
    z-index: 2;    
    display: flex;
    align-items: center;
    justify-content: center;
}
.badge_sect i {
    font-size: 30px;
    color: #fff;
    padding-right: 18px;
    padding-top: 17px;
}



.plan h2 {
  margin-top: 0;
}

.price_sect {
    font-size: 38px;
    color: #ff9900;
    font-weight: 900;
}

.price_sect span {
  font-size: 0.5em;
  color: #ccc;
}

.guarantee {
    background: #0047ab;
    padding: 10px;
    border-radius: 10px;
    margin: 15px 0;
    font-weight: bold;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.guarantee i {
    font-size: 20px;
}


.features {
    list-style: none;
    padding: 0;
    text-align: left;
    margin: 20px 0;
}

.features li {
    margin: 15px 0;
    position: relative;
    padding-left: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
}

.features li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-weight: normal;
}

.btn_sect {
    margin-top: 20px;
    background:#0b1a2a;
    border: none;
    color: white;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 24px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    display:block;
    font-weight: normal;
}

.btn_sect:hover {
    background: #fff;
    color: #000;
}

.card.mb-5.card-package {
    height: auto;
}

.bronze .price_sect {
  color: #ff9900;
}
.silver {
  background: #01ab20;
  color: #000;
}


.box_content .card.h-100 {
    width: 100%;
    transition: all 0.3s ease;
}
.box_content .card.h-100:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-5px);
    background: #f1efef;
}

.blog-area__blogs .blog {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 !important;
}

.blog-area__blogs .blog .blog__content.p-1 {
    padding: 30px !important;
}

.blog-area__blogs footer.blog__content__footer p {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.blog-area__blogs header.blog__content__header{padding-top: 0px;}

.blog-area__blogs .blog:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}

.features-area-two .request-content-twos p {
    color: #fff;
}

section.features-area-two.features_inner {
    background-color: rgb(0, 106, 181);
    padding: 50px 0;
}

.features-area-two .request-content-twos {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding: 0;
}

.pricing-plan-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 50px;
    text-align: center;
}
.pricing-plan-text h4 {
  	color: #fff;
  	letter-spacing: 1px;
  	margin-bottom: 10px;
  	font-weight: bold;
}
.divider {
  	width: 30px;
  	height: 3px;
  	background-color: #fff;
  	margin: 0 auto 20px;
  	border-radius: 2px;
}
.pricing-plan-text h5 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #fff;
}
.pricing-plan-text p {
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    line-height: 1.5;
    text-align: center;
}

.tab-buttons {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
  padding: 0 15px;
  margin-bottom:-50px;
}

.tab-button-price {
  padding: 15px 30px;
  background-color: #000;
  color: white;
  border: none;
  cursor: pointer; 
  font-size: 20px;
  text-transform: uppercase;
}

.tab_button_1 {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.tab_button_2 {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.tab-button-price.active {
  background-color: #0073cc;
}

.tab-button-price:hover{background-color: #01ab20; opacity: 1;}

.tab-content-inner {
    display: none;
    margin: 0 auto;
}

.tab-content-inner.active {
  display: block;
}

.testimonial .WidgetTitle__Header-sc-581bc1ec-2.dLkQRC {
    color: #fff;
}

.plan-card p em {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}


.what-wesectn {
    padding: 0 30px;
}







.how_it_works {
    background: #fff;
    padding: 60px 0;
}

#tsum-tabs {
    margin-bottom: 1rem;
}


.main_heading {
    text-align: center;
    margin-top: 0;
    color: #000;
    font-size: 32px;
    font-style: normal; 
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.how-it-works {
    position: relative;
    padding: 50px 0;  
    margin: 30px auto 0;
}

.how-it-works::before, .how-it-works::after {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background-color: #E5F6FF;
    border-radius: 50%;
    color: #000;
    left: 50%;
    transform: translateX(-50%);
    line-height: 60px;
    z-index: 1;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}


.how-it-works::before {
    top: 0;
    content: 'Start';
}

.how-it-works::after {
    content: 'End';
    bottom: 0;
}

#tsum-tabs ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.how-it-works li {
    position: relative;
    list-style-type: none;
    display: inline-block;
    width: 100%;
}

.how-it-works li::before {
    content: '';
    background: #dc4a38;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

.how-it-works .first .content-title, .how-it-works .first::before {
    background-color: #01ab20;
}

.how-it-works .forth .content-title, .how-it-works .forth::before {
    background-color: #ff9900;
}

.how-it-works .second .content-title::before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #016ab5;
    right: -20px;
}

.how-it-works .forth .content-title::before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ff9900;
    right: -20px;
}

.how-it-works .fifth .content-title, .how-it-works .fifth::before {
    background-color: #3d5a80;
}

.how-it-works .fifth .content-title::before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #3d5a80;
    left: -20px;
}

.how-it-works li .content {
    position: relative;
    width: 45%;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 4px 60px 30px #0000000d;
}

.how-it-works li:nth-child(odd) .content {
    left: 53%;
}

.how-it-works .content-title {
    padding: 20px;
    display: flex;
    align-items: center;
    position: relative;
}



.how-it-works .first .content-title::before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #01ab20;
    left: -20px;
}

.how-it-works .content-title .count {
    font-size:50px;
    font-weight: 700;
    margin-right: 10px;
    color: #fff;
    line-height: 0;
    width: 70px;
}

.how-it-works .content-title .heading_btm {
    font-size: 24px;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
   width: 100%;
}

.how-it-works .content-wrap {
    padding: 20px;
}

.how_it_works p {
    text-align: center;
    color: #000;
    font-size: 18px;
}

.how-it-works .content-wrap p {
    margin: 0;
}



.how-it-works li:nth-child(even) .content {
    left: 2%;
}

.how-it-works .second .content-title, .how-it-works .second::before {
    background-color: #016ab5;
}

.how-it-works .third .content-title, .how-it-works .third::before {
    background-color: #DBF495;
}

.how-it-works li:nth-child(odd) .content {
    left: 53%;
}

.how-it-works li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: #dfdfdf;
}

.how-it-works .third .content-title, .how-it-works .third::before {
    background-color:#00194c;
}

.how-it-works .third .content-title::before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #00194c;
    left: -20px;
}

.step_box .card .card-body ul li:before {
    top: 5px;
}

.step_box .card {
    background-color: #fff;
    border-radius: 16px;    
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    width: 100%;
    border: none;
    margin-bottom: 70px;
}

.step_box .card-body ul li {
    margin-bottom: 10px;
    font-size: 16px;    
    background-color: #f4f8ff;
    padding: 15px 70px;
    border-radius: 10px;
    margin-bottom: 16px;
    box-shadow: inset 0 0 0 1px #e0e7ff;
}

.step_box .card .card-body ul li:before {
    top: 11px;
    content: '✓';
    color: #1a73e8;
    background-color: #e1ecff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    left: 20px;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

form.pricing-form {
    background: #ffffff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

form.pricing-form input, form.pricing-form textarea {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    font-size: 16px;
    width: 100%;
}

.services-plan_step ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.services-plan_step ul li {
    margin: 15px 0;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    list-style: none;
}

.services-plan_step ul li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-weight: normal;
}

.services-plan_step p {
    font-size: 16px;
    color: #000;
}





.stepper-widget{padding: 50px 30px;}

.stepper-widget ul {
    position: relative;
    z-index: 1;
    padding: 0;
}

.stepper-widget ul li {
    margin: 60px 0;
    position: relative;
    padding-left: 50px;
}

.stepper-widget ul li::before {
    content: "";
    position: absolute;
    left: 11.5px;
    bottom: -35px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #dcdee0;
}
.stepper-widget ul li:last-child::before{display:none;}
.stepper-widget ul li a {
    display:block;
    font-size: 16px;
    color: #000; 
    font-weight: 400;
    text-align: left;
}

.stepper-widget ul li.active a {
    color:#026ab2;   
    font-weight: 500;
}

.stepper-widget ul li a .number {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #f5f7fa;
    border: 1.5px solid #dcdee0;
    text-align: center;
    line-height: 29px;
    display: inline-block;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top:-2px;
}

.stepper-widget ul li.active a .number {
    background-color: #026ab2;
    border: none;
    color: #fff;
}

.stepper-widget ul li a .number i {
    display: none;
    font-size: 16px;
    line-height: 28px;
}

.stepper-widget ul li a .number span {
    color: #000;    
    font-weight: 400;
    font-size: 16px;
}

.stepper-widget ul li.active a .number span {
    color: #fff;
}

.stepper-widget ul::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 15px;
    bottom: 10px;
    z-index: -1;
    border-left: 2px solid #dcdee0;
}

.insta-efiling {
    margin: 50px 0;
}

.form_container {
    background: #f5f7fa;
    padding: 50px 30px;
}

form#msform h2 {
    margin-bottom: 50px;
}

div#form-field-part {
    background: #f9fafe;
}

/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 30px;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

/*inputs*/
#msform select {

    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;   
    transition: border-color 0.3s ease;
}

#msform select:hover {
    box-shadow: 0 0 5px rgba(0, 102, 204, 0.2);
}

#msform input:hover,
#msform textarea:hover {box-shadow: 0 0 5px rgba(0, 102, 204, 0.2);}

#msform input,
#msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
    transition: border-color 0.3s ease;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}

/*buttons*/
#msform .action-button {
    width: 100px;
    background: #ee0979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    width: 100px;
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}

/*headings*/
.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 25%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0 auto 10px auto;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1;
    /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
    background: #ee0979;
    color: white;
}


/* Not relevant to this form */
.dme_link {
    margin-top: 30px;
    text-align: center;
}

.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}

.dme_link a:hover,
.dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}

input[type="checkbox"] {
    display:grid!important;
}
#show_gstin label{
    padding-left:3px!important;
}


.row{
    justify-content:normal!important;
}
.insta-efiling #msform label.col-md-4.text-left{
    padding-left: 0px;
}

.insta-efiling .input-group{margin-bottom: 15px;}
.insta-efiling #msform label {
    padding-left:0px;
}

.stepper-widget ul li a .number i {
    display: none;
    font-size: 16px;
    line-height: 28px;
}

.stepper-widget ul li.complete a .number i {
    color: #2ac769;
    display: block;
    font-size: 12px;
    line-height: 29px;
}

.stepper-widget ul li.complete a .number {
    background-color: #fff;
    border-color: #2ac769;
}

.stepper-widget ul li.complete a .number span {
    display: none;
}

.checkbox_align {
    align-items: center;
}

.services__table table th,
.services__table table td {
  padding: 10px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.services__table table th {
  background-color: #e7f1fa;
  color: #333;
  font-weight: bold;
}

.services__table table tr:last-child td {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.payment_btm button.btn.btn-success {
    float: left;
}

.row.payment_btm form {
    display: flex;
    gap: 20px;
}

.insta-efiling-step1 .pricing-body{display:none;}



.top-text{
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.top-text span {
    background: linear-gradient(90deg, #016ab5, #01ab20);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner_content h1 {
    font-size: 2rem;
    font-weight: normal;
    color: #016ab5;
    margin-bottom: 1.25rem;
    line-height: 1.15;
    text-transform: capitalize;
}

.banner_content p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    color: #000;
    font-weight: 400;
}

 .btn-section {
  display: inline-block;
  background: #01ab20;
  color: #fff;
  padding: 0.85rem 2.5rem;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: 0.25s;
}
.btn-section:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px -8px rgba(0, 0, 0, 0.25);
  color: #fff;
}


.box_mid {
    justify-content: center;
    display: flex;
    align-items: center;
}

.banner_section {
    padding: 100px 0;
}

.banner_media {
    padding: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle at 40% 50%, #b3ecff, #a8e6cf, #ffe0b2, #f8bbd0, #ffffff);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-radius: 30px;
}

.image-container {
  position: relative;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 40px;
}

.text-overlay {
    position: absolute;
    top: 55%;
    left: 10%;
    transform: translate(0%, -50%);
    text-align: left;
}

.primary-heading {
    color: #fff;
    font-size: 3.25rem;
    font-weight: 300;
    margin: 0px 0 8px;
    text-transform: capitalize;
    line-height: normal;
}

.secondary-heading {
    color: #ffda99;
    font-size: 2rem;
    margin-bottom: 30px;
}

.section-benefits {
    padding:60px 0;
}

.how_it_works.get-started {
    padding-bottom: 0;
}

.head-title {
    color: #000;
    font-size: 2.25rem;
    line-height: 1.4em;   
    text-align: center;
    text-transform: capitalize;
}

.section-benefits .head-title {
    margin: 0;
}

.faq-box .head-title {
    text-align: left;
    font-size: 1.75rem;   
}

.section-benefits span {
    color: #767479;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 3em;
    text-align: center;
    display: block;
}

.section-benefits-items {
   
    padding: 0 60px;
    margin-bottom: 30px;
}

.section-benefits-items h4 {
    color: #1e1e1e;
    font-size: 1.25rem;
    margin: 15px 0;
}

.section-benefits-items p {
    color: #000;
}

.faq-container {
    display: flex;
    gap: 50px;
    margin-top: 40px;
}

.faq-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.faq-question {
    border-radius: 16px;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 28px;   
    max-width: 575px;
    padding: 35px 45px 35px 25px;
    position: relative;
    width: 100%;
    color: #000;
}

.faq-question.active {
  background-color: #e8d3f7; /* Light purple */
}

.faq-right {
  flex: 1;
}

.faq-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

.faq-answer {
  font-size: 16px;
  color: #666;
  line-height: 1.7;
}

.bottom-section{position: relative;}

.bottom-text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.bottom-text-overlay .primary-heading {
    color: #000;
    font-weight: 700;
    font-size: 40px;
}

.bottom-text-overlay .secondary-heading {
    font-family: 'UnifrakturCook', cursive;
    font-size: 24px;
    color: #5d2c91;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

.faq-box {
       margin: 60px 0;
}

.listing_btm {
    text-align: center;
    padding: 0px 0 50px;
}
.listing_btm span {
    color: #767479;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 1em;
    text-align: center;
    display: block;
}

.listing_btm p {
    color: #000;
    font-size: 14px;
}

.box-section {
    margin-top: 90px;
}

.box-card {
    border-radius: 25px;
    padding: 40px;
    background: #f2f2f2;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    gap: 14px;
    height: 100%;
}

.box-card:hover {
    background: #01ab2033;
}

.box-card i {
    font-size: 50px;
}

.box-card h3 {
    margin: 0;
    color: #000;
}

.box-card p {
    color: #000;
}

.m_b {
    margin-bottom: 30px;
}


.swiper {
  width: 100%;
  margin-bottom: 20px;
}

.thumbSwiper .swiper-slide {
  opacity: 0.4;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thumbSwiper .swiper-slide-thumb-active {
  opacity: 1;
  border-bottom: 3px solid #0169b5;
}



.mainSwiper .testimonial-swiper {
  background: #111;
  color: #fff;
  padding: 50px;
  border-radius: 15px;
  display: flex;
  gap: 20px;
  align-items: center;
}

.mainSwiper .testimonial img {
  
  border-radius: 10px;
  object-fit: cover;
}

.testimonial-content {
    flex: 1;
}

.testimonial-img {
    flex: 1;
}





.banner_bottom {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.banner_bottom:hover {
  transform: translateY(-5px);
}

.banner_bottom_img {
  width: 100%;    
}

.bottom_content_box {
  padding: 20px;
}

.bottom_content_box .box-title{
  font-size: 1.1rem;
  font-weight: 600;
  color: #1e3a8a;
  margin-bottom: 8px;
}

.bottom_content_box .box-subtitle {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 12px;
}

.bottom_content_box .box-text {
  font-size: 0.9rem;
  color: #333;
}

.bottom_content_box .arrow {
  text-align: right;
  padding: 10px 20px;
  background: #00194c;
  color: white;
  font-size: 20px;
  border-top: 1px solid #eee;
  margin-top: 20px;
}

.bottom_content_box .arrow:hover {
  background: #3b5998;
}

.banner_bottom_img img {
    width: 100%;
}
.bottom_content_box .arrow a.link-arrow {
    color: #fff;
}

.banner_bottom_info{margin-bottom:50px;}

/**********************  Responsive CSS **************************/

@media only screen and (max-width : 480px){
.form_container button.float-right { display: block; margin: 0 auto 10px;}
.how-it-works { padding: 0;}
body .how-it-works li:nth-child(odd) .content, body .how-it-works li:nth-child(even) .content, body .how-it-works li .content {left: 0;width: 100%;max-width: 100%;}
.how-it-works .content-title::before{display:none;}
.how-it-works .first .content-title::before, .how-it-works li::after, .how-it-works::before, .how-it-works::after, .how-it-works li::before{display: none;}
body .how-it-works .content-title .count { width: 50px;}
.banner-content-two .banner-btn ul{flex-direction: column;gap:0;}
.banner-content-two .banner-btn ul li{margin-bottom:10px;width: 100%;max-width:250px;}
.icon_login a{width:45%;}
.icon_login a {width: auto; margin-bottom: 20px;}

}
@media only screen and (max-width : 767px){
.banner_bottom_info{margin-bottom:30px;}
.bottom_flex {gap: 20px 0;}
 .faq-container { flex-direction: column; }
.insta-efiling-view form#msform {padding: 30px;}
body #msform .row {padding-left: 15px; padding-right: 15px;}
.services__table {overflow-x: auto; width: 100%; padding: 15px;}
.services__table table {width: 100%;border-collapse: collapse; white-space: nowrap; min-width: 600px;}
.insta-efiling #msform .form-check label {text-align: right;}
.stepper-widget ul li a .number{top: -7px;}
div#user-document-container .col-md-2 { width: 100%; text-align: left;}
#msform .row { padding-left:0px;  padding-right:0px;}
.custom-dk .m_b0 {text-align: center !important;display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
form#msform h2 { margin-bottom: 20px;}
 form#msform { padding: 0; margin-top: 0;}
.cr-breadcrumb { margin-top: 0; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}
.cr-breadcrumb-area .container { position: static;}
.step_container2 {order: 2;}
.step_container1 {order: 1;}
.step_container3 {order: 0;}
.followup .pg-blog { padding: 0;}
form.pricing-form {padding: 15px;}
.followup .card-body {padding: 15px;}
.followup .card-body ul { padding: 0;}
.step_box .card .card-body ul li:before {left: 10px;}
.step_box .card-body ul li {padding: 15px 10px 15px 50px;}
.step_box .card{margin-bottom: 25px;}
.cr-breadcrumb-area {background-position: center;   position: relative;}
.main_heading { font-size: 24px; max-width: 100%;}
.how_it_works {padding: 30px 0;}
.how-it-works .content-title .heading_btm{font-size: 16px;}
.how-it-works .content-title .count{font-size: 24px; margin-right: 5px; width: 35px;}
.how-it-works li:nth-child(odd) .content, .how-it-works li:nth-child(even) .content, .how-it-works li .content{left:15%; width: 100%;  max-width:80%;}

.how-it-works::before, .how-it-works::after, .how-it-works li::before {left:24px;}
.how-it-works .second .content-title::before {border-left: none; border-right: 20px solid #016ab5; left: -20px;}
.how-it-works .forth .content-title::before {border-left: none; border-right: 20px solid #ff9900; left: -20px;}
.how-it-works li::after { left:24px;}
.how_it_works p {font-size: 14px;}
.how-it-works li {padding-top: 5px;}
.pricing_bg { display: none;}
.pg-blog-content{padding-bottom: 20px;}
.tab-button-price {padding: 10px;font-size: 14px; line-height: 24px;}
.insta-efiling { margin: 0;}
.stepper-widget ul li{padding-left: 45px; margin: 45px 0;}
.stepper-widget ul li a{font-size: 13px;}
.stepper-widget { padding: 30px 15px;}
.stepper-widget ul li::before{bottom: -26px;}
.stepper-widget ul li:last-child { margin-bottom: 0;}
.form_container {padding: 20px 15px; margin-bottom: 15px;}
.banner-content-two .banner-btn ul li{width: 100%;max-width:250px;}
.banner-content-two .banner-btn ul li a.btn{display:block;}
.banner-content-two .banner-btn ul li a.btn::after{position:absolute;right:15px;}
.file-steps{margin-left:0;padding:0;}
.step-five h3{font-size:15px;}
.navbar-nav{display: block!important;}
.navbar-nav.list-wrap li{display: inline-block;	padding: 5px 0;}
.navbar-nav.list-wrap li .nav-link {padding: 0.2rem 0.3rem; font-size: 12px; }
.copyright-text-two p{font-size:12px;}
.project-content{padding:10px;}
.pg-blog h2.pg-blog-title {font-size: 22px;}
.cr-breadcrumb__pagination li{font-size:20px;}
.services-plan ul li{font-size:14px;}
	
}



@media only screen and (max-width : 991px) {

.transparent-header{overflow-x: hidden;}
.banner-content-two h2{	font-size:30px;}
.row.steps-section{	flex-direction: column;	}
.google-review {display: flex;align-items: center;justify-content: center;}
.what-wesectn h3{font-size:14px;line-height: 1.7;}
.row.steps-section{	width:auto;}
.file-steps ul li span{	font-size:14px;}
.file-steps ul li{	font-size:14px;	padding:13px 25px 13px 48px;}
.section-title .title{font-size:18px!important;}
.pricing-head .title{font-size:17px;}
.blog-area{	padding: 30px 0 0 !important;}
.blog-area .section-title h2{font-size:18px;}
.blog__content__header h4{font-size:16px;	}
.request-content-twos h3.title {font-size:16px;}
}


@media only screen and (max-width : 992px){

.pricing-body{padding: 40px 0;}
.pricing-plan-text{margin-bottom: 25px;}
.plan-card h2 {font-size: 18px; line-height: 1.5;}
.guarantee{font-size: 13px; line-height: 24px;}
.price_sect{line-height: 30px; font-size: 30px;}
.plan-card{padding: 80px 15px 90px 15px;}
.box_sect {margin-bottom: 20px;}
.features li{font-size: 14px;}
.blog-area .section-title.text-center { margin-bottom: 20px;}
.mobile-menu .navigation li.col-md-3{flex:100%; width:100%;	}
.mobile-menu .navigation li ul li > a{font-size:15px;}
.project-item .project-content { margin: 0;  padding: 20px; }
.project-item .project-content h4{font-size: 14px;}
.testimonial{height:100%;}
.footer-bottom-two{padding:15px 0!important;}
.card-text{font-size:13px;}
.request-area-two{padding-top:50px;	}
article.pg-blog h3{font-size:17px;}	
.card-body.tr-gst-plan-description{padding: 0 10px;}
.card-body.tr-gst-plan-description ul li{font-size:11.5px;}
.card-package .card-header h5.card-title{font-size:14px!important;}
}



@media only screen and (min-width: 768px) and (max-width:991px){
.how-it-works .content-title .heading_btm{font-size: 16px;}
.how-it-works .content-title .count{font-size: 30px; margin-right: 5px; width: 60px;}
.how_it_works p {font-size: 14px;}
.stepper-widget ul li{padding-left: 45px;}
.stepper-widget ul li a{font-size: 15px;}
.insta-efiling { margin: 0;}
.stepper-widget ul li::before{bottom: -10px;}
div#user-document-container .col-md-5 { width: 50%;}
div#user-document-container .col-md-2 { width: 100%; text-align: left;}
}


@media only screen and (min-width: 992px) and (max-width:1023px){
.how-it-works .content-title .heading_btm{font-size: 18px;}
.how-it-works .content-title .count{font-size: 30px; width: 40px;}
.blog-area .section-title.text-center { margin-bottom: 40px;}
.how_it_works p{font-size: 16px;}

.pricing-body{padding: 40px 0;}
.pricing-plan-text{margin-bottom: 25px;}
.plan-card h2 {font-size: 18px; line-height: 1.5;}
.guarantee{font-size: 13px;}
.price_sect{line-height: 30px;}
.box_sect {margin-bottom: 20px;}
.features li{font-size: 14px;}
.price_sect {line-height: 30px; font-size: 30px;}
.stepper-widget ul li{padding-left: 45px;}
.stepper-widget ul li a{font-size: 15px;}
.menu-nav .navbar-wrap ul li a{	font-size:15px;padding:32px 10px;}
.banner-bg-two{	min-height:auto!important;}
.what-wesectn h3{	font-size:18px;line-height: 1.7;}
.request-content-twos h3.title{	font-size:20px;	}
.testimonial_box-text p{	-webkit-line-clamp: 3;-webkit-box-orient: vertical;	line-clamp: 3;}
.testimonial_box-name h4{font-size:14px;}
.project-item .project-content h4 { font-size: 16px; }
.section-title .title { font-size: 22px !important;}
.pricing-head .title{font-size:16px;}
.card-package .card-header h5.card-title{font-size:14px!important;}
.card-body.tr-gst-plan-description ul li { font-size: 11.5px; }
.card-package .card-header h5.card-title {font-size: 14px !important; }
div#user-document-container .col-md-5 { width: 50%;}
div#user-document-container .col-md-2 { width: 100%;}
}

@media only screen and (min-width:1024px) and (max-width:1279px){
.pricing-body{padding: 40px 0;}
.pricing-plan-text{margin-bottom: 25px;}
.plan-card h2 {font-size: 18px; line-height: 1.5;}
.guarantee{font-size: 13px;}
.price_sect{line-height: 30px;}
.box_sect {margin-bottom: 20px;}
.features li{font-size: 14px;}
.price_sect {line-height: 30px; font-size: 30px;}

.how-it-works .content-title .heading_btm{font-size: 18px;}
.how-it-works .content-title .count{font-size: 34px; width: 50px;}
div#user-document-container .col-md-5 { width: 50%;}
div#user-document-container .col-md-2 { width: 100%;}

}