body{
  font-family: 'Poppins' !important;
  background-color: #fff !important;
  background-color: var(--color);
  font-weight: 400 !important;
  font-size: 14px;
  /* overflow-x: hidden; */
  top: 0px !important;
}

/* body_scrolling_Start */
body::-webkit-scrollbar {
  width: 3px;
  /* Width of the scrollbar */
}

/* Track */

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

body::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1px;
}

/* Handle on hover */

body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* body_scrolling_end */

#btn-decrease {
  font-size: 12px;
}

#btn-orig {
  font-size: 14px;
}

#btn-increase {
  font-size: 12px;
}

.back_color{
background-color: var(--beforebgcolor);
}
.back_color2{
background-color: var(--secbgcolor);
}


.bulbs_backs {
  --card-color: var(--secbgcolor);
  --blub-color: var(--textwhite);
  position: relative;
  user-select: none;
}

@keyframes keyframes-rotate-blubs {
  0% {
    transform: translate(10px) rotate(360deg);
  }

  50% {
    transform: translate(-5px, 10px) rotate(180deg);
  }

  100% {
    transform: translate(10px) rotate(0deg);
  }
}

.bulbs_backs .bulbs {
  width: 100px;
  height: 100px;
  position: absolute;
  background: linear-gradient(0deg, transparent, var(--blub-color));
  border-radius: 100%;
  opacity: 0.5;
  animation: keyframes-rotate-blubs 4s infinite linear;
}

.bulbs_backs .bulb_1 {
  top: 75%;
  left: -5%;
  width: 2px;
  height: 30px;
  animation-delay: .1s;
  opacity: 0.3;
}

.bulbs_backs .bulb_2 {
  top: 60%;
  left: 20%;
  width: 80px;
  height: 80px;
  animation-delay: .2s;
  opacity: 0.3;
}

.bulbs_backs .bulb_3 {
  top: 10%;
  right: 5%;
  width: 2px;
  height: 30px;
  animation-delay: .3s;
  opacity: 0.6;
}

/* .bulbs_backs .bulb_4 {
  top: 100%;
  right: 0%;
  width: 60px;
  height: 60px;
  animation-delay: .4s;
  opacity: 0.4;
  border-radius: 0px;
} */

.bulbs_backs .bulb_6 {
  top: 10%;
  left: 0%;
  width: 2px;
  height: 30px;
  animation-delay: .4s;
  opacity: 0.4;
}
.bulbs_backs .bulb_7 {
  top: 100%;
  right: 20%;
  width: 60px;
  height: 60px;
  animation-delay: .4s;
  opacity: 0.4;
}

@media(max-width:768px){
  .bulbs_backs .bulb_4 {
    top: 80%;
    right: 0%;
    width: 60px;
    height: 60px;
    animation-delay: .4s;
    opacity: 0.4;
  }
}



.bulbs_backs2 {
  --card-color: var(--secbgcolor);
  --blub-color: var(--textwhite);
  position: relative;
  user-select: none;
}
.bulbs_backs2 .bulbs {
  width: 100px;
  height: 100px;
  position: absolute;
  background: linear-gradient(0deg, transparent, var(--blub-color));
  /* border-radius: 100%; */
  opacity: 0.5;
  animation: keyframes-rotate-blubs 4s infinite linear;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

}

.bulbs_backs2 .bulb_1 {
  top: 5%;
  right: 50%;
  width: 35px;
  height: 35px;
  animation-delay: .1s;
  opacity: 0.3;
  border-radius: 50%;
}

.bulbs_backs2 .bulb_2 {
  top: 14%;
  left: 15%;
  width: 30px;
  height: 30px;
  animation-delay: .2s;
  opacity: 0.3;
  /* border-radius: 50%; */
}

.bulbs_backs2 .bulb_3 {
  top: 18%;
  right: 12%;
  width: 30px;
  height: 30px;
  animation-delay: .3s;
  opacity: 0.6;
  /* border-radius: 50%; */
}






.header_bg {
  background-color: #fff;
}
.header_bg small{
  font-size: 12px;
}


         /* Theme Switcher styles Start */
        /* Default Variables for Light Theme */
        /* * {
          transition: all 0.2s linear;
        } */
             
             
                :root {
                     /* cus styles start */
                     --textwhite: #ffffff;
                     --textblack: #000;
                     --themecolor: #ffa501;
                     --themebgcolor: #FF350C;
                     --linkcolor: #ffffff;
                     --dropbg: #ffa501;
                     --dropcolor: #ffffff;
                     --linkhover: #ffd400;
                    --text-color: #000000;
                    --backgroundlg: linear-gradient(90deg, #ffa501 0%, #FF350C 50%);
                    --beforebgcolor: #ffa501;
                    --secbgcolor: #fff7dc;
                    --sectitleborder: #ffa501;
                    --text_active: #ffd400;
                    --lite_bg: #ffe176;
                 
                    /* --backgroundlg: linear-gradient(270deg, rgba(255,90,0,1) 0%, rgba(255,54,0,1) 100%); */
                    /* --backgroundlg: linear-gradient(135deg, #F97F37, #FFCA70); */
                   
                  
        
                }
                
        
                /* Global Styles */
        
                /* cus styles start */
                #light {
                    background-color: #f1f1f1;
                }
        
                #dark {
                    background-color: #000000;
                }
        
                #modern {
                    background-color: #b41515;
                }
        
                #retro {
                    background-color: #ffcc00;
                }
        
                #high-contrast {
                    background-color: #ff1802;
                }
                #green{
                  background-color: rgb(0 96 66);
                }
                #brown{
                  background-color: rgb(84 43 0);
                }
                #blue{
                  background-color:#00308F;
                }
        
                .header-top {
                    background: var(--backgroundlg) !important;
                }
        
                .header-top .nav-item {
                    color: var(--text-color) !important;
                }
        
                .header-top .nav-item a {
                    color: var(--text-color) !important;
                }
        
                .menuheader {
                    background-color: var(--themebgcolor) !important;
                    /* color:var(--text-color) !important; */
                }
        
                .navbar .navbar-nav .nav-item {
                    color: var(--linkcolor) !important;
                }
        
                .navbar .navbar-nav .nav-link {
                    color: var(--linkcolor) !important;
                }
        
                .navbar .navbar-nav .nav-link:hover,
                .navbar .navbar-nav .nav-link.active {
                    /* background: var(--themecolor) !important; */
                    background: var(--linkhover) !important;
                }
        
                .dropdown .dropdown-menu a:hover,
                .dropdown .dropdown-menu a.active {
                    background: var(--dropbg) !important;
                    color: var(--dropcolor) !important;
                    
                }
        
                .plaette-colors {
                    top: 20px !important;
                }
        
                .colors {
                    margin: 5px !important;
                }
        
              
        
                .welcome h3:before {
                    background-color: var(--beforebgcolor);
                }
        
                .section-title h3 {
                    color: var(--themecolor);
                    background-color: var(--secbgcolor);
                    border: 1px solid var(--sectitleborder) !important
                }
                .helpdesk{
                    margin-top: 215px !important;
                }
                .helpdesk,
                .helpinnerdiv,
                .helpdesktext,
                .helpdesktext2 {
                    background-color: var(--themebgcolor);
                }
        
                .helpdesktext,
                .helpdesktext2 {
                    color: var(--textwhite);
                }
        
                .helpdetails h1 {
                    color: var(--themecolor);
                }
        

                .bg_carousel_u {
                    background: var(--backgroundlg) !important;
                }
        
                .bg_carousel_u .border.border-2 {
                    border: 2px solid var(--sectitleborder) !important;
                }
        
                .svg-inline--fa.fa-chevron-left,
                .svg-inline--fa.fa-chevron-right {
                    color: var(--themecolor) !important;
                }
        
                #footer.footer-v1 {
                    color: var(--themecolor) !important;
                    background-color: var(--themebgcolor) !important;
        
                }
        
                #footer h3.widget-title {
                    color: var(--textwhite);
                }
        
                #footer p {
                    /* color: var(--textwhite) !important; */
                }
        
                #footer .social a {
                    color: var(--textwhite) !important;
                    border: 1px solid var(--textwhite) !important;
                }
        
                #footer .widget.categories li a,
                .widget ul li a:before {
                    color: var(--textwhite) !important;
                }
        
                #footer .widget.categories li a:hover {
                    color: var(--textwhite) !important;
                }
        
                #footer .social a:hover {
                    color: var(--textwhite) !important;
                    background: var(--linkhover) !important;
                }
        
        
                .color-switcher {
          /* position: fixed;
          top: 95px;
          right: -155px;
          width: 155px;
          padding: 10px;
          background: #fff;
          z-index: 1000; */
          position: fixed;
          top: 160px;
          /* right: -155px; */
          right: 0px;
          left: -155px;
          width: 155px;
          padding: 10px;
          background: #fff;
          z-index: 1000;
        }
        .color-switcher.active {
          left: 0px;
        }
        .color-switcher h3 {
          color: var(--textwhite);
          font-size: 16px;
          margin-bottom: 10px;
          border-bottom: 1px solid #3333;
          padding: 5px 0;
          text-align: center;
          background: var(--themecolor);
          border-radius: 8px;
        }
        .color-switcher .switcher-btn {
            /* position: absolute;
            top: 65%;
            left: -48px;
            color: var(--textwhite);
            background: var(--beforebgcolor);
            padding: 0px 10px;
            cursor: pointer;
            font-size: 35px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px; */
            position: absolute;
            top: 70%;
            left: 155px;
            color: var(--textwhite);
            background: var(--textwhite);
            padding: 0px 10px;
            cursor: pointer;
            font-size: 28px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }
        .color-switcher .theme-buttons-container {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
        }
        @keyframes rotate {
          100% {
            transform: rotate(360deg);
          }
        }
        .color-switcher .switcher-btn img{
          animation: rotate 2s linear infinite;
          color: #fff;
          font-size: 25px;
        }
        /* .color-switcher .switcher-btn .svg-inline--fa.fa-palette{
          animation: rotate 2s linear infinite;
          color: #fff;
          font-size: 25px;
        } */
        /* .color-switcher .switcher-btn .svg-inline--fa.fa-screwdriver-wrench {
          animation: rotate 2s linear infinite;
        } */
        /* .color-switcher .switcher-btn .svg-inline--fa.fa-gear {
          animation: rotate 2s linear infinite;
        } */
        .color-switcher .theme-buttons-container .theme-buttons {
          display: block;
          height: 30px;
          width: 30px;
          border-radius: 50%;
          margin: 5px;
          cursor: pointer;
        }
        
  /* Theme Switcher styles End */



/* header-top_Css_Start */


.user-account {
  line-height: 35px;
}

.user-account ul li {
  border-left: none;
}

.user-account ul li {
  display: inline-block;
  border-left: 1px solid #777777;
}

.list-inline>li {
  padding-right: 1px;
  padding-left: 1px;
}

.header-top {
  /* background-color: #005e7e; */
  background: linear-gradient(90deg, rgb(255 3 3) 0%, rgba(255, 179,0,1)43%);
  
  /* padding: 2px; */
  /*  height: 45px;*/
}
.header-top a {
  font-size: 14px;
  /*  height: 45px;*/
}

.header-middle {
  padding: 5px 0;
}
/* header-top_Css_END */

/* onyl_header_css_start */
.heading {
  font-size: 22px !important;
  font-weight: bold;
  line-height: 30px;
  /* font-family: 'ui-monospace !important'; */
  /* font-family: 'Lato' !important; */
  color: var(--themecolor);
  /* color: rgba(255, 179, 0, 1); */
  /* color: #c12637; */
}

.heading1 {
  font-size: 22px !important;
  /* font-family: 'NotoSansTelugu'; */
  /* font-family: 'Sujatha !important'; */
  font-family: 'Ramaraja' !important;
  line-height: 30px;
  /* color: #03155b; */
  /*  margin-top: 10px;*/
  font-weight: 600;
}

.t_content{
  font-family: 'Ramaraja' !important;
  font-size: 17px !important;
}
.t_para .fa-kaaba{
  color: var(--themecolor);
}
.t_para span:nth-child(2){
  color: #5e1616;
}
.t_para ol li a{
  color: var(--themecolor) !important;
}

.t_sub_head{
  background-color: var(--secbgcolor);
  padding: 5px 10px;  
  margin-bottom: 10px;
}
.t_sub_head h6{
  margin: 0px;
  font-weight: 600;
  font-size: 19px;

}
/* onyl_header_css_end */

@media (min-width: 992px) { 
  .heading {

  }
}
.heading2 {
 
    font-family: 'Bahnschrift';
}

.telugu_title_img{
  width:"500px";
   height: 29px;

}



/*======================================
  NAVBAR CSS
=======================================*/


/*Bootstrap Reset*/
.navbar-nav > li > a{
  padding-top:0;padding-bottom:0
}
.mainmenu{
  background-color:transparent;
  border-color:transparent;
  margin-bottom:0;
  border:0!important}
.navbar-nav > li:last-child > a{
  padding-right:0;
  margin-right:0
}
.dropdown-menu{
  padding:0;
  margin:0;
  border:0 solid transition!important;
  border:0 solid rgba(0,0,0,.15);
  border-radius:0;
  -webkit-box-shadow:none!important;
  box-shadow:none!important
}
.navbar-nav .show .dropdown-menu > li > a{
  padding:16px 15px 16px 25px;
}
.header_bottom{
  background:var(--themebgcolor)
}
.header_area .header_bottom .mainmenu a, .navbar-default .navbar-nav > li > a, .header_area .header_bottom .mainmenu ul li a {
  color:#fff;
  font-size:14px;
  text-transform:capitalize;
  padding:9px 10px;
  display: block !important;
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.show>a, 
.navbar-default .navbar-nav>.show>a:focus, 
.navbar-default .navbar-nav>.show>a:hover{
  color: #fff;
  background: var(--text_active) ;
  outline: 0;
}

.navbar-toggler{
  background-color: #fff;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle {
   border-color: #fff 
  } /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar {
   background-color: #fff
   } /*Toggle Button*/

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{
  background: var(--text_active);
  /* background: #4CAF50; */
}
.mainmenu .collapse ul ul > li:hover > a, 
.navbar-default .navbar-nav .show 
.dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .show 
.dropdown-menu > li > a:hover{
  background: var(--secbgcolor);
  /* background: #4CAF50; */
}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{
  background:var(--textwhite);
  /* background:var(--secbgcolor); */
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
}
.mainmenu .collapse ul ul ul, 
.mainmenu .collapse ul ul ul.dropdown-menu{
  background:var(--textwhite);
  /* background:var(--secbgcolor); */
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
}
.mainmenu .collapse ul ul ul ul, 
.mainmenu .collapse ul ul ul ul.dropdown-menu{
  background:var(--textwhite);
  /* background:var(--secbgcolor); */
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{
  background: none;
  border: 0 solid;
  margin: 0;
  padding: 0;
  min-height:20px;
  width: 100%;
}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{
  display:block
}
.mainmenu .collapse ul ul{
  position:absolute;
  top:100%;
  left:0;
  min-width:250px;
  display:none
}
/*******/
.mainmenu .collapse ul ul li{
  position:relative
}
.mainmenu .collapse ul ul li:hover> ul{
  display:block
}
.mainmenu .collapse ul ul ul{
  position:absolute;
  top:0;
  left:100%;
  min-width:250px;
  display:none}
/*******/
.mainmenu .collapse ul ul ul li{
  position:relative
}
.mainmenu .collapse ul ul ul li:hover ul{
  display:block
}
.mainmenu .collapse ul ul ul ul{
  position:absolute;
  top:0;
  left:-100%;
  min-width:250px;
  display:none;
  z-index:1
}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{
  padding:16px 15px 16px 35px
}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{
  padding:16px 15px 16px 45px
}
}
.dropdown-menu a{
  color: var(--themebgcolor) !important;
  font-size: 12px !important;
  font-weight: 500 ;
  
}
.dropdown-menu {
box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px 0px;

}




/*** Navbar End ***/





/* footer_Css_ */


/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
/* .footer {
  color: var(--textwhite);
  background: var(--beforebgcolor);
  font-size: 14px;
  position: relative;
}
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/bg_images/bgPattern2.jpg);
  background-position: center;
  opacity: .1;
  z-index: 1;
} */

footer.footer {
  position: relative;
  background-image: url(../images/bg_images/footer-map.png);
  /* background-image: url(../images/bg_images/testi-bg.png); */
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
footer {
  background-color: var(--themebgcolor);
  /* background-color: #f9900e; */
  /* background-color: #153d8b; */
}
.footer .footer-top {
  padding-top: 50px;
  position: relative;
  z-index: 2;
}

.footer .footer-about .logo {
  line-height: 1;
  margin-bottom: 11px;
  /* border-bottom: 1px solid #fff; */
}

.footer .footer-about .logo img {
  max-height: 40px;
  margin-right: 6px;
}

.footer .footer-about .logo span {
  color: var(--textwhite);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 11px;
}

.footer .footer-about p {
  font-size: 14px;
}

.footer .social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--textwhite), transparent 50%);
  font-size: 16px;
  color: color-mix(in srgb, var(--textwhite), transparent 50%);
  margin-right: 10px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  color: var(--textwhite);
  border-color: var(--textwhite);
}

.footer h6 {
  font-size: 16px;
  /* font-weight: bold; */
  position: relative;
  /* padding-bottom: 12px; */
  color: #fff;
  /* border-bottom: 1px solid #fff; */
  
}

/* .footer .footer-links {
  margin-bottom: 30px;
} */

.footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 6px;
}

.footer .footer-links ul i {
  padding-right: 2px;
  font-size: 12px;
  line-height: 0;
}

.footer .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer .footer-links ul li:first-child {
  padding-top: 0;
}

.footer .footer-links ul a {
  /* color: color-mix(in srgb, var(--textwhite), transparent 30%); */
  color: #fff;
  display: inline-block;
  line-height: 1;
}

.footer .footer-links ul a:hover {
  color: var(--textwhite);
  padding-left: 3px;
}

.footer  p {
  margin-bottom: 5px;
  color: #fff;
}

.footer .copyright {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px dashed color-mix(in srgb, var(--textwhite), transparent 20%);
}

.footer .copyright p {
  margin-bottom: 0;
  color: var(--themebgcolor);
}

.footer .credits {
  margin-top: 4px;
  font-size: 13px;
}

.footer-about, .footer-links{
  border-right: 1px dashed var(--textwhite);
}


.website-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  color: #000;
  margin: 0px 10px;
}
.website-counter .digit{
  color: #000;
  /* background: #fff; */
  width: 20px;
  text-align: center;
}



/* ////////////////////////// */



/*------------------------------------------
 News Scrolling
------------------------------------------ */

.scrolling-news {
  /* background: var(--themecolor); */
  padding: 4px 14px;
  /* border-radius: 2px; */
  /* border-bottom: 1px dashed var(--themebgcolor); */
  position: relative;
}

.scrolling-news  .round_style{
  background-color: var(--textwhite);
  border-radius: 16px;
  padding-bottom: 5px;
}
/* .scrolling-news::before {
  bottom: 0;
  right: 0;
  margin: 0;
  top:28px;
  content: " ";
  border-top: 16px solid transparent;
  border-left: 6px solid transparent;
  border-right: 20px solid var(--themebgcolor);
  border-bottom: 4px solid var(--themebgcolor);
  display: block;
  position: absolute;
}

.scrolling-news::after {
  bottom: 0;
  left: 0;
  margin: 0;
  top: 28px;
  content: " ";
  border-top: 16px solid transparent;
  border-left: 20px solid var(--themebgcolor);
  border-right: 6px solid transparent;
  border-bottom: 4px solid var(--themebgcolor);
  display: block;
  position: absolute;
} */

.scrolling-news .title {
  color: var(--text-color);
  font-weight: 700;
  position: absolute;
  /* top: 0px; */
  top: -2px;
  /* background: var(--secbgcolor); */
  padding: 9px 10px;
  /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset; */
}

.scrolling-news .news {
  margin-left: 176px;
  margin-top: 0px;
  margin-left: 176px;
  position: relative;
  margin-top: 0px;
  top: 4px;
}

.scrolling-news .news a {
  font-weight: 400;
    /* color: #fff !important; */
    color: red !important;
    font-size: 12px;
    display: none;
}
.scrolling-news .news a img {

    display: none;
}




/* ---------------------------------------------------
    scroll-to-top
----------------------------------------------------- */

.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  /* background: hsl(352.73deg 91.67% 42.35%); */
  background-color: #a30404;
  line-height: 45px;
  z-index: 999;
}

.scroll-to-top:focus,
.scroll-to-top:hover {
  color: #ffffff;
  background: #a30404;
}

.scroll-to-top i {
  font-weight: 800;
  font-size: 24px;
}








/* help_Desk_css */
.helpdesk {
  position: fixed;
  z-index: 99;
  right: 0;
  margin-top: 195px;
  box-shadow: 0px 2px 7px #6d6969;
  background: #f9900e;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.helpinnerdiv {
  min-height: 267px;
  /* min-height: 325px; */
  width: 256px;
  background: #f9900e;
  margin-right: -231px;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  overflow: hidden;
}
.helpdetails h1 {
  padding: 5px;
  background: #ffa5001c;
  /* font-weight: 700; */
  font-size: 16px;
  color: #f9900e;
  margin-top: 11px;
}
.helpdetails p {
  padding-left: 5px;
  /* font-weight: 700; */
  font-size: 13px;

}
.helpdesktext {
  float: left;
  width: 20px;
  background: red;
  background: #f9900e;
  height: 290px;
  /* height: 380px; */
  padding-top: 58px;
  margin-left: 0px;
  cursor: pointer;
  line-height: 17px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  width: 26px;
  font-size: 15px;
}
.helpdesktext2 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  float: left;
  padding-top: 8PX;
  /* padding-top: 60PX; */
  width: 20px;
  background: red;
  background: #f9900e;
  height: 290px;
  /* height: 375px; */
  margin-left: 0px;
  cursor: pointer;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  width: 26px;
  font-size: 15px;
}
.helpdetails {
  width: 230px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  min-height: 265px;
  /* min-height: 352px; */
  background: #fff;
}






.event-single-style-01 {
  /* border: 1px dashed var(--themecolor); */
  /* padding: 10px; */
  margin-bottom: 10px !important;

  /* margin-bottom: 30px; */
  /* border-top-left-radius: 19px;
  border-bottom-left-radius: 19px; */
}
.event-single-style-01 .time {
  color: #fff;
  background: #f9900e;
  /* background: #006bb7; */
  padding: 17px 15px;
  border-radius: 20px 5px 5px 20px;
  margin-right: 8px;
  font-size: 13.5px;
}

.event-single-style-01 .content a {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #000 !important;
  /* padding: 5px; */
}

.event-single-style-01 .content  .sm-text {
  text-decoration: none;
  color: #2f2f2f;
  font-weight: 500;
  font-size: 12px;
  padding-left: 15px;
}

/* button_styles */
.cus_btn{
  padding: 5px 10px;
   background-color: #fff;
   border: 1px solid var(--themecolor);
   /* border-radius: 4px; */
   border-top-right-radius: 16px;
   border-bottom-right-radius: 16px;
   color: var(--themecolor) !important;
 
}
.cus_btn:hover{
   background-color: var(--themecolor);
   border: 1px solid var(--themecolor);
   color: #fff !important;
}

.visitor-counter span {
  display: inline-block;
  padding: 3px 8px 1px;
  border-radius: 6px;
  background: #fff;
  margin: 0px 3px;
  font-size: 12px;
  color: #000;
}



/* website_theme_styles */


:root {
	/* --color: #0984e3; */
}

.palette-container {
	position: relative;
  z-index: 1;
}

.fa-palette {
	font-size: 30px;
	color: #111;
	transition: all 0.2s;
}
.palette-container:hover .fa-palette {
	color: #fff;
}
.plaette-colors {
	position: absolute;
	top: 22px;
	left: -13px;
	/* background-color: var(--color); */
	list-style: none;
	padding: 6px;
	display: none;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  background-color: #fff;
}
.palette-container:hover .plaette-colors {
	display: block;
}

.colors {
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 50%;
	margin: 10px;
	cursor: pointer;
}

#White {
	background-color: #fff;
}

#yellow {
	background-color: #f1c40f;
}

#green {
	background-color: #27ae60;
}





    





  






a{
  text-decoration: none;
}

/* table_css */
.cus-table.table {
  background-color: #fff !important;
  border-radius: 16px;
  overflow: hidden;

}

.cus-table {
  border-collapse: collapse;
  /* border-radius: 1em;
  overflow: hidden; */
}
.cus-table tr th {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  padding: 6px !important;
  color: #fff;
}
.cus-table tr th:nth-child(1) {
  text-align: center !important;
}
.cus-table tr td {
  font-size: 13px;
  text-align: left ;

}
.cus-table tr td:nth-child(1) {
  text-align: center !important;

}
.cus-table thead tr:nth-child(1) {
  background: var(--themecolor) !important;

  /* background: #eaebff !important; */
}
.cus-table thead tr:nth-child(2) {
  background: var(--themecolor) !important;

  /* background: #eaebff !important; */
}

.cus-table tr:nth-child(even) {
  background: var(--secbgcolor) !important;
}
.cus-table.table>:not(caption)>*>* {
  background-color: inherit !important;
}

.extra_bg_table{
  background: var(--secbgcolor) !important;
}



/* #main-banner-slide .single-slider img {
  height: 420px;
} */
@media (max-width: 768px) {
  .main-slider  #main-banner-slide .single-slider img {
      height: auto;
  }
}

.main-slider .slider-area .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  width: 100%;
  margin-top: -20px;
}

.main-slider .slider-area .owl-nav .owl-prev {
  position: absolute;
  left: 40px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  font-size: 21px;
  border-radius: 50%;
  /* display: inline-block; */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider .slider-area .owl-nav .owl-next {
  position: absolute;
  right: 40px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  font-size: 21px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  /* display: inline-block; */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider .slider-area .owl-dots {
  bottom: 80px;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: center;
}

.main-slider .slider-area .owl-dots .owl-dot {
  background: #9f9ba0;
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 15px;
  border-radius: 5px;
}

.main-slider .slider-area .owl-dots .owl-dot.active {
  width: 30px;
  background: #294350;
  
}

/* /////////////////////// */
@media (max-width: 768px) {
 .main-slider2 #main-banner-slide2 .single-slider img {
      height: auto;
  }

  .main-slider2 #main-banner-slide2.slider-area .owl-nav .owl-prev {
    position: absolute;
    left: -25px;
  }
  
  .main-slider2 #main-banner-slide2.slider-area .owl-nav .owl-next {
    position: absolute;
    right: -25px;
  }
}

.main-slider2 .slider-area .owl-nav {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  width: 100%;
  margin-top: -20px;
}

.main-slider2 .slider-area .owl-nav .owl-prev {
  position: absolute;
  left: -47px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
  font-size: 21px;
  border-radius: 50%;
  /* border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; */
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider2 .slider-area .owl-nav .owl-next {
  position: absolute;
  right: -47px;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-size: 21px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  /* border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; */
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-slider2 .slider-area .owl-dots {
  bottom: 80px;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: center;
}

.main-slider2 .slider-area .owl-dots .owl-dot {
  background: #9f9ba0;
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 15px;
  border-radius: 5px;
}

.main-slider2 .slider-area .owl-dots .owl-dot.active {
  width: 30px;
  background: #294350;
  
}

.main-slider2 .item img{
  width: 183px;
  height: 230px;
  /* height: 180px; */
  border: 2px solid var(--themecolor);
  padding: 5px;
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px 0px;
}


#main-banner-slide3.owl-carousel .owl-item img, #main-banner-slide4.owl-carousel .owl-item img{
  width: 100px !important;
  /* mix-blend-mode:multiply; */
}


/* cards_Styels_Start */
.sub_title_1{
 color: #000;
 font-size: 22px;
}

.cat-item {
  border-radius: 10px !important;
  background-color: var(--themecolor) !important;
}
.cat-item .rounded  {
  background: #fff;
  border: 1px dashed rgba(255, 96, 4, 0.3);
  transition: .5s;
}

.cat-item:hover .rounded {
  background: var(--beforebgcolor);
  border-color: transparent;
}
.cat-item:hover {
  background-color: var(--textwhite) !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.cat-item div * {
  transition: .5s;
}


.cat-item h6{
  color: #000;
  font-weight: 600;
  text-align: left !important;
  font-size: 13px !important;
}

.cat-item .inner-item{
min-height: 88px;
}
.cat-item span{
  color: var(--themecolor) !important;
  font-weight: 600;
  font-size: 16px;
  float: left;
}

/*** Icon ***/
.icon {
  width: 40px;
  height: 40px;
  padding: 6px ;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--secbgcolor) !important;
  border-radius: 50px;
  border: 3px solid #ffffff !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  /* border: 3px solid var(--beforebgcolor) !important; */
}
.icon span{
  color: var(--textwhite);
}
.cat-item:hover .icon{
  border: 3px solid #fff !important;
  background-color: var(--secbgcolor);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.cat-item:hover .icon span{
  color: var(--themecolor) !important;
}
.cat-item:hover h6  {
  color: #FFFFFF ;
}
.cat-item:hover span  {
  color: #FFFFFF !important ;
}
/* cards_Styels_end */











/* ////// .section-title3*/
.section-title3 p{
  /* color: #fff; */
  /* text-align: center; */
  color: var(--textwhite);
  
}
.section-title3 {
  padding: 6px;
  /* border-radius: 6px; */
  position: relative;
  margin-bottom: 1rem;
  /* padding-bottom: 2rem; */
  /* background: var(--sectitleborder); */
  /* background: var(--secbgcolor); */
}





/* animation_styles */

.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}

.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}

.active.fade-left {
  animation: fade-left 1s ease-in;
}

.active.fade-right {
  animation: fade-right 1s ease-in;
}
.active.fade-up {
  animation: fade-up 1s ease-in;
}

@keyframes fade-up {
  0% {
      transform: translateY(-50px);
      opacity: 0;
  }

  100% {
      transform: translateY(0);
      opacity: 1;
  }
}
@keyframes fade-bottom {
  0% {
      transform: translateY(50px);
      opacity: 0;
  }

  100% {
      transform: translateY(0);
      opacity: 1;
  }
}

@keyframes fade-left {
  0% {
      transform: translateX(-30px);
      opacity: 0;
  }

  100% {
      transform: translateX(0);
      opacity: 1;
  }
}
@keyframes fade-right {
  0% {
      transform: translateX(30px);
      opacity: 0;
  }

  100% {
      transform: translateX(0);
      opacity: 1;
  }
}




/* new_Cards_desings start */
.bg_light_blue{
  background-color: #fff !important;
  border: 0px !important;
  border-radius: 12px !important;
  box-shadow: 1px 2px 20px 0 rgba(230,230,230,.8);
  min-height: 100px;
}
.bg_light_blue:hover{

}
.c_content{
  margin: 5% 0;
}
.total_section h6{
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: #666678;
  margin: 0px;
  margin-bottom: 10px;
}
 .total_section h5{
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  color: var(--themecolor);
  margin: 0px;
}


.c_content{
  position: relative;
  /* width: 5px;
  height: 73px;
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  top: 29px; */
}

.c_content:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  background: #000;
  right: 0;
  top: 40px;
  height: 30px;
  background-color: #0c1831;
}

.c_content:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 15px;
  background: #000;
  right: 0;
  top: 20px;
  background: #c1282a;
}

/* new_Cards_desings end */


/* new_Section_start */

/* apply_section  */

.solutions-section .inner-container{
  position: relative;
  display: block;
  background: #f5f5f6;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: -138px;
  z-index: 1;
}




.solutions-section .inner-container .solution-block-one{
  position: relative;
  float: left;
  width: 33.333%;
  
}

.solution-block-one {
   box-shadow:  rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px -1px 3px 0px;
}
.solution-block-one .inner-box{
  position: relative;
  display: block;
  /* background: #f5f5f6; */
  background-color: var(--secbgcolor);
  padding: 21px 20px 23px 80px;
  /* border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff; */
  min-height: 115px;
  border: 3px solid var(--textwhite);
}

.solution-block-one .inner-box:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}

.solution-block-one .inner-box:hover:before{
  width: 100%;
}



.solution-block-one .inner-box .icon-box{
  position: absolute;
  left: 30px;
  top: 34px;
  font-size: 36px;
  line-height: 36px;
  color: #a1a3b1;
  transition: all 500ms ease;
}

.solution-block-one .inner-box h4{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 1px;
  transition: all 500ms ease;
}

.solution-block-one .inner-box p{
  font-size: 13px;
  position: relative;
  transition: all 500ms ease;
  margin: 0px;

  
}

.solution-block-one .inner-box:hover .icon-box,
.solution-block-one .inner-box:hover h4,
.solution-block-one .inner-box:hover p,
.solution-block-one .inner-box svg:hover {
  color: #ffffff !important;
}





.solution-block-one .inner-box:hover:before {
  width: 100%;
}

.solution-block-one .inner-box:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transition: all 500ms ease;
}
.solution-block-one .inner-box:before {
  background: var(--themebgcolor);
}

.subheader{
  background: var(--backgroundlg) !important;
  color: var(--textwhite);
  padding: 9px 7px;
  /* border-right: 4px solid var(--textwhite);  */
  /* border-left: 4px solid var(--textwhite);  */
  /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
  margin-bottom: 20px;


}
.subheader h3{
  font-size: 18px !important;
  text-transform: uppercase;
}

/* new_Section_end */

.assignment .nav-pills {
  position: relative;
}

.assignment .nav-pills .nav-link{
  background-color: var(--textwhite);
  border-radius: 0px;
  /* border: 1px solid var(--themecolor); */
  /* border-bottom: 0px; */
  color: var(--themecolor);
  border-radius: 8px;
  font-weight: 500;
  border-radius: 16px !important;
  width: 100%;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.assignment .nav-pills .nav-link.active{
  background: var(--backgroundlg) !important;
  color: #fff;

}
/* .assignment .nav-pills .nav-item .nav-link.active::before {
  content: " ";
  position: absolute;
  top: 0px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 7px solid #ff7414 !important;
  z-index: 2;
  margin-top: 7px;
  transition: border-color 0.2s ease;

} */






/*
 .arrow-down {
  position: absolute;
  top: 50px;
  left: -8px;
  width: 0;
  height: 0;
  border-top: 1.5625rem solid transparent;
  border-bottom: 1.5625rem solid transparent;
  border-right: 1.25rem solid rgb(0 0 0 / 19%);
  border-right: 1.25rem solid rgba(0, 0, 0, 0.5);
} 
*/


.ripple {
  position: relative;
  z-index: 0;
}
  .ripple-shape {
    position: absolute;
    bottom: 0px;
    top: -80px;
    right: 0;
    /* z-index: 0; */
    height: 300px;
    width: 300px;
}
  .ripple-1,.ripple-2,.ripple-3,.ripple-4,.ripple-5,.ripple-6 {
border-color:rgba(20, 29, 56, 0.3);
  }
  .ripple-1,.ripple-2,.ripple-3,.ripple-4,.ripple-5,.ripple-6 {
      
  height: 100px;
  width: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 50%;
  -webkit-animation: heroripple 8s linear infinite;
  animation: heroripple 8s linear infinite
}

.ripple-1 {
  -webkit-animation-delay: 0;
  animation-delay: 0
}

.ripple-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.ripple-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.ripple-4 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s
}

.ripple-4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s
}

.ripple-5 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s
}

.ripple-6 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

@-webkit-keyframes heroripple {
  0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.2
  }

  100% {
      opacity: 0;
      -webkit-transform: scale(4);
      transform: scale(4)
  }
}

@keyframes heroripple {
  0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      opacity: 0.2
  }

  100% {
      opacity: 0;
      -webkit-transform: scale(4);
      transform: scale(4)
  }
}


.news_bg {
  /* width: 150px; */
  position: relative;
  font-size: 12px;
  /* background-color: var(--beforebgcolor);
  padding: 2px; */
  color: var(--textwhite);
  /* border-top-left-radius: 16px;
  border-bottom-right-radius: 16px; */

}

.news_bg .item{
  width: 70px;

}

.news_bg img{
  width: 100%;
  border-radius: 8px;
  padding: 2px;
  border: 1px solid var(--themecolor);
  height: 50px !important;
}
/* .news_bg::after {
  content: "";
  background: var(--themebgcolor);
  width: 70%;
  height: 2px;
  position: absolute;
  top: 52%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: -1;
} */




.zoom img {
  transition-duration: 4s;
  margin: 0 auto;
  display: block;
}
.zoom img:hover {
  transform: scale(1.0.5);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  z-index: 0;
}

.highcharts-credits{
  display: none;
}

.charts_block .card{
  box-shadow: 0 0 45px rgba(0, 0, 0, .08);
  border: 0px;
  min-height: 455px;
}





#s_title .section-title-wrap2 {
  position: relative;
  margin-top: 5px ;
  margin-bottom: 10px ;
}

#s_title .section-title-wrap2::after {
  content: "";
  background: var(--themebgcolor);
  width: 99%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#s_title .section-title4{
  background: var(--themebgcolor);
  border-radius: 100px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  padding: 5px 25px;
  font-size: 17px;
  color: #fff;
}


.about_subtitle{
  color: var(--themecolor);
}



.about_subtitl2{
  color: var(--textblack);
  font-size: 14px;
}


.cust_img img{
  
  border: 2px solid var(--themecolor);
  padding: 4px;
}
.info-wrap img{
  
  border: 2px solid var(--themecolor);
  border-radius: 10px;
  /* padding: 4px; */
}


/* animation_Styles */
.cards_section{
  /* overflow: hidden; */
  /* background-color: var(--themecolor); */
  background: var(--secbgcolor);
}

.cards_section #stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1267px 1240px #FFF, 1498px 208px #FFF, 1286px 973px #FFF, 777px 1172px #FFF, 923px 574px #FFF, 568px 115px #FFF, 788px 703px #FFF, 1451px 74px #FFF, 1357px 1319px #FFF, 1231px 274px #FFF, 1006px 1904px #FFF, 138px 1589px #FFF, 795px 416px #FFF, 1516px 45px #FFF, 1013px 1685px #FFF, 358px 1752px #FFF, 1056px 1220px #FFF, 872px 915px #FFF, 1572px 95px #FFF, 903px 1051px #FFF, 252px 61px #FFF, 290px 741px #FFF, 736px 284px #FFF, 1291px 271px #FFF, 819px 1185px #FFF, 1746px 191px #FFF, 982px 103px #FFF, 552px 960px #FFF, 1697px 93px #FFF, 211px 1312px #FFF, 302px 1131px #FFF, 1032px 285px #FFF, 1087px 1745px #FFF, 1835px 349px #FFF, 1189px 982px #FFF, 258px 1693px #FFF, 1822px 1185px #FFF, 1146px 327px #FFF, 1277px 1864px #FFF, 312px 1583px #FFF, 1038px 633px #FFF, 1216px 379px #FFF, 311px 433px #FFF, 1507px 1527px #FFF, 998px 1495px #FFF, 539px 1180px #FFF, 762px 1053px #FFF, 506px 956px #FFF, 1212px 1826px #FFF, 577px 1299px #FFF, 1457px 690px #FFF, 797px 1229px #FFF, 1407px 1196px #FFF, 313px 1459px #FFF, 361px 1351px #FFF, 731px 1342px #FFF, 1901px 464px #FFF, 983px 1839px #FFF, 1860px 1513px #FFF, 276px 38px #FFF, 917px 1186px #FFF, 877px 531px #FFF, 1869px 742px #FFF, 1210px 982px #FFF, 1106px 1083px #FFF, 241px 1152px #FFF, 318px 602px #FFF, 1605px 1214px #FFF, 1530px 1055px #FFF, 281px 1599px #FFF, 1531px 1015px #FFF;
  animation: animStar 50s linear infinite;
}

.cards_section #stars:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1267px 1240px #FFF, 1498px 208px #FFF, 1286px 973px #FFF, 777px 1172px #FFF, 923px 574px #FFF, 568px 115px #FFF, 788px 703px #FFF, 1451px 74px #FFF, 1357px 1319px #FFF, 1231px 274px #FFF, 1006px 1904px #FFF, 138px 1589px #FFF, 795px 416px #FFF, 1516px 45px #FFF, 1013px 1685px #FFF, 358px 1752px #FFF, 1056px 1220px #FFF, 872px 915px #FFF, 1572px 95px #FFF, 903px 1051px #FFF, 252px 61px #FFF, 290px 741px #FFF, 736px 284px #FFF, 1291px 271px #FFF, 819px 1185px #FFF, 1746px 191px #FFF, 982px 103px #FFF, 552px 960px #FFF, 1697px 93px #FFF, 211px 1312px #FFF, 302px 1131px #FFF, 1032px 285px #FFF, 1087px 1745px #FFF, 1835px 349px #FFF, 1189px 982px #FFF, 258px 1693px #FFF, 1822px 1185px #FFF, 1146px 327px #FFF, 1277px 1864px #FFF, 312px 1583px #FFF, 1038px 633px #FFF, 1216px 379px #FFF, 311px 433px #FFF, 1507px 1527px #FFF, 998px 1495px #FFF, 539px 1180px #FFF, 762px 1053px #FFF, 506px 956px #FFF, 1212px 1826px #FFF, 577px 1299px #FFF, 1457px 690px #FFF, 797px 1229px #FFF, 1407px 1196px #FFF, 313px 1459px #FFF, 361px 1351px #FFF, 731px 1342px #FFF, 1901px 464px #FFF, 983px 1839px #FFF, 1860px 1513px #FFF, 276px 38px #FFF, 917px 1186px #FFF, 877px 531px #FFF, 1869px 742px #FFF, 1210px 982px #FFF, 1106px 1083px #FFF, 241px 1152px #FFF, 318px 602px #FFF, 1605px 1214px #FFF, 1530px 1055px #FFF, 281px 1599px #FFF, 1531px 1015px #FFF;
}

.cards_section #stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1302px 896px #FFF, 677px 937px #FFF, 1253px 1914px #FFF, 1791px 1235px #FFF, 246px 206px #FFF, 682px 1731px #FFF, 240px 129px #FFF, 1012px 467px #FFF, 1696px 1369px #FFF, 766px 1772px #FFF, 634px 1312px #FFF, 1812px 467px #FFF, 1901px 312px #FFF, 270px 1072px #FFF, 1830px 1224px #FFF, 1261px 406px #FFF, 1598px 264px #FFF, 1117px 347px #FFF, 823px 1082px #FFF, 383px 1165px #FFF, 1884px 315px #FFF, 836px 1282px #FFF, 736px 825px #FFF, 1321px 658px #FFF, 1717px 1394px #FFF, 609px 298px #FFF, 1724px 486px #FFF, 1412px 1272px #FFF, 506px 907px #FFF, 827px 284px #FFF, 853px 1665px #FFF, 1351px 1219px #FFF, 876px 55px #FFF, 1040px 1107px #FFF, 1139px 395px #FFF, 715px 1541px #FFF, 1459px 1078px #FFF, 1304px 673px #FFF, 1103px 1398px #FFF, 434px 1262px #FFF, 1374px 1719px #FFF, 649px 1327px #FFF, 1292px 477px #FFF, 1887px 1737px #FFF, 286px 1791px #FFF, 1488px 2001px #FFF;
  animation: animStar 100s linear infinite;
}

.cards_section #stars2:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1302px 896px #FFF, 677px 937px #FFF, 1253px 1914px #FFF, 1791px 1235px #FFF, 246px 206px #FFF, 682px 1731px #FFF, 240px 129px #FFF, 1012px 467px #FFF, 1696px 1369px #FFF, 766px 1772px #FFF, 634px 1312px #FFF, 1812px 467px #FFF, 1901px 312px #FFF, 270px 1072px #FFF, 1830px 1224px #FFF, 1261px 406px #FFF, 1598px 264px #FFF, 1117px 347px #FFF, 823px 1082px #FFF, 383px 1165px #FFF, 1884px 315px #FFF, 836px 1282px #FFF, 736px 825px #FFF, 1321px 658px #FFF, 1717px 1394px #FFF, 609px 298px #FFF, 1724px 486px #FFF, 1412px 1272px #FFF, 506px 907px #FFF, 827px 284px #FFF, 853px 1665px #FFF, 1351px 1219px #FFF, 876px 55px #FFF, 1040px 1107px #FFF, 1139px 395px #FFF, 715px 1541px #FFF, 1459px 1078px #FFF, 1304px 673px #FFF, 1103px 1398px #FFF, 434px 1262px #FFF, 1374px 1719px #FFF, 649px 1327px #FFF, 1292px 477px #FFF, 1887px 1737px #FFF, 286px 1791px #FFF, 1488px 2001px #FFF;
}

.cards_section #stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 999px 542px #FFF, 1712px 1631px #FFF, 267px 544px #FFF, 1292px 1330px #FFF, 1364px 720px #FFF, 248px 725px #FFF, 1290px 266px #FFF, 1073px 824px #FFF, 377px 1671px #FFF, 1700px 1175px #FFF, 681px 1610px #FFF, 896px 635px #FFF, 698px 1444px #FFF, 1022px 800px #FFF, 1437px 1279px #FFF, 275px 1678px #FFF, 690px 544px #FFF, 1017px 1589px #FFF, 529px 949px #FFF, 315px 211px #FFF, 1846px 202px #FFF, 1929px 1545px #FFF, 619px 96px #FFF, 366px 587px #FFF, 1317px 1288px #FFF, 359px 37px #FFF, 296px 1081px #FFF, 311px 1685px #FFF, 1688px 1474px #FFF, 1580px 423px #FFF, 431px 1300px #FFF, 1538px 1673px #FFF, 831px 1913px #FFF, 345px 1397px #FFF, 1017px 913px #FFF, 732px 532px #FFF, 1646px 551px #FFF, 1874px 458px #FFF, 1816px 1235px #FFF, 244px 1338px #FFF;
  animation: animStar 150s linear infinite;
}

.cards_section #stars3:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 999px 542px #FFF, 1712px 1631px #FFF, 267px 544px #FFF, 1292px 1330px #FFF, 1364px 720px #FFF, 248px 725px #FFF, 1290px 266px #FFF, 1073px 824px #FFF, 377px 1671px #FFF, 1700px 1175px #FFF, 681px 1610px #FFF, 896px 635px #FFF, 698px 1444px #FFF, 1022px 800px #FFF, 1437px 1279px #FFF, 275px 1678px #FFF, 690px 544px #FFF, 1017px 1589px #FFF, 529px 949px #FFF, 315px 211px #FFF, 1846px 202px #FFF, 1929px 1545px #FFF, 619px 96px #FFF, 366px 587px #FFF, 1317px 1288px #FFF, 359px 37px #FFF, 296px 1081px #FFF, 311px 1685px #FFF, 1688px 1474px #FFF, 1580px 423px #FFF, 431px 1300px #FFF, 1538px 1673px #FFF, 831px 1913px #FFF, 345px 1397px #FFF, 1017px 913px #FFF, 732px 532px #FFF, 1646px 551px #FFF, 1874px 458px #FFF, 1816px 1235px #FFF, 244px 1338px #FFF;
}





@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-10000px);
    /* transform: translateY(-2000px); */
  }
}




/* second_Aninmation_styles */

.cards_section2  {
  margin: 0;
  /* height: 100vh; */
  font-weight: 100;
  /* background: radial-gradient(#a23982,#1f1013); */
  /* background: var(--themecolor); */
  background: var(--secbgcolor);
  -webkit-overflow-Y: hidden;
  -moz-overflow-Y: hidden;
  -o-overflow-Y: hidden;
  overflow-y: hidden;
  -webkit-animation: fadeIn 1 1s ease-out;
  -moz-animation: fadeIn 1 1s ease-out;
  -o-animation: fadeIn 1 1s ease-out;
  animation: fadeIn 1 1s ease-out;
  position: relative;
}





.light {
  position: absolute;
  width: 0px;
  opacity: .75;
  background-color: white;
  box-shadow: #e9f1f1 0px 0px 20px 2px;
  opacity: 0;
  top: 0vh;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.x1{
-webkit-animation: floatUp 4s infinite linear;
-moz-animation: floatUp 4s infinite linear;
-o-animation: floatUp 4s infinite linear;
animation: floatUp 4s infinite linear;
 -webkit-transform: scale(1.0);
 -moz-transform: scale(1.0);
 -o-transform: scale(1.0);
transform: scale(1.0);
}

.x2{
-webkit-animation: floatUp 7s infinite linear;
-moz-animation: floatUp 7s infinite linear;
-o-animation: floatUp 7s infinite linear;
animation: floatUp 7s infinite linear;
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
left: 15%;
}

.x3{
-webkit-animation: floatUp 2.5s infinite linear;
-moz-animation: floatUp 2.5s infinite linear;
-o-animation: floatUp 2.5s infinite linear;
animation: floatUp 2.5s infinite linear;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
left: -15%;
}

.x4{
-webkit-animation: floatUp 4.5s infinite linear;
-moz-animation: floatUp 4.5s infinite linear;
-o-animation: floatUp 4.5s infinite linear;
animation: floatUp 4.5s infinite linear;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
left: -34%;
}

.x5{
-webkit-animation: floatUp 8s infinite linear;
-moz-animation: floatUp 8s infinite linear;
-o-animation: floatUp 8s infinite linear;
animation: floatUp 8s infinite linear;
-webkit-transform: scale(2.2);
-moz-transform: scale(2.2);
-o-transform: scale(2.2);
transform: scale(2.2);
left: -57%;
}

.x6{
-webkit-animation: floatUp 3s infinite linear;
-moz-animation: floatUp 3s infinite linear;
-o-animation: floatUp 3s infinite linear;
animation: floatUp 3s infinite linear;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);
left: -81%;
}

.x7{
-webkit-animation: floatUp 5.3s infinite linear;
-moz-animation: floatUp 5.3s infinite linear;
-o-animation: floatUp 5.3s infinite linear;
animation: floatUp 5.3s infinite linear;
-webkit-transform: scale(3.2);
-moz-transform: scale(3.2);
-o-transform: scale(3.2);
transform: scale(3.2);
left: 37%;
}

.x8{
-webkit-animation: floatUp 4.7s infinite linear;
-moz-animation: floatUp 4.7s infinite linear;
-o-animation: floatUp 4.7s infinite linear;
animation: floatUp 4.7s infinite linear;
-webkit-transform: scale(1.7);
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
transform: scale(1.7);
left: 62%;
}

.x9{
-webkit-animation: floatUp 4.1s infinite linear;
-moz-animation: floatUp 4.1s infinite linear;
-o-animation: floatUp 4.1s infinite linear;
animation: floatUp 4.1s infinite linear;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
left: 85%;
}


@-webkit-keyframes floatUp{
0%{top: 100vh; opacity: 0;}
25%{opacity: 1;}
50%{top: 0vh; opacity: .8;}
75%{opacity: 1;}
100%{top: -100vh; opacity: 0;}
}
@-moz-keyframes floatUp{
0%{top: 100vh; opacity: 0;}
25%{opacity: 1;}
50%{top: 0vh; opacity: .8;}
75%{opacity: 1;}
100%{top: -100vh; opacity: 0;}
}
@-o-keyframes floatUp{
0%{top: 100vh; opacity: 0;}
25%{opacity: 1;}
50%{top: 0vh; opacity: .8;}
75%{opacity: 1;}
100%{top: -100vh; opacity: 0;}
}
@keyframes floatUp{
0%{top: 100vh; opacity: 0;}
25%{opacity: 1;}
50%{top: 0vh; opacity: .8;}
75%{opacity: 1;}
100%{top: -100vh; opacity: 0;}
}





@-webkit-keyframes fadeIn{
from{opacity: 0;}
to{opacity: 1;}
}

@-moz-keyframes fadeIn{
from{opacity: 0;}
to{opacity: 1;}
}

@-o-keyframes fadeIn{
from{opacity: 0;}
to{opacity: 1;}
}

@keyframes fadeIn{
from{opacity: 0;}
to{opacity: 1;}
}

@-webkit-keyframes fadeOut{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@-moz-keyframes fadeOut{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@-o-keyframes fadeOut{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@keyframes fadeOut{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 0;}
}

@-webkit-keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}

@-moz-keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}

@-o-keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}

@keyframes finalFade{
0%{opacity: 0;}
30%{opacity: 1;}
80%{opacity: .9;}
100%{opacity: 1;}
}



/* social_icons */

.header-top ul{
  margin: 0px
}
.header-top ul.social-custom {
  margin-left: 20px
}

.header-top ul.social-custom li {
  padding: 0;
  margin: 0
}

.header-top ul.social-custom a {
  text-decoration: none !important;
  font-size: 0.75rem;
  /* display: inline-block; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0;
  background: #ffffff;
  color: #ff8c00;
  padding: 3px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 18px;
}

.header-top ul.social-custom a i {
  padding-right: 0;
  padding-top: 3;
}

.header-top ul.social-custom a:hover {
  background: #ff8c00;
  color: #fff
}





/* Breadcrups CSS */

.arrow-steps{
  margin: 0px;
  padding: 20px 3px;
}
.arrow-steps .step {
font-size: 14px;
text-align: center;
color: #666;
cursor: default;
margin: 0 9px;
padding: 10px 10px 10px 30px;
min-width: 93%;
/* min-width: 131px; */
float: left;
border-radius: 0px;
position: relative;
background-color: #d9e3f7;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
transition: background-color 0.2s ease;
}



.arrow-steps .step:before {
right: auto;
left: 0;
border-left: 17px solid #fff;	
z-index: 0;
}

.arrow-steps .step:first-child:before {
border: none;
}



.arrow-steps .step.step2 {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
background: var(--lite_bg) !important;
}
.arrow-steps .step.step2:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 23px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 17px solid #fff;
  z-index: 2;
  transition: border-color 0.2s ease;
}
.arrow-steps .step.step2:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 21px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 17px solid var(--lite_bg);
  z-index: 2;
  transition: border-color 0.2s ease;
}



.arrow-steps .step {
color: #000000 !important;
font-weight: 600;
  border-radius: 0px;
}
.arrow-steps .step.active {
color: #000000 !important;
background-color: #23468c;
font-weight: 600;
}

.arrow-steps .step.active:after {
border-left: 17px solid #ffe176;	
}
.arrow-steps .content {
  border-left: 1px solid #ccc;
  padding: 18px;
  margin-top: 41px;
  left: 10px;
  position: relative;
  min-height: 184px;

}
.arrow-steps .content p{
margin: 0px;

}
.arrow-steps .content .circle_u{
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: var(--themecolor);
  border-radius: 100px;
  top: 100%;
  right: 100%;
  left: -5px;
}


.nav-pills .nav-link{
  border-radius: 0px !important;
  text-transform: uppercase;
  
}
.nav-pills .nav-link.active{
  border-radius: 0px;
  background-color: #ffe176 !important;
}

.circle_block {
  position: relative;
  
}
.circle_block .circle {
  position: absolute;
  top: -30px;
  left: 47%;
  right: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 100px;
  background-color: var(--themecolor);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.circle_block .circle img{
  position: absolute;
  left: 8px;
  top: 8px;
  color: #fff;
}


/* services_Section_css_start */


/* services_Section_css_end */
.title_section{
  padding: 6px;
  /* border-radius: 6px; */
  position: relative;
  /* margin-bottom: 1rem; */
  /* padding-bottom: 2rem; */
  font-size: 20px;
  background: var(--secbgcolor);
  /* z-index: -1; */
  color: var(--text-color);
  border-radius: 8px;
  border-bottom-left-radius: 0px;
  box-shadow: inset 2px 2px 5px rgb(105 141 173 / 40%), inset -2px -2px 2px #dee8f0;
}
.sectiontitle{
  padding: 0px;
}
.sectiontitle::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 10px;
  left: 0%;
  bottom: 0;
  /* margin-left: -29px; */
  background: var(--themecolor);
}


.sectiontitle::after {
  position: absolute;
  content: "";
  width: 180px;
  height: 2px;
  /* left: 10%; */
  bottom: 3px;
  /* margin-left: -90px; */
  background: var(--themecolor);
}
.sectiontitle2::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 10px;
  left: 8%;
  bottom: 0;
  margin-left: -29px;
  background: var(--themecolor);

}


.sectiontitle2::after {
  position: absolute;
  content: "";
  width: 180px;
  height: 2px;
  left: 13%;
  bottom: 4px;
  margin-left: -90px;
  background: var(--themecolor);
}


.dist_titles{
  margin-bottom: 12px;
  background: #fff;
  padding: 1px;
  width: 300px;
  margin: 0 auto;
  margin-bottom: 16px;
  border-left: 2px solid var(--themecolor);
  border-right: 2px solid var(--themecolor);
  border-radius: 16px;
  box-shadow: inset 2px 2px 5px rgb(105 141 173 / 40%), inset -2px -2px 2px #dee8f0;
}
.dist_titles h5{
padding: 5px;
font-size: 17px;

}

/* features _  four cards _styles////// */

.more-content {
  display: none;
}
.read-more {
  color: var(--themebgcolor);
  cursor: pointer;
  font-size: 13px;
    font-weight: 500;
  /* text-align: end;
  float: inline-end; */
}
.features-style1 {
  position: relative;
  display: block;
  padding: 0px 0px 90px;
  margin-top: -85px;
  z-index: 10;
}

.features-style1 .shape1 {
  position: absolute;
  width: 387px;
  height: 387px;
  left: -148px;
  bottom: -190px;
  border-radius: 50%;
  border: 1px solid #E5E5E5;
  z-index: -1;
}

.features-style1 .shape2 {
  position: absolute;
  width: 205px;
  height: 197px;
  left: 150px;
  bottom: 15px;
  z-index: -1;
}

.features-style1 .shape2 img {
  -webkit-animation: animation1 5s ease-in infinite;
  animation: animation1 5s ease-in infinite;
}

.features-style1__inner {
  position: relative;
  display: block;
  z-index: 1;
}

.features-style1__single {
  position: relative;
  display: block;
  background: #FFFFFF;
  box-shadow: 0px 20px 60px 10px rgba(0, 0, 0, 0.07);
  padding: 30px 25px 41px;
  overflow: hidden;
  border-radius: 15px;
  margin-bottom: 30px;
  z-index: 1;
  min-height: 290px;
  /* min-height: 320px; */
  /* min-height: 420px; */
  border-left: 4px solid var(--themecolor);
  /* min-height: 325px; */
}

.features-style1__single:hover{
  border: none !important;
}
.features-style1__single:hover .read-more {
  color: rgb(176, 220, 255);
}


.features-style1__single::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--themecolor);
  box-shadow: 0px 0px 46px 0px rgb(0, 0, 0, 0.08);
  content: "";
  transform: scaleX(0.7) rotateX(0deg);
  transition: all 0.4s linear;
  border-radius: 15px;
 
  z-index: -1;
  opacity: 0;
}

.features-style1__single:hover::before {
  transform: scaleX(1.0) rotateX(0deg);
  transition: all 0.4s linear;
  opacity: 1;
}

.features-style1__single-icon {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  /* width: 80px;
  height: 80px; */
  background: var(--themecolor);
  border-radius: 50%;
  text-align: center;
  z-index: 1;
  border: 3px solid var(--textwhite);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.features-style1__single-icon:before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(255, 255, 255, .20);
  border-radius: 50%;
  transition: .5s;
  transform: scale(.5);
  transition-delay: 0.3s;
  opacity: 0;
  content: '';
  z-index: -1;
}

.features-style1__single:hover .features-style1__single-icon:before {
  transform: scale(1);
  opacity: 1;
}

.features-style1__single-icon span::before {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 40px;
  line-height: 80px;
}



.tite  h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 16px;
}

.tite  h3 a {
  color: #000000;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  font-size: 18px;
}
.features-style1__single-content {
  position: relative;
  display: block;
  margin-top: 8px;
}



.features-style1__single:hover .features-style1__single-content h3 a {
  color: #ffffff;
}

.features-style1__single-content h3 a:hover {
  color: #ffffff;
}

.features-style1__single-content p {
  margin: 0;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.features-style1__single:hover .features-style1__single-content p,
.features-style1__single:hover .features-style1__single-content div {
  color: #ffffff;
}


.icon-Group-1 img, .icon-Group-2 img, .icon-Group-3 img, .icon-Group-4 img{
  position: absolute;
  top: 14px;
  font-size: 35px;
  left: 20%;
  color: #fff;
  width: 32px;
}

/* common_styles_for_inner_pages_start */
.content_u .cc_card{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px 0px;
  border:0px;
}
.content_u .cc_card_st{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 9px;
  border:0px;
}

.content_u .card .card-header{
  background-color: #fff;
  border: 0px;
  padding: 6px;

}
/* common_styles_for_inner_pages_end */

/* common_tabs_start */

.common_tabs .nav.nav-tabs{
  border-color:  var(--themecolor);
}
.common_tabs .nav .nav-link:hover{
  color: var(--themecolor);
  border-color:  var(--themecolor);
  box-shadow: inset 2px 2px 5px rgb(105 141 173 / 40%), inset -2px -2px 2px var(--themecolor);
}
.common_tabs .nav .nav-link{
  color: var(--themecolor);
}

.common_tabs .nav .nav-link.active{
  color: var(--textwhite);
  background: var(--backgroundlg);
  border-color:  var(--themecolor);
}
/* common_tabs_end */

/* accordian_styles_Start */

.accordion-button:focus{

  border-color: var(--themecolor);
  outline: 0;
  box-shadow:  0px 1px 5px var(--text_active) !important;

}

.accordion-button:not(.collapsed) {
  color: var(--textwhite);
  background-color: var(--themecolor);
  box-shadow: inset 0 calc(-1* var(--text_active)) 0 var(--text_active);
}
/* accordian_styles_end */

/* contact_us_styles_start */

.contact_c .info-wrap {
  background-color: var(--secbgcolor);
  /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); */
  padding: 25px;
  border-radius: 16px;
  min-height: 300px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.contact_c .info-wrap .a_bg{
  margin-bottom: 17px;
}
.contact_c .info-wrap .a_bg h6{
  border: 2px dotted var(--themebgcolor);
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 14px;
  /* padding: 0.625em 0.75em; */

  /* border-radius: 8px; */
  font-size: 16PX;
  font-weight: 600;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}
@media (max-width: 575px) {
  .contact_c .info-wrap {
    padding: 20px;
  }
}

.contact_c .info-item {
  margin-bottom: 13px;
}

.contact_c .info-item svg {
  font-size: 10px;
  color: var(--themebgcolor);
  background: color-mix(in srgb, var(--secbgcolor), transparent 92%);
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

.contact_c .info-item h3 {
  padding: 0;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px;
}

.contact_c .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}



/* ............... */
.contact_c2 .info-wrap {
  background-color: var(--secbgcolor);
  /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); */
  padding: 10px;
  border-radius: 16px;
  min-height: 315px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.contact_c2 .info-wrap .a_bg{
  margin-bottom: 17px;
}
.contact_c2 .info-wrap .a_bg h6{
  border-left: 2px solid var(--themebgcolor);
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 9px;
  /* padding: 0.625em 0.75em; */

  /* border-radius: 8px; */
  font-size: 14PX;
  font-weight: 600;
  color: #000;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}
@media (max-width: 575px) {
  .contact_c2 .info-wrap {
    padding: 20px;
  }
}

.contact_c2 .info-item {
  margin-bottom: 13px;
}

.contact_c2 .info-item svg {
  font-size: 10px;
  color: var(--themebgcolor);
  background: color-mix(in srgb, var(--secbgcolor), transparent 92%);
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

.contact_c2 .info-item h3 {
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
}

.contact_c2 .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 12px;
}

/* contact_us_styles_end */


/* reach_us_start */

.reach_us .php-email-form input[type=text],
.reach_us .php-email-form input[type=email],
.reach_us .php-email-form textarea {
  font-size: 14px;
  padding: 10px 15px;
  box-shadow: none;
  border-radius: 0;
  color: var(--default-color);
  background-color: var(--textwhite);
  border-color: color-mix(in srgb, var(--themebgcolor), transparent 80%);
}

.reach_us .php-email-form input[type=text]:focus,
.reach_us .php-email-form input[type=email]:focus,
.reach_us .php-email-form textarea:focus {
  border-color: var(--themebgcolor);
}

.reach_us .php-email-form input[type=text]::placeholder,
.reach_us .php-email-form input[type=email]::placeholder,
.reach_us .php-email-form textarea::placeholder {
  color: color-mix(in srgb, var(--default-color), transparent 70%);
}

.contact .php-email-form button[type=submit] {
  color: var(--contrast-color);
  background: var(--accent-color);
  border: 0;
  padding: 10px 30px;
  transition: 0.4s;
  border-radius: 50px;
}

.contact .php-email-form button[type=submit]:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 25%);
}

/* reach_us_end */


/* buttons_block_start */
.back-to-top {
  position: fixed;
  display: none;
  right: 30px;
  bottom: 30px;
  z-index: 9999;
}
.btn-square {
  width: 30px;
  height: 30px;
}

.btn-sm-square {
  width: 32px;
  height: 32px;
}

.btn-lg-square {
  width: 40px;
  height: 40px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
  font-size: 13px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  background-color: var(--themecolor);
  color: #fff;
}
.btn-lg-square:hover {
 
  background-color: var(--secbgcolor);
  color: #2f2f2f;
}

.btn-square:hover{
  background-color: #0caa41;
}

/* .... */



.buttons .btn-12,
.buttons .btn-12 *,
.buttons .btn-12 :after,
.buttons .btn-12 :before,
.buttons .btn-12:after,
.buttons .btn-12:before {
  border: 0 solid;
  box-sizing: border-box;
}

.buttons .btn-12 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  background-color: var(--themecolor);
  background-image: none;
  color: #fff ;
  cursor: pointer;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 100%;
  font-weight: 900;
  line-height: 1.5;
  margin: 0;
  -webkit-mask-image: -webkit-radial-gradient(#000, #fff);
  padding: 0;
  text-transform: uppercase;
}

.buttons .btn-12:disabled {
  cursor: default;
}

.buttons .btn-12:-moz-focusring {
  outline: auto;
}

.buttons .btn-12 svg {
  display: block;
  vertical-align: middle;
}

.buttons .btn-12 [hidden] {
  display: none;
}

.buttons .btn-12 {
  /* border-radius: 99rem;
  border-width: 2px;
  overflow: hidden;
  padding: 0.8rem 3rem;
  position: relative; */
  border-radius: 99rem;
    border-width: 2px;
    overflow: hidden;
    padding: 9px 40px;
    position: relative;
}


.buttons .btn-12 span {
  /* mix-blend-mode: difference; */
  color: #fff;
}
.buttons .btn-12:hover span {
  mix-blend-mode: difference;
 
}

.buttons .btn-12:after,
.buttons .btn-12:before {
  background: linear-gradient(
    90deg,
    #fff 25%,
    transparent 0,
    transparent 50%,
    #fff 0,
    #fff 75%,
    transparent 0
  );
  content: "";
  inset: 0;
  position: absolute;
  transform: translateY(var(--progress, 100%));
  transition: transform 0.2s ease;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px 0px;
}

.buttons .btn-12:after {
  --progress: -100%;
  background: linear-gradient(
    90deg,
    transparent 0,
    transparent 25%,
    #fff 0,
    #fff 50%,
    transparent 0,
    transparent 75%,
    #fff 0
  );
  z-index: -1;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 5px 0px;
}

.buttons .btn-12:hover:after,
.buttons .btn-12:hover:before {
  --progress: 0;

}
.buttons .btn-12:hover {
  background-color: var(--themecolor) !important;
}

/* buttons_block_end */


.highcharts-figure{
  margin-bottom: 0px;
}




.u_border_1 {
  --b: 0.5em;
 /* border width */
  --c: 3em;
 /* corner size */
  --r: 2em;
 /* corner rounding */
  place-self: center;
  position: relative;
  width: 100%;
  border: solid 0.5em var(--themecolor);
  /* border: solid var(--b) transparent; */
  /* padding: 1em; */
  /* max-width: 23em; */
 font-size: 16px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 9px;
}

.u_border_1 h6{
  font-size: 14px;
}
.u_border_1::before {
  position: absolute;
  /* z-index: -1; */
  inset: calc(-1*var(--b));
  border: inherit;
  border-radius: var(--r);

  content: '';
}


/* breadcrumb_block_start */
/* .breadcrumb_block{
  background: #ffa50121;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px -1px 3px 0px;
  position: relative;
  padding: 15px;
}

.breadcrumb_block::before{
  content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/bg_images/pricing-pattern.jpg);
    background-repeat: repeat-x;
    background-position: top;
    z-index: -1;
} */


.breadcrumb_block{
  position: relative;
  background: #00000003;
  /* padding-top: 10px; */
  padding-bottom: 21px;
  margin-bottom: 14px;
}
.breadcrumb_block::before{
  background-image: url(../images/bg_images/bg_unique.png);
  /* background-image: url(../images/bg_images/bg_unique.png); */
  /* background-image: url(../images/bg_images/pricing-pattern.jpg); */
  background-size: cover;
  bottom: 15px;
  content: "";
  height: 100px;
  left: 0;
  position: absolute;
  -webkit-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  /* transform: skewY(3deg); */
  width: 51%;
  z-index: -1;
  box-shadow: 0 8px 6px -11px #5e5e5e;

}
.breadcrumb_block::after{
  background-image: url(../images/bg_images/bg_unique.png);
  /* background-image: url(../images/bg_images/pricing-pattern.jpg); */
  background-size: cover;
  bottom: 15px;
  content: "";
  height: 100px;
  position: absolute;
  right: 0;
  -webkit-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  transform: skewY(-3deg);
  width: 51%;
  z-index: -1;
  box-shadow: 0 8px 6px -11px #5e5e5e;

}

.breadcrumb_block .breadcrumb .breadcrumb-item a{
  color: var(--themebgcolor);
  font-size: 15px;
  font-weight: 600;
}
.breadcrumb_block .breadcrumb .breadcrumb-item{
  color: var(--textblack);
  font-size: 15px;
  font-weight: 600;
}

.b_head{
  color: var(--textblack);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  z-index: 999;
}
/* breadcrumb_block_end */

/* Define the keyframes for the up and down movement */
.moving-image {
  height: auto;
  animation: moveUpDown 2s ease-in-out infinite;

}
@keyframes moveUpDown {
  0% {
      transform: translateY(0);
  }
  50% {
      transform: translateY(-5px); /* Moves the image up */
  }
  100% {
      transform: translateY(0); /* Moves the image back down */
  }
}






.agenda-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  /* padding: 30px 25px; */
  padding: 10px;
  /* padding: 20px; */
  background-color: var(--secbgcolor);
  /* background-color: #fff; */
  /* box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); */

  perspective: 1000px;
  overflow: hidden;
  /* margin-bottom: 30px; */
  /* margin-bottom: 10px; */
  /* border: 2px solid var(--themecolor); */
  border-radius: 16px;
  margin: 20px 0px;
}


.inside_card{
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  min-height: 300px;
}
.inside_card img{
  margin: 0 auto;
}
.inside_card:hover{
  background-color: var(--secbgcolor);
  
}
.inside_card:hover img{
  border-radius: 5px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  background-color: #fff !important;
  border: 1px dashed var(--themecolor);
} 
.inside_card:hover .full_img_2 img{
  border-radius: 5px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  background-color: var(--beforebgcolor) !important;
  border: 1px dashed var(--themecolor);
}
.agenda-box:hover{
  background-color: #fff;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.agenda-box:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  content: "";
  display: inline-block;
  border-radius: 16px;
  /* border-top:2px solid var(--themebgcolor);
  border-bottom: 2px solid var(--themebgcolor); */
  /* border: 2px solid var(--themecolor); */
  /* height: 10px;
  width: 10px; */
  transition: 0.33s all ease-in;
  -webkit-transition: 0.33s all ease-in;
  transform: translate3d(0, 0, 150px);
  -webkit-transform: translate3d(0, 0, 150px);
  pointer-events: none;
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */

}


.agenda-box .agenda-icon {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 32px;
  line-height: 70px;
  text-align: center;
  color: #fff;
  transition: 0.33s all ease-in;
  position: relative;
  margin-bottom: 25px;
  background: -moz-linear-gradient(45deg, #006332 0%, #0dff44 100%);
  background: -webkit-linear-gradient(45deg, #006332 0%, #0dff44 100%);
  background: -o-linear-gradient(45deg, #006332 0%, #0dff44 100%);
  background: -ms-linear-gradient(45deg, #006332 0%, #0dff44 100%);
  background: linear-gradient(45deg, #006332 0%, #0dff44 100%);
}


.agenda-box .agenda-icon:after {
  position: absolute;
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  content: '';
  border-radius: 50%;
  border: 2px solid #53b96b;
}

.agenda-box:hover .agenda-icon {
  background: -moz-linear-gradient(45deg, #ff8c00 0%, #fd3d03 100%);
  background: -webkit-linear-gradient(45deg, #ff8c00 0%, #fd3d03 100%);
  background: -o-linear-gradient(45deg, #ff8c00 0%, #fd3d03 100%);
  background: -ms-linear-gradient(45deg, #ff8c00 0%, #fd3d03 100%);
  background: linear-gradient(45deg, #ff8c00 0%, #fd3d03 100%);
}

.agenda-box:hover .agenda-icon:after {
  border: 2px solid #ff8c00;
}

.agenda-box .agenda-title {
  color: #28a745;
  font-size: 14px;
  /* font-size: 20px; */
  line-height: 1.35;
  text-transform: uppercase;
  font-weight: 600;
}

.agenda-box .agenda-title-divider {
  margin-top: 5px;
  margin-bottom: 5px;
  /* margin-top: 17px;
  margin-bottom: 20px; */
  transition: 0.33s all ease-in;
  -webkit-transition: 0.33s all ease-in;
}

.agenda-box .agenda-title-divider {
  width: 36px;
  height: 4px;
  margin-left: auto;
  margin-right: auto;
  background: #ff8c00;
}

.agenda-box .agenda-text {
  width: 100%;
  font-size: 13px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

*+.agenda-title-divider {
  margin-top: 10px;
}

.separator {
  background: #006d19;
  display: inline-block;
  height: 3px;
  width: 80px;
  margin-bottom: 10px;
  position: relative;
}

.agenda-box:hover:before {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  /* opacity: 0.2; */
}

.agenda-box:hover .agenda-title {
  color: #ff8c00;
}

.agenda-box:hover .agenda-title-divider {
  width: 106px;
  background-color: #006d19;
}


.read_m_btn{
  text-align: right;
}
.read_m_btn h6{
 font-size: 14px;
 color: var(--themebgcolor);
 padding-left: 2px;
 transition: transform 0.3s ease;
}

.inside_card:hover .read_m_btn h6{
  transform: translateX(10px);
 }

.full_img {
  height: 115px;
  height: 115px;
  display: flex;
  align-items: center;
}
.full_img_2 {
  height: 115px;
  height: 115px;
  display: flex;
  align-items: center;
}

.full_img_2 img{
  background-color: #ccc;
}

/* forms_select_Styles start */

.form-label{
  font-size: 15px;
  font-weight: 600;
}
.form-select {
  font-size: 14px;
}
.form-select option{
  font-size: 14px;
}
/* forms_select_Styles end */



/* sitemap_styles_start */
.sitemap h6 {
  text-decoration: none;
  color: var(--themebgcolor);
  /* background: var(--titlebackground); */
  background-color: #ffa28024;
  padding: 4px 14px;
  /* border-radius: 10px; */
  border-left: 3px solid var(--themebgcolor);
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
 
}
.sitemap h6 a{
  text-decoration: none;
  color: var(--themebgcolor);

 
}
.sitemap ul li a{
  text-decoration: none;
  color: #02457a;
  /* background-color: #ff7f5024; */

  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-radius: 16px;
  font-size: 13px;
}
.sitemap ul li a:hover{
padding-left: 10px;
}

.sitemap .left_border_s{
border-left: 1.9px dashed #ccc;
min-height: auto;
}
.sitemap .left_border_s2{
border-left: 2px solid #ccc;

}

.sitemap .line_s{
border: 1px dashed #ccc;
width: 9px ;
height: 2px;
margin-left: 3px !important;
/* background-color: #ccc; */
}

/* sitemap_styles_end */
.skiptranslate.goog-te-gadget{
  visibility: hidden;
  height: 20px;
  position: relative;
  }
  .skiptranslate .goog-te-combo{
  visibility: visible;
  position: absolute;
  top: -5px;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid #fff;
  }
  .VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate{
    display: none;
  }

  .contact_c3 .a_bg{
    background-color: var(--themecolor);
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
  }
  .contact_c3 .a_bg h6{
    margin: 0px;
    color: #fff;
  }


  

.read_m_btn{
  text-align: right;
}
.read_m_btn h6{
 font-size: 13px;
 color: var(--themebgcolor);
 padding-left: 2px;
 transition: transform 0.3s ease;
}



/* ap_charts_styles_start */




body::-webkit-scrollbar {
  width: 3px;
  /* Width of the scrollbar */
}

/* Track */

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */

body::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1px;
}

/* Handle on hover */

body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.ap-map svg path {
    /* fill: #c7c7c7; */
    stroke: #fff;
    stroke-width: 0.875px;
}

#tooltip {
    background-image: linear-gradient(256.43deg, #ffae80 -12.08%, #ff7425 109.79%);
    color: white;
    border-radius: 5px;
    padding: 5px;
}

.ap-map svg path.active {
    fill: #f9900e;
    filter: drop-shadow(2px 10px 6px #f9900e);
    cursor: pointer;
    stroke-width: 0.45;
}

.ap-map svg path:hover {
    fill: #f9900e;
    filter: drop-shadow(2px 10px 6px #f9900e);
    cursor: pointer;
    stroke-width: 0.45;
}

.ap-map svg {
    width: 100%;
    /* height: 60vh; */
}
.br-16 {
  border-radius: 12px;
}
.light-bg-danger {
    background-color: rgba(255, 63, 112, 0.2);

}

 .light-bg-primary {
    background-color: rgba(21, 141, 247, 0.2);
}

 .light-bg-warning {
    background-color: #e58a0026;
}

 .light-bg-violet {
    background-color: #27051d26;
}

 .light-bg-dgreen {
    background-color: #55671052;
}

 .light-bg-red {
    background-color: #e42a1f1c;
}

 .light-bg-blue {
    background-color: #30109f38;
}

 .light-bg-lgreen {
    background-color: #90e88c30;
}

 .light-bg-cblue {
    background-color: #659b9740;
}
.custhemtable thead th {
background: #fca015 !important;
/* white-space: nowrap; */
font-size: 12px;
font-weight: 500;
line-height: 18px;
text-align: left;
color: #000 !important;
padding: 12px 10px 12px 10px;
vertical-align: middle !important;
}
.under-care {
color: #b51bdc;
}
.bp-controlled {
color: #3bb231;
}
.bp-uncontrolled {
color: #eeab00;
}
.bp-uncontrolled-dark {
color: #c08b00;
}
.three-month-ltfu {
color: #ed6300;
}



.mapsection {
  position: relative;
  /* ../images/bg_images/footer-map.png */
  background-image: url(../images/bg_images/map_bg.jpg);
  /* background-image: url('./assets/images/bg_images/Circle\ 9.svg'); */
  /* background-image: url('http://apchfw.ap.gov.in/apchfw-dashboard/assets/Web/images/footer-logo-bg.png');  */
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: top;
  /* background-size: contain;
  background-position: center; */
  }



    /* .nav-pills.cuspills {
        background: #fde3cd;
        border-radius: 30px 30px 30px 30px;
        padding: 6px 6px 6px 6px;
        } */
        .cuspills.nav-pills .nav-link {
          border: 1px solid #f9900e;
          margin-right: 10px;
          border-radius: 20px 20px 20px 20px;
          color: #000 !important;
          background: #fefce3;
          }
              .cuspills.nav-pills .nav-link.active, .cuspills.nav-pills .show>.nav-link {
          color: #fff !important;
          background-color: #f9900e !important;
          border: 1px solid #f9900e !important;
          border-radius: 20px 20px 0px 20px;
          }
  
          /* #andhrapradeshMap {
              transform: scale(1.3)   ;
              width: 100%;
          } */
  
          /* #andhrapradeshMap {
              margin-top: 44px;
          } */
  
          text {
              /* font-family: 'sans-serif'; */
              font-size: 14px;
              cursor: pointer;
          }
  
          .st0 {
              enable-background: new;
           
          }
  
          .st1 {
              fill: #BA81A4;
          }
  
          .st2 {
              fill: none;
              stroke: #FDFDFF;
              stroke-miterlimit: 10;
          }
  
          .st3 {
              fill: #85B135;
          }
  
          .st4 {
              fill: #F26E47;
          }
  
          .st5 {
              fill: none;
              stroke: #FFFFFF;
              stroke-miterlimit: 10;
          }
  
          .st6 {
              fill: #B6CB32;
          }
  
          .st7 {
              fill: #E7468C;
          }
  
          .st8 {
              fill: #FAAD5F;
          }
  
          .st9 {
              fill: blueviolet;
          }
  
          .st10 {
              fill: #FB7747;
          }
  
          .st11 {
              fill: #19b8c3;
          }
  
          .st12 {
              fill: #E48CB4;
          }
  
          .st13 {
              fill: #7d74cb;
          }
  
          .st14 {
              fill: #BE88AA;
          }
  
          .st15 {
              fill: #7DAE38;
          }
  
          .st16 {
              fill: #EE3F8C;
          }
  
          .st17 {
              fill: #F3754C;
          }
  
          .st18 {
              fill: #568ff7;
          }
  
          .st19 {
              fill: crimson;
          }
  
          .st20 {
              fill: #FAAC64;
          }
  
          .st21 {
              fill: #BC89AA;
          }
  
          .st22 {
              fill: #3eb790;
          }
  
          .st23 {
              fill: fuchsia;
          }
  
          .st24 {
              fill: #009738;
          }
  
          .st25 {
              fill: #e18a3a;
          }
  
          .st26 {
              fill: #A4D6F9;
          }
  
          .st27 {
              fill: #EE3F2A;
          }
  
          .st28 {
              fill: #B7CB38;
          }
  
          .st30 {
              fill: #000;
              font-size: 23px;
              font-weight: 500;
          }
  
          .st30:hover {
              text-decoration: none;
          }
  
  
  
          .dist0 {
              stroke-width: 2;
              fill: #dd944f;
              stroke: #F77E09;
              stroke-miterlimit: 22.9256;
          }
  
          .dist1 {
              fill: #bb6799;
              stroke: #F370BF;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist2 {
              fill: #e9b8d2;
              stroke: #c97da6;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist3 {
              fill: #51898d;
              stroke: #19b8c3;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
              color: #000;
          }
  
          .dist4 {
              fill: #388354;
              stroke: #009738;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist5 {
              fill: #8b4f4f;
              stroke: #F36868;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist6 {
              fill: #6e5b3a;
              stroke: #A37A34;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist7 {
              fill: #3a5381;
              stroke: #568FF7;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist8 {
              fill: #274c57;
              stroke: #1687A7;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist9 {
              fill: #703e75;
              stroke: #93329E;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist10 {
              fill: #4d7c41;
              stroke: #84ec6a;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist11 {
              fill: #8b5b3e;
              stroke: #f7660a;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          .dist12 {
              fill: #747136;
              stroke: #BFB928;
              stroke-width: 2;
              stroke-miterlimit: 22.9256;
          }
  
          path:hover {
              fill: #FFB301;
              /* fill: #1296ff; */
              stroke-width: 3px;
              stroke: #FBEEC1;
              /* stroke: #97d1ff; */
              /* filter: url(#dropshadow); */
              transition: fill .8s ease-out;
              transition: stroke .2s ease-out;
          }
  
          .dtxt {
              fill: #fff;
              font-weight: bold;
          }
  
  
          /* Styles start */
          .mapdiv {
          position: relative;
          }
          .map_menu {
          transform: rotate(270deg);
          position: absolute;
          /* right: 0 !important; */
          top: 0;
          /* margin: auto; */
          bottom: 0;
          /* display: flex; */
          justify-content: end;
          vertical-align: top;
          left: 0;
          }
  
          .map-link {
          border: 1px solid #f9900e;
          margin-right: 10px;
          /* border-radius: 20px 20px 20px 20px; */
          border-radius: 20px 20px 0px 20px;
          color: #000 !important;
          background: #fefce3;
          }
  
          .assignment {
          /* display: flex;
          justify-content: center;
          align-items: center; */
          /* height: 100vh; */
          /* width: 100vw; */
          /* background-color: #111; */
          /* padding: 20px; */
  
          }
          .assignment .maindiv {
              --mainWidth: 130px;
              --mainColor: #f9900e;
              --secondColor: #ff4000;
              position: relative;
              color: #FFF;
              /* background-color: #272727; */
              padding-top: 20px;
              /* padding-top: 50px; */
              /* padding: 40px; */
              /* width: 800px; */
              max-width: 100%;
              /* max-width: 100%; */
              /* top: -15px; */
              font-size: 14px;
              text-align: center;
              border-radius: 4%;
              border-width: 1px;
              /* border-top: 0px; */
              border-style: dashed;
              /* border-style: solid; */
              border-color: var(--secondColor) var(--mainColor);
              background-color: var(--textwhite);
              padding: 0px;
              overflow: hidden;
          }
          .assignment .maindiv .mainspan,
          .assignment .maindiv .mainspan1,
          .assignment .maindiv .mainspan2,
          .assignment .maindiv .mainspan3,
          .assignment .maindiv .mainspan4 {
            position: absolute;
            color: #fff;
            /* background-color: #f9900e; */
            /* background-color: var(--secbgcolor); */
            width: var(--mainWidth);
            /* height: 40px; */
            width: 35%;
            text-align: center;
            /* line-height: calc(var(--mainWidth) - 50px); */
            border-width: 1px;
            border-style: dashed;
            border-color: var(--mainColor);
            border-radius: 0px !important;
            /* border-radius: var(--mainWidth); */
            /* border-radius: 50px; */
}
          .assignment .maindiv .mainspan1 {
          top: calc(-1 * var(--mainWidth) / 100);
          left: calc(-1 * var(--mainWidth) / 100);
          border-top-left-radius: 100px;
          top: 10px;
          left: 10px;
          }
          .assignment .maindiv .mainspan2 {
          top: calc(-1 * var(--mainWidth) / 100);
          right: calc(-1 * var(--mainWidth) / 100);
          border-top-right-radius: 100px;
          }
          .assignment .maindiv .mainspan3 {
          bottom: calc(-1 * var(--mainWidth) / 100);
          right: calc(-1 * var(--mainWidth) / 100);
          border-bottom-right-radius: 100px;
          bottom: 10px;
          right: 10px;
          }
          .assignment .maindiv .mainspan4 {
          bottom: calc(-1 * var(--mainWidth) / 100);
          left: calc(-1 * var(--mainWidth) / 100);
          border-bottom-left-radius: 100px;
          }
          .assignment .maindiv .mainspan1, .assignment .maindiv .mainspan4 {
          border-right-color: var(--secondColor);
          }
          .assignment .maindiv .mainspan2, .assignment .maindiv .mainspan3 {
          border-left-color: var(--secondColor);
          }
        
      
          
          .mainspan1.card, .mainspan3.card{
            background-color: var(--secbgcolor) !important;
            box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
            border-radius: 8px !important;
          }
          .mainspan1.card .in_card, .mainspan3.card .in_card{
            background-color: var(--textwhite);
          }
          .mainspan1 h6, .mainspan3 h6{
             font-size: 13px;
             font-weight: 600;
             color: #000;
          }
          .mainspan1 span, .mainspan3 span{
             font-size: 16px;
             font-weight: 600;
             color: var(--themebgcolor);
          }

.inside_card:hover .read_m_btn h6{
  transform: translateX(10px);
 }
.read_m_btn h6:hover{
  transform: translateX(10px);
 }




 /* gallery_owl_carousel_Css */
 
/* latestnews_css */
#main-banner-slide_g .owl-nav {
  position: absolute;
  /* left: 0px; */
  right: -120px;
  left: 100px;
  top: -11%;
  /* top: 0%; */
  z-index: 1;
  width: 100%;
  /* margin-top: -20px; */
  width: 157px;
  margin: 0 auto;
}

#main-banner-slide_g .owl-nav .owl-prev {
  position: absolute;
  left: 167px;
  width: 35px;
  top: -7px;
  height: 23px;
  color: var(--themebgcolor);
  line-height: 23px;
  text-align: center;
  font-size: 18px;
  border-radius: 13% !important;
  display: inline-block;
  /* background-color: rgba(0, 0, 0, 0.6); */
  background-color: var(--secbgcolor);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

#main-banner-slide_g  .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#main-banner-slide_g  .owl-nav .owl-next {
  position: absolute;
  right: -90px;
  width: 35px;
  top: -7px;
  height: 23px;
  color: var(--themebgcolor);
  line-height: 23px;
  text-align: center;
  font-size: 18px;
  border-radius: 13% !important;
  display: inline-block;
  background-color: var(--secbgcolor);
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

@media(max-width:768px){
  #main-banner-slide_g  .owl-nav .owl-next {
    position: absolute;
    right: 30px;
  }
  #main-banner-slide_g .owl-nav .owl-prev {
    position: absolute;
    left: 30px;
  }
}





.read_m_btn2 {
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  background-color: var(--secbgcolor);
  width: 100%;
  display: flex;
  justify-content: center;
}

.read_m_btn2 h6 {
  font-size: 14px;
  color: var(--themebgcolor);
  padding-left: 2px;
  transition: transform 0.3s ease;
  margin-bottom: 0px;
}


.read_m_btn2 h6:hover {
  transform: translateX(10px);
}


.features-style1__single .tite h3 {

  text-transform: uppercase;

}
.features-style1__single:hover .tite h3 a {

  color: var(--textwhite) !important;

}
.features-style1__single:hover .read_m_btn2{

  background-color: var(--textwhite) !important;
}
.features-style1__single:hover .read_m_btn2 h6{
  color : var(--themecolor)
}

.fw_600{
  font-weight: 600;
}

.custom_header{
  background-color: var(--themecolor);
  color: var(--textwhite);
  padding: 10px;
  font-size: 16px;
  border-radius: 8px;
}

.success_images{
  border:3px solid var(--themecolor);
  padding: 10px;
  height: 320px;
  
}


.d_button {
  position: relative;
  width: 150px;
  /* width: 100%; */
  height: 40px;
  bottom: 0;
  left: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #17795E;
  background-color: #209978;
  overflow: hidden;
  width: 100%;
}

.d_button, .button__icon, .button__text {
  transition: all 0.3s;
}

.d_button .button__text {
  transform: translateX(22px);
  color: #fff;
  font-weight: 600;
}

.d_button .button__icon {
  position: absolute;
  transform: translateX(109px);
  height: 100%;
  width: 39px;
  background-color: #17795E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d_button .svg {
  width: 20px;
  fill: #fff;
}

.d_button:hover {
  background: #17795E;
}

.d_button:hover .button__text {
  color: transparent;
}

.d_button:hover .button__icon {
  width: 148px;
  transform: translateX(0);
}

.d_button:active .button__icon {
  background-color: #146c54;
}

.d_button:active {
  border: 1px solid #146c54;
}


/* gallery_block_start */


.g_block_owl .main-slider2  .slider-area .owl-nav .owl-prev {
  position: absolute;
  left: -42px;
  width: 25px;
  height: 25px;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  font-size: 21px;
  border-radius: 0%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 500msease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500msease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  display: none;
}
.g_block_owl .main-slider2 .slider-area .owl-nav .owl-next {
  position: absolute;
  right: -42px;
  width: 25px;
  height: 25px;
  color: #ffffff;
  font-size: 21px;
  line-height: 28px;
  text-align: center;
  border-radius: 0%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 500msease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500msease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  display: none;
}
/* gallery_block_end */


.g_block_owl{
  margin-bottom: 20px;
}
.g_title h6{
  font-size: 14px;
}

/* datatables_Styles_start */
.pagination .active>.page-link, .page-link.active {
  z-index: 3;
  color: var(--textwhite);
  background-color: var(--themebgcolor);
  border-color: var(--themebgcolor);
}
.pagination .page-link {
  color: var(--themebgcolor);
}
.pagination .page-item.disabled {
  background-color: var(--secbgcolor);
}
/* datatables_Styles_end */


.st0.active path{
  fill: orange;
  /* fill: var(--themecolor); */
  
}
.st0.blur path{
  /* fill: var(--secbgcolor); */
  fill: #ddd;
  
}


.district {
  /* fill: lightgray; */
   /* Default color */
  /* stroke: black; */
  stroke-width: 1;
  transition: fill 0.3s;
}
/* .highlight path {
  fill: orange !important; 
} */



/* login_modal_css_start */

.commonModal_close {
  background-color: #fff !important;
  position: absolute !important;
  display: flex !important
;
  align-items: center !important;
  justify-content: center !important;
  /* right: -24px !important; */
  right: -33px !important;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  z-index: 14 !important;
  cursor: pointer !important;
  top: -17px;
}




/* .login_full_block{
  background-repeat: no-repeat;
background-image: url(./assets/images/login_background.png);
background-position: center;
width: 100%;
height: 100vh;
position: relative;
background-size: 100% 100%;
border-radius: 0px !important;
} */

/* .login_full_block::before{
background: linear-gradient(40.41deg, #ffb100c7 24.5%, #f9760acc 69.01%);
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: -20;
left: 0;
right: 0;
bottom: 0;
border-radius: 0px !important;


} */


.first_card{
  /* background: linear-gradient(119.64deg, #FFB148 22.29%, #F96A0C 87.84%, #FFB148 95.51%); */
  background-image: url(/assets/images/login_modal_bg.png);
   font-family: 'Poppins' !important;
   border-top-right-radius: 0px !important;
   background-size: cover;
   background-repeat: no-repeat;
   border-radius: 32px;
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
}
.second_card{
  font-family: 'Poppins' !important;
  background: #FFEDBC !important;
  /* background: linear-gradient(180deg, #FFB300 0%, #FDF2EF 100%) !important; */
  /* background: linear-gradient(180deg, #FFB300 0%, #F9720B 100%) !important; */
  /* border: 2px solid #FFE176;border-top:0px; 
  border-bottom:0px; border-right:1px; */
  box-shadow: 17px 4px 30.4px -10px #7B74B980; 
  border-radius: 24px !important;
  margin-bottom: 0px !important;
}

@media(max-width:768px){
  .first_card{

     border-top-right-radius: 32px !important;
     border-bottom-right-radius: 32px !important;
  }
}
@media(max-width:991px){
  .first_card{

     border-top-right-radius: 32px !important;
     border-bottom-right-radius: 32px !important;
  }
}

.m_line{
  border-bottom: 3px solid #fff;
  width: 100px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.login_block{
  position: relative;
  z-index: 999;
}

.fs_6{
  font-size: 12px;
}

.login_btn{
  background-color: #9D1C1C;
  color:#fff;
  width: 230px;
  padding: 8px !important;
  font-size: 14px;
  font-weight: 700;
}
.login_btn:hover{
  background-color:rgb(209, 3, 3);
  color:#fff;
 
}
.loginpadding {
padding: 25px 35px !important;
/* padding: 18px 65px !important; */
/* flex-direction: column; */
border-radius: 24px;
background: #ffffff;
box-shadow: 0 0 34px -19px rgba(0, 0, 0, 0.8);
}

.second_card .otp_wrapper {
  width: 100px;
  padding:7px !important;
  border-radius: 8px !important;
}
.second_card .form-check-input[type=checkbox] {
  width: 17px;
  height: 17px;
  border: 1px solid #ffb100;
}

.second_card .form-check-input:checked {
  background-color: #ffb100;
  border-color: #ffb100;
}
.second_card .form-check-input:focus {
  border-color: #ffb100;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(253 212 13 / 25%);
}

.second_card .form-control{
  font-size: 13px;
  border: 0px;
}
.second_card .form-control:focus {
  /* border-color: #86b7fe; */
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(253 135 13 / 25%);
}
.second_card .form-select{
  font-size: 13px !important;
  border: 0px;

}
.second_card .form-select:focus {
  /* border-color: #86b7fe; */
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(253 135 13 / 25%);
}
.second_card .remember{
  color: #000;
}
.second_card .forgot_color{
  color: rgb(209, 3, 3);
}

@media(max-width:768px){
  .first_card{
   padding-right:0px
}
.loginpadding {
padding: 18px 25px !important;
/* flex-direction: column; */
border-radius: 24px;
background: #ffffff;
box-shadow: 0 0 34px -19px rgba(0, 0, 0, 0.8);
}
}
/* login_modal_css_end */



.media-updates-block{
  background-color: var(--secbgcolor);
  border: 1px dashed var(--themebgcolor) !important;
}


.c_modal.modal-content{
  border: 0px;

}
.c_modal .modal-header{
  background-color: var(--secbgcolor) !important;
  border-bottom: 0px;
  padding: 10px;
}


/* visitors_counts */

.visitors{
  /* background-color: #fff; */

}

.visitors a{
  color: var(--text-color);
  font-size: 18px;
  display: flex;
  gap: 10px;
}
.visitors a span{
  background-color: #fff;
  color: var(--text-color);
  width: 30px

}