/********* Home page Slider *********/
.homeBanner { position: relative; margin-top:135px; }
.homeBanner .homeBannerImgWrap { height:660px; display: flex;}
.homeBanner .homeBannerImgWrap img { width: 100%; }
.homeBanner .homeSliderArrow { position: absolute; top:50%; width:40px; height: 40px; border-radius:50%; background:rgba(141, 44, 43, 0.8);transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:2; cursor:pointer;transition: all 350ms ease 0s;-webkit-transition: all 350ms ease 0s; text-align:center; font-size:25px; line-height:37px; color:#fff;}
.homeBanner .homeSliderArrow:hover { background:rgba(176, 139, 41, 0.8);}
.homeBanner .swiper-pagination{position: relative; text-align: left; float: left; width: 100%;}
.homeBanner .swiper-pagination-bullet {margin: 0 5px; width: 20px; height: 20px; display: inline-block; border-radius: 100%; background: #fff; border: 0; opacity:0.5;} 
.homeBanner .swiper-pagination-bullet-active{opacity:1;}


/*************Citizen Login *************/
.citizenLoginWrap { position:absolute; right:0; width:100%; top:50%; z-index:1;transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.citizenLogin { padding: 30px; background:#fff; max-width:427px; width:100%; float:right; border-radius: 10px; box-shadow: 0 0 10px #9a9a9a;}
.citizenLoginForm .form-group input[type="text"].form-control, .citizenLoginForm .form-group select.form-control { border:0; border-bottom:1px solid #ccc; color:#2c2c2c; font-size:16px; font-weight:400; border-radius:0; padding:0; background:none;}
.citizenLoginForm input[type="text"]:focus, .citizenLoginForm select:focus { outline:0 none;  }
.citizenLoginForm .form-group .form-control::-webkit-input-placeholder {opacity:1; color:#2c2c2c;}
.citizenLoginForm .form-group .form-control::-moz-placeholder { opacity:1;color:#2c2c2c;}
.citizenLoginForm .form-group .form-control:-ms-input-placeholder {opacity:1;color:#2c2c2c;}
.citizenLoginForm .form-group .form-control:-moz-placeholder {opacity:1;color:#2c2c2c;}
.citizenLoginForm .form-group { margin-bottom: 20px; }
.citizenLoginForm .customSelectWrap { position: relative; }
.citizenLoginForm .customSelectWrap:before {position: absolute;right: 0;top: 6px;content: "\f107";font-family: 'FontAwesome';font-size: 21px;color: #2b985a;}
.citizenLoginForm .button { width: 100%; background-color:#1d9c54; }
.citizenLoginForm .button:hover { background-color:#2b985a; }
.loginBtn{color: #fff; background: #2a9859; padding: 10px 20px; border-radius: 10px; border: solid 1px transparent; font-weight: 600; text-transform: uppercase; cursor: pointer;}
.loginBtn:hover{background: #fff; color: #2a9859; border: solid 1px #2a9859}
.captcha {position: relative; padding-right: 170px; } 
.captcha .captchaImg {width: 120px; position: absolute; right: 40px; top: 0; } 
.captcha .captchRefresh {position: absolute; right: 0; top: 7px; font-size: 20px; color: #3a0c3f; cursor: pointer; } 
.bannerText{padding: 80px 0; max-width: fit-content; width: 100%; float: left; border-radius: 10px; font-size: 50px; font-weight: bold; color: #011061;}
.formText{font-size: 0.9em; font-weight: 600; } 
.formText .remember{cursor: pointer; vertical-align: text-bottom;} 
.formText .forgot{color: #646464; text-decoration: underline; } 
.formText .forgot:hover{color: #2b985a; } 
.formText.registration{padding: 10px 0; font-size: 16px; font-weight: 500; } 
.formText.registration a{font-weight: 600; color: #f26522; } 
.formText.registration a:hover{color: #2b985a; } 

/********* Registration Process *********/
.regProcess { background-color:#efeae1; padding: 60px 0 60px 0px; }
.regProcess ul, { margin:0; padding: 0; list-style: none; }
.regProcess ul li{ float:left; width: 20%; position:relative; }
.regProcess ul li:before { position: absolute; top:20px; bottom:20px; width:1px; right:0; content:""; background-color:#9d4948; }
.regProcess ul li:last-child:before { display: none; }
.regProcess .card {background-color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); text-align:center; display: block; text-decoration: none; transition: all 450ms ease 0s;-webkit-transition: all 450ms ease 0s; position:relative; border-radius:calc(.55rem - 1px);}
.regProcess .card-img-top{width: 100%; border-top-left-radius: calc(0.55rem - 1px); border-top-right-radius: calc(.55rem - 1px);}
.regProcess .card-title{ font-weight: 500;line-height: 34px; color: #323232; margin-bottom: 0; font-size: 1.5em;}
.regProcess .card-body a{text-decoration: none;}
.regProcess .card-title:hover{color: #2b985a;}


.reqDoc { padding: 50px 0;background:#fff; }
.reqDoc .card-deck .card{padding: 0; border: 0; box-shadow: 0 0 15px #eaeaea; margin-bottom: 30px;}
.nocDoc{position: relative;border-radius: 10px;  counter-reset: my-sec-counter;}
.nocDoc .nav-tabs {margin:0;padding: 0; list-style:none;background: #ececec;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.nocDoc .nav-tabs li {position: relative;background-color: #ececec; color: #848484; text-align: center;padding: 0; display: flex;flex-grow: 1;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.nocDoc .nav-tabs li:after{content: ""; width: 1px; height: 45px; background-color: #ccc; position: absolute; top: -14px; transform: translateY(50%);right: 0;}
.nocDoc .nav-tabs li:last-child:after{display: none;}
.nocDoc .nav-tabs li a {border: 0;text-decoration: none; font-size: 18px; color: #848484;  padding: 18px 15px; align-self: center; width: 100%; max-height: 90px; align-self: stretch;}
.nocDoc .nav-tabs li a.active{color: #fff; background-color: #2b985a; font-weight: bold;}
.nocDoc ol li{list-style: none; margin-left: 50px; }
.nocDoc ol li::before {counter-increment: my-sec-counter; content: " " counter(my-sec-counter) ". "; display: inline-block; width: 2em; margin-left: -30px;  font-size: 16px; line-height: 30px; }
.nocDoc .tab-content{padding:20px;}

.whiteBlock{background: #fff; border-radius: 5px; padding: 30px 40px; }
.whiteBlock ul{margin-bottom: 0;}
.whiteBlock ul li{margin-left: 30px; color: #323232; list-style: none;margin-bottom: 20px; font-size: 18px;}
.whiteBlock ul li::before {content: "\2022"; color: #8d919a; display: inline-block; width: 1em; margin-left: -1em; font-size: 33px; line-height: 18px; vertical-align: middle;margin-bottom: 10px;}
.whiteBlock a{text-decoration: none; line-height: 18px;}
.usefulLink ul li{font-size: 16px;}
.whiteBlock h3{color: #2b985a; margin-bottom: 5px;}
.whiteBlock p{font-size: 22px; color: #141d45;line-height: 1.2;}
.downloadSection{height: 100%;}
.downloadOn {margin-top: 45px;}