* {
     margin: 0;
     padding: 0;
    /* font-family: Baar Sophia;
     */
}
 html, body {
     width: 100%;
     height: auto;
     overflow-X: hidden;
     font-family: 'Roboto';
     color: #3a3838;
     text-align: justify;
}
 p, li {
     font-size: 15.4px;
     line-height: 20.2px;
     margin-bottom: 0rem !important;
}
 .navbar .navbar-links .nav-item .nav-link:hover{
     color: rgb(3, 109, 179)!important;
}
 .recent-posts ul li {
     line-height: 13.2px !important;
}
 ul li {
     list-style: none;
}
 .login-btnn {
     margin-left: 19px;
}
 .navbar{
     box-shadow: 0 8px 20px 0 rgb(0 0 0 / 20%);
     background-repeat: no-repeat;
     padding: 13px 46px;
     z-index:1;
     position: relative;
     display: flex;
}
 .navbar-links li a {
     text-decoration: none;
     color: #3a3838;
     padding: 20px 20px;
     transition: 0.4s all;
}
 .navbar-links li.navbar-dropdown .dropdown a:hover {
     color: #0163ae!important;
}
 .navbar-links{
     margin-left:auto;
     margin-top:10px;
}
 .navbar-links li.navbar-dropdown {
     position: relative;
}
 .navbar-links li.navbar-dropdown:hover .dropdown {
     visibility: visible;
     opacity: 1;
     transform: translateY(0px);
}
 .navbar-links li.navbar-dropdown .dropdown {
     visibility: hidden;
     opacity: 0;
     position: absolute;
     padding: 5px 0;
     top: 100%;
     transform: translateY(50px);
     left: 0;
     width: 172px;
     background-color: #fff;
     box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.3);
     border-bottom-left-radius: 3px;
     border-bottom-right-radius: 3px;
     z-index: 111;
     transition: 0.4s all;
}
 .navbar-links li.navbar-dropdown .dropdown a {
     padding-top: 10px;
     padding-bottom: 10px;
     font-weight: 400;
}
 .navbar-dropdown .dropdown a:hover {
     padding-left: 30px;
}
 .navbar-brand{
     width: 198px;
     height: 103px;
}
 .navbar-links, .nav-item{
     display: flex;
}
 .navbar-collapse {
     margin-right: -25px;
}
 .nav-item {
     display: swap;
     font-size: 15px;
}
 .navbar-light .navbar-links .nav-link {
     font-weight: 400;
}
 .navbar-light .navbar-links .active>.nav-link {
     color: rgb(3, 109, 179) !important;
    /* font-weight: 600!important;
     */
}
 .vl {
     border-left: 1px solid#027cb5;
     ;
     height: 60px;
}
 .vl-2 {
     border-left: 1px solid #d1d1d1;
     ;
     height: 30px;
}
 .blog-sec1-con,.blog-sec3-con,.blog-sec4-con, .footer-div {
     padding: 0px 80px;
}
 div.card{
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .blog-card p {
    /* letter-spacing: -1.2px;
     */
     text-align: left;
}
 .btn-feature {
     margin-top: 25px;
     background-color: #286abd;
     border-radius: 6px;
     text-align: center;
     padding: 4px 14px;
     font-size: 14px;
}
 .footer-div {
     display: flex;
     margin: 50px 112px;
     justify-content: space-evenly;
}
 .footer-div ul li {
     padding-bottom: 8px;
}
 .navbar-light .navbar-toggler {
     border: none;
}
 .section-1-con {
     margin-top: 63px;
}
 .pagination li{
     padding: 8px;
}
 .page-nav{
     margin-left: 366px;
     padding-bottom: 50px;
}
 .blog-sec1-con,.blog-sec3-con{
     padding-top:60px;
}
 .blog-sec4-con,.page-nav{
     padding-top:60px;
}
 .card-readmore {
     text-decoration: none!important;
     color: #1b63e7!important;
}
 .blog-card p {
     overflow: hidden!important;
     text-overflow: ellipsis!important;
     display: -webkit-box!important;
     -webkit-line-clamp: 6!important;
     line-clamp: 2!important;
     -webkit-box-orient: vertical!important;
}
 .card-title {
     overflow: hidden!important;
     text-overflow: ellipsis!important;
     display: -webkit-box!important;
     -webkit-line-clamp: 1!important;
     line-clamp: 2!important;
     -webkit-box-orient: vertical!important;
}
 @media (min-width: 320px) and (max-width: 480px) {
     .section-8-row, .card {
         margin-left: 0px;
    }
     .navbar{
         padding-right: 116px!important;
    }
     .su{
         margin-right: 0px!important;
         padding-left: 0px!important;
    }
     .so{
         padding-left: 0px;
    }
     .section-1-dupe {
         display: block !important;
    }
     .section-1 {
         display: none !important;
    }
     .navbar {
         box-shadow: none;
         padding: 0px;
         position: relative;
    }
     .navbar-brand {
         width: 144px;
         height: 74px;
    }
     .navbar-links, .nav-item {
         margin-left: 0px;
    }
     .nav-cont {
         padding-left: 0px !important;
         padding-right: 0px !important;
    }
     .login-btn {
         margin-top: 0px;
         position: absolute;
         left: 217px;
    }
     .card {
         margin-bottom: 50px;
    }
     .blog-sec1-con,.blog-sec3-con,.blog-sec4-con, .footer-div {
         padding: 0px 20px;
    }
     .footer-div {
         padding: 10px px;
         margin: 0px;
    }
     .login-btnn {
         margin-left: 0px;
    }
     .footer-div {
         margin-left: 12px;
         margin-top: 36px;
    }
     .page-nav{
         margin-left: 33px;
         padding-bottom: 20px;
         padding-top:0px!important;
    }
     .search-inp{
         width: 250px!important;
    }
     .search-btn{
         left: 215px!important;
    }
     .blog-sec-row-1{
         padding-top: 40px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .attachment-blog-images{
         width: 100%;
         height: 182px;
    }
     .blog-card{
         height:442px!important;
    }
     .blog-card .card-title{
         letter-spacing:-1px;
    }
}