.header-blog{
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
    height: 80px;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 11;
}
.header-blog .navbar{
    padding: 0;
}
.header-blog .navbar .brand img{
    width: 100%;
    height: 40px;
    object-fit: contain;
}
.header-blog .navbar .menu {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
}
.header-blog .navbar .nav-link {
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-right: 30px;
    padding: 10px 0;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}
.header-blog .navbar .menu-item.active .nav-link{
    color: #1DA7FC;
    font-weight: 600;
}
.header-blog .navbar .nav-link:hover{
    color: #1DA7FC;
    font-weight: 600;
}
.header-blog .navbar .menu-item:last-child a{margin-right: 0;}
.wd-start-btn{
    display: inline-block;
    padding: 10px 20px;
    color:  #FFF;
    font-size: 15px;
    font-weight: 600;
    border-radius: 45px;
    background: linear-gradient(180deg, #2C82AF 0%, #295772 100%);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.07);
    width: fit-content;
}
.wd-start-btn:hover{
    background: linear-gradient(180deg,#295772 0%, #2C82AF 100%);
    color: #fff;
}
/* auth header [START]  */
#auth .header-blog{
    background: #000;
}
#auth .header-blog .navbar .nav-link{
    color: #FFF;
    text-transform: capitalize;
}
/* auth header [END] */
/*----Footer-----*/
.footer_main {
    background: url("../images/footerbg.png") no-repeat;
    background-position: top;
    background-size: cover;
    padding: 100px 0 20px;
    position: relative;
    display: block;
    color: #FFFFFF !important;
    border-radius: 50px 50px 0 0;
}
.footer_main:before{
    content: "";
    background: url("../images/footer-icon.png") no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    width: 100px;
    height: 100px;
    margin: -30px auto;
    top: 0;    
}
footer p{
    font-size: 15px;
    font-weight: 400; 
    margin: 17px 0 0;   
}
footer h5{
    font-size: 20px;
    font-weight: 700;
}
footer h5 svg {
    display: block;
    margin: 10px 0 20px;
}
footer a{
    font-size: 15px;
    font-weight: 400;
    display: block;
    color: #fff;
}
footer ul li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
footer ul li svg {
    margin: 3px 12px 0 0;
    width: 20px;
    height: 20px;
}
footer b{
    background:  linear-gradient(180deg, #92CD01 0%, #3AB549 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.footer_link {
    display: block;
}
.footer_link li {
    display: inline-block;
    margin: 0 12px 0 0;
}
.download_blog a{
    margin-bottom: 17px;
}
.footer_link li a{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 30%);
    border: 2px solid rgb(255 255 255 / 20%);
}
.footer_link li a svg{
    margin: 0;
}
/* footer end */
@media only screen and (max-width: 991px) 
{
    .brand{width: 50.5% !important;}
    .header-blog .navbar {padding: 0;margin: 0 auto;} 
    .header-blog .navbar #nav:checked ~ .wrapper {width: 60%;background: linear-gradient(180deg, #2C82AF 0%, #295772 100%);opacity: 1;display: flex;flex-direction: column;z-index: 99;height: 100%;transition: all 0.3s ease;}
    .header-blog .navbar .wrapper {position: fixed;top: 0;right:0;bottom: 0; width: 0;height: unset;z-index: -1;opacity: 0;background: #d1dee7;transition: all 0.3s ease;}
    .header-blog .navbar .wrapper .menu {display: none;position: absolute;top: 80px;width: 100%;padding-left: 15px;}
    .header-blog .navbar .wrapper .menu-item {padding-bottom: 15px;width: 100%;text-align: left;}
    .header-blog .navbar .wrapper .menu-item:nth-child(1) a {transition-delay: 0.2s;}
    .header-blog .navbar .wrapper .menu-item:nth-child(2) a {transition-delay: 0.3s;}
    .header-blog .navbar .wrapper .menu-item:nth-child(3) a {transition-delay: 0.4s;}
    .header-blog .navbar .wrapper .menu-item:nth-child(4) a {transition-delay: 0.5s;}
    .header-blog .navbar .wrapper .menu-item:not(:first-child) {margin-left: 0;}
    .header-blog .navbar .wrapper .menu-item a {opacity: 0;transform: translateX(-20px);transition: all 0.3s ease-in-out;}
    .header-blog .navbar .nav-toggle {display: block;cursor: pointer;z-index: 999;margin-bottom: 0;position: relative;}
    .header-blog .navbar .nav-toggle span {display: block;width: 20px;height: 2px;    background: linear-gradient(180deg, #2C82AF 0%, #295772 100%);border-radius: 2px;margin-left: 14px;}
    .header-blog .navbar .nav-toggle span:nth-child(2) {margin-top: 4px;opacity: 1;}
    .header-blog .navbar .nav-toggle span:nth-child(3) {margin-top: 4px;}
    .header-blog .navbar #nav:checked + .nav-toggle {transform: rotate(45deg);}
    .header-blog .navbar #nav:checked + .nav-toggle span {background: #e3e5e9;transition: transform 0.5s ease;}
    .header-blog .navbar #nav:checked + .nav-toggle span:nth-child(1) {transform: translateY(6px) rotate(180deg);}
    .header-blog .navbar #nav:checked + .nav-toggle span:nth-child(2) {opacity: 0;}
    .header-blog .navbar #nav:checked + .nav-toggle span:nth-child(3) {transform: translateY(-6px) rotate(90deg);}
    .header-blog .navbar #nav:checked ~ .wrapper .menu{display: block;flex-direction: column;}
    .header-blog .navbar #nav:checked ~ .wrapper .menu-item a {opacity: 1;transform: translateX(0);color: #fff;}
    .header-blog .navbar .menu-item::before{background: #fd9803;left: 0;}
    .header-blog .navbar .menu-item::before{top: 34% !important;}
    .header-blog .navbar .menu-item:last-child a{margin-left: 0;}
    .header-blog{height: 70px;}
      /* footer */
    .footer_main{padding-bottom: 0;}    
    .footer_main .row > div{margin-bottom: 1.5rem;}    
    footer p{margin-bottom: 0;font-size: 14px;}
    footer a{font-size: 14px;}
    footer h5{font-size: 18px;}
    .mt-5, .my-5{margin-top: 0 !important;}    
    .footer_main span{display: block;text-align: center;}
}
@media (max-width: 767px)
{

}
@media (max-width: 575px)
{
    .footer_main{background-size: auto;}
    .footer_main .container {background: linear-gradient(316deg, #295772 -100%, #2C82AF 140%);}
    .wd-story-box{margin-bottom: 15px;}
}