*{
    margin: 0;
    padding: 0;
}
.top-nav{
    width: 100%;   
}

.col-span-2 {
    grid-column: span 2 / span 2;
  }

.all-icon{
    font-size: 20px;
    float: right;
}
.all-icon i{
    margin-right: 10px;
}
.fa-facebook{
    color: #4267B2;
}
.fa-youtube{
    color: #FF0000;
}
.fa-envelope{
    color: #008E48;
}
.fa-phone{
    color: #008E48;
    font-size: 17px;
}
.language-btn .en-btn{
    color: green;
    border: 1px solid green;
    border-radius: 5px 0 0 5px;
   background-color: #fff;
    font-size: 12px;
    
}

.language-btn .ban-btn{
    background-color: green;
    color: white;
    border: none;
    border-radius: 0 5px 5px 0;
    font-size: 12px;
}

/* nav 2nd */
.top-nav2{
    width: 80%;
    margin-top: 40px;
}
.btn-sec button{
    font-size: 14px;
}
.nav-item-sec{
    width: 80%;
}
.main-nav{
    background-color: #0A3B1E;
}
.nav-item-sec ul li {
    list-style-type: none;
    margin-right: 20px;
    color: white;
    font-size: 13px;

}
.nav-item-sec ul li:hover {
    color: #038E48;
    transition: .2s;
   
}
@media screen and (max-width: 1000px) {
    .lg-dv-nav{
        display: none;
    }
}
@media screen and (min-width: 1000px) {
    .small-dv-nav{
        display: none;
    }
}


/* lg nav end */

/* sm dv nav */
.top-nav-sm{
    width: 100%;
}

.language-btn .lan-btn-fs{
    font-size: 12px;
}
.all-icon-sm i{
    font-size: 18px;
    margin-right: 8px;

}
.call{
    font-size: 15px !important;
}
.sm-dv-nav2{
    width: 80%;
}
.sm-btn-sec button{
    font-size: 10px;
    margin-top: 11px;
}
.offcanvas-body ul li{
    list-style-type: none;
}
.offcanvas-body ul li a{
    text-decoration: none;
    color: #009060;
    line-height: 40px;
}
.offcanvas-start{
    width: 10%;
}
.offcanvas-header{
    box-shadow: 0  0 10px red;
}
.small-dv-logo{
    width: 150px;
}
.language-btn-sm{
    margin-top: 5px !important;
}