:root {
	--theme-colour: #ED1F24;
	--common-colour: #1A3665;
	--common-font: "Helvetica";
}
body,
html {
	font-family: "DM Sans";
	overflow-x: hidden;
}
.gap {
	padding-top: 120px;
	padding-bottom: 120px;
}
.no-top {
	padding-top: 0;
}
.no-bottom {
	padding-bottom: 0;
}
/* 01. header-top */

header {
	/* position: absolute; */
	width: 100%;
	z-index: 2;
}
/* 02. navbar */
.navbar {
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	padding: 0;
	margin-left: auto;
	margin-right: 40px;
}
.navbar-logo {
	color: #ff3f34;
	text-decoration: none;
	font-size: 25px;
	padding: 0px 20px;
}
.navbar-links {
	list-style-type: none;
	display: flex;
	margin:0px;
}
.navbar-links li{
	margin:0 20px;
}
.navbar-links li:first-child{
	margin-left:0;
}
.navbar-links li:last-child{
	margin-right:0;
}
.navbar-links li:not(:last-child) {}
.navbar-links li a {
	display: block;
	text-decoration: none;
	color: #707070;
	transition: 0.4s all;
}
.navbar-links li.menu-item {
	position: relative;
}
.navbar-links li.menu-item::after{
	content: "";
	position: absolute;
	height: 100%;
	width: 2px;
	background: #1A3665;
	top: 0;
	bottom: 0;
	right: -21px;
}
.navbar-links li.menu-item:last-child::after{
	content:none;
}
.navbar-links li.menu-item:hover .dropdown {
	visibility: visible;
	opacity: 1;
	transform: translatex(0px);
	z-index: 1111;
}
.navbar-links li.menu-item .dropdown {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	transform: translatex(50px);
	left: 0;
	width: 230px;
	box-shadow: 0px 10px 10px 3px hsl(0deg 0% 0% / 16%);
	z-index: 111;
	transition: 0.4s all;
}
.navbar-links li.menu-item .sub-menu a {
	/* font-size: 15px; */
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	/* font-weight: 600; */
	border: 0;
	position: relative;
	text-transform: capitalize;
	color: #000;
	background-color: #fff;

	font-family: Philosopher;
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
}
.navbar-links li.menu-item .sub-menu a:hover{
	color: var(--theme-colour);
}
.navbar-links li.menu-item .dropdown a:hover {
	color: var(--theme-colour);
}
.navbar-links li.menu-item .dropdown a:not(:last-child):before {
	content: "";
	z-index: 11;
	position: absolute;
	height: 1px;
	background-color: #58585829;
	width: 75%;
	bottom: 0;
}
.navbar-links li:hover > a,
.navbar-links li.current-menu-item > a {
	/* border-bottom: 5px solid var(--theme-colour); */
	color:var(--theme-colour);
}
.navbar-links li > a {
	color: #1A3665;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 16px;
}
header.style5 nav ul li.menu-item-has-children > a::before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 45px;
	top: 10px;
	font-size: 10px;
	left: auto;
}
.hamburger-icon {
	display: flex;
	align-items: center;
	justify-content: end;
}
.hamburger-icon svg {
	width: 25px;
	height: 25px;
	fill: black;
	margin-right: 20px;
	display: block;
}
.header-search > a {
	background-color: var(--theme-colour);
	padding: 17px 30px;
	border-radius: 5px;
	border: 3px solid var(--theme-colour);
}

header ul.social-media a {
	padding: 0;
	border: 0;
	margin: 0;
	width: auto;
	height: auto;
	border: 0;
	display: block;
}
header ul.social-media {
	margin: 0;
}
/* 03. two-bar */
.two-bar {
	/* background-color: #069151cc; */
	padding: 15px 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 12px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.logo {
	z-index: 1;
}
.header-search svg {
	fill: #fff;
	width: 20px;
	margin-right: 16px;
}
header ul.social-media i {
	height: 0;
	width: 50px;
	border: 0;
	background-color: transparent;
	color: #fff;
}
header ul.social-media li {
	position: relative;
}
header ul.social-media li:not(:last-child):after {
	top: 5px;
	content: "";
	width: 1px;
	height: 14px;
	position: absolute;
	background-color: #353d46;
	right: 19px;
}
header ul.social-media i:hover {
	color: var(--theme-colour);
}

/* 04. mobile-nav */
.mobile-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	background-color: #000;
	padding: 50px 40px 15px;
	z-index: 5;
	transition: 0.45s ease-in-out;
	transform: translateX(-101%);
	-webkit-transform: translateX(-101%);
	-moz-transform: translateX(-101%);
	-o-transform: translateX(-101%);
	overflow-y: auto;
}
.mobile-nav ul li a svg {
	width: 11px;
}
.for #nav-icon4 {
	color: black;
}
#nav-icon4 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon4 span:nth-child(2) {
	top: 13px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
.responsive-bar {
	display: none;
}
#nav-icon4 span:nth-child(3) {
	top: 25px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -3px;
	left: 8px;
}

#nav-icon4.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 35px;
	left: 8px;
}

i#nav-icon4 {
	display: none;
}
#nav-icon4 {
	width: 40px;
	height: 25px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	display: none;
	font-size: 25px;
	color: white;
}

#nav-icon4 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
.mobile-nav > ul > li.menu-item-has-children:before {
	color: #fff;
	position: absolute;
	top: 17px;
	right: 0;
	font-family: "Font Awesome 5 Free";
	content: "\f054";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	font-size: 11px;
}
.mobile-nav > ul > li.menu-item-has-children.active:before {
	transform: rotate(90deg);
	color: var(--theme-colour);
}
.mobile-nav > ul > li {
	position: relative;
	border-bottom: 0px solid #d4d4d4;
	padding: 10px 0;
	display: block;
}
.mobile-nav > ul > li:not(:last-child) {
	border-bottom: 1px solid #5b5b5b;
}
.mobile-nav > ul li > a {
	font-size: 14px;
	line-height: 26px;
	text-transform: capitalize;
	color: #fff;
}
.mobile-nav > ul > li > a {
	font-size: 16px;
	line-height: 30px;
}
.mobile-nav > ul > li.menu-item-has-children > ul.sub-menu {
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 5px;
	position: absolute;
	height: 0;
	opacity: 0;
	visibility: hidden;
	transform: translatey(15px);
	-webkit-transform: translatey(15px);
	-moz-transform: translatey(15px);
	-o-transform: translatey(15px);
	border-top: 1px solid #5b5b5b;
	margin-top: 8px;
}
.mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu {
	position: relative;
	height: auto;
	opacity: 1;
	visibility: visible;
	transform: translatey(0);
	-webkit-transform: translatey(0);
	-moz-transform: translatey(0);
	-o-transform: translatey(0);
	transition: 0.5s;
}
.mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu li {
	padding: 5px 0;
	position: relative;
}
.res-log img {
	width: auto;
}
.mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu li:before {
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: -13px;
	background-color: var(--theme-colour);
}
.res-log {
	margin-bottom: 30px;
}
.res-rights p {
	color: #d6d6d6;
	font-weight: bold;
	letter-spacing: 5px;
	margin-top: 30px;
}

.mobile-nav.open {
	transform: translateX(0) !important;
	z-index: 33333333;
	box-shadow: 3px 3px 39px -4px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 3px 3px 39px -4px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 3px 3px 39px -4px rgba(0, 0, 0, 0.75);
}
li.menu-item-has-children.active {
	background-color: transparent;
}
.mobile-nav a#res-cross:before {
	content: "\f057";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	position: absolute;
	top: 15px;
	right: 20px;
	color: #fff;
	font-size: 28px;
}
.bar-menu i {
	color: black;
	background-color: transparent;
	font-size: 24px;
}
.bar-menu {
	z-index: 1;
	display: none;
}
.responsive-bar-slider {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.bar-menu i {
	margin-right: 20px;
	font-size: 26px;
}
/* 05. btn */
.btn {
	text-transform: capitalize;
	border-radius: 50px;
	line-height: 16px;
	padding: 20px 50px;
	position: relative;
	font-weight: 700;
	text-align: center;
	white-space: pre;
	z-index: 1;
	border: 0;
	background-color: var(--theme-colour);
	padding: 20px 43px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}
.btn:hover {
	background-color: var(--common-colour);
	color: #fff;
}
.btn:after {
	border-radius: 5px;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 10px;
	bottom: -10px;
	border: 1px solid var(--theme-colour);
}
.btn:hover:after {
	left: 0px;
	bottom: 0px;
	border-color: var(--common-colour);
}
/* 07. Search Popup */
.search-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: #058349cc;
	-webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	transition-timing-function: cubic-bezier(
		0.86,
		0,
		0.07,
		1
	); /* easeInOutQuint */
}
.search-popup {
	width: 100%;
}
.search-active .search-popup {
	transform: translateY(0%);
	margin-top: 0;
}
.search-popup .close-search {
	top: 6%;
	position: absolute;
	left: 94%;
	margin: 0 auto;
	border-radius: 50%;
	text-align: center;
	background-color: var(--theme-colour);
	width: 50px;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 500ms ease;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: 0;
}
.search-active .search-popup .close-search {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}
.search-popup form {
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin: -35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.search-active .search-popup form {
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}
.search-popup .form-group {
	position: relative;
	margin: 0px;
	overflow: hidden;
}
.checkbox-flex {
	display: flex;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #000000;
	height: 70px;
	width: 100%;
	padding: 10px 30px;
	background-color: #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	font-weight: 500;
	text-transform: capitalize;
	outline: none;
	border: 0;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
	position: absolute;
	right: 30px;
	top: 0px;
	height: 70px;
	line-height: 70px;
	background: transparent;
	text-align: center;
	font-size: 24px;
	color: var(--common-colour);
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
	color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
	color: #000000;
}

.search-popup .close-search.style-two {
	position: absolute;
	right: 25px;
	left: auto;
	color: #ffffff;
	width: auto;
	height: auto;
	top: 25px;
	margin: 0px;
	border: none;
	background: none !important;
	box-shadow: none !important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.search-box-btn {
	display: inline-block;
	padding-left: 22px;
}
.search-box-btn i {
	display: inline-block;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	transition: 0.5s;
}
.upp.search-box-btn i {
	color: #9e9fa1;
}
.search-box-btn.search-box-outer span i {
	font-size: 20px;
	display: inline-block;
	color: #fff;
	padding-left: 17px;
	position: relative;
	z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
	color: #9e9fa1;
}

.search-box-btn.search-box-outer span i:after {
	position: absolute;
	content: "0";
	right: -10px;
	top: -4px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #ed1c24;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	font-size: 12px;
}

.flaticon-multiply:before {
	content: inherit;
}
button.close-search i {
	font-size: 18px;
	color: #000;
	display: inline-block;
}
span.flaticon-multiply i {
	display: inline-block;
	color: #ed1c24;
}
.header-search {
	display: flex;
	align-items: center;
}
.header-search a {
	color: #fff;
}
.header-search > a:hover {
	background-color: transparent;
	border: 3px solid var(--common-colour);
	color: var(--common-colour);
}
.header-search-button svg {
	fill: #fff;
}
.header-search-button.search-box-outer {
	border-right: 1px solid #73998a;
	margin-right: 19px;
	padding-right: 7px;
}

.preloader {
	background-color: var(--theme-colour);
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 999999999999999999;
	right: 0;
	bottom: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.preloader {
	bottom: 0%;
}
.page-loaded .preloader {
	bottom: -100%;
}
.loader {
	display: grid;
	grid-template: 1fr 1fr/1fr 1fr;
	gap: 40%;
	width: 80px;
	aspect-ratio: 1/1;
	animation: rotate 2s linear infinite;
}
.loader .dot {
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #000;
	animation: scale 2s infinite alternate;
}
.loader .dot:nth-child(3) {
	order: 1;
}
.loader .dot:nth-child(1) {
	animation-delay: -0.5s;
}
.loader .dot:nth-child(2) {
	animation-delay: -1s;
}
.loader .dot:nth-child(3) {
	animation-delay: -1.5s;
}
.loader .dot:nth-child(4) {
	animation-delay: -2s;
}

@keyframes scale {
	0% {
		scale: 0.1;
	}
	100% {
		scale: 1;
	}
}
@keyframes rotate {
	0% {
		rotate: 0deg;
	}
	100% {
		rotate: 360deg;
	}
}
/* Go To Top */
#progress {
	z-index: 1111;
	position: fixed;
	bottom: 20px;
	right: 10px;
	height: 60px;
	width: 60px;
	display: none;
	place-items: center;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
#progress-value {
	display: block;
	height: calc(105% - 10px);
	width: calc(105% - 10px);
	background-color: #ffffff;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 35px;
	color: #001a2e;
}
span#progress-value i {
	font-size: 18px;
}
ul.social-media {
	display: flex;
}
/* hero-section */
/* .hero-section {
padding-top: 224px;
padding-bottom: 110px;
position: relative;
}
.hero-text {
position: relative;
}
.hero-text p {
font-size: 20px;
color: #cccccc;
line-height: 34px;
padding-top: 18px;
padding-bottom: 42px;
display: block;
width: 88%;
}
.hero-text {
position: relative;
width: 96%;
}
.hero-section:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #030c18;
opacity: 0.8;
}
.hero-section h1 {
color: #fff;
font-family: "Philosopher", Sans-serif;
font-size: 70px;
font-weight: 700;
line-height: 1.2em;
}
.hero-section:after {
content: "";
position: absolute;
width: 660px;
height: 438px;
background-color: var(--theme-colour);
border-radius: 300px;
bottom: 0;
right: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.hero-img {
position: relative;
}
section .hero-img img {
z-index: 11;
position: relative;
border-radius: 300px;
}
.hero-img img {
width: 100% !important;
}
.slider-hero button.owl-dot,
.islamic-courses-slider button.owl-dot {
width: 70px;
height: 3px;
background-color: #d6d6d6;
margin-left: 10px;
}
.islamic-courses-slider button.owl-dot.active,
.slider-hero button.owl-dot.active {
width: 70px;
opacity: 1;
height: 3px;
background-color: var(--theme-colour);
}
.islamic-courses-slider .owl-dots {
text-align: center;
margin-top: 34px;
}
.owl-theme .owl-dots .owl-dot span {
display: none !important;
}
.slider-hero .owl-dots {
left: 0%;
position: absolute;
bottom: -48px;
}
.hero-img figure {
position: absolute;
background-color: var(--common-colour);
border-radius: 50%;
padding: 20px;
z-index: 111;
bottom: 10px;
overflow: inherit;
animation: rotate360 20s infinite linear;
}
.hero-img figure:before {
position: absolute;
content: "";
width: 110%;
height: 110%;
border: 1px solid var(--theme-colour);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
border-radius: 50%;
} */



/* hading */
/* .heading {
width: 67%;
margin: auto;
text-align: center;
padding-bottom: 30px;
}
.heading p {
padding-bottom: 12px;
padding-top: 12px;
font-family: var(--common-font);
text-transform: uppercase;
color: #6a6a6a;
font-weight: bold;
margin-bottom: 0;
}
.heading h2 {
font-family: var(--common-font);
font-weight: bold;
position: relative;
z-index: 11;
line-height: 1.3em;
}
.heading h2 strong {
position: relative;
}
.heading h2 strong:before {
width: 100%;
height: 5px;
background-color: var(--theme-colour);
content: "";
position: absolute;
bottom: 6px;
z-index: -1;
} */
/* bismillah */
/* .bismillah h2 {
font-size: 28px;
font-weight: bold;
position: relative;
padding-top: 26px;
padding-bottom: 45px;
color: var(--common-colour);
}
.bismillah h2:before {
position: absolute;
width: 27%;
height: 4px;
background-color: var(--common-colour);
content: "";
bottom: 30px;
}
.bismillah > p {
font-size: 18px;
padding-bottom: 50px;
} */
/* .online-islamic-courses .bismillah-icon {
display: flex;
align-items: center;
border-bottom: 1px solid var(--theme-colour);
margin-bottom: 20px;
padding-bottom: 10px;
}
.online-islamic-courses .bismillah-icon figure {
background-color: var(--theme-colour);
padding: 21px;
border-radius: 50%;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.online-islamic-courses:hover .bismillah-icon figure {
background-color: var(--common-colour);
}
.online-islamic-courses:hover .bismillah-icon {
border-color: var(--common-colour);
}
.online-islamic-courses .bismillah-icon h4 {
font-family: var(--common-font);
font-weight: bold;
padding-left: 10px;
line-height: 1.3em;
}
.online-islamic-courses .bismillah-icon a h4:hover {
color: var(--common-colour);
}
.islamic-education {
display: flex;
}
.islamic-education-img img.masjid-shape {
margin-bottom: -53px;
margin-left: 17px;
}
.islamic-education .islamic-education-img.mt-5 img {
animation: bottom 5s infinite;
}
.islamic-education .islamic-education-img img {
border-radius: 179px;
animation: top 5s infinite;
} */
@keyframes rotate360 {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes bottom {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-14px);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes top {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(14px);
	}
	100% {
		transform: translateY(0px);
	}
}
/* .islamic-education-img {
width: 44%;
margin-left: auto;
}
ul.stars {
display: inline-flex;
padding: 0;
}
ul.stars li {
padding: 4px 2px;
line-height: 0;
}
ul.stars li i {
color: #FFB606;
font-size: 14px;
} */
/* section .active-students > img {
border-radius: 50%;
box-shadow: 20px 20px 5px 0px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 20px 20px 5px 0px rgb(0 0 0 / 18%);
-moz-box-shadow: 20px 20px 5px 0px rgba(0, 0, 0, 0.18);
}
.students figure {
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px !important;
font-size: 50px;
}
.reached-over {
display: flex;
align-items: center;
padding: 30px;
background-color: var(--common-colour);
padding-top: 0;
border-radius: 10px;
margin-bottom: 80px;
background-position: right;
}
.students h5 {
display: block;
font-size: 50px;
color: #fff;
font-weight: bold;
line-height: 1;
}
.students h5 span {
display: block;
font-size: 16px;
font-weight: 400;
line-height: 1;
}
.students {
display: flex;
align-items: center;
margin-top: -150px;
background-color: var(--theme-colour);
z-index: 1111;
position: relative;
width: fit-content;
border-radius: 59px;
padding: 20px;
padding-right: 70px;
}
.reached-over-text {
padding-bottom: 30px;
width: 48%;
margin-left: 70px;
padding-top: 60px;
}
.reached-over-text h2 {
color: #fff;
font-family: var(--common-font);
font-weight: bold;
padding-bottom: 8px;
line-height: 1.1;
font-size: 48px;
}
.reached-over-text h3 {
font-size: 53px;
color: #fff;
font-weight: 400;
line-height: 1;
}
.reached-over-text .btn:hover {
background-color: transparent;
}
.reached-over-text .btn:hover:after {
border-color: var(--theme-colour);
}
.ratings {
margin-right: 70px;
}
.active-students {
margin-top: -90px;
}
.reached-over-text .ratings p {
padding-bottom: 0;
margin: 0 0 5px 0;
}
.reached-over-text p {
color: #ebebeb;
font-size: 18px;
padding-bottom: 30px;
line-height: 1.5;
} */
/* .quran-classes {
position: relative;
display: flex;
align-items: center;
}
.quran-classes-img i {
background-color: #ffb606;
padding: 43px 16px;
border-radius: 64px;
font-size: 50px;
color: #fff;
}
.rating-content {
padding: 0 0 0 15px;
}
.rating-content h4 {
line-height: 1.1;
}
.quran-classes-img img.masjid-shape {
width: 82px;
background-color: transparent !important;
padding: 0;
border-radius: 0;
margin-bottom: -22px;
position: absolute;
top: 0px;
}
.quran-classes-img {
margin-top: -10px;
}
.quran-classes:hover .quran-classes-img i {
-webkit-animation: top-bottom 1s ease-in-out;
animation: top-bottom 1s ease-in-out;
background-color: var(--common-colour);
}
.quran-classes p {
color: #000;
line-height: 1.5;
}
.quran-classes h4 a {
padding-bottom: 10px;
font-size: 33px;
display: block;
font-family: var(--common-font);
font-weight: bold;
}
.quran-classes h4 a:hover {
color: var(--common-colour);
}
.online-classes:hover img {
-webkit-animation: top-bottom 1s ease-in-out;
animation: top-bottom 1s ease-in-out;
} */
@keyframes top-bottom {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	60% {
		-webkit-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		transform: translateY(-4px);
	}
}
/* .islamic-courses > img {
width: 100%;
border-radius: 5px;
}
.duration div {
display: flex;
justify-content: center;
align-items: center;
}
.section-course {
background-repeat: no-repeat;
background-color: #f4f4f4;
}
.duration {
display: flex;
align-items: center;
background-color: #fff5de;
padding: 12px;
margin-left: 15px;
border-bottom-left-radius: 45px;
border-top-left-radius: 45px;
margin-top: -30px;
z-index: 1;
position: relative;
padding-left: 24px;
}
.duration div h6 {
padding-left: 10px;
font-size: 15px;
}
.islamic-courses {
background-color: #fff;
border-radius: 5px;
padding-bottom: 20px;
width: 100%;
border: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.islamic-courses:hover {
border-color: var(--theme-colour);
}
.islamic-courses-text h4 {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
padding-top: 10px;
color: #7e7e7e;
}
.islamic-courses-text h3 a {
padding-top: 5px;
font-size: 22px;
font-family: var(--common-font);
color: #000;
display: block;
font-weight: bold;
line-height: 30px;
background-color: transparent;
padding: 0;
margin-top: 10px;
}
.islamic-courses-text h3 > a:hover {
color: var(--common-colour);
}
.islamic-courses-text a {
display: inline-block;
margin-top: 20px;
color: #fff;
font-family: "DM Sans";
font-size: 16px;
padding: 12px 35px;
background-color: var(--theme-colour);
border-radius: 5px;
}
.islamic-courses-text a:hover {
background-color: var(--common-colour);
}
.islamic-courses-text span {
padding-top: 20px;
padding-left: 30px;
color: #000;
font-weight: bold;
}
.islamic-courses-text span i {
padding-right: 4px;
color: var(--theme-colour);
}
.islamic-courses-text h6 {
font-size: 16px;
font-weight: bold;
font-family: var(--common-font);
color: var(--common-colour);
padding-top: 12px;
padding-bottom: 8px;
}
.islamic-courses-text h5 {
font-size: 22px;
font-weight: bold;
}
.islamic-courses-text {
padding: 0px 20px;
padding-top: 12px;
}
.islamic-courses-text h5 del {
font-size: 16px;
padding-left: 10px;
}
.owl-carousel .owl-item img {
width: auto;
}
.islamic-courses:hover figure img {
transform: scale(1.1);
} */
/* 44. video img */
.video {
	position: relative;
	text-align: center;
	margin-left: -100px;
	z-index: 0;
}
.video img {
	border-radius: 10px;
}
.video a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50px, -50px);
}
.video a i {
	background-color: var(--theme-colour);
	margin: 0;
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.video a i:after {
	border: 3px solid var(--theme-colour);
	width: 115px;
	height: 115px;
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	content: "";
	animation: video-button 5s infinite;
}
@keyframes video-button {
	0% {
		transform: scale(1.2);
	}
	50% {
		transform: scale(0.7);
	}
	100% {
		transform: scale(1.2);
	}
}
.video a i svg {
	fill: #fff;
	margin: 0;
}
.reached-over.form form h3 {
	font-size: 40px;
	color: #fff;

	font-family: var(--common-font);
	font-weight: bold;
}
.reached-over.form {
	padding: 50px;
	width: 70%;
	z-index: 11;
	display: block;
	position: relative;
	background-position: bottom;
	margin: 0;
	background-position: left;
}
.search-for-course input[type="text"] {
	width: 100%;
	height: 50px;
	border-radius: 5px;
	outline: none;
	border: 0;
	padding-left: 30px;
	font-family: "Philospher";
}
form.search-for-course p {
	color: #fff;
}
form.search-for-course p a {
	color: #fff;
	border-bottom: 1px solid;
	font-weight: bold;
}
form.search-for-course label {
	color: #fff;
	padding-right: 16px;
	padding-left: 4px;
}
.search-for-course button {
	margin-right: 4px;
	margin-top: 3px;
	border-radius: 5px;
	position: absolute;
	right: 0;
	padding: 9px 30px;
	border: 0;
	background-color: #ffb606;
	color: #fff;
	font-weight: bold;
	font-family: "Philospher";
}
.search-for-course button:hover {
	background-color: var(--common-colour);
}
.search-for-course button svg {
	fill: #fff;
	margin-right: 4px;
	width: 20px;
}
/* .islam-teachers {
text-align: center;
width: 93%;
margin: auto;
text-align: center;
}
.islam-teacher-data > a {
font-size: 26px;
display: block;
font-weight: bold;
font-family: var(--common-font);
font-weight: bold;
line-height: 1.2;
color: #141414;
}
.islam-teacher-data > a:hover {
color: var(--common-colour);
}
.owl-carousel .owl-item img {
width: auto;
margin: auto;
}
section .islam-teachers img {
border-radius: 50%;
border: 15px solid #fff5de;
padding: 0px;
}
.islam-teachers:hover img {
border-color: var(--theme-colour);
} */
ul.social-media a {
	border: 3px solid var(--theme-colour);
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-left: 5px;
}
ul.social-media a:hover {
	background-color: var(--theme-colour);
	color: #fff;
}
header ul.social-media a:hover {
	background-color: transparent;
}
ul.social-media {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	padding: 0;
}
/* .islam-teachers h6 span {
color: #a0a0a0;
}
.islam-teachers h6 {
font-weight: bold;
color: var(--common-colour);
padding-bottom: 6px;
padding-top: 0px;
}
.islam-teachers:hover .islam-teacher-data {
height: 200px;
margin-top: -176px;
border-color: var(--theme-colour);
}
.islam-teacher-data {
border: 1px solid #e0e0e0;
padding: 16px;
margin-top: -76px;
z-index: 1;
position: relative;
background-color: #fff;
height: 100px;
overflow: hidden;
} */

.heading.two {
	text-align: left;
	width: 100%;
}
.heading.two p {
	padding: 0;
}
.heading.two h6 {
	color: #444;
	font-size: 18px;
	padding-top: 14px;
}
/* count-style */
/* .count-style {
display: flex;
align-items: end;
border-bottom: 5px solid var(--theme-colour);
font-family: var(--common-font);
margin-bottom: 26px;
}
.count-style span {
font-size: 50px;
line-height: 0;
}
.count-style img {
padding-right: 10px;
width: 50px;
}
.count-style h4 {
padding-right: 10px;
font-size: 40px;
text-transform: capitalize;
font-weight: bold;
}
.count-style h2 {
font-weight: bold;
font-size: 100px;
line-height: 79px;
} */
/* blog */
/* .blog-text h4 a {
font-size: 24px;
font-weight: bold;
display: block;
padding-bottom: 10px;
font-family: var(--common-font);
font-weight: bold;
line-height: 34px;
}
.blog-text h4 a:hover {
color: var(--common-colour);
}
.blog-text p {
padding-bottom: 6px;
}
.blog-img {
position: relative;
}

.blog figure {
border-radius: 5px;
}
.blog-img img {
border-radius: 5px;
width: 100%;
}
.blog-text {
padding: 24px;
padding-bottom: 0;
}
.blog h6 {
border-top-right-radius: 5px;
padding: 15px 20px;
font-size: 16px;
color: #505050;
font-weight: bold;
display: inline-flex;
align-items: center;
background-color: #fff;
position: absolute;
bottom: 0;
line-height: 1;
}
.blog {
border-radius: 6px;
border: 1px solid #fff;
box-shadow: 10px 9px 30px 3px rgba(0, 0, 0, 0.13);
-webkit-box-shadow: 10px 9px 30px 3px rgba(0, 0, 0, 0.13);
-moz-box-shadow: 10px 9px 30px 3px rgba(0, 0, 0, 0.13);
}
.blog:hover {
border: 1px solid var(--theme-colour);
}
.blog h6 i {
padding-right: 10px;
color: var(--theme-colour);
font-size: 18px;
}
.blog-text a i {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
border: 3px solid var(--theme-colour);
border-radius: 50%;
transform: translateY(24px);
background-color: #fff;
}
.blog-text > a {
display: inline-block;
}
.blog-text a:hover i {
background-color: var(--theme-colour);
color: #fff;
} */
/* .serving-thousands .heading {
width: 84%;
padding-bottom: 0px;
}
.serving-thousands {
background-color: var(--common-colour);
background-size: cover;
margin-top: -2px;
width: 100%;
}
.serving-thousands .heading h2 {
font-weight: bold;
font-family: var(--common-font);
}
.serving-thousands .heading h2,
.serving-thousands .heading p {
color: #fff;
}
.serving-thousands .heading a {
margin-top: 50px;
}
.serving-thousands .heading a.btn:hover {
background-color: transparent;
}
.serving-thousands .heading a.btn:hover:after {
border-color: var(--theme-colour);
} */
/* Reviews */
/* .reviews-text p {
font-size: 24px;
line-height: 34px;
width: 92%;
margin-bottom: 40px;
}
section .reviews-img img {
border-radius: 351px;
position: relative;
z-index: 1;
animation: 13s infinite animation01;
} */
@keyframes animation01 {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(0.9);
	}
	100% {
		transform: scale(1);
	}
}
/* .reviews-img {
position: relative;
padding-top: 44px;
padding-bottom: 44px;
}
.slider-reviews.owl-carousel .owl-item img {
margin: 0;
margin-right: 16px;
width: 95px;
height: 95px;
}
.reviews-img img.jay-namaz-img {
position: absolute;
border-radius: 0;
right: 0;
top: 0;
z-index: 0;
animation: none;
}
.galler-slider .owl-nav i,
.slider-reviews .owl-nav i {
font-size: 16px;
background-color: var(--theme-colour);
line-height: 0;
color: #000;
width: 46px;
height: 46px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
}
.galler-slider .owl-nav i:hover,
.slider-reviews .owl-nav i:hover {
background-color: var(--common-colour);
color: #fff;
}
.slider-reviews .owl-dots {
display: none;
}
.galler-slider .owl-nav {
left: 90%;
position: absolute;
top: -130px;
}
.slider-reviews .owl-nav {
right: 5%;
position: absolute;
bottom: 20px;
} */
.section-reviews .heading p,
.section-reviews .heading h2,
.section-reviews .reviews-text p,
.user h5,
.user h6 {
	color: #fff;
}
/* section .user img {
border-radius: 50%;
border: 3px solid var(--theme-colour);
margin-right: 13px;
}
.user {
display: flex;
align-items: center;
}
.user h5 {
font-size: 25px;
font-family: var(--common-font);
line-height: 1.2;
}
.user h6 {
font-size: 18px;
padding-top: 4px;
}
.user ul li {
padding-left: 2px;
font-size: 14px;
color: var(--theme-colour);
}
.user ul {
margin-bottom: 6px;
padding-left: 0;
display: flex;
} */
/* online-classes */
/* .why_choose .heading.two h6 {
padding-top: 10px;
padding-bottom: 20px;
line-height: 32px;
color: #6c6c6c;
font-weight: 500;
}
.online-classes {
padding: 30px;
padding-top: 0;
border-radius: 5px;
}

.online-classes a {
font-size: 26px;
font-family: var(--common-font);
padding-top: 20px;
font-weight: bold;
display: block;
padding-bottom: 10px;
line-height: 32px;
color: #222;
}
.online-classes a:hover {
color: var(--common-colour);
}
.online-classes {
margin-left: auto;
padding: 30px;
padding-top: 0;
position: relative;
width: 95%;
margin-top: 20px;
}
.online-classes.two {
margin-top: 100px;
}
.online-classes + .online-classes {
margin-top: 80px;
} */
body .online-classes figure {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--theme-colour);
	border-radius: 50%;
	transform: translateY(-44px);
	margin-bottom: -44px !important;
}
/* .online-classes:hover figure {
background-color: var(--common-colour);
}
.online-classes img.masjid-shape {
left: 13.5%;
position: absolute;
width: 81px;
top: -23%;
} */
/* gallery */
/* .gallery .heading.two {
width: 65%;
margin: 0;
}
.gallery .heading.two h2 {
font-weight: bold;
font-family: var(--common-font);
line-height: 1.2;
}
.gallery-img-style {
position: relative;
}
section .gallery-img-style img {
border-radius: 50%;
width: 100%;
} */
/*.gallery-img-style:hover figure {
transform: scale(1.1);
}*/
/* .gallery-img-style a {
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
z-index: 1;
font-size: 36px;
color: #fff;
opacity: 0;
}
.gallery-img-style figure:before {
width: 100%;
height: 100%;
border-radius: 50%;
transform: scale(0);
left: 0;
top: 0;
content: "";
opacity: 0.7;
position: absolute;
background-color: var(--theme-colour);
}
.gallery-img-style:hover a {
opacity: 1;
}
.gallery-img-style:hover figure:before {
transform: scale(1);
}
.gallery-img-style.two figure:before,
.gallery-img-style.two figure,
.gallery-img-style.two img {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.gallery-img-style.three figure:before,
.gallery-img-style.three figure,
.gallery-img-style.three img {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
} */
/* 26. footer */
footer {
	position: relative;
}
footer.v4:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	background-color: var(--common-colour);
	mix-blend-mode: multiply;
}
.ordering {
	display: flex;
	align-items: center;
}
.ordering a {
	font-weight: 700;
	font-size: 16px;
	padding-left: 40px;
}
.logo {
	position: relative;
}
footer ul.social-media-icon li a .icon {
	color: white;
}
.logo p {
	color: #e8e8e8;
	font-size: 16px;
	width: 82%;
	padding-top: 24px;
	padding-bottom: 35px;
}
footer ul.social-media-icon li a {
	width: 60px;
	height: 60px;
	margin: 0 4px;
}
footer .text-hover a::before {
	width: 100%;
	height: 3px;
	background-color: #e0e0e0;
}
footer ul.social-icon {
	display: flex;
}
body footer ul.social-icon li {
	padding-right: 10px;
	padding-left: 0;
	margin-top: 25px;
}
footer ul.social-icon i {
	width: 44px;
	height: 44px;
	border: 1px solid #fff;
	font-size: 14px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
footer ul.social-icon i:hover {
	transform: rotate(360deg);
	background-color: var(--theme-colour);
	color: #fff;
	border-color: var(--theme-colour);
}
.mt-100 {
	margin-top: 100px;
}
.widget-title ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.widget h2.widgettitle,
.widget-title h3 {
	color: #fff;
	font-weight: 700;
	font-family: var(--common-font);
	font-size: 28px;
	border-bottom: 5px solid var(--theme-colour);
	margin-bottom: 0;
	display: inline-block;
	margin-bottom: 40px;
}
.widget-title li a {
	color: #e8e8e8;
	margin-left: 15px;
	padding-bottom: 6px;
}
.widget-title li a:hover {
	color: var(--theme-colour);
}
.widget-title li {
	width: 50%;
	padding-bottom: 20px;
}
.widget-title li i {
	color: #8a8a8a;
}
/* 28. get-in-touch */
.get-in-touch {
	position: relative;
	display: flex;
	margin-bottom: 18px;
	align-items: center;
}
.get-in-touch svg {
	fill: #000000;
	height: auto;
	width: auto;
}
.get-in-touch i {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px;
	margin-right: 20px;
}
.get-in-touch span {
	font-family: "Archivo";
	font-weight: 400;
	padding-bottom: 3px;
	display: block;
}
.get-in-touch h6 {
	font-size: 16px;
}
.get-in-touch h6 a {
	padding-bottom: 4px;
}
.footer-bottom-text h6 {
	color: #fff;
}
/* 29. footer-bottom */
.footer-bottom {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}
.footer-bottom-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-bottom-text ul {
	display: flex;
}
.footer-bottom-text a,
.footer-bottom-text span {
	color: #fff;
}
.footer-bottom-text ul a {
	text-transform: uppercase;
}
.footer-bottom-text ul li a {
	border-bottom: 1px solid #fff;
}
.footer-bottom-text ul li {
	padding-left: 20px;
}
.footer-bottom-text h6 {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 700;
}
footer {
	padding-top: 50px;
	padding-bottom: 50px;
	background-repeat: no-repeat;
	background-size: cover;
}
.widget-title {
	position: relative;
}
/* 30. subscribe */
.subscribe i {
	font-size: 60px;
	color: #fff;
}
.subscribe {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
}
.subscribe .button {
	margin-left: 10px;
	padding: 14px 32px;
	border-radius: 5px;
	background-color: var(--theme-colour);
	color: #fff;
	border: 0;
	outline: none;
	border: 2px solid var(--theme-colour);
}
.subscribe .button:hover {
	background-color: transparent;
}
.subscribe h3 {
	font-size: 40px;
	color: #fff;
	font-family: var(--common-font);
	font-weight: 700;
	margin-bottom: 0;
}
.subscribe p {
	color: #c5c5c5;
}
.subscribe form input {
	margin-bottom: 0;
	width: 100%;
	height: 56px;
	padding-left: 20px;
	outline: none;
	border: 2px solid #fff;
	background-color: #ffffff21;
	border-radius: 4px;
	color: #d4d3d3;
}
.subscribe form input::placeholder {
	color: #d4d3d3;
}
.subscribe form {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}
.recent-courses {
	display: flex;
	align-items: center;
}
.recent-courses img {
	border: 3px solid var(--theme-colour);
	border-radius: 50%;
	margin-right: 15px;
}
.recent-courses:hover img {
	transform: scale(1.06);
}
.recent-courses h4 a {
	font-size: 22px;
	color: #fff;
	padding-bottom: 12px;
	display: block;
}
.footer-bottom-text a:hover,
.recent-courses h4 a:hover {
	color: var(--theme-colour);
}
.recent-courses h6 {
	font-size: 16px;
	color: #fff;
}
.recent-courses h5 {
	color: #fff;
	font-size: 24px;
	padding-top: 6px;
}
.recent-courses {
	font-family: var(--common-font);
}
.recent-courses h5 del {
	font-size: 20px;
	padding-left: 8px;
}
footer .contact-us svg {
	fill: #fff;
	width: 53px;
	margin-right: 17px;
	height: auto;
}
footer .contact-us {
	background-color: var(--common-colour);
	display: flex;
	position: relative;
	padding: 27px 40px;
	border-radius: 5px;
	border: 1px solid var(--common-colour);
}
footer .contact-us:hover {
	background-color: #29333d9e;
	border: 1px solid var(--theme-colour);
}
footer .contact-us p {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 27px;
}
footer .contact-us h4 {
	padding-bottom: 5px;
}
footer .contact-us a,
footer .contact-us h4 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
footer .contact-us a:hover {
	color: var(--theme-colour);
}
footer .information {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* transition */
footer .contact-us a,
.subscribe .button,
.islam-teacher-data,
.islamic-courses-text h3 > a,
.search-for-course button,
.online-islamic-courses .bismillah-icon a h4,
.header-search > a,
.login a,
.recent-courses img,
footer .contact-us,
footer ul.social-icon i,
.online-classes a,
.islam-teacher-data > a,
.online-islamic-courses .bismillah-icon,
.blog-text a i,
.blog-text h4 a,
.gallery-img-style figure:before,
.gallery-img-style a,
.online-classes figure,
.islamic-courses figure img,
.islam-teacher-data,
.blog-img img,
.recent-courses h4 a,
.gallery-img-style figure,
.quran-classes h4 a,
ul.social-media a,
.islam-teachers img,
.blog,
.islamic-courses,
.islamic-courses-text a,
.widget-title li a,
.footer-bottom-text a,
.footer-bottom-text span,
.online-islamic-courses .bismillah-icon figure,
header ul.social-media i,
.btn:after,
.mobile-nav > ul > li.menu-item-has-children:before,
.quran-classes-img img {
	transition: 0.4s ease-in-out;
}
/* .online-islamic-courses p {
font-size: 16px;
line-height: 1.6em;
}
.bismillah-icon figure i {
font-size: 40px;
color: #fff;
font-weight: 400;
}

.why_choose .heading h2 {
line-height: 1.1;
} */
.fun-facts .count-style i {
	font-size: 50px;
	padding-right: 15px;
}
/* .why_choose .heading.two p {
padding: 0;
margin-bottom: 10px;
}
.count-style span {
font-size: 50px;
line-height: 0;
margin-left: -15px;
}
.online-classes p {
font-size: 16px;
color: #000;
} */
body ul li::marker {
	content: "";
}
header.style5 ul#menu-primary-menu {
	margin: 0;
	padding:0;
}
/* .online-classes figure i {
font-size: 50px;
color: #fff;
line-height: 1;
font-weight: 600;
}

figure {
overflow: hidden;
}
h4.course-cat a,
.islamic-courses-text h6 a {
background: transparent;
color: #8c8c8c;
font-weight: 600;
text-transform: capitalize;
padding: 0;
font-size: 16px;
}

h4.course-cat a:hover,
.islamic-courses-text h3 a:hover,
.islamic-courses-text h6 a:hover {
background: transparent;
color: #424242;
text-decoration: underline;
}
.islamic-courses .duration i {
font-size: 20px;
line-height: 1;
}
span.instructor-display-name {
padding: 0;
margin: 0;
font-weight: 500;
font-family: "Philosopher";
font-size: 16px;
}
.islamic-courses-text h6 a {
margin: 0 !important;
} */
footer.v4 .widget-title li a,
footer.v4 ul.menu li a {
	color: #e8e8e8;
	margin-left: 0px;
	padding-bottom: 6px;
	font-size: 17px;
}
footer.v4 .widget-title li,
footer.v4 ul.menu li {
	padding-bottom: 15px;
}
footer.v4 .information .contact-us.mb-0 {
	padding-bottom: 17px;
}
.bottom-bar3.v4 {
	background-color: var(--common-colour);
}
.islamic-courses-text h4.course-cat a {
	margin: 5px 0 0 0;
}
.price-wrap {
	margin-top: 100px;
}
.single-lp_course .lp-archive-courses {
	margin-bottom: 0;
}
.footer-sub-form{
	width: 50%;
}
footer .subscribe form input[type=submit]{
	width:auto;
	float:left;
}
footer .subscribe form input[type=email] {
	width: 70%;
	float: left;
}
footer .subscribe .footer-sub-form p {
	color: #c5c5c5;
	width: 100%;
}
.style5 .navbar-links li > a{
	font-size: 18px;
}

.align-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

ul.foot-contact-info-list {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.foot-contact-info-list li.items {
	margin: 0 20px;
	line-height: normal;
}

ul.foot-contact-info-list li.items a {
	display: flex;
	align-items: center;
	color: #ffffff;
}

ul.foot-contact-info-list li.items a span.ico {
	width: 35px;
	height: 35px;
	background: #FCB704;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 16px;
}

ul.foot-contact-info-list li.items:first-child {
	margin-left: 0;
}

ul.foot-contact-info-list li.items:last-child {
	margin-right: 0;
}

ul.socials-list {
	margin: 0 120px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	padding: 0;
}

ul.socials-list li {
	margin: 0 15px;
}

ul.socials-list li:first-child {
	margin-left: 0;
}

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

ul.socials-list li a {
	width: 35px;
	height: 35px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FCB704;
	border-radius: 50%;
	color: #ffffff;
}
h3.fooHeadings {
	font-size: 24px;
	color: #ffffff;
	line-height: 28px;
	margin-bottom: 17px;
	font-family: 'Helvetica';
	font-weight: 700;
	text-transform: capitalize;
}
.newslatterff {
	display: flex;
	width: 100%;
	position: relative;
	border-bottom: 1px solid rgb(255 255 255 / 40%);
}

.newslatterff input#email {
	width: 100%;
	height: 50px;
	margin: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	border: none;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
}

.newslatterff button {
	width: 50px;
	flex: 50px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #ffffff;
	background: transparent;
	padding: 0;
	border: none;
	box-shadow: none;
	outline: none;
	font-size: 16px;
}

.main-top-banner {
	background: #ffffff;
	padding: 0;
}

.main-top-banner > .wpb_column {
	padding: 0;
}

.main-top-banner > .wpb_column > .wpb_column {}

.main-top-banner > .wpb_column > .wpb_column > .vc_column-inner {
	padding: 0 !important;
}

.main-top-banner > .wpb_column > .wpb_column > .vc_column-inner > .wpb_wrapper {
	padding: 0 !important;
}

.main-top-banner-hpb-area {
	/* 	background: linear-gradient(to bottom,  #1a3665 77%,transparent 100%); */
	background-image: linear-gradient(to bottom, #1a3665 77%, transparent 100%), url(/wp-content/uploads/2025/05/bbg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.main-top-banner-hpb-area > .wpb_column {}

.main-top-banner-hpb-area > .wpb_column > .vc_column-inner {
	padding-top:180px;
}

.main-top-banner-hpb-area > .wpb_column > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* 	padding-top: 40px; */
	padding-bottom: 30px;
}

.main-top-banner-image {}

.main-top-banner-image figure.vc_figure {
	width:100%;
}

.main-top-banner > .wpb_column>.vc_column-inner {
	padding: 0;
}

.main-top-banner-para {
	font-family: 'Helvetica';
	font-weight: 400;
}

.main-top-banner-image figure.vc_figure .vc_single_image-wrapper {
	width: 100%;
}

.main-top-banner-image figure.vc_figure .vc_single_image-wrapper img {
	width: 100%;
}


.GoodVibrations{
	font-family: 'GoodVibrations' !important;
	font-weight: 400 !important;
}
.theme-btn {}

.theme-btn a.vc_general {
	font-size: 16px !important;
	font-weight: 700 !important;
	height: 50px !important;
	display: flex !important;
	padding: 0 20px !important;
	justify-content: center !important;
	align-items: center !important;
	text-transform: uppercase !important;
	border-radius: 0px !important;
	line-height: 16px !important;
	font-family: 'Helvetica';
	letter-spacing: 1px;
	border: 2px solid var(--theme-colour) !important; */
	color: var(--theme-colour);
	background: var(--theme-colour) !important;
	color: #ffffff !important;
	transition: all 0.3s ease;
}

.theme-btn a.vc_general:hover {
	background: transparent !important;
	color: var(--theme-colour) !important;
}
/* home sec 2 */
.home-sec2 {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative !important;
	display: flex;
	flex-wrap: wrap;
}
.home-sec2::before{
	content:"";
	position: absolute;
	width: 100%;
	height: 260px;
	top:60px;
	left:0px;
	right:0px;
	z-index:-1;
	background-image: url(/wp-content/uploads/2025/04/shap-bg1.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.home-sec2::after{
	content:"";
	position: absolute;
	width: 100%;
	height: 260px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index: -1;
	background-image: url(/wp-content/uploads/2025/04/shap-bg1.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.home-sec2 .hs1-iimg-col {
	height: 100%;
	width: 35%;
}

.home-sec2 .hs1-iimg-col>.vc_column-inner {}

.home-sec2 .hs1-iimg-col>.vc_column-inner>.wpb_wrapper {}

.home-sec2 .hs1-iimg-col>.vc_column-inner>.wpb_wrapper .imgs {}

.home-sec2 .hs1-iimg-col>.vc_column-inner>.wpb_wrapper .imgs figure.vc_figure {}

.home-sec2 .hs1-iimg-col>.vc_column-inner>.wpb_wrapper .imgs figure.vc_figure .vc_single_image-wrapper {}

.home-sec2 .hs1-iimg-col>.vc_column-inner>.wpb_wrapper .imgs figure.vc_figure .vc_single_image-wrapper img {
	width: 100%;
	min-height: 285px;
	object-fit: cover;
}

.home-sec2 .hs1-content-col2.content {
	width: 65%;
}

.home-sec2 .hs1-content-col2.content>.vc_column-inner,
.home-sec2 .hs1-content-col3.content>.vc_column-inner {}

.home-sec2 .hs1-content-col2.content>.vc_column-inner>.wpb_wrapper,
.home-sec2 .hs1-content-col3.content>.vc_column-inner>.wpb_wrapper {}

.home-sec2 .hs1-content-col2.content>.vc_column-inner>.wpb_wrapper h2,
.home-sec2 .hs1-content-col3.content>.vc_column-inner>.wpb_wrapper h2 {}

.home-sec2 .hs1-content-col2.content>.vc_column-inner>.wpb_wrapper .content,
.home-sec2 .hs1-content-col3.content>.vc_column-inner>.wpb_wrapper .content {}
.home-sec2 .hs1-content-col3.content>.vc_column-inner>.wpb_wrapper .content{
	margin-top: 10px;
}
.home-sec2 .hs1-content-col2.content>.vc_column-inner>.wpb_wrapper .content .wpb_wrapper,
.home-sec2 .hs1-content-col3.content>.vc_column-inner>.wpb_wrapper .content .wpb_wrapper {}

.home-sec2 .hs1-content-col2.content>.vc_column-inner>.wpb_wrapper .content .wpb_wrapper p,
.home-sec2 .hs1-content-col3.content>.vc_column-inner>.wpb_wrapper .content .wpb_wrapper p {
	color: #1A3665;
	font-size: 20px;
	font-weight: 400;
	line-height: 31px;
}
.content-btn-list {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.content-btn-list ul {
	display: flex;
	align-items: center;
	padding: 0;
}

.content-btn-list ul li {
	margin: 0 20px;
	line-height: normal;
}

.content-btn-list ul li a.btn-t {
	background: #1A3665;
	color: #ffffff;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
	text-transform: uppercase;
	font-family: 'Helvetica';
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
}

.content-btn-list ul li:first-child {
	margin-left: 0;
}

.content-btn-list ul li:last-child {
	margin-right: 0;
}
/* home sec 2 */

/* home sec 3 */
.home-sec3 {
	padding-top: 60px;
	padding-bottom: 60px;
	background-attachment: fixed;
}

.home-sec3>.wpb_column {
}

.home-sec3>.wpb_column>.vc_column-inner {}

.home-sec3>.wpb_column>.vc_column-inner>.wpb_wrapper {
	display: flex;
	flex-direction: column;
}

.hs3-row-zz {
	display: flex;
	align-items: center;
}

.hs3-row-zz .hs3-imag-zz {
	/* width: 50%; */
}

.hs3-row-zz .hs3-imag-zz>.vc_column-inner {}

.hs3-row-zz .hs3-imag-zz>.vc_column-inner>.wpb_wrapper {}

.hs3-row-zz .hs3-imag-zz>.vc_column-inner>.wpb_wrapper .zImge {}

.hs3-row-zz .hs3-imag-zz>.vc_column-inner>.wpb_wrapper .zImge figure.vc_figure {}

.hs3-row-zz .hs3-imag-zz>.vc_column-inner>.wpb_wrapper .zImge figure.vc_figure .vc_single_image-wrapper {}

.hs3-row-zz .hs3-imag-zz>.vc_column-inner>.wpb_wrapper .zImge figure.vc_figure .vc_single_image-wrapper img {
	width: 100%;
}

.hs3-row-zz .hs3-content-zz {
	/* width: 50%; */
}

.hs3-row-zz .hs3-content-zz .vc_column-inner {}

.hs3-row-zz .hs3-content-zz .vc_column-inner .wpb_wrapper {}

.hs3-row-zz .hs3-content-zz .vc_column-inner .wpb_wrapper .zz-content {}

.hs3-row-zz .hs3-content-zz .vc_column-inner .wpb_wrapper .zz-content .wpb_wrapper {}

.hs3-row-zz .hs3-content-zz .vc_column-inner .wpb_wrapper .zz-content .wpb_wrapper p {
	font-size: 20px;
	line-height: 32px;
	color: #1A3665;
	font-weight: 400;
	margin-bottom: 0;
}

.hs3-row-zz:nth-child(odd) .hs3-imag-zz {
	order: 2;
}

.hs3-row-zz:nth-child(odd) .hs3-content-zz {
	order: 1;
}

.hs3-row-zz:nth-child(1) .hs3-content-zz .vc_column-inner >.wpb_wrapper {
	padding-left: 150px;
	padding-right: 110px;
}

.hs3-row-zz:nth-child(2) .hs3-content-zz .vc_column-inner >.wpb_wrapper {
	padding-left:  70px;
	padding-right: 90px;
	padding-top: 60px;
}

.hs3-row-zz:nth-child(3) .hs3-content-zz .vc_column-inner >.wpb_wrapper {
	padding-left: 80px;
	padding-right: 100px;
}

.hs3-row-zz:nth-child(1) {
	align-items: unset;
	margin-bottom: -70px;
}

.hs3-row-zz:nth-child(2) {
	margin-bottom: -30px;
}

/* home sec 4 */
.home-sec4 {
	position: relative !important;
	padding-top: 60px;
	padding-bottom: 60px;
}

.home-sec4>.wpb_column {}

.home-sec4>.wpb_column>.vc_column-inner {}

.home-sec4>.wpb_column>.vc_column-inner>.wpb_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home-sec4::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 257px;
	top: 0;
	left: 0px;
	right: 0px;
	z-index: -1;
	background-image: url(/wp-content/uploads/2025/04/shap-bg1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.home-sec4::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 257px;
	bottom: 0;
	left: 0px;
	right: 0px;
	z-index: -1;
	background-image: url(/wp-content/uploads/2025/04/shap-bg1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.simple-heading {
	text-transform: uppercase;
	font-weight: 700;
}

.gps-img-box {
	display: flex;
	position: relative;
}

.gps-img-box p.price {
	position: absolute;
	right: -80%;
	bottom: 15%;
	left: auto;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
	font-weight: 700;
	color: #3472B7;
}
/* home sec5 */
.home-sec5 {
	position: relative !important;
	padding-top: 50px;
	padding-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
}

.home-sec5::before {
	content: "";
}

.teamBox {
	display: flex;
	margin: 25px 0;
}

.teamBox .imageBox {
	width: 260px;
	flex: 0 0 260px;
	height: 393px;
	overflow: hidden;
}

.teamBox .imageBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.teamBox .imageContent {
	display: flex;
	flex-direction: column;
	padding: 0 0 0 20px;
}

.teamBox .imageContent p {
	font-size: 20px;
	color: #1A3665;
	line-height: 32px;
}

.teamBox .imageContent h4.name {
	font-size: 24px;
	line-height: 24px;
	color: #1A3665;
	position: relative;
	width: fit-content;
	display: flex;
	align-items: center;
	font-weight: 400;
	margin-top: auto;
}

.teamBox .imageContent h4.name::before {
	content: "";
	width: 20px;
	height: 1px;
	display: flex;
	background: #1A3665;
	margin-right: 5px;
}

.teamBox .imageContent span.designation {
	font-size: 15px;
	color: #1A3665;
	line-height: normal;
}

.home-sec5::before {
	content: "" !important;
	width: 100%;
	left: 0;
	right: 0;
	top: 132px;
	bottom: 0;
	display: block !important;
	height: 100%;
	position: absolute;
	background-image: url(/wp-content/uploads/2025/04/hs3-bg.webp);
	background-attachment: fixed;
}

/* New Poll secion 1 */
.np-sec1 {
	position: relative !important;
	padding-top: 180px;
	padding-bottom: 60px;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.np-sec1::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 445px;
	display: block !important;
	background: linear-gradient(to bottom, #1a3665 75%, transparent 100%);
}

.np-sec1::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 266px;
	display: block !important;
	z-index: 0;
	background: linear-gradient(to top, #1a3665 70%, transparent 100%);
}

.np-sec1 .nps1-banner-image {
	position: relative;
	z-index: 1;
}

/* NP sec 2 */

.np-sec2 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.np-sec2 .np-sec-coll-rounded {
	margin-bottom: 50px;
}

.np-sec2 .np-sec-coll-rounded .vc_column-inner {
}

.np-sec2 .np-sec-coll-rounded .vc_column-inner .wpb_wrapper {
	background: #ffffff;
	height: 211px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	padding: 10px;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.np-sec2 .np-sec-coll-rounded .vc_column-inner .wpb_wrapper:hover {
	transform: scale(1.03);
	background: #03A9F4;
}
.np-sec2 .np-sec-coll-rounded .vc_column-inner .wpb_wrapper .round-box-heading {
	position: relative;
	font-weight: 700;
	font-size: 38px;
	line-height: 38px;
	text-transform: uppercase;
	text-shadow: 0px 5px 4px rgba(0, 0, 0, 0.42);
	color: #000000;
	transition: all 0.3s ease-in-out;
}
.np-sec2 .np-sec-coll-rounded .vc_column-inner .wpb_wrapper:hover .round-box-heading
{
	color: #1a3665 !important;
}
.np-sec2 .np-sec-coll-rounded .vc_column-inner .wpb_wrapper::before {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	top: 4px;
	bottom: 10px;
	background: #74A3D7;
	border-radius: 50%;
	background: linear-gradient(to right,  #74a3d7 0%,#ffffff 50%,#74a3d7 100%);
	border: 1px solid rgb(0 0 0 / 1%);
	border-width: 0px 1px 1px 1px;
}

.np-sec2 .np-sec-coll-big {}

.np-sec2 .np-sec-coll-big .vc_column-inner {}

.np-sec2 .np-sec-coll-big > .vc_column-inner > .wpb_wrapper {}

.np-sec2 .np-sec-coll-big > .vc_column-inner > .wpb_wrapper .content {}

.np-sec2 .np-sec-coll-big > .vc_column-inner > .wpb_wrapper .content p {
	font-size: 20px;
	line-height: 34px;
	color: #1A3665;
}


/* NP sec3 */
.np-sec3 {
	background-attachment: fixed;
	padding-top: 60px;
	padding-bottom: 60px;
}

.np-sec3 p.nps-para {
	width: 1082px;
	margin-left: auto;
	margin-right: auto;
}

.np-sec3-row {
	display: flex;
}

.np-sec3-row .np-sec3-row-col-left {
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner {
	height: 100%;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper {
	height: 100%;
	background: #132256;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper .wpb_text_column {
	height: 100%;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper {
	height: 100%;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .bContentBox {
	height: 100%;
	padding: 25px 40px 25px 25px;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .bContentBox h3 {
	font-size: 26px;
	line-height: 32px;
	color: #ffffff;
	text-transform: capitalize;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .bContentBox ul {
	margin: 0;
	list-style: circle !important;
	padding: 0;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .bContentBox ul li {
	font-size: 20px;
	font-family: 'Helvetica';
	color: #ffffff;
	font-weight: 400;
	line-height: 42px;
	position: relative;
	padding-left: 20px;
}

.np-sec3-row .np-sec3-row-col-left .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .bContentBox ul li::before {
	font-size: 15px;
	width: 5px;
	height: 5px;
	content: "";
	background: #ffffff;
	display: flex;
	position: absolute;
	left: 0;
	top: 18px;
	border-radius: 50%;
}

.np-sec3-row .np-sec3-row-col-right {}

.np-sec3-row .np-sec3-row-col-right figure.vc_figure {
	width:100%;
}
.np-sec3-row .np-sec3-row-col-right figure.vc_figure .vc_single_image-wrapper {
	width:100%;
}
.np-sec3-row .np-sec3-row-col-right figure.vc_figure .vc_single_image-wrapper img{
	height: 410px;
	object-fit: cover;
	object-position: 0 -2px;
}

.np-sec3-row .np-sec3-row-col-right .wpb_single_image {
	text-align: right;
}

/* np-sec4 */
.np-sec4 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.np-sec4 > .code-html {}

.nps4-unique-box {
	width: 90%;
	margin: auto;
	min-height: 457px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nps4-unique-box .overlape {
	width: 840px;
	height: 380px;
	text-align: center;
	background: rgba(0,0,0,0.80);
	padding: 40px;
}

.nps4-unique-box .overlape h3 {
	color: #ffffff;
	text-transform: capitalize;
	font-size: 40px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 20px;
}

.nps4-unique-box .overlape h2.GoodVibrations {
	color: #ffffff;
	font-size: 40px;
	line-height: normal;
	margin-bottom: 15px;
}

.nps4-unique-box .overlape p {
	font-size: 20px;
	line-height: 32px;
	color: #ffffff;
	margin-bottom: 20px;
}

.nps4-unique-box .overlape a.btns {background: var(--theme-colour);color: #ffffff;text-transform: uppercase;font-weight: 700;height: 50px;display: inline-flex;align-items: center;padding: 0 25px;letter-spacing: 1px;border: 3px solid var(--theme-colour);}

.nps4-unique-box .overlape a.btns:hover {
	background-color: transparent;
	border-color: var(--theme-colour);
	color: var(--theme-colour);
}

.np-sec4 .code-html {
	margin-bottom: 50px;
}

.np-sec4-row {}

.np-sec4-row .np-sec4-col {}

.np-sec4-row .np-sec4-col>.vc_column-inner {}

.np-sec4-row .np-sec4-col>.vc_column-inner> .wpb_wrapper {
	background: #132256;
	padding: 20px 20px;
}

.np-sec4-row .np-sec4-col>.vc_column-inner .wpb_wrapper .content {
}

.np-sec4-row .np-sec4-col>.vc_column-inner .wpb_wrapper .content ul {
	padding: 0;
}

.np-sec4-row .np-sec4-col>.vc_column-inner .wpb_wrapper .content ul li {
	color: #ffffff;
	font-size: 20px;
	line-height: 41px;
	position:relative;
	padding-left: 20px;
}
.np-sec4-row .np-sec4-col>.vc_column-inner .wpb_wrapper .content ul li::before{
	content: "";
	width: 5px;
	height: 5px;
	background: #ffffff;
	position: absolute;
	left: 2px;
	top: 17px;
	border-radius: 50%;
}

/* cc sec 2 */
.cc-sec2 {
	margin-top: -150px;
	position: relative;
	z-index: 1;
}

.cc-sec2 .cc-sec2-row1 {
	margin-bottom: 40px;
	display: flex;
	align-items: flex-end;
}

.cc-sec2 .cc-sec2-row1 .cc-sec2-row1-colright {
	padding-bottom: 25px;
}

.cc-sec2 .cc-sec2-row2 {
	margin-left: -20px;
	margin-right: -20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 45px;
	margin-top: 120px;
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box {
	padding: 0 20px;
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner {
	padding: 0;
	box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.15);
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner>.wpb_wrapper {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner>.wpb_wrapper .img1 {
	margin: 0 -20px;
	height: 320px;
	margin-bottom: 20px;
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner>.wpb_wrapper .img1 figure.vc_figure {
	height: 100%;
	width:100%;
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner>.wpb_wrapper .img1 figure.vc_figure .vc_single_image-wrapper {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner>.wpb_wrapper .img1 figure.vc_figure .vc_single_image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease-in-out;
}
.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner>.wpb_wrapper:hover .img1 figure.vc_figure .vc_single_image-wrapper img {
	transform:scale(1.1);
}
.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box>.vc_column-inner>.wpb_wrapper h3.vc_custom_heading {
	color: #1A3665 !important;
	width: 100%;
	padding: 0;
}

.cc-sec2 .cc-sec2-row2 .cc-sec2-row2-box:nth-child(2) {
	margin-top: -130px;
}
.nps4-unique-box .overlape ul.btn-list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.nps4-unique-box .overlape ul.btn-list li {
	margin: 0 13px;
}

.nps4-unique-box .overlape ul.btn-list li:first-child {
	margin-left: 0;
}

.nps4-unique-box .overlape ul.btn-list li:last-child {
	margin-right: 0;
}

.np-sec4-row .np-sec4-col.center>.vc_column-inner> .wpb_wrapper {
	min-height: 200px;
	padding-top: 37px !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.cc-sec5 {
	padding-top: 60px;
	padding-bottom: 60px;
}

ul.pccg-list {
	display: flex;
	flex-direction: column;
	padding: 0;
}

ul.pccg-list li.item {
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
	margin-bottom: 15px;
	padding: 15px 15px 15px 75px;
	font-size: 20px;
	font-family: 'Helvetica';
	position: relative;
}

ul.pccg-list li.item:last-child {
	margin-bottom: 0;
}

ul.pccg-list li.item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #132256;
	display: flex;
	width: 60px;
}

ul.pccg-list li.item ul.inlist {
	padding: 0;
	margin-top: 15px;
}

ul.pccg-list li.item ul.inlist li {
	font-size: 22px;
	font-family: 'Helvetica';
	line-height: 32px;
	color: #2B352F;
	position: relative;
	padding-left: 30px;
}
ul.pccg-list li.item ul.inlist li::before {
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	background: #132256;
	border-radius: 50%;
	top: 10px;
	left: 7px;
}
.cc-sec2 .cc-sec2-row1 .cc-sec2-row1-colleft {}

.cc-sec2 .cc-sec2-row1 .cc-sec2-row1-colleft .img1 {}

.cc-sec2 .cc-sec2-row1 .cc-sec2-row1-colleft .img1 figure.vc_figure {}

.cc-sec2 .cc-sec2-row1 .cc-sec2-row1-colleft .img1 figure.vc_figure .vc_single_image-wrapper {
	height: 552px !important;
}

.cc-sec2 .cc-sec2-row1 .cc-sec2-row1-colleft .img1 figure.vc_figure .vc_single_image-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.25);
}

.cc-sec4-row {}

.cc-sec4-row .cc-sec4-row-col-big {
	margin-bottom: 75px;
}

.cc-sec4-row .cc-sec4-row-col-big .wpb_single_image {}

.cc-sec4-row .cc-sec4-row-col-big .wpb_single_image figure.vc_figure {
	width: 100%;
	box-shadow: 0px 15px 24px rgba(0, 0, 0, 0.25);
}

.cc-sec4-row .cc-sec4-row-col-big .wpb_single_image figure.vc_figure .vc_single_image-wrapper {
	height: 552px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.cc-sec4-row .cc-sec4-row-col-big .wpb_single_image figure.vc_figure .vc_single_image-wrapper img {}

.cc-sec4-row .cc-sec4-row-col-big .wpb_single_image figure.vc_figure .vc_single_image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 -110px;
}
.cc-sec5 {}

.cc-sec5 .cc-sec5-rows {}

.cc-sec5 .cc-sec5-rows .wpb_single_image {}

.cc-sec5 .cc-sec5-rows .wpb_single_image figure.vc_figure {
	width: 100%;
}

.cc-sec5 .cc-sec5-rows .wpb_single_image figure.vc_figure .vc_single_image-wrapper {
	width: 100%;
}
.cc-sec5 .cc-sec5-rows .cc-sec5-limg figure.vc_figure .vc_single_image-wrapper{
	height:441px;
}
.cc-sec5 .cc-sec5-rows .cc-sec5-rimg figure.vc_figure .vc_single_image-wrapper{
	height:511px;
}
.cc-sec5 .cc-sec5-rows .wpb_single_image figure.vc_figure .vc_single_image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hide {
	display: none !important;
}

/* Testimonial Slider */
.testimonialSwiper {
	width: 800px;
	position: relative;
}

.testimonialSwiper .swiper-button-prev, .testimonialSwiper .swiper-button-next {
	background: #ed1f24;
	width: 25px;
	height: 25px;
	top: 44px;
	bottom: auto;
	border-radius: 3px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.testimonialSwiper .swiper-button-prev::after, .testimonialSwiper .swiper-button-next::after {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonialSwiper .swiper-button-prev:hover, .testimonialSwiper .swiper-button-next:hover {
	background: #1a3563;
}

.testimonialSwiper .swiper-button-next {
	right: 0;
}

.testimonialSwiper .swiper-button-prev {
	left: auto;
	right: 27px;
}

.testimonialSwiper:hover .swiper-button-prev, .testimonialSwiper:hover .swiper-button-next {
	opacity: 1;
}

/* Home Slider */
.mainSlide {
	position: relative;
	width:100%;
}

.mainSlide .swiper-wrapper {}

.mainSlide .swiper-wrapper .slide-Item-loop {
	display: flex;
	height: 850px;
	justify-content: center;
	align-items: center;
}

.mainSlide .swiper-wrapper .slide-Item-loop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mainSlide .swiper-button-prev, .mainSlide .swiper-button-next {
	background: rgb(0 0 0 / 40%);
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: unset;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}

.mainSlide .swiper-button-prev::after, .mainSlide .swiper-button-next::after {
	position: absolute;
	font-size: 30px;
	color: #ffffff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

.mainSlide .swiper-button-prev:hover::after, .mainSlide .swiper-button-next:hover::after {
	opacity: 0;
}

.mainSlide .swiper-button-prev .arrow-preview, .mainSlide .swiper-button-next .arrow-preview {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	transition: all 0.3s ease;
	opacity:0;
}

.mainSlide .swiper-button-prev:hover .arrow-preview, .mainSlide .swiper-button-next:hover .arrow-preview {
	opacity: 1;
}

.mainSlide .swiper-button-prev {
	left: 30px;
}

.mainSlide .swiper-button-next {
	right: 30px;
}

.mainSlide .swiper-pagination {
	background: transparent;
	bottom: 10px;
	top: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
	margin: 0;
}

.mainSlide .swiper-pagination span.swiper-pagination-bullet {
	width: 60px;
	height: 40px;
	margin: 0;
	border: 2px solid #ed1f24;
	opacity: 0.3;
	border-radius: 5px;
	overflow: hidden;
}

.mainSlide .swiper-pagination span.swiper-pagination-bullet.active {}

.mainSlide .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.mainSlide .swiper-pagination span.swiper-pagination-bullet img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}