.blog{
    background:linear-gradient(45deg, #0D2A0F 0%, #091B0A 100%);
    min-height: 200vh;
    width: 100%;
    position: relative;
    z-index: 9;
    color: #fff;
}
.blog::before{
    content: "";
    /* display: inline-block; */
    background: url(../img/blog/banner.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    inset: 0;
    width: 100%;
    min-height: 200vh;
    z-index: -1;
    opacity: 10;
}
.blog-seca{
    min-height: 60vh;
}
.blog .b-suba{
    padding-top: 100px;
}
.blog .blog-sub1 h1{
    color: #FFCD4F;
    text-align: center;
    font-family: "Inria-b";
    font-size: 60px;
    opacity: 0.4;
}
.blog .blog-sub2 nav ol{
    display: flex;
    justify-content: center;
    align-items: center;   
}
.blog .blog-sub2 nav ol li a, .blog .blog-sub2 nav ol li{
    color: white;
    font-family: "Plus";
    text-decoration: none;
}

/* ---------------------------------------------blog suba end---------------------------------------------------------------- */
.blog-secb{
    padding: 25px 0px;
}
.blog-secb  .secb-sub1 button{
    color: #FFCD4F;
    border:1px solid #FFCD4F;
    border-radius: 30px;
    padding:5px 30px;
    font-family: "Manrope";
}
.blog-secb  .secb-sub1 button.active{
    background-color: #FFCD4F;
    color: #000;
}
.blog-secb .secb-sub2{
    display: flex;
    flex-wrap: wrap;
}
.blog-secb .secb-sub2 div{
    margin-right: 0px;
    padding-bottom: 20px;
}
.blog-secb .secb-sub2 div span{
    display: flex;
    color: #FFCD4F;
    padding-top: 10px;
    font-family: "Manrope-m";
}
.blog-secb .secb-sub2 div span li{
    text-transform: capitalize;
}
.blog-secb .secb-sub2 div h5{
    font-family: "Manrope";
}
.blog-secb .secb-sub2 div p{
    font-size: 13px;
    line-height: inherit;
    font-family: "Inter-l";
}
.blog-secb .secb-sub2 div a{
    text-decoration: none;
    color: #fff;
    width: 56%;
    display: flex;
    background-color: transparent;
    padding: 0px;
}
.blog-secb .secb-sub2 div a span{
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    margin-left: 20px;
    align-items: center;
    padding: 0;
    padding: 0px 8px;
    font-size: 17px;
}
.blog-secb .secb-sub2 h5{
    font-size: 16px;
}
.blog-secb .secb-sub2 div a:first-of-type {
    width: 100%;
}
.blog-secb .secb-sub3 h5{
    font-family: "Manrope";
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #FFCD4F;
}
.blog-secb .secb-sub3 div:first-of-type{
    margin-right: 10px;
}
.blog-secb .secb-sub3 .small{
    display: flex;
    margin-top: 20px;
    
}
.blog-secb .secb-sub3 .small a{
    text-decoration: none;
    color: #fff;
}
.blog-secb .secb-sub3 .small h5{
    font-family: "Manrope";
    font-size:11px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.blog-secb .secb-sub3 .small p{
    font-family: "Manrope-sb";
    margin-bottom: 5px;
    font-size: 11px;
    text-transform: capitalize;
}
.blog-secb .secb-sub3 .small span{
    font-family: "Manrope-m";
    font-size: 10px;
    display: flex;
}
.blog-secb{
    position: relative;
}
.blog-secb::before{
    content: "";
    display: inline-block;
    position: absolute;
    left: -8%;
    background-image: url(../img/blog/ff.png);
    background-repeat: no-repeat;
    width: 228px;
    height: 251px;
    top: 0%;
    background-size: contain;
    animation: sparkle 1.5s infinite ease-in-out;
}

/* @keyframes rotate-spark {
    0%, 100%{
        transform: rotate(0deg);
        filter: drop-shadow(0 0 3px gold);

    }
    50%{
        transform: rotate(90deg);
        filter: drop-shadow(0 0 6px gold);
    }
    
} */
.blog-secb .blog-secb-last{
    margin-top: 20px;
}
.blog-secb .blog-secb-last button{
    display: flex;
}
.blog-secb .blog-secb-last button{
    border: 1px solid #FFCD4F !important;
    color: #FFCD4F;
    text-transform: capitalize;
    border-radius: 30px;
    /* padding: 5px 105px; */
    font-size: 14px;
    padding-right: 3px;
}
.blog-secb-last button span:first-of-type{
    padding: 0px 60px;
}
.blog-secb-last button ::after{
    content: "";
    width: 100px;
    height: 100px;
    background-color: #FFCD4F;
}
.blog-secb-last button span:last-of-type{
    background-color: #FFCD4F;
    border-radius: 50%;
    padding: 0px 5px;
}
.blog-secb .secb-sub3{
    position: relative;
}
/*.blog-secb .secb-sub3::after{
    content: "";
    display: inline-block;
    background-image: url(../img/blog/lf.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 149px;
    height: 238px;
    right: 0;
    position: absolute;
    top: 51%;
    transform: scale(2.1);
    animation: sparkle 1.5s infinite ease-in-out;
}*/
.blog-secb .page-link{
    color: #091B0A;
}
/* -----------------------------------secb end------------------------------------------------------------ */
.blog-secc{
    padding-bottom: 50px;
}
.blog-secc .container{
    padding: 0px 200px;
}

.blog-secc .secc-sub1{
    display: flex;
    padding: 32px 62px;
    background-color: #347937;
    position: relative;
    align-items: center;
    justify-content: center;
}
.blog-secc .secc-sub1::before{
    content: "";
    display: inline-block;
    background-image: url(../img/blog/l.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 2%;
    bottom: -25%;

}
.blog-secc .secc-sub1 .box{
    display: flex;
    width: 100%;
}
.blog-secc .secc-sub1 h5{
    font-family: "Plus";
    font-size: 22px;
}
.blog-secc .secc-sub1 div:first-of-type{
    margin-right: 80px;
    margin-left: 30px;
}
.blog-secc .secc-sub1 .set{
    width: 100%;
}
.blog-secc .secc-sub1 .set input{
    width: 100%;
    border-radius: 30px;
    border: 1px solid #fff;
    position: relative;
}

.blog-secc .secc-sub1 .set input::placeholder{
    padding: 5px 5px;
    font-family: "Plus";
    font-size: 12px;
}
.blog-secc .secc-sub1 .set form i{
    position: absolute;
    left: 78%;
    top: 55%;
    background-color:  #347937;
    font-size: 10px;
    padding: 6px;
    border-radius: 50%;
    color: #fff;
}
.blog-secc .secc-sub1::after{
    content: "";
    display: inline-block;
    background-image: url(../img/blog/v1.png);
    background-repeat: no-repeat;
    width: 167px;
    height: 128px;
    position: absolute;
    right: 3%;

}


/* ----------------------------------------Responsive-------------------------------------------------------- */

/* 125 */
@media (min-width: 1045px) and (max-width: 1100px){
    .blog-secb::before{
        left: -10%;
    }
    .blog .b-suba{
    padding-top: 50px;
    }
    .blog-secb .secb-sub3 h5{
        font-size: 17px;
    }
    .blog-secb .secb-sub3 .small span {
        font-size: 8px;
    }
    .blog-secb-last button span:first-of-type {
    padding: 0px 35px;
    }
    .blog-secc .secc-sub1 .set form i{
        left: 76%;
        top: 54%;
    }
    .blog-secc .secc-sub1{
        padding: 22px 55px;
    }
    .blog-secc .secc-sub1 h5{
        font-size: 18px;
    }
    .blog-secc .secc-sub1 div:first-of-type{
        margin-right: 56px;
    }
    .blog-secc .secc-sub1::after{
        height: 99px;
    }

}

/* 110 */
@media (min-width: 1101px) and (max-width: 1299px){
   .blog-secb::before{
        left: -9%;
    }
}

/* 80&90 */
@media (min-width: 1400px) and (max-width: 1800px){
    .blog-secc .secc-sub1 .set input{
        width: 60%;
    }
    .blog-secc .secc-sub1 .set form i{
        left: 59%;
        top: 55%;
    }
    .blog-secb::before{
        left: -7%;
    }

}

/* 65&79 */
@media (min-width: 1801px) and (max-width: 2200px){
    .blog-secb::before{
        left: -6%;
    }
}
/* large tab */
@media (min-width: 992px) and (max-width: 1044px){
    .hdr .head-nav .nav-link{
        margin: 0px 1px;
        font-size: 10px;
    }
     .blog-secb::before{
        left: -11%;
    }
    .blog-secb .secb-sub3 .small span{
        font-size:8px;
    }
    .blog-secb .secb-sub3 h5{
        font-size: 12px;
    }
    .blog-secb-last button span:first-of-type {
        padding: 0px 35px;
    }
    .blog-secc .secc-sub1 .set form i{
        left: 71%;
        top: 51%;   
    }
    .blog-secc .secc-sub1 h5{
        font-size: 14px;
    }
    .blog-secc .secc-sub1::after{
        height: 110px;
    }
}

/* tab */
@media (min-width: 768px) and (max-width: 991px){
    .hdr .head{
        padding: 10px 30px;
    }
    .blog .b-suba{
    padding-top: 50px;
    }
    .blog-secb::before{
        left: -14%;
    }
    .blog .blog-secb .secb-sub2{
        justify-content: center;
    }
    .blog .blog-secb  .secb-sub1{
        justify-content: center;
        display: flex;
    } 
    .blog-secb .secb-sub3{
        display: flex;
    }
    .blog-secb .secb-sub3 h5{
        font-size: 25px;
    }
    .blog-secb .secb-sub3::after{
        display: none;
    }
    .blog-secb-last button span:first-of-type{
        padding: 0px 54px;
    }
    .blog-secc .secc-sub1 .set form i{
        left: 73%;
        top: 54%;
    }

    .blog-secc .secc-sub1 h5{
        font-size: 18px;
    }

    .blog-secc .container {
        padding: 0px 50px;
    }
    .blog-secc .secc-sub1::before {
        width: 60px;
        height: 60px;
        bottom: 0%;
    }
    .blog-secc .secc-sub1::after{
        height: 120px;
    }
    .blog-secb .secb-sub3{
        display: none;
    }
    .blog::before{margin-top:90px;}
    .blog-seca{
        min-height: 60vh;
        display: flex;
        justify-content: center;
        align-items: center;}
}

/* mobile */
@media (min-width: 100px) and (max-width: 767px){
    .hdr .head{
        padding: 10px 10px;
    }
    .blog-seca{
        min-height: 48vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .blog::before{margin-top:90px;}
    .blog .b-suba{
        padding-top: 50px;
    }
    .blog-secb .secb-sub1 button{
        padding: 5px 20px;
    }
    .blog-secb .secb-sub2 div span{
        font-size: 12px;
    }
    .blog-secb .secb-sub2 div h5{
        font-size: 13px;
    }
    .blog-secb .secb-sub2 div p {
        font-size: 10px;
        text-align: left;
    }
    .blog-secb .secb-sub2 div a{
        width: 65%;
        margin: 0px;
        font-size: 12px;
    }
    .blog-secb .secb-sub2 div a span{
        padding: 0px 5px;
        font-size: 10px;
    }
    .blog-secb::before{
        left: -15%;
        top: -9%;
    }
    .blog-secb .secb-sub3{
        display: flex;
    }
    .blog-secb .secb-sub3::after{
        display: none;
    }
    .blog-secb .secb-sub3 .small span{
        font-size: 8px;
    }
    .blog-secb-last button span:first-of-type {
        padding: 0px 30px;
    }
    .blog-secc .secc-sub1 .set form i{
         left: 80%;
        top: 54%;
    }
    .blog-secc .container {
        padding: 0px 50px;
    }
    .blog-secc .secc-sub1 h5{
        font-size: 14px;
    }
    .blog-secc .secc-sub1::before{
        width: 63px;
        height: 62px;
        bottom: 0%;
    }
    .blog-secc .secc-sub1 div:first-of-type {
        margin-right: 60px;
        margin-left: 50px;
    }
    .blog-secc .secc-sub1{
        padding: 20px 0px;
    }
    .blog-secc .secc-sub1::after{
        width: 95px;
        height: 91px;
    }
    .blog-secb .secb-sub3 .small{
        margin-top: 0px;
    }
    .hdr .head-logo{
        justify-content: flex-start;
    }
    .blog-secb .secb-sub3{
        display: none;
    }
    


}

/* small */
@media (max-width:575px){
    .blog-secb::before{
        display: none;
    }
    .blog-secb .secb-sub2 .text{
        padding: 0px 75px;
        text-align: left;
    }
    .blog-secb .secb-sub2 div h5{
        text-align: left;
    }
    .blog-secb .secb-sub2 div span {
        font-size: 24px;
    }
    .blog-secb .secb-sub2 div h5 {
        font-size: 17px;
    }
    .blog-secb .secb-sub2 div a {
        font-size: 16px;
    } 
    .blog-secb .secb-sub1 button {
        padding: 5px 4px;
    }
    .blog-secb .secb-sub2 .text{
        padding: 0px;
    }
    .blog-secb .secb-sub2 div span {
        font-size: 18px;
    }
    .blog .b-suba {
        padding-top: 10px;
    }
    .blog .blog-sub1 h1{
        font-size: 40px;
    }
    .blog-secb .secb-sub3{
        display: block;
    }
    .blog-secb .secb-sub3 .small{
        margin-top: 20px;
    }
    .blog-secc .secc-sub1::before{
        display: none;
    }
    .blog-secc .secc-sub1 div:first-of-type{
        margin: 0px;
    }
    .blog-secc .secc-sub1 h5{
        font-size: 15px;
    }
    .blog-secc .secc-sub1::after{
        width: 94px;
        height: 110px;
    }
    .blog-secc .secc-sub1 div:first-of-type img{
        padding: 10px;
    }
    .blog-secc .secc-sub1 .set form i {
        left: 88%;
        top: 46%;
    }
    
}


.banner.blogsin {background: url('../img/about/banner.webp') center / cover no-repeat;
  min-height: 90vh;display: flex;flex-direction: column;justify-content: center;}
.banner.blogsin .ban-sub1 {display: flex;flex-direction: column;
    justify-content: center;padding-left: 0px;}
.banner.blogsin .ban-sub1 h1 {font-size: 60px;color: #FFCD4F;text-transform: capitalize;
  font-weight: 550;line-height: 80px;}

.abt-seca .blogtitle h1{font-size: 30px;display: block;text-transform: uppercase;
  letter-spacing: 0.6px;line-height: 26px;color: #347937;font-family: "Montserrat", sans-serif;
  margin-top: 15px;font-weight: 650;margin-bottom: 50px;text-align: center;}

.abt-seca .blogtitle img{max-width: 100%; display: block; margin: auto;}
.abt-seca .blog-content-div {margin-top: 30px;}
.abt-seca .blog-content-div .blog-content-p{color: #0D2A0F;font-family: "Mont-m", sans-serif;
  font-size: 14px;line-height: 28px;text-align: left;margin-bottom: 10px;}

.abt-seca .blog-content-div h3{font-size: 22px;display: block;text-transform: uppercase;
  letter-spacing: 1px;line-height: 26px;color: #347937;font-family: "Mont-m", sans-serif;
  margin-top: 30px;font-weight: 650;margin-bottom: 10px;}

.abt-seca .blog-content-div .blog-content-p .hlink{color: #b38e30;text-decoration: none;
  font-size: 14px;line-height: 28px;font-weight: 650;font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;text-transform: capitalize;transform: all 0.3s ease-in-out;}
.abt-seca .blog-content-div .blog-content-p .hlink:hover{color: #e1a611;}


.lis li{
    color: #0D2A0F; 
}
.abt-seca .blogtitle h1.lin{
    line-height: 45px;
}
.abt-seca .blogtitle h2.align{
    text-align: left;
    color: #347937;
}
.abt-seca .blogtitle h4{
    color: #347937;
}