* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.flex-box-1 {
    display: flex!important;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

:root {
    --firts-color: #104384;
    --sec-color: #2fa0a5;
    --box-sdow: 0 4px 25px 0 rgb(34 41 47 / 25%);
}
.container-2{
    width:95%;
    margin:auto;
}
a {
    text-decoration: none;
    color: #000;
}

a:hover {
    color: #000;
}

.all-center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.flex-center{
    display: flex;
    margin: auto;
    flex-wrap: wrap;
}
.mobile-nav {
    display: none;
}


/* modal box */

.modal-btn {
    background: var(--firts-color);
    color: #fff;
    border: 0;
    outline: 0;
    padding: 8px 20px;
    border-radius: 8px;
}

.des-padd{
    padding-left:30px;
}
/* *****************header start*********************** */

.top-bar-header {
    background: var(--firts-color);
    padding: 6px 0;
    color: #fff;
}

#icon-mobile i {
    margin-right: 10px;
}

.social-icon {
    float: right;
}

.social-icon a i {
    background: var(--sec-color);
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    margin-left: 10px;
    transition: 0.6s;
    font-size: 17px;
}

.social-icon a i:hover {
    transform: rotate(360deg);
}

.top-login-btn {
    display: inline-block;
    text-decoration: none;
    padding: 4px 30px;
    color: var(--sec-color);
    background: #fff;
    border-radius: 15px;
    text-transform: uppercase;
    font-weight: 600;
}


/* **********************navbar start********************** */


/* nav {
    padding: 10px 0;
} */

.navbar-r {
    background: #fff;
    z-index: 999;
}

.logo {
    width: 255px !important;
}

.manu ul {
    list-style: none;
    margin: 0;
}

.manu ul>li>a {
    display: inline-block;
    padding: 20px 12px;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--sec-color);
}

.manu ul>li>a span {
    position: relative;
}

.manu ul>li>a span::after {
    content: '';
    width: 00%;
    height: 2px;
    background: var(--sec-color);
    display: inline-block;
    transition: 0.6s;
    position: absolute;
    top: 22px;
    left: 0;
}

.manu ul>li>a:hover span::after {
    width: 100%;
}

.manu ul>li {
    transition: all 0.6s;
    position: relative;
}


/* dropdown */

.drop-down {
    position: absolute;
    left: -288px;
    top: 100px;
    z-index: 100;
    width: 600px;
    background: var(--firts-color);
    color: #fff;
    padding: 15px 15px 0 15px;
    visibility: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: top .2s ease-in-out, opacity .2s ease-in-out;
    border-radius: 15px;
}

.drop-down-2 {
    left: -58px;
    width: 361px;
}

.manu ul>li:hover>.drop-down {
    visibility: visible;
    top: 61px;
    /* transition: all 0.4s; */
}

.drop-down::after {
    content: '';
    width: 25px;
    height: 25px;
    background: var(--firts-color);
    position: absolute;
    top: -12px;
    transform: rotate( 45deg);
    right: 247px;
    z-index: -1;
}

.drop-down a {
    color: #fff;
}

.drop-img {
    overflow: hidden;
    height: 94.8px;
    border-radius: 15px;
}

.drop-img img {
    background: #ebe9e1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.manu>ul>li>a>span i {
    font-size: 19px;
    font-weight: 600;
    transition: all 0.6s;
}

.manu ul>li>a:hover .fa-angle-down {
    transform: rotate(180deg);
}


/* .drop-img img {
    transition: all 0.4s;
} */


/* .drop-img img:hover {
    transform: scale(1.2);
} */


/* .drop-img {
    width: 120px    ;
} */


/* *********************hero slider start**************** */

.slide-img-hero {
    max-height: 425px;
    height: 425px;
}

.slide-img-hero img {
    object-fit: cover;
    object-position: 0% 20%;
}

/* nav */

.inner-hero-slider {
    position: relative;
}

.hero-slider-1 .owl-nav {
    margin: 0!important;
}

.hero-slider-1 .owl-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate( 0, -50%);
}

.hero-slider-1 .owl-next {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate( 0, -50%);
}

.hero-slider-1 .owl-prev,
.hero-slider-1 .owl-next {
    background: var(--firts-color)!important;
    color: #fff!important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
}

.hero-slider-1 .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}

.owl-dot span {
    width: 15px!important;
    height: 15px!important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--firts-color)!important;
}

.owl-theme .owl-dots .owl-dot span {
    background: var(--sec-color);
}


/* *********************hero slider end**************** */


/* *********************info grphic sec start********** */

.info-icon img {
    width: 100%;
    padding: 4px;
}

.info-grphic-outer {
    margin: 40px 0;
}

.info-grap-heading {
    text-align: center;
}

.info-grap-heading h3 {
    color: var(--firts-color);
    font-weight: bold;
}

.info-grap-heading h4 {
    color: var(--sec-color);
    font-weight: bold;
}

.infographic {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
    padding: 0 20px;
}

.info-graphic {
    width: 30%;
    position: relative;
}

.info-graphic-box-1 {
    border: 4px solid var(--sec-color);
    height: 92px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: -2;
    margin: 20px 0;
    transition: all 0.6s;
}

.info-graphic-box-1:hover {
    background: #064280;
    color: #fff;
}

.info-left-box {
    width: 76%;
    padding-left: 50px;
    padding-right: 10px;
}

.sec-roe {
    padding-left: 20px;
    padding-right: 30px;
    text-align: left;
}

.text-al-left {
    text-align: left!important;
}

.info-right-box {
    width: 20%;
    padding: 11px 20px 20px 15px;
}

.info-b-2 {
    padding: 11px 20px 20px 15px;
}

.inf-title {
    border-bottom: 4px solid #04989c;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-description {
    line-height: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.info-icon span {
    background: #fff;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    text-align: center;
    line-height: 52px;
    display: inline-block;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border: 6px solid;
    border-bottom-color: #074080;
    border-left-color: #044382;
    border-top-color: #129393;
    border-right-color: #00999a;
}

.info-icon {
    z-index: 1;
    position: relative;
}


/* .back-box {
    height: 70px;
    width: 70px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: -3px;
    z-index: -1;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-color: #04989c;
    border: 9px solid;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 100%;
    transform: rotate( 45deg);
} */


/* .back-box-2 {
    height: 70px;
    width: 70px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: -7px;
    z-index: -1;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-color: #04989c;
    border: 9px solid;
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    transform: rotate( 45deg);
} */

.center-cicle {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    padding: 5px;
}

.inner-circle img {
    border-radius: 50%;
}

.dot {
    width: 15px;
    height: 15px;
    background: #000;
    position: absolute;
    right: -20px;
    border-radius: 50%;
}

.dot-2 {
    width: 15px;
    height: 15px;
    background: #000;
    position: absolute;
    left: -20px;
    border-radius: 50%;
}

.inner-dot {
    width: 9px;
    height: 9px;
    background: #000;
    position: absolute;
    right: 0px;
    transform: translate(0%, -31%);
    border-radius: 50%;
}

.inner-dot-1 {
    width: 9px;
    height: 9px;
    background: #000;
    position: absolute;
    left: 0px;
    transform: translate(0%, -31%);
    border-radius: 50%;
}

.line {
    height: 2px;
    width: 150px;
    background: #000;
    position: relative;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

.line-2 {
    height: 2px;
    width: 130px;
    background: #000;
    position: relative;
    top: 50%;
    right: 0;
    transform: translate(3%, -50%);
}

.line-3 {
    height: 2px;
    width: 150px;
    background: #000;
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(-90%, -50%);
}

.line-4 {
    height: 2px;
    width: 130px;
    background: #000;
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(-92%, -50%);
}

.inner-line {
    height: 2px;
    width: 67px;
    background: #000;
    position: relative;
    top: 24px;
    right: -140px;
    transform: rotate( 45deg);
}

.inner-line-1 {
    height: 2px;
    width: 67px;
    background: #000;
    position: relative;
    top: -24px;
    right: -140px;
    transform: rotate( -45deg);
}

.inner-line-2 {
    height: 2px;
    width: 67px;
    background: #000;
    position: relative;
    top: 24px;
    left: -57px;
    transform: rotate( 135deg);
}

.inner-line-3 {
    height: 2px;
    width: 67px;
    background: #000;
    position: relative;
    top: -24px;
    left: -57px;
    transform: rotate( -135deg);
}


/* *********************info grphic sec end**************/


/* *********************about-section start*************** */

.about-img-h {
    height: 327px;
}

.about-img-h img {
    height: 100%!important;
}

.about-section {
    padding: 30px 0;
    background: #f6f6f6;
}

.about-img-h img {
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 276px;
    transition: all 0.6s;
    object-fit: cover;
}

.about-img-h img:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.about-content {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    transition: all 0.6s;
}

.about-content:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.about-content h2 {
    text-transform: uppercase;
    color: var(--firts-color);
}

.about-content p {
    text-transform: capitalize;
}


/* *********************about-section End*************** */


/* *********************testimonial-section start*************** */

.testimonial-sec {
    padding: 30px 0;
    background: #f6f6f6;
}

.testimonial-box {
    background: #fff;
    text-align: center;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 20px;
    transition: all 0.6s;
    margin: 10px 10px;
    height: 396px;
}

.testimonial-box:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.testo-img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
}

.testo-img img {
    border-radius: 50%;
    object-fit: cover;
}

.testo-content strong {
    color: var(--firts-color);
    font-size: 25px;
    font-weight: 700;
    display: block;
}

.testo-content p {
    color: var(--firts-color);
    text-transform: capitalize;
    font-weight: 500;
}

.testo-heading {
    margin: 30px 0;
    text-align: center;
}

.testo-heading h4 {
    color: var(--firts-color);
    text-transform: capitalize;
    font-weight: 600;
}

.testo-heading h4:nth-child(2) {
    color: var(--sec-color);
}


/* *********************testimonial-section End*************** */


/* *********************footer-section start*************** */

footer {
    padding: 60px 0;
    background: var(--firts-color);
    color: #fff;
    position: relative;
    z-index: 0;
}

footer::after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 505px;
    height: 334px;
    background: url(../img/footer-img-1.png) no-repeat;
    z-index: -1;
}

footer::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 543px;
    height: 368px;
    background: url(../img/footer-img.png) no-repeat;
    z-index: -1;
}

.footer-img-app {
    height: 325px;
    width: 80%;
}

.footer-img-app img {
    width: 100%;
    height: 100%;
}

.inner-footer ul {
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}

.inner-footer h4 {
    margin-bottom: 10px;
}

.inner-footer ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}

.inner-footer .recant-post {
    margin-bottom: 20px;
}

.inner-footer .recant-post .recant-post-img {
    padding-right: 10px!important;
}

.inner-footer .recant-post .recant-post-heading a {
    color: #fff;
    cursor: pointer;
    width: 100%;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.copy-right {
    text-align: center;
    padding: 20px 0;
    background: #f6f6f6;
    font-family: Montserrat;
    font-size: 17.5px;
    line-height: 1.6;
}

.copy-right p {
    margin: 0;
}

.inner-coy-right {
    margin-top: 20px;
}


/* *********************footer-section End*************** */


/* **********************about page css***************** */

.all-page-banner {
    background-size: cover;
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
    height: 500px;
    display: flex;
    align-items: flex-end;
}

.Travel-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../img/banner/Travel.jpeg");
}

.about-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../img/about-banner.jpeg");
}
.life-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../img/banner/Life.jpeg");
}
.health-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../img/banner/Health.jpeg");
}
.motor-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../img/banner/motor.jpeg");
}
.bitcoin-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../img/banner/Life.jpeg");
}
.loan-banner {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url("../img/banner/loan.jpeg");
}
.about-heading {
    color: #fff;
    /* position: relative;
    top: 50%;
    left: 10%;
    transform: translate(0, -50%); */
    display: inline-block;
    border-left: 8px solid var(--sec-color);
    margin-left: 120px;
    margin-bottom: 45px;
}

.about-heading h2 {
    font-size: 4rem;
    margin-left: 10px;
}

.services-box {
    text-align: center;
    margin: 80px 0 60px 0;
    position: relative;
    transition: all 0.6s ease;
}

.servi-inner-box {
    padding: 60px 20px 40px 20px;
    overflow: hidden!important;
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all 0.6s ease;
}

.servi-inner-box:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transform: translateY(10px);
}

.services-box:hover {
    transform: translateY(10px);
}

.servi-inner-box::after {
    content: "";
    height: 5px;
    background: var(--firts-color);
    width: 0%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.9s ease;
}

.servi-inner-box::before {
    content: "";
    height: 5px;
    background: var(--firts-color);
    width: 0%;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.9s ease;
}

.servi-inner-box:hover.servi-inner-box::before {
    width: 50%;
}

.servi-inner-box:hover.servi-inner-box::after {
    width: 50%;
}

.ser-icon {
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ser-icon span {
    width: 100px;
    height: 100px;
    background: var(--firts-color);
    color: #fff;
    line-height: 100px;
    text-align: center;
    font-size: 50px;
    border-radius: 100%;
}

.servi-inner-box h2 {
    color: var(--firts-color);
    font-weight: 700;
}

.servi-inner-box p {
    color: var(--sec-color);
    text-transform: capitalize;
    font-weight: 600;
}

.about-content-1 {
    text-transform: capitalize;
}

.about-content-1 h2 {
    font-weight: 600;
    color: var(--firts-color);
    margin-top: 15px;
}

.about-content-1 p,
.about-para p {
    font-size: 16px;
    font-weight: 500;
}

.abou-secti {
    box-shadow: var(--box-sdow);
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}

.about-img-h1 img {
    border-radius: 15px;
    width: 100%;
}

.customer-happy {
    margin: 40px 0;
}

.customer-happy h2 {
    font-size: 32px;
    color: var(--firts-color);
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}

.counter-img img {
    height: 60px;
}

.customer-happy h3 {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}

.suctomer-icon p {
    margin: 0;
}

.service-img {
    width: 150px;
    margin: 0 auto;
    height: 140px;
}

.service-img img {
    border-radius: 60%;
    object-fit: cover;
}

.services-customer {
    margin: 0px auto;
    margin-top: 80px;
    margin-bottom: 15px;
    width: 65%;
    text-align: center;
}

.img-text {
    margin-bottom: 10px;
}

.suctomer-icon>p {
    margin: 0;
    font-weight: 600;
    color: var(--firts-color);
}

.img-text p {
    font-weight: 600;
}

.team-sec {
    margin: 40px 0;
}

.team-about {
    text-align: center;
    padding: 10px 0;
}

.team-about p {
    margin: 0;
}

.team-about h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}

.team-img-inner img {
    width: 100%;
    height: 313px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.team-img {
    box-shadow: var(--box-sdow);
    border-radius: 8px;
    margin-bottom: 15px;
}


/* .team-img img {
    box-shadow: rgba(16, 67, 132, 0.7) 0px 5px 15px;
    margin-bottom: 20px;
} */


/* .team-about {
    box-shadow: var(--box-sdow);
}

.team-about p {
    margin: 0;
}

.team-about {
    box-shadow: rgba(16, 67, 132, 0.7) 0px 5px 15px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
} */

.about-img-h1 {
    width: 500px;
    float: left;
    padding-right: 20px;
}


/* *****************conters css  strta*************************/

.counters-sec {
    margin: 80px 0;
}

.counter-section i {
    display: block;
    margin: 0 0 10px
}

.counter-section span.counter {
    font-size: 40px;
    color: #000;
    line-height: 60px;
    display: block;
    font-family: "Oswald", sans-serif;
    letter-spacing: 2px
}

.counter-title {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.counter-icon {
    top: 25px;
    position: relative
}

.counter-style2 .counter-title {
    letter-spacing: 0.55px;
    float: left
}

.counter-style2 span.counter {
    letter-spacing: 0.55px;
    float: left;
    margin-right: 10px
}

.counter-style2 i {
    float: right;
    line-height: 26px;
    margin: 0 10px 0 0
}

.counter-subheadline span {
    float: right
}

.medium-icon {
    font-size: 40px !important;
    margin-bottom: 15px !important
}


/* *****************conters css  end*************************/


/* *********************blog page css**************************** */

.blog-sec {
    margin-top: 80px;
    margin-bottom: 80px;
}

.blog-body a {
    text-decoration: none;
    color: #000;
}

.blog-inner-box {
    background: #fff;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);
    border-radius: 15px;
    transition: all 0.6s;
}

.blog-inner-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
}

.blog-img {
    height: 200px;
}

.blog-inner-box .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}

.blog-body {
    padding: 15px;
}

.date-by-name {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0 0 0;
}

.writer-img {
    width: 30px;
    height: 30px;
    margin-right: 20px;
}

.writer-img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.date-post-blog span {
    margin: 0 10px;
}

.date-post-blog #by {
    margin-right: 10px;
}

.blog-description p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.blog-description {
    margin: 20px 0 0 0;
}

.read-more-blog {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid rgba(179, 179, 179, 0.664);
    margin-top: 15px;
    padding-top: 15px;
}


/* *****************blog deatails page css */

.blog-artical a {
    text-decoration: none;
    color: #000;
}

.blog-artical {
    background: #fff;
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
    border-radius: 15px;
}

.blog-details {
    margin: 80px 0;
}

.blog-details-body {
    padding: 20px;
}

.artical-img img {
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0 0;
}

.read-more-btn {
    position: relative;
}

.blog-share {
    position: absolute;
    top: 30px;
    left: -40px;
    list-style: none;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    display: none;
    padding: 0;
}

ul.blog-share li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.6s;
    font-size: 20px;
    font-weight: 500;
}

ul.blog-share li a i:hover {
    background: var(--firts-color);
    color: #fff;
}

.comment-user {
    margin-bottom: 15px;
}

.comment-user-img {
    width: 35px;
    height: 35px;
    margin-right: 20px;
}

.comment-user-img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.comment-user-name {
    line-height: 16px;
}

.comment-user-name p {
    margin: 0;
    margin-left: 0px!important;
}

.inner-comment p {
    margin-left: 55px;
}

.inner-comment a {
    margin-left: 55px;
}

.inner-comment {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
    padding: 15px;
}

.post-inner-comment {
    background: #fff;
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
    border-radius: 15px;
    padding: 15px;
    margin-top: 20px;
}

.blog-comment {
    margin-top: 15px;
}

.blog-comment a {
    text-decoration: none;
}

.comment-inpput-farm input {
    width: 100%;
    margin: 10px 0;
    padding: 4px 20px;
    border: 1px solid rgba(192, 192, 192, 0.8);
    border-radius: 4px;
    outline: none;
}

.comment-inpput-farm textarea {
    width: 100%;
    margin: 10px 0;
    padding: 4px 20px;
    border: 1px solid rgba(192, 192, 192, 0.8);
    border-radius: 4px;
    outline: none;
}

.btn-comment-post a {
    display: inline-block;
    background: var(--firts-color);
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}

.btn-comment-post a:hover {
    text-decoration: none;
}

.search-blog input {
    width: 100%;
    margin: 10px 0;
    padding: 4px 20px;
    border: 1px solid rgba(192, 192, 192, 0.8);
    border-radius: 4px;
    outline: none;
}

.search-blog {
    position: relative;
}

.search-blog label {
    position: absolute;
    top: 13px;
    right: 15px;
}


/* .recant-post-box{
	display: flex;
	flex-wrap: wrap;
} */

.recant-post-img {
    width: 125px;
    height: 75px;
}

.recant-post-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.recant-post-heading a {
    text-decoration: none;
    color: #000;
    transition: all 0.6s;
    font-weight: 600;
}

.recant-post-heading a:hover {
    color: rgb(94, 94, 214);
}

.recant-post-heading p {
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* *******************Contact Page css ********************/

.contact-form {
    padding: 20px;
    margin: 40px 0;
    box-shadow: var(--box-sdow);
    border-radius: 8px;
}

.g-map iframe {
    margin: 40px 0;
    box-shadow: var(--box-sdow);
    border-radius: 8px;
}

.contact-form form input {
    height: 40px;
    line-height: 41px;
}

.contact-form form input,
.contact-form form textarea {
    width: 100%;
    margin: 8px 0px;
    padding: 4px 15px;
    background: #eef1f5;
    border: none;
    outline: none;
}

.contact-form form button {
    border: none;
    outline: none;
    padding: 8px 30px;
    border-radius: 8px;
    background: var(--firts-color);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.phone-details {
    margin: 40px 0;
}

.icon-cont span i {
    font-size: 3rem;
}


/* *******************faq pagew css******************** */

.all-tabs {
    margin: 40px 0;
}

.all-tabs .tablinks {
    width: 100%;
    border: 0;
    margin-bottom: 10px;
    background: var(--sec-color);
    color: #fff;
    font-weight: 600;
    transition: 0.6s;
    padding: 10px 20px;
    border-radius: 15px;
}

.all-tabs .tablinks {
    position: relative;
}

.all-tabs .active-tab::after {
    content: '';
    width: 31px;
    height: 31px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(60%, -50%);
    background: var(--firts-color);
    z-index: -1;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
}

.all-tabs .active-tab {
    background: var(--firts-color);
}

.all-tabs .tabcontent-faq {
    border: 6px solid #104384;
    padding: 15px;
    height: 100%;
    border-radius: 15px;
}

.all-tabs .tabcontent-faq h3 {
    color: var(--sec-color);
    font-weight: 700;
}

.tabcontent-faq h5 {
    font-weight: 700;
    color: var(--sec-color);
}

.all-tabs .tabcontent-faq p {
    text-transform: capitalize;
    color: var(--firts-color);
}


/* *************************fd form page css************************ */

.fd-box {
    margin: 40px 0;
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
    padding: 20px;
    border-radius: 15px;
}

.fd-box-1 {
    margin: 30px 0;
    padding: 20px;
}

.fd-box h2 {
    text-transform: capitalize;
    color: var(--firts-color);
    font-weight: 700;
    text-align: center;
}

.fd-box-1 h2 {
    text-transform: capitalize;
    color: var(--firts-color);
    font-weight: 700;
    text-align: center;
}

.fd-box p {
    text-transform: capitalize;
    font-weight: 600;
}


/* *************************Mutual Funds page css************************ */

.lg-slider-sec {
    margin: 40px 0;
}

.brand-slid-img {
    padding: 15px 40px;
}

.brand-slid-img img {
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
}

.brand-slider-sec {
    margin: 40px 0;
}


/* *********************bond form page css ********* *************/

.bonds-slid-sec {
    margin: 40px 0;
}

.bonds-box {
    margin: 40px 0;
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
    padding: 20px;
}

.bonds-tabs {
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
}

.bonds-box h3 {
    text-transform: capitalize;
    color: var(--firts-color);
    font-weight: 700;
}

.bonds-box p {
    text-transform: capitalize;
    color: var(--sec-color);
    font-weight: 600;
}

.bonds-box p span i {
    margin-right: 10px;
    font-size: 22px;
    color: var(--firts-color);
}

.bonds-tabs .tablinks {
    border: 0;
    background: var(--sec-color);
    color: #fff;
    padding: 8px 23px;
    font-size: 18px;
    font-weight: 500;
    transition: 0.6s;
}

.bonds-tabs .active-tab {
    background: var(--firts-color);
}

.tebs-text-cont {
    padding: 20px;
}
.bonds-slide-img img{
    height: 220px;
    object-fit: contain;
    padding: 10px;
}

/* *************************mutuual funds page css********************** */

.mutual-tabs {
    margin: 40px 0;
}

.mutual-tabs {
    box-shadow: 0 4px 25px 0 rgb(34 41 47 / 25%);
}

.mutual-tabs .tablinks {
    border: 0;
    background: var(--sec-color);
    color: #fff;
    padding: 8px 39px;
    font-size: 18px;
    font-weight: 500;
    transition: 0.6s;
}

.mutual-tabs .active-tab {
    background: var(--firts-color);
}

.lg-slider {
    position: relative;
}

.lg-slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0, -100%);
}

.lg-slider .owl-next {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -100%);
}

.lg-slider .owl-next,
.lg-slider .owl-prev {
    background: var(--firts-color)!important;
    color: #fff!important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
}

.lg-slider .owl-dot span {
    width: 15px!important;
    height: 15px!important;
}

.lg-slider-sec .owl-theme .owl-dots .owl-dot span {
    background: var(--sec-color);
}

.lg-slider-sec .owl-theme .owl-dots .owl-dot.active span,
.lg-slider-sec .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--firts-color)!important;
}

.brand-slider {
    position: relative;
}

.brand-slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0, -100%);
}

.brand-slider .owl-next {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -100%);
}

.brand-slider .owl-next,
.brand-slider .owl-prev {
    background: var(--firts-color)!important;
    color: #fff!important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%!important;
}

.brand-slider .owl-dot span {
    width: 15px!important;
    height: 15px!important;
}

.brand-slider .owl-theme .owl-dots .owl-dot span {
    background: var(--sec-color);
}

.brand-slider-sec .owl-theme .owl-dots .owl-dot.active span,
.brand-slider-sec .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--firts-color)!important;
}

.secrh-input-form {
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

.down-icon-form {
    width: 40px;
    margin-left: 35px;
}

.down-icon-outer {
    padding: 0!important;
    vertical-align: middle;
}

.secrh-input-form input {
    padding: 7px 35px;
    outline: none;
    border-radius: 30px;
    border: 1px solid var(--firts-color);
    box-shadow: var(--box-sdow);
}

.secrh-input-form i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(80%, -50%);
}

.secrh-form-down select {
    padding: 10px 15px;
    border-radius: 30px;
    outline: none;
    border: 1px solid var(--firts-color);
    box-shadow: var(--box-sdow);
}

.secrh-form-down select option {
    padding: 10px 15px;
}

.secrh-form-down button {
    padding: 8px 40px;
    background: var(--firts-color);
    color: #fff;
    font-weight: 600;
    border: none;
    outline: 0;
    border-radius: 30px;
    transition: all 0.6s;
    box-shadow: var(--box-sdow);
}


/***************************************** Life Insurance page css ****************************** */

.all-tabs h4 {
    text-align: center;
    margin: 20px 0;
}

.all-tabs h2 {
    text-align: center;
    margin: 20px 0;
    font-weight: 600;
}

.life-insu .owl-dot span {
    width: 15px!important;
    height: 15px!important;
}

.life-insu-slider-sec .owl-theme .owl-dots .owl-dot span {
    background: var(--sec-color);
}

.life-insu-slider-sec .owl-theme .owl-dots .owl-dot.active span,
.life-insu-slider-sec .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--firts-color)!important;
}

.headng-hand {
    display: flex;
    flex-wrap: wrap;
}
.headng-hand p{
    width: 90%;
}
.headng-hand h5{
    width: 90%;
}
.headng-hand span {
    margin-right: 15px;
    color: var(--sec-color);
}
.headng-hand ul li{
    color: var(--firts-color);
}
.headng-hand-btn a{
    display: inline-block;
    padding: 7px 15px;
    color: #fff;
    background: var(--firts-color);
    border-radius: 30px;
    margin-bottom: 15px;
}
/* scroll */

@keyframes scroll {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
    }
}

.scroll-add {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: scroll 0.6s 1;
    box-shadow: var(--box-sdow);
    padding: 0 120px;
}


/* scroll bar */

::-webkit-scrollbar {
    width: 16px;
}

::-webkit-scrollbar-thumb {
    background: #606060;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background: #adabab;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
}


/* ***************((DEbt Bond Price******************** */

.hots {
    margin: 40px 0;
}

.secrh-table input {
    width: 100%;
    padding: 7px 35px;
    outline: none;
    border-radius: 30px;
    border: 1px solid var(--firts-color);
    box-shadow: var(--box-sdow);
}

.secrh-table {
    position: relative;
}

.secrh-table button {
    padding: 8px 40px;
    background: var(--firts-color);
    color: #fff;
    font-weight: 600;
    border: none;
    outline: 0;
    border-radius: 30px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.6s;
}

.secrh-table button:hover {
    background: var(--sec-color);
}

.secrh-table i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(80%, -50%);
}

.hots h2 {
    text-align: center;
    color: var(--firts-color);
    font-weight: bold;
    margin: 30px 0;
}

.hot-box-lg {
    box-shadow: var(--box-sdow);
    padding: 20px 15px;
    border-radius: 15px;
    background: var(--sec-color);
    color: #fff;
}

.text-right {
    text-align: right;
}

.hot-box-lg-btn a {
    display: inline-block;
    padding: 8px 20px;
    background: var(--firts-color);
    color: #fff;
    border-radius: 30px;
}

.hot-box-lg small {
    font-size: 12px;
    color: #fff;
    opacity: .6;
}

.hot-box-lg h4 {
    font-size: 22px;
}

.hot-box-sm {
    box-shadow: var(--box-sdow);
    padding: 20px 15px;
    border-radius: 15px;
}

.com-logo-b {
    width: 35px;
    height: 35px;
}

.card-bond-title p {
    font-weight: bold;
    margin: 0;
}

.card-sm-inner-text {
    line-height: 20px;
}

.card-sm-inner-text p {
    margin: 0;
    font-weight: bold;
}

.card-sm-inner-text small {
    font-size: 12px;
    opacity: .6;
}

.hots-inner>div {
    margin: 10px 0;
}

.Curated-Packs {
    margin: 30px 0;
}

.Curated-Packs h2 {
    text-align: center;
    color: var(--firts-color);
    font-weight: bold;
    margin: 30px 0;
}

.packs-card {
    box-shadow: var(--box-sdow);
    padding: 15px;
    border-radius: 15px;
}

.packs-card p {
    font-weight: bold;
    font-size: 20px;
}

.packs-card a {
    display: block;
    margin: 10px;
    color: var(--firts-color);
    font-weight: bold;
}

.packs-card a i {
    margin-left: 7px;
}

.packs-card-box>div {
    margin: 10px 0;
}

.invest-in-bond {
    margin: 30px 0;
}

.invest-in-bond h2 {
    text-align: center;
    color: var(--firts-color);
    font-weight: bold;
    margin: 30px 0;
}

.bond-box-cse {
    background: var(--sec-color);
    color: #fff;
    padding: 25px;
    margin: 0;
    border-radius: 15px;
}

.Bond-Selection {
    padding-top: 25px;
}

.Bond-Selection .one-1 {
    background: var(--firts-color);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}

.Bond-Selection h3,
.Bond-Selection p {
    margin: 0;
}

.Bond-Selection h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
}

.kyc-document img {
    width: 20px;
}

.kyc-document {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.kyc-document p {
    margin: 0;
    margin-left: 10px;
}

.required-kyc {
    background: var(--firts-color);
    padding: 40px 25px;
    color: #fff;
    border-radius: 15px;
}

.required-kyc h3 {
    margin-bottom: 20px;
}

.Demat-Account-purchase {
    padding: 40px 25px;
    box-shadow: var(--box-sdow);
    border-radius: 15px;
    margin-top: 20px;
    color: #000;
}

.rw-table {
    margin-bottom: 15px;
}

.table {
    box-shadow: var(--box-sdow);
    border-radius: 15px;
    margin: 0;
}

.table>thead {
    background: var(--firts-color);
    color: #fff;
    font-weight: bold!important;
    border: none;
}

.table>thead tr th {
    font-weight: bold;
}


/* ****************************Cal page css start**************************** */

.calculator {
    padding: 40px 0;
    background: #ebe9e1;
}

.monthly-input input {
    border: none;
    outline: none;
    background: var(--firts-color);
    padding: 5px;
    text-align: right;
    width: 120px;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
}

.range-bar[type='range']::-webkit-slider-runnable-track {
    color: yellow!important;
}

.range-bar[type='range']::-webkit-slider-runnable-track {
    background: var(--sec-color);
    border-radius: 30px;
}

.range-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: var(--firts-color);
    padding: 5px;
    cursor: pointer;
}

.range-bar:focus::-webkit-slider-thumb {
    background: var(--firts-color);
}

.range-bar::-moz-range-thumb {
    background: var(--firts-color);
    padding: 5px;
    cursor: pointer;
}

.in-r-box {
    margin-top: 20px;
}

.retult-box {
    margin-top: 20px;
}

.cl-box {
    box-shadow: var(--sec-color) 0px 5px 15px;
    padding: 20px;
    border-radius: 15px;
    background: #fff;
}

.table-cl {
    box-shadow: var(--sec-color) 0px 5px 15px;
    border-radius: 15px;
}

.table-cl table tbody {
    background: #fff;
}

.inner-chart-box {
    width: 100%;
    height: 100%;
}

.cheart-box {
    height: 182px;
}

#myChart {
    height: 100%!important;
    width: 100%!important;
    object-fit: contain;
}

.dis-inpu {
    border: 0;
    background: #fff;
    text-align: right;
    font-weight: bold;
}

strong#total-value {
    padding-right: 15px;
}

#abc {
    border: 0;
    outline: 0;
    padding: 10px 15px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    background: var(--firts-color);
    margin: 15px 0;
}

.sip-btn-lump {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.sip-btn-lump h4 {
    padding: 7px 20px;
    margin: 0 10px;
    border: 1px solid var(--sec-color);
    border-radius: 15px;
}

.sip-btn-lump .active-bbb {
    color: #fff;
    background: var(--firts-color);
}

.invest-amo {
    margin-bottom: 10px;
}

.invest-amo p {
    margin: 0;
}
.graph-color-box p span{
    display: inline-block;
    width: 40px;
    height: 20px;
    background: var(--firts-color);
    margin-right: 15px;
}
.graph-color-box p{
    display: flex;
    align-items: center;
}
.graph-color-box2 p span{
    display: inline-block;
    width: 40px;
    height: 20px;
    background: var(--sec-color);
    margin-right: 15px;
}
.graph-color-box2 p{
    display: flex;
    align-items: center;
}

/* ****************************sip Cal page css end**************************** */
/* ****************************mutaul fund btn css**************************** */
.cal-btn-box{
    box-shadow: var(--box-sdow);
    padding: 20px 0;
    text-align: center;
    border-radius: 15px;
}
.cal-btn-box a{
    background: var(--firts-color);
    padding: 10px 15px;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    margin: 0 15px;
    transition: 0.3s;
}
.cal-btn-box a:hover{
    background: var(--sec-color);
}
/* --------------health-insu-logo--------------- */
.health-insu-logo {
    height: 220px;
    

}.health-insu-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
}
/* --------------health-insu-logo--------------- */
.crypto-logo-slider{
    height: 170px;
}
.crypto-logo-slider img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.invite-logo img{
    object-fit: contain!important;
}
.invite-log-1{
    height: 170px;
}
.invite-log-1 img{
    height: auto;
}
.invite-con{
    background: #dddddd40;
}
.invite-con h6{
    font-size: 14px;
}
.invite-box h2{
    color: var(--firts-color);
    margin-bottom: 40px;
}
.info-con a{
    color:#fff!important;
    display:block!important;
}