/*@import url(https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.3/css/mdb.min.css);*/

html {
    scroll-behavior: smooth;
}

body {
    font-family:Poppins, sans-serif;
}

/*Navbar start*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-brand img {
    width: 93px;
    height: 89px;
    margin-left: 12px;
}

.logo-text {
    color: #1d9a5b !important;
    font-weight: unset;
    font-size: 20px;
}

.navbar-light {
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 0 #adb5bdab, 0 0px 0px 0 #adb5bd59;
}

.navbar-light ul {
    font-size: 15px;
    font-family:Poppins, sans-serif;
    padding: 1rem 1rem;
}

.dropdown-item {
    font-size: 15px;
   font-family:Poppins, sans-serif;
}

.fix-header {
    top: 0;
   /* position: sticky;*/
    z-index: 1092;
}

.navbar-dark .navbar-nav .nav-link {
    color: #343a40;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #343a40;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #28a745;
    font-weight: bold;
}

.bg-DarkGreen {
    background-color: #000;
    font-size: 12px;
    padding: 0rem 0.0rem;
    font-family:Poppins, sans-serif;
}

.login-btn {
    color: #ffffff;
    border: 1px solid #149f8c;
    background-color: #329960;
    padding: 3px 41px 4px 42px;
    font-family:Poppins, sans-serif;
}
.login:hover {
    height: 100%;
    width: 100%;
    border-color: #329960;
    background-color: #329960;
    color: #ffffff;
}

.registration-btn {
    color: #149f8c;
    border: 1px solid #149f8c;
    padding: 3px 11px 4px 16px;
   font-family:Poppins, sans-serif;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }
}

.icon {
    padding: 10px 1px 1px 1px;
    font-size: 15px;
}

.fa-wrench:before {
    content: "\f0ad";
    border: 1px solid;
    border-radius: 60%;
}

/*Navbar End*/

/*slider start*/

.slider {
    padding-right: 0px;
    padding-left: 0px;
}

/*slider end*/

/*Permission start*/
.heading-permission {
    padding: 2%;

}

.heading-permission h2 {
    object-fit: contain;
    opacity: 0.8;
    font-family:Poppins, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.24;
    letter-spacing: normal;
    color: rgba(101, 101, 101, 0.36);
}

.card {
    display: block !important;
}

.card-body {

     font-family:Poppins, sans-serif;
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.41;
    letter-spacing: normal;
    color: #4a4a4a;
}

.card {
    border: 1px solid rgba(50, 153, 96, 0.36);
    border-radius: 6px;

}

.card:hover {
    box-shadow: 5px 5px 18px 0 rgba(121, 189, 154, 0.75), 0 0px 0px 0 rgba(122, 189, 154, 0.73);
    border: none;
}

.permission-img {

    height: 50px;
}

.permission-div {
    padding: 2%;
    padding-top: 20%;
}

/*Permissin end*/

/*Quick access start*/
/*.flipster {

    background-color: rgba(20, 159, 140, 0.15)
}*/

/*.flipster ul{
  margin-top: 46px;
}*/
.quickaccess {
    padding: 2%;
    background-color: #dcf1ee;
}

.overley-img {
    height: 100%;
    width: 100%;

}

.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

.quick-card {
    border-radius: 6px;

}

.quick-card:hover {
    box-shadow: 5px 5px 18px 0 rgb(117, 117, 117), 0 0px 0px 0 rgb(121, 121, 121);

}

.quick-link {
    text-align: left;
}

.quick-link a {
    background-color: #0000007d;
    color: #ffffff;
}

.quick-header {
    padding: 2%;
}

.quick-header h2 {
     font-family:Poppins, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #7d7d7d;
}

.quick-div {
    padding: 0px;
}

.quick-img {
    height: 100%;
    width: 100%;
}

.quick-des {
    top: 22px;

}

.quick-des h3 {
    background-color: #0000007d;
}

/*Quick access end*/

/*aboutas start*/
.aboutus {
    padding: 4%;
}

.aboutus h2 {
     font-family:Poppins, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #7d7d7d;
}

.aboutus p {
    text-align: justify;
    opacity: 0.5;
     font-family:Poppins, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #000000;
}

.about-img {
    padding: 0px;

}

.about-img img {
    height: 100%;
    width: 100%;
}

.scrutiny-img {
    padding: 0px;
    background-color: #e4e4e4;
}

.scrutiny-img img {
    height: 100%;
    width: 100%;
}

.about-scrutiny {
    padding: 4%;
    float: left;
}

.about-scrutiny h2 {
     font-family:Poppins, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #7d7d7d;
}

.about-scrutiny p {
    text-align: justify;
    opacity: 0.5;
     font-family:Poppins, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #000000;
}

.work-img {
    padding: 0px;
}

.howitswork {
    padding: 4%;
}

.howitswork h2 {
     font-family:Poppins, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #7d7d7d;
}

.howitswork p {
    text-align: justify;
    opacity: 0.5;
     font-family:Poppins, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #000000;
}

.work-img img {
    height: 100%;
    width: 100%;
}

/*aboutas end*/

/*explore starts*/

.explore {
    padding: 4%;
    background-color: #f6fffa;
}

.explore h2 {
    opacity: 0.79;
     font-family:Poppins, sans-serif;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.24;
    letter-spacing: normal;
    color: #c7c7c7;
}

.nav-pills {
    border-bottom: 1px solid #dadada;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    color: #b7b7b7;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #329960;
    font-weight: bold;
    background-color: #ffffff;
     font-family:Poppins, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    border-bottom: 2px solid;
    border-radius: 0;
    letter-spacing: normal;
    opacity: 1;

}

.tabs {
    opacity: 0.5;
     font-family:Poppins, sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.5;
    letter-spacing: normal;
    color: #329960;
}

.gallery-text {

    padding: 5%;
    border-radius: 10px;
    border: solid 1px rgba(136, 136, 136, 0.56);
    background-color: #ffffff;
}

.link {
    text-align: right;

}

.link a {
    opacity: 0.5;
    font-family: Muli;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.68;
    letter-spacing: normal;
    text-align: left;
    color: #858686;
    text-decoration: none;
}

.link a:hover {
    color: #777777;
    opacity: 0.8;
}

.gallery-text:hover {
    box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, 0.16);
    border: none;
}

.gallery-text p {
    opacity: 0.5;
     font-family:Poppins, sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.58;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.gallery-text h4 {
     font-family:Poppins, sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #000000;
}

/*explore end*/

/*footer*/
.footer {
   padding: 15px 0px 0px 0px;
    background-color: #329960;
}

.footer h2 {
     font-family:Poppins, sans-serif;
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.5;
    letter-spacing: normal;
    color: #E9E9E9;
}

.footer ul {
    padding: 0px;
    list-style-type: none;
}

.address li {
     font-family:Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #E9E9E9;
}

.address p {
     font-family:Poppins, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #E9E9E9;
}

.footer a {
    text-decoration: none;
     font-family:Poppins, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: normal;
    color: #E9E9E9;
}

.social span {
    padding: 7%;
    opacity: 0.3;
}

.footer-bottom {
    padding: 1%;
    background-color: #052115;
     font-family:Poppins, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.visitor li {
     font-family:Poppins, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: normal;
    text-align: right;
    color: #707070;
}

.visitor img {

    width: 23%;
    height: 100%;
}

.visitor ul {
    list-style-type: none;
}

/*login modal start*/
.loginModal {
    margin-top: 120px;
}

.loginModal img {

    width: 100%;
    height: 100%;
}

.login-form {
    padding: 2%;
    /*  opacity: 0.92;
    border-radius: 30px;
    border: solid 1px #329960;*/
    background-color: #ffffff;
}

.login-input {
    /* border-radius: 30px;*/
    /*box-shadow: 2px 3px 5px 0 rgba(50, 153, 96, 0.19);*/


    border: 1px solid #d7d9db;
    background-color: transparent;
    border-radius: 4px;
    opacity: 1;
    font-size: 13px;
    padding: 10px 25px;
    height: 48px;
    color: #040e19;
    font-weight: 400;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #5fb08391;
    outline: 0;
    box-shadow:none;
        border: 1px solid #529960;
}

.login-header>h3:first-child {
    opacity: 0.85;
     font-family:Poppins, sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #329960;
}

.login-header>a:last-child {
    margin-top: 7px;
    opacity: 0.54;
     font-family:Poppins, sans-serif;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.19;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
    text-decoration: none;
}

.input-div {
    padding: 0px;
}

.login-form label {
     font-family:Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.forget a {
     font-family:Poppins, sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #4a4a4a;
    padding: 0px
}

.keep {
     font-family:Poppins, sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: right;
    color: #4a4a4a;
    padding: 0px
}

.robot {
     font-family:Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.56;
    letter-spacing: normal;
    color: #4a4a4a;
}

.login {
    padding: 13px 15px;
    width: 100%;
    height: 100%;
    /*border-radius: 30px;*/
    background-color: #329960;
    color: #ffffff;
}

.login-div {
    padding: 0px;
}

.modal-content {

    border-radius: 1.3rem;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #00000070;
}

/*login modal end*/

/*register modal*/

.registerModal label {
     font-family:Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}

.registerModal {

    margin-top: 120px;
}

.register-input {

    /*box-shadow: 2px 3px 5px 0 rgba(50, 153, 96, 0.19);*/

    background-color: #ffffff;
    background-color: transparent;
    border-radius: 4px;
    opacity: 1;
    font-size: 13px;
    padding: 10px 25px;
    height: 48px;
    color: #040e19;
    font-weight: 400;

}

.otp-btn {
    height: 100%;
    width: 100%;
    border-radius: 30px;
    font-size: 14px;
     font-family:Poppins, sans-serif;
    border: solid 1px #329960;
    background-color: #49c480;
    color: #ffffff;

}

.resend-btn {
    height: 100%;
    width: 100%;
    border-radius: 30px;
    font-size: 14px;
     font-family:Poppins, sans-serif;
    border: solid 2px #329960;
    background-color: #ffffff;
    color: #49c480;
}

.otp-div {
    margin-top: 33px;
    /*    padding: 0px;*/
    text-align: right;
}

.resend-div {
    padding: 0px;
    margin-top: 33px;

}

.register-btn {
    padding: 13px 15px;
    height: 100%;
    width: 100%;
    border-color: #329960;
    background-color: #329960;
    color: #ffffff;
}

.register-btn:hover {
    height: 100%;
    width: 100%;
    border-color: #329960;
    background-color: #329960;
    color: #ffffff;
}

.register-form {

    background-color: #ffffff;
    padding: 1%;
}

.registerModal span {
    color: #ff0000;
}


/*back to top btn*/

#myBtn {
    opacity: 0.8;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
     font-family:Poppins, sans-serif;
    font-weight: bold;
    border: solid 1px #67b389;
    outline: none;
    color: #329960;
    background-color: #ffffff;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#myBtn:hover {
    /*   background-color: #329960;
    color: #ffffff;*/
    /*    background-image: url(../../images/more1.png);*/
    box-shadow: 0 4px 10px 0 rgba(130, 203, 176, 0.71), 0 4px 20px 0 rgba(130, 203, 176, 0.68);
    opacity: 1;


}

/*.topBtn i:hover {
    transform: rotateZ(180deg);
}*/
button:hover {
    /*    background-image: url(../../images/more1.png);*/

}

@media screen and (min-width: 992px) {
    .navbar-brand img {
        width: 93px;
        height: 89px;
        margin-left: 12px;
    }
}

@media only screen and (max-width: 600px) {
    .logo-text {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .card-body {
        font-size: 5px;
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
    .navbar-light ul {
        font-size: 14px;
         font-family:Poppins, sans-serif;
        padding: 1rem 1rem;
    }
}

/*@media screen and (max-width: 1300px) {
    .card-body {
        font-size: 15px;
    }}*/