@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
body{font-family: "Lato", sans-serif;}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-5{ margin-top:5px;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-10{margin-bottom:10px;}
.top-150{ margin-top:100px;}

.fl{float:left;}
.fr{float:right;}
.pad-top-25{ padding-top:25px;}
.center-block{ margin:0 auto; float:none;}
.border-red{border:1px solid red;}
.border-blue{border:1px solid blue;}

.bg-light{background-color:#FFF!important;}



.active {color:#421548!important;}

.navbar-brand img{height: 62px;}
.bg-dark{background-color: #fff!important;}
.bg-light-2{background:#2d1112!important; color:#FFF;}

.navbar-expand-lg .navbar-nav .nav-link{font-size:16px; font-family: "Lato", sans-serif;color:#000;  font-weight:400; letter-spacing: 0.5px;padding-left:10px!important; padding-right:10px!important;}
.nav-link:hover{color:#462051; }
.nav-active-btn{background:#462051; color:#FFF; font-size:15px; font-weight:500;border:0px;padding: 12px 10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nav-active-btn:hover{background:#3c0144; color:#FFF;}

.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;padding: 0px; border-radius: 2px;background: #d0c0d5;}
.dropdown-item {font-size:14px;color:#290529!important;padding: 8px 10px;}
.dropdown-item:hover{background:#8b479c!important; color:#FFF!important;}
.dropdown-item:active {background:#000!important; color:#290529!important;}

/* Position submenu to the right */
/* Submenu positioning */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* For mobile: force position relative to screen */
@media (max-width: 991.98px) {
    .dropdown-submenu > .dropdown-menu {
        left: 0;
        top: 0;
        margin-left: 1rem;
        margin-top: 0.5rem;
        position: relative;
    }
}



/*==============================*/
.banner-section{padding:0px; margin-top:80px;}
.carousel-caption {position: absolute; right: 15%;top: 45%;bottom:auto!important; left: 10%;color: #fff; text-align: left;}
.carousel-caption h5{font-size:2rem; font-weight:700; color:#FFF;font-family: "Lato", sans-serif;}

.carousel-caption-2 {position: absolute;right: 68%;top: 35%; text-align:center;}
.carousel-caption-3 {position: absolute;right: 62%;top: 35%;left: 3%; text-align:center;}
.carousel-caption-4 {position: absolute;right: 57%;top: 35%;left: 3%; text-align:center;}

.carousel-caption img{height: 75px;margin-bottom: 15px;}

.hero {position: relative;background-image: url('../images/banner.jpg'); background-size: cover;background-position: center;height: 100vh;}
.hero .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.hero .container {z-index: 2;}
.hero h1{margin-top:25rem;}
.wel-section{padding-top:2rem; padding-bottom:2rem;}
.wel-section h1{font-size:30px; font-family: "Lato", sans-serif;color:#000;  font-weight:500; text-align:center;}
.wel-section p{font-size:15px; font-family: "Lato", sans-serif;color:#000;  font-weight:400; text-align:left; line-height:26px;}
.wel-section ul{margin:0px; padding:0px;}
.wel-section ul li{position: relative; padding-left: 25px; margin-bottom: 10px; list-style-type:none;}
.wel-section ul li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px;font-weight: 900;position: absolute; left: 0;top: 0;line-height: 1.5;}

.ul-img{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}


.counter-bg-box{border:2px solid #FFF;padding:27px 16px;margin-top: -7rem;z-index: 9;position: relative;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; background: #000008;
background: -webkit-linear-gradient(180deg, rgba(0, 0, 8, 1) 0%, rgba(92, 63, 127, 1) 100%);
background: -moz-linear-gradient(180deg, rgba(0, 0, 8, 1) 0%, rgba(92, 63, 127, 1) 100%);
background: linear-gradient(180deg, rgba(0, 0, 8, 1) 0%, rgba(92, 63, 127, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000008", endColorstr="#5C3F7F", GradientType=0);}
.counter-text{color:#FFF!important; text-align:center!important;}
.counter-text h2{font-size:48px!important; font-weight:600; }
.counter-text h3{font-size:18px!important;  font-weight:400;}

.tab-section{padding: 2rem 0; background: #000008;
background: -webkit-linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
background: -moz-linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
background: linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000008", endColorstr="#9C48B5", GradientType=0);}
.tab-section h1{font-size:30px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:500; text-align:center;margin-bottom:30px;}

.btn-tab-white{background:#FFF;color:#000008;margin-bottom:10px;padding:15px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nav-pills .nav-link.active{background:#5c3f7f; color:#FFF!important;}
.nav-pill-box{background:#FFF;padding:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nav-pill-box img{height:80px;}
.nav-pill-box h2{font-size:26px!important; font-weight:600;text-align:left;}
.nav-pill-box a{background:#5c3f7f;font-size:15px;color:#FFF;text-decoration:none; padding:8px 15px; display:inline-block; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.nav-pill-box a:hover{background:#9846b0;}

.testimonial-section{padding: 2rem 0;background:#4c2456; }
.testimonial-section h2{font-size:30px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:500; text-align:center;}
.testimonial-section h3{font-size:15px; color:#FFF;}

.testimonial-section h1{font-size:37px; font-weight:600;color:#FFF; margin-bottom:25px;font-family: "Lato", sans-serif; font-optical-sizing: auto;}
.testimonial-section p{font-size:15px; color:#FFF;line-height: 30px;}

.trim-container{padding-left:30px;padding-right:30px;}
.testimonial-container{background:#FFF; padding:25px;}
.testimonial-container h3{font-size: 15px; font-weight: 500; padding-top: 14px;color:#000;}
.testimonial-container h5{font-size:14px; font-weight:400;}
.testimonial-container-2 p{font-size:14px;color:#575757;}
.testimonial-container p span{color:#000; font-size:12px;}
.checked {color: orange!important;}

.carf-section {padding: 3rem 0 2rem 0; position: relative;background-image: url('../images/carft-bg.jpg'); background-size: cover;background-position: center;height: 50vh;}
.carf-section h2{font-size:30px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:500; text-align:left; margin-bottom:15px;}

.carf-section ul{margin:10px 0px; padding:0px;}

.carf-section ul li{position: relative; padding-left: 25px; margin-bottom: 10px; list-style-type:none; font-family: "Lato", sans-serif; font-weight: 500; color:#FFF;}
.carf-section ul li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px;font-weight: 900; color:#FFF;position: absolute; left: 0;top: 0;line-height: 1.5;}

/*.carf-section ul li{display:block; font-size:15px;margin-bottom: 0.5rem; font-family: "Lato", sans-serif; font-weight: 500; color:#FFF;  margin-top:0px;padding-left:0px;}
.carf-section ul li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px; vertical-align: middle; color:#FFF; padding-right: 8px;}*/

.carf-section a{background:#5c3f7f;font-size:15px;color:#FFF;text-decoration:none; padding:8px 15px; display:inline-block;margin-top:15px; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.carf-section a:hover{background:#9846b0;}
.client-bg{background:#FFF;padding:2rem 0;}
.client-bg h2{font-size:30px; font-family: "Lato", sans-serif;color:#4C2456;  font-weight:500; text-align:center; margin-bottom:15px;}


.footer {background: #4c2456;color: white;padding: 20px 0 2px 0;text-align: center;}
.footer p{font-size:13px; color:#FFF; text-align:left;}
.social-icon{text-align:center;}
.social-icon a{color:#FFF; font-size:25px;margin-left: 10px; text-decoration:none;}
.social-icon a:hover{color:#c28ccf;}

/*=====================*/
.scroller {width: 100%;overflow: hidden; white-space: nowrap;position: relative;}
.scroller-inner {display: inline-block;white-space: nowrap;animation: scroll 10s linear infinite;}

.scroller img {display: inline-block;height: auto;width: auto;margin-right: 20px;}

/* Keyframes for scrolling animation */
@keyframes scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%); /* Move by half the width of the container */
  }
}

/* Desktop: Show 4 images at a time */
@media (min-width: 769px) {
  .scroller img {width: calc(12% - 15px); margin-right: 20px;}
}

/* Mobile: Show 1 image at a time */
@media (max-width: 768px) {
  .scroller img { width: calc(40% - 10px);
    margin-right: 10px;
  }
}
/*==============Owl testimonial===================*/

.owl-theme .owl-controls{margin-top: 10px;}
.owl-theme .owl-controls .owl-buttons div{opacity: 0.8; background: #fff;}
.owl-prev:before,
.owl-next:before{
    content: "\f053";font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 20px;color: #1f487e;
}
.owl-next:before{ content: "\f054"; }

.owl-theme .owl-controls .owl-buttons div{padding:1px 10px!important;background:#FFF!important;}


/*=================Team===============*/

.hero-team {position: relative;background-image: url('../images/team-banner.jpg'); background-size: cover;background-position: center;text-align: right;height: 100vh;}
.hero-team .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.hero-team .container {z-index: 2;}
.hero-team h1{margin-top:25rem;}

.team-bg-1{padding: 2rem 0; background: #000008;
background: -webkit-linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
background: -moz-linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
background: linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000008", endColorstr="#9C48B5", GradientType=0);}
.team-bg-2 {padding: 2rem 0; background: #9C48B5;
background: -webkit-linear-gradient(91deg, rgba(156, 72, 181, 1) 0%, rgba(1, 1, 8, 1) 100%);
background: -moz-linear-gradient(91deg, rgba(156, 72, 181, 1) 0%, rgba(1, 1, 8, 1) 100%);
background: linear-gradient(91deg, rgba(156, 72, 181, 1) 0%, rgba(1, 1, 8, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9C48B5", endColorstr="#010108", GradientType=0);}


.team-name-txt h3{ font-size:18px; font-weight:600; text-align:center; color:#FFF; margin-bottom:10px; margin-top:10px;}
.team-name-txt h5{ font-size:13px; font-weight:500; text-align:center; color:#FFF;}
.team-name-txt p{font-size:15px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:400; text-align:justify; line-height:26px;}
.box-pad-top{padding-top:5rem;}

/*=================*/
.hero-grant {position: relative;background-image: url('../images/grants-management.jpg'); background-size: cover;background-position: center;text-align: left;height: 100vh;}
.hero-grant .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.hero-grant .container {z-index: 2;}
.hero-grant h1{margin-top:25rem;}

.wel-section-2{padding-top:2rem; padding-bottom:2rem;}
.wel-section-2 h1{font-size:30px; font-family: "Lato", sans-serif;color:#000;  font-weight:500; text-align:center;}
.wel-section-2 p{font-size:15px; font-family: "Lato", sans-serif;color:#000;  font-weight:400; text-align:left; line-height:26px;}
.wel-section-2 ul{margin:0px; padding:0px;}
.wel-section-2 ul li{display:block; font-size:15px;margin-bottom: 1.5rem; font-family: "Lato", sans-serif; font-weight: 500; color:#000;  margin-top:0px;padding-left:0px;}
.wel-section-2 ul li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px; vertical-align: middle; color:#4C2456; padding-right: 8px;}

.wel-section-3{padding: 2rem 0; background: #000008;
background: -webkit-linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
background: -moz-linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
background: linear-gradient(91deg, rgba(0, 0, 8, 1) 0%, rgba(156, 72, 181, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000008", endColorstr="#9C48B5", GradientType=0);}

.wel-section-4{padding: 2rem 0; background: #9C48B5;
background: -webkit-linear-gradient(91deg, rgba(156, 72, 181, 1) 0%, rgba(1, 1, 8, 1) 100%);
background: -moz-linear-gradient(91deg, rgba(156, 72, 181, 1) 0%, rgba(1, 1, 8, 1) 100%);
background: linear-gradient(91deg, rgba(156, 72, 181, 1) 0%, rgba(1, 1, 8, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9C48B5", endColorstr="#010108", GradientType=0);}


.wel-section-3 h1{font-size:30px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:500; text-align:center;}
.wel-section-3 p{font-size:15px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:400; text-align:left; line-height:26px;}
.wel-section-3 ul{margin:0px; padding:0px;}
/*
.wel-section-3 ul li{display:block; font-size:15px;margin-bottom: 1.5rem; font-family: "Lato", sans-serif; font-weight: 500; color:#FFF;  margin-top:0px;padding-left:0px;}
.wel-section-3 ul li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px; vertical-align: middle; color:#FFF; padding-right: 8px;}
*/
.wel-section-3 li { position: relative;padding-left: 25px; margin-bottom: 10px;color:#FFF; list-style-type:none;font-size:15px;font-family: "Lato", sans-serif; font-weight: 500;}
.wel-section-3 li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px; color:#FFF;position: absolute; left: 0;  top: 0;  line-height: 1.5;}

.wel-section-4 h1{font-size:30px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:500; text-align:center;}
.wel-section-4 p{font-size:15px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:400; text-align:left; line-height:26px;}
.wel-section-4 ul{margin:0px; padding:0px;}
/*.wel-section-4 ul li{display:block; font-size:15px;margin-bottom: 1.5rem; font-family: "Lato", sans-serif; font-weight: 500; color:#FFF;  margin-top:0px;padding-left:0px;}
.wel-section-4 ul li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px; vertical-align: middle; color:#FFF; padding-right: 8px;}
*/
.wel-section-4 li { position: relative;padding-left: 25px; margin-bottom: 10px;color:#FFF; list-style-type:none;font-size:15px;font-family: "Lato", sans-serif; font-weight: 500;}
.wel-section-4 li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px; color:#FFF;position: absolute; left: 0;  top: 0;  line-height: 1.5;}


.hero-lpi {position: relative;background-image: url('../images/license-permit.jpg'); background-size: cover;background-position: center;text-align: left;height: 100vh;}
.hero-lpi .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.hero-lpi .container {z-index: 2;}
.hero-lpi h1{margin-top:25rem;}

.hero-cms {position: relative;background-image: url('../images/case-management.jpg'); background-size: cover;background-position: center;text-align: left;height: 100vh;}
.hero-cms .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.hero-cms .container {z-index: 2;}
.hero-cms h1{margin-top:25rem;}


.hero-tms {position: relative;background-image: url('../images/talent-management.jpg'); background-size: cover;background-position: center;text-align: left;height: 100vh;}
.hero-tms .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.hero-tms .container {z-index: 2;}
.hero-tms h1{margin-top:25rem;}
/*===============*/

.list-unstyled {padding-left: 0;list-style: none;}
.list-unstyled li:before{}
/*===============form==================*/
.form-header{background:#640471; color:#9b3a00; padding:1px 10px 0px 22px;  border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}
.form-header h1{font-size: 20px;text-transform: capitalize;color:#FFF;}
.form-container{background:#fff; padding:1rem 2rem;-webkit-box-shadow: 0px 0px 17px -9px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 17px -9px rgba(0,0,0,0.75);box-shadow: 0px 0px 17px -9px rgba(0,0,0,0.75);}
.form-control-lg {padding:10px  15px; font-size: 15px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
label {font-size: 15px;font-weight: 600;margin-bottom: 5px;}
.btn-primary{background:#640471; color:#FFF; font-size:17px; font-weight:500; border:0px;padding-left:20px;padding-right:20px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.btn-primary:hover{background:#37033e; color:#FFF;}
.star img{height:120px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

.star-txt h2{font-size:30px; font-family: "Lato", sans-serif;color:#FFF;  font-weight:500; text-align:left; margin-bottom:15px;}
.star-txt ul{margin:10px 0px; padding:0px;}
.star-txt ul li{display:block; font-size:14px;margin-bottom: 0.5rem; font-family: "Lato", sans-serif; font-weight: 400; color:#FFF;  margin-top:0px;padding-left:0px;}
.star-txt ul li::before {font-family: "Material Symbols Outlined"; content: "\e5ca"; font-weight:bold; font-size:20px; vertical-align: middle; color:#FFF; padding-right: 8px;}
.star-txt a{color:#FFF; text-decoration:underline;}
.star-txt a:hover{color:#FFF; text-decoration:none;}

/*==============================*/
/*=========section -divider======*/
.section-divider{padding-top:3rem;padding-bottom:3rem}
.thankyou-section{margin-top:7rem; padding-bottom:25rem; padding-top:10rem;}
.thankyou-section h1{font-size:30px; font-family: "Lato", sans-serif;color:#000;  font-weight:600; text-align:center; margin-bottom:15px;}
.thankyou-section h2{font-size:25px; font-family: "Lato", sans-serif;color:#000;  font-weight:500; text-align:center; margin-bottom:15px;}
/*==============================*/

.visi-desk{display:block!important;}
.visi-mob{display:none!important;}

/*==============================*/
@media (max-width:441px){
.visi-desk{display:none!important;}
.visi-mob{display:block!important;}

.hero {height: 76vh;}
.hero h1 {margin-top: 21rem;font-size: 21px;}
.lead {font-size: 1rem;}
.carousel-caption {position: absolute;right: 6%;top: 40%; bottom: auto !important;left: 6%;color: #fff;text-align: left;}
.carousel-caption img{height:42px;}

.banner-section {padding: 0px;margin-top: 91px;}

.wel-section h1 {margin-bottom:20px;font-size: 24px;}
.wel-section ul li {display: block;font-size: 14px;margin-bottom: 1rem;}
.me-3 {margin-right: 0rem !important;}
.nav-pill-box h2 {font-size: 20px !important;font-weight: 600;}
.testimonial-section h1 {font-size: 22px;}
.carf-section {background-image: url('../images/mob-carft-bg.jpg');}
.carf-section h2 {font-size: 22px;}
.footer p {text-align: center;}
.navbar-toggler {background:#2d0e2e;color:#FFF; padding:15px;}
.counter-bg-box {margin-top: -2rem;}
.team-name-txt{text-align:center;}
.team-name-txt img{height:250px; text-align:center;}
.box-pad-top {padding-top: 1rem;}
.hero-team {height: 76vh;}
.wel-section-2 ul li {text-align:left;font-size:14px;}
.wel-section-3 ul li {text-align:left;font-size:14px;}
.wel-section-4 li {font-size:14px;}
.carousel-caption h5 {font-size: 1rem;}
.wel-section-2 h1 {font-size: 24px;}
.wel-section-3 h1 {font-size: 24px;}
.wel-section-4 h1 {font-size: 24px;}
.star img{margin-bottom:20px;}
.carousel-caption-3 {right: 0%;top: 15%;}
.carousel-caption-3-mob {right: 0%;top: -6%; color:#000!important;}
.carousel-caption-3-mob-2 { right: 0%; top: -5%!important;}

.carousel-caption-2 {right: 55%;top: 15%;}
.thankyou-section {margin-top: 4rem;padding-bottom: 20rem;padding-top: 6rem;}
.thankyou-section h1 {font-size: 23px;font-weight: 900;}
.thankyou-section h2 {font-size: 18px;font-weight: 500;}
.section-divider {padding-top: 3rem;padding-bottom: 3rem;}
.team-name-txt p {font-size: 14px;}
.wel-section p {font-size: 14px;text-align: justify;}
.counter-text h2 {font-size: 40px !important;}
.counter-text h3 {font-size: 14px !important;}
.tab-section h1 {font-size: 24px;}
.tab-pane p{font-size:14px; text-align:justify;}
.star-txt h2 {font-size: 24px;}
.client-bg h2 {font-size: 24px;font-weight:600;}
}