body {margin:0px;padding:0px;font-size:14px; color:#000;}
video { max-width: 100%;}
.btnPlayVdo{position:absolute;left:46%; top:45%; background:none; padding:0px; border:none; z-index:1}
.border-0{border:none !important;}
.li22{line-height:22px;}
.mt10{margin-top:10px;}
.mb5{margin-bottom:5px !important;}
.py-4{padding-top:1.75rem;padding-bottom:1.75rem;}
.pb5{padding-bottom:5px !important;}
.bg-white{background:#FFF !important;}
.fn16{font-size:16px;}
.fn18{font-size:18px !important;}
.fn30{font-size:30px;}
.vcenter {vertical-align:middle;}
.mlr-7{margin-left:-7px !important;margin-right:-7px!important;}
.plr7{padding-left:7px !important;padding-right:7px!important;}
#main-container {position: relative;}
#divReg > .text-center{text-align:left;}
#divReg .form-control{background-color:#f9f9f9;box-shadow:none;height:38px;}
.invoice-wrapper, .adduser-wrapper{font-size:14px; color:#000;}
.btn{ border-radius:24px !important;}
.btn-info, .btn-warning {
    border-color:#32a953 !important;
    background:#32a953 !important;
}
.btn-outline-info{border-color:#557ebf !important; color:#557ebf;}
.btn-outline-info:hover{background:#557ebf; color:#FFF !important;}
.tFourHead {
    width: 100%;background: #FFF; top:0px; z-index:999;
    /*top: 0px;
    z-index: 999; position:absolute;left:0px;right:0px;*/ 
}
.tFourHead .navbar {
    background: none;
    border: none;
    margin: 0px;
    padding:5px 0px;
    border-radius: 0px;
    transition: box-shadow 0.3s ease 0s, padding 0.3s ease 0s; 
}

.tFournav{margin:20px 0 0 0px !important; float:right !important;}
.navbar-default .tFournav > li{padding:0 12px; border-left:1px solid #f2f2f2;}
.navbar-default .tFournav > li:first-child{border-left:none;}
.navbar-default .tFournav > li > a{color:#333; padding:0px; text-transform:uppercase; line-height:27px; font-weight:600;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active{background:none; color:#32a953;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background:none; color:#32a953;}
.banFourBanner{position:relative;}
.banFourbottom {position: absolute;left: 0px;right: 0px;bottom:0px;z-index:1}
.banFourbottom img{width:100%;}
.banFourForm{background: url(../images/loginbgimgKZN.jpg) no-repeat right top / cover; padding:120px 0 100px;}
.formContainer {
    background:rgba(0,0,0,0.25);
    background-size:140px;
    padding: 30px;
    border-radius: 10px;
    color:#FFF;
}
.formContainer h3{margin:0 0 20px; font-size:22px;}
.formContainer .form-control{padding:10px 15px;height:inherit;font-size:14px;background:#f9f9f9;}
._forgotPassWrd{color:#FFF;}
.loginIcon{font-size:20px !important;color:#557ebf;}
.cvdStrip{background:#557ebf; padding:10px 5px;border-radius:10px 10px 0px 0px;text-align:center;color:#FFF;margin-bottom:-5px;position:relative;font-size:13px;cursor:pointer;}

.midSection{padding-top:40px;}

.serviceDiv{border:1px solid #e9e9e9;border-radius:10px; padding:25px 20px;}
.serviceDiv h3{font-size:20px; margin:0 0 15px; line-height:27px;}
.topCol{padding:10px 10px 0px; margin:15px 0px;}
.topCol h4{font-size:18px;font-weight:bold; margin:0px 0 5px;}

.partCol{background:#32a953;text-align:center; padding:30px 0px 50px; font-size:21px;color:#FFF;}

.btnPlayVdo{position:absolute;left:46%; top:45%; background:none; padding:0px; border:none; z-index:1}

.tFourFotTop{padding:20px 0px;background:#eaeaea;}
.footerlinkTbot a {display:inline-block; vertical-align:middle;}
.footerlinkTbot a .fa {width:30px; height:30px; display:inline-block; line-height:30px; text-align:center; font-size:16px; position:relative; overflow:hidden; color:#FFF; border-radius:4px; transition:0.5s;}
.footerlinkTbot a:hover .fa{border-radius:100%;}
.fb {background:#3b5998;}
.tw {background:#39a9e0;}
.lin {background:#007fb1;}
.yt {background:#f00;}
.insta {background:#b92685;}
.whtsapp{background:#4dca5b;font-size:18px;}

.listFot{margin:0px;padding:0px;list-style-type:none;}
.listFot li{margin:0 0 7px; font-size:15px;padding-bottom:3px;}
.listFot li a{color:#000;transition:0.5s;}
.listFot li a:hover{color:#32a953;}

.languageBox{border-radius:8px !important;}
.languageBox li{border-bottom:1px solid #cccc;padding:3px 0px;}

.headerTop{background:#32a953;padding:8px 0;font-size:15px;color:#fff;}
.headerTop a{color:#fff;}
.headerTop a:hover,.headerTop a:focus{color:#fff;text-decoration:none;}
.textGreen{color:#32a953;}
.text-secondary {color: #6c757d!important;}

.bannerTxt{color:#FFF;font-size:15px;margin-top:30px;}
.bannerTxt h1{font-size:39px;font-weight:bold;text-shadow:0 0 5px rgb(0 0 0 / 20%);}

.hmbg1{background:url(../images/kznbg1.jpg) no-repeat center center /cover;background-attachment:fixed; position:relative; overflow:hidden; padding:5rem 0rem 2rem;}
.hmbg1:before{content:'';position:absolute; width:100%; background-color:#eaeaea; aspect-ratio:1; border-radius:9999px; left:0; top:0; transform:translateY(-50%) translateX(-50%);}

.rounded-circle{border-radius:50%;}
.topWhatsBtn{position:fixed; right:18px;bottom:18px;box-shadow:0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);background-color:#25d366;height:55px;width:55px;border-radius:50%;display:inline-block;color:#FFF!important;text-align:center;font-size:33px;line-height:54px;transition:all 1s;}
@media only screen and (min-width: 240px) and (max-width:960px) {
    .banFourBanner{min-height:430px;}
}
@media only screen and (min-width: 240px) and (max-width:767px) {
.navbar-header{text-align:center;}
.tFournav{width:100%;text-align:center;margin-top:10px !important;}
.navbar-default .tFournav > li:last-child{margin-top:3px;}
.listFot li{border-bottom:1px solid #cccc;}
}