/* all responsive css start */

/* ---- lap responsive---- */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
   .hero {
    padding: 40px 2rem 48px !important;
}
.hero-title {
    font-size: 34px;
}
  .hero-stats {
    padding: 15px 0 !important;
  }

  .hstat {
    padding: 0 15px !important;
    gap: 5px !important;
  }

  /* Icon circle */
  .hstat-icon {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 3px !important;
  }

  .hstat-icon i {
    font-size: 20px !important;
  }

  /* Number */
  .hstat-n {
    font-size: 28px !important;
    letter-spacing: -0.4px !important;
  }

  /* Label */
  .hstat-l {
    font-size: 12.5px !important;
    letter-spacing: 0.03em !important;
  }
	
.logo-section h3{
	font-size: 17px;
}	
.main-button-login {
    font-size: 13px;
    height: 38px;
}
.main-button-register {
    height: 38px;
}
.main-button-register a{
	font-size: 13px;
}
.section_names_style h2 {
    font-size: 30px !important;
}
.icon_img3 {
    top: 2% !important;
    left: 25% !important;
}
.icon_img1 {
    top: 25% !important;
    left: 5% !important;
}
.icon_img2 {
    bottom: 2% !important;
}
.icon_img5 {;
    right: 15% !important;
}
.icon_img4 {
    right: 9% !important;
    top: 30% !important;
}
.arrow-1 {
    top: 5% !important;
    left: 0% !important;
}
.tab-content-inr-style h3 {
    margin-bottom: 15px !important;
        font-size: 17px !important;
}
.footer-logo-section img {
    height: 75px !important;
}
.logo-content img {
    height: 45px !important;
}
.module_text span {
    font-size: 15px !important;
}
.small, small {
    font-size: .775em;
}
.single_footer h4 {
    font-size: 17px;
}
.single_footer ul li a {
    font-size: 14px;
}
.para_graph{
	font-size: 14px !important;
}
.copyright {
    font-size: 14px;
}
.tab-content-inr-style .rows-style h4 {
    width: 75px !important;
    flex: 0 0 75px !important;
}
.tab-content-inr-style .rows-style h4 span {
    font-size: 25px !important;
}
.tabs-content-width {
    width: calc(100% - 230px) !important;
}
.tabs-width {
    width: 230px !important;
}

.nav-items .nav-links img{
	width: 30px !important;
	height:30px !important;
}
.section-names-style-1 {
    font-size: 18px;
}
	.btn_edit{
	    height: 25px;
    width: 25px;
	}
	    .btn_plus {
        height: 25px;
        width: 25px;
    }
        .btn_view {
        height: 25px;
        width: 25px;
    }
        .btn_lock {
        height: 25px;
        width: 25px;
    }
        .btn_success {
        height: 25px;
        width: 25px;
    }
    .ou-logo-title {
    font-size: 1rem !important;
}
#blinking-tex{
	height: 36px !important;
}
.auth-links button:first-of-type {
    height: 36px !important;
}
.auth-links button:last-of-type {
    height: 36px !important;
}
    .banner {
        height: 350px !important;
    }
.hero-frame img {
    right: 0px !important;
}
    .section_names_style .describtion {
        width: 370px !important;
        font-size: 15px !important;
    }
    .ht-tab-btn {
    padding: 10px 15px 10px !important;
    font-size: .75rem !important;
}
.ht-section-title {
    font-size: 1.1rem !important;
}
.ht-wrapper {
    min-height: 500px !important;
}
.about-heading {
    font-size: 26px !important;
}
.about-content {
    gap: 10px !important;
}
.about-desc {
    font-size: .85rem !important;
}
.feat-card {
    padding: 10px 15px !important;
    gap: 16px !important;
}
.feat-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
}
.feat-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.btn-read-more {
    font-size: .9rem !important;
    padding: 10px 20px !important;
}
.feat-card p {
    font-size: .8rem !important;
    line-height: 1.4 !important;
}
.feat-card h4 {
    font-size: .9rem !important;
}

.stat-badge .label {
    font-size: .7rem !important;
}
.ht-tab-btn.active::before {
    top: 17px !important;
    left: 0px !important;
}
.badge-bottom {
    right: -10px;
}

}

/* -----tab responsive----- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
header {
    display: contents !important;
}
  .hstat { padding: 0 15px !important; }
  .hstat-icon i { font-size: 18px !important; }
  .hstat-n { font-size: 28px !important; }
  .hstat-l { font-size: 12px !important; }
  .hero {
    padding: 30px 2rem 30px !important;
     gap: 0rem !important;
}
.hero-title {
    font-size: 30px !important;
}
.hero-left {
    max-width: 450px !important;
}
.hstat-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 18px !important;
}
.section_names_style h2 {
    font-size: 30px !important;
}	
.logo-section h3 {
    font-size: 14px;
}	
header .container .col-lg-5{
	width: 50% !important;
}
header .container .col-md-7{
	width: 50% !important;
}
.main-button-login {
    font-size: 12px;
    height: 35px;
}
.main-button-register {
    height: 35px;
}
.main-button-register a{
	font-size: 12px;
}
.icon_img3 {
    top: -10% !important;
    left: 33% !important;
    height: 60px !important;
    width: 60px !important;
}
.icon_img3 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img1 {
        top: 30% !important;
        left: 8% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img1 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img2 {
   bottom: -10% !important;
   left: 21% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img2 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img5 {;
    right: 10% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img5 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img4 {
    right: 3% !important;
    top: 35% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img4 img{
	width: 60% !important;
	top: 12px !important;
}
.arrow-1 {
    top: 5% !important;
    left: 0% !important;
}
.tab-content-inr-style h3 {
    margin-bottom: 15px !important;
    font-size: 17px !important;
}
.tab-content-inr-style .rows-style h4 {
    width: 70px !important;
    flex: 0 0 70px !important;
}
.tab-content-inr-style .rows-style h4 span {
    font-size: 20px !important;
}
.tabs-content-width {
    width: calc(100% - 200px) !important;
}
.tabs-width {
    width: 200px !important;
}
li.nav-item {
    padding: 5px 10px !important;
}
.logo-content img {
    height: 50px !important;
}
.footer-logo-section img {
    height: 85px;
}
.logoText .module_text{
	display: none !important;
} 
.para_graph{
	font-size: 14px !important;
}  
.single_footer h4 {
    font-size: 17px;
}   
.single_footer ul li a {
    font-size: 14px;
        line-height: 30px;
}   
.copyright {
    font-size: 14px;
} 
.instruction-heading {
    font-size: 18px;
    margin: 0 0 0px;
} 
.new_user p {
    font-size: 13px;
}  
.new_user a {
    font-size: 13px;
} 
.wlcm_session{
	font-size: 18px !important;
}  
 .navbar-toggle_block{
/*  display: block !important; */
 }  
 .navbar-toggle_block ul{
 align-items: start !important;
 justify-content: start !important;
 gap: 5px !important;
 }   
  .navbar-toggle_block ul li img{
  display: none !important;
  }
  .section-names-style-1 {
    font-size: 17px !important;
}
.tab-content-inr-style .rows-style p {
    font-size: 13px;
}
.btn_edit{
	    height: 24px;
    width: 24px;
	}
	    .btn_plus {
    	    height: 24px;
            width: 24px;
    }
        .btn_view {
    	    height: 24px;
            width: 24px;
    }
                .btn_lock {
    	    height: 24px;
            width: 24px;
    }
                    .btn_success {
    	    height: 24px;
            width: 24px;
    }
    .view_reverted{
    font-size: 17px !important;
    }
    .application-status {
    font-size: .8em !important;
}
.step-process > .step-circle-p {
    flex: 0 0 110px !important;
    min-width: 110px !important;
}
.step-circle-p svg{
	font-size: 14px !important;
}
.step-circle-p .step_con {
    font-size: 10px !important;
}
.step-circle-p small {
    width: 25px;
    height: 25px;
    top: 8px;
}
.card-header strong{
	font-size: 12px !important;
}
    /* wrapper */
    .ht-wrapper {
      min-height: unset !important;
    }

    /* nav: shrink padding, allow horizontal scroll with snap */
    .ht-nav {
      padding: 0 10px !important;
      gap: 0 !important;
      scroll-snap-type: x mandatory !important;
    }

    /* tab buttons: smaller, snappable */
    .ht-tab-btn {
      padding: 12px 10px 11px !important;
      font-size: .74rem !important;
      letter-spacing: .02em !important;
      scroll-snap-align: start !important;
      flex-shrink: 0 !important;
    }
    .ht-tab-btn.active { padding-left: 22px !important; }
    .ht-tab-btn.active::before {
      top: 8px !important; left: 8px !important;
      width: 5px !important; height: 5px !important;
    }


    .ht-filter-bar .form-group { width: 100% !important; }
    .ht-filter-bar .col-md-3   { width: 100% !important; }


    /* tab content padding */
    .ht-tab-content { padding: 16px 16px 20px !important; }

    /* section title smaller */
    .ht-section-title { font-size: 1.05rem !important; }

    /* doc row: wrap on small screens */
    .ht-doc-row {
      flex-wrap: wrap !important;
      gap: 10px !important;
      padding:  12px 12px !important;
    }
    .ht-doc-label { width: 100% !important; font-size: .85rem !important; }
    .ht-pdf-btn   { margin-left: auto !important; }

    /* accordion button font */
    .ht-accordion .accordion-button { font-size: .82rem !important; }
    .ht-acc-date { font-size: .68rem !important; }
      .ou-logo-title {
    font-size: 16px !important;
  }
  .ou-logo-sub {
    font-size: 10.5px !important;
  }
  .ou-logo-icon {
    width: 42px !important;
    height: 42px !important;
  }
  #blinking-text{
    padding: 0 14px !important;
    font-size: 12px !important;
    height: 36px !important;
  }
  .auth-links button:first-of-type,
  .auth-links button:last-of-type {
    padding: 0 14px !important;
    font-size: 12px !important;
    height: 36px !important;
  }
  	.banner {
    height: 280px !important;
}
.contact-card {
    padding: 15px 15px !important;
}
@media only screen and (max-width: 768px) {.justify-content-end.searchingSection{justify-content: center !important;}}
.contact-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 10px !important;
}

}

@media only screen and (min-width: 425px) and (max-width: 767px) {
	.container{
	padding-left: 10px !important;
    padding-right: 10px !important;
	}
	.hero {
    padding: 30px 1rem 30px !important;
    gap: 0rem !important;
}
.hero-title {
    font-size: 28px !important;
}
	  .hero-stats { padding: 24px 0; }
  .hstat { padding: 0px 10px !important; }
  /* Horizontal divider on mobile */
  .hstat:not(:last-child)::after {
    top: auto; bottom: 0;
    left: 15%; right: 15%;
    width: auto; height: 1px;
  }
  .hstat-n { font-size: 25px !important; }
/*   .table_mob{
    width: 400px !important;
  }  */
	header {
    display: contents !important;
}
header .container .col-lg-5{
	width: 30% !important;
}
header .container .col-md-7{
	width: 70% !important;
}
header .container .col-sm-4{
	width: 40% !important;
}
header .container .col-sm-8{
	width: 60% !important;
}
.auth-links button:first-of-type {
    padding: 0 12px !important;
}
.auth-links button:last-of-type {
    padding: 0 12px !important;
}
/* .ou-logo-texts{
	display: none !important;
} */
.ou-logo-title {font-size: 1.1rem !important;}
.main-button-login {
    font-size: 12px;
    height: 35px;
}
.main-button-register {
    height: 35px;
}
.main-button-register a{
	font-size: 12px;
}
.logo-section h3 {
    display: none !important;
}
.section_names_style h2 {
    font-size: 30px !important;
}
.tabs-width {
    width: 100% !important;
    height: auto !important;
}
.tabs-content-width {
    width: 100% !important;
    height: auto !important;
}
.container-inr{
	    display: block !important;
	    height: auto !important;
}
.icon_img3 {
    top: 0% !important;
    left: 30% !important;
    height: 60px !important;
    width: 60px !important;
}
.icon_img3 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img1 {
        top: 30% !important;
        left: 8% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img1 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img2 {
   bottom: -4% !important;
   left: 17% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img2 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img5 {;
    right: 10% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img5 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img4 {
    right: 3% !important;
    top: 35% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img4 img{
	width: 60% !important;
	top: 12px !important;
}
.arrow-1 {
    top: 5% !important;
    left: 0% !important;
}
.logo-content img {
    height: 50px !important;
}
.ht-filter-bar .form-group {
    min-width: 200px !important;
}
.step-card {
    padding: 15px 18px !important;
}
.steps-grid {
    display: block !important;
}
#cmpled_sec_main_sldr .owl-nav {
    top: -40px !important;
}
.footer-logo-section img {
    height: 85px;
}
.logoText .module_text{
	display: none !important;
} 
.para_graph{
	font-size: 14px !important;
}  
.single_footer h4 {
    font-size: 17px;
}   
.single_footer ul li a {
    font-size: 14px;
        line-height: 30px;
}   
.copyright {
    font-size: 14px;
}
.footer .col-md-4{
	padding-left: 12px !important;
}
    .single_footer {
        margin-bottom: 15px !important;
    }
    .instruction-heading {
    font-size: 15px;
    margin: 0 0 0px;
} 
.new_user p {
    font-size: 12px;
}  
.new_user a {
    font-size: 12px;
} 
.wlcm_session{
	font-size: 18px !important;
}  
 .navbar-toggle_block{
/*  display: block !important; */
 }  
 .navbar-toggle_block ul{
 align-items: start !important;
 justify-content: start !important;
 gap: 5px !important;
 }   
  .navbar-toggle_block ul li img{
  display: none !important;
  }
  .section-names-style-1 {
    font-size: 17px !important;
}
.tab-content-inr-style .rows-style p {
    font-size: 13px;
}
.mob_res_tab{
	display: block !important;
    height: auto !important;
}
.mob_res_tab .tabs-width{
    height: auto !important;	
}
.btn_plus{
	    height: 23px;
    width: 23px;
	}
	    .btn_view {
        height: 23px;
        width: 23px;
    }
    	    .btn_lock {
        height: 23px;
        width: 23px;
    }
        	    .btn_success {
        height: 23px;
        width: 23px;
    }
    		.btn_edit{
	    height: 25px;
    width: 25px;
	}
	    .view_reverted{
    font-size: 17px !important;
    }
    .application-status {
    font-size: .8em !important;
}
.step-process > .step-circle-p {
    flex: 0 0 120px !important;
    min-width: 120px !important;
}
.step-circle-p svg{
	font-size: 14px !important;
}
.step-circle-p .step_con {
    font-size: 11px !important;
}
.step-circle-p small {
    width: 25px;
    height: 25px;
    top: 8px;
}
#applicationStatusModal{
	padding-right: 0 !important;
}
label {
    white-space: normal;
}


}
@media only screen and (min-width: 425px) and (max-width: 600px){
	.auth-links{margin-top: 10px;}
	.auth-links button:first-of-type,.auth-links button:last-of-type{padding: 4px 12px !important; height: auto !important;}
	#blinking-text {
	padding: 4px 12px !important; height: auto !important;
	}
	
}
@media only screen and (min-width: 320px) and (max-width: 424px) {
		.container{
	padding-left: 10px !important;
    padding-right: 10px !important;
	}
	.hero {
    padding: 1rem !important;
    gap: 0rem !important;
}
.hero-tag,.hero-sub,.hero-title{margin-bottom: 10px !important;}
.hero-sub{font-size: 12px !important;}
.hero-title {
    font-size: 24px !important;
}
.hero-cta{justify-content: space-between;}
.cta-primary {
    padding: 8px 12px !important;
    font-size: 12px !important;
}
.hstat-l {font-size: 11px !important;}
.cta-sec {
    padding: 8px 12px !important;
    font-size: 12px !important;
}
.hstat-icon {
    width: 45px !important;
    height: 45px !important;
    font-size: 15px !important;
}
.hero-stats { padding: 24px 0; }
  .hstat { padding: 0px 5px !important; }
  /* Horizontal divider on mobile */
  .hstat:not(:last-child)::after {
    top: auto; bottom: 0;
    left: 15%; right: 15%;
    width: auto; height: 1px;
  }
  .hstat-n { font-size: 22px !important; }
/*   .table_mob{
    width: 330px !important;
  } */ 
	header {
    display: contents !important;
}
header .container .col-lg-5{
	width: 30% !important;
}
header .container .col-md-7{
	width: 70% !important;
}
header .container .col-sm-4{
	width: 40% !important;
}
header .container .col-sm-8{
	width: 60% !important;
}
/* .ou-logo-texts{
	display: none !important;
} */
.auth-links button:first-of-type {
    padding: 0 10px !important;
}
.auth-links button:last-of-type {
    padding: 0 10px !important;
}
.main-button-login {
    font-size: 12px;
    height: 35px;
}
.main-button-register {
    height: 35px;
}
.main-button-register a{
	font-size: 12px;
}
.logo-section h3 {font-size: 14px;
}
.logo-section img {height: 40px;}
.section_names_style h2 {
    font-size: 30px !important;
}
.tabs-width {
    width: 100% !important;
    height: auto !important;
}
.tabs-content-width {
    width: 100% !important;
    height: auto !important;
}
.container-inr{
	    display: block !important;
	    height: auto !important;
}
.icon_img3 {
    top: 0% !important;
    left: 30% !important;
    height: 60px !important;
    width: 60px !important;
}
.icon_img3 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img1 {
        top: 30% !important;
        left: 8% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img1 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img2 {
   bottom: -4% !important;
   left: 17% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img2 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img5 {;
    right: 10% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img5 img{
	width: 60% !important;
	top: 12px !important;
}
.icon_img4 {
    right: 3% !important;
    top: 35% !important;
        height: 60px !important;
    width: 60px !important;
}
.icon_img4 img{
	width: 60% !important;
	top: 12px !important;
}
.arrow-1 {
    top: 5% !important;
    left: 0% !important;
}
.logo-content img {
    height: 50px !important;
}
.ht-filter-bar .form-group {
    min-width: 200px !important;
}
.step-card {
    padding: 15px 18px !important;
}
.steps-grid {
    display: block !important;
}
#cmpled_sec_main_sldr .owl-nav {
    top: -40px !important;
}
.footer-logo-section img {
    height: 85px;
}
.logoText .module_text{
	display: none !important;
} 
.para_graph{
	font-size: 14px !important;
}  
.single_footer h4 {
    font-size: 17px;
}   
.single_footer ul li a {
    font-size: 14px;
        line-height: 30px;
}   
.copyright {
    font-size: 14px;
}
.footer .col-md-4{
	padding-left: 12px !important;
}
    .single_footer {
        margin-bottom: 15px !important;
    }
    .instruction-heading {
    font-size: 15px;
    margin: 0 0 0px;
} 
.new_user p {
    font-size: 12px;
}  
.new_user a {
    font-size: 12px;
} 
.wlcm_session{
	font-size: 18px !important;
}  
 .navbar-toggle_block{
/*  display: block !important; */
 }  
 .navbar-toggle_block ul{
 align-items: start !important;
 justify-content: start !important;
 gap: 5px !important;
 }   
  .navbar-toggle_block ul li img{
  display: none !important;
  }
  .section-names-style-1 {
    font-size: 17px !important;
}
.tab-content-inr-style .rows-style p {
    font-size: 13px;
}
.mob_res_tab{
	display: block !important;
    height: auto !important;
}
.mob_res_tab .tabs-width{
    height: auto !important;	
}
.btn_plus{
	    height: 23px;
    width: 23px;
	}
	    .btn_view {
        height: 23px;
        width: 23px;
    }
    	    .btn_lock {
        height: 23px;
        width: 23px;
    }
        	    .btn_success {
        height: 23px;
        width: 23px;
    }
    		.btn_edit{
	    height: 25px;
    width: 25px;
	}
	    .view_reverted{
    font-size: 17px !important;
    }
    .application-status {
    font-size: .8em !important;
}
.step-process > .step-circle-p {
    flex: 0 0 120px !important;
    min-width: 120px !important;
}
.step-circle-p svg{
	font-size: 14px !important;
}
.step-circle-p .step_con {
    font-size: 11px !important;
}
.step-circle-p small {
    width: 25px;
    height: 25px;
    top: 8px;
}
#applicationStatusModal{
	padding-right: 0 !important;
}
label {
    white-space: normal;
}
.searchingSection .search_bar{
	flex-direction: column;
    width: 100%;
    border-radius: 4px;
    gap: 5px;
}
.search_drpdwn{width:100%;}
.searchingSection .search_bar .select2{width: 100% !important;}
.search_drpdwn:after{content:unset !important;}
.searchingSection .search_icon{
    background: #2563a8;
    text-align: end;
    padding: 3px 15px;
    border-radius: 4px;
}
.searchingSection .search_icon svg {
    color: #ffffff;
}
.registration {
	    padding: 5px 0;
	}
	.new-registration {
	    padding: 10px 0;
	}
	.ou-logo-icon{width: 45px !important;}
	.ou-logo-texts{
		display: block !important;
	}
	.auth-links{margin-top: 10px;justify-content: space-between !important; gap: 5px !important;}
	.ou-logo-title {
        font-size: 13px !important;
        display: block;
    }
	.ou-logo-sub {
	    font-size: 10px !important;
	    letter-spacing: 0 !important;
	}
	.ou-logo-link{gap: 10px !important;}
	#blinking-text{
	padding: 4px 4px !important; 
	height: auto !important;
	}
	.auth-links button:first-of-type,.auth-links button:last-of-type{padding: 4px 12px !important; height: auto !important;}
	#getOTP{margin-top: 0px !important;}
}
/* all responsive css end */