body {

    background:#fbfcfe;

    font-family:dm sans,sans-serif;

    height:100%

   }

   h1,h2,h3,h4,h5,h6,p {

    margin:0;

    padding:0

   }

 

   .transition {

    -webkit-transition:.5s ease;

    -o-transition:.5s ease;

    -moz-transition:.5s ease;

    transition:.5s ease

   }

   .transition {

    -webkit-transition:all .4s ease-in-out;

    transition:all .4s ease-in-out

   }

   .bg-y {

    background-color:#ffb521

   }

   .bg-b {

    background-color:#2a3c4a

   }

   .bg-g {

    background-color:#25cf94

   }

   .bg-gr {

    background-color:#f3f5f7

   }

   .bg-w {

    background-color:#fff

   }

   .y-hover:hover {

    background-color:#ffb521

   }

   .b-hover:hover {

    background-color:#2a3c4a

   }

   .g-hover:hover {

    background-color:#25cf94

   }

   .gr-hover:hover {

    background-color:#f3f5f7

   }

   .w-hover:hover {

    background-color:#fff

   }

   .color-y {

    color:#ffb521

   }

   .color-b {

    color:#2a3c4a

   }

   .color-g {

    color:#25cf94

   }

   .color-gr {

    color:#f3f5f7

   }

   .color-w {

    color:#fff

   }

   .bg-none {

    background:0 0

   }

   .bg-white {

    background-color:#fff

   }

   .login-outer { display: flex; flex-direction: column; height: 100%; min-height: 100vh; justify-content: space-between; background-color:#ffffff;}



   .header-wrapper { padding:10px 0px; }

   .header-wrapper .navbar-toggler { background-color: #FCB422;}

   .header-wrapper .navbar .navbar-toggler-icon {

      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

    }



   .header-wrapper .navbar-expand-md .navbar-nav .nav-link { font-size: 16px; color: #ffffff; padding:0 15px}

   .header-wrapper .navbar-expand-md .navbar-nav .nav-link:hover{ color:#FCB422 ;}

   .header-wrapper .dropdown-menu {
      padding: 0;
      right: 0px;
      left: auto;
    }

   .header-wrapper  .dropdown-item { padding:10px 10px; border-bottom: #dcdcdc 1px solid;}

   .header-wrapper  .dropdown-item:last-child { border-bottom: 0px;}
  



   .content-wrapper { padding: 100px 0;}

   .content-wrapper .img-area  img { max-width: 525px; margin: 100px 0 0 0;}

   .content-wrapper .txt-area h1 { font-size: 34px; padding: 20px 0;}

   .content-wrapper .txt-area p { font-size: 16px; line-height: 24px;}

   .content-wrapper .txt-area p span { display: block;}





   .form-wrapper { box-shadow: 0 5px 15px 0 rgb(41 59 74/10%); padding:60px 50px;}

   .form-wrapper .frm-head  { padding-bottom: 50px;}

   .form-wrapper .frm-head h2 { font-size: 30px; color: #010202; padding: 0 0 5px 0;}

   .form-wrapper .frm-head h2 span { font-size:15px; color: #010202;}

   .form-wrapper .frm-head p { font-size: 12px; color: #10375C;}



   .form-content label { font-size: 14px; font-weight: 600; color: #010202;}

   .form-content label b  { font-size: 14px; font-weight: 600; color: #ff0000;}

   .form-content .form-group { margin: 0 0 15px 0;}

   .form-content .form-control { height: 50px; font-size: 16px; color: #010202; font-weight: 600; margin: 0 0 15px 0;}

   .form-content .form-control.cname { margin: 0 0 0px 0;}

   .form-content .form-control::placeholder { color: #999999; font-weight: normal;}

   .form-content .form-group .msg { font-size: 12px;}

   .form-content .form-group .submit { height: 50px;}

   .form-content .form-group .submit:hover { color: #ffffff;}



   .form-wrapper  .account h3 { font-size: 16px; text-align: center; padding: 10px 0 10px 0;}

   .form-wrapper  .account p { font-size: 12px; text-align: center; color: #56636E; }

   .form-wrapper  .account .btn-area { margin: 15px 0 0 0;}

   .form-wrapper  .account .btn-area a { height: 40px; line-height: 38px; border-radius: 5px; width: 48%; border:#FCB422 1px solid; font-size: 14px; color:#010202;

   text-align: center; font-weight: 500;}

   .form-wrapper  .account .btn-area a:hover { background-color: #FCB422; color: #000000; text-decoration: none;}



    .switch{position:relative;display:inline-block;width:35px;height:18px}.switch input{display:none}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ebedf2;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";background-color:#fff;-webkit-transition:.4s;-ms-transition:.4s;transition:.4s;height:14px;width:14px;left:2px;bottom:2px;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch input:checked+.slider:before{-webkit-transform:translateX(17px);-ms-transform:translateX(17px);transform:translateX(17px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.switch.s-default .slider:before{background-color:#d3d3d3}.switch.s-primary .slider:before{background-color:#283949}.switch.s-success .slider:before{background-color:#8dbf42}.switch.s-warning .slider:before{background-color:#e2a03f}.switch.s-danger .slider:before{background-color:#e7515a}.switch.s-secondary .slider:before{background-color:#5c1ac3}.switch.s-info .slider:before{background-color:#2196f3}.switch.s-dark .slider:before{background-color:#3b3f5c}.switch input:checked+.slider:before{background-color:#fff}.switch.s-default input:checked+.slider{background-color:#d3d3d3}.switch.s-default input:focus+.slider{box-shadow:0 0 1px #ebedf2}.switch.s-primary input:checked+.slider{background-color:#283949}.switch.s-primary input:focus+.slider{box-shadow:0 0 1px #1b55e2}.switch.s-success input:checked+.slider{background-color:#8dbf42}.switch.s-success input:focus+.slider{box-shadow:0 0 1px #8dbf42}.switch.s-warning input:checked+.slider{background-color:#e2a03f}.switch.s-warning input:focus+.slider{box-shadow:0 0 1px #e2a03f}.switch.s-danger input:checked+.slider{background-color:#e7515a}.switch.s-danger input:focus+.slider{box-shadow:0 0 1px #e7515a}.switch.s-secondary input:checked+.slider{background-color:#5c1ac3}.switch.s-secondary input:focus+.slider{box-shadow:0 0 1px #5c1ac3}.switch.s-info input:checked+.slider{background-color:#2196f3}.switch.s-info input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch.s-dark input:checked+.slider{background-color:#3b3f5c}.switch.s-dark input:focus+.slider{box-shadow:0 0 1px #3b3f5c}.switch.s-outline .slider{border:2px solid #ebedf2;background-color:transparent;width:36px;height:19px}.switch.s-outline .slider:before{height:13px;width:13px}.switch.s-outline[class*=s-outline-] .slider:before{bottom:1px;left:1px;border:2px solid #bfc9d4;background-color:#bfc9d4;color:#ebedf2;box-shadow:0 1px 15px 1px rgba(52,40,104,.25)}.switch.s-icons.s-outline-default{color:#d3d3d3}.switch.s-icons.s-outline-primary{color:#1b55e2}.switch.s-icons.s-outline-success{color:#8dbf42}.switch.s-icons.s-outline-warning{color:#e2a03f}.switch.s-icons.s-outline-danger{color:#e7515a}.switch.s-icons.s-outline-secondary{color:#5c1ac3}.switch.s-icons.s-outline-info{color:#2196f3}.switch.s-icons.s-outline-dark{color:#3b3f5c}.switch.s-outline-default input:checked+.slider{border:2px solid #ebedf2}.switch.s-outline-default input:checked+.slider:before{border:2px solid #d3d3d3;background-color:#d3d3d3;box-shadow:0 1px 15px 1px rgba(52,40,104,.25)}.switch.s-outline-default input:focus+.slider{box-shadow:0 0 1px #ebedf2}.switch.s-outline-primary input:checked+.slider{border:2px solid #1b55e2}.switch.s-outline-primary input:checked+.slider:before{border:2px solid #1b55e2;background-color:#1b55e2;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch.s-outline-primary input:focus+.slider{box-shadow:0 0 1px #1b55e2}.switch.s-outline-success input:checked+.slider{border:2px solid #8dbf42}.switch.s-outline-success input:checked+.slider:before{border:2px solid #8dbf42;background-color:#8dbf42;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch.s-outline-success input:focus+.slider{box-shadow:0 0 1px #8dbf42}.switch.s-outline-warning input:checked+.slider{border:2px solid #e2a03f}.switch.s-outline-warning input:checked+.slider:before{border:2px solid #e2a03f;background-color:#e2a03f;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch.s-outline-warning input:focus+.slider{box-shadow:0 0 1px #e2a03f}.switch.s-outline-danger input:checked+.slider{border:2px solid #e7515a}.switch.s-outline-danger input:checked+.slider:before{border:2px solid #e7515a;background-color:#e7515a;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch.s-outline-danger input:focus+.slider{box-shadow:0 0 1px #e7515a}.switch.s-outline-secondary input:checked+.slider{border:2px solid #5c1ac3}.switch.s-outline-secondary input:checked+.slider:before{border:2px solid #5c1ac3;background-color:#5c1ac3;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch.s-outline-secondary input:focus+.slider{box-shadow:0 0 1px #5c1ac3}.switch.s-outline-info input:checked+.slider{border:2px solid #2196f3}.switch.s-outline-info input:checked+.slider:before{border:2px solid #2196f3;background-color:#2196f3;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch.s-outline-info input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch.s-outline-dark input:checked+.slider{border:2px solid #3b3f5c}.switch.s-outline-dark input:checked+.slider:before{border:2px solid #3b3f5c;background-color:#3b3f5c;box-shadow:0 1px 15px 1px rgba(52,40,104,.34)}.switch.s-outline-dark input:focus+.slider{box-shadow:0 0 1px #3b3f5c}.switch.s-icons{width:57px;height:30px}.switch.s-icons .slider{width:48px;height:25px}.switch.s-icons .slider:before{vertical-align:sub;color:#3b3f5c;height:19px;width:19px;line-height:1.3;content:url(data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTllY2VmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ij48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPg==)}.switch.s-icons input:checked+.slider:before{content:url(data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1jaGVjayI+PHBvbHlsaW5lIHBvaW50cz0iMjAgNiA5IDE3IDQgMTIiPjwvcG9seWxpbmU+PC9zdmc+);vertical-align:sub;color:#fff;line-height:1.4}.switch.s-icons input:checked+.slider:before{-webkit-transform:translateX(23px);-ms-transform:translateX(23px);transform:translateX(23px)}



   .footer-wrapper { padding: 25px 0;}

   .footer-wrapper .copyright p { font-size: 13px; color: #ffffff; }

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

   .footer-wrapper .terms ul li { display: inline;}

   .footer-wrapper .terms ul li a { font-size: 16px; color: #ffffff; padding: 0 5px; font-weight: 600; }

   .footer-wrapper .terms ul li a:hover{ color:#FCB422 ;}



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

   .footer-wrapper .socials ul li { display: inline;}

   .footer-wrapper .socials ul li a { font-size: 16px; color: #ffffff; padding: 0 0 0 10px; font-weight: 600; }

   .footer-wrapper .socials ul li a:hover{ color:#FCB422 ;}


   @media(max-width:1660px) {
      .content-wrapper {
         padding: 50px 0;
       }
       .form-wrapper {         
         padding: 30px;
       }
       .form-wrapper .frm-head {
         padding-bottom: 20px;
       }
   }
    /* End 1660 */

    @media(max-width:1440px) {
      .content-wrapper {
         padding: 30px 0;
       }
       .form-content .form-group {
         margin: 0 0 10px;
       }
   }
    /* End 1660 */

   @media(max-width:1366px){
      .content-wrapper { padding: 30px 0; }
   } 
   /* End 1366 */
   @media(min-width:1200px) { 

      .container, .container-lg, .container-md, .container-sm, .container-xl {   
         max-width: 1300px;   
       }   
      }
      /* End 1200 */

   @media(max-width:1200px){
      .content-wrapper { padding: 15px 0;}
      .content-wrapper .img-area img { max-width: 320px; }
      .content-wrapper .txt-area p span { display: inline;  }
      .form-wrapper { margin: 15px 0 0 0;}
   }
   /* End 1200 */



   @media(max-width:1024px){ 
      .hide-mobile { 
         display: none;
      } 
      .header-wrapper .navbar-brand img { max-width:70px;}   
      
      .header-wrapper .navbar-expand-md .navbar-nav .nav-link {
         padding: 0 6px;
         font-size:14px;
       }

      .form-wrapper { 
         padding:30px; 
      }
      .content-wrapper .img-area img {       
         width: 96%;
       }

      .form-content .form-group.next { 
         margin: 0px; 
      }
      .form-wrapper .frm-head {
         padding-bottom: 10px;
       }

      .form-content .form-control {
         height: 44px;
         font-size: 14px;       
         margin-bottom: 0px;
       }
       .form-content .form-group .submit {
         height: 44px;
       }
       .form-wrapper .account h3 {
        
         padding: 0 0 10px 0;
       }

       .header-wrapper .dropdown-item {
         padding: 7px 10px;
         border-bottom: #dcdcdc 1px solid;
         font-size: 14px;
       }

          

   } /* End 1024 */ 



   @media(max-width:992px) {
      .footer-wrapper .copyright p {
         text-align: center;
         padding: 15px 0;
     }

     .footer-wrapper .text-right.socials {
        text-align: center !important;
     }

     .footer-wrapper .socials ul {
        margin: 15px 0;
     }
   }
   /* End 992 */ 
   



   @media(max-width:767px) {
      .header-wrapper .navbar-expand-md .navbar-nav .nav-link {
         padding: 10px 0;
      }

      .header-wrapper .navbar-collapse {
         border-top:rgba(255,255,255,0.3) 1px solid;
         margin: 15px 0 0 0;
      }

      .content-wrapper .img-area img { 
         margin:15px 0 0 0; 
      }

      /* Footer CSS Start */

      .footer-wrapper {
         padding: 15px 0;
     }
   }
   /* End 767 */ 



   @media(max-width:576px) {

      .form-wrapper {
         padding: 20px;
     }
   }

   /* End 576 */ 



  /* Changes of Bootstrap Classes  */

.dropdown-item.active, .dropdown-item:active{
   color: #fff;
   text-decoration: none;
   background-color: #ffb521;  
}