@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;300;500;600&display=swap');

p,
ul,
li,
tr,
td,
a,
span {
    font-weight: 300;
}

h2,
h3 {
    font-weight: 500;
}

#bodyaddid {
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Exo 2', sans-serif;
    background: #eee;
}

header {
    width: 100%;
    float: left;
    position: fixed;
    z-index: 9999;
    top: 0px;
}

.headertop {
    width: 100%;
    float: left;
    position: relative;
}

.headertop:before {
    content: "";
    position: absolute;
}

.num-top li {
    list-style: none;
    color: #929ba2;
    font-size: 14px;
}

.num-top li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.num-topl {
    padding: 8px 15px;
    width: 100%;
    text-align: right;
}

.num-top li {
    color: #fff;
    list-style: none;
    display: inline-table;
}

.num-top li a {
    color: #fff;
}

.num-top li span {
    background: #027cc5;
    padding: 2px 11px;
    margin-left: 15px;
}

.headerbottom {
    width: 100%;
    float: left;
    padding: 6px 0px;
    /* background: linear-gradient(to bottom, rgb(0 0 0 / 42%) 0%, rgb(0 0 0 / 35%) 50%, rgba(0,0,0,0) 100%); */
    background: linear-gradient(to bottom, rgb(0 0 0 / 65%) 0%, rgb(0 0 0 / 47%) 50%, rgb(0 0 0 / 0%) 100%);
}

.headerbottom .navbar-brand img {
    width: 130px;
}

.rightmyaccount ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.rightmyaccount ul li {
    list-style: none;
}

.headerbottom .navbar {
    padding: 0px;
}

.rightmyaccount ul li a {
    padding: 20px 25px;
    background: #242d3c;
    color: #fff;
    font-size: 15px;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #ffc107;
    font-weight: 400;
    transition: 2s;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding: 15px 18px;
    position: relative;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:hover {
    padding: 15px 18px;
    position: relative;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 1px;
    top: 38%;
    right: 0px;
    background: #fff;
}

.navbar-light .dropdown-toggle:after {
    position: relative;
    top: 2px;
}

.navbar-light .navbar-nav .lastmenu .nav-link:before {
    display: none;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
    font-weight: 500;
}

.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    padding: 10px;
    border-radius: 5px;
}

.navbar-nav .dropdown .dropdown-menu {
    padding: 0px;
    border-radius: 0px;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-header {
    padding: 15px;
    color: #057ec6;
    font-size: 18px;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item {
    padding: 10px 20px;
    font-size: 14px;
    white-space: inherit;
}

.dropdown-menu-large {
    padding: 30px 15px !important;
    width: 60%;
}

.dropdownstat:nth-child(3) .dropdown-menu-large {
    width: 35%;
}

.dropdown-menu-mid {
    min-width: 15rem;
    width: 50%;
    padding: 40px 30px !important;
    margin-right: 10px;
}

.dropdown-menu-smls {
    min-width: 15rem;
    width: 22%;
    padding: 30px 25px !important;
}

.dropdown-menu-large ul {
    padding: 0px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    transition: .02s;
    border-radius: 2px;
    background: #fff;
    color: #057ec6;
}

.dropdown-menu-large ul li {
    list-style: none;
    width: 100%;
}

.dropdown-menu-mid li,
.dropdown-menu-smls li {
    list-style: none;
    width: 100%;
}

li.dropdown-header {
    padding: 0px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.num-top {
    padding: 2px 0px 0 0;
}

.navbar-expand-lg .navbar-collapse.show {
    display: block !important;
    flex-basis: auto;
    text-align: right;
    width: 100%;
}

.navbar-expand-lg .navbar-collapse {
    display: block !important;
    flex-basis: auto;
    text-align: right;
    width: 100%;
}

.navbar-nav {
    display: inline-table;
}

.navbar-nav li {
    display: inline-table;
}

.dropdown-menu-large ul li a {
    padding: 4px 4px;
    font-size: 14px;
    text-decoration: none;
}

.dropdownstat {
    position: static !important
}

.searchtop {
    background: #fff;
    padding: 1px 5px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 30px;
}

.loginclick {
    background: #fff;
    padding: 1px 12px;
    border-radius: 50px;
    height: 35px;
    text-align: center;
    line-height: 30px;
}

.headerbottom.designtime {
    position: relative;
    z-index: 999;
    background: #fff;
    box-shadow: 1px 2px 10px #d8d8d8;
}

.headerbottom.designtime .navbar-expand-lg .navbar-toggler {
    display: block;
}

.headerbottom.designtime .collapse:not(.show) {
    display: none !important;
}

.collapse.navbar-collapse.designtime {
    display: none !important;
}

.loginclick {
    margin-right: 8px;
    list-style: none;
}

.loginclick a {
    display: flex;
    color: #057ec6;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    padding: 0px 15px;
}

.loginclick:hover {
    background: #057ec6;
    color: #fff;
}

.loginclick:hover a {
    color: #fff;
}

.fullwidthpar {
    width: 100%;
    list-style: none;
}

.fullwidthpar li .cost_pdf img {
    width: 40px;
    display: block;
}

.fullwidthpar li {
    display: block;
    clear: both;
    margin-bottom: 30px;
}

a {
    color: #057ec6;
    text-decoration: underline;
}

.dropdown-menu:after {
    content: "";
    position: absolute;
    top: -18px;
    left: 30px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #fff;
    display: block;
    width: 0;
}

.lr_gutter {
    border-left: .2px solid #eeeeee;
}

/*-----------------------menu---------------------*/


.wrapper-menu {
    width: 40px;
    height: 38px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    transition: transform 330ms ease-out;
    background: #fff;
    padding: 10px;
    border-radius: 2px 8px 2px 8px;
}

.wrapper-menu.open {
    transform: rotate(-45deg);
}

.line-menu {
    background-color: #01609b;
    border-radius: 5px;
    width: 100%;
    height: 2px;
}

.line-menu.half {
    width: 50%;
}

.line-menu.start {
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: right;
}

.open .line-menu.start {
    transform: rotate(-90deg) translateX(3px);
}

.line-menu.end {
    align-self: flex-end;
    transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
    transform-origin: left;
}

.open .line-menu.end {
    transform: rotate(-90deg) translateX(-3px);
}

.navbar-collapse.mobilemenu {
    display: none !important;
}


.navbar-collapse.mobilemenu.designtime {
    display: flex !important;
}

.searchicon25 {
    display: inline-table;
}

.navbar-collapse.mobilemenu.designtime {
    display: flex !important;
    float: right !important;
    width: auto !important;
    flex-grow: inherit !important;
    padding-right: 30px;
}

.searchicon25 i.fa.fa-search {
    padding: 0px;
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 26px;
    border-radius: 50px;
    color: #01609b;
}

.scrollstop {
    overflow: hidden;
}

/*--------------------------menu---------------*/




















.main-banner {
    width: 100%;
    float: left;
    position: relative;
    height: 55vh;
}

.homepagebner {
    height: 100vh;
}

.main-banner .mainslider {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    height: 100vh;
    object-fit: cover;
}





.call247 {
    width: 150px;
    background: #057ec6;
    position: absolute;
    top: 0px;
    right: 5%;
    text-align: center;
    z-index: 999;
}

.call247 h3 {
    color: #057ec6;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 0;
    margin: 0px;
    background: #fff;
}

.call247 p {
    margin: 0px;
    padding: 5px;
    font-size: 12px;
    color: #fff;
}

.call247 .signin2 {
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 100px;
}

.call247 .signin2 a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.signin2 {
    width: 100%;
    float: left;
    color: #fff;
}

.signin1 {
    width: 100%;
    float: left;
    padding: 0px 9px;
    margin-bottom: 15px;
}

.sideleft {
    position: fixed;
    left: 0px;
    top: 20%;
    width: 70px;
    z-index: 99999;
    border-left: 10px solid #2196f3;
}

.sideleft ul {
    padding: 0px;
    margin: 0;
}

.sideleft ul li {
    list-style: none;
}

.sideleft ul li a {
    text-align: center;
    display: block;
    color: #fff !important;
    font-weight: 300;
    font-size: 9px;
    text-decoration: none;
    background: rgb(9 76 116 / 90%);
    padding: 10px 0;
    border-bottom: .2px solid #4277a1;
}

.sideleft ul li a:hover {
    background: #2196f3;
}

.sideleft ul li a i {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}


.topiconlist {
    width: 100%;
    float: left;
    padding: 0px;
    position: absolute;
    z-index: 9;
    bottom: 0px;
    background: rgb(255, 255, 255, 0.5);
}

.topiconlist marquee {
    /*background: #00c546;*/
    background: #21acff;
    /*background: #0dcaf0;*/
    padding: 10px 2px;
    color: #fff;
    font-size: 15px;
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.icon1 {
    width: 93%;
    /*background: #fff;*/
    padding: 20px 0 0px 0;
    /*box-shadow:0px 0px 15px 0px rgb(0, 0, 0, 0.35);*/
    float: left;
}

.icon1 ul {
    display: flex;
    padding: 0px;
}

.icon1 ul li {
    list-style: none;
    width: 100%;
    text-align: center;
    position: relative;
}

.icon1 ul li a,
.icon1 ul li a:hover,
.icon1 ul li a:active,
.icon1 ul li a:focus {
    text-decoration: none;
}

.icon1 ul li img {
    width: 70px;
    margin: 0 auto;
}

.icon1 ul li h6 {
    font-size: 13px;
    color: #212529;
    font-family: sans-serif;
    padding: 0px 10px;
    font-weight: 600;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.icon1 ul li img {
    background: #fec534;
    width: 60px;
    margin: 0 auto;
    border: 2px solid #fff;
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 100px;
    box-sizing: border-box;
    height: 60px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.icon1 ul li img:hover {
    /*  -webkit-animation: shake 0.3s linear 0s infinite;
  -moz-animation: shake 0.3s linear 0s infinite;
  -ms-animation: shake 0.3s linear 0s infinite;
  -o-animation: shake 0.3s linear 0s infinite;
  animation: shake 0.3s linear 0s infinite;*/

}

.icon1 ul li:before {
    pointer-events: none;
    position: absolute;
    z-index: 99;
    content: '';
    top: 55%;
    left: 37%;
    height: 10px;
    width: 27%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity
}

.icon1 ul li:hover img {
    border: 0px;
    background: #01609b;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px) -webkit-transition-duration .3s;
    transition-duration: .3s;
}

.icon1 ul li:hover h6 {
    color: #000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}



@-webkit-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@-moz-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@-ms-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@-o-keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes shake {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(10deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(-10deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

.twoitem {
    background: #fff;
}

.twoitem.twoitem2.pt-0 {
    /*background: #f1f1f1 url("../img/pattern.png") no-repeat;*/
    background-size: 100% auto;
}

.twoitem {
    width: 100%;
    float: left;
    padding: 60px 0 60px 0;
    /*background: #0dcaf0  url("../img/pattern1.png") no-repeat;*/
    background-size: 100% auto;
}

.twoitemimg {
    width: 100%;
    float: left;
    overflow: hidden;
}

.twoitemimg img {
    width: 100%;
    float: left;
    transition: transform .2s;
    /* Animation */
}

.twoitemimg:hover img {
    width: 100%;
    float: left;
    transition: transform .2s;
    /* Animation */
    transform: scale(1.3);
}

.twoitemtext {
    width: 100%;
    float: left;
    padding: 11%;
}

.twoitemtext h2 {
    font-size: 25px;
    margin: 0px 0px 15px 0px
}

.twoitemimg p {
    width: 100%;
    font-size: 15px;
    color: #000;
}

.threeitem {
    width: 100%;
    float: left;
    padding: 60px 0;
}

.boxitem {
    width: 100%;
    float: left;
    background: #ececec;
    transition: transform .2s;
    /* Animation */
}

.boxitem:hover {
    width: 100%;
    float: left;
    background: #ececec;
    transition: transform .2s;
    /* Animation */
    transform: scale(1.1);
}

.boimg {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 15px 0px rgb(0, 0, 0, 0.35);
    overflow: hidden;
}

.boxitem .boimg img {
    width: 100%;
    float: left;
}

.boxitem:hover .boimg img {
    width: 100%;
    float: left;
}

.threetext {
    width: 100%;
    float: left;
    background: #ececec;
    padding: 0px 30px 30px 30px;
    min-height: 190px;
}

.threetext1 {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px;
    margin-top: -40px;
    position: relative;
    text-align: center;
}

.threetext h4 {
    margin: 0px 0px 8px 0px;
    font-size: 20px;
    text-align: center;
}

.threetext p {
    text-align: center;
    font-size: 15px;
    min-height: 105px;

}

.threetext a {
    background: #057ec6;
    color: #fff;
    position: absolute;
    left: 33%;
    text-decoration: none;
    padding: 8px 18px;
    font-size: 12px;
}

.threetext a:hover {
    background: #fff;
    color: #057ec6;
}

.powering {
    width: 100%;
    float: left;
}

.poweringslider {
    width: 100%;
    float: left;
}

.poweringslider img {
    width: 100%;
    float: left;
}

.poweringslider .slick-next {
    right: 25px;
}

.poweringslider .slick-prev {
    left: 25px;
}

.poweringslider .slick-arrow {
    background: #057ec6;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    z-index: 999
}

.readmore11 {
    background: #057ec6;
    padding: 5px 10px;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    display: inline-table;
}

.readmore11:hover {
    color: #057ec6;
    border: 1px solid #057ec6;
    background: none;
}

.companyprofile {
    background: #0dcaf0 url("../img/pattern1.png") no-repeat;
    padding: 60px 0 160px 0;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: -10px;
}

.companyprofile h3 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
}

.companyprofile p {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

footer {
    padding: 120px 0 60px 0;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
}

.footermenu {
    width: 100%;
    float: left;
}

.footermenu h4 {
    font-size: 18px;
    color: #057ec6;
    font-weight: 500;
    margin-bottom: 15px;
}

.footermenu ul {
    padding: 0px;
    margin-bottom: 40px;
}

.footermenu ul li {
    list-style: none;
}

.footermenu ul li a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 0;
    display: block;
}

.footermenu ul li a:hover {
    color: #027cc5;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 0;
    display: block;
}

.copyright {
    width: 100%;
    float: left;
    padding: 20px;
    background: #fff;
    text-align: center;
    border-top: 1px solid #dcdcdc;
}

.copyright p {
    margin: 0px;
    color: #000;
    font-size: 15px;
}

.footermenu img {
    width: 150px;
}

img.footerlogo {
    position: absolute;
    width: 230px;
    left: auto;
    right: auto;
    left: 42%;
    top: -24%;
}

.companyprofile a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.twoitemtext p {
    font-size: 17px;
    text-align: justify;
}

.innerpagebanner {
    width: 100%;
    float: left;
    background: #057ec6 no-repeat fixed;
    background-size: 100% auto !important;
    height: 100vh;
    padding: 0px;
    background-position: 0px -150px !important;
}

.innerpagebanner:after {
    position: absolute;
    width: 100%;
    content: "";
    left: 0px;
    right: 0;
    ;
    top: 0;
    bottom: 0;
    background: black;
    opacity: .3;
}

.innerpagebanner h1 {
    color: #fff;
    font-size: 60px;
    padding-left: 0;
    font-weight: 500;
}

.menulist {
    width: 100%;
    float: left;
    margin-top: -20px;
    position: relative;
}

.menulist ul {
    padding: 0px;
    text-align: center;
}

.menulist ul li {
    display: inline-table;
}

.menulist ul li a {
    text-decoration: none;
    background: #079cf8;
    color: #fff;
    font-size: 15px;
    padding: 8px 18px;
    display: block;
    border-radius: 3px;
    border: 1px solid #fff;
}

.menulist ul li a:hover {
    border: 1px solid #fff;
    background: #242d3c;
}

.companyprofile1 {
    width: 100%;
    float: left;
    padding: 60px 0 60px 0;
}

.companyprofile1 h2 {
    font-size: 25px;
    margin-bottom: 10px;
    color: #000;
    text-align: left;
}

.companyprofile1 p {
    font-size: 14px;
    text-align: justify;
}

.companysection {
    float: left;
    width: 100%;
}

.companyimg {
    float: left;
    width: 100%;
    padding-left: 20px;
    overflow: hidden;
    padding-top: 20px;
}

.companyimg img {
    float: left;
    width: 100% !important;
    transition: transform .2s;
}

.companyimg img:hover {
    float: left;
    width: 100% !important;
    transition: transform .2s;
    /* Animation */
    transform: scale(1.3);
}

.powertogrow {
    margin-top: 25px;
    float: left;
}

.bakpower {
    background: url(../img/backimg.jpg);
    background-size: 100% 100%;
    height: 100%;
    min-height: 350px;
    transform: .2s;
    margin-right: -25px;
}

.powertogrow .companysection {
    background: #00c546;
    padding: 5%;
    height: 100%;
    background-image: linear-gradient(to left,
            transparent,
            transparent 50%,
            #0dcaf0 50%,
            #0dcaf0);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}

.powertogrow .companysection:hover {
    background-position: 0 0;
    color: #333;
}

.powertogrow .companysection h3 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 10px;
}

.powertogrow .companysection p {
    color: #fff;
    font-size: 14px;
    text-align: justify;
}

.bakpower h3 {
    padding: 50px;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}

.otheraw {
    width: 100%;
    float: left;
    padding: 60px 0 160px 0;
}

.com_profile {
    margin: 25px 0px 50px;
}

.com_profile .companyimg {
    float: left;
    width: 100%;
    padding-right: 10px;
    overflow: hidden;
    padding-top: 10px;
    padding-left: 0px;
}

.otherlink ul {
    padding: 0px;
}

.otherlink ul li {
    list-style: none;
    padding: 6px 10px;
}

.otherlink ul li span {
    background: url(../img/sprite-1.png) -85px 39px;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    transition: all ease-in-out 0.3s;
}

.otherlink ul li:hover span {
    background: url(../img/sprite-1.png) -85px 19px;
}

.otherlink ul li a {
    font-size: 13px;
    color: #000;
    text-decoration: none;
}

.otherlink ul li a:hover {
    color: #0751c0;
}

.otheraw h4 {
    color: #000000;
    font-size: 25px;
    margin-bottom: 30px;
}

.awslider img {
    width: 100%;
}

.otheraw {
    width: 100%;
    float: left;
    padding: 60px 0 150px 0;
    background: #ebebeb url(../img/pattern.png) no-repeat;
    background-size: 100% auto;
}

.socialfeed {
    width: 100%;
    float: left;
    padding: 180px 0;
    background: url("../img/socialbg.png") no-repeat;
    background-size: cover;
}



.socialfeed h3 {
    color: #000;
    font-size: 30px;
    margin-bottom: 60px;
}

.filterdesign {
    width: 100%;
    float: left;
}

.socialfeed .filter-button {
    font-weight: 600;
    font-size: 15px;
    color: #000;
    outline: none;
}

.gallery_product img {
    width: 100%;
}

.filterdesign .slick-slide {
    padding: 0px 10px;
    margin-top: 25px;
}

.warptext {
    width: 100%;
    float: left;
    display: flex;
    padding: 8px;
    border-bottom: 1px solid #fff;
}

.postname h5 {
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin: 0px;
    line-height: 18px;
}

.postname {
    width: 70%;
}

.posticon {
    width: 30%;
    text-align: right;
}

.posticon i {
    font-size: 15px;
    padding: 10px 3px;
    display: block;
    color: #fff;
}

.posticon a img {
    width: 15px !important;
}

.warptext.facebookdiv i {
    color: #4267B2;
}

.warptext.instagramdiv i {
    color: #8a3ab9;
}

.warptext.twitterdiv i {
    color: #1DA1F2;
}

.warptext.youtubediv i {
    color: #FF0000;
}

.slick-prev,
.slick-next {
    z-index: 9999;
}


.warptext.facebookdiv {
    border-bottom: 1px solid #4267B2;
}

.warptext.instagramdiv {
    border-bottom: 1px solid #8a3ab9;
}

.warptext.twitterdiv {
    border-bottom: 1px solid #1DA1F2;
}

.warptext.youtubediv {
    border-bottom: 1px solid #FF0000;
}

.warptext a {
    text-decoration: none;
}

/*.warptext.facebookdiv {
    background: #4166b0;
}*/
.follow_us_icon {
    padding: 50px 0px 0px 10px;
    text-align: center;
}

.follow_us_icon li {
    list-style: none;
    padding: 0px 5px;
    color: #fff;
    display: inline-table;
}

.posticon img {
    width: auto;
    float: right;
    margin-top: 12px;
}

.follow_us_icon li a {
    background: #fff;
    padding: 0px;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 3px;
}

.follow_us_icon li a img {
    vertical-align: baseline;
    line-height: 17px;
    display: block;
    margin: auto;
    padding: 4px;
}

.followuson {
    vertical-align: super;
}

/*---------------------search--------------------------*/

span.glyphicon.glyphicon-search {
    cursor: pointer;
    background: #f0ad4e;
    padding: 40px;
    font-size: 30px;
    color: #fff;
    margin: 0 auto;
    display: table;
}

.search-wrap {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background: rgba(0, 0, 0, 0.63);
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.search-middle {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.search-t {
    background: transparent !important;
    padding: 40px !important;
    color: #fff !important;
    font-size: 40px !important;
}

.close-btn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    background: white;
    color: #575757;
    font-size: 26px;
    border-radius: 50px;
    margin: 15px;
    padding: 5px;
}

.search-wrap.searchactive {
    left: 0px;
    z-index: 999999;
}

.search-middle input {
    width: 40%;
    border-radius: 5px;
    min-height: 50px;
    padding: 10px;
    margin: 0 auto;
    border: 1px;
}

.powertogrow {
    padding-bottom: 40px;
}

































.fixmnu,
.fixmenuds1 .fixmnu.active,
.fixmenuds1.active {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.fixmnu {
    position: fixed;
    right: 100%;
    top: 0;
    display: flex;
    width: 100%;
    z-index: 99999999;
    height: 100%
}

.fixmenuds1 {
    position: absolute;
    right: 100%;
    top: 0;
    display: flex;
    width: 100%;
    z-index: 99999999;
    height: 100%
}

.navlgo {
    padding: 15px;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center
}

.mnuinr {
    max-height: 100%;
    width: 250px;
    background: #fff
}

.fixmnu.active,
.fixmenuds1.active {
    right: 0
}

.fixmnu .menu-main-menu-container,
.fixmenuds1 .menu-main-menu-container {
    width: 100%
}

.mnucls {
    background: rgba(0, 0, 0, .6);
    cursor: pointer;
    width: calc(100% - 250px);
    position: relative
}

.mnucls svg {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px;
    fill: #fff
}

.jquery-accordion-menu ul ul.submenu,
.jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
}

#jquery-accordion-menu,
#jquery-accordion-menu a,
#jquery-accordion-menu li,
#jquery-accordion-menu ul {
    width: 100%;
    float: left;
    position: relative
}

#jquery-accordion-menu a span {
    position: absolute;
    right: 10px;
    font-size: 25px;
    font-weight: 900;
    color: #000;
    line-height: 0;
    transform: translateY(50%);
    top: 50%
}

#demo-list>li>a {
    font-size: 16px;
    line-height: 1.2;
    color: #222;
    text-decoration: none !important;
    display: block;
    padding: 13px 20px;
    background: #fff;
    border-bottom: 1px solid #f1f1f1
}

#demo-list>li:hover>a {
    color: #000;
    background: #f1f1f1
}

#demo-list>li>ul {
    list-style: none;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px
}

#demo-list>li>ul>li>a {
    color: #222;
    font-size: 13px;
    line-height: 1.2;
    display: inline-block
}

#demo-list>li>ul>li {
    margin: 8px 0
}



ul#demo-list {
    list-style: none;
    padding-left: 0px;
}

#demo-list>li>ul {
    list-style: none;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 30px;
}

#demo-list>li>ul>li {
    margin: 8px 0;
}

#demo-list>li>ul>li>a {
    color: #222;
    font-size: 13px;
    line-height: 1.2;
    display: inline-block;
    text-decoration: none;
}

.mnuinr .follow_us_icon {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.mnuinr .followuson {
    color: #000;
    display: flex;
    font-size: 16px;
    margin-bottom: 12px;
}

.mnuinr ul.navbar-nav.num-top li {
    color: #084298;
    padding: 18px 18px 1px 18px;
    font-size: 16px;
}

.mnuinr ul.navbar-nav.num-top li a {
    color: #000;
    padding: 10px;
}

.mnuinr .num-top li span {
    margin-left: 0px;
    color: #fff;
}

.mnuinr ul.navbar-nav.num-top {
    margin-top: 5px;
    border-top: 1px solid #ccc;
}

.slick-prev {
    left: 0px;
}

.slick-next {
    right: 0px;
}

.topiconlist h4 {
    background: #057ec6;
    padding: 13px 0;
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 0px;
    border-radius: 0px 0 0 0;
    position: relative;

}

.topiconlist h4:before {
    content: "";
    position: absolute;
    right: 0px;
    background: #fff;
    width: 1px;
    height: 50%;
    top: 30%;
}

.topiconlist a:hover {
    color: #21acff;
}

.anadd {
    right: 0px;
    overflow: hidden;
}

.annoucement {
    height: 42px;
    background: #fff;
    line-height: 40px;
    padding: 0px 65px 0px 10px;
}

.sliderannoucement a {
    text-decoration: none;
    font-size: 13px;
    color: #fff;
}

.sliderannoucement {
    display: inline-table;
    padding-right: 50px;
}

.sliderannoucement a:hover {
    color: #ffeb3b;
}

.flex5258wrap {
    padding: 0px 30px;
    background: #21acff;
    float: left;
    width: 100%;
    border-left: 1px solid #ffffff;
}

.fleright1 {
    border: 0px;
}

.flex5258wrap.fleright1 {
    background: #057ec6;
}

.flex5258wrap.fleright1 marquee {
    background: #057ec6;
}

.breadcrumb-item {
    list-style: none;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #000;
}

.breadcrumb-item a.active {
    text-decoration: none;
    color: #02609b;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #fff;
    content: var(--bs-breadcrumb-divider, "/");
    display: none;
}

.breadcrumb {
    padding: 5px 0px;
    margin-bottom: 0px;
}

.formsection {
    width: 100%;
    float: left;
    padding: 60px;
    position: relative;
}

.formsection h2 {
    margin: 0px;
    text-align: center;
    color: #000000;
    font-size: 25px;
    margin-bottom: 30px;
    position: relative;
    padding: 0px 0 10px 0
}

.formsection h2:before {
    position: absolute;
    content: "";
    background: #027cc5;
    width: 5%;
    height: 2px;
    left: 47.5%;
    bottom: 0px;
}

.formdiv {
    float: left;
    width: 100%;
    background: #ebebeb;
    padding: 15px;
    border-radius: 5px;
}

.main-banner.innerpagebanner {
    height: 50vh !important;
}

.main-banner.innerpagebanner .innerpagebanner {
    padding: 0px 0px 100px 0;
}


.sidemenu {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 60px 0px;
}

.sidemenu ul {
    width: 100%;
    float: left;
    margin: 0px;
    border-left: 0px solid #000;
    padding: 0px 0;
}

.sidemenu ul li {
    list-style: none;
}

.sidemenu ul li a {
    text-decoration: none;
    padding: 0px 0px;
    color: #000;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #ebebeb;
}

.sidemenu ul li a .fa {
    padding: 0px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 40px;
    background: #ebebeb;
    color: #02609b;
    border-right: 1px solid #fec534;
    margin-right: 15px;
}

.sidemenu ul li a:hover .fa {
    color: #fff;
    background: #02609b;
}

.sidemenu ul li a:hover {
    background: #ebebeb;
}

.sidemenu ul li a.active .fa {
    color: #fff;
    background: #02609b;
}

.sidemenu ul li a.active {
    background: #ebebeb;
}


.formdiv .form-checklogin {
    padding: 0px;
}

.slidermeter {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 0px;
    background: linear-gradient(45deg, #00bcd4, #2196f3);
}

.slidermb {
    margin-bottom: 20px;
    min-height: 280px;
    clear: both;
}

.formdiv.formdiv1 {
    background: #fff;
    padding: 0px;
}

.formdiv.formdiv1 h2 {
    text-align: left;
    margin-bottom: 12px;
}

.formsection .formdiv.formdiv1 h2:before {
    position: absolute;
    content: "";
    background: #027cc5;
    width: 12%;
    height: 2px;
    left: 0%;
    bottom: 0px;
}

.materslider {
    position: relative;
    float: left;
    width: 100%;
}

.materslider h6 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #047ec6;
    margin: 0px;
    padding: 8px 15px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
}

.mb20 {
    bottom: 200px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
}

.designds {
    position: absolute;
    left: 0px;
    background: #02609b;
    width: 160px;
    top: 0px;
    border: 0px;
    height: 100vh;
    overflow-y: scroll;
}

.designds::-webkit-scrollbar {
    width: 0px;
    background: #02609b;
}

.nav_tbds::-webkit-scrollbar {
    height: 7px;
    background: #fff;
}

.nav_tbds::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
}

.nav_tbds::-webkit-scrollbar-thumb {
    background-color: #21acff;
}

.designds ul {
    display: inline-block;
    width: 100%;
    height: 100vh;
}

.bg_sidedivs {
    position: static;
    width: 100%;

}

.designds ul li img {
    background: none;
    width: 35px;
    height: 35px;
    ;
    padding: 0px;
    border: 0px solid #fff;
    margin-bottom: 2px;
}

.designds ul li:hover img {
    border: 0px;
    background: none !important;
    -webkit-transform: translateY(0px)
}

.designds ul li {
    list-style: none;
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #618398;
    transition: 1s;
    cursor: pointer;
}

.designds ul li h6 {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.designds ul li:hover h6 {
    color: #fff;
}

.cross_btns {
    height: 40px;
    width: 40px;
    position: absolute;
    left: 140px;
    color: #02609b;
    background: white;
    font-size: 26px;
    top: 6px;
    padding: 0px;
    align-items: center;
    text-align: center;
    z-index: 9;
    cursor: pointer;
    border-radius: 10px 4px;
}

.designds ul li:hover {
    background: #044d7b;
}

.main_sectiods {
    position: relative;
    clear: both;
    padding: 0px;
    z-index: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 125px;
    background: #ededed;
}

/*.main_sectiods:after{ background: url(../img/sel/2.jpg);background-size:cover;content:"";position: absolute;right: 0px;width: 50%;top: 0px;bottom: 0px;z-index: -1;}*/
.form_div {
    padding: 10px 10px 20px 10px;
    width: 100%;
    /*background: #fff;*/
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

.our_other_links {
    padding: 10px 0px;
}

ul {
    padding: 0px;
}

.our_other_links ul li {
    padding: 10px 0px;
    list-style: none;
    background: #057ec6;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding-left: 25px;
    transition: 1s;
    border-radius: 3px;
}

.our_other_links ul li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: block;
}

.our_other_links h4,
.mainwrapper h4 {
    font-size: 18px;
}

/*.our_other_links ul li:hover{background: #4caf50;}*/
.sec_div_section {
    background: #f7f7f7;
    width: 100%;
    clear: both;
    position: relative;
    z-index: 0;
    min-height: 550px;
}

.sec_div_section:after {
    background: #efefef;
    width: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    content: "";
    z-index: -1;
}

.mainwrapper {
    padding: 0px 0px;
}

.mainwrapper h4 {
    padding-bottom: 7px;
    background: #4caf50;
    padding: 10px;
    color: #ffffff;
    margin-bottom: 0px;
}

.inner_boxs {
    background: #fff;
    padding: 40px 15px;
}

.innerpagebanner h1 {
    color: #fff;
    font-size: 60px;
    padding-left: 0;
    font-weight: 500;
    background: #02609b;
    padding: 20px 80px;
    display: inline-block;
    margin-top: 45%;
    border-radius: 0px 50px 0px 50px;
    display: none;
}

.main_div_form {
    padding: 60px 50px;
    text-align: center;
}

.main_div_form .formdiv {
    padding: 50px;
}

.number_input {
    width: 80%;
    margin: auto;
}

.main_div_form .formdiv h2 {
    font-size: 30px;
}


.icondsds i {
    padding: 10px;
    position: relative;
    top: 2px;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .2rem;
    line-height: 35px;
}

.nav_tbds .nav-link {
    border-left: 4px solid #f7f7f7;
    padding: 16px 20px;
    font-size: 16px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: #495057;
    background-color: #ededed;
    border-color: none;
    border-radius: 2px 15px;
}

.nav_tbds .nav-item .nav-link,
.nav-tabs .nav-link:hover {
    color: #495057;
    background: #f7f7f7;
}

.nav_tbds {
    margin-bottom: 20px;
    width: 100%;
    white-space: nowrap;
    display: block;
    overflow-x: scroll;
}

.nav_tbds .nav-item {
    padding: 10px 10px 10px 0px;
    display: inline-block;
    width: auto;
}

.nav_tbds .nav-link.active {
    border-left: 4px solid #2196f3;
    background: #ffc107;
    color: #383838;
}

/* box-shadow: 1px 0px 1px #eee;} */
.tab_main .tab-pane p,
.tab_main .tab-pane h4,
.tab_main .tab-pane h5 {
    text-align: left;
}

.tab_main .tab-pane h5 {
    padding: 20px 0px;
}

.innerhdnds {
    height: 50px;
    background-size: cover;
    /*    background: linear-gradient( 
45deg, #a6a4a4cf, #b4afaf5e);*/
    /*     background: linear-gradient( 
45deg, #bbf7ff, #ffffff);*/
    margin-bottom: 20px;
    width: 100%;
    border-radius: 5px;
}

.innerhdnds h2 {
    padding: 12px 0px;
    text-align: left;
    font-size: 28px;
    /*    background: url(../img/icon/bg2.png);
*/
    height: 50px;
    background-size: cover;
    background-position: 0px -18px;
    /*padding-left: 20px;*/
    color: #282828;
}

.img_panel {
    width: 100%;
}

.tab-pane p {
    padding: 10px 0px;
}

.tab-pane .contactdes {
    text-align: center !important;
}

.form_section {
    clear: both;
    position: relative;
}

.form_gp_des {
    margin-bottom: 25px;
}

.form_gp_des span {
    color: red;
    font-size: 16px;
    font-weight: 600;
}

label {
    text-align: left;
    display: block;
    color: #2196f3;
    margin-bottom: 7px;
}

.form_gp_des .form-control {
    border-radius: 6px;
    box-shadow: 2px 2px 25px #dedede;
    border: 1px solid #e6e6e6;
    padding: 12px 20px;
    background: #ffffff;
}

.allowed_file {
    font-size: 11px;
    color: orange;
    margin-top: 8px;
}

.titl_details {
    background: #02609b;
    color: #fff;
    padding: 5px 20px !important;
    text-align: left;
    border-radius: 5px;
}

input[type=file]::file-selector-button {
    padding: .2em .4em;
    border-radius: 20px 0px 0px 20px;
    transition: 1s;
    background: #eee;
    border: 1px solid #eee;
}

.btn {
    border-radius: 8px !important;
    padding: 12px 25px;
}

.mainhding h2 {
    margin-bottom: 20px;
}

.mainhding p {
    text-align: left;
}

.submit_btsd {
    margin-bottom: 30px;
    margin-top: 30px;
}

.checkbox_des {
    text-align: left;
    padding-left: 18px;
}

.cancelbtns {
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 0px;
}

.tab_main .tab-pane .assured_nbnt {
    margin: 10px 0px;
    padding: 1px 10px 0px 2px;
    font-size: 13px;
    text-align: left;
    ockcolor: green;
    display: block;
    color: green;
}

.recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.94);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}
















.rediobuttonstyle {
    float: left;
    width: 100%;
    padding: 15px 0px;
}

.rediobuttonstyle form {
    display: block;
    margin: auto;
    max-width: 100%;
    position: relative;
}








.lingcoldfsds {
    color: orange;
}

.rediobuttonstyle .form .plan input,
.rediobuttonstyle .form .payment-plan input,
.rediobuttonstyle .form .payment-type input {
    display: none;
}

.rediobuttonstyle .form label {
    position: relative;
    color: #000;
    background-color: #e3e8eb;
    font-size: 17px;
    text-align: center;
    padding: 20px;
    display: block;
    cursor: pointer;
    border: 3px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.rediobuttonstyle .form .plan input:checked+label,
.rediobuttonstyle .form .payment-plan input:checked+label,
.rediobuttonstyle .form .payment-type input:checked+label {
    border: 3px solid #1c89ca;
    background-color: #1c89ca;
    color: #fff;
}

.rediobuttonstyle .form .plan input:checked+label:after,
.rediobuttonstyle form .payment-plan input:checked+label:after,
.rediobuttonstyle .form .payment-type input:checked+label:after {
    content: "\2713";
    width: 40px;
    height: 40px;
    line-height: 35px;
    border-radius: 100%;
    border: 3px solid #4caf50;
    background-color: #ffffff;
    z-index: 999;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #4caf50;
    font-size: 20px;
    font-weight: bold;
}

.rediobuttonstyle .submit {
    padding: 15px 60px;
    display: inline-block;
    border: none;
    margin: 20px 0;
    background-color: #2fcc71;
    color: #fff;
    border: 2px solid #333;
    font-size: 18px;
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.rediobuttonstyle .submit:hover {
    cursor: pointer;
    transform: rotateX(360deg);
}

.rediobuttonstyle h5 {
    font-size: 15px;
    line-height: 33px;
    color: #000;
}

.rediobuttonstyle h5 a {
    color: #02609b;
    text-decoration: none;
}

.rediobuttonstyle h5 a:hover {
    color: #fec534;
}





.cashcollectioncenter {
    width: 100%;
}

.cashcollectioncenter h5 {
    font-size: 16px;
    margin: 30px 0px 7px 0px;
    font-weight: 600;
}

.cashcollectioncenter p {
    font-size: 15px;
    margin-bottom: 4px;
    padding: 3px;
}

.form-check.form-check-inline.form-switch {
    padding-top: 0px;
}

#accordionExample h2:before {
    display: none;
}

.formdiv.formdiv1 .accordion h2 {
    text-align: left;
    margin-bottom: 0px;
    padding: 0px;
}

#accordionExample .accordion-item .accordion-button {
    font-size: 14px;
    padding: 12px;
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

#accordionExample .accordion-item .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #047ec6;
}

#accordionExample .accordion-item .accordion-body {
    padding: 7px;
}

#accordionExample .accordion-item .accordion-button::after {
    flex-shrink: 0;
    width: 0.80rem;
    height: 0.80rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 0.80rem;
    transition: transform .2s ease-in-out;
    font-weight: 600;
}




.form-select.formcustom {
    display: block;
    width: 100%;
    padding: 3px 6px;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 0.40rem center;
    background-size: 11px 10px;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.formcustom {
    padding: 3px 6px;
    height: 30px;
    border-radius: 0px;
    font-size: 12px;
}

.namelabel {
    font-size: 13px;
    margin: 0 0 5px 0
}

label.form-check-label {
    font-size: 13px;
}



.message_filew {
    text-align: left;
    color: green;
}

.popupmain {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    display: none;
}

.popupinner {
    position: fixed;
    width: 35%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #fff;
    text-align: center;
    margin: auto;
    height: 80px;
    border-radius: 40px;
    z-index: 9999999;
}

.bg_des {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #0e5287fa;
    text-align: center;
    margin: auto;
    height: 100vh;
    z-index: 9999999;
}

.popupinner h3 {
    margin-top: 15px;
}

.cross_bttns {
    position: absolute;
    right: 4px;
    top: -13px;
    color: black;
    cursor: pointer;
    font-size: 30px;
    background: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    box-shadow: 1px 2px 6px grey;
    z-index: 9999999;
}

.popupinner p {
    margin-top: 15px;
}

.popupinner img {
    width: 30px;
    margin-right: 10px;
}

.cross_bttns img {
    width: 13px;
    position: relative;
    top: -12px;
    right: -5px;
}

/*new*/

.img_panel {
    width: 100%;
    margin: auto;
    display: block;
    text-align: center;
}

.submit_btsd.is-valid:focus,
.cancelbtns.is-valid:focus,
.was-validated .submit_btsd:valid:focus,
.was-validated .cancelbtns:valid:focus {
    border-color: #198754;
    box-shadow: 0px 0px;
}

.submit_btsd.is-valid,
.cancelbtns.is-valid,
.was-validated .submit_btsd:valid,
.was-validated .cancelbtns:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background: #057ec6;
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form_gp_des .captcha_tcts {
    color: #000000;
    font-size: 30px;
    font-weight: 800;
    font-family: cursive;
    opacity: .5;
    background: url(../img/captchabg.jpg);
    padding: 0px;
    text-align: center;
    font-style: italic;
}

.refreshbtns {
    width: 35px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.form_gp_des .redText {
    color: #a03146;
    font-weight: bold;
}

.form_gp_des .greenText {
    color: #359b3a;
    font-weight: bold;
}

.main_wrappersd {
    width: 100%;
}

.mb-3 span {
    color: red;
    font-size: 16px;
    font-weight: 600;
}

.form-control {
    border-radius: 0px;
}

.padtops {
    padding-top: 0px;
}

.submit_btmns {
    background: #057ec6;
    width: 200px !important;
    border-radius: 6px !important;
}

.bg_cols {
    background: #fff;
}

.hidden_parts {
    display: none1;
}

.successmsgg {
    color: #4caf50;
    padding: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
}

.error_msgs {
    color: #f44336;
    padding: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
}

.table_desns {
    background: #f8fff8;
    padding: 20px 40px;
}

.table_desns tr {
    border-bottom: .5px dashed gray;
}

.table_desns tr:last-child {
    border-bottom: 0px dashed gray;
}

.table_desns>:not(caption)>*>* {
    border-bottom-width: 0px;
}

.finalamtns {
    background: #4caf50;
    color: #fff;
    border: 1px dashed #fff;
}

.finalamtns .final_amtas {
    font-size: 20px;
    font-weight: 600;
}

.imagesd_iconds {
    display: block;
}

.imagesd_iconds img {
    text-align: center;
    width: 30px;
    margin: auto;
    margin-right: 20px;
}

.gateway_wrapper {
    background: #eee;
    cursor: pointer;
    min-height: 205px;
    border-radius: 20px;
}

.gateway_wrapper:hover {
    opacity: .8;
    transition: 1s;
}

.gateway_wrapper img {
    margin: auto;
    text-align: center;
    display: block;
}

.btn-success {
    background: #4caf50;
}

.billdesks {
    background: #ff9103;
}

.paytms {
    background: #042e6f;
}

.btn-success:hover {
    background: #3a973e;
}

.bill_wrapper p,
.bill_wrapper ul li {
    font-size: 12px;
}

.check_iconds {
    display: none;
}

.amount_beightpadi {
    font-size: 14px;
    line-height: 35px;
}

/*.fontdes{font-size: 11px;}*/
/*.amounvlsd{width:100px;}*/
.alertnsgs {
    font-size: 12px;
    color: #ff5722;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #057ec6;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: #6c757d;
}

.form_gp_des .btn-primary {
    color: #fff;
    background-color: #057ec6;
    border-color: #057ec6;
    border-radius: 0px;
    padding: 12px 25px;
}

.form_gp_des .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.inner_msgsd ol li,
.inner_msgsd p,
.tabmp tr td {
    font-size: 13px;
}

.im_mgds {
    color: #2196f3;
}

.tablbtn_border tr {
    border-bottom: .5px dashed gray;
}

.tabmp {
    margin-bottom: 20px;
}

.tabmp tr .font_clds {
    color: #f44336;
}

.navhdnsd {
    padding-bottom: 20px;
    padding-top: 0px;
}

.mainhdnsdf p {
    margin: 0px;
}

.area_ptsd p {
    margin-bottom: 0px;
    font-size: 14px;
}

.area_ptsd span {
    background: lightgreen;
    color: green;
    text-align: right;
    display: inline-block;
    padding: 1px 5px;
}

.area_ptsd span {
    background: #f5fff5;
    color: #4caf50;
    text-align: right;
    display: block;
    width: 74px;
    padding: 1px 5px;
    text-align: center;
    float: right;
    border-radius: 5px;
    border: 1px solid #bef8c0;
}

.nooutagedsabf {
    color: #f44336;
}

.maincards {
    margin-bottom: 20px;
}

.navhdnsd .nav-tabs .nav-link:hover,
.navhdnsd .nav-tabs .nav-link.active:hover,
.navhdnsd .nav-tabs .nav-link:active,
.navhdnsd .nav-tabs .nav-link:focus {
    background: #057ec6;
    color: #fff;
}

.navhdnsd .nav-tabs .nav-item {
    margin-bottom: 3px;
    position: relative;
}

.navhdnsd .nav-tabs .nav-link.active {
    color: #fff;
    background: #057ec6;
    border-radius: 5px;
}

.navhdnsd .nav-tabs .nav-link.active:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -8px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #057ec6;
    display: block;
    width: 0;
}

.highlightsec {
    font-weight: 800;
}

.highlightsec2 {
    font-weight: 600;
}

.navhdnsd ul li {
    padding: 0px 0px;
    border-radius: 5px;
    width: 100%;
}

.navhdnsd .nav-tabs .nav-link:hover {
    color: #fff;
    background: #0973b3;
}

.cont_desd {
    color: orange;
}

.newconst p {
    margin-bottom: 20px;
    padding: 0px;
}

.bgcolds {
    background: #0b5ed7;
    position: relative;
    z-index: 99999;
    padding: 60px;
}

.bgdsjkfh {
    background: #fff;
    padding: 30px;
    margin: 0px 0px;
}

.bgdsjkfh .navbar-brand img {
    width: 130px;
    margin-bottom: 20px;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    padding: 10px;
}

.main_div_form .loading_desdd {
    padding: 35% 0%;
}

.img_wids {
    width: 30px;
    margin-right: 15px;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.padtops {
    padding-top: 0px;
    padding-bottom: 5px;
}




.wrapper-outdoors-tabs-tx ul li {
    margin-bottom: 10px;
    background: #f3f3f3;
    padding: 10px;
}

.wrapper-outdoors-tabs-tx ul {
    list-style: none;
    padding-left: 0px !important;
}

/*Sunny Css*/
.wrapper-login-logo-img {
    background: #fff;
    padding: 20px;
    box-shadow: 2px 2px 25px #d2d2d2;
    margin: 0 auto;
    display: table;
    text-align: center;
    margin-bottom: 30px;
}

.wrapper-login-logo-img img {
    width: 150px;
}

.wrapper-heading-login h3 {
    font-weight: bold;
    /*text-shadow: 1px 1px 2px #000;*/
    color: #057ec6;
    font-size: 25px;
}

.wrapper-heading-login {
    text-align: center;
    padding-bottom: 20px;
}

/*form .wrapper-box-shadow-style-both-forms{
     padding: 12px 25px;
    transition: 0.7s;
    border-radius: 30px;
    width: 70%;
    text-align: center;
    display: block;
    border: none;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 2px 2px 25px #d6d6d6;
}*/
.formctrlss {
    padding: 12px 25px;
    transition: 0.7s;
    border-radius: 30px;
    width: 70%;
    text-align: center;
    display: block;
    border: none;
    margin: 0 auto;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 2px 2px 25px #d6d6d6;
}

/*.main_wrappersd form .form-group input {
   
}*/

/*.main_wrappersd {
    margin-top: 50px;
}*/

.main_wrappersd .formcls {
    background: #fff;
    padding: 50px 30px;
    box-shadow: 2px 2px 25px #e6e8e8;
    width: 75%;
    text-align: center;
    display: block;
    margin: 0 auto;
}



.wrapper-captcha-sign-in {
    padding: 0px 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-30 {
    padding-top: 30px;
}

.manualbtns:hover {
    border-radius: 30px;
    transition: 0.7s;
    border: 1px solid #057ec6;
    background: transparent;
    color: #fff;
}

.manualbtns {
    background: #057ec6 !important;
    color: #fff;
    font-size: 14px;
    padding: 10px 16px;
    text-decoration: none;
    border: 1px solid #057ec6;
    transition: 0.7s;
    font-weight: 500;
    display: block;
}

.wrapper-forgot-password-btn a:hover {
    background: transparent;
    color: #000;
    border-radius: 30px;
}

.wrapper-forgot-password-btn a {
    transition: 0.7s;
    border: 1px solid #63adda;
    background: #63adda;
    color: #fff;
    padding: 10px 12px;
    font-size: 14px;
    text-decoration: none;
    margin-right: 50px;
}


.wrapper-need-help-btn a {
    padding: 12px 100px;
    margin-right: 7px;
}

.wrapper-faq-btn a {
    padding: 12px 168px;
    margin-right: 5px;
}

/*.nav-tabs .nav-link {
    padding: 10px 40px !important;
    background: #eee !important;
    color: #057ec6 !important;
    font-weight: 600 !important;
    box-shadow: 1px 1px 6px #bdbdbd;
}
.nav-tabs .nav-link.active {
    border: 1px solid #788cb3 !important;
}*/
.cooming-soon-api h2 {
    font-weight: bold;
    /*text-shadow: 1px 1px 2px #000;*/
    color: #057ec6;
    font-size: 25px;
    text-align: center;
    padding-top: 0px;
}

.forgot-passwords h2 {
    font-weight: bold;
    /*text-shadow: 1px 1px 2px #000;*/
    color: #2fcc72;
    font-size: 25px;
    text-align: center;
    margin-bottom: 30px;
}

/*Consumer Ac For Css*/
.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
}

.tabs-left>li {
    float: none;
    margin: 0px;

}

.tabs-left>li.active>a::after {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

    border-left: 10px solid #057ec6;
    display: block;
    width: 0;
}

ul.wrapper-sideway-tabs-style li a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    background: #057ec6;
    padding: 10px 20px;
    width: 100% !important;
    display: inherit;
}

ul.wrapper-sideway-tabs-style li {
    width: 100%;
    border-bottom: 1px solid #bdbdbd;
    background: #046097;
    margin-bottom: 3px;
}

.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
}

ul.wrapper-dropdown-style-on-tabs.show li {
    border-bottom: 1px solid #bfbfbf;
    cursor: pointer;
    background: #bfbfbfbf !important;
}

ul.dropdown-menu.wrapper-dropdown-style-on-tabs.show li a {
    background: #778db9;
    transition: 0.7s;
}

ul.dropdown-menu.wrapper-dropdown-style-on-tabs.show li a:hover {
    background: #057ec6;
    transition: 0.7s;
}

.p-0 {
    padding-bottom: 0px;
}

/*.tab-content {
    padding: 50px;
}*/

ul.dropdown-menu.wrapper-dropdown-style-on-tabs.show {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 4px;
}

.nav-tabs>li>a:hover {
    background: #21acff;
    color: #fff;
    transition: 0.7s;
}

ul.dropdown-menu.wrapper-dropdown-style-on-tabs.show li:hover {
    background: #21acff;
    color: #fff;
    transition: 0.7s;
    width: 100%;
}

ul.dropdown-menu.wrapper-dropdown-style-on-tabs.show li a:hover {
    color: #fff;
}

.wrapper-ac-information-table-style h4 {
    font-size: 30px;
    font-weight: bold;
    color: #057ec6;
    /*text-shadow: 1px 1px 2px #000;*/
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

table.table.table-striped tbody tr td {
    font-size: 14px;
    color: #8e8e8e;
}

/*.wrapper-ac-modified{float: left;}*/
.color-minus-table-heads {
    background: #f7f7f7;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 2px 2px 12px #d4d2d2;
    width: 100%;
    margin-left: 0px;
}

.wrapper-ac-modified h5 {
    font-size: 16px;
    color: #057ec6;
    font-weight: 600;
}

.color-minus-table-heads-not-usse-color {
    padding: 10px;
    background: #eee;
    width: 95%;
    margin-left: 12px;
    border-bottom: 1px solid #bfbfbf;
    margin-top: 10px;
}

.wrapper-ac-modified a {
    background: #2fcc72;
    padding: 8px 16px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 3px;
    float: right;
}

.wrapper-ac-modified-compaint-history span {
    color: #8e8e8e;
    font-size: 14px;
}

.color-minus-table-heads-pay-bill-btn {
    width: 100%;
    margin: 0px;
    margin-top: 20px;
    background: #f7f7f7;
    padding: 15px;
}

.wrapper-pay-bill-details {
    background: #fff;
    padding: 10px 15px;
    box-shadow: 2px 2px 12px #cecece;
    margin-bottom: 20px;
}

.wrapper-ac-modified-compaint-history span {
    font-size: 14px;
    color: #8e8e8e;
    text-align: center;
    display: block;
}

.table-striped-complaint-history tbody tr td {
    padding-left: 30px;
}

.wrapper-ac-modified-compaint-history b {
    font-weight: bold;
    color: #046097;
    font-size: 14px;
}

.pay-bill-1 {
    background: #2fcc72;
    padding: 8px 16px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 3px;
    float: right;
}

a.pay-bill-1:hover {
    background: transparent;
    border: 1px solid #2fcc72;
    color: #2fcc72;
    transition: 0.7s;
    border-radius: 30px;
}

.pay-bill-1 {
    background: #2fcc72;
    padding: 8px 16px;
    font-size: 14px;
    transition: 0.7s;
    border: 1px solid #2fcc72;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 3px;

}

.wrapper-bill-payment-history-outstanding-amt-color-heading {
    border: 1px solid #e6e3e3;
    padding: 3px;
    margin-bottom: 20px;
    background: #2fcc72;
}

.wrapper-bill-payment-history-outstanding-amt-color-heading h5 {
    background: #2fcc72;
    color: #fff;
    padding: 15px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}


.wrapper-outstanding-bill-amt-styling {
    padding: 0px 24px;
}

.wrapper-bill-payment-history-view-pdf-linking table.table.table-striped.table tr th {
    background: #057ec6;
    color: #fff;
    font-size: 14px;
}

a.pay-bill-1.pay-view-pdf {
    padding: 6px 8px;
    font-size: 12px;
}

th.externel {
    text-align: right;
}


/*Bill History Information (2000031074) Css*/

.wrapper-bill-history-infomations-ac {
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 30px;
    background: #2fcc72;
    box-shadow: 2px 2px 25px #c7c7c7;
}

.wrapper-bill-history-infomations-ac span {
    color: #ffffff;
    font-weight: 600;
    background: #2fcc72;
}

a.btn.btn-info:hover {
    background: transparent;
    color: #ffffff;
    transition: 0.7s;
    box-shadow: 0 0 0 25px #03a9f4 inset;
    -webkit-transform: scale(1);
}

a.btn.btn-info {
    width: 100%;
    transition: 0.7s;
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
    color: #fff;
    background: #03a9f4;
    border-color: #03a9f4;
    padding: 10px 20px;
    font-weight: 600;
    box-shadow: 0 0 1px #ccc;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    box-shadow: 0px 0 0 #31708f inset;
}

.wrapper-bill-history-information-pdf-btn p {
    font-size: 18px;
    padding: 10px 21px;
    background: #eee;
    color: #03a9f4;
    /*box-shadow: 2px 2px 8px #c5c4c4;*/
}


.sub_btn2 {
    background: #057ec6;
    width: 100%;
    margin: 0px;
    color: #fff;
    font-size: 15px;
    border: none;
    padding: 10px 40px;
    margin-right: 20px;
    margin-top: 15px;
}

.profile_number {
    padding: 5px 0px;
    margin: 0px;
    text-indent: 0px;
    font-size: 20px;
    font-weight: 600;
}

.profile_number a {
    padding: 5px 0px;
    margin: 0px;
    text-indent: 0px;
    font-size: 14px;
    font-weight: 600;
    color: #057ec6;
}

.sub_btn:hover,
.sub_btn2:hover {
    background: #0a68a0;
}

.profile_cont h2 {
    color: #057ec6;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    line-height: normal;
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

/* .tab-pane:nth-child(1) .profile_cont .row{width: 100%;}
.tab-pane:nth-child(2) .profile_cont .row{width: 50%;}
.tab-pane:nth-child(3) .profile_cont .row{width: 50%;}
.tab-pane:nth-child(5) .profile_cont .row{width: 50%;}
.tab-pane:nth-child(6) .profile_cont .row{width: 70%;}
.tab-pane:nth-child(7) .profile_cont .row{width: 70%;} */
.sub_btn {
    background: #057ec6;
    color: #fff;
    font-size: 15px;
    border: none;
    padding: 10px 40px;
    margin-right: 20px;
    border-radius: 2px;
}

.mt-30 {
    margin-top: 30px;
}

.add_number a {
    font-size: 14px;
    color: #337ab7;
    margin: 0px;
    font-weight: 600;
    text-decoration: underline;
}

.add_number {
    font-size: 15px;
    color: #337ab7;
    padding: 5px 0px;
    margin: 0px;
    text-indent: 12px;
    width: 50%;
    margin-top: 30px;
}

.form_gp_des input[type='checkbox'] {
    border-color: #c1bcbc;
    background: transparent;
    width: auto;
    box-shadow: none;
}

.form_gp_des input {
    box-shadow: 2px 2px 10px #ebe8e8;
    border-color: #c1bcbc;
    background: transparent;
    width: 100%;
}

.wrapper-login-details-wrap-style input {
    margin-top: 44px;
}

.slick-slide img {
    display: block;
    width: 100% !important;
}


a.more-1:hover {
    background: transparent;
    color: #057ec6;
    border: 1px solid #057ec6;
    transition: 0.6s;
    border-radius: 20px 0px;
}

a.more-1 {
    background: #057ec6;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.6s;
    border: 1px solid #057ec6;
}

.contactlist-viwe-btn {
    float: right;
}

.table-heads-style strong {
    margin-bottom: 20px;
    color: #046097;
    font-size: 17px;
}

.table-heads-style b {
    float: right;
}

.extra-bottom {
    margin-top: 20px;
}

a.more-2 {
    text-decoration: none;
    font-weight: 600;
    background: #057ec6;
    padding: 10px 30px;
    color: #fff;
    text-align: left;
    margin: 0 auto;
    display: block;
}

.extra-bottom-2 tr td {
    padding-left: 0px;
    padding-right: 0px;
}

.extra-padding-liner tr td {
    padding: 18px 46px;
    font-size: 14px !important;
}

/*Consummer History AdmiPanel Css*/
.wrapper-consummer-contact-admin-panel-heads-design-ul-design ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a.more-3:hover {
    background: transparent;
    border: 1px solid #067ec6;
    color: #057ec6;
}

a.more-3 {
    background: #057ec6;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    border: 1px solid #067ec6;
    transition: 0.7s;
}

.wrapper-consummer-contact-admin-panel-heads-design-ul-design ul li {
    font-size: 18px;
    font-weight: 600;
    color: #057ec6;
}

.wrapper-sideway-tabs-style i {
    margin-right: 6px;
    font-size: 18px;
}

.wrapper-consummer-contact-admin-panel-heads-design-ul-design {
    padding-top: 50px;
}

.wrapper-history-admin-table-align td {
    text-align: right;
}

/*Chat Css*/
.chat-list {
    padding: 0;
    font-size: .8rem;
}

.chat-list li {
    margin-bottom: 10px;
    overflow: auto;
    color: #ffffff;
}

.chat-list .chat-img {
    float: left;
    width: 48px;
}

.chat-list .chat-img img {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 100%;
}

.chat-list .chat-message {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #5a99ee;
    display: inline-block;
    padding: 10px 20px;
    position: relative;
}

.chat-list .chat-message:before {
    content: "";
    position: absolute;
    top: 15px;
    width: 0;
    height: 0;
}

.chat-list .chat-message h5 {
    margin: 0 0 5px 0;
    font-weight: 600;
    line-height: 100%;
    font-size: .9rem;
}

.chat-list .chat-message p {
    line-height: 18px;
    margin: 0;
    padding: 0;
}

.chat-list .chat-body {
    margin-left: 20px;
    float: left;
    width: 70%;
}

.chat-list .in .chat-message:before {
    left: -12px;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #5a99ee;
}

.chat-list .out .chat-img {
    float: right;
}

.chat-list .out .chat-body {
    float: right;
    margin-right: 20px;
    text-align: right;
}

.chat-list .out .chat-message {
    background: #fc6d4c;
}

.chat-list .out .chat-message:before {
    right: -12px;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fc6d4c;
}

/*.card .card-header:first-child {
    -webkit-border-radius: 0.3rem 0.3rem 0 0;
    -moz-border-radius: 0.3rem 0.3rem 0 0;
    border-radius: 0.3rem 0.3rem 0 0;
}
.card .card-header {
    background: #17202b;
    border: 0;
    font-size: 1rem;
    padding: .65rem 1rem;
    position: relative;
    font-weight: 600;
    color: #ffffff;
}*/
/*.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    border: none;
    
}*/
.content {
    margin-top: 40px;
}

.wrapper-box-shadow-style-both-forms {
    background: #fff;
    padding: 50px 30px;
    box-shadow: 2px 2px 25px #e6e8e8;
    width: 75%;
    text-align: center;
    display: block;
    margin: 0 auto;
}


.p-0-shadow {
    padding: 20px;
    box-shadow: none !important;
}

ul.wrapper-admin-panel-sidebar.show li a:hover {
    background: #057ec6;
    transition: 0.7s;
}

ul.wrapper-admin-panel-sidebar.show li {
    display: inline-block;
}

ul.wrapper-admin-panel-sidebar.show li a {
    width: 100%;
    background: #7b8fb6;
    transition: 0.7s;
}

ul.wrapper-admin-panel-sidebar.show {
    border: none !important;
}

.category-info-ac-tx-2 {
    font-size: 14px;
}

.category-info-ac-tx {
    background: #eee;
    padding: 4px 70px 4px 0px;
    text-align: center;
}

.category-info-ac-tx-2 {
    text-align: center;
}

.consummer-ac-info-large-form {
    float: right;
}

.consummer-ac-info-large-form label {
    margin-right: 15px;
}

.section-heads-backside span {
    color: #fff;
    font-weight: 600;
    padding: 15px;
}

.section-heads-backside {
    background: #057ec6;
    margin-top: 20px;
    padding: 8px;
    box-shadow: 2px 2px 20px #cbcbcb;
}

.backside-form-name {
    padding: 15px;
}

.disabledes {
    cursor: not-allowed;
}

.width-full-input {
    width: 100%;
    padding: 5px 15px;
}

.backside-form-name p {
    padding: 0px 18px;
    margin-bottom: 0px;
}

.more-4 {
    width: 100%;
    text-align: left;
    padding: 8px 25px;
    border: none;
    background: #057ec6;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 2px 2px 20px #cbcbcb;
}

.mt-20 {
    margin-top: 20px;
}

.radio-btn-align-right-set label {
    margin-right: 15px;
}

.more-4 i {
    float: right;
    margin-top: 4px;
    font-size: 20px;
    font-weight: 900;
}

.more-4:hover {
    color: #fff;
    text-decoration: none;
}

.card-blocks-2 {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px 50px;
}

.card-block {
    padding: 0px 50px;
}

a.more-5:hover {
    background: transparent;
    border: 1px solid #057ec6;
    color: #057ec6;
    transition: 0.7s;
}

a.more-5 {
    float: right;
    padding: 10px 50px;
    background: #057ec6;
    color: #fff;
    transition: 0.7s;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    border: 1px solid #057ec6;
}

/*Sunny Css*/

.main_div_form .loading_desdd {
    padding: 35% 0%;
}

.img_wids {
    width: 30px;
    margin-right: 15px;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.tab-pane legend,
legend,
legend a {
    color: #057ec6;
    text-transform: capitalize;
    font-weight: 600;
}

legend {
    margin-bottom: 20px;
}

.slt_category {
    box-shadow: 2px 4px 16px #d6d6d6;
    margin: 10px 0px;
    font-size: 15px;
    color: #666;
}

.note_bg {
    background: #e6e5e5;
    padding: 10px;
}

.note_title {
    font-weight: 600;
    padding-left: 15px !important;
}

.write_btn {
    background: #047ec6;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 4px;
}

.write_btn:hover {
    background: #0569a5;
    color: #fff;
}

.panel_img {
    padding: 10px 0px 20px;
    width: 95%;
}

.custom_req {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.custom_req h3 {
    padding: 10px 52px;
    background: #057ec6;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    font-size: 24px;
    color: #fff;
}

ul.newreq {
    margin: 0px;
    padding-top: 10px;
    overflow: hidden;
}

ul.newreq li {
    float: left;
    width: 29%;
    margin: 5px 0px 0px 4%;
    list-style: square;
    font-size: 15px;
    padding: 20px;
    padding-left: 40px;
    list-style: none;
    position: relative;
}

/* ul.newreq li:before{position: absolute;content: "✍️";top: 10px;left: 5px;bottom: 0;right: 0;color: #057ec6;font-weight: 800;font-size: 20px} */
ul.newreq2 {
    margin: 0px;
    padding-top: 10px;
    overflow: hidden;
}

ul.newreq2 li {
    float: left;
    width: 95%;
    margin: 5px 0px 0px 20px;
    list-style: none;
    font-size: 15px;
    padding: 20px;
}


ul.mb_application {
    margin: 10px 0px;
}

ul.mb_application li {
    padding: 5px 0px;
    margin: 0px 0px 0px 2.5%;
    font-weight: 500;
}

ul.awards {
    margin: 20px 0px 40px !important;
}

ul.awards li {
    padding: 0px 10px 10px;
    margin: 0px;
    list-style: none;
    line-height: inherit;
    margin-left: 0px;
    width: 30%;
    margin: 10px;
    float: left;
    border: 1px #ccc solid;
    text-align: center;
}

li .thumb h4 {
    text-align: center !important;
    padding: 7px 7px;
    text-transform: none;
    color: #222;
    min-height: 40px;
    font-size: 18px;
    font-weight: 600;
}

li .thumb p {
    padding: 0px 7px 10px;
    text-align: center !important;
    font-size: 14px;
}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}

/* The Modal (background)
.modal {
    display: none;

    position: fixed;
 
    z-index: 1;

    padding-top: 100px;
 
    left: 0;
    top: 0;
    width: 100%;

    height: 100%;
  
    overflow: auto;

    background-color: rgb(0, 0, 0);

    background-color: rgba(0, 0, 0, 0.9);

}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}


#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}


.modal-content,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}


.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
 */
.corporate_heading {
    font-size: 24px;
}

.policy_blk {
    background: #efefef;
    padding: 15px;
    margin: 0px 15px;
}

ul.policy_cont {
    padding: 10px 20px;
}

.core_value {
    width: 100% !important;
    border: 1px #ccc solid;
    padding: 5px;
    margin: 10px 0px 30px;
}

.social_blk {
    background: #efefef;
    padding: 20px;
}

.csrslider img {
    border: 1px #eaeaea solid;
    box-shadow: 0px 4px 16px #dad9d9;
    border-radius: 4px;
    width: 100%;
}

.slidercsr .slick-slide {
    margin: 7px;
}

.slidercsr .slick-prev:before,
.slick-next:before {
    color: #fff !important;
}

.csrslider p {
    text-align: center !important;
    font-weight: 500;
}

.cost_pdf img {
    width: 10%;
    margin-right: 10px;
    float: left;
}

.cost_pdf a {
    font-weight: 600;
    color: #057ec6;
    text-decoration: none;
    font-size: 15px;
    line-height: 50px;
}

.cost_pdf a:hover {
    text-decoration: underline;
}

ul.service_standard {
    margin-top: 20px;
    padding: 0px;
}

ul.service_standard li {
    border: 1px #ccc solid;
    width: 44%;
    padding: 10px 15px;
    background: #efefef;
    border-radius: 6px;
    list-style: none;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

ul.tariff_standard {
    margin-top: 20px;
    padding: 0px;
}

ul.tariff_standard li {
    border: 1px #ccc solid;
    width: 31%;
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    list-style: none;
    margin-right: 15px;
    float: left;
}

ul.tariff_standard li img {
    float: left;
    margin-right: 10px;
    width: 15%;
}

ul.tariff_standard li a {
    font-weight: 500;
    color: #057ec6;
    text-decoration: none;
    font-size: 15px;
    line-height: 26px;
}



.fle {
    color: #d07a01;
    font-size: 15px;
}

.sub_btn2 {
    background: #057ec6;
    width: 100%;
    margin: 0px;
    color: #fff;
    font-size: 15px;
    border: none;
    padding: 10px 40px;
    margin-right: 20px;
    margin-top: 15px;
}

.reg_frm {
    margin: 20px 0px 40px;
}

.reg_frm h3 {
    font-size: 20px;
    color: #222;
    font-weight: 600;
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
}

.inputbtns {
    box-shadow: 2px 2px 10px #b3b3b3;
    border-color: #c1bcbc;
    background: transparent;
    width: 100%;
    margin: 10px 0px;
    padding: 8px;
    color: #666
}

.form_gp_des .inputbtns[ type="checkbox"] {
    border-color: #c1bcbc;
    background: transparent;
    width: auto;
    margin: 10px 0px;
    padding: 8px;
    color: #666;
    border: 1px #ccc solid;
    margin-right: 10px;
}

.checkboxtp {
    margin-top: 30px;
}

.mainwrapppdr {
    margin-bottom: 30px;
}

.divdsngs {
    display: flex;
    vertical-align: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
}

.bgcolores {
    height: 100px;
    width: 130px;
}

.contentsdes {
    text-align: center;
    width: 130px;
    color: #057ec6;
}

.divdsngs:nth-child(1) .bgcolores {
    background: orange;
}

.divdsngs:nth-child(2) .bgcolores {
    background: yellow;
}

.divdsngs:nth-child(3) .bgcolores {
    background: limegreen;
}

.blincage {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
    background: red;
    animation: blink-animation 1s steps(4, start) infinite;
    -webkit-animation: blink-animation 1s steps(4, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.aerosections {
    width: 100px;
}

.bgcsolds {
    color: red;
    font-weight: 600;
    margin-bottom: 0px;
}

.blincageaero {
    width: 50px;
    margin-right: 20px;
    animation: slide1 1s ease-in-out infinite;
    margin-left: 15px;
    opacity: .7;
}

@keyframes slide1 {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, 0);
    }
}

.wrapper-ul-style li .fa-angle-right:before {
    content: "\f105";
    position: absolute;
    z-index: 9999;
    margin-top: -14px;
    padding-right: 10px !important;
    margin-left: -8px;
    font-weight: 600;
    color: #2196f3;
}

.wrapper-ul-style {
    list-style: none !important;
    padding-left: 10px !important;
}

.awards li:nth-child(1) {
    height: 380px;
}

.awards li:nth-child(3) {
    height: 380px;
}

.awards li:nth-child(2) {
    height: 380px;
}

.wrapper-strong-style {
    padding-left: 0px;
}

.wrapper-customers-names-style i {
    font-size: 13px;
    color: #21acff;
    padding-right: 5px;
}

.wrapper-customers-names-style ul li {
    font-size: 18px;
    font-weight: bold;
    color: #1f5c80;
    margin-bottom: 10px;
    background: #ededed;
    padding: 8px;
    border-bottom: dashed 1px;
}

.wrapper-customers-names-style {
    padding-left: 0px;
}

.wrapper-customers-names-style ul {
    padding-left: 0px;
    list-style: none;
}


.loginpgui {
    width: 48%;
    margin: auto;
    text-align: center;
    padding: 30px 50px;
    box-shadow: 2px 2px 20px #c7c7c7;
    background: #fff;
}

.imgfullwidth {
    width: 100%;
}

.innwrper {
    background: #edf7ff;
    padding: 20px;
    border-radius: 0px 0px;
    border-left: 3px solid #057ec6;
    margin: 10px 10px 10px;
}

.cashcollectioncenter .innwrper h5 {
    padding: 0px;
    margin: 10px 0px;
}

/* 
.icon1 ul li{padding: 10px 0px;}
.icon1 ul li:nth-child(even){background: #f7f7f7e3;}
.icon1 ul li:nth-child(odd){background: #fff;}
.icon1 ul li img{margin: 8px auto;}
.icon1{padding: 0px;}
.icon1 ul{margin-bottom: 0px;}
.npdnfd{margin: 0px;padding: 0px;} */
.slidercsr {
    height: 400px
}

/* .navmenuds{width: 75% !important;} */
.wid80 {
    width: 75%;
}

.newmutations {
    width: 80%;
}

.table>:not(:first-child) {
    border-top: 0.5px solid currentColor;
}

.qbssection {
    margin-top: 40px;
}

.navhdnsd .nav-tabs .nav-link {
    color: #fff
}

.navhdnsd .nav-tabs .nav-link:hover,
.navhdnsd .nav-tabs .nav-link,
.navhdnsd .nav-tabs:hover .nav-link {
    border-radius: 5px;
    border-color: #fff #fff #fff;
    ;
    display: block;
    width: 100%;
    text-align: left;
}

.lastsub .innermenus {
    left: 0%;
    left: 0%;
    position: relative !important;
    width: 100%;
    top: 0%;
    display: block !important;
    padding: 0px !important;
    border: none;
}

.lastmenu .dropdown-menu:after {
    content: "";
    position: absolute;
    top: -22px;
    right: 100px;
    align-content: normal;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #fff;
    display: block;
    height: 0;
    left: unset;

}

.largds {
    width: 80%;
    right: 13%;
    height: 100vh;
}

.nav-item img {
    margin-right: 5px;
}

/* .innerhndr:hover.innermenus{display: block !important;} */

.largds .nav_tbds .nav-item .nav-link:focus,
.largds .nav_tbds .nav-item .nav-link:active,
.largds .nav_tbds .nav-item .nav-link.active,
.largds .nav_tbds .nav-item .nav-link:hover {
    color: #000;
    font-weight: 400;
    transition: .2s;
    border-radius: 2px 15px;
}

.profile_cont ol {
    padding: 0px;
}

.profile_cont ol li {
    margin-bottom: 10px;
    padding: 20px 30px;
    list-style: none;
    background: #eee;
    border-left: 2px solid #057ec6;
}

.safetybj img {
    width: 100%;
}

.nav_des_con li a {
    padding: 18px 20px !important;
}

.nav_des_con li:nth-child(1) {
    background: linear-gradient(to right, #ff5722 0%, #ff9800 100%) !important;
}

.nav_des_con li:nth-child(2) {
    background: linear-gradient(to right, #ff9800 0%, #ff5722 100%) !important;
}

.nav_des_con li:nth-child(3) {
    background: linear-gradient(to right, #1e66e9 0%, #5092e3 100%) !important;
}

.nav_des_con li:nth-child(4) {
    background: linear-gradient(to right, #c1271b 0%, #ed5246 100%) !important;
}

.navhdnsd .nav_des_con .nav-link i,
.navhdnsd .nav_des_con .nav-link {
    font-size: 17px;
    font-weight: 600;
}

.navhdnsd .nav_des_con .nav-link.active {
    background: linear-gradient(to right, #4caf50 0%, #057ec6 100%) !important;
}

.navhdnsd .nav_des_con .nav-link:hover {
    background: linear-gradient(to right, #3f51b5 0%, #057ec6 100%) !important;
}

.box_desmain {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    ;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.box_desmain li {
    list-style: none;
    justify-content: flex-start;
    width: 24%;
    height: 100px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    box-shadow: 3px 5px 10px #adadad;
    border-radius: 12px 12px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fff;
}

.box_desmain li:hover {
    background: #ededed;
    color: #fff;
}

.box_desmain li a {
    text-decoration: none;
    color: black;
    font-weight: 700;
    margin-left: 15px;
    text-align: left;
    font-size: 17px;
}

.box_desmain li a:hover {
    color: #057ec6;
}

.box_desmain li img {
    margin-left: 10px;
    border-radius: 10px;
    max-width: 105px;
}

.box_desmaininner {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    ;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
}

.box_desmaininner li {
    list-style: none;
    justify-content: flex-start;
    width: 23%;
    min-height: 230px;
    border: 1px solid #057ec6;
    margin: 15px 10px;
    /* box-shadow: 1px 5px 10px #d7d1d1; */
    border-radius: 28px 10px;

    align-items: center;
    overflow: hidden;
}

.box_desmaininner li a {
    text-decoration: none;
    color: black;
    font-weight: 700;
    text-align: left;
}

.box_desmaininner li img {
    border-radius: 50px 25px;
    width: 100%;
    padding: 20px;
    ;
    margin: auto;
    text-align: center;
    display: block;
    max-height: 170px;
}

.blincageanimation {
    animation: blink 2s steps(10, start) infinite;
    -webkit-animation: blink 2s steps(10, start) infinite;
}

@keyframes blink {
    0% {
        color: transparent;
    }

    100% {
        color: #fff;
    }
}

@-webkit-keyframes blink {
    0% {
        color: transparent;
    }

    100% {
        color: #fff;
    }
}

.main-banner.innerwidths {
    height: 14vh !important;
}

.headinggradinge {
    padding: 15px;
    background: linear-gradient(45deg, #2196f3, transparent);
    border-radius: 10px;
    font-size: 25px;
    color: #fff;
}

.headinggradinge img {
    width: 100px;
}

.images_bneres .carousel-item img {
    height: 300px;
    width: 100%;
}

.mb0px {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 100px;
}

.mb0px .inner_boxs,
.mb0px .form_div {
    padding: 20px 10px 0px;
}

.whitebg .headerbottom {
    background: #fff !important;
    padding: 15px 0px;
}

.navbar-nav .nav-link,
.darkcol,
.darkcol li,
.darkcol li a {
    color: #057ec6;
}

.bg_dark {
    background: #057ec6;
    color: #fff !important;
}

.darkcol li a {
    font-weight: 500;
}

.siderights {
    left: auto;
    right: 0px;
}

li.unwones-tabs {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.slt_check {
    box-shadow: 2px 2px 20px #dedede;
    border: 1px solid #e6e6e6;
    padding: 10px;
    background: #ffffff;
}

.personal_details img {
    width: 75%;
    margin-top: 20px;
}

.top_heading {
    background: #057ec6;
    padding: 10px 5px;
    margin: 20px 3px 0px;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
}

.calculate_cont {
    margin: 0px 3px;
    border: 1px #ccc solid;
    border-top: none;
    padding: 10px 0px;
}

.calculate_cont select {
    padding: 3px;
    border: 1px solid #ced4da;
    font-size: 13px;
}

.appl_box {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
}

.total_box {
    margin: 0px 3px;
    border: 1px #ccc solid;
    border-top: none;
    padding: 10px 0px;
    background: #333;
    color: #fff;
}

.total_box p {
    text-align: right !important;
    padding: 0px;
    margin: 0px;
}

.card-header {
    background: #e8e6e5;
}

.card-header a {
    color: #000 !important;
    font-weight: 600;
    text-decoration: none;
}

.card_cont {
    padding: 5px 0px !important;
    margin: 0px;
    font-size: 15px;
}

.card_cont span {
    font-weight: 600;
    font-size: 16px;
    padding-top: 15px;
    display: block;
}

.card-body ul {
    padding: 10px 17px 0px;
    font-size: 15px;
}

.top_heading th {
    vertical-align: middle;
    line-height: 20px;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom: none;
}

.feedback {
    transition: height 2s ease-in;
    padding: 5px 0px 25px;
    height: auto;
    width: 100%;
    max-width: 600px;
    overflow: hidden;
    background-color: #f5f8fa;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 3s ease-in-out;
}

h3 {
    margin-top: 0;
    font-weight: 700;
    font-size: 1.3rem;
}

&_ratings {
    justify-content: space-between;
    display: flex;
    flex-wrap: nowrap;
}

&_rating {
    cursor: pointer;
    padding: 6px 10px;
    background-color: #e3e9ed;
    border-radius: 100px;
}

&-n {
    margin-top: 1rem;
    transition: all 200ms ease-in-out;
}

&_notice {
    color: #000;
    transition: all 200ms ease-in-out;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;

    p {
        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        margin: 0;

    }
}
}

.feedback p {
    font-size: 17px;
    font-weight: 600;
}

.feedback_rating {
    background: #eee;
    border-radius: 6px;
    padding: 6px 10px;
    margin-right: 5px;
    cursor: pointer;
}

.rating_active {
    background-color: #000;
    color: #e3e9ed;
    transition: all 200ms ease-in-out;
    padding: 6px 10px;
    border-radius: 6px;
}

.active_feedback {
    height: 240px;
    transition: height 0.6s ease-in;
}

.hidden {
    display: none;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.add_btn {
    margin: 0px 3px 10px;
    font-size: 14px;
    padding: 4px 8px;
    border: 1px #666 solid;
    background: #ebe6e6;
    border-radius: 4px !important;
}

.consumer.col-sm-3 {
    width: 22%;
}

.consumer.col-sm-9 {
    width: 78%;
}

#gallery {
    @media screen and (min-width: 991px) {
        padding: 60px 30px 0 30px;
    }
}

.img-wrapper {
    position: relative;
    margin: 10px 0px 15px;
    cursor: pointer;

    img {
        width: 100%;
    }

    a {
        cursor: pointer;
    }
}

.img-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;

    i {
        color: #fff;
        font-size: 3em;
    }
}

#overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 75px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    // Removes blue highlight
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    img {
        margin: 0;
        width: 80%;
        height: auto;
        object-fit: contain;
        padding: 5%;

        @media screen and (min-width:768px) {
            width: 60%;
        }

        @media screen and (min-width:1200px) {
            width: 50%;
        }
    }
}

#overlay img {
    background: #fff;
    padding: 10px;
    width: 30%;
}

#overlay .fa {
    cursor: pointer;
}

#nextButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;

    &:hover {
        opacity: 0.7;
    }

    @media screen and (min-width:768px) {
        font-size: 3em;
    }
}

#prevButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;

    &:hover {
        opacity: 0.7;
    }

    @media screen and (min-width:768px) {
        font-size: 3em;
    }
}

#exitButton {
    color: #fff;
    font-size: 2em;
    transition: opacity 0.8s;
    position: absolute;
    top: 15px;
    right: 15px;

    &:hover {
        opacity: 0.7;
    }

    @media screen and (min-width:768px) {
        font-size: 3em;
    }
}

.img-responsive {
    padding: 10px;
    border: 1px #ccc solid;
    height: 270px;
    width: 100%;
}

.single_cont {
    width: 90%;
    border: 1px #ccc solid;
    padding: 15px 20px !important;
    border-radius: 6px;
    margin-bottom: 15px !important;
}

.single_cont a {
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    color: #222 !important;
}

.single_cont a:hover {
    color: #057ec6 !important;
    text-decoration: underline;
}

.img-overlay .fa {
    color: #888;
    font-size: 30px;
}

.inner_sec {
    margin-top: 90px;
    padding: 0px;
    background: url(../images/apply-online-banner.jpg) no-repeat;
    background-size: cover;
    min-height: 350px;
    width: 100%;
    position: relative;
}

.apply_title {
    position: absolute;
    top: 45%;
    color: #fff;
}

.box_online {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    ;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
}

.box_online li {
    list-style: none;
    justify-content: flex-start;
    width: 23%;
    min-height: 210px;
    border: 1px solid #ccc;
    margin: 5px 10px 15px 0px;
    box-shadow: 1px 5px 10px #d7d1d1;
    align-items: center;
    overflow: hidden;
    border-radius: 6px 6px 0px 0px;
}

.box_online li a {
    text-decoration: none;
    color: black;
    font-weight: 700;
    text-align: left;
}

.box_online li img {
    border-radius: 6px;
    width: 100%;
    margin: 0px auto 10px;
    text-align: center;
    display: block;
    max-height: 150px;
}

.online_heading {
    color: #057ec6;
    padding-left: 15px;
    margin-bottom: 0px;
    font-size: 1.6rem;
}

.consumer_inner_bg {
    position: relative;
    width: 100%;
}

.consumer_inner_bg img {
    width: 100%;
}

.nav_tbds2 {
    width: 100%;
    white-space: nowrap;
    display: block;
    margin-bottom: 25px;
}

.nav_tbds2 .nav-item .nav-link,
.nav-tabs .nav-link:hover {
    color: #495057;
}

.nav_tbds2 .nav-item {
    padding: 0px;
    display: inline-block;
    width: auto;
    border-radius: 0px;
}

.nav_tbds2 .nav-link {
    padding: 0px;
    margin-right: 20px;
    font-weight: 600;
}

.nav_tbds2 .nav-link.active {
    color: #075bbf;
    border-radius: 0px;
    padding: 0px;
    border: none;
}

.nav_tbds2 .nav-link:hover {
    color: #000;
    border-radius: 0px;
    padding: 0px;
    background: none;
}

.our_other_links2 {
    padding: 10px 0px;
}

ul {
    padding: 0px;
}

.our_other_links2 ul li {
    padding: 5px 0px;
    list-style: none;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding-left: 15px;
    transition: 1s;
    border-radius: 3px;
    background: url(../images/right-arrow.png)0px 11px no-repeat;
}

.our_other_links2 ul li a {
    font-size: 15px;
    color: #057ec6;
    text-decoration: none;
    display: block;
    font-weight: 500;
}

.our_other_links2 ul li a:hover {
    color: #333;
}

.our_other_links2 h3 {
    font-size: 22px;
}

.sathi_pic {
    position: fixed;
    bottom: 10px;
    right: -10px;
    z-index: 6000;
    padding: 10px;
    cursor: pointer;
    font-size: 36px;
}

.sathi_pic img {
    height: 150px;
}

.second_sec {
    position: relative;
    clear: both;
    padding: 0px;
    z-index: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 75px 0px;
    background: url('../img/second-bg.jpg') no-repeat;
}

.top_title {
    font-size: 45px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    padding-bottom: 75px;
}

.top_title span {
    font-size: 60px;
    color: #fff;
    display: block;
    letter-spacing: 0px;
}

.box_desmain2 {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    ;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.box_desmain2 li {
    list-style: none;
    justify-content: flex-start;
    width: 19%;
    height: 200px;
    border: 1px solid #eee;
    margin-bottom: 30px;
    box-shadow: 3px 5px 10px #666;
    border-radius: 12px 12px;
    overflow: hidden;
    background: #fff;
    padding: 10px;
}

.box_desmain2 li:hover {
    background: #ededed;
    color: #fff;
}

.box_desmain2 li a {
    text-decoration: none;
    color: black;
    font-weight: 700;
    font-size: 17px;
}

.box_desmain2 li img {
    border-radius: 10px;
    width: 100%;
    height: 130px;
    padding-bottom: 10px;
}

.someData {
    height: 150px;
    display: none;
    clear: both;
}


.activeTab {
    display: block;
}

ul.parentClass {
    list-style: none;
}

.parentClass label {
    width: auto;
    float: left;
    margin-right: 25px;
}

.nav_tbds2 .nav-link:focus-visible {
    border: none;
}

.main_bdy {
    padding: 0px 3%;
}

/*responsive*/

@media screen and (min-width: 0px) and (max-width: 600px) {

    .box_desmain2 li {
        width: 99%;
    }

    .box_desmain2 li img {
        height: 140px;
    }

    .top_title {
        font-size: 30px;
        padding-top: 25px;
    }

    .top_title span {
        font-size: 45px;
    }

    #overlay img {
        background: #fff;
        padding: 10px;
        width: 80%;
    }

    .headinggradinge img {
        display: none;
    }

    .box_online li {
        width: 100%;
    }

    .apply_title {
        display: none;
    }

    .topiconlist,
    .num-top,
    .ms-auto .nav-item,
    .socialfeed,
    .powering,
    .designtime .loginclick,
    .inner_boxs {
        display: none;
    }

    img.footerlogo {
        position: absolute;
        width: 230px;
        left: auto;
        right: auto;
        left: 16%;
        top: -9%;
    }

    .navbar-expand-lg .navbar-collapse {
        width: 50%;
    }

    .navbar-light .navbar-brand {
        width: 100px;
    }

    .headerbottom .navbar-brand img {
        width: 100px;
    }

    .navbar-collapse.mobilemenu.designtime {
        padding-right: 0px;
        margin-right: 0px;
        width: 30% !important;
    }

    .designtime .loginclick {
        width: 50%;
    }

    .main-banner {
        height: 150px;
    }

    .innerpagebanner {
        height: 25vh !important;
        background-position: inherit !important;
    }

    .slick-slide,
    .bakpower {
        width: 100% !important;
    }

    .form_div,
    .companyimg {
        padding: 20px 0px;
    }

    .nav_tbds .nav-link {
        padding: 10px 20px;
    }

    .main_sectiods {
        background: #fff;
    }

    footer {
        box-shadow: -3px -17px 10px #d9d9d94a;
    }

    img.footerlogo {
        position: absolute;
        width: 190px;
        left: auto;
        right: auto;
        left: 0px;
        right: 0px;
        border-radius: 50% 50% 0% 0%;
        box-shadow: -3px -17px 10px #d9d9d94a;
        top: -50px;
        margin: auto;
        border-top: 1px solid #eee;
    }

    .blincagecircle {
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .blincagecircle img {
        width: 100px;
        margin-bottom: 20px;
    }

    .headerbottom.designtime {
        padding: 15px 0px;
    }

    .form_gp_des .btn-secondary,
    .form_gp_des .btn-primary {
        margin: auto;
        display: block;
    }

    .main_sectiods {
        padding-bottom: 20px;
    }

    .search-middle input {
        width: 80%;
    }

    .submit_btmns {
        width: 100% !important;
    }

    .breadcrumb {
        border-bottom: 2px solid #2196f3;
    }

    .loginpgui {
        width: 100%;
        padding: 0px;
        background: #fff;
        box-shadow: 0px 0px;
    }

    .innerpagebanner {
        background-size: cover !important;
    }

    ul.service_standard li,
    ul.tariff_standard li {
        width: 100%;
        margin-bottom: 5px;
    }

    .images_bneres .carousel-item img {
        height: auto;
    }

    .box_desmain li {
        width: 100%;
    }

    .box_desmain li {
        margin-bottom: 20px;
    }

    /* new css start */
    .icondsds i {
        padding: 10px 5px;
    }

    .breadcrumb-item a {
        font-size: 13px;
    }

    .box_online li {
        margin: 5px 0px 15px 0px;
    }

    .padtops {
        padding: 0px 20px;
    }

    .nav-link {
        font-size: 14px;
        padding: 0.5rem 0.5rem;
    }

    #pop-up {
        width: 82% !important;
    }

    .slick-slide {
        width: 20% !important;
    }

    .main-banner .mainslider {
        object-fit: contain;
        height: 100%;
    }

    .consumer.col-sm-3 {
        width: 100% !important;
    }

    .consumer.col-sm-9 {
        width: 100% !important;
    }

    .consumer_inner_bg img {
        width: 100%;
        min-height: 120px;
    }

    .mainClass {
        padding: 10px 15px;
    }

    .box_desmain2 li {
        height: auto;
    }

    .box_desmain2 li img {
        height: auto;
    }

    .inner_boxs {
        display: block !important;
        padding: 20px 0px 0px !important;
    }

    .slick-slide img {
        display: block;
        width: 100% !important;
        height: 200px !important;
    }

    .sathi_pic {
        right: 0px !important;
    }

    .sathi_pic img {
        height: 100px !important;
    }

    .slt_check {
        width: 100% !important;
    }

    .card {
        margin: 5px 0px !important;
    }

    .personal_details img {
        width: 100% !important;
    }

    .whitebg .wrapper-menu {
        position: absolute;
        top: 3px !important;
        right: 0px !important;
    }

    .whitebg .searchicon25 i.fa.fa-search {
        margin-right: 50px !important;
    }

    .whitebg .navbar-collapse.mobilemenu {
        display: block !important;
    }

    .whitebg .loginclick {
        display: none !important;
    }

    .whitebg .searchtop {
        display: none !important;
    }

}


.whitebg .dropdown-menu {
    margin-top: 0px;
    border: 1px solid #057ec6;
}

.whitebg .dropdown-menu:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #057ec6cc;
    display: block;
    width: 0;
}

.consumerpadingxs .nav-item {
    padding: 0px 10px;
}

.row_com_profileee {
    text-align: left;
}


.whitebg .dropdown-menu {
    margin-top: 0px;
    border: 1px solid #057ec6;
}

.whitebg .dropdown-menu:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 30px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #057ec6cc;
    display: block;
    width: 0;
}

.consumerpadingxs .nav-item {
    padding: 0px 10px;
}


.whitebg {
    position: relative;
    /*border-bottom: 1px solid #205c801f;*/
}

.num-top li span {
    background: #ffc107;
}

.consumersec {
    background: #fff;
}

.upperdesignds {
    background: linear-gradient(45deg, #03a9f4, #2196f300);
    height: 60px;
    width: 100%;
    overflow: hidden;
}

.searchopen i {
    color: #057ec6;
    font-size: 25px;
}

.textdesing {
    display: flex;
    vertical-align: middle;
}

.upperdesignds .headtit {
    color: #fff;
    font-size: 20px;
}

.upperdesignds .textdesing {
    padding: 15px;
}

.bgstlsd {
    width: 100%;
}

.nav_tbds2 .nav-link.active,
.nav_tbds2 .nav-link.focus,
.nav_tbds2 .nav-link:focus-visible {
    color: #075bbf;
    border-radius: 0px;
    padding: 0px;
    border: none;
    background: transparent;
    outline: 0;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.2rem;
    line-height: inherit;
}

.icondsds i {
    padding: 10px;
    position: static;
    top: 0px;
    font-size: 10px;
}

.parentClass label {
    color: #057ec6;
}

.tabpads {
    padding-top: 30px;
}

.personal_details img {
    width: 500px;
    margin-top: 20px;
}

.consumerbody {
    background: #fff;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #057ec6;
}

.nav-link {
    color: #057ec6;
}

.accordinandetails .card-header,
.accordinandetails .card-header a {
    background: #fff;
    color: #03a9f4 !important;
    display: block;
}

.accordinandetails .card {
    border: 0px solid #03a9f4;
}

.accordinandetails .card-header {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 20px;
}

.accordinandetails .card-header:before {
    position: absolute;
    content: "^";
    right: 0px;
    top: 10px;
    bottom: 20px;
    left: auto;
    color: #03a9f4;
    background: #fff;
    height: 10px;
    width: 30px;
    font-size: 20px;
    display: none
}

.accordinandetails .card-header:after {
    position: absolute;
    content: "ˇ";
    right: 0px;
    top: 20px;
    bottom: 20px;
    left: auto;
    color: #03a9f4;
    background: #fff;
    height: 30px;
    width: 30px;
    font-size: 30px;
    font-weight: 500;
}

.inputdesd {
    text-align: center;
    padding: 20px;
    width: 50%;
    border-radius: 20px;
    box-shadow: 1px 2px 13px #eee;
    display: block;
    margin: auto;
    border: 1px solid #03a9f4
}

.cardfonts span {
    font-size: 20px !important;
    color: #03a9f4;
}

.helpfuldesd {
    background: #fff;
    font-weight: 500;
}

.yessel {
    color: green;
    font-weight: 800;
    cursor: pointer
}

.nosel {
    color: orange;
    font-weight: 700;
    cursor: pointer
}

/* new css */

.only-my-class-style-additional h3 {
    color: #047ec6;
    margin-bottom: 30px;
}

.only-my-class-style-additional .social-btn {
    display: flex;
    width: 200px;
    padding: 5px 10px 5px 10px;
    background-color: black;
    color: white;
    align-items: center;
    justify-content: space-evenly;
    border: 1px;
    border-radius: 30px;
    margin-bottom: 5px;
}

.only-my-class-style-additional .whatsapp-color {
    background-image: linear-gradient(to right, #25d366 5%, #21ad55 95%);
}

.only-my-class-style-additional .whatsapp-color:hover {
    background-image: linear-gradient(to right, #21ad55 5%, #25d366 95%);
}

.only-my-class-style-additional .icons8-whatsapp {
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiNmZmZmZmY7Ij48cGF0aCBkPSJNIDI1IDIgQyAxMi4zMDk1MzQgMiAyIDEyLjMwOTUzNCAyIDI1IEMgMiAyOS4wNzkwOTcgMy4xMTg2ODc1IDMyLjg4NTg4IDQuOTg0Mzc1IDM2LjIwODk4NCBMIDIuMDM3MTA5NCA0Ni43MzA0NjkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMuMjQwMjM0NCA0Ny45NzA3MDMgTCAxNC4yMTA5MzggNDUuMjUxOTUzIEMgMTcuNDM0NjI5IDQ2Ljk3MjkyOSAyMS4wOTI1OTEgNDggMjUgNDggQyAzNy42OTA0NjYgNDggNDggMzcuNjkwNDY2IDQ4IDI1IEMgNDggMTIuMzA5NTM0IDM3LjY5MDQ2NiAyIDI1IDIgeiBNIDI1IDQgQyAzNi42MDk1MzQgNCA0NiAxMy4zOTA0NjYgNDYgMjUgQyA0NiAzNi42MDk1MzQgMzYuNjA5NTM0IDQ2IDI1IDQ2IEMgMjEuMjc4MDI1IDQ2IDE3Ljc5MjEyMSA0NS4wMjk2MzUgMTQuNzYxNzE5IDQzLjMzMzk4NCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTQuMDMzMjAzIDQzLjIzNjMyOCBMIDQuNDI1NzgxMiA0NS42MTcxODggTCA3LjAwMTk1MzEgMzYuNDI1NzgxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA2LjkwMjM0MzggMzUuNjQ2NDg0IEMgNS4wNjA2ODY5IDMyLjUyMzU5MiA0IDI4Ljg5MDEwNyA0IDI1IEMgNCAxMy4zOTA0NjYgMTMuMzkwNDY2IDQgMjUgNCB6IE0gMTYuNjQyNTc4IDEzIEMgMTYuMDAxNTM5IDEzIDE1LjA4NjA0NSAxMy4yMzg0OSAxNC4zMzM5ODQgMTQuMDQ4ODI4IEMgMTMuODgyMjY4IDE0LjUzNTU0OCAxMiAxNi4zNjk1MTEgMTIgMTkuNTkzNzUgQyAxMiAyMi45NTUyNzEgMTQuMzMxMzkxIDI1Ljg1NTg0OCAxNC42MTMyODEgMjYuMjI4NTE2IEwgMTQuNjE1MjM0IDI2LjIyODUxNiBMIDE0LjYxNTIzNCAyNi4yMzA0NjkgQyAxNC41ODg0OTQgMjYuMTk1MzI5IDE0Ljk3MzAzMSAyNi43NTIxOTEgMTUuNDg2MzI4IDI3LjQxOTkyMiBDIDE1Ljk5OTYyNiAyOC4wODc2NTMgMTYuNzE3NDA1IDI4Ljk2NDY0IDE3LjYxOTE0MSAyOS45MTQwNjIgQyAxOS40MjI2MTIgMzEuODEyOTA5IDIxLjk1ODI4MiAzNC4wMDc0MTkgMjUuMTA1NDY5IDM1LjM0OTYwOSBDIDI2LjU1NDc4OSAzNS45NjY3NzkgMjcuNjk4MTc5IDM2LjMzOTQxNyAyOC41NjQ0NTMgMzYuNjExMzI4IEMgMzAuMTY5ODQ1IDM3LjExNTQyNiAzMS42MzIwNzMgMzcuMDM4Nzk5IDMyLjczMDQ2OSAzNi44NzY5NTMgQyAzMy41NTI2MyAzNi43NTU4NzYgMzQuNDU2ODc4IDM2LjM2MTExNCAzNS4zNTE1NjIgMzUuNzk0OTIyIEMgMzYuMjQ2MjQ4IDM1LjIyODczIDM3LjEyMzA5IDM0LjUyNDcyMiAzNy41MDk3NjYgMzMuNDU1MDc4IEMgMzcuNzg2NzcyIDMyLjY4ODI0NCAzNy45Mjc1OTEgMzEuOTc5NTk4IDM3Ljk3ODUxNiAzMS4zOTY0ODQgQyAzOC4wMDM5NzYgMzEuMTA0OTI3IDM4LjAwNzIxMSAzMC44NDc2MDIgMzcuOTg4MjgxIDMwLjYwOTM3NSBDIDM3Ljk2OTMxMSAzMC4zNzExNDggMzcuOTg5NTgxIDMwLjE4ODY2NCAzNy43Njc1NzggMjkuODI0MjE5IEMgMzcuMzAyMDA5IDI5LjA1OTgwNCAzNi43NzQ3NTMgMjkuMDM5ODUzIDM2LjIyNDYwOSAyOC43Njc1NzggQyAzNS45MTg5MzkgMjguNjE2Mjk3IDM1LjA0ODY2MSAyOC4xOTEzMjkgMzQuMTc1NzgxIDI3Ljc3NTM5MSBDIDMzLjMwMzg4MyAyNy4zNTk5MiAzMi41NDg5MiAyNi45OTE5NTMgMzIuMDgzOTg0IDI2LjgyNjE3MiBDIDMxLjc5MDIzOSAyNi43MjA0ODggMzEuNDMxNTU2IDI2LjU2ODM1MiAzMC45MTQwNjIgMjYuNjI2OTUzIEMgMzAuMzk2NTY5IDI2LjY4NTU1MyAyOS44ODU0NiAyNy4wNTg5MzMgMjkuNTg3ODkxIDI3LjUgQyAyOS4zMDU4MzcgMjcuOTE4MDY5IDI4LjE3MDM4NyAyOS4yNTgzNDkgMjcuODI0MjE5IDI5LjY1MjM0NCBDIDI3LjgxOTYxOSAyOS42NDk1NDQgMjcuODQ5NjU5IDI5LjY2MzM4MyAyNy43MTI4OTEgMjkuNTk1NzAzIEMgMjcuMjg0NzYxIDI5LjM4MzgxNSAyNi43NjExNTcgMjkuMjAzNjUyIDI1Ljk4NjMyOCAyOC43OTQ5MjIgQyAyNS4yMTE1IDI4LjM4NjE5MiAyNC4yNDIyNTUgMjcuNzgyNjM1IDIzLjE4MTY0MSAyNi44NDc2NTYgTCAyMy4xODE2NDEgMjYuODQ1NzAzIEMgMjEuNjAzMDI5IDI1LjQ1NTk0OSAyMC40OTcyNzIgMjMuNzExMTA2IDIwLjE0ODQzOCAyMy4xMjUgQyAyMC4xNzE5MzcgMjMuMDk3MDQgMjAuMTQ1NjQzIDIzLjEzMDkwMSAyMC4xOTUzMTIgMjMuMDgyMDMxIEwgMjAuMTk3MjY2IDIzLjA4MDA3OCBDIDIwLjU1Mzc4MSAyMi43Mjg5MjQgMjAuODY5NzM5IDIyLjMwOTUyMSAyMS4xMzY3MTkgMjIuMDAxOTUzIEMgMjEuNTE1MjU3IDIxLjU2NTg2NiAyMS42ODIzMSAyMS4xODE0MzcgMjEuODYzMjgxIDIwLjgyMjI2NiBDIDIyLjIyMzk1NCAyMC4xMDY0NCAyMi4wMjMxMyAxOS4zMTg3NDIgMjEuODE0NDUzIDE4LjkwNDI5NyBMIDIxLjgxNDQ1MyAxOC45MDIzNDQgQyAyMS44Mjg4NjMgMTguOTMxMDE0IDIxLjcwMTU3MiAxOC42NTAxNTcgMjEuNTY0NDUzIDE4LjMyNjE3MiBDIDIxLjQyNjk0MyAxOC4wMDEyNjMgMjEuMjUxNjYzIDE3LjU4MDAzOSAyMS4wNjQ0NTMgMTcuMTMwODU5IEMgMjAuNjkwMDMzIDE2LjIzMjUwMSAyMC4yNzIwMjcgMTUuMjI0OTEyIDIwLjAyMzQzOCAxNC42MzQ3NjYgTCAyMC4wMjM0MzggMTQuNjMyODEyIEMgMTkuNzMwNTkxIDEzLjkzNzY4NCAxOS4zMzQzOTUgMTMuNDM2OTA4IDE4LjgxNjQwNiAxMy4xOTUzMTIgQyAxOC4yOTg0MTcgMTIuOTUzNzE3IDE3Ljg0MDc3OCAxMy4wMjI0MDIgMTcuODIyMjY2IDEzLjAyMTQ4NCBMIDE3LjgyMDMxMiAxMy4wMjE0ODQgQyAxNy40NTA2NjggMTMuMDA0NDMyIDE3LjA0NTAzOCAxMyAxNi42NDI1NzggMTMgeiBNIDE2LjY0MjU3OCAxNSBDIDE3LjAyODExOCAxNSAxNy40MDgyMTQgMTUuMDA0NzAxIDE3LjcyNjU2MiAxNS4wMTk1MzEgQyAxOC4wNTQwNTYgMTUuMDM1ODUxIDE4LjAzMzY4NyAxNS4wMzcxOTIgMTcuOTcwNzAzIDE1LjAwNzgxMiBDIDE3LjkwNjcxMyAxNC45Nzc5NzIgMTcuOTkzNTMzIDE0Ljk2ODI4MiAxOC4xNzk2ODggMTUuNDEwMTU2IEMgMTguNDIzMDk4IDE1Ljk4ODAxIDE4Ljg0MzE3IDE2Ljk5OTI0OSAxOS4yMTg3NSAxNy45MDAzOTEgQyAxOS40MDY1NCAxOC4zNTA5NjEgMTkuNTgyMjkyIDE4Ljc3MzgxNiAxOS43MjI2NTYgMTkuMTA1NDY5IEMgMTkuODYzMDIxIDE5LjQzNzEyMiAxOS45MzkwNzcgMTkuNjIyMjk1IDIwLjAyNzM0NCAxOS43OTg4MjggTCAyMC4wMjczNDQgMTkuODAwNzgxIEwgMjAuMDI5Mjk3IDE5LjgwMjczNCBDIDIwLjExNTgzNyAxOS45NzM0ODMgMjAuMTA4MTg1IDE5Ljg2NDE2NCAyMC4wNzgxMjUgMTkuOTIzODI4IEMgMTkuODY3MDk2IDIwLjM0MjY1NiAxOS44Mzg0NjEgMjAuNDQ1NDkzIDE5LjYyNSAyMC42OTE0MDYgQyAxOS4yOTk5OCAyMS4wNjU4MzggMTguOTY4NDUzIDIxLjQ4MzQwNCAxOC43OTI5NjkgMjEuNjU2MjUgQyAxOC42Mzk0MzkgMjEuODA3MDcgMTguMzYyNDIgMjIuMDQyMDMyIDE4LjE4OTQ1MyAyMi41MDE5NTMgQyAxOC4wMTYyMjEgMjIuOTYyNTc4IDE4LjA5NzA3MyAyMy41OTQ1NyAxOC4zNzUgMjQuMDY2NDA2IEMgMTguNzQ1MDMyIDI0LjY5NDYgMTkuOTY0NDA2IDI2LjY3OTMwNyAyMS44NTkzNzUgMjguMzQ3NjU2IEMgMjMuMDUyNzYgMjkuMzk5Njc4IDI0LjE2NDU2MyAzMC4wOTU5MzMgMjUuMDUyNzM0IDMwLjU2NDQ1MyBDIDI1Ljk0MDkwNiAzMS4wMzI5NzMgMjYuNjY0MzAxIDMxLjMwNjYwNyAyNi44MjYxNzIgMzEuMzg2NzE5IEMgMjcuMjEwNTQ5IDMxLjU3Njk1MyAyNy42MzA2NTUgMzEuNzI0NjcgMjguMTE5MTQxIDMxLjY2NjAxNiBDIDI4LjYwNzYyNyAzMS42MDczNjYgMjkuMDI4NzggMzEuMzEwOTc5IDI5LjI5Njg3NSAzMS4wMDc4MTIgTCAyOS4yOTg4MjggMzEuMDA1ODU5IEMgMjkuNjU1NjI5IDMwLjYwMTM0NyAzMC43MTU4NDggMjkuMzkwNzI4IDMxLjIyNDYwOSAyOC42NDQ1MzEgQyAzMS4yNDYxNjkgMjguNjUyMTMxIDMxLjIzOTEwOSAyOC42NDYyMzEgMzEuNDA4MjAzIDI4LjcwNzAzMSBMIDMxLjQwODIwMyAyOC43MDg5ODQgTCAzMS40MTAxNTYgMjguNzA4OTg0IEMgMzEuNDg3MzU2IDI4LjczNjQ3NCAzMi40NTQyODYgMjkuMTY5MjY3IDMzLjMxNjQwNiAyOS41ODAwNzggQyAzNC4xNzg1MjYgMjkuOTkwODg5IDM1LjA1MzU2MSAzMC40MTc4NzUgMzUuMzM3ODkxIDMwLjU1ODU5NCBDIDM1Ljc0ODIyNSAzMC43NjE2NzQgMzUuOTQyMTEzIDMwLjg5Mzg4MSAzNS45OTIxODggMzAuODk0NTMxIEMgMzUuOTk1NTcyIDMwLjk4MjUxNiAzNS45OTg5OTIgMzEuMDc3ODYgMzUuOTg2MzI4IDMxLjIyMjY1NiBDIDM1Ljk1MTI1OCAzMS42MjQyOTIgMzUuODQzOSAzMi4xODAyMjUgMzUuNjI4OTA2IDMyLjc3NTM5MSBDIDM1LjUyMzU4MiAzMy4wNjY3NDYgMzQuOTc1MDE4IDMzLjY2NzY2MSAzNC4yODMyMDMgMzQuMTA1NDY5IEMgMzMuNTkxMzg4IDM0LjU0MzI3NyAzMi43NDkzMzggMzQuODUyNTE0IDMyLjQzNzUgMzQuODk4NDM4IEMgMzEuNDk5ODk2IDM1LjAzNjU5MSAzMC4zODY2NzIgMzUuMDg3MDI3IDI5LjE2NDA2MiAzNC43MDMxMjUgQyAyOC4zMTYzMzYgMzQuNDM3MDM2IDI3LjI1OTMwNSAzNC4wOTI1OTYgMjUuODkwNjI1IDMzLjUwOTc2NiBDIDIzLjExNDgxMiAzMi4zMjU5NTYgMjAuNzU1NTkxIDMwLjMxMTUxMyAxOS4wNzAzMTIgMjguNTM3MTA5IEMgMTguMjI3Njc0IDI3LjY0OTkwOCAxNy41NTI1NjIgMjYuODI0MDE5IDE3LjA3MjI2NiAyNi4xOTkyMTkgQyAxNi41OTI4NjYgMjUuNTc1NTg0IDE2LjM4MzUyOCAyNS4yNTEwNTQgMTYuMjA4OTg0IDI1LjAyMTQ4NCBMIDE2LjIwNzAzMSAyNS4wMTk1MzEgQyAxNS44OTcyMDIgMjQuNjA5ODA1IDE0IDIxLjk3MDg1MSAxNCAxOS41OTM3NSBDIDE0IDE3LjA3Nzk4OSAxNS4xNjg0OTcgMTYuMDkxNDM2IDE1LjgwMDc4MSAxNS40MTAxNTYgQyAxNi4xMzI3MjEgMTUuMDUyNDk1IDE2LjQ5NTYxNyAxNSAxNi42NDI1NzggMTUgeiI+PC9wYXRoPjwvc3ZnPg==") 50% 50% no-repeat;
    background-size: 100%;
}

.only-my-class-style-additional img {
    margin-top: 30px;
    text-align: center;
    display: block;
    padding-left: 50px;
}

.only-my-class-style-additional {
    padding-bottom: 0px;
    text-align: center;
    padding-top: 50px;
}

.only-my-class-style-additional-step-1 img {
    width: 100%;
    text-align: right;
    float: right;
    position: relative;
}

.wrapper-panku-pd-left {
    padding-left: 60px;
    padding-top: 100px;
}

.only-my-class-style-additional-step-2 h3 {
    color: #047ec6;
    text-transform: uppercase;
}

ul.underline-style-step-1 {
    padding-left: 15px;
}

.wrapper-rooftop-main-style-step-1 ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #235c80;
}

.wrapper-rooftop-main-style-step-1 ul {
    list-style: none;
    margin-bottom: 0px;
}

.wrapper-rooftop-main-style-step-1 ul li {
    padding: 10px;
}

.wrapper-rooftop-main-style-step-1 p {
    padding: 10px;
    margin-bottom: 0px;
}

.wrapper-rooftop-main-style-step-1 table.table tbody tr th {
    width: 33.9%;
}

.wrapper-rooftop-main-style-step-1 table.table {
    margin-bottom: 0px;
}

.wrapper-rooftop-main-style-step-1 table.table.dard-bg tbody tr th a {
    font-weight: 800;
    text-decoration: none;
    color: #222;
}

.nav-side-menu {
    overflow: auto;
    font-family: verdana;
    font-size: 12px;
    font-weight: 200;
    top: 0px;
    color: #2e353d;
}

.nav-side-menu .brand {
    display: block;
    font-size: 15px;
    padding-bottom: 10px;
    color: #057ec6;
    font-weight: 600;
}

.nav-side-menu .toggle-btn {
    display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 45px;
    cursor: pointer;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
    color: #057ec6;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #d19b3d;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #d19b3d;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #d19b3d;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    border: none;
    line-height: 35px;
    border-bottom: 1px solid #bbd5f3;
    margin-left: 0px;
    color: #057ec6;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.nav-side-menu li {
    padding-left: 0px;
    border-bottom: 1px solid #ccc;
}

.nav-side-menu li a {
    text-decoration: none;
    color: #2e353d;
}

.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}

.nav-side-menu li:hover {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.sitemap_pic {
    width: 90%;
}

@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        height: inherit;
    }

    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

.noscrollcls {
    white-space: initial;
}

.mobile {
    display: flex;
    justify-content: space-between;
}

.main_div_dessd .csrslider {}

.csrslider p:nth-child(2) {
    background: #4277a1 !important;
    color: rgb(238, 238, 238);
    padding: 10px 20px;
}

.csrslider p:nth-child(3) {
    text-align: left !important;
    padding: 0px;
}

.menus_fullwidth {
    width: 100%;
    display: block;
}

.ahdul li .nav-link:hover {
    color: #ffffff;
    cursor: pointer;
}

#main {
    width: 100%;
    height: 100vh;
    background: #0008;
    position: relative;
    top: 0;
    left: 0;
    z-index: 99999;
}

#mai {
    width: 100%;
    height: 100vh;
    background: #0008;
    position: relative;
    top: 0;
    left: 0;
    z-index: 99999;
}

#ma {
    width: 100%;
    height: 100vh;
    background: #0008;
    position: relative;
    top: 0;
    left: 0;
    z-index: 99999;
}

#m {
    width: 100%;
    height: 100vh;
    background: #0008;
    position: relative;
    top: 0;
    left: 0;
    z-index: 99999;
}

#pop-up {
    text-align: center;
    width: 55%;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 10px 20px #3c3b3b;
}

#pop-up img {
    width: 100%;
}

#close-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
    border: none;
    font-size: 17px;
    color: #1d68c5;
    font-weight: 800;
    padding: 5px 10px;
    cursor: pointer;
}

.contactOver {
    display: flex;
    padding: 10px 15px;
    margin-bottom: 2px;
    line-height: 1.5em;
    width: 100%;
    float: left;
}

.contact {
    width: 50%;
    float: left;
}

#pop-ups img {}

#close-btnn {
    position: absolute;
    right: 537px;
    padding: 5px 10px;
    cursor: pointer;
}

.format {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.imagesizes {
    height: 180px;
}

/* .mainClass{
        display: flex;
        justify-content: center;
        align-items: center;
       
    }
    .childClass{
        width: 80px;
        height: 80px;
    } */

.childClass img {
    width: 100%
}

.childClass {
    background: #eee;
    padding: 0px;
    border: 1px solid gray;
    margin-bottom: 20px;
    display: block;
    min-height: 450px;
    transition: 1s;
}

.childClass:hover {
    background: #057ec6;
}

.padd-top5 {
    padding-top: 5px;
}

.padd-top10 {
    padding-top: 10px;
}

.padd-top15 {
    padding-top: 15px;
}

.padd-top20 {
    padding-top: 20px;
}

.padd-top25 {
    padding-top: 25px;
}

.padd-bottom5 {
    padding-bottom: 5px;
}

.padd-bottom10 {
    padding-bottom: 10px;
}

.padd-bottom15 {
    padding-bottom: 15px;
}

.padd-bottom20 {
    padding-bottom: 20px;
}

.padd-bottom25 {
    padding-bottom: 25px;
}

.striped {
    background: #f8f8f8;
}

.border-b,
.striped {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 1px 0px rgb(0 0 0 / 10%);
    padding: 10px 15px;
    margin-bottom: 2px;
    line-height: 1.5em;
}

.registerComplaintBanner {
    background: url(../images/register-complain-banner.jpg);
    background-size: 100% auto;
    background-position: 0px 0px !important;
}

.text-left {
    text-align: left !important;
}

.txtRed {
    color: red !important;
}

.dropdown_menu {
    width: 250px;
    padding: 5px 10px !important;
}

.menuspace {
    padding-top: 10px !important;
}

.svgNClass {
    enable-background: new 0 0 511.995 511.995;
}

.sbBorder {
    border-bottom: 3px solid #ddd;
}

.wid20 {
    width: 20%;
}

.wid40 {
    width: 20%;
}
.wid100{width: 100% !important;}
.details-con {
    padding-left: 15px;
    padding-right: 15px;
}



.TImage_Tarrif {background: url(../../assets/img/inner/cost-data-book.jpg);background-size: 100% auto;}
.TImage_ContactUs {background: url(../../assets/img/inner/contact-banner.jpg);background-size: 100% auto;}
.QuickEbillD {background: url(../../assets/img/inner/quick-e-bill-download.jpg); background-size: 100% auto !important;}
.TImage_AboutUs{background-image: url(../../assets/img/inner/aboutus-inner.jpg); background-size: 100%;} 
.Sustaianable{background: url(../../assets/img/inner/Sustaianable.jpg); background-size: 100% auto;} 
.Outages{background: url(../../assets/img/inner/outage-notification.jpg); background-size: 100% auto;}
.TImage_login {background: url(../../assets/img/inner/loginpage.jpg); background-size: 100% auto;}
.TImage_selfmeter {background: url(../../assets/img/inner/self-meter-reading-banner.jpg); background-size: 100% auto;}
.TImage_solar {background: url(../../assets/img/inner/solar-banner-main-1.jpg); background-size: 100% auto;}

.tCenter{text-align: center;}
.marTop5Per{margin-top: 5%;}
.cGrey {color:grey !important;}
.bGGrey {background-color: gray;}
.pdLeft10 {padding-left:10px;}
.Dnone {display: none;}
.marTop20{margin-top:20px;}
.marTop10{margin-top:10px;}






















/* Chatbot CSS */
.sathiPIC {
    height: 120px !important;
    border: none !important;
}

.sathiMiNI {
    height: 13px;
}

.chatbot {
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index: 6000;
    padding: 10px;
    cursor: pointer;
    font-size: 36px;
    border-radius: 50%;
}

.chatbot_Open {
    position: fixed;
    bottom: 10px;
    right: 0px;
    z-index: 5000;
    display: none;
}

.chatbot_mini {
    -webkit-filter: invert(1);
    filter: invert(1);
    cursor: pointer;
    top: 17px;
    position: relative;
    z-index: 5000;
    right: 46px;
    color: #fff;
}

.chatMsg {
    padding: 10px 6px 10px 9px;
    background: #fff;
    font-size: 10px;
    line-height: 1.3em;
    width: 165px;
    right: 30px;
    position: fixed;
    z-index: 5000;
    bottom: 115px;
    border-radius: 5px;
    display: none;
}

#closeMsg {
    padding: 5px;
    position: relative;
    top: -10px;
    right: -5px;
    cursor: pointer;
}

@media (max-width: 480px) {
    .sathiPIC {
        height:90px !important;
    }
    .chatbot {
        bottom: 0px;
        right: -15px;
    }
    .sideleft{display: none;}
}

.flex5258wrap a.highLigh {
    color: #ffe700 !important;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 0.06rem rgba(0, 0, 0, .6) !important;
}