@import url('https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:wght@600&display=swap');



.navbar .dropdown-menu-end{ right:0; left: auto;  }
.dropdown-menu{display:block;opacity: 0;visibility: hidden;/* transition:.3s; */margin-top: 0px;border: 0;box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);}
.navbar .nav-item:hover .nav-link{ color: #fff;  }
.dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.dropdown-menu.fade-up{ top:180%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

/* ============ desktop view ============ */

*
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

body
{font-family: 'Space Grotesk', sans-serif;background-image: url("../images/bodybg1.png");background-size: cover;background-attachment: fixed;}
img
{
	max-width:100%;
	height:auto;
}
@media all and (max-width: 992px) 
{
    .dropdown-menu
    {
       
        display:none;
    }

    .dropdown-menu > li:hover > .submenu
	{
		display: block;

	}
	.submenu
	{
		display: block;

	}
}
@media all and (min-width: 992px) 
{

	.dropdown-menu li
	{
		position: relative;
		/* padding: 5px; */
		/* border-bottom: 1px dashed #ccc; */
		/* padding: 5px; */
	}
	.dropdown-menu .submenu{
		display: none;
		position: absolute;
		left:100%;
		top:-7px;
		margin-top: -35px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;

	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
	margin-left:0.7rem; margin-right:0.7rem; margin-bottom: 30px;
}

}	
/* ============ small devices .end// ============ */

/*== Dropdown Menu End==*/


/* ==MegaMenu== */

.navbar .megamenu
{ 
	padding: 1rem; 
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) 
{

	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0;right:0;width: 80%;margin-top: -8px;margin: -8px auto;border: 0;box-shadow: 0px 20px 30px rgba(3, 4, 28, 0.1);}

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px)
{
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse
	{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}
}
/* ============ mobile view .end// ============ */

/* ==MegaMenu end== */

/* ========== Hedare Slider============= */

.fixed-top {
	top: -40px;
	transform: translateY(40px);
	transition: transform .3s;
}
/* ========== Hedare Slider End============= */


.navbar-dark .navbar-nav .nav-link 
{
	color: rgb(255 255 255);
	font-size: 14px;
	cursor: pointer;
}

.dropdown-item 
{
	padding: 7px 20px;
	font-size: 14px;
	border-bottom: 1px solid #f7f3f352;
	background: #15861a;
	color: #fff;
}
.dropdown-menu
{
	padding:0px;
	border: 1px solid #c8efca;
}
.col-megamenu li a
{
	font-size: 14px;
	text-decoration: none;
	color: #212529;
	/* padding: 28px 20px; */
}
.col-megamenu ul li
{
	padding: 5px;
}
.col-megamenu {
    border-right: 1px solid #f9f7f7;
    margin-left: 34px;
    padding-left: 0px;
}
/* #navbar_top
{
	padding: 3px;
} */

#navbar_top {
    background-color: #15861a;
}


.btn-success 
{
    background:#2f3380 !important;
    border-color:#2f3380 !important;
}



.toplinks {
    width: 100%;
    top: 0px;
    padding: 0px;
    background: #2f3380;
    display: block;
    border-bottom: 1px solid rgb(235, 235, 235);
}

ul.gov-guidelines {
    list-style-type: none;
    padding: 3px;
    margin: 0px;
    float: left;
}

ul.gov-guidelines li {
    display: inline-block;
    margin: 0px 2px;
}

ul.gov-guidelines a {
    color: rgb(255, 255, 255);
    padding: 4px 8px;
    font-weight: 500;
    font-size: 12px;
    text-decoration:none;
    /* border-radius: 50%; */
}
select {
    padding: 4px 7px;
    border: 0px;
    background: rgb(245, 124, 0);
    color: rgb(255, 255, 255);
}


.black {
    background: rgb(0, 0, 0) !important;
    border: 1px solid #ccc;
}

.white {
    background: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}

.pannel {
    float: right;
}

ul.pannel {
    list-style-type: none;
    margin: 5px 14px 0px 0px;
    float: right;
}

ul.pannel li {
    display: inline-block;
    width: 15px;
    height: 15px;
    /* border-radius: 50%; */
    background: #e56d04;
    border: 1px solid #fff;
    margin: 2px;
}
.color1
{
    background: #652179 !important;
}
.color2
{
    background: #77261a !important;
}
.color3
{
    background: #2c805a !important;
}
.red {
    background: red !important;
}

.green {
    background: rgb(104, 159, 56) !important;
}

.blue {
    /* background: rgb(2, 119, 189) !important; */
}

.gray {
    background: rgb(0, 150, 136) !important;
}

.header-navigation {
    z-index: 9999;
}
.f-r {
    float: right !important;
}


.navbar
{
	padding: 0px;
}
.pad-0
{
	padding:0;
}

.input-group-text
{
	background-color:#fff;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 15px;
}
.input-group-text {
    background-color: #fff;
    border-radius: 10px;
    padding: 5px 14px;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    border-color: #085d39;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    height: 43px;
}

.form-control {
    padding: 8px;
    border-radius: 10px;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    border-color: #51b18582;
    /* box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); */
    font-size: 14px;
    border-left: 0;
}

.login-box
{
	width: 85%;
	margin-top: 70px;
	margin: 0 auto;
	margin-top: 40px;
	background: white;
	padding: 30px 25px;
	border-radius: 15px;
}

img.captcha {
    width: 100%;
    height: 39px;
    border: 1px solid #ced4da;
    border-radius: 30px;
    object-fit: contain;
}
.banner
{
    background: url("../images/img_1.jpg");
    background-size: cover;
    padding: 25px 0px;
    background-position: inherit;
}

.login-box .title
{
    text-align: center;
    margin-bottom: 14px;
    color: #34621e;
    font-weight: 600;
    background: unset;
    font-size: 23px;
}
.d-block
{
    margin:auto;
}
.btn-primary {
    color: #fff;
    background-color: #085d39;
    border-color: #085d39;
    font-size: 14px;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
}
.btn-primary:hover {
    color: #fff;
    background-color: #03987e;
    border-color: #0b9e84;
}
.input-group-text .fa
{
    color: #085d39;
}

.logo-section
{
    /*background: url(../images/logo-bg.jpg);*/
       background:url("../../Banner-bg.jpg");
    background-size: cover;
    background-position: top;
    padding: 5px;
}
.form-control:focus {
   
border-color: #51b18580;
   
box-shadow: unset;
}

.f-r
{
    float:right;
}

.copy-right
{
    background: #2d3063;
    padding: 7px;
    color: #fff;
    /* border-top: 1px solid #cccccc61; */
    /* position: absolute; */
    /* width: 100%; */
    /* bottom: 0; */
}
.copy-right p
{
    margin-bottom: 0;
    font-size: 12px;
}

.refresh
{
    margin-top:9px;
}

.copy-right img
{
    background: #fff;
    border-radius: 10px;
    width: 75px;
    padding: 4px 10px;
}

.total-box
{
    /* background-image: url(../images/background.png); */
    /* padding: 30px; */
}

.total-form p{
    text-align: center;
    margin-top:25px;
}
textarea.form-control {
    height: 39px;
}
 .btn7 
{
    background-color: #30784a;
    color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 21px;
    /* width: 50%; */
    font-size: 14px;
    font-weight: bold;
    border: none;
    border-radius: 0;
} 
.btn:hover
{
    color: #fff;
}
.form-control
{
    border: 1px solid #5a1a1661;
    border-radius: 0;
    margin-bottom: 15px;
}
.btn1 
{
    background-color: #30784a;
    color: #fff;
    border-radius: 10px;
    padding: 10px 27px;
    margin-top: 21px;
    border: none;
    font-size: 14px;
    border-radius: 0;
}
.btn1:hover
{
    color: #fff;
}
.total-table
{
    border: 2px solid #e9e7e7;
}
.total-table td
{
    padding:3px 3px;
}
input[type="checkbox"] {
     width: 14px;
     height: 13px;
}
.title
{
    background-color: #18791c;
    color: #fff;
    padding: 8px 13px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.user img {
    height: 240px;
    max-width: 100%;
    object-fit: cover;
    border: 5px solid #ccc;
}
.btn4
{
    background: #30784a;
    color: #fff;
    padding: 11px 14px;
    border: none;
    width: 100%;
    margin-top:24px;
    font-size: 14px;
    font-weight: bold;
}
.btn5
{
    background: #30784a;
    color:#fff;
    padding: 12px 14px;
    border: none;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}
.btn3
{
    background: #30784a;
    border: none;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    /* border-radius: 5px; */
}
.btn6
{
    background: #30784a;
    color: #fff;
    padding: 10px 14px;
    border: none;
    margin-top:24px;
    font-size: 14px;
    font-weight: bold;
    /* border-radius: 5px; */
}

.btn8 {
    background: #30784a;
    color: #fff;
    padding: 10px 14px;
    border: none;
    /* width: 100%; */
    margin-top: 45px;
    font-size: 14px;
    font-weight: bold;
}




.bg-color1{
    background: #3e065fd9;
}
.bg-color1 i {
    color: #ffffff;
}
.bg-color2 i {
    color: #ffffff;
}

.bg-color2 {
    background: #0415628a;
}
.bg-color3 i {
    color: #ffffff;
}

.bg-color3 {
    background: #57053085;
}
.bg-color4 i {
    color: #ffffff;
}

.bg-color4 {
    background: #15861a70;
}
.bg-color5 i {
    color: #ffffff;
}

.bg-color5 {
    background: #b73f15d4;
}
.bg-color6 i {
    color: #ffffff;
}

.bg-color6 {
    background: #29a0a5a1;
}
.bg-color7 i {
    color: #ffffff;
}

.bg-color7 {
    background: #3d087bcf;
}
.bg-color8 i {
    color: #ffffff;
}

.bg-color8 {
    background: #99154ecc;
}
.common-box {
    background: url(../images/img-3.jpg);
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    /* box-shadow: 1px 1px 15px rgba(0, 0, 0, 15%); */
    /* border: 3px solid transparent; */
    border-radius: 20px;
    background-size: cover;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}

.sub-common-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    color: #fff;
    border-radius: 20px;
}
.bg-color1 i {
    color: #ffffff;
}
.highlight-icon {
    font-size: 3.125rem;
}
.dashboard-boxes {
    /* background: #fafafa; */
    padding: 5px 0px;
    overflow: hidden;
    padding-bottom: 10px;
}
.mb-30 {
    margin-bottom: 2.143rem !important;
}


#chartdiv ,#chartdiv1 {
    width: 100%;
    height: 500px;
  }

  .chart-box-part {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}
.chart-box
{
    margin-bottom: 30px;
}
.chart-box-part
{

box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);

background: #ffffff9c;
}
.chart-box-part h5 {
    background: #2c805a;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.card-box
{
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 30px 0px;
    background: #ffffffbf;
    border: 3px solid #2d3063;
}
.inclusion input{
margin-bottom: 5px;
}
.total-box table td{
    border: 1px solid #ccc;
    text-align: center;
}
.total-box table {
    width: 100%;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    background: #f3f7f3;
}

.dropdown-item:hover {
    color: #ffffff;
    background-color: #0b610f;
}
.br-left
{
    border-left: 1px solid #46140d91 !important;
}

.number-font {
    font-family: 'digitalfonts' , 'digitalfonts_ie' , Arial, Helvetica, sans-serif !important;
    font-size: 30px;
    font-weight: bold !important;
    color: #fff;
}

@font-face
        {
            font-family: 'digitalfonts';
            src: url('../fonts/DS-DIGIB.TTF');
        }
        
        @font-face
        {
            font-family: 'digitalfonts_ie';
            src: url('../fonts/DS-DIGIB.TTF.eot');
        }
        
        @font-face
        {
            font-family: 'Laoui';
            src: url('../fonts/Lao UI.TTF');
        }
        @font-face
        {
            font-family: 'Laoui';
            src: url('../fonts/Lao_UI.eot');
        }

        .user
        {
            text-align: center;
        }
        p b {
            font-weight: bolder;
            color: #df643d;
        }




        
.banner {
    /*background: url(images/logo-bg.jpg);*/
       background:url("../../Banner-bg.jpg");
    /* background-size: cover; */
    padding: 25px 0px;
    background-position: inherit;
}



.login-box {
   background: #fffffff2;
   box-shadow: 1px 1px 15px rgb(0 0 0 / 17%);
   border-top: 5px solid #07a289;
}

.carousel-indicators [data-bs-target] {
	background-color: #1e0202;
}




.register {
    margin: 20px 0px 0px;
    padding: 52px 20px;
    /* border: 1px solid #19c3d8; */
    box-shadow: 0px 0px 10px #a7a2a2;
    min-height: 521px;
}


h4.txt-reg {
  background: #2a3672;
  width: 28%;
  padding: 10px 12px;
  position: relative;
  top: -19px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 0px 20px 20px 0px;
  color: #fff;
  background: url(../images/Banner-bg.jpg);
  display: flex;
  /* justify-items: center; */
  /* margin: 0 auto; */
}

.register-box {
  border: 1px solid #5a1a1652;
  padding: 0px 13px;
  margin-top: 20px;
  margin-bottom: 45px;
}
.radio-box {
    /* margin-top: 5px; */
    /* border: 1px solid #00BCD4; */
    /* padding: 10px 7px; */
    font-size: 14px;
    background: #fff;
}

.upload-box {
    /* border: 1px solid #00BCD4; */
    /* padding: 4px; */
    /* margin-top: 6px; */
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
}

.center
{
    text-align: center;
}


.tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
    opacity: unset;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

  .mandatory
  {
    color:red;
  }




  .news-ticker li {
    border-bottom: 1px dashed #ccc;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    background: white;
    margin: 5px !important;
    /* min-height: 80px; */
    font-family: system-ui;
    text-align: left;
    color: #4a171a;
}

.notifi
{
	padding: 20px;
	background: #f5f5f5;
}
.news-ticker
{
	/* border: 1px solid #ccc; */
	/* background: #ebe7e7; */
	/* padding: 3px; */
	border: 1px solid #e7e3e3;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding: 0px 10px 10px 10px;
	background: #ffffff;
	position: relative;
	height: 280px;
}
.news
{
    background: #f0f4f5;
    padding: 50px;
    position: relative;
}
.wats-new
{
    background-color: #fff;
    padding: 25px;
    position: relative;
    box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);
}
.news .title
{
    margin-top: 0;
}





.notification-box  {
    min-height: 450px;
}
.notification-box  {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%);
    background: #f7f7f7;
    min-height: 450px;
    margin-bottom: 30px;
    position: relative;
    /* border-radius: 10px; */
    /* border: 1px solid #ddd; */
}

.notification-box  h5 {
    background: #de4a3a;
    padding: 13px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 1px;
    min-height: 108px;
    margin-top: 0px;
}

.notification-sub-box {
    margin: 9px;
    position: absolute;
    /* width: 93%; */
    top: 41px;
    right: 0px;
    left: 0px;
    background: #fff;
    min-height: 289px;
    padding: 3px;
    /* box-shadow: 0 2px 12px 0 rgb(0 0 0 / 30%); */
    /* border: 1px solid #dddd; */
}

.news-ticker ul
{
    padding: 0;
}




    .fa-check-square-o
    {
        font-size: 24px;
        float: left;
        margin-right: 10px;
        vertical-align: middle;
    }


    .down3,  .up3
    {background: #311b9200;padding: 1px 7px;border: 0;color: #44449f;border: 1px solid #ccc;font-size: 18px;/* float: right; */}
    














:root{ --main-color: #01C0A2; }
.pricingTable{
    background: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 0 0 30px;
    margin: 0 15px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}
.pricingTable:before{
    content: "";
    border: 6px solid #5d2b1f;
    border-top: none;
    border-bottom: none;
    border-radius: 10px;
    position: absolute;
    top: 55px;
    bottom: 55px;
    left: -10px;
    right: -10px;
    z-index: -1;
}
.pricingTable .pricingTable-header{
    color: var(--main-color);
    text-transform: capitalize;
    position: relative;
    margin: 0 0 30px;
    background: url("../images/");
    background: url(../images/card-bg1.png);
    width: 80%;
    margin: 0 auto 30px;
    border-radius: 0 0 30px 30px;
    background-size: cover;
    background: url("../images/Banner-bg.jpg");
}
.pricingTable .title{
    color: #fff;
    background: #1e171d78;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    padding: 15px 0;
    margin: 1px auto 18px;
    border-radius: 0 0 30px 30px;
}
.pricingTable .price-value .amount{
    font-size: 50px;
    font-weight: 600;
    line-height: 53px;
}
.pricingTable .duration{
    font-size: 17px;
    line-height: 17px;
    display: block;
}
.pricingTable .pricing-content{
    text-align: left;
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content li{
    color: #555;
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 15px 0 30px;
    margin: 0 0 10px;
    position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
    content: "\f00c";
    color: #349008;
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    position: absolute;
    top: 3px;
    left: 0;
}
.pricingTable .pricing-content li.disable:before{
    content: "\f00d";
    color: #FF3A39;
}
.pricingTable .pricingTable-signup a{
    color: #fff;
    background: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    padding: 7px 20px;
    border-radius: 50px 50px;
    display: inline-block;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}
.pricingTable .pricingTable-signup a:hover{
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6);
}
.pricingTable.blue{ --main-color: #762f4f;}
.pricingTable.orange{ --main-color: #338787;}
@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 10px 40px; }
}

.carousel-item img
{
    border-radius: 30px;
   
}

#demo
{
    margin-top: 40px;
}
.carousel-indicators 
{
   
    
    bottom: -50px;
}

#navbar_top::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-image: url(../images/bg3.png); */
    background-repeat: no-repeat;
    box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);
    background-color: #2d3063;
    z-index: -1;
}



#navbar_top
{
    /* background-color: red; */
    position: relative;
    background-image: url(../images/bg3.png);
    z-index: 0;
    background: url(../images/Banner-bg.jpg);
}




img.dasgboard-img {
    width: 100px;
    position: relative;
    top: 26px;
    left: 0;
}



.main {
    width: 100px;
    background: #FFF;
    border-radius: 10px;
    padding: 5px;
  }
  #brightness-range {
    width: 100%;
    -webkit-appearance: none;
    background: #E40404;
    height: 5px;
    outline: none;
    cursor: pointer;    
  }
  #brightness-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: #22438C;    
  }

  #body {
    
height: 100vh;
    
background: url("../images/background.png");
    
background-size: contain;
  }

  .btn-info {
    color: #fff;
    background-color: #2d3975;
    border-color: #323e7a;
}














body {
    font-family: 'Open Sans', sans-serif;
    color: #424242;
}

img
{
    max-width: 100%;
} 
.img-fluid {
    max-width: 100% !important;
    height: auto;
}

.form-control:focus {
    box-shadow: none;
}


/** Login 3 start **/
.login-3{
    background: #eef1f6;
    background: url("../images/right-bg.png");
}

.login-3 a {
    text-decoration: none;
}

.login-3 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Jost', sans-serif;
}

.login-3 .bg-img{
    background: url(../images/img-3.jpg) top left repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    text-align: left;
    z-index: 10;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 30px 30px; */
}

.login-3 .bg-img:after {
    position: absolute;
    right: -1px;
    top: 0;
    width: 276px;
    height: 100%;
    content: "";
    z-index: -1;
    background: url(../images/img-51.png) top left repeat;
}

.login-3 .form-check-input:checked {
    display: none;
}

.login-3 .form-section{
    min-height: 100vh;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.login-3 .form-section .form-box {
    width: 100%;
    position: relative;
}

.login-3 .login-inner-form {
    /* max-width: 400px; */
    color: #535353;
    width: 100%;
    text-align: center;
    /* border: 1px solid #ccc; */
    /* padding: 30px; */
}

.login-3 .login-inner-form p{
    color: #535353;
    font-size: 16px;
    margin: 0;
}

.login-3 .login-inner-form p a{
    color: #535353;
    font-weight: 500;
}

.login-3 .login-inner-form img {
    margin-bottom: 15px;
    height: 30px;
}

.login-3 .login-inner-form h3 {
    margin: 0 0 30px;
    font-size: 25px;
    font-weight: 400;
    color: #2d3063;
}

.login-3 .login-inner-form .form-group {
    margin-bottom: 25px;
}

.login-3 .login-inner-form .form-control {
    outline: none;
    width: 100%;
    padding: 10px 25px;
    font-size: 16px;
    outline: 0;
    font-weight: 400;
    color: #535353;
    height: 55px;
    border-radius: 3px;
    border: 1px solid #2d306352;
}

.login-3 .login-inner-form .btn-md {
    cursor: pointer;
    height: 55px;
    color: #fff;
    padding: 15.5px 50px 14.5px 50px;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 3px;
}

.login-3 .login-inner-form input[type=checkbox], input[type=radio] {
    margin-right: 3px;
}

.login-3 .login-inner-form button:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.login-3 .login-inner-form .btn-theme.focus, .btn-theme:focus {
    box-shadow: none;
}

.login-3 .login-inner-form .btn-theme {
    background: #83515a;
    border: none;
    color: #fff;
    background-color: #2d3063;
    color: #fff;
    box-shadow: 0 4px 9px -4px #2d2f62;
}

.login-3 .login-inner-form .btn-theme:hover {
    background: #6a70cf;
}

.login-3 .login-inner-form .checkbox .terms {
    margin-left: 3px;
}

.login-3 .informeson {
    color: #fff;
    max-width: 450px;
    position: absolute;
    left: 12px;
    top: 35%;
}

.login-3 .informeson h1{
    color: #fff;
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 600;
    /* text-transform: uppercase; */
    text-align: center;
    line-height: 32px;
}

.login-3 .informeson p{
    color: #fff;
    margin-bottom: 25px;
    line-height: 25px;
    font-size: 15px;
}

.login-3 .none-2{
    display: none;
}

.login-3 .btn-section {
    margin-bottom: 30px;
}

.login-3 .login-inner-form .terms{
    margin-left: 3px;
}

.login-3 .login-inner-form .form-check{
    float: left;
    margin-bottom: 0;
    padding-left: 0;
}

.login-3 .login-inner-form .form-check a {
    color: #535353;
    float: right;
}

.login-3 .login-inner-form .form-check-input {
    display: none;
}

.login-3 .login-inner-form .form-check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    top: 0;
    height: 20px;
    margin-left: -25px;
    border: 1px solid #2d3063;
    border-radius: 2px;
    /* background-color: #fff; */
}

.login-3 .login-inner-form .form-check-label {
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 16px;
}

.login-3 .login-inner-form .checkbox-theme input[type="checkbox"]:checked + label::before {
    background-color: #ffa637;
    border-color: #ffa637;
}

.login-3 .login-inner-form input[type=checkbox]:checked + label:before {
    font-weight: 600;
    color: #fff;
    line-height: 17px;
    font-size: 14px;
    content: "\2713";
    padding-left: 1px;
}

.login-3 .login-inner-form input[type=checkbox], input[type=radio] {
    margin-top: 4px;
}

.login-3 .login-inner-form .checkbox a {
    font-size: 16px;
    color: #535353;
    float: right;
}

.login-3 h1 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 20px;
}

.login-3 .typing > *{
    overflow: hidden;
    white-space: nowrap;
    animation: typingAnim 3s steps(50);
}

@keyframes typingAnim {
    from {width:0}
    to {width:100%}
}

/* Social list */
.login-3 .social-list a {
    transition: transform 0.4s linear 0s, border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
    border-radius: 50%;
}

.login-3 .social-list a i {
    transition: transform 0.4s linear 0s;
}

.login-3 .social-list a:hover {
    transform: rotate(360deg);
    border-radius: 50px;
}

.login-3 .social-list a:hover i {
    transform: rotate(-360deg);
}

.login-3 .social-list .buttons {
    display: flex;
}

.login-3 .social-list a {
    text-decoration: none !important;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin:0 4px 5px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.login-3 .social-list a i {
    position: relative;
    z-index: 3;
}

.login-3 .social-list a.facebook-bg {
    color: #4867aa;
}

.login-3 .social-list a.twitter-bg {
    color: #33CCFF;
}

.login-3 .social-list a.google-bg {
    color: #db4437;
}

.login-3 .social-list a.dribbble-bg {
    color: #2392e0;
}

/** MEDIA **/
@media (max-width: 992px) {
    .login-3 .bg-img {
        display: none;
    }

    .login-3 .form-section{
        padding: 30px 15px;
    }
}
/** Login 3 end **/

.bg-img img
{
    width: 400px;
    margin-left: 470px;
    margin-top: 10px;
}

.login-inner-form .details
{
    max-width: 400px;
    color: #535353;
    width: 100%;
    text-align: center;
    border: 1px solid #2d3063;
    padding: 20px;
    margin: 0 auto;
    margin-top: 50px;
    /* background: #fdfdfd; */
    border-radius: 10px;
}

.logo
{
    width: 50%;
    position: absolute;
    right: 0;
    top: 10px;
}
.typing-1 img
{
    width: 70px;
    margin: 0;
}


.typing-1
{
    text-align: center;
}