@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
:root {
  --primaryColor: #ee7642;
  --white: #fff;
  --darkText: #111111;
  --lightText: #888888;
  --lightBg: #f8f8f8;
  --footerLightText: #bbb;
  --fontLight: 'Gotham-Light';
  --fontMedium: 'Gotham-Medium';
  --fontBold: 'Gotham-Bold';
}
::selection {
	background-color: var(--primaryColor);
	color: var(--white);
}
body {
  font-size: 14px;
  line-height: 1.42;
  font-family: var(--fontLight) ;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.darkText {
  color: var(--darkText);
}
.lightText {
  color: var(--lightText);
}

.backToTopHome {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 9998;
  width: 50px;
  height: 50px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--primaryColor);
  color: var(--white);
}
.backToTopHome::before {
	content: "\e907";
	font-family: icomoon;
	font-size: 26px;
}
.fp-viewing-whatshappening .backToTopHome {
  background-color: var(--white);
  color: var(--primaryColor);
}
.backToTopHome:hover {
	background-color: var(--white);
	color: var(--primaryColor);
	box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}
.homePage.fp-viewing-home .backToTopHome {
  opacity: 0;
  pointer-events: none;
}
.fp-viewing-theapplicationprocess .backToTopHome,
.fp-viewing-whatpeoplesay .backToTopHome {
  /* background-color: var(--white);
	color: var(--primaryColor); */
}
/* ----------------- */
.amMortgageCalculator, .amMortgageCalculator a, .amMortgageCalculator a:before {
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.amMortgageCalculator {
  position: fixed;
  right: -88px;
  top: calc(50% - 60px);
  z-index: 99;
  background-color: var(--primaryColor);
  transform: rotate(-90deg);
  border-radius: 10px 10px 0px 0px
}
.amMortgageCalculatorColorBG {
  background-color: var(--white) !important
}
.amMortgageCalculatorColorBG a {
  color: var(--primaryColor) !important
}
.amMortgageCalculatorColorBG a:before {
  color: var(--primaryColor) !important
}
.amMortgageCalculator p {
  margin: 0px
}
.amMortgageCalculator a {
	color: var(--white);
	padding: 15px 30px;
	display: block;
	font-family: var(--fontMedium);
	border-radius: 10px 10px 0px 0px;
	font-size: 14px;
}
.amMortgageCalculator a:hover {
  color: var(--primaryColor);
  background-color: var(--white);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2)
}
.amMortgageCalculator a:before {
  content: "\e908";
  font-family: "icomoon";
  color: var(--white);
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  margin-right: 8px;
  position: relative;
  top: 2px
}
.amMortgageCalculator a:hover:before {
  color: var(--primaryColor)
}

/* ------------------- */


.amHomeSideNav {
  position: fixed;
  top: calc(50% - 130px);
  left: 50px;
  z-index: 1
}
.amHomeSideNav ul {
  position: relative;
  padding: 0px;
  display: none;
  margin: 0px
}
.fp-viewing-home .amHomeSideNavShow {
	display: none !important;
}
.amHomeSideNav ul:before {
  content: '';
  width: 1px;
  height: 0px;
  background-color: #414042;
  display: block;
  position: absolute;
  top: 20px;
  left: 6px;
  z-index: 99;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s
}
.amHomeSideNav ul.amHomeSideNav36:before {
  height: 36px
}
.amHomeSideNav ul.amHomeSideNav72:before {
  height: 72px
}
.amHomeSideNav ul.amHomeSideNav108:before {
  height: 108px
}
.amHomeSideNav ul.amHomeSideNav144:before {
  height: 144px
}
.amHomeSideNav ul.amHomeSideNav180:before {
  height: 180px
}
.amHomeSideNav ul:after {
  content: '';
  width: 1px;
  height: 180px;
  background-color: #dddddd;
  display: block;
  position: absolute;
  top: 20px;
  left: 6px
}
.amHomeSideNav ul.amHomeSideNavWhiteLine:before {
  background-color: var(--white) !important
}
.amHomeSideNavShow {
  display: block !important
}
.amHomeSideNavHide {
  display: none !important
}
.amHomeSideNav li {
  list-style: none;
  color: #414042;
  font-family: var(--fontBold);
  font-size: 11px;
  display: none;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s
}
.amHomeSideNavWhite {
  color: var(--white) !important
}
.amHomeSideNav li:last-child {
  margin-top: 200px
}
.amHomeSideNavCustomHide {
  display: none !important
}

/* ----------------- */

.headerSection {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	padding: 20px 0px;
	width: 100%;
  color: var(--white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

body.homePage:not(.fp-viewing-home) .headerSection {
  opacity: 0;
  pointer-events: none;
}

.menu > li {
  text-align: left;
	display: inline-block;
	vertical-align: top;
  position: relative;
  padding: 10px 12px;
}
.menuDD > li + li > a {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.menuTrigger::before {
	content: "\e911";
	font-family: "icomoon";
	color: var(--white);
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	margin-right: 8px;
	position: relative;
	top: 2px;
}
.menuTrigger {
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
}
.menuCloseIcon::before {
	font-family: 'icomoon';
	content: "\e90f";
	color: var(--white);
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 24px;
	position: absolute;
	right: 0px;
	top: 0;
	transform: rotateY(180deg) rotate(45deg);
}
.menuCloseIcon {
	position: absolute;
	right: 25px;
	top: 15px;
}
.searchIcon a {
	display: inline-block;
}


.homeBannerSection {
  min-height: 100vh;
  background-color: var(--darkText);
}


.bgVideo video {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	/* z-index: -1; */
	pointer-events: none;
	object-fit: cover;
	overflow-y: hidden;
}






/* banner Section */
.bannerSection {
	position: relative;
	z-index: 5;
	color: var(--white);
	padding-top: 80px;
}
.bannerContent {
	min-height: calc(100vh - 230px);
	display: flex;
	flex-direction: column;
}
.bannerBtmContent {
  margin-top: auto;
}
.btnStyle {
  font-family: var(--fontMedium);
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.btnStyle.btnStylePrimary {
  color: var(--primaryColor);
}
.btnStyle.btnStyleWhite {
  color: var(--white);
}

.btnStyle::before {
  margin-right: 10px;
  display: inline-block;
}
.btnStyle::before, .btnStyle.btnRightIcon::after {
  content: "\e906";
  font-family: 'icomoon';
  color: var(--primaryColor);
  font-size: 40px;
  line-height: 1;
  position: relative;
}
.btnStyle.btnRightIcon.smIconBtn::after {
	font-size: 30px;
}
.btnStyle.btnRightIcon::before, .btnStyle::after {
  display: none;
}
.btnStyle.btnRightIcon::after {
  margin-left: 10px;
  display: inline-block;
}
.btnStyle:hover {
  margin-left: 5px;
  /* transform: translateX(5px); */
  color: var(--primaryColor);
}
.btnStyle.btnStylePrimary:hover,
.btnStyle.btnStyleWhite:hover {
  color: var(--darkText);
}
.btnStyle.btnStylePrimary::before, .btnStyle.btnStyleWhite::before, .btnStyle.btnRightIcon::after {
	color: inherit;
}
.bannerTopContent {
	max-width: 270px;
}
.bannerTopContent h1 {
	font-family: var(--fontBold);
	font-size: 44px;
	margin: 30px 0px;
	line-height: normal;
}
.awardImgCol {
  margin: 20px 0;
}
.awardImgCol img {
  width: 100px;
}
.bannerBtmContent p {
	font-size: 16px;
	font-family: var(--fontMedium);
}
.bannerBtmContent {
	max-width: 380px;
}

.bannerLabel {
	font-size: 15px;
	color: var(--white);
	font-family: var(--fontMedium);
	margin-bottom: 20px;
}
.bannerCard a {
  display: inline-block;
  font-size: 16px;
  line-height: 1.3;
  font-family: var(--fontMedium);
}
.bannerCard a:hover {
  color: var(--primaryColor);
}
.bIcon {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}
.bannerRightContent {
	margin-left: auto;
	max-width: 800px;
}
/*   /banner section */



.sectionSpace {
  padding: 50px 0;
}
.sectionTitleSpace {
  margin-bottom: 30px;
}
.lgTitle {
	font-size: 50px;
	font-family: var(--fontMedium);
	line-height: normal;
}
.imgSlide > img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.imgSlider, .imgSlider img {
	border-radius: 10px;
	overflow: hidden;
}
.imgSliderCol {
  width: 452px;
}
.sliderBtnStyle {
	position: relative;
	padding-top: 15px;
}
.sBtnStylePrev, .sBtnStyleNext {
	color: var(--primaryColor);
	font-family: var(--fontMedium);
	font-size: 17px;
}
.sBtnStylePrev::before, .sBtnStylePrev > span,
.sBtnStyleNext::after, .sBtnStyleNext > span {
  display: inline-block;
  vertical-align: middle;
}
.sBtnStylePrev::before {
	content: "\e901";
  margin-right: 10px;
}
.sBtnStyleNext::after {
  content: "\e902";
  margin-left: 10px;
}
.sBtnStylePrev::before, .sBtnStyleNext::after {
	font-family: 'icomoonnew';
	font-size: 40px;
  line-height: 1;
}
.sBtnStylePrev, .sBtnStyleNext {
  -webkit-transition: color 300ms ease-in-out 0s;
  -o-transition: color 300ms ease-in-out 0s;
  transition: color 300ms ease-in-out 0s;
}
.sBtnStylePrev:focus, .sBtnStyleNext:focus,
.sBtnStylePrev:hover, .sBtnStyleNext:hover,
.whiteBtns .sBtnStyleNext:hover, .whiteBtns .sBtnStylePrev:hover {
  color: var(--darkText);
}
.whiteBtns .sBtnStyleNext, .whiteBtns .sBtnStylePrev {
	color: var(--white);
}
.swiper-button-disabled {
  opacity: 0.8;
  pointer-events: none;
  filter: grayscale(1);
}

.imgContentSwiperCol {
  width: 620px;
}
.smTitle {
  font-size: 23px;
  font-family: var(--fontMedium);
  color: var(--primaryColor);
}
.listStyle1 {
	font-size: 15px;
	color: var(--lightText);
	font-family: var(--fontLight);
}
.listStyle1 {
  list-style: initial;
  padding-left: 15px;
}
.listStyle1  ::marker {
  color: var(--primaryColor)
}
.listStyle1 > li {
  position: relative;
  list-style-type: initial;
}
.listStyle1 > li + li {
  margin-top: 15px;
}
.slideContent {
	height: 100%;
	background-color: #fff;
}
.imgContentSwiper .swiper-slide {
	height: initial;
}

.prevSection, .nextSection {
  position: absolute;
  left: 0px;
  text-align: center;
  width: 100%;
  z-index: 99;
  --tbSpace: 20px;
}
.prevSection {
	top: var(--tbSpace);
}
.nextSection {
	bottom: var(--tbSpace);
}
.nextSection a, .prevSection a {
	color: #aaaaaa;
	font-family: var(--fontMedium);
	font-size: 14px;
	letter-spacing: 1px;
}
.nextSection a:hover, .prevSection a:hover {
	text-decoration: none;
	color: var(--primaryColor);
}
.nextSection a::after, .prevSection a::before {
	font-family: 'icomoon';
	font-size: 28px;
  line-height: 1;
	position: relative;
	display: block;
}
.nextSection a::after {
	content: "\e904";
}
.prevSection a::before {
  bottom: 5px;
	content: "\e907";
}


/* tab style  */

.tabList > ul > li > a {
	color: #ddd9d6;
	font-family: var(--fontMedium);
	font-size: 18px;
  line-height: 1.3;
	padding: 25px 0px;
	display: inline-block;
	padding-left: 50px;
  position: relative;
}
.tabList > ul > li > a:focus {
  color: #ddd9d6;
}
.tabList > ul > li > a:hover, .tabList > ul > li > a.active {
  color: inherit;
}
.tabList > ul > li + li {
  border-top: 1px solid rgba(255,255,255,0.5);
}
.tabList > ul {
  counter-reset: tabCounter;
}
.tabList > ul > li > a {
  position: relative;
}
.tabList > ul > li > a:before {
  counter-increment: tabCounter;
  content: counter(tabCounter) " ";
  font-size: 50px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.appProcessDescription {
	padding-right: 100px;
}
.appProcessDescription p {
	font-size: 17px;
}
.appProcessDescription p a {
  font-family: var(--fontBold);
}
.appProcessBox {
  --processBoxSize: 240px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 50%;
	color: var(--primaryColor);
	height: var(--processBoxSize);
	width: var(--processBoxSize);
  display: flex;
  justify-content: center;
  align-items: center;
	position: relative;
	z-index: 1;
}
.appProcessBox::before {
	content: '';
	background-color: var(--white);
	height: 1px;
	width: 100px;
	display: block;
	position: absolute;
	top: 50%;
  right: 100%;
}
.appProcessBoxContent {
  padding: 20px;
	text-align: center;
	font-family: var(--fontBold);
	font-size: 16px;
  margin: 0 auto;
  max-width: 170px;
}
.appProcessBoxContent img {
  width: 50px;
  height: 62px;
  -o-object-fit: contain;
  object-fit: contain;
}
.appProcessBoxContent img + p {
  margin-top: 10px;
}
.appProcessBoxContent p:last-child {
  margin-bottom: 0;
}
.tabContentWidth {
	max-width: 700px;
	padding-right: 20px;
}


/* What's Happening  */
.happeningLeftCol {
  width: 430px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.happeningLeftCol p {
	font-size: 17px;
	max-width: 258px;
}

.newsImgCol img {
	width: 140px;
	height: 140px;
	object-fit: cover;
	border-radius: 50%;
}
.newsLbl {
	font-size: 12px;
	text-transform: uppercase;
	font-family: var(--fontMedium);
	letter-spacing: 1px;
}
.newsDate {
	font-size: 14px;
	font-family: var(--fontMedium);
}
.newsTitle {
	font-size: 20px;
	font-family: var(--fontBold);
	color: var(--primaryColor);
  -webkit-transition: color 300ms ease-in-out 0s;
  -o-transition: color 300ms ease-in-out 0s;
  transition: color 300ms ease-in-out 0s;
}
.newsCol:hover .newsTitle {
  color: var(--darkText);
}
.newsContentCol p {
	font-size: 15px;
  line-height: 1.6;
}
.newsContentCol p:last-child {
	margin-bottom: 0;
}
.newsCol {
	position: relative;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.newsCol:hover {
	padding-left: 5px;
}
.blankLink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.newsList > li {
	padding: 20px 0;
}
.newsList > li + li {
  border-top: 1px solid #ddd9d6;
}



/*  */
.psSliderCol {
	width: 665px;
	margin-left: auto;
}
.peopleSayContent {
	position: relative;
	color: var(--white);
	padding-top: 70px;
}
.peopleSayQuote {
	z-index: 2;
	position: relative;
}
.peopleSayQuote::before {
	content: "\e909";
	font-size: 100px;
  line-height: 1;
	font-family: icomoon;
	color: #fff;
	z-index: 2;
	top: -10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	margin-left: 65px;
	position: absolute;
	background-color: var(--primaryColor);
	padding: 0 15px;
}
.peopleSayContentImage img {
	width: 60px;
	height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.peopleSayContentLabel {
	font-size: 18px;
	font-family: var(--fontMedium);
	line-height: 1;
}
.peopleSayContentLabel p {
	margin: 0 0 5px;
}
.peopleSayContentLabel span {
	font-size: 15px;
}
.msgCol {
	--borderWd: 2px;
	--msgLeft: calc(-1 * var(--borderWd));
	--msgBtm: -32px;
	--msgBorder: 2px;
	font-size: 16px;
	line-height: 1.5;
	font-family: var(--fontMedium);
	margin-bottom: 30px;
	padding: 40px;
	border: var(--borderWd) solid #fff;
	border-radius: 40px 40px 40px 0px;
	position: relative;
}
.msgCol::before, .msgCol::after {
  --bBorder: 30px;
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}
.msgCol::before {
	left: var(--msgLeft);
	bottom: var(--msgBtm);
	border: var(--bBorder) solid;
	border-color: transparent transparent transparent #fff;
}
.msgCol::after {
	left: calc(var(--msgLeft) + var(--borderWd));
	bottom: calc(var(--msgBtm) + var(--borderWd) + var(--borderWd) + 1px);
	border: calc(var(--bBorder) - var(--borderWd)) solid;
	border-color: transparent transparent transparent #ee7642;
}
.msgCol > p:last-child {
	margin-bottom: 0;
}



/* footer */
.footerTopLink {
	border-top: 1px solid rgba(255,255,255,0.5);
	background-color: var(--primaryColor);
  overflow: hidden;
}
.footerTopLink .btnStyle {
	display: flex;
	justify-content: center;
	padding: 45px;
	background-color: var(--primaryColor);
}

.footerTopCol {
  padding: 90px 0 70px;
}
.footerCustomerPortal {
  padding-bottom: 40px;
}
.footerCustomerPortal h5 {
	font-size: 18px;
	font-family: var(--fontMedium);
	margin-bottom: 15px;
}
.footerCustomerPortal p {
  font-size: 15px;
}
.btn {
  font-family: 'Gotham-Medium';
  padding: 8px 30px;
  font-size: 16px;
  border-radius: 50px;
}
.btnPrimaryOutline {
	color: var(--primaryColor);
	border: 2px solid var(--primaryColor);
}
.btnPrimaryOutline:hover {
	color: var(--primaryColor);
	border-color: var(--primaryColor);
}
.footerTitleLink {
	font-size: 16px;
  font-family: var(--fontMedium);
}
.footerLinks {
	margin: 15px 0;
}
.footerLinks a {
	color: #7c7c7c;
	font-size: 14px;
  font-family: var(--fontMedium);
}
.footerLinks a:hover {
  color: var(--primaryColor);
}
.footerLinks > li + li {
  margin-top: 8px;
}

.footerContactDetails h3 {
	font-family: var(--fontBold);
	font-size: 32px;
	color: var(--footerLightText);
}
.contactText {
	color: #7c7c7c;
}
.socialLinks li {
	display: inline-block;
	margin-right: 8px;
}
.socialLinks a > span::before {
	font-family: 'icomoon';
	font-size: 15px;
  color: var(--footerLightText);
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.socialLinks a > span:hover::before {
  color: var(--primaryColor);
}
.youtube::before {
	content: "\e901";
}
.facebook::before {
	content: "\e900";
}
.twitter::before {
	content: "\e902";
}
.linkedin::before {
	content: "\e903";
}


.footerBtmLeft {
  color: var(--footerLightText);
}
.textSmall {
  font-size: 11px;
  line-height: 1.8;
}
.footerBtmLinks > li {
  display: inline-block;
  font-size: 12px;
}
.footerBtmLinks a {
  font-family: var(--fontMedium);
  color: var(--footerLightText);
}
.footerBtmLinks a:hover {
  color: var(--primaryColor);
}
.footerBtmLinks > li + li::before {
  content: "|";
  display: inline-block;
  margin-right: 15px;
}
.footerBtmLinks > li + li {
  margin-left: 12px;
}
.topBorder {
  border-top: 1px solid rgba(255,255,255,0.5);
}
.footerBtmCol {
	padding: 30px 0;
}
#appProcessTabContent {
	padding-top: 40px;
}

.footerSectionMain {
  background-color: #1a1a1a;
  position: relative;
}

/* how-to-apply */
.innerBannerSection {
  background-color: var(--darkText);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
  background-position: center;
	color: var(--white);
	height: 430px;
	display: flex;
	flex-direction: column;
	padding-top: 120px;
	padding-bottom: 30px;
}
.breadcrumbStyle .breadcrumb-item a, .breadcrumbStyle .breadcrumb-item {
  font-size: 15px;
  font-family: var(--fontMedium);
}
.breadcrumbStyle .breadcrumb-item a, .breadcrumbStyle .breadcrumb-item::before {
  color: var(--white);
}
.breadcrumbStyle .breadcrumb-item, .breadcrumbStyle .breadcrumb-item a:hover {
  color: var(--primaryColor);
}
.pageTitle {
	font-size: 52px;
	font-family: var(--fontMedium);
}
.innerPage .sectionSpace {
  padding: 100px 0;
}
.gridLineContainer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	pointer-events: none;
  /* z-index: -1; */
}
.gridLine {
	border-right: 1px solid rgba(0,0,0,0.04);
	width: 1px;
}
.innerTitle {
  color: #222222;
  font-size: 32px;
  font-family: var(--fontMedium);
  position: relative;
  line-height: normal;
  padding-left: 30px;
  margin-bottom: 50px;
}
.innerTitle1::before {
	content: '1.';
}
.innerTitle2::before {
	content: '2.';
}
.innerTitle3::before {
	content: '3.';
}
.innerTitle4::before {
	content: '4.';
}
.innerTitle5::before {
	content: '5.';
}
.innerTitle6::before {
	content: '6.';
}
.innerTitle7::before {
	content: '7.';
}
.innerTitle8::before {
	content: '8.';
}
.innerTitle9::before {
	content: '9.';
}
.innerTitle::before {
	font-size: 12px;
	position: absolute;
	left: 0px;
	top: 6px;
	font-family: var(--fontBold);
}
.accordionStyle {
  --acTPadding: 30px;
  --acCPadding: 20px;
  --iconSpace: 50px;
  --bs-accordion-border-color: #ccc;
  --bs-accordion-bg: transparent;
}
.accordionStyle .accordion-button {
	padding: var(--acTPadding) var(--acTPadding) var(--acTPadding) var(--iconSpace);
	font-size: 20px;
	font-family: var(--fontMedium);
	background-color: transparent;
	color: #444;
	box-shadow: none;
}
.accordionStyle .accordion-body {
  padding: 0 var(--acCPadding) var(--acCPadding) var(--iconSpace);
}
.accordionStyle .accordion-body p, .pContent p {
  color: var(--lightText);
  font-size: 16px;
  line-height: 1.62;
}
.accordionStyle .accordion-button::before {
	font-family: 'icomoon';
	content: "\e90e";
  font-size: 14px;
	color: #fff;
	border-radius: 50%;
	background-color: #ee7642;
	width: 40px;
	height: 40px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
	font-weight: 900;
	position: absolute;
	left: 0px;
}
.accordionStyle .accordion-button.collapsed::before {
  content: "\e90f";
}
.accordionStyle .accordion-button::after {
  display: none;
}
.accordionStyle.accordion-flush .accordion-item:last-child {
  border-bottom: 1px solid var(--bs-accordion-border-color);
}
img.linkIcon {
	width: 16px;
	margin-left: 4px;
	margin-right: 3px;
	position: relative;
	margin-top: -5px;
}
.linkText {
  color: var(--primaryColor);
  font-family: var(--fontMedium);
}
.linkText:hover {
	color: var(--darkText);
}
.primaryColor {
	color: var(--primaryColor);
}
.innerPage .backToTopHome {
  opacity: 0;
  pointer-events: none;
}
.scrolled .innerPage .backToTopHome {
	opacity: 1;
	pointer-events: initial;
}
/*    /how-to-apply */


/* our-product */
.ourProductsVideo {
  background-color: var(--primaryColor);
  color: var(--white);
	/* background-image: url('../images/video-bg.webp'); */
	background-repeat: no-repeat;
	background-position: center;
  background-size: cover;
	text-align: center;
	margin-bottom: 50px;
	min-height: 300px;
	display: flex;
	align-items: center;
  justify-content: center;
	padding: 20px;
}
.oProVideoContent h3 {
	font-size: 28px;
	font-family: var(--fontBold);
}
.mdTitle {
	font-size: 24px;
	line-height: 1.25;
	font-family: var(--fontMedium);
}
.lightBgP {
  padding: 15px;
  background-color: var(--lightBg);
}
.lightBg {
  background-color: var(--lightBg);
}

.tfCard {
  --baHeight: 180px;
  --border: 2px solid;
  --radius: 250px;
  padding: 80px 30px;
  text-align: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: var(--radius);
	margin: 0 -1px;
  border: var(--border);
  position: relative;
}
.tfCard h4 {
  font-family: var(--fontMedium);
  font-size: 20px;
  margin-bottom: 15px;
}
.tfCardCol:nth-child(2n) .tfCard {
	justify-content: flex-end;
}
.tfCardCol:first-child .tfCard::before,
.tfCardCol:last-child .tfCard::before {
  content: "";
  position: absolute;
  background-color: white;
  width: 50%;
  height: var(--baHeight);
}
.tfCardCol:first-child .tfCard::before {
	bottom: -2px;
	right: -2px;
}
.tfCardCol:last-child .tfCard::before {
	top: -2px;
	left: -2px;
}
.tfCardCol:nth-child(2), .tfCardCol:nth-child(3) {
  position: relative;
  z-index: 2;
}
.tfCardCol:nth-child(2) .tfCard::before,
.tfCardCol:nth-child(3) .tfCard::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-left: var(--border);
  border-right: var(--border);
  height: calc(100% - var(--baHeight));
}
.tfCardCol:nth-child(2) .tfCard::before {
  bottom: 0;
  border-bottom: var(--border);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.tfCardCol:nth-child(3) .tfCard::before {
  top: 0;
  border-top: var(--border);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}
.tfCardCol:nth-child(2) .tfCard ,
.tfCardCol:nth-child(3) .tfCard {
  border: none;
}
.tfCardCol + .tfCardCol .tfCard::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 24px;
  height: 13px;
  left: 1px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url('../images/angle-down.svg');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.tfCardCol + .tfCardCol:nth-child(3) .tfCard::after {
  background-image: url('../images/angle-up.svg');
}
.tfCardCol + .tfCardCol:last-child .tfCard::after {
  left: -1px;
}
.transactionFlowCol {
  padding: 20px 0;
}
.tfCard h4, .tfCard p {
  position: relative;
  z-index: 1;
}


.mortgageCard {
	text-align: center;
  --mColSize: 252px;
  width: var(--mColSize);
  margin: 4px;
}
.mCircleContent {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: var(--mColSize);
	height: var(--mColSize);
	background-color: var(--lightBg);
	border-radius: 50%;
	border: 2px solid var(--primaryColor);
	padding: 35px 30px;
}
.mSmTitle {
	display: block;
	font-family: var(--fontBold);
	font-size: 18px;
	margin-bottom: 8px;
}
.mPercentage {
	display: block;
	font-size: 50px;
  line-height: 1;
	font-family: var(--fontBold);
	color: var(--primaryColor);
  padding-bottom: 8px;
}
.mPercentage small {
	font-size: 20px;
	line-height: 1;
	display: inline-block;
}
.mCircleContent > p {
	font-size: 15px;
  line-height: 1.3;
}
.mCircleContent > p:last-child {
  margin-bottom: 0;
}
.mTitle {
	font-size: 18px;
	font-family: var(--fontBold);
	text-transform: uppercase;
}
.mCircleContent + .mTitle {
	margin-top: 20px;
}

/*   /our-product */


/* news */
.navStyle2 {
  text-align: center;
}
.navStyle2 > li {
  display: inline-block;
  margin: 4px 2px;
}
.navStyle2 > li > a {
  background-color: var(--lightBg);
  color: var(--darkText);
  padding: 12px 60px;
  font-family: var(--fontMedium);
  display: block;
}
.navStyle2 > li > a.active, .navStyle2 > li > a:hover {
  color: var(--white);
  background-color: var(--primaryColor);
}
.newsTitle2 {
  font-size: 24px;
  font-family: var(--fontMedium);
}
.newsCol2 .newsDate {
	text-transform: uppercase;
}

.newsCol2 .newsContentCol p {
	font-size: 16px;
	color: var(--lightText);
}
.npContent .newsList > li {
	padding: 30px 0;
}
.paginationStyle .page-item:first-child .page-link,
.paginationStyle .page-item:last-child .page-link {
	border-radius: 0;
}
.paginationStyle .page-link {
	border: none;
	margin: 0 6px;
	background-color: var(--lightBg);
	padding: 12px 15px;
	min-width: 45px;
	text-align: center;
	color: var(--darkText);
	font-family: var(--fontMedium);
	font-size: 14px;
}
.paginationStyle .page-link:hover, .paginationStyle .page-link.active {
  background-color: var(--primaryColor);
  color: var(--white);
}
.npContent hr {
	opacity: 0.15;
}
/*   /news */


/* reach-us */
.acImgCol > img {
	width: 400px;
	max-width: 100%;
}
.gtLeftCol {
  width: 350px;
}
.optRow {
	font-size: 16px;
	font-family: var(--fontMedium);
	color: var(--lightText);
}
.optLbl {
	display: block;
	width: 115px;
}
.optLbl, .optText {
	padding: 5px 0;
	display: block;
}
.gtContentCol {
	padding: 20px 0;
}
.mapCol, .mapCol iframe {
  height: 100%;
}
.btnStyle.hMNone:hover {
	margin-left: 0;
}

.formStyle .form-select.lineField, .formStyle .form-control.lineField {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #cccccc;
	background-color: transparent;
	padding: 20px 0;
	font-family: var(--fontMedium);
	color: #222;
}
.formStyle .form-select.lineField:focus, .formStyle .form-control.lineField:focus {
  border-bottom-color: #222;
  box-shadow: none;
}
.formStyle .form-control.lineField::placeholder {
  color: #C5C5C5;
}
.formStyle .form-select.lineField {
  color: var(--lightText);
}
.formStyle .form-label {
	font-family: var(--fontMedium);
}
.scFieldCol {
	position: relative;
}
.scFieldCol img {
	position: absolute;
	left: 200px;
	border: 1px solid #dddddd;
  bottom: 5px;
}
.formStyle .form-check-label {
	font-family: var(--fontMedium);
}
.form-check-input:checked {
	background-color: var(--primaryColor);
	border-color: var(--primaryColor);
}
/*    /reach-us */

/* who-we-are */
.psSliderDark .peopleSayContent {
	color: inherit;
}
.psSliderDark .peopleSayQuote::before {
	color: var(--primaryColor);
	background-color: var(--white);
}
.psSliderDark .msgCol {
  border-color: var(--primaryColor);
}
.psSliderDark .msgCol::after {
	border-color: transparent transparent transparent var(--white);
}
.psSliderDark .msgCol::before {
	border-color: transparent transparent transparent var(--primaryColor);
}


.teamSlider {
  position: relative;
  padding: 0 60px;
}
.sBtnPrev::after, .sBtnNext::after {
  display: none;
}
.sBtnPrev::before {
	content: "\e905";
	font-family: icomoon;
	color: #ee7642;
	font-size: 50px;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.sBtnNext::before {
	content: "\e906";
	font-family: icomoon;
	color: #ee7642;
	font-size: 50px;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.teamCard {
	text-align: center;
}
.tcContentCol h3 {
	font-size: 15px;
	font-family: var(--fontMedium);
	margin-bottom: 10px;
}
.tcContentCol h3 a {
  display: block;
  color: var(--primaryColor);
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.tcContentCol h3 a:hover {
  color: var(--darkText);
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.tcContentCol p {
	font-family: var(--fontMedium);
	font-size: 14px;
	color: var(--lightText);
	text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  max-width: 180px;
}
.tcImgCol {
  width: 300px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.tcImgLink {
	position: relative;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	padding-top: 100%;
}
.tcImgLink::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
	display: flex;
	background-color: rgba(238,118,66,.9);
  background-image: url('../images/search-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  z-index: 1;
}
.tcImgLink:hover::before {
  opacity: 1;
}
.tcImgLink img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tcImgCol + .tcContentCol {
	margin-top: 20px;
}

.downloadLink {
  display: inline-flex;
  position: relative;
  align-items: center;
  font-size: 15px;
  font-family: var(--fontMedium);
  color: var(--primaryColor);
  padding-right: 5px;
}
.downloadLink:hover {
  padding-left: 5px;
  padding-right: 0;
  color: var(--darkText);
}
.downloadLink img {
	width: 16px;
	margin-left: 4px;
}
.cartificationContent h4 {
	font-size: 20px;
	font-family: var(--fontMedium);
	margin-bottom: 15px;
}
.cartificationContent hr {
	margin: 30px 0;
}
.fontMedium {
  font-family: var(--fontMedium);
}
.fontBold {
  font-family: var(--fontBold);
}
.fontHN {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.formTitle {
	padding: 12px;
	background-color: var(--primaryColor);
	color: var(--white);
	display: block;
	text-transform: uppercase;
	font-family: var(--fontMedium);
	font-size: 16px;
}


/*   /who-we-are */



/* search */
.btnPrimary {
	background-color: var(--primaryColor);
	color: var(--white);
}
.btnPrimary:hover {
	background-color: var(--darkText);
	color: var(--white);
}
.icon-search::before {
	content: "\e90b";
	font-size: 18px;
}
.form-control.searchFld {
	min-height: 100%;
	border-radius: 0;
  font-family: var(--fontMedium);
}
.searchFld::placeholder {
  color: var(--lightText);
}
fieldset.fieldsetStyle {
	border: 1px solid #ccc;
	padding: 10px ;
}
fieldset.fieldsetStyle > legend {
	font-size: 16px;
	font-family: var(--fontMedium);
	float: none;
	width: auto;
	padding: 0 10px;
	margin-bottom: 0;
}
.orderingBox select {
  max-width: 300px;
}

/*   /search */

/* sitemap */
.sitemapLinks, .sitemapLinks ul {
	list-style: initial;
	padding-left: 25px;
  color: var(--primaryColor);
}
.sitemapLinks a {
	font-size: 15px;
	font-family: var(--fontMedium);
	color: inherit;
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
}
.sitemapLinks a:hover {
  padding-left: 5px;
  color: var(--darkText);
}
.sitemapLinks > li + li {
  margin-top: 25px;
}
/*   /sitemap */

/* privacy-policy */
.contentSection p {
	font-size: 16px;
	color: var(--lightText);
	line-height: 1.6;
}
.contentSection > h4, .contentSection > h5, .contentSection > h2 {
	margin: 25px 0 15px;
  font-family: var(--fontMedium);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #444;
}
.contentSection > h2 {
	font-size: 24px;
  font-family: var(--fontMedium);
}
.contentSection > h4 {
	font-size: 16px;
}
.contentSection > h5 {
  font-size: 14px;
}
.contentSection a {
  color: var(--primaryColor);
  display: inline-block;
  font-family: var(--fontMedium)
}
.contentSection a:hover {
  padding-left: 5px;
  color: var(--darkText);
}
.contentSection .listStyle1 {
	padding-left: 20px;
}
/*   /privacy-policy */


.mapCol {
  position: relative;
}
.directionLink {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 5px;
	padding: 1px 4px;
	background-color: white;
	border: 1px solid rgba(0, 0, 0, 0.15);
	font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 15px;
	box-shadow: rgba(0, 0, 0, 0.298) 0px 1px 4px -1px;
}



/* custom animation */
@media (min-width:768px) {
  [animation="anm-right"] {
    transform: translate3d(-100px,0,0);
  }
  [animation="anm-left"] {
    transform: translate3d(100px,0,0);
  }
  [animation="anm-up"] {
    transform: translate3d(0,100px,0);
  }
  [animation^="anm"] {
    opacity: 0;
    transition-property: opacity,transform;
  }
  [animation] {
    transition-timing-function: ease;
    transition-duration: 1s;
    transition-delay: .4s;
  }
  .fp-viewing-home .homeBannerSection [animation^="anm"],
  .fp-viewing-whoweare .whyAmanah [animation^="anm"],
  .fp-viewing-theapplicationprocess .appProcess [animation^="anm"],
  .fp-viewing-whatshappening .wHappening [animation^="anm"],
  .fp-viewing-whatpeoplesay .pSay [animation^="anm"],
  .fp-viewing-footer .footerSectionMain [animation^="anm"] {
    opacity: 1;
    transform: translateZ(0);
  }
}
@media (max-width:767px) {
  [animation="anm-right"] {
    transform: translate3d(-100px,0,0);
  }
  [animation="anm-left"] {
    transform: translate3d(100px,0,0);
  }
  [animation="anm-up"] {
    transform: translate3d(0,100px,0);
  }
  [animation^="anm"] {
    opacity: 0;
    transition-property: opacity,transform;
  }
  [animation] {
    transition-timing-function: ease;
    transition-duration: 1s;
    transition-delay: .4s;
  }
  [animation^="anm"].aos-animate {
    opacity: 1;
    transform: translateZ(0);
  }
  #fullpage  {
    overflow-x: hidden;
  }
}
/*  / custom animation */



@media screen and (max-width:1000px) and (orientation:landscape) {
  body {
    overflow: hidden
  }

  .landscape {
    display: block;
    z-index: 9999;
    background-image: url('../images/turnDevice.webp');
    position: fixed;
    width: 100%;
    height: 100vh;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
}


@media (min-width:992px) {
  .menu {
    text-align: right;
  }
  .menuDD {
    min-width: 190px;
    background-color: var(--primaryColor);
    color: var(--white);
    padding: 4px 0;
    border-radius: 5px;
  }
  .menuDD > li {
    padding: 0 12px;
  }
  .menuDD a {
    display: block;
    padding: 8px 0px;
    font-size: 15px;
    line-height: 1.2;
  }
  .menuDD a:hover {
    color: #333333;
  }
  .menu > li::after, .menuDD {
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
  }
  .ddLinkParent::after {
    content: "";
    height: 0;
    left: 50%;
    margin: 0 0 0 -4px;
    position: absolute;
    width: 0;
    bottom: 4px;
  	border-color: var(--white) transparent transparent transparent;
  	border-width: 5px 4px 0 4px;
    border-style: solid;
  }
  .menu > li:hover .ddLinkParent::after {
    border-top-color: var(--primaryColor);
  }
  /* .menuDD {
    display: block !important;
    position: absolute;
    left: 0;
    opacity: 0;
    top: calc(100% + 20px);
    pointer-events: none;
  }
  .menu > li:hover .menuDD {
    opacity: 1;
    pointer-events: initial;
    top: 100%;
  } */
  .menuDD {
  	display: block !important;
  	position: absolute;
  	left: 0;
  	top: 100%;
  	transform: scaleY(0);
  	transform-origin: center top;
    opacity: 0;
  }
  .menuDD.menuDdRight {
  	/* left: auto;
  	right: 0; */
  }
  .menu > li:hover .menuDD {
    opacity: 1;
  	transform: scaleY(1);
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
      max-width: 700px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 940px;
  }
  .headerSection .container {
  	max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 1100px;
  }
  .headerSection .container {
  	max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1154px;
  }
  .headerSection .container {
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .bannerSection .container {
    max-width: 1300px;
  }
  .bannerCard a {
  	font-size: 18px;
  }
  .bannerTopContent h1 {
  	font-size: 58px;
  }
  .lgTitle {
  	font-size: 60px;
  }
  .bannerBtmContent p {
  	font-size: 17px;
  }
}

@media (min-width:1600px) {
  .headerSection, .footerSection {
    padding-left: 88px;
    padding-right: 88px;
  }
  .footerSection .container {
    max-width: 100%;
  }
  .footerContactDetails {
  	min-width: 25vw;
  }
}
@media (max-width:1399px) {
  .amHomeSideNav {
  	left: 25px;
  }
  .imgSliderCol {
  	width: 380px;
  }
  .imgContentSwiperCol {
  	width: 660px;
  }
  .tabList > ul > li > a {
  	font-size: 16px;
  	padding: 18px 0px;
  	padding-left: 40px;
  }
  .tabList > ul > li > a::before {
  	font-size: 40px;
  }
  .appProcessBox {
  	--processBoxSize: 200px;
  }
  .appProcessDescription p {
  	font-size: 16px;
  }
  .appProcessDescription {
  	padding-right: 60px;
  }
  .appProcessBox::before {
  	width: 80px;
  }
  .appProcessBoxContent {
  	font-size: 14px;
  }
  .happeningLeftCol {
  	width: 320px;
  }
  .innerTitle {
  	margin-bottom: 30px;
  }

  .mortgageCard {
  	--mColSize: 245px;
  }
  .mPercentage {
  	font-size: 44px;
  }
  .mCircleContent + .mTitle {
  	margin-top: 15px;
  }
  .mTitle {
  	font-size: 16px;
  }
}

@media (max-width:1199px) {
  .amHomeSideNav {
  	left: 10px;
  }
  .imgContentSwiperCol {
  	width: 540px;
  }
  .imgSliderCol {
  	width: 350px;
  }
  .smTitle {
  	font-size: 18px;
  }
  .listStyle1 {
  	font-size: 14px;
  }
  .btnStyle {
  	font-size: 15px;
  }
  .btnStyle::before {
  	font-size: 32px;
  	margin-right: 5px;
  }
  .lgTitle {
  	/* font-size: 40px; */
  }
  .sectionTitleSpace {
  	margin-bottom: 20px;
  }
  .listStyle1 > li + li {
  	margin-top: 10px;
  }
  .happeningLeftCol {
  	width: 330px;
  }
  .peopleSayQuote::before {
  	font-size: 70px;
    margin-left: 50px;
  }
  .peopleSayContent {
  	padding-top: 50px;
  }
  .psSliderCol {
  	width: 540px;
  }
  .footerContactDetails h3 {
    font-size: 28px;
  }
  .menu > li {
  	padding: 10px 8px;
  }
  .logoCol {
  	max-width: 190px;
  }
  .happeningLeftCol p {
    max-width: 214px;
  }
  .cartificationContent h4 {
  	font-size: 18px;
  }
}
@media (max-width:991px) {
  .menuColMain {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
  	padding: 30px;
    width: 330px;
  	background-color: #222222;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -ms-scroll-chaining: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .activeMenu .menuColMain {
  	-webkit-transform: translateX(0);
  	transform: translateX(0);
  }
  html.activeMenu {
    overflow: hidden;
  }
  .activeMenu body > #home, .activeMenu body > #fullpage, .activeMenu .logoCol {
  	transform: translateX(-150px) !important;
  }
  #home, #fullpage, .logoCol {
  	-webkit-transition: transform 300ms ease-in-out 0s;
    -o-transition: transform 300ms ease-in-out 0s;
    transition: transform 300ms ease-in-out 0s;
  }
  .activeMenu body {
    /* width: 100vw;
    height: 100vh;
  	-webkit-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    transform: translateX(-320px); */
  }
  .menuDD a {
  	display: block;
  	padding: 12px 0px;
  }
  .menu > li  {
  	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .menu > li {
  	padding: 0px;
    display: block;
  }
  .ddLinkParent a, .menu > li > a {
  	display: block;
  	padding: 10px 0;
  }
  .ddLinkParent a, .menu > li > a, .menuDD a {
  	font-size: 14px;
  }
  .menuDD {
  	padding-left: 30px;
    display: none;
    padding-bottom: 5px;
  }
  .togglerIcon {
  	position: absolute;
  	right: 0px;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	text-align: center;
  	cursor: pointer;
  	display: -webkit-flex;
  	display: -ms-flex;
  	display: flex;
  	-ms-align-items: center;
  	align-items: center;
  	justify-content: flex-end;
  	padding: 10px;
  }
  .togglerIcon::after {
  	font-family: 'icomoon';
  	content: "\e90f";
  	color: var(--primaryColor);
  	font-size: 14px;
  }
  .openDD .togglerIcon::after {
    content: "\e90e";
  }
  .ddLinkParent {
  	position: relative;
  	display: block;
  }
  .menuBackdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    pointer-events: none;
    opacity: 0;
  }
  .activeMenu .menuBackdrop {
    opacity: 1;
    pointer-events: initial;
  }


  .bannerTopContent h1 {
  	/* font-size: 32px; */
  	margin: 10px 0px;
  }
  .bannerTopContent, .bannerBtmContent {
  	max-width: 100%;
  }
  .bannerBtmContent p {
  	font-size: 16px;
  }
  .bannerCard hr {
  	margin: 8px 0;
  }
  .bannerCard a {
  	font-size: 15px;
  }
  .bannerLabel {
  	margin-bottom: 5px;
  }




  .logoCol img, .sidebarLogo img {
  	width: 150px;
  }
  .headerSection {
  	padding: 10px 0px;
  }

  .imgSliderCol, .imgContentSwiperCol {
  	width: 100%;
  }
  .sectionSpace {
  	padding: 80px 0;
  }

  .lgTitle {
  	font-size: 50px;
  }
  .happeningLeftCol {
  	width: 100%;
  }
  .happeningLeftCol p {
  	font-size: 16px;
  	max-width: 100%;
  }
  .newsImgCol img {
  	width: 120px;
  	height: 120px;
  }
  .newsCol2 .newsImgCol img {
  	width: 140px;
  	height: 140px;
  }
  .psSliderCol {
  	width: 100%;
  }
  .footerBtmCol {
  	padding: 20px 0 40px;
  }
  .footerTopCol {
  	padding: 60px 0 40px;
  }
  .footerLinks {
  	margin: 10px 0;
  }
  .footerTopLink .btnStyle {
    padding: 35px;
  }
  .peopleSayContentLabel {
  	font-size: 15px;
  }
  .peopleSayContentLabel span {
  	font-size: 14px;
  }
  .bannerSection {
  	/* padding-top: 30px; */
  }
  .bannerContent {
  	min-height: initial;
  }

  .bannerBtmContent {
  	padding-top: 100px;
  }
  .searchIcon {
  	display: block;
  	padding: 10px 0 12px;
  }

  ul#appProcessTab {
    width: 205px;
  }
  .amTheApplicationProcessBox1 {
      width: 140px;
      height: 140px;
  }
  .appProcessBox::before {
      width: 40px;
  }
  .appProcessDescription {
      padding-right: 20px;
  }
  .appProcessDescription p {
      line-height: 1.4;
  }
  .appProcessBoxContent {
      padding: 10px;
  }
  .appProcessBox {
      --processBoxSize: 190px;
  }
  .sectionTitleSpace {
    margin-bottom: 40px;
  }
  .innerPage .sectionSpace {
  	padding: 90px 0;
  }
  .innerTitle {
  	font-size: 28px;
  }
  .accordionStyle .accordion-button {
  	font-size: 18px;
  }
  .accordionStyle .accordion-button::before {
  	width: 35px;
  	height: 35px;
  }
  .accordionStyle {
  	--acTPadding: 20px;
  	--acCPadding: 20px;
  	--iconSpace: 45px;
  }
  .accordionStyle .accordion-body p, .pContent p {
  	font-size: 15px;
  }
  .pageTitle {
  	font-size: 38px;
  }
  .innerBannerSection {
  	height: 320px;
  	padding-top: 90px;
  	padding-bottom: 10px;
  }
  .mdTitle {
  	font-size: 18px;
  }
  .newsTitle2 {
  	font-size: 20px;
  }
  .newsCol2 .newsContentCol p {
  	font-size: 15px;
  }

  .amMortgageCalculator, .amHomeSideNav, .prevSection, .nextSection {
    /* display: none */
  }
  .gtLeftCol {
  	width: 100%;
  }
  .mapCol iframe {
  	height: 350px;
  }
  .formStyle .form-select.lineField, .formStyle .form-control.lineField {
  	font-size: 15px;
  }

  .tfCardCol:nth-child(2) .tfCard::before, .tfCardCol:nth-child(3) .tfCard::before ,
  .tfCardCol:first-child .tfCard::before, .tfCardCol:last-child .tfCard::before ,
  .tfCardCol + .tfCardCol .tfCard::after {
    display: none;
  }
  .tfCardCol:nth-child(2) .tfCard, .tfCardCol:nth-child(3) .tfCard {
  	border: var(--border);
  }
  .tfCard {
  	--border: 1px solid;
  	--radius: 20px;
  	padding: 40px 30px;
  }
  .transactionFlowCol {
  	padding: 10px 0;
  }
  .contentSection p {
  	font-size: 15px;
  }
  .contentSection > h2 {
  	font-size: 20px;
  }
}

@media (max-width:767px) {
  .newsImgCol {
  	text-align: center;
  }
  .msgCol {
  	padding: 30px;
  }
  .footerTopCol {
  	padding: 60px 0 30px;
  }
  .lgTitle {
  	font-size: 32px;
  }



  .tabList > ul > li > a::before {
  	font-size: 36px;
  }
  .appProcessBox::before {
  	display: none;
  }
  .appProcessBox {
  	width: 100%;
  	height: auto;
  	border-radius: 100px;
  }
  .appProcessBoxContent img {
  	width: 40px;
  	height: 52px;
  }
  .appProcessBoxContent img + p {
  	margin-top: 5px;
  }
  .appProcessBoxContent {
  	padding: 10px 20px 12px;
  	max-width: 100%;
  }
  .appProcessDescription {
  	padding-right: 0;
  }
  .tabContentWidth {
  	max-width: 100%;
  	padding-right: 0px;
  }
  .sectionTitleSpace {
    margin-bottom: 20px;
  }

  ul#appProcessTab {
      width: 100%;
  }
  #appProcessTabContent {
      padding-top: 10px;
  }
  .sectionSpace {
      padding: 60px 0;
  }
  .innerBannerSection {
  	height: 280px;
  }
  .pageTitle {
  	font-size: 34px;
  }
  .innerTitle {
  	padding-left: 20px;
  }
  .breadcrumbStyle .breadcrumb-item a, .breadcrumbStyle .breadcrumb-item {
  	font-size: 14px;
  }
  .oProVideoContent h3 {
  	font-size: 22px;
  }
  .ourProductsVideo {
  	min-height: 250px;
  }
  .navStyle2 > li > a {
  	padding: 12px 45px;
  }
  .cartificationContent h4 {
  	font-size: 16px;
  }
  .bannerBtmContent {
  	padding-top: 60px;
  }
  .bannerRightContent {
  	padding-bottom: 40px;
  }
  .mortgageCard {
  	--mColSize: 240px;
  }

  .amMortgageCalculator, .amHomeSideNav, .prevSection, .nextSection {
    display: none
  }
}

@media (max-width:575px) {
  .accordionStyle .accordion-button {
  	font-size: 16px;
  }
  .innerTitle {
  	font-size: 24px;
  }
  .innerTitle::before {
    /* display: none; */
  }
  .innerPage .sectionSpace {
  	padding: 60px 0;
  }
  .innerTitle {
  	/* padding-left: 0; */
  }
  .teamSlider {
  	padding: 0 30px;
  }
  .tfCard {
  	padding: 30px 20px;
  }
  .directionLink {
    opacity: 1;
    pointer-events: initial;
  }
}
@media (max-width:480px) {
  .navStyle2 > li {
  	display: block;
  	margin: 6px 0px;
  }
}
@media (max-width:380px) {
  .oProVideoContent h3 {
  	font-size: 18px;
  }
}

@media (max-width:330px) {
  .menuColMain {
    width: 320px;
  }
}