@charset "utf-8";
/* CSS Document */
@font-face{
    font-family: "ReliableDEMO";
    src: url("8f86f565248c12a58d863cb717b4d279.eot");
    src: url("8f86f565248c12a58d863cb717b4d279.eot?#iefix")format("embedded-opentype"),
        url("8f86f565248c12a58d863cb717b4d279.woff")format("woff"),
        url("8f86f565248c12a58d863cb717b4d279.woff2")format("woff2"),
        url("8f86f565248c12a58d863cb717b4d279.ttf")format("truetype"),
        url("8f86f565248c12a58d863cb717b4d279.svg#ReliableDEMO")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


body{margin: 0; font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;  font-size: 1.1rem;}



h1, h2, h3{ font-family: "ReliableDEMO";
    font-style: normal;
    font-stretch: normal;
    font-optical-sizing: auto;
    line-height: initial;}

h1{font-size: 3.3rem;}
h2{font-size:2.9rem;}
h3{font-size:2.2rem;}
h3:after, .headingbtmline:after{content: '';
    margin: auto;
    height: 2px;
    width: 100px;
    background: #ffca01;
    display: block;
    margin-top: 6px;}


.h4, h4 {font-size:1.8rem;}
.h5, h5 {font-size: 1.5rem; color:#dbad00;}

.font-13px{font-size: 13px;}
.navbar-nav .nav-item{padding: 0; margin:0 15px;}
.navbar-nav a{text-decoration: none; font-size: 16px;    color: #000;}
.navbar-collapse {flex-grow: 0;}

.montserratextrabold {}
.montserratmedium {}

.navbar-toggler{position: absolute;
    top: -37px;
    right: 0;}

.bg-primary {
    background-color: #000 !important;
}
.bg-secondary {
    background-color: #ffca01 !important;
}

.text-justify{text-align: justify;}
.text-black{color: black}
.text-primary{color: #222c5c !important}


ul.blubullet {
  list-style: none; padding: 0 20px; /* Remove default bullets */
}

ul.blubullet li::before {
  content: "\25AA";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color:#0163ba; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -0.9em; /* Also needed for space (tweak if needed) */
	font-size: 22px;
}
ul li{ margin-bottom: 10px;
}

.graybg{background: #e2e2e2;}
.lightbluebg{background: #e5f6ff;}
.skybluebg{background: #63bff1;}
.bluebg{background: #1f458e;}
.bluetext{color: #1f458e;}

.bluelgtbg{background: #8fc4db;}
.greenbg{background: #4db848;}
.blackbg{background: #000; color: #FCFCFC;}
.blackbg a{color: #FCFCFC;}
.bluetext{color: #233966;}
.orngtext, .h5, h5, a:hover {}

.blueborder{border: 1px solid #1f458e;}

.small, small {
    font-size: 14px;
    display: block;
}

.btn-warning{font-size: 16px;
    border-radius: 6px; background: #000;
}

.rounded-5{border-radius: 30px;}

.toplogosec{
    z-index: 44;
    right: 0;
    left: 0;
    top: 0;
background: #ffca01;}

.owl-carousel.project-carousel .owl-stage-outer{font-size: 0.8rem;    padding: 70px 0;}
.project-carousel .owl-item{border:1px solid #222c5c;}
.project-carousel h6{font-size: 1.2rem;}
.project-carousel .owl-item.active.center {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
	background:#ffca01;
}
.project-carousel .owl-stage{display: flex;}
.project-carousel .owl-stage .owl-item{background: #000; border-radius: 8px;}
.project-carousel .owl-stage .owl-item .item{padding: 20px; color: #fff!important;}
.project-carousel .owl-stage .owl-item .item h3{ font-size: 2rem; color: #fff!important;}
.project-carousel .owl-stage .owl-item .item h4{ font-size: 1.5rem; margin: 10px 0 0 0}

.h2points h2{background: url("../../images/points-org-bg-top-left.png") no-repeat top left; padding: 20px 0 0 10px;}




.bannerwithform {
 background: url("../../images/LP-Banner-BG.png") no-repeat bottom right;  overflow: hidden; background-size: cover;}
.bannerwithform video{    position: absolute;
    top: 50%;
    /* bottom: 0; */
    right: 0;
    left: 0;
    transform: translateY(-50%);
    height: 680px;
    object-fit: cover;}

.bannerwithform .formmain {
    position: relative;
    transform: translateX(-50%);
    right: 50%;
    left: 50%;
}
textarea:focus, input:focus, select:focus {
	outline: none;
}
.bannerwithform .formmain {
	background: #000000a3;
    z-index: 11;
    backdrop-filter: blur(20px);border-radius: 6px;
	
}
.bannerwithform .col-6 {
	position: relative;
}
.bannerwithform i {
	position: absolute;
	right: 13px;
	top: 1px;
	color: #ccc; display: none;
}
.formtop {
}
.formtop input, .formtop select, .formtop textarea {
        width: 100%;
    margin: 8px 0;
    background: #000000;
    border: none;
    border-bottom: 2px solid #a1820f;
    color: #fff;
    padding: 12px 2px;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
    font-weight: normal;
}
.formtop select{padding: 11px 2px;}

.formtop .error, .formtop .text-danger{font-size: 0.8rem;
    color: #ff8284;}

.formtop input::-webkit-input-placeholder, .formtop textarea::-webkit-input-placeholder{ color:#ddd}
.formtop select option{ background:#000}
.formtop select option:hover{ background: #0081AF}
.formtop input[type="submit"]{background: #ffca01; color:#000!important; font-weight: bold}
.formtop input:focus {
	border-bottom: 2px solid #dcb111;
}

.formtop a {position: absolute;
    right: 11px;
    padding: 3px 6px 1px;
    font-size: 15px;}

input.error, select.error{border-bottom: 2px solid #d60000;}
label.error {
    color: #ff4646;
    font-size: 10px;
    position: absolute;
    left:0.9rem;
    top: -2px;
}
.mainproducts{}
.mainproducts .col-12{ position: relative;}
.mainproducts .col-12 strong{position:absolute; bottom: 15px; left:10px; right:10px; text-align: center; font-family: 'butlerregular', "Times New Roman", "Source Sans Pro"; font-size:20px; text-transform: uppercase;     font-weight: 100;}




.owl-carousel .owl-item img{}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-theme .owl-nav [class*=owl-]:hover{padding: 0px 20px!important;
    font-size: 35px; color: #fff; margin: 0; border-radius: 0;
    line-height: 0.9; background: #1b65b0;}
.owl-theme .owl-nav .disabled{ background: #000!important;     opacity: 1;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next:hover{ border-radius: 0 110px 110px 0}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev:hover{ border-radius: 110px  0 0 110px}
.owl-theme .owl-dots{margin-top: 30px;}
.owl-theme .owl-nav {
     display: none;
}

.Selection-Process {
 background: #000; background-size: cover;}
 .Selection-Process .pe-4 img{filter: invert(1);}

.floatsupbtn{
    position: fixed;
    display: none;
    right: -60px;
    bottom: 50%;
    transform: rotate(270deg);
    z-index: 31;
}
.floatsupbtn-show{display: block;}

.floatsupbtn, .floatsupbtn a{color: #fff; cursor: pointer;}
.floatsupbtn a{padding: 10px 20px;background: #000;border-radius: 10px 10px 0px 0px; text-decoration: none;}



.btn-light {
	color: #000 !important;}



.header span{font-size:15px;}
.header h4 {
    font-size: 4.5rem;
}

.international-Advisory{    flex-wrap: wrap;    justify-content: center;}
.international-Advisory .divmain{width: 14%; float: left; padding: 21px 25px; margin: 5px 0;}
.international-Advisory .divmain img{width: 100%; margin-bottom: 10px; object-fit: contain;  height: 150px;filter: grayscale(1);}
.international-Advisory .divmain p strong{font-size: 0.8rem}
.international-Advisory .divmain p{margin: 0; font-size: 0.7rem}


.why-cu .col-md-4 div{line-height: 1.4rem;}
.why-cu .col-md-4 div img{margin-bottom: 10px;}

.testi-carousel{}
.testi-carousel .testi-name{ background:url("../../images/testim-quote.png") no-repeat center; background-size: contain;}
.testi-carousel .testi-name img{width: 150px!important; margin: auto; border-radius: 100px;}


.why-cu h5{color: #000;}

.whatsappftr{position: fixed;
    bottom: 20px;
right: 20px;
z-index: 11;}

.owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 7px;
	background: #ffca01!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000!important;
}

footer{

	text-decoration: none;
	color: inherit;
	    font-size: 0.9rem;
}
footer .ftrlinks a { display: block;
}
footer .ftriconlinks a{ font-size: 20px;}




@media only screen and (max-width: 990px) {

	h2, h3 {
    font-size:1.8rem;
}
	.h4, h4 {
    font-size: 1.5rem;
}
	.blackboxnav li {   
    width: 100%;
    margin: 3% 0;
}
	.navbar-nav .nav-item{margin:10px 0px;font-weight: 600;}
	
	.international-Advisory .divmain{width: 20%;}
}

@media only screen and (max-width: 600px) {
	h1{font-size:2rem;}
	.m100p{width: 100%;}
	.bannerwithform {}

	.header span { position: relative;
    top:0%;
     transform: translateY(-0%);
    left: 0;
    font-size: 12px; 
    width:auto;
    display: block;
    text-align: center!important;
}
	.header h4 {font-size: 7.9vw; text-align: center;}
	.header h4 br{display: none}
	.vectorblub{background: url("../../images/vector-bulb-mob.png") no-repeat right center}
	
	.international-Advisory .divmain{width: 33.33%;
        padding: 1px 15px;}
.project-carousel .owl-item.active.center {
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #222c5c;
}
	.owl-carousel.project-carousel .owl-stage-outer {
    padding: 0px 0;

}
.logotop{width: 250px;}
.navbar {
    padding-top: .0rem;
    padding-bottom: .0rem;
}
}
	
@media only screen and (max-width: 500px) {

}