/* my rules - start */

:root
{
	--brand-col-1: #0C2C31;
	--brand-col-2: #E07425;
	--brand-col-3: #F8F4F3;
}

p { line-height: 1.9; }

.btc1 { color: var(--brand-col-1); }
.btc2 { color: var(--brand-col-2); }
.btc3 { color: var(--brand-col-3); }
.bbc1 { background-color: var(--brand-col-1); }
.bbc2 { background-color: var(--brand-col-2); }
.bbc3 { background-color: var(--brand-col-3); }

.tar { text-align:  right !important;   }
.tac { text-align:  center !important;  }
.tal { text-align:  left !important;    }
.taj { text-align:  justify !important; }
.aic { align-items: center !important;  }
.vam { vertical-align: middle; }

.mb0  { margin-bottom: 0    !important; }
.mb1r { margin-bottom: 1rem !important; }
.mb2r { margin-bottom: 2rem !important; }
.mb3r { margin-bottom: 3rem !important; }
.mb4r { margin-bottom: 4rem !important; }
.mb5r { margin-bottom: 5rem !important; }
.mb6r { margin-bottom: 6rem !important; }
.mb7r { margin-bottom: 7rem !important; }
.mb8r { margin-bottom: 8rem !important; }
.mb9r { margin-bottom: 9rem !important; }

.mt0  { margin-top: 0    !important; }
.mt1r { margin-top: 1rem !important; }
.mt2r { margin-top: 2rem !important; }
.mt3r { margin-top: 3rem !important; }
.mt4r { margin-top: 4rem !important; }
.mt5r { margin-top: 5rem !important; }
.mt6r { margin-top: 6rem !important; }
.mt7r { margin-top: 7rem !important; }
.mt8r { margin-top: 8rem !important; }
.mt9r { margin-top: 9rem !important; }

.pb-5r { padding-bottom: 0.5rem !important; }
.pb0   { padding-bottom: 0    !important; }
.pb1r  { padding-bottom: 1rem !important; }
.pb2r  { padding-bottom: 2rem !important; }
.pb3r  { padding-bottom: 3rem !important; }
.pb4r  { padding-bottom: 4rem !important; }
.pb5r  { padding-bottom: 5rem !important; }
.pb6r  { padding-bottom: 6rem !important; }
.pb7r  { padding-bottom: 7rem !important; }
.pb8r  { padding-bottom: 8rem !important; }
.pb9r  { padding-bottom: 9rem !important; }
.pb10r { padding-bottom: 9rem !important; }
.pb11r { padding-bottom: 9rem !important; }
.pb12r { padding-bottom: 9rem !important; }

.pb-5r { padding-top: 0.5rem !important; }
.pt0   { padding-top: 0    !important; }
.pt1r  { padding-top: 1rem !important; }
.pt2r  { padding-top: 2rem !important; }
.pt3r  { padding-top: 3rem !important; }
.pt4r  { padding-top: 4rem !important; }
.pt5r  { padding-top: 5rem !important; }
.pt6r  { padding-top: 6rem !important; }
.pt7r  { padding-top: 7rem !important; }
.pt8r  { padding-top: 8rem !important; }
.pt9r  { padding-top: 9rem !important; }
.pt10r { padding-top: 9rem !important; }
.pt11r { padding-top: 9rem !important; }
.pt12r { padding-top: 9rem !important; }

.pl1r { padding-left:  1rem !important; }
.pl2r { padding-left:  2rem !important; }
.pl3r { padding-left:  3rem !important; }
.pr1r { padding-right: 1rem !important; }
.pr2r { padding-right: 2rem !important; }
.pr3r { padding-right: 3rem !important; }

.ml1r { margin-left: 1rem !important; }
.ml2r { margin-left: 2rem !important; }
.ml3r { margin-left: 3rem !important; }

.fw100 { font-weight: 100 !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

.fs-1r  { font-size: 0.1rem !important; }
.fs-2r  { font-size: 0.2rem !important; }
.fs-3r  { font-size: 0.3rem !important; }
.fs-4r  { font-size: 0.4rem !important; }
.fs-5r  { font-size: 0.5rem !important; }
.fs-6r  { font-size: 0.6rem !important; }
.fs-7r  { font-size: 0.7rem !important; }
.fs-8r  { font-size: 0.8rem !important; }
.fs-9r  { font-size: 0.9rem !important; }
.fs1r   { font-size: 1rem !important;   }
.fs1-1r { font-size: 1.1rem !important; }
.fs1-2r { font-size: 1.2rem !important; }
.fs1-3r { font-size: 1.3rem !important; }
.fs1-4r { font-size: 1.4rem !important; }
.fs1-5r { font-size: 1.5rem !important; }
.fs1-6r { font-size: 1.6rem !important; }
.fs1-7r { font-size: 1.7rem !important; }
.fs1-8r { font-size: 1.8rem !important; }
.fs1-9r { font-size: 1.9rem !important; }
.fs2r   { font-size: 2rem !important;   }
.fs2-1r { font-size: 2.1rem !important; }
.fs2-2r { font-size: 2.2rem !important; }
.fs2-3r { font-size: 2.3rem !important; }
.fs2-4r { font-size: 2.4rem !important; }
.fs2-5r { font-size: 2.5rem !important; }
.fs2-6r { font-size: 2.6rem !important; }
.fs2-7r { font-size: 2.7rem !important; }
.fs2-8r { font-size: 2.8rem !important; }
.fs2-9r { font-size: 2.9rem !important; }
.fs3r   { font-size: 3rem !important;   }
.fs3-1r { font-size: 3.1rem !important; }
.fs3-2r { font-size: 3.2rem !important; }
.fs3-3r { font-size: 3.3rem !important; }
.fs3-4r { font-size: 3.4rem !important; }
.fs3-5r { font-size: 3.5rem !important; }
.fs3-6r { font-size: 3.6rem !important; }
.fs3-7r { font-size: 3.7rem !important; }
.fs3-8r { font-size: 3.8rem !important; }
.fs3-9r { font-size: 3.9rem !important; }
.fs4r   { font-size: 4rem !important; }
.fs4-1r { font-size: 4.1rem !important; }
.fs4-2r { font-size: 4.2rem !important; }
.fs4-3r { font-size: 4.3rem !important; }
.fs4-4r { font-size: 4.4rem !important; }
.fs4-5r { font-size: 4.5rem !important; }
.fs4-6r { font-size: 4.6rem !important; }
.fs4-7r { font-size: 4.7rem !important; }
.fs4-8r { font-size: 4.8rem !important; }
.fs4-9r { font-size: 4.9rem !important; }
.fs5r   { font-size: 5rem !important; }
.fs6r   { font-size: 6rem !important; }
.fs7r   { font-size: 7rem !important; }
.fs8r   { font-size: 8rem !important; }
.fs9r   { font-size: 9rem !important; }
.fs10r  { font-size: 10rem !important; }

.lh1 	{ line-height: 1 !important; }
.lh1-5 	{ line-height: 1.5 !important; }
.lh1-6 	{ line-height: 1.6 !important; }
.lh1-7 	{ line-height: 1.7 !important; }
.lh1-8 	{ line-height: 1.8 !important; }
.lh1-9 	{ line-height: 1.9 !important; }
.lh2 	{ line-height: 2 !important; }

.bcff { background-color: #FFFFFF; }
.bcfe { background-color: #FEFEFE; }
.bcfd { background-color: #FDFDFD; }
.bcfc { background-color: #FCFCFC; }
.bcfb { background-color: #FBFBFB; }
.bcfa { background-color: #FAFAFA; }
.bcf9 { background-color: #F9F9F9; }
.bcf8 { background-color: #F8F8F8; }
.bcf7 { background-color: #F7F7F7; }
.bcf6 { background-color: #F6F6F6; }
.bcf5 { background-color: #F5F5F5; }
.bcf4 { background-color: #F4F4F4; }
.bcf3 { background-color: #F3F3F3; }
.bcf2 { background-color: #F2F2F2; }
.bcf1 { background-color: #F1F1F1; }
.bcef { background-color: #EFEFEF; }
.bcee { background-color: #EEEEEE; }
.bced { background-color: #EDEDED; }
.bc00 { background-color: #000000; }

.tcf00 { color: #FF0000; }
.tc00  { color: #000000; }
.tcfff { color: #FFFFFF; }
.tcff  { color: #FFFFFF; }
.tcf0  { color: #FFFF00; }
.bc1   { color: #024a63; }
.bc2   { color: #3d9cc2; }
.bc3   { color: #00baba; }
.bc4   { color: #ff4200; }

.br5px  { border-radius:  5px; }
.br10px { border-radius: 10px; }
.br15px { border-radius: 15px; }
.br20px { border-radius: 20px; }
.br25px { border-radius: 25px; }
.br30px { border-radius: 30px; }
.br35px { border-radius: 35px; }
.br40px { border-radius: 40px; }

.wd100 { width: 100%; }
.wd90  { width: 90%; }
.wd80  { width: 80%; }
.wd70  { width: 70%; }
.wd60  { width: 60%; }
.wd50  { width: 50%; }
.wd40  { width: 40%; }
.wd30  { width: 30%; }
.wd20  { width: 20%; }
.wd10  { width: 10%; }


@media (max-width: 991px) 
{
	.mmb0  { margin-bottom: 0 !important; }
	.mmb1r { margin-bottom: 1rem !important; }
	.mmb2r { margin-bottom: 2rem !important; }
	.mmb3r { margin-bottom: 3rem !important; }
	.mmb4r { margin-bottom: 4rem !important; }
	.mmb5r { margin-bottom: 5rem !important; }
	.mmb6r { margin-bottom: 6rem !important; }
	.mmb7r { margin-bottom: 7rem !important; }
	.mmb8r { margin-bottom: 8rem !important; }
	.mmb9r { margin-bottom: 9rem !important; }

	.mmt0  { margin-top: 0 !important; }
	.mmt1r { margin-top: 1rem !important; }
	.mmt2r { margin-top: 2rem !important; }
	.mmt3r { margin-top: 3rem !important; }
	.mmt4r { margin-top: 4rem !important; }
	.mmt5r { margin-top: 5rem !important; }
	.mmt6r { margin-top: 6rem !important; }
	.mmt7r { margin-top: 7rem !important; }
	.mmt8r { margin-top: 8rem !important; }
	.mmt9r { margin-top: 9rem !important; }

	.mpb0  { padding-bottom: 0 !important; }
	.mpb1r { padding-bottom: 1rem !important; }
	.mpb2r { padding-bottom: 2rem !important; }
	.mpb3r { padding-bottom: 3rem !important; }
	.mpb4r { padding-bottom: 4rem !important; }
	.mpb5r { padding-bottom: 5rem !important; }
	.mpb6r { padding-bottom: 6rem !important; }
	.mpb7r { padding-bottom: 7rem !important; }
	.mpb8r { padding-bottom: 8rem !important; }
	.mpb9r { padding-bottom: 9rem !important; }

	.mpt0  { padding-top: 0 !important; }
	.mpt1r { padding-top: 1rem !important; }
	.mpt2r { padding-top: 2rem !important; }
	.mpt3r { padding-top: 3rem !important; }
	.mpt4r { padding-top: 4rem !important; }
	.mpt5r { padding-top: 5rem !important; }
	.mpt6r { padding-top: 6rem !important; }
	.mpt7r { padding-top: 7rem !important; }
	.mpt8r { padding-top: 8rem !important; }
	.mpt9r { padding-top: 9rem !important; }

	.mpl0  { padding-left:  0 !important;    }
	.mpl1r { padding-left:  1rem !important; }
	.mpl2r { padding-left:  2rem !important; }
	.mpl3r { padding-left:  3rem !important; }
	.mpr0  { padding-right: 0 !important;    }
	.mpr1r { padding-right: 1rem !important; }
	.mpr2r { padding-right: 2rem !important; }
	.mpr3r { padding-right: 3rem !important; }

	.mfw100 { font-weight: 100 !important; }
	.mfw200 { font-weight: 200 !important; }
	.mfw300 { font-weight: 300 !important; }
	.mfw400 { font-weight: 400 !important; }
	.mfw500 { font-weight: 500 !important; }
	.mfw600 { font-weight: 600 !important; }
	.mfw700 { font-weight: 700 !important; }
	.mfw800 { font-weight: 800 !important; }
	.mfw900 { font-weight: 900 !important; }

	.mfs-1r  { font-size: 0.1rem !important; }
	.mfs-2r  { font-size: 0.2rem !important; }
	.mfs-3r  { font-size: 0.3rem !important; }
	.mfs-4r  { font-size: 0.4rem !important; }
	.mfs-5r  { font-size: 0.5rem !important; }
	.mfs-6r  { font-size: 0.6rem !important; }
	.mfs-7r  { font-size: 0.7rem !important; }
	.mfs-8r  { font-size: 0.8rem !important; }
	.mfs-9r  { font-size: 0.9rem !important; }
	.mfs1r   { font-size: 1rem !important; }
	.mfs1-1r { font-size: 1.1rem !important; }
	.mfs1-2r { font-size: 1.2rem !important; }
	.mfs1-3r { font-size: 1.3rem !important; }
	.mfs1-4r { font-size: 1.4rem !important; }
	.mfs1-5r { font-size: 1.5rem !important; }
	.mfs1-6r { font-size: 1.6rem !important; }
	.mfs1-7r { font-size: 1.7rem !important; }
	.mfs1-8r { font-size: 1.8rem !important; }
	.mfs1-9r { font-size: 1.9rem !important; }
	.mfs2r   { font-size: 2rem !important;   }
	.mfs2-1r { font-size: 2.1rem !important; }
	.mfs2-2r { font-size: 2.2rem !important; }
	.mfs2-3r { font-size: 2.3rem !important; }
	.mfs2-4r { font-size: 2.4rem !important; }
	.mfs2-5r { font-size: 2.5rem !important; }
	.mfs2-6r { font-size: 2.6rem !important; }
	.mfs2-7r { font-size: 2.7rem !important; }
	.mfs2-8r { font-size: 2.8rem !important; }
	.mfs2-9r { font-size: 2.9rem !important; }
	.mfs3r   { font-size: 3rem !important;   }
	.mfs3-1r { font-size: 3.1rem !important; }
	.mfs3-2r { font-size: 3.2rem !important; }
	.mfs3-3r { font-size: 3.3rem !important; }
	.mfs3-4r { font-size: 3.4rem !important; }
	.mfs3-5r { font-size: 3.5rem !important; }
	.mfs3-6r { font-size: 3.6rem !important; }
	.mfs3-7r { font-size: 3.7rem !important; }
	.mfs3-8r { font-size: 3.8rem !important; }
	.mfs3-9r { font-size: 3.9rem !important; }
	.mfs4r   { font-size: 4rem !important;   }
	.mfs4-1r { font-size: 4.1rem !important; }
	.mfs4-2r { font-size: 4.2rem !important; }
	.mfs4-3r { font-size: 4.3rem !important; }
	.mfs4-4r { font-size: 4.4rem !important; }
	.mfs4-5r { font-size: 4.5rem !important; }
	.mfs4-6r { font-size: 4.6rem !important; }
	.mfs4-7r { font-size: 4.7rem !important; }
	.mfs4-8r { font-size: 4.8rem !important; }
	.mfs4-9r { font-size: 4.9rem !important; }
	.mfs5r   { font-size: 5rem !important;   }
	.mfs6r   { font-size: 6rem !important;   }
	.mfs7r   { font-size: 7rem !important;   }
	.mfs8r   { font-size: 8rem !important;   }

	.mtac   { text-align: center !important; }
	.mtal   { text-align: left !important; }
	.mtar   { text-align: right !important; }
	.mtaj   { text-align: justify !important; }

	.mlh1 	{ line-height: 1 !important; }
	.mlh1-9 { line-height: 1.9 !important; }
	.mlh2 	{ line-height: 2 !important; }

	.mh0px 	{ height: 0px !important; }
}

.ofh 	{ overflow: hidden; }
.w10 	{ width: 10%  !important; }
.w20 	{ width: 20%  !important; }
.w30 	{ width: 30%  !important; }
.w40 	{ width: 40%  !important; }
.w50 	{ width: 50%  !important; }
.w60 	{ width: 60%  !important; }
.w70 	{ width: 70%  !important; }
.w80 	{ width: 80%  !important; }
.w90 	{ width: 90%  !important; }
.w100 	{ width: 100% !important; }
.flr 	{ float: right !important; }
.fll 	{ float: left  !important; }
.posa 	{ position: absolute !important; }
.posr 	{ position: relative !important; }
.bsh1 	{ box-shadow: 15px 15px 30px rgba(0, 10, 20,0.7); }

/* my rules - end */


.topmenu {
	height: 100px;
	background-color: var(--brand-col-1);
	position: sticky;
	top: 0;
	z-index: 1000;
}

.topmenu > .container > .row {
	height: 100px;
	align-items: center;
}

.topmenu .mainnav .t4-navbar > .navbar {
	float: right;
	margin-right: -18px;
}

 .topmenu .navbar-nav > li > a {
	color: #FFFFFF !important;
	font-size: 1.1rem !important;
}

 .topmenu .navbar-nav > li > a:hover, 
 .topmenu .navbar-nav > li.active > a, 
 .topmenu .navbar-nav > li.active > .nav-link {
	color: var(--brand-col-2) !important;
}


.herocon {
	position: relative;
}

.herocon:before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.pafit {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}












.homepage-about {
	background-image: url(../../../images/template/line-1.png);
	background-color: #F8F4F3;
	background-size: cover;
}

.card1 {
	background-color: #F8F4F3;
	z-index: 0;
	padding: 2rem;
	height: 100%;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
}

.card1:hover {
	background-color: #0C2C31;
	color: #FFFFFF;
}

.card1:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../../../images/template/icon-design1.svg);
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: 100% 100%;
	opacity: 0.01;	
}

.card1 img {
	filter: invert(55%) sepia(90%) saturate(1800%) hue-rotate(350deg) brightness(95%) contrast(90%);
	margin-bottom: 1rem;
}

.card1:hover img {
	filter: invert(100%) brightness(100%);
}

.card1 a {
	color: #E07425;
}

.card1 a:hover {
	color: #FFAA00;
}




.homepage-steps {
	position: relative;
	z-index: 0;
	color: #FFFFFF;
	background-color: var(--brand-col-1);
}

.homepage-steps:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../../../images/pages/homepage/blueprint3.png), url(../../../images/pages/homepage/blueprint3.png);
	background-repeat: no-repeat, no-repeat;
	background-position: -250% 50%, -600% 20%;
	background-size: 80%, 110%;
	opacity: 0.1;
}

.card2 > div {
	display: inline-block;
	padding: 2rem;
	border-radius: 1000px;
	background-color: rgb(17 61 68);
	margin-bottom: 1rem;
}

.card2:hover > div {
	background-color: var(--brand-col-2);
}

.card2 img, 
.accordion-button:not(.collapsed)::after {
	filter: invert(55%) sepia(90%) saturate(1800%) hue-rotate(350deg) brightness(95%) contrast(90%);
}

.card2:hover img {
	filter: invert(100%) brightness(100%);
}

.card2 h5 {
	font-size: 1.4rem;
	font-weight: 600;
}




.card3 {
	position: relative;
	overflow: hidden;
	aspect-ratio: 3/4;
}

.card3 a {
	position: relative;
	display: block;
	width: 100%;
	transition: all 0.5s;
}

.card3 a:before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	transition: all 1s;
}

.card3:hover a {
	display: block;
	width: 120%;
}

.card3:hover a:before {
	background-color: rgba(0, 0, 0, 0.5);
}

.card3 h4 {
	position: absolute;
	top: 80%;
	left: 5%;
	opacity: 0;
	transition: all 0.5s;
	color: #FFFFFF;
}

.card3:hover h4 {
	left: 10%;
	opacity: 1;
}




.accordion-item {
	border: none;
}

.accordion-button, 
.accordion-button:focus {
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #DDDDDD;
}

.accordion-button:not(.collapsed) {
	background: none;
	box-shadow: none;
	color: var(--brand-col-2);
}






.homepage-faqs, 
.homepage-blog {
	position: relative;
	z-index: 0;
}

.homepage-faqs:before, 
.homepage-blog:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../../../images/pages/homepage/blueprint4.png);
	background-repeat: no-repeat;
	background-position: 15% 50%;
	background-size: 30%;
	opacity: 0.05;
}





.footersection {
	position: relative;
	z-index: 0;
}

.footersection:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../../../images/pages/homepage/blueprint3.png);
	background-repeat: no-repeat;
	background-position: 50% 80%;
	background-size: 120%;
	opacity: 0.05;
}

.footersection nav.navbar {
	padding: 0;
}

span.ficon {
	display: inline-block;
	text-align: center;
	background-color: var(--brand-col-2);
	border-radius: 100px;
	width: 35px;
	height: 35px;
}










.mymasterheading  {
	position: relative;
	background-color: #1C3C41;
	color: #FFFFFF;
	text-align: center;
}

.mymasterheading .t4-masthead-title {
	font-size: 2.8rem;
	font-weight: 700;
}

.mymasterheading:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../../images/template/pbg01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity: 0.5;	
}













.project-details-s1 > div {
	background-color: #0C2C31;
	color: #FFFFFF;
}

.project-details-s1 span {
	font-weight: 700;
	color: #E07425;
}








thead tr {
	background-color: #EAEAEA;
}

td, th {
	padding: 0.6rem 1rem;
}

tr:nth-child(2n) {
	background-color: #F5F5F5;
}