
html {
	font-size: 14px;
	scroll-behavior: smooth;
}
a, a:active, a:hover, a:focus, button:focus{
	outline: none;
	text-decoration: none;
}

body {
	font-family: "Montserrat", sans-serif;
	font-size: 1rem;
  	color: #000;
  	background-color: #fff;
	font-weight: 400;
}
/* common */
.mainHead {
	color: #BACA4C;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.btn1 {
	background-color: transparent;
	border-radius: 22px;
	color: #fff;
	padding: 7px 15px;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #fff;
	text-transform: uppercase;
}
.rPull {
	padding-right: calc((100vw - 1140px) / 2 );
}
.lPull {
	padding-left: calc((100vw - 1140px) / 2 );
}
.paragraph {
	color: #6F6F6E;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
/* /common */

#header {
	position: absolute;
	top: 0;
	z-index: 10;
	left: 0;
	right: 0;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
#header.stickyHead {
    position: sticky;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	animation: stickyMenu 0.8s ease-in-out forwards;
}
@keyframes stickyMenu {
    0% {
        top: -100px;
    }
    100% {
        top: 0;
    }
}
#header .navbar-brand svg {
	width: 180px;
}
/*#header.stickyHead .navbar-brand svg {
	width: 120px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}*/
#header .nav-link {
	color: #fff;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid transparent;
	position: relative;
	font-size: 14px;
	font-weight: 600;
	opacity: 0.5;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#header.stickyHead .nav-link {
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#header .nav-link:hover,
#header.stickyHead .nav-link:hover {
	color: #BACA4C;
	opacity: 1;
}
#header .nav-item {
	margin-right: 30px;
}
#header .nav-item:last-child {
	margin-right: 0px;
}
#header .nav-item.joinBtn .nav-link {
	background-color: #BACA4C;
	border-radius: 22px;
	color: #6F6F6E;
	padding: 9px 20px 5px;
	opacity: 1;
}
#header .nav-item.active .nav-link {
	opacity: 1;
	color: #BACA4C;
}
#header .navbar .navbar-toggler {
    padding: 0;
    border: none;
}
#header .hamburger .line {
  	width: 40px;
  	height: 4px;
  	background-color: #fff;
  	display: block;
  	margin: 8px auto;
  	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
  	border-radius: 10px;
}
#header.stickyHead .hamburger .line {
	background-color: #6f6f6e;
}
#header .hamburger:hover{
  	cursor: pointer;
}
#header .hamburger.is-active .line:nth-child(1){
  	-webkit-transform: translateY(12px);
  	-ms-transform: translateY(12px);
  	-o-transform: translateY(12px);
  	transform: translateY(12px);
}
#header .hamburger.is-active .line:nth-child(3){
  	-webkit-transform: translateY(-12px);
  	-ms-transform: translateY(-12px);
  	-o-transform: translateY(-12px);
  	transform: translateY(-12px);
}
#bannerAndAbout {
	position: relative;
	overflow: hidden;
}
#bannerAndAbout .banner {
	background-color: #6F6F6E;
	padding: 200px 0 150px;
	position: relative;
	overflow: hidden;
}
#bannerAndAbout .banner .bannerHead {
	color: #fff;
	font-size: 55px;
	font-weight: 500;
	margin-bottom: 0px;
}
#bannerAndAbout .banner .bannerHead svg {
	width: 70px;
}
#bannerAndAbout .banner .bannerPara {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0px;
}
#bannerAndAbout .banner .c37BgTrans {
	position: absolute;
	width: 850px;
	left: -75px;
	top: 0;
	display: none;
}
#bannerAndAbout .about {
	padding: 70px 0;
}
#bannerAndAbout .about .aboutBoldPara {
	color: #6F6F6E;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 40px;
}
#bannerAndAbout .about p {
	color: #6F6F6E;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
#bannerAndAbout .docBanner {
	position: absolute;
	top: 128px;
	right: 0;
	width: 625px;
}
/* video section */
#vidSection {
	padding: 70px 0;
	background-color: #d7d7d7;
	position: relative;
}
#vidSection p {
	color: #6F6F6E;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
/* /video section */
#privileges {
	padding: 70px 0;
	position: relative;
}
#privileges .priviPara {
	font-size: 18px;
	color: #6F6F6E;
	font-weight: 500;
	margin-bottom: 80px;
}
#privileges .privilegesGridContainer {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(4, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 80px 50px;
	min-width: 0;
	min-height: 0;
}
#privileges .privilegesbox {
	min-width: 0;
	text-align: center;
}
#privileges .pbRow2 {
	grid-row-start: 2;
}
#privileges .pbRow3 {
	grid-row-start: 3;
}
#privileges .privilegesbox svg {
	height: 60px;
	margin-bottom: 25px;
}
#privileges .privilegesbox p {
	color: #6F6F6E;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 18px;
	text-transform: capitalize;
}
#privileges .privilegesBg {
	position: absolute;
	right: 0;
	top: -12%;
	width: 600px;
}
#amenities {
	padding: 0px 0 70px;
	position: relative;
	background-color: #6F6F6E;
}
#amenities .amenitiesBg {
	width: 100%;
}
#amenities .mainHead {
	color: #fff;
}
#amenities .amenitiesGridContainer {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(5, 1fr);
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 60px 30px;
	min-width: 0;
	min-height: 0;
	margin-bottom: 100px;
}
#amenities .amenitiesbox {
	min-width: 0;
}
#amenities .amenitiesbox svg {
	height: 70px;
	margin-bottom: 20px;
}
#amenities .amenitiesbox svg path {
	stroke: #fff;
}
#amenities .amenitiesbox h3 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 27px;
	line-height: 32px;
}
#packages {
	padding: 120px 0;
	height: 600px;
}
#packages .item {
	text-align: center;
	border: 1px solid #D7D7D7;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#packages .item:hover {
	transform: scale(1.05);
	z-index: 1;
	border-radius: 10px;
	box-shadow: 0px 0px 30px 8px rgba(9, 20, 14, 0.14);
}
#packages .packageSlide .item {
	border-radius: 10px;
}
#packages .packageSlide .item:hover  {
	transform: scale(1);
	box-shadow: none;
}
#packages .itemBox1 {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#packages .itemBoxLast {
	border-right: 1px solid #ccc;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
#packages .head {
	text-align: center;
	background-color: #D7D7D7;
	padding: 20px 10px;
}
#packages .head1 {
	background-color: #D7D7D7;
}
#packages .head2 {
	background-color: #C5C5C5;
}
#packages .head3 {
	background-color: #B4B4B4;
}
#packages .head4 {
	background-color: #9D9D9D;
}
#packages .head5 {
	background-color: #828282;
}
#packages .head6 {
	background-color: #494949;
}
#packages .item:hover .head {
	background-color: #BACA4C;
}
#packages .packageSlide .head1 {
	background-color: #D7D7D7 !important;
}
#packages .packageSlide .head2 {
	background-color: #C5C5C5 !important;
}
#packages .packageSlide .head3 {
	background-color: #B4B4B4 !important;
}
#packages .packageSlide .head4 {
	background-color: #9D9D9D !important;
}
#packages .packageSlide .head5 {
	background-color: #828282 !important;
}
#packages .packageSlide .head6 {
	background-color: #494949 !important;
}
/*#packages .packageSlide .item:hover .head {
	background-color: initial;
}*/
#packages .head .time {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
#packages .head .validity {
	color: #fff;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 700;
}
#packages .price {
	padding: 50px 0 10px;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
	color: #273B60;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#packages .note {
	font-size: 12px;
	color: #6F6F6E;
	margin-bottom: 30px;
	padding: 0 15px;
}
#packages .customPackage {
	font-size: 16px;
	color: #6F6F6E;
	margin-bottom: 0;
	margin-top: 30px;
	text-transform: capitalize;
}
#packages .item:hover .price {
	color: #BACA4C;
	font-size: 28px;
}
#packages .packageSlide .item:hover .price {
	font-size: 24px;
	color: #273B60;
}
#packages .price sup {
	font-size: 14px;
	margin-right: 5px;
}
#packages .item:hover .price sup {
	color: #273B60;
}
#packages .btn1 {
	background-color: #BACA4C;
	border: none;
	text-transform: capitalize;
	padding: 7px 25px;
	margin-bottom: 30px;
}
#packages .packageContainer {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(6, 1fr);
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 60px 0px;
	min-width: 0;
	min-height: 0;
}
#packages .packageContainer .item {
	min-width: 0;
}
#packages .owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
    color: #000;
}


#joinNow {
	padding: 120px 0;
	background-color: #6F6F6E;
	position: relative;
}
#joinNow h2 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
}

#joinNow .btn1 {
	border: 3px solid #fff;
	font-weight: 700;
	padding: 7px 30px;
	font-size: 20px;
	border-radius: 30px;
	z-index: 2;
	position: relative;
}
#joinNow .descriptn {
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 60px;
}
#joinNow .mapImg {
	width: 70%;
	position: relative;
	z-index: 2;
}
#joinNow .mapImg img {
	width: 100%;
}
#joinNow .mapLine {
	position: absolute;
	bottom: 2%;
	width: 100%;
	left: 0;
}
#joinNow .eggShape {
    display: block;
    width: 315px;
  	height: 450px;
  	background-color: red;
  	border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  	transform: rotate(180deg);
  	overflow: hidden;
}

#footer {
	padding: 20px 0;
	background-color: #000;
}
#footer .fLogo {
	width: 100%;
	margin-bottom: 10px;
}

#footer .fLinks {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
}
#footer .fLinks li {
    margin-bottom: 0px;
}
#footer .fLinks li a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.62);
    font-weight: 600;
    text-transform: uppercase;
}
#footer .fLinks li a svg {
	width: 140px;
}
#footer .logo svg {
	width: 100%;
}
#footer .socialLinks {
  	list-style-type: none;
  	margin-bottom: 0;
  	padding: 0;
}
#footer .socialLinks li:not(:last-child) {
	margin-right: 30px;
}
.rtl #footer .socialLinks li:not(:last-child) {
	margin-right: 0px;
	margin-left: 30px;
}
#footer .socialLinks img {
  height: 22px;
  width: auto;
}
#footer .copyText {
	color: #fff;
	margin-bottom: 0;
}

/* join page */
#innerBanner {
	position: relative;
}
#innerBanner h1 {
	position: absolute;
	top: 180px;
	color: #fff;
	text-transform: uppercase;
	font-size: 38px;
	font-weight: 600;
}
#innerBanner img {
	width: 100%;
}
#joinForm {
	padding: 30px 0 70px;
}
#innerBanner.enquiryBanner {
	background-color: #6F6F6E;
	padding: 180px 0 100px;
	position: relative;
	overflow: hidden;
}
#innerBanner.enquiryBanner .docBanner {
  position: absolute;
  top: 128px;
  right: 0;
  width: 500px;
}
.rtl #innerBanner.enquiryBanner .docBanner {
  	right: unset;
  	left: 0;
  	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#innerBanner .enquiryBannerContent {
	
}
#innerBanner .enquiryBannerContent .mainHead,
#innerBanner .enquiryBannerContent .paragraph {
	color: #fff;
}
#innerBanner .enquiryBannerContent .joinBnrBtn {
	background-color: #BACA4C;
	border-radius: 22px;
	color: #fff;
	padding: 10px 20px;
	font-weight: 600;
}
.customForm .form-group {
	border-bottom: 1px solid #707070;
}
.customForm .form-group .form-control {
	border: none;
	box-shadow: none;
	font-size: 28px;
	color: rgba(0, 0, 0, 0.57);
}
.customForm #phone.form-control {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}
.customForm .form-group .form-control:focus {
	color: #000;
}
.customForm .form-group .col-form-label {
	font-size: 16px;
	font-weight: 500;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: uppercase;
} 
.customForm .btn1 {
	background-color: #BACA4C;
	color: #fff;
	border: none;
	padding: 10px 50px;
	border-radius: 26px;
	font-weight: 700;
}
.customForm .customSelect {
    position: relative;
}
.customForm .customSelect::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #6F6F6E transparent;
}
.customForm .bootstrap-select .btn {
	background-color: transparent;
	border: none;
	font-size: 28px;
	box-shadow: none;
}
.customForm .bootstrap-select .btn:focus {
	outline: 0 !important;
}
.customForm .bootstrap-select .dropdown-toggle::after {
    display: none;
}
.customForm .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	font-size: 28px;
	color: rgba(0, 0, 0, 0.57);
}
.customForm .bootstrap-select .form-control {
	border: 1px solid #d7d7d7;
	font-size: 14px;
}
.customForm .bootstrap-select .dropdown-item {
	text-transform: uppercase;
}
.customForm .error {
	padding-left: 0.75rem;
	margin-bottom: 5px;
  	font-size: 13px !important;
}
.bs-searchbox .form-control:focus {
	border-color: #d7d7d7;
	box-shadow: none;
}
/* /join page */

/* amenities page */
#amenitiesContent {
	padding: 40px 0 70px;
}
#amenitiesContent .mainHead {
	color: #6f6f6e;
	text-transform: capitalize;
}
#amenitiesContent .descPara {
	color: #6F6F6E;
	margin-bottom: 40px;
	font-weight: 600;
	font-size: 18px;
}
/*#amenitiesContent .imgBox {
	position: relative;
	overflow: hidden;
	padding-bottom: 65%;
	background-color: #d7d7d7;
	margin-bottom: 30px;
	border-radius: 10px;
}
#amenitiesContent .imgBox img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
}*/
#amenitiesContent .mb-amenitieSpacing {
	margin-bottom: 100px;
}
#amenitiesContent .aminitieImg {
	width: 100%;
}
/* /amenities page */
/* about page */
#aboutPageContent {
	padding: 40px 0 70px;
}
#values {
	padding: 70px 0;
	background-color: #d7d7d7;
	position: relative;
}
#values .valuesGridContainer {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(5, 1fr);
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 30px 30px;
	min-width: 0;
    min-height: 0;
}
#values .valuesBox {
	padding: 30px 20px;
	border-radius: 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color: #fff;
	min-width: 0;
	text-align: center;
	box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

#values .valuesBox:hover {
	box-shadow: 0px 0px 15px -2px rgba(0, 0, 0, 0.25);
}

#values .valuesBox .iconCircle {
	display: inline-block;
	background-color: rgba(69, 121, 245, 0.03);
	border-radius: 50%;
	margin-bottom: 20px;
	height: 100px;
	width: 100px;
	text-align: center;
	margin: 0 auto 20px;
}
#values .valuesBox svg {
	height: 80px;
	margin-bottom: 25px;
}

#values .valuesBox .valuesHead {
	font-size: 20px;
	font-weight: 600;
	color: #273B60;
}
#values .valuesBox p {
	font-size: 14px;
	font-weight: 500;
	color: #273B60;
	margin-bottom: 0;
}
#values .vBox {
	background-color: #fff;
	padding: 30px 20px 30px 60px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);
	margin-bottom: 40px;
	position: relative;
}
#values .vBox .iconBox {
	background-color: #BACA4C;
	border-radius: 12px;
	padding: 14px;
	position: absolute;
	top: -15px;
	left: -25px;
	display: inline-block;
}
#values .privilegesIcon,
#values .mobilityIcon,
#values .practicalityIcon {
	height: 40px;
	width: 40px;
}
#values .privilegesIcon path,
#values .mobilityIcon path,
#values .practicalityIcon path {
	fill: #fff;
} 
#values .mainHead {
	margin-bottom: 30px;
	color: #BACA4C;
}
#values .valuList {
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
#values .valuList li {
	color: #6F6F6E;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
}
#values .valuList li:last-child {
	margin-bottom: 0;
}
#values .valuList li::marker {

}
#values .valueImg {
	position: absolute;
	left: 0px;
	bottom: -1px;
	width: 600px;
}
/* /about page */
/* membership page */
#membershipPageContent {
	padding: 40px 0 70px;
}
#membershipPageContent .benefitsContainer {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(4, 1fr);
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 80px 50px;
	min-width: 0;
	min-height: 0;
}
#membershipPageContent .benefitsbox {
	min-width: 0;
	text-align: center;
}
#membershipPageContent .benefitsbox svg {
	height: 60px;
	margin-bottom: 25px;
}
#membershipPageContent .benefitsbox p {
	color: #6F6F6E;
	font-weight: 500;
	margin-bottom: 0;
	font-size: 18px;
	text-transform: capitalize;
}
/* /membership page */
/* packages page */
#packagesPageContent {
	padding: 40px 0 70px;
}
#packagesPageContent .customPackage {
	font-size: 16px;
	color: #6F6F6E;
	margin-bottom: 0;
	text-transform: capitalize;
}
#packagesPageContent .packageBox {
	text-align: center;
	border: 1px solid #D7D7D7;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin-bottom: 30px;
	border-radius: 10px;
}
#packagesPageContent .packageBox:hover {
	z-index: 1;
	box-shadow: 0px 0px 30px 8px rgba(9, 20, 14, 0.14);
}
#packagesPageContent .head {
	text-align: center;
	background-color: #D7D7D7;
	padding: 20px 10px;
}
#packagesPageContent .head1 {
	background-color: #D7D7D7;
}
#packagesPageContent .head2 {
	background-color: #C5C5C5;
}
#packagesPageContent .head3 {
	background-color: #B4B4B4;
}
#packagesPageContent .head4 {
	background-color: #9D9D9D;
}
#packagesPageContent .head5 {
	background-color: #828282;
}
#packagesPageContent .head6 {
	background-color: #494949;
}
#packagesPageContent .packageBox:hover .head {
	background-color: #BACA4C;
}
#packagesPageContent .head .time {
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
#packagesPageContent .head .validity {
	color: #fff;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 700;
}
#packagesPageContent .price {
	padding: 50px 0;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600;
	color: #273B60;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#packagesPageContent .price sup {
	font-size: 14px;
	margin-right: 5px;
}
#packagesPageContent .btn1 {
	background-color: #BACA4C;
	border: none;
	text-transform: capitalize;
	padding: 7px 25px;
	margin-bottom: 30px;
}
#packagesPageContent .note {
    font-size: 12px;
    color: #6F6F6E;
    margin-bottom: 30px;
    padding: 0 15px;
}
/* /packages page */
/* news page */
#newsPageContent {
	padding: 40px 0 70px;
}
#newsPageContent .newsBox {
	padding: 30px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);
	margin-bottom: 30px;
	width: 100%;
}
#newsPageContent .newsBox .subject {
	color: #6F6F6E;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
}
#newsPageContent .newsSec {
	margin-bottom: 40px;
}
#newsPageContent .newsSec .subject {
	color: #6F6F6E;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 40px;	
}
#newsPageContent .newsSec .newspaper {
  column-count: 2;
  column-gap: 40px;
}
#newsPageContent .newspaper p {
	font-size: 18px;
	color: #6F6F6E;
	font-weight: 500;
	margin-bottom: 20px;
}
#newsPageContent .newspaper span {
	font-weight: 700;
}
/* /news page */
/* contact Page */
#mapContent {
	background-color: #6F6F6E;
}
#mapContent iframe {
	width: 100%;
	min-height: 300px;
}
#contactForm h2 {
	color: #6f6f6e;
	margin-bottom: 20px;
}
#contactForm p {
	color: #6F6F6E;
	margin-bottom: 2px;
	font-weight: 500;
	font-size: 16px;
}
#contactForm {
    padding: 30px 0 70px;
}
.contactBox.media {
    direction: ltr;
}
#contactForm .contactBox .contactSvgIcons {
  height: 50px;
  margin-right: 20px;
  min-width: 50px;
  stroke: #000;
}
#contactForm .contactBox h4 {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 0px;
  color: #6F6F6E;
  font-weight: 500;
}
#contactForm .contactBox a {
  color: #BACA4C;
  font-size: 1.059rem;
}
/*#contactForm .contactBox {
  padding: 20px 25px;
  border-radius: 17px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#contactForm .contactBox:hover {
  background-color: #fff;
}*/
/* /contact Page */
/* doctor */
#docPageContent {
    padding: 40px 0 70px;
}
#docPageContent .docProfView {

}
#docPageContent .docProfView .docProfBox {
	border-radius: 5px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	background-color: #f4f4f4;
  	margin-top: 81px;
  	position: relative;
  	display: flex;
  	justify-content: center;
  	height: calc(100% - 81px);
}
#docPageContent .docProfView:hover .docProfBox {
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}
#docPageContent .docProfView .content {
	padding: 100px 10px 20px;
}
#docPageContent .docProfView .profImgBox {
	background-color: #fff;
	padding: 6px;
	border-radius: 50%;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	display: inline-block;
	position: absolute;
	top: -81px;
	overflow: hidden;
}
#docPageContent .docProfView .profImg {
	width: 150px;
}
#docPageContent .docProfView .docName {
	font-size: 18px;
    font-weight: 600;
    color: #273B60;
}
#docPageContent .docProfView .paragraph {
	font-size: 14px;
	margin-bottom: 0;
	text-transform: capitalize;
}
#docPageContent .docProfModal { 
	background: rgba(186,202,76,0.5);
}
#docPageContent .docProfModal .cstmModalWdth {
	max-width: 1110px;
}
#docPageContent .docProfModal .modal-content {
	padding: 25px;
  	background-color: transparent;
  	border: none;
}
#docPageContent .close {
	position: absolute;
	right: 14px;
  	top: 20px;
    color: #fff;
    text-shadow: none;
    font-weight: 500;
    opacity: 1;
    border: 2px solid #fff;
    padding: 10px 6px;
    border-radius: 50%;
    line-height: 0;
    cursor: pointer;
    z-index: 1;
}
#docPageContent .docProfModal .modal-header {
	border: none;
	background-color: #fff;
}
#docPageContent .docProfModal .modal-footer {
	border: none;
	padding: 0;
	background-color: #fff;
}
#docPageContent .docProfModal .modal-body {
	padding: 0;
	background-color: #fff;
}
#docPageContent .btmImg {
	width: 100%;
}
#docPageContent .docProfModal .boldPara {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 30px;
}
#docPageContent .docProfModal .subPara {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 15px;
	color: #000;
}
#docPageContent .docProfModal .profBgBox {
	background-color: #baca4c;
	width: 100%;
	height: 60px;
	border-radius: 50px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}
#docPageContent .docProfModal .profImgBox {
	background-color: #baca4c;
/*  	padding: 6px;*/
  	border-radius: 50%;
  	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  	display: inline-block;
  	overflow: hidden;
  	border: 6px solid #baca4c;
  	position: relative;
  	z-index: 1;
}
#docPageContent .docProfModal .profImg {
	max-width: 130px;
  	width: 100%;
}
#docPageContent .docProfModal .docName {
	font-size: 16px;
    font-weight: 600;
    color: #273b60;
    margin-bottom: 0px;
    position: relative;
  	z-index: 1;
}
#docPageContent .docProfModal .docDesg {
	font-size: 13px;
    font-weight: 500;
    color: #6f6f6e;
    text-transform: capitalize;
    line-height: 16px;
    margin-bottom: 0;
    position: relative;
  	z-index: 1;
}
#docPageContent .docProfModal .instagram-embed-container iframe {
	min-width: 100% !important;
}
/*#docPageContent .docProfModal .socialLinks {
	list-style: none;
	padding: 0;
}
#docPageContent .docProfModal .socialLinks li {
	margin-bottom: 10px;
}
#docPageContent .docProfModal .socialLinks li:last-child {
	margin-bottom: 0px;
}
#docPageContent .docProfModal .socialLinks img {
	height: 20px;
	margin-right: 15px;
}
#docPageContent .docProfModal .socialLinks span {
	font-size: 14px;
    font-weight: 500;
    color: #baca4c;
}*/
/* /doctor */


/* arabic */
.rtl .navbar-brand {
	margin-right: 0;
	margin-left: 1rem;
}
.rtl #header .nav-item {
    margin-right: 0px;
    margin-left: 30px;
}
.rtl #header .nav-item:last-child {
	margin-left: 0px;
}
.rtl #bannerAndAbout .docBanner {
	right: unset;
	left: 0;
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}
.rtl #privileges .privilegesBg {
	right: unset;
	left: 0;
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}
.rtl #joinNow .mapLine {
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}
/*.rtl #innerBanner img {
    -webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}*/
.rtl #docPageContent .btmImg {
    -webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}
.rtl #values .vBox .iconBox {
	left: unset;
	right: -25px;
}
.rtl #values .vBox {
	padding: 30px 60px 30px 20px;
}
.rtl #values .valueImg {
    left: unset;
    right: 0;
    -webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}
/* arabic */

/*join*/
#membershipPageContent.joinMembershipContent {
	padding-top: 70px;
}
#joinAmenitiesContent .imgBox {
	position: relative;
	overflow: hidden;
	padding-bottom: 70%;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}
#joinAmenitiesContent .imgBox .aminitieImg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	width: 100%;
}
#joinAmenitiesContent .aminitieHead {
	color: #6f6f6e;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

/* new css shabab begin  */
   /* Your custom styles */

/* Full-width overlay loader */
.overlay-loader {
    position: fixed;
    bottom: 0;
    left: 0;
    /* top: 50%; */
    width: 100%;
    text-align: center;
    z-index: 999999999;
    display: none;
    opacity: 0.8;
    background: white;
    height: 100%;
    width: 100%;
    max-width: 100%;
    display: flex;
  	align-items: center;
  	justify-content: center;
}

/* Centered spinner */
.overlay-loader .spinnerBox {
	/*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;*/
    width: 120px;
    height: 120px;
}
.spinner-border {
    display: inline-block;
    color: #baca4c;
}

/* Centered text below the spinner */
.overlay-loader p {
    margin-top: 0px;
  	margin-bottom: 0;
  	font-size: 18px;
  	font-weight: 500;
  	color: #273b60;
  	margin-left: 0px;
  	position: absolute;
}

/* Give some padding to modal content */
.modal-body {
    padding-bottom: 50px; /* Adjust as needed */
}

/* end */



@media (min-width: 280px) and (max-width: 575px) {
    /* common */
    .rPull {
		padding-right: 0;
	}
	.lPull {
		padding-left: 0;
	}
	/* /common */
	/* header */
	#header .navbar-brand svg {
    	width: 160px;
    }
    #header .nav-link {
    	font-weight: 500;
    }
    #header .navbar-collapse {
    	background-color: #676767;
		border-radius: 10px;
    }
    #header .navbar .navbar-nav {
    	padding: 30px;
    }
    #header .nav-item {
	    margin-right: 0px;
	    margin-bottom: 10px;
	}
	#header .nav-item:last-child {
	    margin-bottom: 0px;
	}
	/* /header */
	/* banner and about */
	#bannerAndAbout .banner .bannerHead {
	    font-size: 32px;
	}
	#bannerAndAbout .banner .bannerPara {
	    font-size: 16px;
	}
	#bannerAndAbout .docBanner {
	    display: none;
	}
	#bannerAndAbout .banner .c37BgTrans {
	}
	/* /banner and about */
	/* values */
	
    /* /values */
	/* privileges */
    #privileges .privilegesBg {
		display: none;
	}
	#privileges .privilegesGridContainer {
	    -ms-grid-columns: repeat(2, 1fr);
	    grid-template-columns: repeat(2, 1fr);
	}
	#privileges .pbRow2 {
	grid-row-start: unset;
	}
	#privileges .pbRow3 {
		grid-row-start: unset;
	}
	/* /privileges */
	/* amenities */
	#amenities .amenitiesGridContainer {
	    -ms-grid-columns: repeat(2, 1fr);
	    grid-template-columns: repeat(2, 1fr);
	}
	#amenities .amenitiesbox p {
		font-size: 22px;
	}
	/* /amenities */
	/* packages */
	#packages .packageContainer {
		display: none;
	}
	/* /packages */
	/* footer */
	#footer {
		padding: 40px 0;
	}
	#footer .fLinks li {
	    margin-bottom: 20px;
	}
	#footer .fLinks li:last-child {
	    margin-bottom: 0px;
	}
    /* footer */
    /* join page */
    #innerBanner h1 {
		top: 140px;
		font-size: 30px;
	}
	.customForm .form-group .form-control {
		padding-left: 0;
		padding-right: 0;
	}
	.customForm .form-group {
		margin-right: 0;
		margin-left: 0;
	}
	.customForm .bootstrap-select .btn {
		padding-left: 0;
		padding-right: 0;
	}
	/* /join page */
	/* membership page */
	#membershipPageContent .benefitsContainer {
		-ms-grid-columns: repeat(1, 1fr);
		grid-template-columns: repeat(1, 1fr);
	}
	/* /membership page */
	/* about page */
	#values .valueImg {
		width: 380px;
		display: none;
	}
	#values .valuesGridContainer {
	    -ms-grid-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
	}
	#values .valuesBox:nth-last-child(1) {
		grid-column: 1 / span 2;
	}
	#values .valuesBox .valuesHead {
    	font-size: 16px;
    }
    #values .vBox .iconBox {
    	position: relative;
    	top: 0;
    	left: 0;
    	margin-bottom: 20px;
    }
    #values .vBox {
    	padding: 30px;
    }
    /* /about page */
    #newsPageContent .newsSec .newspaper {
	  	column-count: 1;
	}
	#docPageContent .docProfModal .cstmModalWdth {
		width: auto;
    	margin: 0.5rem;
	}
	#docPageContent .close {
		position: relative;
	    right: 10px;
	    top: 10px;
	    color: #000;
	    border: 2px solid #000;
	}
	#docPageContent .close {
		right: 10px;
    	top: 10px;
	    color: #000;
	    border: 2px solid #000;
	}
	#docPageContent .docProfModal .modal-content {
		padding: 0;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
    /* common */
    .rPull {
		padding-right: 0;
	}
	.lPull {
		padding-left: 0;
	}
	/* /common */
	/* header */
	#header .navbar-brand svg {
    	width: 160px;
    }
    #header .nav-link {
    	font-weight: 500;
    }
    #header .navbar-collapse {
    	background-color: #676767;
		border-radius: 10px;
    }
    #header .navbar .navbar-nav {
    	padding: 30px;
    }
    #header .nav-item {
	    margin-right: 0px;
	    margin-bottom: 10px;
	}
	#header .nav-item:last-child {
	    margin-bottom: 0px;
	}
	/* /header */
	/* banner and about */
	#bannerAndAbout .banner .bannerHead {
	    font-size: 32px;
	}
	#bannerAndAbout .banner .bannerPara {
	    font-size: 16px;
	}
	#bannerAndAbout .docBanner {
	    display: none;
	}
	#bannerAndAbout .banner .c37BgTrans {
	}
	/* /banner and about */
	/* values */
	
    /* /values */
    /* privileges */
    #privileges .privilegesBg {
		display: none;
	}
	#privileges .privilegesGridContainer {
	    -ms-grid-columns: repeat(2, 1fr);
	    grid-template-columns: repeat(2, 1fr);
	}
	#privileges .pbRow2 {
		grid-row-start: unset;
	}
	#privileges .pbRow3 {
		grid-row-start: unset;
	}
	/* /privileges */
	/* amenities */
	#amenities .amenitiesGridContainer {
	    -ms-grid-columns: repeat(2, 1fr);
	    grid-template-columns: repeat(2, 1fr);
	}
	#amenities .amenitiesbox p {
		font-size: 22px;
	}
	/* /amenities */
	/* packages */
	#packages .packageContainer {
		display: none;
	}
	/* /packages */
	/* footer */
	#footer {
		padding: 40px 0;
	}
	#footer .fLinks li {
	    margin-bottom: 20px;
	}
	#footer .fLinks li:last-child {
	    margin-bottom: 0px;
	}
    /* footer */

	/* join page */
	#innerBanner h1 {
		top: 100px;
		font-size: 28px;
	}
	.customForm .form-group {
		margin-right: 0;
		margin-left: 0;
	}
	/* /join page */
	/* membership page */
	#membershipPageContent .benefitsContainer {
		-ms-grid-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
	}
	/* /membership page */
	/* about page */
	#values .valueImg {
		width: 380px;
		display: none;
	}
	#values .valuesGridContainer {
	    -ms-grid-columns: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
	}
	#values .valuesBox:nth-last-child(1) {
		grid-column: 1 / span 2;
	}
	#values .valuesBox .valuesHead {
    	font-size: 16px;
    }
    /* /about page */
    #newsPageContent .newsSec .newspaper {
	  	column-count: 1;
	}
	#docPageContent .docProfModal .cstmModalWdth {
		max-width: 510px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    /* common */
    .rPull {
		padding-right: calc((100vw - 720px) / 2 );
	}
	.lPull {
		padding-left: calc((100vw - 720px) / 2 );
	}
	/* /common */
	/* header */
	#header .navbar-brand svg {
    	width: 160px;
    }
    #header .nav-link {
    	font-weight: 500;
    }
    #header .navbar-collapse {
    	background-color: #676767;
		border-radius: 10px;
    }
    #header .navbar .navbar-nav {
    	padding: 30px;
    }
    #header .nav-item {
	    margin-right: 0px;
	    margin-bottom: 10px;
	}
	#header .nav-item:last-child {
	    margin-bottom: 0px;
	}
	/* /header */
	/* banner and about */
	#bannerAndAbout .banner .bannerHead {
	    font-size: 32px;
	}
	#bannerAndAbout .banner .bannerPara {
	    font-size: 16px;
	}
	#bannerAndAbout .docBanner {
	    width: 400px;
	}
	#bannerAndAbout .banner .c37BgTrans {
	    width: 520px;
	    left: -40px;
	}
	/* /banner and about */
	/* values */
	
    /* /values */
    /* privileges */
    #privileges .privilegesBg {
		display: none;
	}
	#privileges .privilegesGridContainer {
	    -ms-grid-columns: repeat(3, 1fr);
	    grid-template-columns: repeat(3, 1fr);
	}
	#privileges .pbRow2 {
		grid-row-start: unset;
	}
	#privileges .pbRow3 {
		grid-row-start: unset;
	}
	/* /privileges */
	/* amenities */
	#amenities .amenitiesGridContainer {
	    -ms-grid-columns: repeat(2, 1fr);
	    grid-template-columns: repeat(2, 1fr);
	}
	#amenities .amenitiesbox p {
		font-size: 22px;
	}
	/* /amenities */
	/* packages */
	#packages .packageContainer {
		display: none;
	}
	/* /packages */
	/* footer */
	#footer .fLinks li a {
    	font-size: 12px;
    }
    /* footer */
    /* membership page */
	#membershipPageContent .benefitsContainer {
		-ms-grid-columns: repeat(3, 1fr);
		grid-template-columns: repeat(3, 1fr);
	}
	/* /membership page */
	/* about page */
	#values .valueImg {
		width: 380px;
	}
	#innerBanner h1 {
		top: 140px;
		font-size: 30px;
	}
	#values .valuesGridContainer {
	    -ms-grid-columns: repeat(3, 1fr);
		grid-template-columns: repeat(3, 1fr);
	}
	#values .valuesBox:nth-last-child(1) {
		grid-column: 3 / span 1;
	}
	#values .valuesBox .valuesHead {
    	font-size: 16px;
    }
    /* /about page */
    #docPageContent .docProfModal .cstmModalWdth {
		max-width: 690px;
	}
	#innerBanner.enquiryBanner .docBanner {
		width: 400px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
   	/* common */
    .rPull {
		padding-right: calc((100vw - 960px) / 2 );
	}
	.lPull {
		padding-left: calc((100vw - 960px) / 2 );
	}
	/* /common */

	/* header */
	#header .navbar-brand svg {
    	width: 160px;
    }
	/* /header */
	/* banner and about */
	#bannerAndAbout .docBanner {
	    width: 510px;
	}
	#bannerAndAbout .banner .c37BgTrans {
	    width: 685px;
	    left: -60px;
	}
	/* /banner and about */
	/* values */
	#innerBanner h1 {
		top: 160px;
		font-size: 30px;
	}
	
	
    /* /values */
    /* privileges */
    #privileges .privilegesBg {
		width: 450px;
		top: -4%;
	}
	/* /privileges */
	/* amenities */
	#amenities .amenitiesbox p {
		font-size: 22px;
	}
	/* /amenities */
	/* packages */
	#packages .head .validity {
		font-size: 10px;
	}
	/* /packages */
	/* about page */
	#values .valueImg {
		width: 510px;
	}
	#values .valuesBox .valuesHead {
    	font-size: 16px;
    }
    /* /about page */
    #docPageContent .docProfModal .cstmModalWdth {
		max-width: 930px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	
}
@media (min-width: 1400px) and (max-width: 3000px) {
	
}
