@charset "UTF-8";
*{padding:0; margin:0; box-sizing:border-box;}
@font-face{font-family:'Nunito Sans';src:url('../fonts/NunitoSans.ttf');}
body{font-family: Nunito Sans !important; font-size:13px;}

@font-face {
    font-family: 'Dancing Script';
    font-weight: 400 700;
    src: url('../fonts/DancingScript.woff2') format('woff2');}
.fm{font-family: 'Dancing Script';}
.fa{font-family: FontAwesome !important;}
/*background*/
.bg-img{ background-image: url(../images/bg-img.png); background-repeat: no-repeat; background-size: 100% 100%;background-attachment: fixed;}
.bg-img1{ background-image: url(../images/bg-img-1.png); background-repeat: no-repeat; background-size: 100% 100%;background-attachment: fixed;}
.bg-1{background:#17BFA7 !important;}
.bg-2{background:#13BBD7 !important;}
.bg-3{background:#1679AB !important;}
.bg-4{background:#24CFEC !important;}
.bg-5{background:#e7ffe7 !important;}
.bg-6{background:#c4efff !important;}
.bg-7{background:#ccffcc !important;}
.bg-8{background:rgba(83, 113, 147, .75) !important;}
.bg-9{background:#074173 !important;}
.bg-10{background:#5DEBD7 !important;}
.bg-11{background:#ffffff !important;}
/*background*/
.form-control:focus{box-shadow: none;}
.form-control{font-size: 13px;padding: 2px 5px;}
.bg-img1 .login-lft img{border: 35px solid rgb(220 220 220 / 50%); border-radius: 50%; position: relative; z-index: 9;}
.bg-img1 .login-lft figure{ position: relative;}
.bg-img1 .login-lft figure::after{content: ''; top: 0; right: 0; width: 50%; height: 100%;background: rgb(7 65 115 / 40%); position: absolute;}
/*color*/
.text-1{color: #17BFA7 !important;}
.text-2{color:#13BBD7 !important;}
.text-3{color:#1679AB !important;}
.text-4{color:#24CFEC !important;}
/*color*/
/*border-color*/
.border-color-1{border-color:#17BFA7 !important;}
.border-color-2{border-color:#13BBD7 !important;}
/*border-color*/
/*shadow*/
.shadow-1 {box-shadow: 5px 1px 5px 2px #333;}
.shadow-2 {box-shadow: 3px 3px 5px 2px #999;}
.shadow-3 {box-shadow: 0px 1px 4px 1px #333 !important;}
.shadow-4 {box-shadow: 0px 5px 10px 0px #aaa;}
/*shadow*/
/*line-height*/
.lh-10{line-height: 10px;}
.lh-12{line-height: 12px;}
.lh-14{line-height: 14px;}
.lh-16{line-height: 16px;}
.lh-18{line-height: 18px;}
.lh-20{line-height: 20px;}
.lh-22{line-height: 22px;}
.lh-24{line-height: 24px;}
.lh-26{line-height: 26px;}
.lh-28{line-height: 28px;}
.lh-30{line-height: 30px;}
/*font-size*/
.font-20 {font-size: 20px;}
.font-18 {font-size: 18px;}
.font-17 {font-size: 17px;}
.font-16 {font-size: 16px;}
.font-15 {font-size: 15px;}
.font-14 {font-size: 14px;}
.font-13{font-size: 13px;}
.font-12 {font-size: 12px;}
.font-11 {font-size: 11px;}
.font-10 {font-size: 10px;}
/*font-size*/
.h-40{max-height: 40px;}
.h-50{max-height: 50px;}
.h-60{max-height: 60px;}
.h-70{max-height: 70px;}
.wm-110{min-width: 110px;}
.w-110{max-width: 110px;}
.w-120{max-width: 120px;}
.w-130{max-width: 130px;}
.w-140{max-width: 140px;}
.w-150{max-width: 150px;}
.w-160{max-width: 160px;}
.w-170{max-width: 170px;}

.line-height-10{line-height: 10px;}
.mix-dark{mix-blend-mode: darken;}
/*login-pg*/
.login-pg .tp-nv .col-lg-8 p::before{position: absolute; content: 'll'; left: -7px; font-size: 50px; top: -22px; font-weight: 200;letter-spacing: -6px;}
.login-body .form-control input::placeholder{color:#eee;}

/*login-pg*/

/*menu-sec*/
header .navbar-expand-lg .navbar-nav .nav-link{font-weight: 600; color: #111;}
header  .dropdown-item {padding: 2px 12px;}
header .navbar-expand-lg .navbar-nav .nav-link:hover, header .navbar-expand-lg .navbar-nav .nav-link:focus{background: #17BFA7; color: #fff;}
/*menu-sec*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
@media (min-width:1023px){
    .login-pg .container{top: 50%; left: 50%;  transform: translate(-50%, -50%); position: absolute;}
    .position-lg-absolute{position: absolute;z-index: 9;}
}
@media (max-width:1024px) {
    header  .navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;}
}


@media (max-width:991px){
.nav-fill .nav-item .nav-link {font-size: 13px; text-align: left; padding: 5px 15px;}
.navbar.navbar-expand-lg .container-fluid{display: block;  width: 100% !important;text-align: center;}
    }


@media (max-width:767px){
    .bg-img1 .login-lft figure::after {
        content: '';
        top: inherit;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background: rgb(7 65 115 / 40%);
        position: absolute;}
    }

@media (max-width:480px){
body {font-size: 13px;}

}