body {
    margin: 0px;
    padding: 0px;
    font-family: 'Inter', sans-serif;
    color: #08173D;
    line-height: 24px;
    font-size: 16px;
}





.headers {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    border-bottom: solid 1px #EAEAEA;
    padding: 10px 0px;
    background-color: #fff;
    z-index: 9;

}

.blog-text {
    color: #AFAFAF;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
    position: relative;
    padding: 30px 0px 0px 10px;
    top: 5px;
}

.login-text a {
    color: #000;
    text-decoration: none;
    margin-right: 20px;
    font-weight: 700;
}

.get-demo a {
    border-radius: 30px;
    background: #2A85FF;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
    display: inline-block;
    margin-top: 8px;
    font-weight: 700;
}

h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    text-align: center;
}

.main-cont {
    margin-top: 70px;
    margin-bottom: 40px;
}

.search {
    position: relative;
    margin-bottom: 25px;
}

.search input {
    border: #EAE9F2 solid 1px;
    border-radius: 8px;
    background: #fff;
    padding: 15px 10px 15px 50px;
}

.search button {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: initial;
    border: 0px;
}

.right-box {
    border: #EAE9F2 solid 1px;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;

}

.right-box h2 {
    font-size: 24px;
    line-height: 30px;
    color: #08173D;
    font-weight: 700;
    padding-bottom: 10px;
}

.right-box .recent {
    border-top: solid 1px #EAE9F2;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 10px;
    font-weight: 700;
    line-height: 26px;
}

.right-box .recent:nth-child(2) {
    border-top: solid 0px #EAE9F2;
}

.right-box .recent a {
    text-decoration: none;
    color: #08173D;
}

.right-box .recent span {
    font-size: 14px;
    font-weight: 500;
    color: #313744;
}

.right-box .recent ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.right-box .recent ul li {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
}

.right-box .recent ul li a {
    color: #313744;
    text-decoration: none;
}

.right-box .recent ul li span {
    font-size: 16px;
    font-weight: 700;
}

.thum1 {
    margin: 0px auto 40px;
    height: 620px;
}

.thum1 .pic {
    border-radius: 5px 5px 0px 0px;
    height: 330px;
    overflow: hidden;
    width: 100%;
}

.thum1 .pic img {
    width: 100%;
}

.thums {
    border-radius: 0px 0px 5px 5px;
    border-left: 1px solid #EAE9F2;
    border-right: 1px solid #EAE9F2;
    border-bottom: 1px solid #EAE9F2;
    padding: 20px 20px 100px 20px;
    position: relative;
}

.thums h3 {
    font-size: 20px;
    color: #08173D;
    font-weight: 700;
    line-height: 32px;
}

.thums h5 {
    font-size: 16px;
    color: #08173D;
    font-weight: 700;
    line-height: 24px;
}

.thums p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.thums a {
    position: absolute;
    left: 20px;
    bottom: 40px;
    color: #0075FF;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}


.thum2 {
    margin: 0px auto 40px;
    height: 330px;
    border: 1px solid #EAE9F2;
    border-radius: 5px;
}

.thum2 .pic {
    border-radius: 5px 0px 0px 5px;
    height: 330px;
    overflow: hidden;
    width: 100%;
}

.thum2 .pic img {
    width: 100%;
}

.thums1 {
    padding: 40px 20px 100px 20px;
    position: relative;
}

.thums1 h3 {
    font-size: 20px;
    color: #08173D;
    font-weight: 700;
    line-height: 32px;
}

.thums1 h5 {
    font-size: 16px;
    color: #08173D;
    font-weight: 700;
    line-height: 24px;
}

.thums1 p {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.thums1 a {
    position: absolute;
    left: 20px;
    bottom: 30px;
    color: #0075FF;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.pageing {
    margin: 10px 0px 30px;
}

.pageing ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pageing ul li a {
    float: left;
    margin-right: 10px;
    height: 38px;
    width: 38px;
    border-radius: 4px;
    border: solid 1px #EAE9F2;
    color: #000;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 36px;
    font-weight: 700;
    background: #fff;
}

.pageing ul li a:hover {
    background: #F7AD01;
    color: #fff;
}

.pageing ul li a.active {
    background: #F7AD01;
    color: #fff;
}

.footer{ background:#08173D ; 
    color: #777e91; font-size: 11px; 
    padding-top: 60px; line-height: 14px;
    padding-bottom: 20px;}
.footer-logo{ margin: 0px; padding-bottom: 10px;}

.foot-lint a{font-size: 12px; line-height: 24px; margin: 15px; text-decoration: none; color: #777e91;}
.foot-lint span{ margin: 0px 10px; 
    height: 4px; width: 4px; background: #777e91; 
    border-radius: 50%; display: inline-block;}
.foot-lint a:hover{color: #949aa8;}

.logo-img{ text-align: center; margin-top: 30px; margin-bottom: 30px;}
.logo-img img{ margin-left: 15px; margin-right: 15px;}

.iner-title{ 
    text-align: center;
    font-size: 21px;
    color: #313744;
    font-style: italic;
    font-weight: 100;
    padding-top: 10px;
}
.iner-title span{height: 10px; width: 10px; 
    border-radius: 50%; 
    background: #0075FF; 
    display: inline-block; margin-left: 15px; margin-right: 15px; }

.iiner-pic{ margin-bottom: 30px;}

.iiner-pic img{ width: 100%; border-radius: 10px;}
.iner-text{ font-size: 18px; line-height: 30px; color: #696871; font-weight: 400;}
.iner-text p{ padding-top: 15px; padding-bottom: 15px;}
.iner-text h2{ font-size: 24px; font-weight: 700; padding-top: 10px; padding-bottom: 10px;}
.comt{
    font-size: 21px; font-weight: 500; color: #696871;
    position: relative; padding: 5px 20px 5px 50px;
    line-height: 34px;
}

.comt span{ position: absolute; left: 0px; top: 5px;}

.listing{ margin: 0px  ;}
.listing ul{ margin: 0px; list-style: none; padding: 0px;}
.listing ul li a{ float: left; padding: 8px 14px; margin: 10px  10px  20px  0px; 
    background: #EAE9F2; 
    color: #000; font-size: 16px; text-decoration: none;}

.listing ul li a:hover{ background: #F7AD01;
    color: #fff;}

@media only screen and (max-width: 7670px) {
    .thum1 {
        height: initial;
    }

    .thum2 {
        height: initial;
    }

    .thum1 .pic {
        height: initial;
    }
}

@media only screen and (max-width: 450px) {
    .logo img {
        width: 100px;
    }

    .login-text a {
        margin-right: 10px;
    }

    .get-demo a {
        padding: 10px 10px;
    }
}