*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Open sans', sans-serif;
}

html {
    scroll-behavior: smooth;
}
/*-------- Header Navigation ---------*/
.gsw_portal_main_div{

background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
}
 .mail-box img, .dial-box img{
    width: 16px;
 }
 .mail-box{
    padding-right: 15px;
    border-right: 1.5px solid #707070;
 }
 .dial-box{
    padding-left: 15px;
 }
 .dial-box a, .mail-box a {
    color: #707070;
    text-decoration: none;
    font-size: 14px;
 }
.main_logo_section{
    padding: 10px 0;
}
.main_logo_section img{
    width: 80%;
}
.asp_navbar_menu{
    display: none;
}
.asp_navbar_nav{
    padding: 0px 70px !important;
}
.asp_navbar_nav li{
    font-weight: bold;
    color: #000 !important;
    margin-right: 15px;
}
.asp_nav_bar_section .asp_container .asp_navtag_v{
    --bs-navbar-padding-x: 1 !important;
  }

  .asp_main_nav_ul_section{
    padding: 6px 0;
  }
  .asp_collapse_nav .asp_main_nav_ul_section .asp_main_li_v a{
     font-size: smaller;
  
    font-weight: 700;
    position: relative;
    cursor: pointer;
 
  }
  .asp_collapse_nav .asp_main_nav_ul_section .asp_main_li_v a:hover,  .asp_collapse_nav .asp_main_nav_ul_section .asp_main_li_v a.active,  .asp_collapse_nav .asp_main_nav_ul_section .asp_main_li_v a:focus{
    color: #F26524;
  }
  .asp_sub_ul_v:hover + .gsw_dropdown_toggle_v{
    color: #F26524 !important;
  }
  .asp_sub_ul_v li a:hover{
    background: #F26524 !important;
    color: #fff !important;
    
  }
  .asp_sub_ul_v li a{
    color: #000 !important;
    font-weight: 400 !important;
   
  }

 
  .asp_main_li_v .asp_nav_a_v.active::after{
    content: '';
    border-bottom: 4px solid #DB2927;
    border-radius: 10px 10px 0 0 ;
    width: 70%;
    position: absolute;
    bottom: 0px;
    left: 70%;
    transform: translateX(-75%);
  }
  .asp_main_li_v .asp_nav_a_v:hover::after{
    content: '';
    border-bottom: 4px solid #DB2927;
    border-radius: 10px 10px 0px 0px;
    width: 70%;
    position: absolute;
    bottom: 0px;
    left: 70%;
    transform: translateX(-75%);
  }
  .bfr:hover::before, .bfr:focus::before{
    content: '';
    border-bottom: 4px solid #DB2927;
    border-radius: 10px 10px 0px 0px;
    width: 70%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-55%);
  }
  /* .asp_main_li_v:hover .asp_sub_ul_v{
    display: block !important;
  } */
  .asp_dropdown_toggle_v:hover::after{
    transform: rotate(180deg);
  }

 .asp_carousel_indicator [data-bs-target] {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50%;
  background-color: #F26524 !important;
 
}
.asp_carousel_indicator{
    margin-bottom: -3% !important;
}
.asp_about_section{
    margin: 40px 0;
}
.announcement-box{
    position: relative;
}
.asp_about_container,.announcement-box{
    background-color: #FFFFFF;
    box-shadow: 0px 6px 12px #00000047;
    border-radius: 30px;
}
.asp_about_img{
    padding: 20px;
}
.asp_text_section{
    padding: 50px 20px;
}
.asp_about_img img{
    width: 100%;
    height: auto;
}
.asp_text_info_img{
    position: relative;
   
}
.asp_text_info_img.key-met{
    margin-left: 40px;
}
.asp_text_info_img img{
    width: 200px;
}
.asp_text_info_img h6{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    color: #FFFFFF;
}
.asp_text{
    padding: 10px 0px;
}
.asp_text p{
    color: #383838;
    font-size: smaller;
}
.asp_text button{
    background-color: #F26524;
    color: #FFFFFF;
    padding: 5px 20px;
    border: none;
    box-shadow: 0px 6px 12px #00000047;
    border-radius: 5px;
    float: right;
}

.login-btn{
    width: 100px;
    border: none;
    background: #F26524;
    color: white;
    padding: 3px 0;
    font-size: 14px;
    border-radius: 4px;
}
.login-btn:hover{
   
    background: #BF4F1B;
   
}



/* about section  */


.cm-box img{
    width: 61%;
}
.abt-content-box h4{
    font-weight: 700;
}
.abt-content-box p{
    font-weight: 500;
    color: #242424;
}

.abt-content-box button{

    border:1.5px solid #F26524;
    background: transparent;
    color: #F26524;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: 500;
   
}
.abt-content-box button:hover{
    background: #F26524;
    color: #fff;
}

/* Dashboard-section */

.dashboard-section{
    background: #F0F0F0;
}
.dashboard-section .dashbaord-container{
   
    padding: 1% 8% 4% 8%;
    

}
.dashboard-row{
    border-radius: 20px;
}

.dashboard-section .dashbaord-container .card-box{
    background: #5DA5DA;
    padding: 45px 0;
    border-radius: 10px;
    height: 200px;
}
.dashboard-section .dashbaord-container .card-box p,.dashboard-section .dashbaord-container .card-box h6{
  color: #fff;
 
}
.dashboard-section .dashbaord-container .card-box p{
   margin: 10px 0;
}
.dashboard-section .dashbaord-container .card-box img{
    width: 85px;
}
#volunteer{
    background: #FAA43A;
}
#services{
    background-color: #F17CB0;
}
#registered{
    background-color: #B2912F;
}
#delivered{
    background-color: #B276B2;
}
#redressal{
    background-color: #F15854;
}

/* footer-section */

.footer-box{
    background-color: #242424;
}
.footer-telugu-title{
    width: 250px;
}
.ft-logo-box{
    justify-content: center;
}
.sitemap-box h5,.sitemap-box a,.Useful-links-box h5,.Useful-links-box a,.Visit-box h5,.Visit-box p,.contact-box h5,.contact-box a{
color: white;
}
.Visit-box p{
    font-size: 14px;
}
.footer-box .logo-box img{
    width: 50%;
}
.footer-box .ft-img-title-brdr{
    border-bottom: 1px solid #fff;
}
.transparent-box{
   background: rgba(255, 255, 255, 0.2);
   border-radius: 20px;
   padding: 6px 16px;
}
.footer-mail,.footer-dial{
   color: #fff !important;
}
.transparent-box .mail-box {
    border-right: 1.5px solid #fff !important;
}

.transparent-box h6{
    color: #fff;
    margin-bottom: 0;
}
.sitemap-box a,.Useful-links-box a,.contact-box a{
    text-decoration: none;
    font-size: 14px;
}
.sitemap-box a:hover,.Useful-links-box a:hover span,.contact-box a:hover{
    text-decoration: underline;
}

.copy-right-box {
    border-top: 1px solid white;
}
.copy-right-box p{
    margin-bottom: 0;
   font-weight: 500;
    font-size: 14px;
}

.right-copy-box img{
    width: 25%;
    margin-left: 6px;
}
.scrollToTop {
    height: 35px;
    width: 35px;
    background-color: #DB2927;
    position: fixed;
    z-index: 100;
    bottom: 60px;
    right: 40px;
    border-radius: 4px;
    display: none;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 28px;
    cursor: pointer;
  }


/* modal */


.domg_model_header{
  border-bottom: none !important;
}

.mdl-tab-ul {
   margin: 0 50px;
   border: none;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #00000026;
}
.mdl-tab-ul li{
    width: 50%;
}
.mdl-tab-ul li a.nav-link{
    border: none !important;
    color: #707070;
}

.mdl-tab-ul li a.active{
    background: transparent linear-gradient(91deg, #CF2725 0%, #EC9F33 100%);
    border-radius: 30px;
    color: #fff !important;
    border: none;
}
.mdl-form{
    height: 210px;
}
.mdl-form-inner-box{
    width: 100%;
}
.domg_form_section{
    padding: 0px 50px;
    padding-bottom: 50px;
    
  }
  .domg_form_section h5{
    margin-bottom: 50px;
  }
  .login-form-heading-name{
    font-size: 15px;
    font-weight: 500;
  }
  .domg_input{
   
    height: 45px;
  }
  .captch-section-2{
    float: right;
    font-weight: 500;
}
.captch-section-1{
    font-weight: 500;
}
.captch-section-2-text{
    border: 1px solid #dee2e6;
    display: inline-block;
    width: 160px;
    height: 33px;
    padding: 0 10px;
    border-radius: 4px;
}
.captch-img{
  width: 90%;
}
.form-heading{
 
  font-weight: bold;
  text-align: center;
}
.form-pwd-box{
    position: relative;
  }

  .form-pwd-box svg{
    position: absolute;
    top: 53%;
    right: 4%;
    cursor: pointer;
  }

  
  .domg_sign_btn .sign-in{
    font-size: small;
   color: #fff;
   width: 100px;
   padding: 10px;
  background-color: #F26524!important;
  border-radius: 5px;
  opacity: 1;
  }
  .domg_sign_btn .sign-in:hover{
   background-color: #BC4E1C!important;
   color: #fff;
  }
  
  .domg_dropdown button:focus{
    border: none !important;
    background: white !important;
    color: #EE0909 !important;
  }

@media (min-width:992px) and (max-width:1200px){
    .baloon-content p:last-child {
        font-size: 10px;
    }
    .baloon-content p:first-child,.baloon-content p:nth-child(2) {  
        margin-bottom: 0px;
    }
}
@media (max-width:992px){
    .services-main-box{
        background-image: none;
        border-radius: 16px;
        background: linear-gradient(180deg,#BCCCAA 0%,#D0F1AA 100%);  
    } 
    .asp_main_li_v .asp_nav_a_v.active::after{
        border-bottom: none;
        
      }
      .mrt{
        margin-top:0;
    }
    .asp_nav_bar_section .asp_container .asp_navtag_v{
        padding: 6px 0;
    }
    .search-main-box{
        margin-bottom: 10px;
    }
    .gsw_portal_main_div{
        padding-bottom: 10px;
    }
    .bfr:hover::before, .bfr:focus::before{
        content: '';
        border-bottom: none;
     
   
      }
      .asp_main_li_v .asp_nav_a_v.active::after{
        content: '';
        border-bottom: none;
       
       
      }
      .asp_main_li_v .asp_nav_a_v:hover::after{
        content: '';
        border-bottom: none;
      
      }
}
@media (min-width:767px) and (max-width:992px){
 .right-copy-box img{
    width: 34%;
}
.contact-box a{
    font-size: 12px;
   }
   .baloon-content {
    top: 20%;  
}
}
@media (max-width:767px){
 
 .right-copy-box img{
    width: 14%;
}
.Useful-links-box,.Visit-box,.contact-box,.sitemap-box{
margin-top: 16px;
}
.logo-box img{
    width: 70%;
}
.ft-logo-box{
    justify-content: start;
}
.marg-tp{
    margin-top: 24px;
   }
   .main_logo_section img {
    width: 250px;
}
.main_logo_section{
   display: flex;
   justify-content: center;
}

}
@media (min-width:567px) and (max-width:767px){
    .services-main-box .baloon-box img{
        width: 33%;
      }
}
@media (max-width:567px){
    .services-main-box .baloon-box img {
        width: 200px;
    }
    .baloon-content {     
        top: 15%;     
    }

    .dashboard-title{
        margin-top: 6px;
    }
}

@media (max-width:440px){
    .right-copy-box img{
    width: 20% !important;
}
.copy-right-box p {
    font-size: 12px;
}
.dial-box a, .mail-box a {
   
    font-size: 12px;
}
.mail-box img, .dial-box img {
    width: 12px;
}
.mdl-tab-ul li a.nav-link {
  
    font-size: 11px;
}
}