﻿.fa-chevron-down{font-size:11px !important;}
/*-------------header css------------*/
.navbar-brand>img{width:72px;}
.address-info .info ul li a{color:white;}



/*---------------footer css----------------*/
.widget_wrap {
    padding: 60px 0px 0px;
    /*background-image: url(../images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
    z-index: 2;
    background-color:#23793b;
}
/*.widget_wrap.overlay:before {
    background-color: #2d3d8c;
    opacity: 0.95;
    z-index: -1;
}*/
/*.overlay:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.6;
}*/
.widget_title {
    color: #fff;
    margin-bottom: 15px;
    /* font-weight: 600; */
}
.widget_text ul {
    margin-bottom: 30px;
    padding-left: 0px;
}
.footer-adress li {
    margin: 0;
    padding-bottom: 15px;
    display: flex;
}
.footer-adress li > i {
    vertical-align: top;
    font-size: 18px;
    color: #ffffff;
    width: 30px;
    padding-top: 3px;
}
.footer-adress li span a, .footer-adress li span {
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
}
.widget_service li a{color:white;}
.copyright_text, .widget_copyright {
    float: left;
    width: 100%;
}
.widget_copyright {
    /* padding: 20px 0px; */
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    margin-top: 34px;
}
.widget_copyright .city_top_social {
    width: 100%;
}
.city_top_social {
    float: right;
    width: 20%;
    padding: 0px 0px;
}
.city_top_social ul {
    float: right;
    width: auto;
}
.city_top_social ul li {
    float: left;
    width: auto;
    margin-right: 10px;
}
.widget_copyright .city_top_social ul li a {
    border: 2px solid #fff;
}
.city_top_social ul li a {
    display: inline-block;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 33px;
    border: 3px solid;
    color: #fff;
    font-size: 13px;
}
.widget_logo  img {width:85px;}

/*----------------------owl crousal css------------------*/

/*.carousel-indicators {
  bottom: 14%;
}*/
.carousel-indicators li {
  display: inline-block;
  text-indent: 0;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  background-color: #666;
  box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);
}
.carousel-indicators .active {
  background-color: #23793b;
}
/*
inspired from https://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before{color:#23793b !important;}

/*---------------------index css-----------------*/
.heading-blue {
    color: #3e3c3c;
    font-size: 28px;
    font-weight: 700;
      margin-bottom: 31px;
    margin-top: 8px;
    z-index: 99;
    padding-left: 13px;
}
.heading-blue:before {
    position: absolute;
    width: 75px;
    height: 75px;
    background: #23793b7a;
    border-radius: 50%;
    content: '';
    left: -7px !important;
    top: -17px !important;
    z-index: -1;
}
.heading-blue:after {
    position: absolute;
    width: 60px;
    height: 2px;
    background: #23793b;
    content: '';
    top: 20px;
}
.mt-50{margin-top:50px;}
.mb-50{margin-bottom:50px;}
.pt-50{padding-top:50px;}
.pb-50{padding-bottom:50px;}
.btn {
  background: #fbbf24;
  border: none;
  color: #111;
  font-size:12px;
  /*font: 500 1rem sans-serif;*/
  padding: 5px 20px;
  position: relative;
  cursor: pointer;
  margin: 1rem;
}
.btn-animation {
  border: 2px solid #d6a910;
  outline: 2px solid #23793b;
  transition: outline-offset 200ms ease;
}
.btn-animation:hover {
  outline: 2px solid #23793b;
  outline-offset: -6px;
}

/*----------------odometar css start-------------------*/
.counter{display:flex;justify-content:space-around;}
.title-box{display:flex;justify-content:space-between;margin-top:7px;}
 li.count.percent {
    font-size: 30px;
    color: #ffffff;
}
.add_space { 
  height:400px;
}
.new-icon i{font-size:35px;color:white;}
.visibility{visibility:hidden;}
.font-clr{font-size:17px;color:white;}
.counter ul {
 /*display: flex;
    align-items: center;
    justify-content: space-between;*/
    /*max-width: 65%;*/
    /*margin: 0 auto;*/
   
    /*padding: 40px 40px;*/
  /*font-family: system-ui;*/
}

.counter ul li {
    list-style: none;
    margin: 0;
    font-size: 36px !important;
    font-weight: 700;
}
.border-left{border-right:2px solid white;padding:10px 30px;}

/*.counter ul li:after {
}

.counter ul li:nth-child(2):after {
    content: "%";
}

.counter ul li:nth-child(3):after {
    content: "$";
}

.counter ul li:nth-child(1):after {
    content: "+";
}*/
.bg-odometer {
    position: relative; /* Ensure that the pseudo-element is positioned relative to this */
    background-image: url(/images/odometar-counter.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment:fixed;
}

.bg-odometer::before {
    content: "";
    position: absolute; /* Position the pseudo-element */
    top: 0;
    left: 0;
    width: 100%; /* Cover the entire element */
    height: 100%;
    background-color: rgb(0 0 0 / 66%); /* Black with 50% opacity */
}
.padd-last{padding:10px 30px;}
 /*----------------odometar css end-------------------*/

 .leader-bg{background-image:url(/aimmup/images/leader-bg.png);}


 /*-----------------------------tabbing css----------------------*/


 

.tabs__buttons--container {
  display: flex;
  margin-bottom: 1rem;
}

.tabs__tab-btn {
  background: none;
  border: none;
  padding: 1rem 2rem;
  cursor: pointer;
  border-bottom: solid 3px #81c784;
}

.tabs__tab-btn--not-selected {
  border-bottom-color: #eeeeee;
}

.tabs__tab-btn:hover {
  background-color: #eeeeee;
  transition: 0.3s;
}

.tabs__tab--hide {
  display: none;
}

.tabs__tab--show {
  display: block;
}

.tabs__tab {
  animation: tabApear 0.6s;
}

@keyframes tabApear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.text-overflow{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 200px !important;
    padding:0px 3px;
}

.scroller::-webkit-scrollbar {
  width: 3px;
}
.scroller::-webkit-scrollbar-thumb {
  background: #23793b; 
}
 .dis-none{display:none;}
.z-index{position:relative;z-index:999;}
.ol-display .ol-display-flex{display:flex;align-items:baseline;}
@media screen and (max-width:991px){
    .tabs__buttons--container{overflow-y:scroll;}
    .tabs__tab-btn{white-space:nowrap;}
    .address-info{display:none;}
    .nav-title{font-size:18px !important;}
    .inn-div{margin-top:25px;}
    .heading-blue{font-size:20px;}
    .heading-blue:after{top:10px;}
    .heading-blue:before{width:60px;height:60px;}
    .widget_copyright .city_top_social{display:flex;justify-content:center;}
    .new-d{display:flex;margin-top:35px;}
    ul#counter{margin-left:8px;}
    .border-left-none{border-right:0px solid white !important;}
    .new-icon i{font-size:25px;}
    .dis-none{display:block;}
   .dis{justify-content:space-between !important;}
   .h44{width: 92.8%;bottom: 0px;}
}

.box ul{margin-bottom:0px;}

.nav-title{    font-size: 24px;
    font-weight: bolder;
    color: #23793b !important;
    text-shadow: 1px 1px 2px #0000003d;

}
header#home {
    position: sticky;
    top: 0;    z-index: 9999;
}
nav.navbar.bootsnav{padding: 5px 0px;}
.dis{display:flex;justify-content:flex-end;align-items:center;}
.bar{color:#d6a910;}


/*------------small india muslim mujlis page css-------------*/
\.p-50px {
    padding: 70px 0px !important;
}
    .style-section {
    padding: 40px 0 40px 0;
    background-color: #ffffff6b;
    background-image: linear-gradient(rgba(255, 255, 255, 6%), rgba(255, 255, 255, 29%)), url(/aimmup/images/all-india-bg.jpeg);
    position:relative;
    z-index:1;
}
    .padding-left {
    padding-left: 38px;
}
    .box-shadow-one {
    box-shadow: 0rem 0.5rem 1rem #0000004d;
}
    .text-card-wrapping-img {
    padding: 12px 0;
    background: #23793b;
    color: #ffcc51;
    width: 97.1%;
    transform: translate(-6%, -5%);
}
    .text-card-wrapping-img::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border: 10px solid #23793b;
    top: -19px;
    left: -1px;
    border-left-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
}
    .font-Nunito-Bold {
    font-size: 20px;
    color: #ffcc51;
    font-weight:600;
}
    .font-Nunito-SemiBold {
    margin-bottom: 0px;
}
    .text-sm {
    font-size: 16px;
    line-height: 1.25rem;
}
    .padding {
    padding: 17px;
    font-size: 14px;
    color: #000000ad;
}
    .bg-white {
    background-color: #fff !important;
}
    .bold{font-weight:bold;}

    /*---------------state executive---------------------*/
    .card {
    border: 2px solid #23793b;
    background-color: white;
    margin-top:25px;
}
 .card-body{
     padding:10px;
 }
 .card-title{
     margin-top:0px;
     margin-bottom:0px;
     font-size:16px;
     color:#23793b;
 }
 .card-text{
     margin-bottom:0px;
 }
.img-width {
    width: 100%;
}

 /*---------------Contact Us---------------------*/
.contact-info {
  display: inline-block;
  width: 100%;
  text-align: center;
      margin-bottom: 10px;
}
.single-input-field{margin-bottom:18px;}
.contact-info-icon {
margin-bottom: 15px;
}
.contact-info-item {
  background: #16463626;
  padding: 20px 0px;
  height:175px;
  border:1px solid #224b27;
  background:white;
}
.contact-page-sec .contact-page-form h2 {
  color: #071c34;
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 700;
}
.contact-page-form .col-md-6.col-sm-6.col-xs-12 {
  padding-left: 0;
}  
.contact-page-form.contact-form input {
  margin-bottom: 5px;
}  
.contact-page-form.contact-form textarea {
  height: 110px;
}
.contact-page-form.contact-form input[type="submit"] {
  background: #071c34;
  width: 150px;
  border-color: #071c34;
}
.contact-info-icon i {
  font-size: 30px;
  color: #224b27;
}
.contact-info-text p{margin-bottom:0px;}
.contact-info-text h2 {
  color: black;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact-info-text span {
  color: black;
  font-size: 14px; 
  display: inline-block;
  width: 100%;
}

.contact-page-form input {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #ccc;
  margin-bottom: 0px;
  padding: 4px 16px;
  width: 100%;
  border-radius: 0px;
}

.contact-page-form .message-input {
display: inline-block;
width: 100%;
padding-left: 0;
}
.single-input-field textarea {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #f9f9f9;
  width: 100%;
  height: 120px;
  padding: 12px 16px;
  border-radius: 0px;
  border: 1px solid #ccc !important;
}
.btn-new {
  background: #224b27  none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 5px 0;
  text-transform: capitalize;
  width: 170px;
  /*margin-top: 20px;*/
  font-size: 16px;
}
.btn-new:hover{background-color:white;transition: all 0.4s ease-in-out 0s;border-color:#224b27!important;color:#224b27;}
.single-input-field h4 {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
}
.contact-page-form {
  display: inline-block;
  width: 100%;
  margin-top: 12px;
}

.contact-page-map {
  margin-top: 10px;
}
.contact-page-form form {
    padding: 20px 15px 0;
}
.newClass{
   box-shadow: 0px 1px 2px 1px;
   margin-top:25px;
   padding:10px 0px;
   background:white;
}

/*----------4 Page Layout Css color-profile Relief,Minoriity,Education,Progress--------------*/
.newclass30{
    background-color:white;
    margin-top:15px;
    padding:14px 7px;
    border-radius:10px;
}
Relieve
.Centerclass{
    text-align:center;
    padding-left:0px;
}
.TextAlign{
    text-align:justify;
}
.NewclassPadding{
    padding-left:0px;
}
.imgilink a:nth-child(2) {
     float: right !important;
    color: white !important;
    position: relative !important;
    z-index: 999 !important;
    font-size: 12px !important;
    top: -38px !important;
    right:11px;
}