@font-face {
	font-family: 'OpenSans-Regular'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Regular.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-Medium'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Medium.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-Medium'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Medium.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-MediumItalic'; /*a name to be used later*/
	src: url('../fonts/OpenSans-MediumItalic.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'OpenSans-Bold'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Bold.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-BoldItalic'; /*a name to be used later*/
	src: url('../fonts/OpenSans-BoldItalic.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'OpenSans-SemiBold'; /*a name to be used later*/
	src: url('../fonts/OpenSans-SemiBold.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-SemiBoldItalic'; /*a name to be used later*/
	src: url('../fonts/OpenSans-SemiBoldItalic.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'OpenSans-Light'; /*a name to be used later*/
	src: url('../fonts/OpenSans-Light.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-LightItalic'; /*a name to be used later*/
	src: url('../fonts/OpenSans-LightItalic.ttf'); /*URL to font*/
}

@font-face {
	font-family: 'OpenSans-Black'; /*a name to be used later*/
	src: url('../fonts/OpenSans-BlackItalic.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-Black'; /*a name to be used later*/
	src: url('../fonts/OpenSans-BlackItalic.ttf'); /*URL to font*/
}
@font-face {
	font-family: 'OpenSans-ExtraBold'; /*a name to be used later*/
	src: url('../fonts/OpenSans-ExtraBold.ttf'); /*URL to font*/
}

*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {outline: 0 !important;text-decoration:none;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: OpenSans-Regular; font-size:16px; overflow-x: hidden;  width: 100%;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px;}
.space30{clear:both; width:100%; height:30px;}
.zeroPadding{padding:0 !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family: OpenSans-Light;}
h2{font-weight:bold; font-family: OpenSans-Bold;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
/******************************************/
.nav-phone{display:none;}
.active{color:#0f1f30 !important; font-weight:bold;}

header{ display: inline-block; width: 100%; padding:15px 0;}
/***************** NAVIGATION BAR **********************************/
.navbar { height: 100px; position: relative;}
.navbar .logo {  float: left;}
.navbar .logo img { /* max-width: 100px; */}
.navbar .menu { position: absolute; bottom: 0; right: 0; color:#000000 !important;}
.navbar .menu ul li {display: inline-block; transition-duration: 0.5s;}
.navbar .menu ul li:nth-child(n) { padding: 0 30px;}
.navbar .menu ul li:nth-last-child(1) { background: #ffc900;  padding:12px 20px;}

.navbar .menu ul li a { display: inline-block; color: #000; }

.navbar .menu ul li a:hover,a:active { color:#0f1f30 !important; text-decoration: none; }

ol, ul, dl{margin-bottom: 0rem;}

.navbar .submenu ul{opacity: 0; position: absolute; width: 220px; z-index: 9; background:#fff; padding:5px 0; visibility:hidden; display:none; top:35px; left: 200px; border:1px solid #f7f7f7;}
.navbar .submenu > ul li{display: block;}
.navbar .submenu > ul li a{width: 100%; border: none; text-align: left;  margin: 0 !important; color:#333; text-transform: none; }
.navbar .submenu ul li a:hover{background: transparent;  color: #333;}
.navbar .submenu:hover ul, header .hMenu li.submenu:focus-within > ul, header .hMenu li.submenu ul:hover, header .hMenu li.submenu ul:focus{opacity: 1; visibility:visible; display:block;}
.navbar .submenu ul li:nth-child(n) { padding:15px 0 0 20px ;}
.navbar .submenu ul li:nth-last-child(1) { background: none; padding:15px 0 15px 20px;}

.navbar .submenu .fas{font-size:20px;}


.nav-contact{ margin-top: -45px; float: right;}
.nav-contact a{padding: 0px 50px; color: #0f1f30; }
.nav-contact a:nth-last-child(1){padding-right:0px;}
.nav-contact a:hover,a:active { color: #000; text-decoration: none;}


/*****************####BANNER HOME*####************************/
.mobBanner{display:none;}

.banner{width: 100%; background-color:#f7f7f7;}
.bannerImage{width: 100%;height:auto; position: relative;background-size: cover;}
.bannerImage .title{position: absolute; font-size:35pt; color:#112548; font-family:'OpenSans-ExtraBold'; top:120px; text-transform:uppercase; }
.bannerImage .stitle{position: absolute; font-size:35pt; color:#1b92d5; font-family:'OpenSans-ExtraBold'; top:180px; text-transform:uppercase; }
.bannerImage p{position: absolute; font-size:16pt; color:#000; font-family:'OpenSans-Light';  top:250px; padding-right:760px; }
.bannerImage a{position: absolute; font-size:16pt; color:#000; font-family:'OpenSans-SemiBold';  top:380px; padding:20px; width:300px; background-color:#ffc900; text-align:center;  text-decoration: none;}

.bannerImage img{width:100%; height: 100%; max-width: 100% !important;}

/*****************####HOME*####************************/
.boxColor{background-color:#0f1f30;} 
.boxColorYellow{background-color:#fbbb0f; color:#000; padding: 44px 0; text-align:center;} 

.pad20{padding:20px;}

.investHome{width:100%; display: inline-block; padding: 40px 0; color:#fff; font-family:'OpenSans-Light'}
.investHome .borderRight{width:100%; border-right: 4px solid #fbbb0f; padding-right: 75px; color:#fbbb0f; font-size:36px; font-weight:bold;}

.abtHome{width:100%; display: inline-block; padding: 40px 0;}
.abtHome span{text-transform:uppercase; padding-bottom:20px;font-size:18px; color:#4d4d4d;}
.abtHome h2{padding-bottom:20px; font-size:46px; font-family:'OpenSans-Regular';}
.abtHome #cnt{font-family:'OpenSans-Light'; font-size:16px; line-height:26px;}

.listAbt ul li{list-style:none; padding-bottom: 25px; font-family:'OpenSans-Light'; font-size:16px;}
.listAbt ul li:before {font-family: 'FontAwesome'; content: '\f14a'; margin-right:16px; color: #fbbb0f;}


.callback{padding:10px 0; color:#fff;}
.callback span{text-transform:uppercase; padding-bottom:20px;font-size:18px; color:#fbbb0f;}
.callback h2{padding:20px 0; font-size:36px; font-family:'OpenSans-Regular';}
.callback .clientSay #cnt{font-family:'OpenSans-Light';}

.callbackBox .txtBox{padding-top:50px;}
.callbackBox input{width:250px !important; height:50px !important; padding:10px;}
.callbackBox .btnBox{padding-top:50px;}
.callbackBox a{background-color:#fbbb0f; color:#000; font-weight:bold; width:250px; height:50px; padding:14px; text-decoration:none; display: block; margin: 0 auto; }


.services{width:100%; display: inline-block; padding: 30px 0;}
.services h2{padding-bottom:40px; font-size:36px; font-family:'OpenSans-Regular';text-transform:uppercase; text-align:center; padding-bottom: 30px;}
.services h2:after {content: ""; display: block; width: 10%; padding-top: 25px; border-bottom: 3px solid #fbbb0f;margin: 0 auto;}

.post-container { margin: 20px 20px 0 0; overflow: auto; font-family: OpenSans-Light;}
.post-thumb {float: left; padding: 5px; margin-top: 0px;}
.post-thumb i {display: block; max-width: 80px;}
.post-thumb i.fa-chart-line { display: inline-block; border-radius: 60px;  padding: 20px; color:#fff; background-color:#0f1f30; font-size: 36px;}
.post-content {margin-left: 100px;}
.post-title { font-weight: bold;}


.box{padding:40px 0; width:100%; display: inline-block;}
.box2{padding:0 30px; width:100%; display: inline-block;}
.rBox{border-right:1px solid #fff; }

.cntBox{text-align:center; display: inline-block; font-weight:bold;}
.cntBox #title{font-size:24px; color:#fff;display: block;  padding-bottom:5px;}
.cntBox #cnt{font-size:16px; color:#fbbb0f; }

.imgBox{display: inline-block; right: 50px;position: absolute; padding:12px;}
.imgBox .fa-solid, .fas { font-size: 48px;}

.testimonials{width:100%; display: inline-block; border-top: 2px solid #cccccc; padding-top: 30px;}
.testimonials span{text-transform:uppercase; padding-bottom:20px;font-size:18px; color:#4d4d4d;}
.testimonials h2{padding-bottom:40px; font-size:46px; font-family:'OpenSans-Regular';}
.clientSay #cnt{border-left: 4px solid #fbbb0f; padding-left: 75px;}
.clientSay #cName{float:right; font-weight:bold;}

.testimonials .round{
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  color: #fff;
  background: rgb(114,2,187);
  border-radius: 50%;
  font-size: 18px;
  margin-bottom: 45px;
}
.companyLogo{padding:20px 0; text-align:center; display: block; margin: 0 auto;}
/*****************####FOOTER*####************************/
footer{ background-color:#0f1f30; color:#ffffff; font-family:'OpenSans-Light'; }
.footerTop{ padding:40px 0; font-size:15px;}
.footerTop h2{padding-bottom: 40px;}
.footerTop h2:after {
    content: ""; 
    display: block; 
    width: 25%; 
    padding-top: 25px; 
    border-bottom: 3px solid #fbbb0f;
}
.footMenu ul li{list-style:none; padding-bottom: 25px; font-size:15px;}
.footMenu ul li:before {font-family: 'FontAwesome'; content: '\f105 '; color: #fbbb0f; float:right; font-size: 18px;font-weight: bold;}
.footMenu a{color:#fff; text-decoration:none;}
.footMenu a:hover, a:active { color: #fff;	font-weight:bold; }

.mail{font-size:15px;}
.mail .txtBox{padding-top:20px;text-align:center;}
.mail input{width:250px !important; height:50px !important; padding:10px;}
.mail .btnBox{padding:20px 0; }
.mail a{background-color:#fbbb0f; color:#000; font-weight:bold; width:250px; height:50px; padding:14px; text-decoration:none; display: block; margin: 0 auto; }


.footerBottom{background-color:#000000; text-align:center; padding:20px 0;}

.subBanner{width: 100%; background-color:#f7f7f7; padding: 40px 0; }
.subBanner h2, .subBanner p{text-align:center;}

.about, .nri, .contact{width: 100%;  padding: 40px 0; display:inline-block;}
.about img{max-width:310px;}
.about h2{font-size:20px; padding-top:12px;}
.about h2, .about p{line-height:24px;}
.nri img{padding-bottom:40px;}

.contactBox{text-align:center; }
.map{display:inline-block; width:100%;}
.locate{display:inline-block; width:100%; max-height:500px;}
.contactBox h2{font-size:26px; }
.imgBox .fa-solid, .fas {font-size: 30px;}


.section-padding {
	padding: 30px 0;
}
.brand-carousel {
	background: #fff;
	margin: 0;
}
.owl-dots {
	text-align: center;
	margin-top: 40px;
}
.owl-dot {
	display: inline-block;
	height: 15px !important;
	width: 15px !important;
	background-color: #444 !important;
	opacity: 0.8;
	border-radius: 50%;
	margin: 0 5px;
}
.owl-dot.active {
	background-color: black !important;
}
.owl-carousel .owl-item img { max-height: 84px; max-width:211px;}

.whats-app {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 110px;
    right: 15px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 100%;
    text-align: center;
    font-size: 28px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}
.whats-app .fab {padding-top: 7px;}
#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
	width: 600px; font-size: 32pt; color:white; height: 600px; opacity: 0.8;
}

#boxes .window {
	position: absolute;
	left: 0;
	top: 0;
	width: 600px;
	height: 600px;
	display: none;
	z-index: 9999;
	padding: 20px;
	border-radius: 15px;
	text-align: center;
	top: 199.5px; left: 551.5px; display: none;
}

#boxes #dialog {
	width: 100%;
	height:  100%;
	max-width: 600px;
	max-height: 600px;
	padding: 10px;
	background-color: #ffffff;
	font-size: 15pt;
}




@media only screen and (max-width:550px) {
.whats-app { bottom: 90px; right: 28px; }
}


/*****************####RESPONSIVE*####************************/
@media only screen and (min-width : 811px) {
    #navIcon{display: none;}
    .responsivMenu{display: none;}
    .rspMenuContent{display: none;}
}

@media only screen and (min-width : 1416px) {
   .bannerImage p{ padding-right:1100px; }
}

@media all screen and (min-width : 1416px) and (max-width : 1920px) {
	.bannerImage p{ padding-right:1100px; }
}

@media all screen and (min-width : 1025px) and (max-width : 1280px) {}
@media all screen and (min-width : 769px) and (max-width : 1024px) {}

@media only screen and (min-width : 768px) and (max-width : 991px) {
	.callbackBox .txtBox{padding-top:60px;}
	.callbackBox .btnBox{padding-top:60px; padding-bottom:30px;}
}
@media only screen and (min-width : 481px) and (max-width : 768px) {
	.navbar .menu {width: 100%; position: relative; z-index: 2; display: none;}  
	.nav-phone {top: 0px; position: absolute; text-align: right; right: 0; width: 100%; display: block; }
	.nav-phone a{text-decoration:none; color:#000;}
	/*****************####BANNER HOME*####************************/
	.mobBanner{display:block; text-align:center; padding:10px; margin-bottom:20px;}
	.bannerImage {width: 100%; height: auto;}
	
	.bannerImage .title, .bannerImage .stitle, .bannerImage p, .bannerImage a{display: none;}
	.mobBanner .title{display:block;font-size:30px; color:#112548; font-family:'OpenSans-ExtraBold'; text-transform:uppercase; }
	.mobBanner .stitle{display:block;font-size:28px; color:#1b92d5; font-family:'OpenSans-ExtraBold'; text-transform:uppercase; }
	.mobBanner p{font-size:16px; color:#000; font-family:'OpenSans-Light';  padding:10px;}
	.mobBanner a{font-size:16px; color:#000; font-family:'OpenSans-SemiBold';  padding:20px; width:300px; background-color:#ffc900; text-align:center;  text-decoration: none; }
	
	/* .bannerImage img{width:100%; height: inherit; max-width: 100% !important;} */
	.bannerImage .title{position: absolute; font-size:20pt;  top:10px;  }
	.bannerImage .stitle{position: absolute; font-size:15pt;  top:60px; }
	.bannerImage p {font-size: 16px;top: 100px; padding-right: 200px;}
	.bannerImage a {font-size: 12pt; top: 300px; padding: 20px; width: 200px; text-align: center; text-decoration: none;}

	/*****************#### Investment####************************/
	.investHome {padding:20px 15px;}
	.investHome .borderRight {border-bottom: 4px solid #fbbb0f; border-right: 0; padding-right: 0; padding-bottom:25px; text-align: center;}

	/*****************ABOUT************************/
	.abtHome {padding: 20px 15px;}
	.listAbt ul li { padding-bottom: 10px;}

	.services {padding: 20px 15px;}
	.services h2 {padding-bottom: 20px;}
		
	.post-container {  margin: 0;  overflow: unset; }
	.post-thumb {margin-top: 0px;}
	.pad-top{padding-top:25px;}
	.clientSay h2{border-bottom: 4px solid #fbbb0f; padding-bottom: 25px;} 
	.clientSay #cnt {border-left: 0;  padding-left: 0px;  }
	
	.testimonials{padding: 20px 15px;}

	.companyLogo {text-align: center;}
    .companyLogo .col-sm-12{padding:0 0 25px 0;}

	.mail {text-align: center;}

	.footerTop h2::after { width: 100%;}
}
@media only screen and (max-width : 991px) {
	.bannerImage .title{font-size:26pt;  top:50px;}
	.bannerImage .stitle{font-size:26pt;  top:100px;}
	.bannerImage p{font-size:14pt; padding-right:400px; top:175px;}
		
	.callbackBox .txtBox{padding-top:30px;}
	.callbackBox .btnBox{padding-top:30px; padding-bottom:30px;}


	.mail .txtBox{padding-top:30px;}
	.mail .btnBox{padding-top:30px; padding-bottom:30px;}



	.investHome .borderRight { border-right: 0;}
	.invBox{padding-bottom:90px;}
	.rBox{border-right:1px solid #fff; padding-bottom: 60px;display: block ruby;width: 100%; }
	.cntBox{text-align:center; display: block; font-weight:bold; width:100%; text-align:center;}
	.cntBox #title{font-size:22px; display: block;  padding-bottom:5px;}
	.cntBox #cnt{font-size:14px;  }
	.imgBox{display: inline-block; right: 0px;  padding:12px;  width:100%; text-align:center;}
	.imgBox .fa-solid, .fas { font-size: 36px;}
	
}
@media only screen and (max-width : 810px) {
	
	.navbar .menu {display: none;}  
	.nav-phone {top: 0px; position: absolute; text-align: right; right: 0; width: 100%; display: block; }
	.nav-phone a{text-decoration:none; color:#000;}
	
	
	.active{color:#fff !important;}
	.rspMenuLink{background-color: #0f1f30; position:fixed; top: 60px; right: 25px; width: 50px; height: 50px; border-radius:50px; z-index:9999; padding-top:18px; cursor:pointer; display:block;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}
	.rspMenuClose{background:#FFF;}
	.rspMenuClose span{background:#0f1f30;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}

	.rspMenuContent{width: 100%; background: #0f1f30; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll;}
	.rspMenuActive{left:0; visibility:visible;}

	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #FFF; color: #0064ae;}
	.rspMenuContent .submenu li:nth-last-child(1){ border-bottom: none;}
	.rspMenuContent .submenu li:nth-child(1){ border-top: none;}
	
	.rspMenuContent li a{color: #FFF; display: block; font-size: 18px; line-height: 26px; padding: 17px 20px 16px; text-decoration: none; position:relative; }
	.rspMenuContent li .submenu {background-color: #0064ae; height: calc(100% - 130px); position: absolute; right: -100%; top: 130px; transition: all .5s ease 0s; width: 100%; z-index: 999;}
	.rspMenuContent li.active > .submenu {right: 0;}
	.rspMenuContent li.hasChild > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #FFF;    font-size: 20px;    position: absolute;    top: 15px;    right: 25px;}

	.rspMenuContent .submenu ul{opacity: 0; position: absolute; width: 100%; z-index: 9; background:#fff; border:1px solid #f7f7f7; padding:5px 0; visibility:hidden; display:none; top:408px; left: 0px;}
	.rspMenuContent .submenu > ul li{display: block;}
	.rspMenuContent .submenu > ul li a{width: 100%; border: none; text-align: left; padding: 5px 15px !important; margin: 0 !important; color:#333; text-transform: none; }
	.rspMenuContent .submenu ul li a:hover{background: transparent;  color: #333;}
	.rspMenuContent .submenu:hover ul, header .hMenu li.submenu:focus-within > ul, header .hMenu li.submenu ul:hover, header .hMenu li.submenu ul:focus{opacity: 1; visibility:visible; display:block;}
	.rspMenuContent .submenu ul li:nth-child(n) { padding: 15px 0 0 20px;}
	.rspMenuContent .submenu ul li:nth-last-child(1) { background: none; padding: 15px 0 0 20px}

	ul li ul {background: orange;visibility: hidden; opacity: 0; min-width: 5rem;position: absolute; transition: all 0.5s ease; margin-top: 1rem;left: 0; display: none;}
	ul li:hover > ul,
	ul li:focus-within > ul, /* this is the line we add */
	ul li ul:hover { visibility: visible; opacity: 1; display: block;}
	ul li ul li {clear: both;  width: 100%;}
	

}
@media only screen and (max-width : 480px) {
	.brandLogo{display:block ruby;}
	.navbar .menu {display: none;}  
	.nav-phone {top: 0px; position: absolute; text-align: right; right: 0; width: 100%; display: block; }
	.nav-phone a{text-decoration:none; color:#000;}

	/*****************####BANNER HOME*####************************/
	.mobBanner{display:block; text-align:center; padding:10px; margin-bottom:20px;}
	.bannerImage {width: 100%; height: auto;}
	
	.bannerImage .title, .bannerImage .stitle, .bannerImage p, .bannerImage a{display: none;}
	.mobBanner .title{display:block;font-size:30px; color:#112548; font-family:'OpenSans-ExtraBold'; text-transform:uppercase; }
	.mobBanner .stitle{display:block;font-size:28px; color:#1b92d5; font-family:'OpenSans-ExtraBold'; text-transform:uppercase; }
	.mobBanner p{font-size:16px; color:#000; font-family:'OpenSans-Light';  padding:10px;}
	.mobBanner a{font-size:16px; color:#000; font-family:'OpenSans-SemiBold';  padding:20px; width:300px; background-color:#ffc900; text-align:center;  text-decoration: none; }
	
	/* .bannerImage img{width:100%; height: inherit; max-width: 100% !important;} */
	.bannerImage .title{position: absolute; font-size:20pt;  top:10px;  }
	.bannerImage .stitle{position: absolute; font-size:15pt;  top:60px; }
	.bannerImage p {font-size: 16px;top: 100px; padding-right: 200px;}
	.bannerImage a {font-size: 12pt; top: 300px; padding: 20px; width: 200px; text-align: center; text-decoration: none;}

	/*****************#### Investment####************************/
	
	h2{ font-size: 32px !important;}	
	h3 {font-size: 1.2rem;}
	.rBox {border-right: 0px solid #fff;}
	.box2 {padding: 0;}
	.pad20 {padding: 0px;}
	/*****************ABOUT************************/
	.abtHome {padding: 20px 15px;}
	.abtHome h2 {font-size: 32px;}
	.listAbt ul li { padding-bottom: 10px;}

	.boxColorYellow {padding: 30px 0;}
	
	.services {padding: 20px 0px;}
	.services h2 {padding-bottom: 20px; }
				
	.post-thumb i.fa-chart-line {border-radius: 45px;  padding: 15px;}
	.post-container {  margin: 0;  overflow: unset; }	
	.post-thumb {margin-top: 0px;}
	.pad-top{padding-top:25px;}
	.clientSay h2{border-bottom: 4px solid #fbbb0f; padding-bottom: 25px;} 
	.clientSay #cnt {border-left: 0;  padding-left: 0px;  }
	
	.testimonials{padding: 10px 0px;}

	.brandLogo {text-align: center; display: block; margin: 0 auto;}


	.footerTop h2::after { width: 100%;}
	
	.imgBox .fa-solid, .fas {font-size: 30px;}
	
	
	#mask {width: 300px; height: 300px;}	

	#boxes .window {width: 300px; height: 300px; top: 0px; left: 0;}

	#boxes #dialog {max-width: 300px;max-height: 300px;}
	
	
}