.consalt-header-area.style_two .header-menu ul .sub_menu li a, .header-menu ul .sub_menu li a {
    display: block;
    padding: 12px 20px
}

.hero_shape, .testi_shape {
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.hero_shape, h2.brand_title:before {
    right: 0;
    margin: auto;
    position: absolute
}

.pagination a, .pagination_btns a, .single-blog-box.style_three:hover .blog-title h3 a {
    text-decoration: underline
}

.consalt-header-area {
    position: relative;
    z-index: 3;
    margin-bottom: -86px;
    margin-top: 30px
}

.call-do-action-info, .header-menu {
    display: flex;
    align-items: center;
    justify-content: center
}

    .consalt-header-area ul, .dark-light, .header-button, .header-button a, .header-menu ul li, .header-menu ul li a, .hero_btn a, .search-box-btn.search-box-outer, .sidebar-btn, .single-team_item.style_three .team-social-icon ul li, span.bi.bi-sun {
        display: inline-block
    }

    .header-menu ul li {
        margin: 0 10px;
        position: relative;
        z-index: 1
    }

        .header-menu ul li a {
            padding: 9px 0 21px;
            font-size: 16px;
            color: #063232;
            font-weight: 400
        }

        .header-menu ul li span {
            font-size: 13px;
            color: #063232;
            margin-left: 5px;
            position: relative;
            top: -1px
        }

    .header-menu ul .sub_menu {
        position: absolute;
        left: 0;
        top: 130%;
        width: 225px;
        text-align: left;
        background: #fff;
        margin: 0;
        z-index: 1;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
        box-shadow: 0 1px 3px rgba(0,0,0,.3);
        transition: .5s;
        visibility: hidden;
        border-top: 2px solid #366b2a;
        opacity: 0
    }

.feature_number, .hero_btn a, .hero_shape, .section_title.text-center p, .single-brand-item, .video-icon a, h2.brand_title, span.bi.bi-sun {
    text-align: center
}

.header-menu ul li:hover > .sub_menu {
    visibility: visible;
    top: 100%;
    opacity: 1
}

.header-menu ul .sub_menu li {
    position: relative;
    margin: 0;
    display: block
}

    .header-menu ul .sub_menu li a {
        margin: 0;
        line-height: 1.3;
        letter-spacing: normal;
        transition: .1s;
        visibility: inherit !important;
        color: #0b57a2 !important;
        font-size: 16px;
        font-weight: 500
    }

    .header-menu ul .sub_menu li:hover > a {
        background: #0b57a2;
        color: #fff !important
    }

.sticky .sub_menu li a {
    padding: 12px 20px !important
}

.header-button a {
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.dark-light {
    margin-left: 30px
}

span.bi.bi-sun {
    background: rgba(255,255,255,.2);
    color: #ffff;
    font-size: 18px;
    height: 35px;
    line-height: 36px;
    width: 35px;
    border-radius: 51%
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px -2px rgba(0,0,0,.1);
    background: #fff !important;
    transition: .5s;
    z-index: 9
}

    .sticky .header-menu ul li a {
        padding: 30px 0;
        color: #fff
    }

        .recent-post-text.style_two a, .sticky .header-menu ul li a i {
            color: #283e7a
        }

    .sticky .col-lg-2.pt-10 {
        padding-top: 0 !important
    }

    .service_single_item.style_five .service_content:before, .sticky .row.topber_upper {
        display: none !important
    }

section.hero_area {
    background: url(../images/home_one/banner.png) center center/contain no-repeat;
    height: 830px;
    position: relative;
    z-index: 1
}

.hero_content {
    margin-top: 42px
}

    .hero_content h1 {
        font-size: 56px;
        line-height: 70px;
        color: #fff;
        font-weight: 600
    }

    .hero_content p, .hero_slide_content p {
        color: #a3b7b7;
        width: 85%;
        margin: 18px 0 33px
    }

.counter-single-item.style_sixs, .home_two_button, .pricing_inner, .slider_button {
    display: flex;
    align-items: center
}

.hero_btn a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 17px 40px;
    border-radius: 30px;
    background-color: #1fa7e1;
    -webkit-transition: .4s;
    transition: .4s;
    border: none
}

.hero_btn span {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    display: block;
    border-radius: 30px;
    background-color: #ffff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: width .5s ease-in-out,height .5s ease-in-out;
    transition: width .5s ease-in-out,height .5s ease-in-out
}

.about_btn a, .about_content h3, .service_btn a, .service_single_item, .slider_info a, .video-icon a, a.banner-play-btn {
    display: inline-block
}

.consalt_btn a:focus, .consalt_btn a:hover, .consalt_btn.style_three a:hover, .counter-single-item.style_four .counter-_number h1, .feature_item.style_two .feature_content h3:hover, .footer-widget-content.style_two .footer-widget-menu ul li a:hover, .hero_btn a:focus, .hero_btn a:hover {
    color: #0b57a2;
}

    .about_btn a:focus span, .about_btn a:hover span, .consalt_btn a:focus span, .consalt_btn a:hover span, .hero_btn a:focus span, .hero_btn a:hover span {
        width: 200%;
        height: 500px
    }

.hero_btn a:before {
    position: absolute;
    content: "";
    left: 40px;
    bottom: 17px;
    background-color: rgba(255,255,255,.5019607843137255);
    z-index: -1;
    width: 24px;
    height: 2px;
    transition: .5s
}

.hero_btn a:hover:before {
    width: 120px;
    background: #0c6e6d;
    z-index: 1
}

.about_btn, .hero_btn, .slide-har .box .item img.marqee_img_left {
    margin-right: 30px
}

.slider_info a {
    color: #fff;
    font-weight: 500;
    margin-left: 20px
}

.consalt-header-area.style_four .header-menu ul li a, .contact_main_info.style_two .call_info h3, .counter-single-item.style_five .counter-_number h1, .counter-single-item.style_five .counter-_number span, .counter-single-item.style_five .counter_title h5, .footer-bottom-menu ul li a:hover, .pricing-single-items.style_two:hover .pricing-title h3, .pricing-single-items.style_two:hover .pricing-title span, .service_single_item.style_two .service_btn a, .single-team_item.style_four .team-content h3 a, .slider_info span {
    color: #fff
}

.hero-thumb {
    position: relative;
    z-index: 1;
    top: 42px
}

.video-icon {
    position: absolute;
    left: -6%;
    top: 46%
}

    .video-icon a {
        width: 90px;
        height: 90px;
        border-radius: 45px;
        background-color: #0c6e6d;
        color: #fff;
        line-height: 90px;
        font-size: 35px
    }

.hero_shape {
    top: 19%;
    left: -7%;
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-position: center center
}

.boxed, .feature_item, .section_title h4, h2.brand_title {
    position: relative
}

.boxed {
    width: calc(100% - 40px);
    margin: 20px;
    height: 100%;
    left: 0;
    z-index: 5
}

section.brand_area {
    padding: 67px 0 92px
}

h2.brand_title {
    font-size: 18px;
    color: #063232;
    font-weight: 400;
    z-index: 1
}

    h2.brand_title:before {
        z-index: -1;
        content: "";
        height: 2px;
        width: 50px;
        background: #066;
        top: 29%;
        left: 0
    }

.brand-thumb img, .testi_icon img {
    width: inherit !important
}

.owl-carousel .owl-item img {
    display: inline-block !important
}

section.brand_area.style_two {
    background: #0b204a;
    padding: 65px 0;
    z-index: 1
}

.section_title.text-center {
    margin-bottom: 53px
}

.section_title h4 {
    font-size: 16px;
    color: #1fa7ea !important;
    font-weight: 500;
    margin-bottom: 20px;
    z-index: 1
}

.section_title h1 {
    font-size: 42px;
    line-height: 42px;
    color: #283e7a;
    font-weight: 600
}

.about_btn a:focus, .about_btn a:hover, .consalt_btn.style_two a:hover, .pricing-single-item .consalt_btn.style_two a:hover, .section_title.style_two h1, .service_btns a:focus, .service_btns a:hover {
    color: #ffff
}

.section_title.style_two h4 {
    color: #e0f1df
}

.section_title.text-center p {
    width: 49%;
    margin: 23px auto 0
}

.section_title p {
    width: 89%;
    margin: 28px 0 34px
}

.section_title.left {
    margin-bottom: 50px
}

.about_content, .accordion li a span, .choose_right, .error-page-content, .section_title.style_three, .single-team_item.style_three .team_thumb, .single-team_item.style_two, .single-team_item.style_two .team_thumb, .testimonial_item.style_three .auothor {
    position: relative;
    z-index: 1
}

    .section_title.style_three:before {
        position: absolute;
        left: 0;
        bottom: 33%;
        background: url(../images/home_two/Dandii.png) no-repeat;
        height: 15px;
        width: 100%;
        content: "";
        z-index: -1
    }

.section_title.style_four:before {
    left: 0;
    bottom: -32%;
    height: 15px;
    width: 11%;
    right: 0;
    margin: auto;
    text-align: center
}

.section_title.style_three p {
    margin: 48px 0 20px
}

.section_title.style_four {
    margin-bottom: 82px
}

.conslat_right p {
    width: 75%;
    margin-bottom: 0
}

section.feature_area {
    padding: 35px 0;
    background: url(../images/home_two/BG-Image.png) center bottom/cover no-repeat
}

.feature_area.boxed {
    margin: 20px 20px 0
}

.feature_item {
    background: url(../images/home_two/Box.png) 0 0/cover round;
    padding: 40px 25px 30px 36px;
    z-index: 1;
    transition: .5s;
    margin-bottom: 30px
}

    .feature_item.upper, .sidebar_box.style_two .consalt_btn.sidebar_style, .testimonial_item.style_four .tesit-auothor {
        margin-top: 30px
    }

    .feature_item:hover {
        background: url(../images/home_one/feature_itm.png) round;
        background-size: inherit
    }

    .feature_item:after, .feature_item:before {
        background-color: #0c6e6d;
        opacity: 0;
        right: 0;
        margin: auto;
        transition: .5s;
        position: absolute;
        content: ""
    }

    .feature_item:before {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        left: 0;
        bottom: 5px
    }

    .feature_item:after {
        width: 1px;
        height: 25px;
        left: 1px;
        bottom: -12px
    }

    .case-study_box .case-study-thumb:hover .consalt_btn, .case-study_box .case-study-thumb:hover::after, .feature_item:hover:after, .feature_item:hover:before, .footer-widget-menu ul li a:hover i, .service_single_item.style_three:hover .service_content::after, .service_single_item.style_three:hover .service_thumb:before {
        opacity: 1
    }

.feature_content h3 {
    font-size: 20px;
    line-height: 30px;
    color: #063232;
    font-weight: 500;
    margin-bottom: 16px;
    margin-top: 20px
}

.feature_number {
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    transition: .5s
}

h6.feature_no {
    font-size: 17px;
    line-height: 26px;
    color: #283e7a;
    font-weight: 400
}

.feature_item:hover .feature_number {
    bottom: -38px
}

.feature_shape {
    position: absolute;
    top: 31%;
    right: 14%;
}

section.service_area {
    background: #063232;
    padding: 179px 0 89px;
    position: relative;
    top: -75px;
    z-index: 1
}

    section.service_area.boxed {
        margin: 0 20px 20px
    }

.service_single_item {
    position: relative;
    transition: .5s;
    padding: 40px 0 0 40px;
    margin-bottom: 30px;
    z-index: 1
}

    .service_single_item:before {
        position: absolute;
        top: 0;
        background: #0a4b4b;
        width: 100%;
        content: "";
        height: 316px;
        z-index: -1;
        left: 0;
        border-radius: 20px;
        transition: .5s
    }

.service_content, .service_content:before {
    border-radius: 0 0 20px 20px;
    transition: .5s
}

.inner_page .counter-single-item.style_two.second, .pricing-single-items.style_two:after, .service_single_item.style_five:hover .service_icon2, .service_single_item:hover:before {
    background: #0c6e6d
}

.blog_area.style_two .single-blog-thumb img, .port_details_thumb img, .portfolio_thumb img, .service_shape img, .service_thumb img, .single-blog-box.style_three:hover .blog_category a:before, .single-team_item.style_five .team_thumb img, .single-team_item.style_two .team_thumb img, .style_three.service_single_item:hover .service_content h4:before {
    width: 100%
}

.service_content {
    background-color: #0a4b4b;
    text-align: left;
    padding: 34px 40px 27px;
    position: relative;
    z-index: 1
}

    .service_content:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background: url(../images/home_one/ser_shape.png) center center/cover no-repeat;
        height: 100%;
        width: 0%;
        z-index: -1;
        opacity: 0
    }

.service_single_item:hover .service_content:before {
    width: 100%;
    opacity: 1
}

.service_content h3 {
    font-size: 23px;
    line-height: 32px;
    color: #fff;
    font-weight: 500;
    margin-top: 0
}

.consalt-header-area.style_three .header-menu ul li a, .consalt-header-area.style_three .header-menu ul li span, .counter-single-item.style_two .counter-_number h1, .counter-single-item.style_two .counter-_number span, .hero_area.style_three .hero_video_btn a, .hero_area.style_three .hero_video_btn span, .service_single_item:hover .service_content h3 {
    color: #063232
}

.service_btn {
    margin-top: 15px
}

    .service_btn a {
        transition: .5s;
        letter-spacing: -6px;
        font-size: 14px;
        line-height: 32px;
        text-transform: uppercase;
        color: #0a4b4b;
        font-weight: 500
    }

        .service_btn a i {
            margin-left: -8px;
            font-size: 15px;
            font-weight: 600;
            color: #fff
        }

.service_single_item:hover .service_btn a {
    letter-spacing: 0
}

    .service_single_item:hover .service_btn a i {
        margin-left: 8px;
        color: #0a4b4b
    }

.service_shape {
    position: absolute;
    bottom: -3%;
    left: 0;
    margin: 0
}

.service_fuor {
    position: absolute;
    top: 2%;
    left: 3px;
    width: 97px;
    height: 97px;
    border-radius: 49px;
    background-color: #0c6e6d;
    line-height: 97px;
    text-align: center;
    right: 0;
    margin: auto
}

.about_right, .about_thumb, .contact_thumb, .marquee, .section-btn, .single-blog-thumb {
    position: relative
}

.pricing_icon, .steps_icon {
    width: 76px;
    height: 76px;
    line-height: 76px
}

.marquee_area {
    background: #fff;
    padding: 15px 0 75px
}

.marquee {
    --duration: 40s;
    --gap: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 0
}

.marquee-block h3, .marquee_area.inner_page, .recent-post-text h6, .slide-har .box .item h4, section.call_area.style_four .call_info h3 {
    margin: 0
}

.marquee-block {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 0;
    min-width: 100%;
    -webkit-animation: 30s linear infinite scroll;
    animation: 30s linear infinite scroll
}

.circle, .text-inner {
    animation: 15s linear infinite circle
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(calc(-100% - var(--gap)));
        transform: translateX(calc(-100% - var(--gap)))
    }
}

.marquee.style2 .marquee-block h3 {
    font-size: 120px;
    font-weight: 700;
    margin: 0 50px;
    -webkit-background-clip: text;
    letter-spacing: 0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0c6e6d;
    color: transparent;
    -webkit-mask-image: linear-gradient(-75deg,#0c6e6d 50%,#0c6e6d 50%,#0c6e6d);
    -webkit-mask-size: 200%;
    animation: 3s infinite shine;
    transition: .5s
}

.marquee.style2 .marquee-block span {
    color: #0c6e6d;
    font-size: 120px;
    font-weight: 700
}

section.about_area {
    padding: 105px 0 120px;
    border-radius: 20px;
    background: #f0f7ef;
    position: relative;
    z-index: 1
}

.about_play {
    position: absolute;
    top: 0;
    right: 13%
}

.text-inner {
    position: relative;
    z-index: 22;
    fill: transparent
}

    .text-inner svg {
        width: 100px;
        max-width: 100%;
        height: auto;
        overflow: visible;
        word-spacing: 10px;
        transform: rotate(0) scaleX(1) scaleY(1);
        position: relative
    }

    .text-inner:before {
        position: absolute;
        content: "";
        top: 44%;
        left: 0;
        height: 16px;
        width: 16px;
        background: #fff !important;
        right: 0;
        margin: auto;
        text-align: center;
        border-radius: 50%
    }

    .text-inner text {
        fill: #ffffff;
        direction: ltr;
        transition: stroke .3s,stroke-width .3s,fill .3s;
        font-size: 30px;
        font-weight: 500;
        position: relative;
        z-index: 2
    }

a.banner-play-btn {
    width: 142px;
    height: 142px;
    border-radius: 71px;
    background-color: #0c6e6d !important;
    overflow: hidden;
    line-height: 142px;
    text-align: center;
    position: relative
}

@keyframes circle {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-360deg)
    }
}

.right {
    animation: 15s linear infinite right
}

.spin2 {
    animation: 15s linear infinite spin2
}

@keyframes right {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

.about_content h3 {
    font-size: 16px;
    color: #0c6e6d;
    font-weight: 500;
    margin-bottom: 3px
}

.about_content h1, .about_list ul li {
    line-height: 38px;
    color: #063232;
    font-weight: 500
}

.about_content h1 {
    font-size: 28px;
    margin-bottom: 20px
}

.about_list ul li {
    font-size: 18px
}

    .about_list ul li i {
        font-size: 22px;
        top: 3px;
        position: relative;
        margin-right: 15px
    }

.about_button {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.about_btn a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 15px 40px;
    border-radius: 30px;
    background-color: #1fa7e1;
    -webkit-transition: .4s;
    transition: .4s;
    border: none
}

.about_btn span, .service_btns span {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    display: block;
    border-radius: 30px;
    background-color: #063232;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: width .5s ease-in-out,height .5s ease-in-out;
    transition: width .5s ease-in-out,height .5s ease-in-out
}

.about_info a, .consalt_btn a {
    font-size: 16px;
    display: inline-block
}

    

.about_btn a:hover:before {
    width: 105px;
    background-color: #ffff;
    z-index: 1
}

.about_info a {
    margin-left: 10px;
    color: #0b57a2;
    font-weight: 500
}

.about_info span {
    color: #0c6e6d;
    position: relative;
    top: -5px
}

.about_shape {
    position: absolute;
    bottom: -9%;
    right: -8%
}

.consalt_btn, .consalt_header-right, .footer-bottom-content.right, .footer-bottom-menu, .topber_right_social, section.contact_form .consalt_btn.home_five {
    text-align: right
}

    .consalt_btn a, .pagination, .pricing_icon, .steps_icon {
        text-align: center
    }

    .consalt_btn a {
        position: relative;
        z-index: 1;
        overflow: hidden;
        color: #fff;
        font-weight: 600;
        padding: 15px 40px;
        border-radius: 30px;
        background-color: #1fa7ea;
        -webkit-transition: .4s;
        transition: .4s;
        border: none
    }

    .consalt_btn span {
        position: absolute;
        z-index: -1;
        width: 0;
        height: 0;
        display: block;
        border-radius: 30px;
        background-color: #fff;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition: width .5s ease-in-out,height .5s ease-in-out;
        transition: width .5s ease-in-out,height .5s ease-in-out
    }

    .consalt_btn a:hover:before {
        width: 105px;
        background-color: #0c6e6d;
        z-index: 1
    }

section.counter_area {
    background: #063232;
    border-radius: 30px;
    padding: 67px 0 42px
}

.counter_upper {
    border-bottom: 2px solid rgba(12,110,109,.4);
    padding-bottom: 34px;
    margin-bottom: 27px
}

.blog_area.style_two .single-blog-box, .case-study_box .case-study-single-box, .counter-single-item, .steps-single-item, section.blog_area.inner_page .single-blog-box {
    margin-bottom: 30px
}

.counter-content {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}

    .counter-content:before {
        position: absolute;
        content: "";
        top: 20px;
        left: -86px;
        height: 100%;
        width: 100%;
        background: url(../images/home_one/star_icon.png) no-repeat;
        z-index: -1
    }

    .about-icon_box.style_three .about_icon:before, .about-icon_box.style_two .about_icon:before, .about_btn.style_two a:before, .about_play.style_two .text-inner:before, .breadcumb-title.style_three h4:before, .case-study-single-box.style_three .case-study-thumb::before, .case-study_box .case-study-thumb::before, .consalt_btn.style_two a:before, .counter-content.none:before, .counter-single-item.style_sixs .counter_title:before, .feature_item.style_three:before, .feature_item.style_two:before, .feature_item:after, .hero_area.style_four .hero_content h1:before, .hero_area.style_three .hero_content h4:before, .hero_btn.style_two a:before, .inner_page .counter-single-item.style_two.second .counter_title:before, .marquee_area.style_two.inner_page:before, .meta-blog.style_two p span:before, .service_single_item.style_two:before, .service_single_item.style_two:hover .service_content:before, .single-team_item.style_four .team_thumb:before, .sticky a.active_header, .style_three.marquee_area.style_two:before, a.active_sticky, section.contact_form .consalt_btn a:before {
        display: none
    }

.counter-_number h1, .counter-_number span {
    display: inline-block;
    font-size: 60px;
    line-height: 52px;
    color: #e0f1df;
    font-weight: 600
}

.about_counter .counter-single-item.style_two .counter_title, .counter_title {
    margin-left: 40px;
    position: relative
}

    .counter_title:before {
        position: absolute;
        content: "";
        left: -22px;
        top: 20px;
        width: 1px;
        height: 30px;
        background-color: rgba(255,255,255,.30196078431372547)
    }

    .counter_title h5 {
        font-size: 15px;
        line-height: 24px;
        text-transform: uppercase;
        color: #a3b7b7;
        font-weight: 400
    }

section.steps_area {
    background: #e8e8e8;
    border-radius: 20px 20px 0 0;
    padding: 35px 0
}

.steps-single-item {
    padding: 40px 40px 31px;
    background: url(../images/home_one/steps_bg.png) 0 0/cover no-repeat;
    border-radius: 10px;
    position: relative
}

    .steps-single-item:before {
        position: absolute;
        top: 20px;
        right: 59px;
        width: 30px;
        height: 1px;
        background-color: #00c957;
        content: ""
    }

h3.steps_number {
    position: absolute;
    right: 30px;
    top: 0;
    font-size: 18px;
    color: #00c957;
    font-weight: 400
}

.steps_icon {
    border-radius: 38px;
    background-color: #00c95c;
    transition: .5s
}

.steps-single-item:hover .steps_icon {
    background: #283e7a
}

.feature_content p, .feature_icon img, .feature_item.style_two .feature_content h3, .pricing-single-items.style_two .pricing-feature ul li, .pricing-single-items.style_two .pricing-feature ul li img, .pricing-single-items.style_two .pricing-item-text span, .pricing-single-items.style_two .pricing-title h3, .pricing-single-items.style_two .pricing-title span, .steps_icon img {
    transition: .5s
}

.feature_item.style_four:hover .feature_icon img, .pricing-single-items.style_two:hover .pricing-feature ul li img, .pricing-single-items.style_two:hover .pricing_icon img, .service_single_item.style_five:hover .service_icon2 img, .steps-single-item:hover .steps_icon img {
    filter: brightness(0) invert(1)
}

.steps-content h3 {
    font-size: 20px;
    color: #002c2a;
    font-weight: 500;
    margin: 25px 0 16px
}

.steps_btn a {
    color: #0c6e6d;
    display: inline-block;
    margin-top: 4px;
    font-size: 16px
}

.pagination {
    justify-content: center;
    margin-top: 2px
}

    .pagination span {
        font-size: 15px;
        line-height: 26px;
        color: #063232;
        font-weight: 500
    }

    .pagination a {
        display: inline-block;
        color: #0b57a2;
        font-weight: 500;
        text-decoration: none !important;
    }

section.pricing-area {
    background-color: #063232;
    padding: 158px 0 90px;
    border-radius: 0 0 20px 20px;
    margin-top: -20px
}

    section.pricing-area .section_title p {
        margin: 28px 0 40px;
        color: #fff9
    }

.pricing-single-items {
    position: relative;
    z-index: 1;
    padding: 50px 30px 21px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: url(../images/home_one/price-bg1.png) 0 0/cover no-repeat
}

    .pricing-single-items.upper {
        margin-top: -40px
    }

    .pricing-single-items:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 0%;
        width: 100%;
        background: url(../images/home_one/pricing-hover.png) 0 0/cover no-repeat;
        z-index: -1;
        border-radius: 10px;
        transition: .5s
    }

    .pricing-single-item:hover:before, .pricing-single-items:hover:after {
        height: 100%
    }

.pricing_icon {
    float: left;
    margin-right: 20px;
    border-radius: 38px;
    background-color: #e0f1df;
    transition: .5s
}

.pricing-single-items:hover .pricing_icon {
    background: #ffff
}

.about-icon_box.style_three .about_content.style_two h3, .pricing-title h3 {
    font-size: 24px;
    color: #063232;
    font-weight: 500;
    margin: 0
}

.meta-blog p, .pricing-feature ul li, .pricing-title span, .testimonial_item.style_five .tesit-auothor .bio h5.designation {
    font-size: 16px;
    color: #6b7a7a;
    font-weight: 400
}

.consalt_btn.five, .pricing-body {
    margin-top: 36px
}

.pricing-feature ul li {
    margin-bottom: 12px;
    transition: .5s;
    line-height: 26px;
    border-bottom: 1px dashed #1717173d;
    padding-bottom: 12px
}

    .pricing-feature ul li img {
        margin-right: 12px;
        position: relative;
        margin-top: -2px
    }

.pricing-item-text {
    position: relative;
    margin: 39px 0 32px;
    z-index: 1
}

    .pricing-item-text span.tk {
        font-size: 46px;
        color: #0c6e6d;
        font-weight: 600;
        margin-left: 20px
    }

    .pricing-item-text span.currency {
        font-size: 22px;
        color: #0c6e6d;
        font-weight: 500;
        position: absolute;
        top: -6px
    }

.call_social_icon, .consalt_btn.home_five, .consalt_btn.sidebar_style, .consalt_btn.style_two {
    text-align: left
}

    .consalt_btn.style_two a {
        padding: 10px 30px;
        border: 1px solid rgba(12,110,109,.3);
        background: 0 0;
        color: #0c6e6d
    }

    .consalt_btn.style_two span {
        background-color: #0c6e6d
    }

.consalt_btn.style_three a {
    padding: 0 0 10px;
    border: 0;
    background: #0c6e6d;
    color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    line-height: 80px
}

.consalt_btn.style_three span {
    background-color: #ffff
}

.consalt_btn.style_three a i {
    display: inline-block;
    transform: rotate(-45deg);
    font-size: 20px;
    font-weight: 700
}

section.case-study-area {
    padding: 85px 0 35px
}

.case-study-thumb {
    position: relative;
    overflow: hidden;
    background: #0c6e6d;
    padding: 0;
    border-radius: 10px;
    transition: .5s linear;
    height: 520px
}

    .case-study-thumb:hover {
        padding: 20px
    }

    .case-study-thumb::before {
        background: rgba(12,109,109,.6);
        bottom: 0;
        content: "";
        left: 50%;
        position: absolute;
        right: 51%;
        top: 0;
        opacity: 1;
        pointer-events: none;
        transition: .5s linear;
        z-index: 1
    }

.service_thumb:hover:before {
    left: 10%;
    right: 10%;
    opacity: 0;
    transition: .5s linear
}

.case-study-content {
    width: 75%;
    background: #0c6e6d;
    padding: 30px 30px 10px;
    position: absolute;
    bottom: -16%;
    border-radius: 0 5px 5px;
    z-index: 1;
    transition: .5s;
    opacity: 0
}

.case-study-thumb:hover .case-study-content {
    bottom: 0;
    opacity: 1
}

.case-study-thumb img {
    width: 100% !important;
    transition: .5s;
    border-radius: 10px
}

.case-study-content h3, .testi-star-rating h4 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin: 0
}

.case-study-content p {
    font-size: 15px;
    color: #e0f1df;
    font-weight: 400;
    margin-top: 5px
}

.single_portfolio_icon {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    transition: .5s
}

.case-study-single-box:hover .single_portfolio_icon {
    opacity: 1;
    top: 50%
}

.single_portfolio_icon a {
    background: #e0f1df;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    color: #095a59;
    transform: rotate(-45deg)
}

section.team_area {
    padding: 5px 0 90px
}

.single-team_item {
    transform: translateY(0);
    transition: .5s;
    margin-bottom: 30px
}

    .single-team_item.style_upper, .single-team_item:hover {
        transform: translateY(30px)
    }

.team-content {
    text-align: center;
    padding: 9px 0 0;
    margin: 0 35px 30px 0
}

    .team-content h3 a {
        font-size: 24px;
        color: #063232;
        font-weight: 500;
        display: inline-block;
        margin-bottom: 8px
    }

.testimonial_area {
    background: #0c6d6d;
    padding: 30px 0;
    position: relative;
    border-radius: 30px
}

.tesimonial_img {
    margin-left: -254px;
    position: relative
}

.testi-star-rating {
    display: flex;
    align-items: center;
    position: absolute;
    right: 12%;
    bottom: 3%
}

.testimonial_star i {
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #ff9c00;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    margin-right: 15px
}

.single-blog-thumb img, .single-blog-thumb:after, .single-blog-thumb:before {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 200px;
}

.testi-star i {
    font-size: 16px;
    color: #ff9c00;
    margin: 30px 5px 18px 0
}

.testimonial-content p {
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
    font-style: italic
}

.blog_btn a, .meta-blog p span {
    font-size: 14px;
    text-transform: uppercase
}

.blog-title h3 a, .blog_btn a {
    line-height: 32px;
    display: inline-block
}

.tesit-auothor {
    display: flex;
    align-items: center;
    margin-top: 49px
}

    .skills_author_text, .tesit-auothor .bio {
        margin-left: 20px
    }

        .tesit-auothor .bio h4.name {
            font-size: 20px;
            color: #fff;
            font-weight: 500;
            margin: 0
        }

        .tesit-auothor .bio h5.designation {
            font-size: 15px;
            color: #e0f1df;
            font-weight: 400;
            margin-top: 0
        }

.testi_shape {
    position: absolute;
    right: 7%;
    top: 16%;
    animation-name: rotateme;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-position: center center
}

.hero_shape_3, .like {
    transform: translate(-50%,-50%)
}

.blog_area {
    padding: 85px 0 172px
}

.single-blog-thumb:before {
    background: #1fa7ea;
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    -moz-transition: .6s ease-out;
    -webkit-transition: .6s ease-out;
    -ms-transition: .6s ease-out;
    -o-transition: .6s ease-out;
    transition: .6s ease-out;
    content: "";
    z-index: 2;
    opacity: .4
}

.single-blog-thumb:after {
    position: absolute;
    content: "";
    background: rgba(12,110,109);
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 3;
    -moz-transition: .6s ease-out;
    -webkit-transition: .6s ease-out;
    -ms-transition: .6s ease-out;
    -o-transition: .6s ease-out;
    transition: .6s ease-out
}

.single-blog-box:hover .single-blog-thumb:before {
    height: 100%;
    opacity: .1
}

.single-blog-box:hover .single-blog-thumb:after {
    height: 0;
    opacity: .2
}

.blog-content {
    background: #f7f9f8;
    padding: 35px 13px 20px 30px;
    border-radius: 0 0 5px 5px
}

.meta-blog {
    margin-bottom: 19px
}

    .meta-blog p span {
        background-color: #1fa7ea;
        display: inline-block;
        color: #fff;
        font-weight: 500;
        text-align: center;
        border-radius: 0 30px 30px 0;
        padding: 3px 18px;
        position: relative;
        margin-right: 38px
    }

        .meta-blog p span:before {
            position: absolute;
            content: "";
            right: -26px;
            top: 10px;
            width: 10px;
            height: 10px;
            border-radius: 5px;
            background-color: #1fa7ea
        }

.blog-title h3 a {
    font-size: 22px;
    color: #283e7a;
    font-weight: 500;
    margin-bottom: 14px
}

.blog_btn a {
    transition: .5s;
    letter-spacing: -6px;
    color: #f7f9f8;
    font-weight: 500
}

    .blog_btn a i {
        margin-left: -8px;
        font-size: 15px;
        font-weight: 600;
        color: #1fa7ea
    }

.single-blog-box:hover .blog_btn a {
    letter-spacing: 0;
    color: #0a4b4b
}

    .single-blog-box:hover .blog_btn a i {
        margin-left: 8px;
        color: #1fa7ea
    }

.blog_list .owl-dots {
    position: absolute;
    bottom: -15%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center
}

.blog_list .owl-dot, .service_list2 .owl-dot, .testi_list2 .owl-dot {
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b5d3d1 !important
}

    .blog_list .owl-dot.active, .service_list2 .owl-dot.active, .testi_list2 .owl-dot.active {
        background: #0c6e6d !important;
        width: 12px;
        border-radius: 50%;
        height: 12px
    }

.footer_area {
    background: #063232;
    padding: 120px 0 30px;
    border-radius: 30px
}

p.footer_desc {
    font-size: 15px;
    line-height: 24px;
    color: #a3b7b7;
    font-weight: 400;
    margin: 37px 0 34px;
    width: 81%
}

.subscribe_form {
    border-bottom: 1px solid rgba(255,255,255,.30196078431372547);
    position: relative
}

    .subscribe_form input {
        background: 0 0;
        border: none;
        width: 100%;
        outline: 0;
        height: 50px;
        color: #fff !important
    }

        .subscribe_form input::placeholder {
            font-size: 16px;
            color: #fff;
            font-weight: 400
        }

        .subscribe_form input:focus {
            outline: 0;
            background: 0 0;
            box-shadow: none
        }

button.btn {
    width: 119px;
    height: 36px;
    border-radius: 18px;
    background-color: #0c6e6d;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 0;
    right: 0
}

    button.btn:hover {
        background: #fff;
        color: #063232
    }

.footer-widget-title h4 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 34px
}

.footer-widget-menu ul li a {
    font-size: 15px;
    color: #a3b7b7;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 9px
}

    .footer-widget-menu ul li a:hover {
        margin-left: 0;
        color: #ffff
    }

    .footer-widget-menu ul li a i {
        font-size: 12px;
        opacity: 0;
        transition: .5s
    }

.footer-widget-address.style_two {
    border-bottom: 1px dashed #ffffff78;
    padding-bottom: 12px
}

.content-thumb-box, .footer-widget-address {
    margin-bottom: 20px
}

.footer_widget_icon.style_upper {
    top: 7px;
    position: relative
}

.footer_widget_icon i {
    width: 25px;
    height: 25px;
    border-radius: 13px;
    background-color: #0c6e6d;
    font-size: 9px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    float: left;
    margin-right: 10px
}

.blog-details-comment-content, .feature_item.style_five, .feature_item.style_three .feature_content, .footer-widget-address_text, .hero_powerful_content, .sidebar_text {
    overflow: hidden
}

    .footer-widget-address_text p {
        font-size: 15px;
        line-height: 24px;
        color: #fff;
        font-weight: 400;
        margin: 0
    }

    .footer-widget-address_text span {
        font-size: 15px;
        line-height: 24px;
        color: #ffffff99;
        font-weight: 400
    }

.footer-bottom-content-copy p, .header-address-info span {
    color: #fff;
    font-weight: 400;
    font-size: 15px
}

.row.add-border {
    position: relative;
    padding-top: 30px;
    margin-top: 71px
}

    .about_icon:before, .about_shape.two, .hero_shape_2, .hero_shape_3, .hero_shape_4, .like, .row.add-border:before {
        position: absolute
    }

    .row.add-border:before {
        top: 0;
        left: 12px;
        height: 1px;
        width: 98%;
        background: rgba(255,255,255,.30196078431372547);
        content: ""
    }

.footer-bottom-content-copy p {
    line-height: 28px;
    margin: 0
}

.footer-bottom-menu ul li {
    display: inline-block;
    margin-right: 20px
}

    .footer-bottom-menu ul li a {
        display: inline-block;
        font-size: 15px;
        color: #bdd3d3;
        font-weight: 400
    }

.consalt-header-area.style_two {
    margin-bottom: -132px;
    margin-top: 0
}

.header-address-info p {
    color: #a3b7b7;
    margin: 12px 0
}

.hero_content h4, .hero_video_btn span {
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

span.right_info {
    margin-left: 28px
}

.topber_right_social ul li {
    display: inline-block;
    margin-left: 20px
}

    .topber_right_social ul li a {
        display: inline-block;
        color: #fff;
        font-size: 15px
    }

.consalt-header-area.style_two .row.style_bg {
    border-radius: 5px;
    background-color: #fff;
    margin: 0;
    padding: 0 2px 0 19px
}

.consalt-header-area.style_two .header-menu ul li a {
    display: inline-block;
    padding: 28px 0;
    color: #28337a
}

.consalt-header-area.style_two .header-menu ul li span {
    color: #28337a
}

.consalt_header-right .header-button a {
    border-radius: 0;
    padding: 28px 33px;
    border-left: 1px solid rgba(255,255,255,.2);
    border-right: 1px solid rgba(255,255,255,.2)
}

.nav-btn span i {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 30px;
    transform: rotate(180deg)
}

.header-search-button.search-box-outer {
    padding: 0 28px 0 0;
    display: inline-block
}

    .header-search-button.search-box-outer a {
        color: #fff;
        display: inline-block;
        font-size: 15px
    }

.contact_main_info.style_two .call-do-action-info:hover .call-do-social_icon i, .sticky.consalt-header-area.style_two .row.style_bg, .testimonial_item.style_four {
    background: 0 0
}

section.hero_area.style_two {
    background: url(../images/home_two/Hero-BG.png);
    height: 900px
}

    section.hero_area.style_two .hero_content {
        margin-top: 135px
    }

.hero_content h4 {
    position: relative;
    z-index: 1;
    margin-bottom: 23px;
    padding-left: 12px
}

    .hero_content h4:before {
        content: "";
        left: 0;
        top: -6px;
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #1fa7e1;
        z-index: -1
    }

.hero_area.style_two .hero_content p {
    margin: 24px 0 38px
}

.error-info a i, .hero_btn a i {
    margin-right: 8px
}

.hero_video_btn a {
    color: #fff;
    display: inline-block
}

.hero_video_btn span {
    margin-left: 4px
}

.hero_area.style_two .hero-thumb {
    position: relative;
    z-index: 1;
    top: 60px
}

.hero_shape_2 {
    left: 4%;
    top: 45%
}

.hero_shape_3 {
    bottom: 10%;
    left: 44%
}

.hero_shape_4 {
    right: 17%;
    top: 25%
}

.counter_area.style_two {
    background: 0 0;
    padding: 0;
    border-bottom: 1px solid #e6eaea
}

.counter-single-item.style_two {
    margin: 0;
    padding: 45px 50px 52px
}

    .counter-single-item.style_two.second {
        background: #f3f8f8
    }

    .counter-single-item.style_two .counter_title h5 {
        font-size: 18px;
        line-height: 24px;
        text-transform: unset;
        color: #6b7a7a;
        font-weight: 400
    }

h5.title_two {
    margin-top: 5px
}

.counter-single-item.style_two .counter_title {
    margin-left: 23px;
    position: relative
}

.counter-star i {
    color: #ffb608;
    font-size: 15px
}

section.about_area.style_two {
    background: #ffff;
    position: relative;
    padding: 98px 0 120px
}

.about_play.style_two {
    top: -15%
}

    .about_play.style_two a.banner-play-btn {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background-color: #f3f8f8 !important;
        line-height: 180px
    }

    .about_play.style_two .text-inner text {
        fill: #063232
    }

.about_area.style_two .section_title p {
    width: 88%;
    margin: 23px 0 24px
}

.about_btn.style_two, .about_icon, .skills_author-thumb, section.call_area.style_four .call-do-social_icon {
    margin-right: 20px
}

.like {
    top: 49%;
    left: 50%
}

.call_shape, .testi_list .owl-nav {
    transform: translateY(-50%);
    top: 50%
}

.about-icon_box {
    display: flex;
    align-items: center;
    padding: 0 0 0 15px
}

.about_icon {
    position: relative;
    top: 18px;
    z-index: 1
}

    .about_icon:before {
        top: -13px;
        left: -15px;
        height: 50px;
        width: 50px;
        background: #edf4f4;
        content: "";
        z-index: -1;
        border-radius: 5px
    }

.about_content.style_two h3 {
    font-size: 20px;
    color: #063232;
    line-height: 30px;
    margin-bottom: 0
}

.testi_list .owl-next i, .testi_list .owl-prev i {
    width: 45px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    transition: .5s
}

.about_button.style_upper {
    border-top: 1px solid #e6eaea;
    padding-top: 35px;
    margin-top: 36px
}

.about_btn.style_two a {
    padding: 17px 42px
}

    .about_btn.style_two a i, .about_list.style_sixs img, .blog-details-comment-reply a i, .choose_list ul li i, .consalt_btn.style_four a i, .pagination_btn a img, ul.list-style-one li i {
        margin-right: 10px
    }

.about_info.style-two span a i {
    transform: rotate(-45deg);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px
}

.about_shape.two {
    top: 21%;
    right: 0;
    z-index: -1
}

.container-fluid.custom_container {
    margin: 0 0 0 290px
}

.service_area.style_two {
    background: #f4f8f9;
    position: relative;
    z-index: 1;
    padding: 35px 0;
    top: 0
}

.service_single_item.style_two {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: 0 0;
    margin-bottom: 0
}

    .service_single_item.style_two .service_content {
        background: #fff;
        padding: 42px 0 28px 40px;
        border-radius: 5px
    }

.style_two.service_single_item .service_content h4 {
    color: #0c6e6d;
    font-size: 15px;
    font-weight: 400;
    margin: 36px 0 20px;
    position: relative
}

.service_single_item.style_two .service_content h3 {
    color: #063232;
    font-size: 20px;
    margin: 0 0 10px
}

.service_single_item.style_two .service_btn {
    margin-top: 26px
}

.service_single_item.style_two:hover .service_btn a {
    color: #0a4b4b
}

.service_single_item.style_two .service_btn a i {
    color: #0a4b4b;
    font-size: 16px;
    transform: rotate(-45deg);
    display: inline-block
}

.service_single_item.style_two:hover .service_btn a i, .slider-btn a:hover i {
    transform: rotate(0)
}

.single-team_item.style_four .team_thumb img, .style_two.service_single_item .service_thumb img, .testi_list2.owl-carousel .owl-item img {
    width: inherit
}

.service_list.owl-carousel .owl-item img {
    display: block;
    width: inherit
}

.service_list .owl-nav {
    position: absolute;
    top: -37%;
    right: 34%;
    display: block
}

.service_list button.owl-prev i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(6,50,50,.2);
    display: inline-block;
    line-height: 61px;
    transition: .5s;
    font-size: 25px;
    transform: rotate(45deg);
    margin-right: 15px
}

.service_list button.owl-next i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid rgba(6,50,50,.2);
    display: inline-block;
    line-height: 61px;
    transition: .5s;
    font-size: 25px;
    transform: rotate(-45deg)
}

    .service_list button.owl-next i:hover, .service_list button.owl-prev i, .testi_list .owl-next i:hover, .testi_list .owl-prev i, ul.social-box li a:hover {
        background: #00c95c;
        color: #fff
    }

.service_shape.style_two {
    position: absolute;
    top: 17%;
    left: -1%;
    z-index: -1
}

.service_shape_three {
    position: absolute;
    top: 46%;
    left: 4%;
    z-index: 0;
    margin: auto;
    text-align: center
}

section.skills_area {
    position: relative;
    padding: 100px 0 0;
    overflow: hidden
}

.feature_btns, .prossess-ber-plugin {
    margin-top: 27px
}

    .prossess-ber-plugin span {
        margin-top: 11px;
        font-size: 16px;
        color: #063232;
        font-weight: 400
    }

.barfiller {
    position: relative;
    margin-bottom: 24px;
    margin-top: 4px;
    width: 100% !important;
    height: 10px;
    border-radius: 5px;
    background-color: rgba(12,110,109,.14901960784313725)
}

.call-do-social_icon i, .hero_power_check {
    height: 55px;
    width: 55px;
    text-align: center
}

span.fill {
    background-color: #0c6e6d !important
}

.barfiller .fill {
    display: block;
    position: relative;
    width: 0;
    height: 100%;
    background: #333;
    z-index: 1;
    border-radius: 5px
}

.barfiller .tip {
    margin-top: -35px;
    position: absolute;
    font-size: 18px;
    color: #1b1b1b;
    font-weight: 400;
    left: 0
}

.skills_author {
    display: flex;
    align-items: center;
    margin-top: 40px
}

.accordion li a, .call-right {
    justify-content: space-between
}

.sskills_author_text h3 {
    font-size: 20px;
    line-height: 26px;
    color: #063232;
    font-weight: 500;
    margin: 0 0 5px
}

.skills_author_text span {
    margin-top: 12px;
    font-size: 14px;
    color: #484747;
    display: inline-block
}

.author_siganature {
    margin-left: 60px
}

.skill_shape {
    position: absolute;
    top: 15%;
    right: 8%;
    z-index: -1
}

    .skill_shape.style_two {
        top: 53%;
        right: -45px;
        z-index: -1
    }

section.call_area {
    background: #0b57a2;
    position: relative;
    padding: 33px 0 40px;
    z-index: 1
}

.call-do-content h4 {
    font-size: 16px;
    color: #e0f1df;
    font-weight: 500;
    margin-bottom: 16px
}

.call-do-content h2 {
    font-size: 34px;
    color: #fff;
    font-weight: 500
}

.call-right {
    display: flex
}

.call-do-social_icon i {
    cursor: pointer;
    line-height: 55px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    margin-right: 20px
}

.call_info p {
    opacity: .702;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin: 0
}

.call_info h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin: 7px 0 0
}

.consalt_btn.style_four a {
    border: 1px solid #ffffff91;
    color: #fff;
    padding: 15px 43px
}

    .consalt_btn.style_four a:hover, a.theme-btn.btn-style-two i {
        color: #066
    }

.about_btn.home_four_two span, .blog_area.style_two .blog-content, .consalt_btn.five span, .consalt_btn.style_four span, .steps-single-item.style_two, section.service_area.style_two.style_three.inner_page {
    background: #fff
}
    .blog_area.style_two .blog-content{
        height:310px;
    }

.blog-content{
    height:310px;
}

.call_shape {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: -1
}

section.testimonial_area.style_two {
    background: #283e7a;
    border-radius: 0;
    padding: 10px 0
}

.testimonial_area.style_two .section_title p {
    margin: 26px 0 22px;
    color: #a3b7b7;
    width: 77%
}

.counter-single-item.style_three {
    padding: 22px 0 0;
    border-top: 1px solid rgba(255,255,255,.2)
}

    .counter-single-item.style_three .counter-_number h1 {
        font-size: 56px;
        color: #fff;
        font-weight: 500
    }

    .counter-single-item.style_three .counter_title {
        margin-left: 38px
    }

        .counter-single-item.style_three .counter_title:before {
            top: 9px;
            height: 45px;
            background: rgba(255,255,255,.2)
        }

        .counter-single-item.style_three .counter_title h5 {
            color: #a3b7b7
        }

.testimonial_item.style_two {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 10px
}

    .testimonial_item.style_two .testi-author-thumb {
        flex-shrink: 0
    }

    .testimonial_item.style_two .testimonal-content {
        padding: 0 30px
    }

    .testimonial_item.style_two .testi-star i {
        font-size: 16px;
        color: #ff9c00;
        margin: 20px 5px 22px 0
    }

    .testimonial_item.style_two .tesit-auothor {
        margin-top: 25px
    }

        .counter-single-item.style_sixs .counter_title, .testimonial_item.style_two .tesit-auothor .bio {
            margin-left: 0
        }

            .testimonial_item.style_two .tesit-auothor .bio h4.name {
                color: #063232;
                margin: 0
            }

            .contact_main_info .call_info p, .footer-widget-content.style_two p.footer_desc, .recent-post-text.style_two span, .testimonial_item.style_two .tesit-auothor .bio h5.designation {
                color: #6b7a7a
            }

.testi_list .owl-nav {
    position: absolute;
    right: -3%;
    display: flex;
    flex-direction: column
}

.testi_list .owl-prev i {
    border-radius: 23px;
    border: 1px solid rgba(6,50,50,.2);
    margin-bottom: 10px;
    text-align: center
}

.testi_list .owl-next i {
    border-radius: 23px;
    background-color: #fff;
    border: 1px solid rgba(6,50,50,.2);
    text-align: center
}

.row.brand_upper {
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 10px;
    margin: 120px 0 0
}

section.case-study-area.style_two {
    padding: 105px 0 107px;
    background: #f4f8f9
}

.case-study_box {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 30px
}

    .case-study_box .case-study-single-box.upper {
        margin-top: 87px
    }

    .case-study_box .case-study-thumb {
        position: relative;
        height: inherit;
        background: 0 0
    }

        .about-icon_box.style_three, .case-study-single-box.style_three .case-study-thumb:hover, .case-study_box .case-study-thumb:hover {
            padding: 0
        }

        .case-study_box .case-study-thumb::after {
            border-radius: 5px;
            background-color: #1fa7ea;
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            z-index: 1;
            opacity: 0;
            transition: .5s
        }

        .case-study_box .case-study-thumb img, .hero_area.style_three .hero_btn a, .main_hero .hero_btn a, section.blog_area.style_sixs .meta-blog p span {
            border-radius: 5px
        }

    .case-study_box .case-study-single-box:hover .case-study-thumb img {
        filter: grayscale(0);
        -webkit-filter: grayscale(0)
    }

    .case-study_box .case-study-content {
        width: 100%;
        background: 0 0;
        padding: 33px 40px 0;
        position: absolute;
        top: -23%;
        border-radius: 5px;
        z-index: 2;
        transition: .5s;
        opacity: 0
    }

    .case-study_box .case-study-thumb:hover .case-study-content {
        top: 0;
        opacity: 1
    }

    .case-study_box .case-study-content h3 {
        margin: 0;
        font-size: 24px;
        line-height: 32px;
        color: #fff
    }

    .case-study_box .case-study-content p {
        margin: 0 0 5px;
        color: #e0f1df;
        font-size: 15px
    }

        .case-study_box .case-study-content p.case_text {
            font-size: 16px;
            color: #fff;
            margin-top: 12px
        }

    .case-study_box .consalt_btn {
        position: absolute;
        bottom: 10%;
        opacity: 0;
        transition: .5s
    }

    .case-study_box .case-study-single-box .consalt_btn a {
        background: #fff;
        color: #063232;
        padding: 7px 25px
    }

.case_box-shape {
    position: absolute;
    bottom: 10%;
    right: 20%;
    z-index: 2;
    opacity: 0;
    transition: .5s
}

.case-study_box .case-study-thumb:hover .case_box-shape {
    bottom: 20%;
    right: 23%;
    opacity: 1
}

section.pricing-area.style_two {
    position: relative;
    background: #ffff;
    z-index: 1
}

.pricing-area.style_two .section_title p {
    margin: 28px 0 20px;
    color: #6b7a7a;
    width: 92%
}

.pricing_list {
    display: inline-block;
    margin-right: 48px
}

    .pricing_list ul li img {
        margin-right: 6px
    }

    .pricing_list ul li {
        font-size: 16px;
        color: #063232;
        font-weight: 500
    }

.consalt_btn.five a {
    border: 1px solid #ffffff91;
    color: #fff;
    padding: 15px 42px;
    background: #0c6e6d
}

.pricing-single-items.style_two {
    background: #f4f8f9;
    padding: 35px 30px 25px;
    z-index: 2;
    overflow: hidden
}

    .pricing-single-items.style_two:before {
        position: absolute;
        content: "";
        bottom: -100%;
        right: -38%;
        height: 100%;
        width: 100%;
        background: url(../images/home_two/pricing_shape2.png) 0 0/contain no-repeat;
        z-index: 1;
        -webkit-animation: 5s infinite alternate dance3;
        animation: 5s infinite alternate dance3;
        opacity: 0;
        transition: .5s
    }

    .pricing-single-items.style_two:hover:before {
        opacity: 1;
        bottom: -62%
    }

    .pricing-single-items.style_two .pricing_icon {
        background: #fff;
        transition: .5s
    }

    .pricing-single-items.style_two:hover .pricing_icon, section.pricing-area.inner_page .pricing-single-items:hover .pricing_icon {
        background: #129695
    }

    .pricing-single-items.style_two .pricing_icon img {
        filter: brightness(1) invert(0);
        transition: .5s
    }

    .pricing-single-items.style_two:hover .pricing-feature ul li {
        color: #fff;
        border-bottom: 1px dashed #e2cece
    }

    .pricing-single-items.style_two:hover .pricing-item-text span {
        color: #e3f1e2
    }

    .pricing-single-items.style_two:hover .consalt_btn a {
        background: #119695;
        color: #fff
    }

.pricing_shape {
    position: absolute;
    top: 23%;
    left: 0;
    z-index: -1
}

section.call_area.style_two {
    background: url(../images/home_two/Get-a-free-finance-BG.png) center center/cover no-repeat;
    padding: 10px 0 70px
}

    section.call_area.style_two .call-do-content h2 {
        font-size: 42px;
        color: #fff;
        font-weight: 600
    }

.call-do-content p {
    color: #a3b7b7;
    width: 80%;
    margin: 20px 0 0
}

.form-box {
    position: relative;
    margin-bottom: 20px
}

    .form-box input {
        width: 100%;
        height: 56px;
        border-radius: 5px;
        background-color: #fff;
        border: 0;
        outline: 0;
        padding: 0 25px
    }

    .form-box i {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%)
    }

    .form-box input::placeholder {
        font-size: 15px;
        color: #6b7a7a;
        font-weight: 400
    }

.contact-form button {
    width: 100%;
    height: 56px;
    border-radius: 5px;
    background: #1fa7ea;
    border: 0;
    outline: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    transition: .5s
}

    .contact-form button:hover {
        background: #ffff;
        color: #0b57a2;
    }

.call_shape_two {
    position: absolute;
    top: 33%;
    left: 2%
}

.call_shape_three {
    position: absolute;
    top: 20%;
    right: 6%
}

section.blog_area.style_two {
    background: url(../images/home_two/blod_bg.png) center center/cover no-repeat;
    padding: 50px 0
}

    section.blog_area.style_two .section_title.style_four:before {
        bottom: -27%
    }

.call_area.style_three .call-do-action-info {
    justify-content: left
}

.call_area.style_three .call_info p {
    opacity: 1;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    margin: 0
}

.call_area.style_three .call-do-social_icon i {
    line-height: 60px;
    border: 0;
    width: 60px;
    height: 60px;
    background-color: rgba(255,255,255,.2)
}

.call_area.style_three .footer_logo {
    text-align: center;
    border-left: 2px solid rgba(255,255,255,.10196078431372549);
    border-right: 2px solid rgba(255,255,255,.10196078431372549);
    padding: 8px 0
}

.call_social_icon ul li {
    display: inline-block;
    margin-right: 20px
}

    .call_social_icon ul li a {
        line-height: 48px;
        text-align: center;
        height: 48px;
        border-radius: 50%;
        background-color: #283e7a;
        display: inline-block;
        color: #fff;
        width: 48px
    }

section.footer_area.style_two {
    border-radius: 0;
    background: #053131;
    position: relative
}

.footer_area.style_two button.btn {
    background-color: #0b57a2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 12px
}

.recent-post-item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px
}

    .recent-post-item.upper {
        margin-top: 43px
    }

.recent-post-text {
    flex: 1
}

    .recent-post-text a {
        transition: .5s;
        overflow: hidden;
        font-size: 16px;
        line-height: 26px;
        color: #fff;
        font-weight: 500;
        display: inline-block
    }

    .recent-post-text span {
        padding: 0 0 0 20px;
        display: inline-block;
        line-height: 26px;
        font-size: 14px;
        color: #a3b7b7;
        font-weight: 400;
        position: relative;
        z-index: 1
    }

        .recent-post-text span:before {
            position: absolute;
            z-index: 1;
            content: "";
            left: 0;
            top: 11px;
            width: 8px;
            height: 8px;
            border-radius: 4px;
            background-color: #0b57a2
        }

.topber_area.style_two {
    background: #063232;
    position: relative;
    z-index: 1
}

    .topber_area.style_two:before {
        position: absolute;
        content: "";
        left: -24px;
        height: 100%;
        width: 53%;
        background: #0c6e6d;
        z-index: -1;
        transform: skew(-34deg)
    }

    .topber_area.style_two:after {
        position: absolute;
        content: "";
        right: 0;
        left: 85px;
        margin: auto;
        background: #0c6e6d;
        width: 5px;
        height: 100%;
        top: 0;
        transform: skew(-34deg)
    }

    .topber_area.style_two .header-address-info p {
        color: #fff;
        font-size: 15px
    }

    .topber_area.style_two .header-address-info span i {
        font-size: 14px;
        margin-right: 6px
    }

.topber_right_social.style_two {
    display: flex;
    align-items: center;
    justify-content: right
}

    .topber_right_social.style_two h2 {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        margin: 4px 3px 0 0
    }

.consalt-header-area.style_three {
    margin-bottom: 0;
    margin-top: 0;
    padding: 8px 0
}

    .consalt-header-area.style_three .header-search-button.search-box-outer {
        padding: 0 35px 0 0
    }

    .consalt-header-area.style_three .header-search-button a {
        color: #063232;
        display: inline-block;
        font-size: 15px
    }

.header-button.style_two a {
    background: #0c6e6d;
    padding: 15px 31px;
    border-radius: 5px;
    border: 1px solid transparent
}

    .header-button.style_two a i {
        margin-left: 5px
    }

.consalt-header-area.style_three .nav-btn.navSidebar-button {
    top: 6px;
    margin: 0 0 0 16px
}

.consalt-header-area.style_three .nav-btn span i {
    color: #0c6e6d;
    width: 56px;
    height: 56px;
    border-radius: 4px;
    background-color: #f0f4f5;
    line-height: 60px
}

.sticky.consalt-header-area.style_three {
    background: url(../images/home_3/counter_bg.png) 0 0/cover no-repeat !important
}

    .sticky.consalt-header-area.style_three .header-menu ul li a, .sticky.consalt-header-area.style_three .header-menu ul.sub_menu li a:hover {
        color: #ffff !important
    }

    .sticky.consalt-header-area.style_three .header-menu ul.sub_menu li a {
        color: #066 !important
    }

    .feature_item.style_four:hover .feature_content h3, .feature_item.style_four:hover .feature_content p, .service_single_item.second .service_btn a i, .service_single_item.second .service_content h3, .service_single_item.second .service_content h4, .sticky.consalt-header-area.style_three .header-search-button a {
        color: #fff !important
    }

.sticky .header-button.style_two a {
    border: 1px solid #fff !important
}

.sticky a.active_sticky, .tabs_item:first-child {
    display: block
}

section.hero_area.style_three {
    background: url(../images/home_3/hero_3_bg.jpg) center center/cover no-repeat;
    height: 750px
}

section.hero.style_new {
    background: url(../images/BG-New.png) center center/cover;
    z-index: 0;
    border-radius: 0 0 20px 20px;
    margin: 0 20px 20px;
    overflow: hidden;
    height: 800px
}

.hero_area.style_three .hero_content h4 {
    color: #283e7a;
    margin-bottom: 18px;
    padding-left: 0
}

.hero_area.style_three .hero_content h1 {
    color: #283e7a;
    position: relative
}

    .hero_area.style_three .hero_content h1:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: -19px;
        background: url(../images/home_two/Dandii.png) no-repeat;
        height: 12px;
        width: 100%
    }

.hero_area.style_three .hero_content p {
    margin: 40px 0 33px;
    color: #6b7a7a
}

.hero_area.style_three .hero-thumb {
    position: relative;
    z-index: 1;
    top: 18px
}

.hero_thumb_shape {
    position: absolute;
    top: 14%;
    right: -10%;
    z-index: -1
}

.powerful_box {
    background: #ffff;
    display: inline-block;
    padding: 20px 45px 20px 20px;
    position: absolute;
    bottom: 43%;
    right: -8%;
    border-radius: 5px
}

.hero_power_check {
    line-height: 57px;
    background: #ff9307;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    float: left;
    margin-right: 20px
}

.hero_powerful_content h4 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 6px
}

.hero_powerful_content p {
    margin: 3px 0 0;
    font-size: 14px
}

.about_area.style_three {
    padding: 192px 0 115px
}

    .about_area.style_three .about_thumb {
        position: relative;
        margin-left: -56px
    }

.about_play.style_three {
    top: -16%;
    right: 20%
}

    .about_play.style_three a.banner-play-btn {
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background-color: #f9eddf !important;
        line-height: 190px;
        border: 5px solid #fff
    }

    .about_play.style_three .text-inner text {
        fill: #063232;
        font-weight: 400;
        font-size: 30px;
        text-transform: uppercase
    }

.about_btn.style_three a {
    border-radius: 5px;
    padding: 15px 40px
}

.about-icon_box.style_two .about_icon {
    top: 5px
}

.about_shape.style_five {
    right: 14%;
    top: 19%
}

.about_shpe-three {
    position: absolute;
    right: 0;
    bottom: 9%
}

.about_shpe-four {
    position: absolute;
    bottom: 14%;
    right: 31%
}

.marquee_area.style_two {
    background: #0c6e6d;
    padding: 43px 0 42px;
    position: relative;
    margin: 16px 0
}

    .marquee_area.style_two:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: #063232;
        z-index: -1;
        transform: rotate(-1deg)
    }

.slide-har .box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: 80s linear infinite slide-har;
    animation: 80s linear infinite slide-har
}

@-webkit-keyframes slide-har {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slide-har {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slide-har-revers {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slide-har-revers {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.slide-har .box .item h4 a {
    display: inline-block;
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500
}

.slide-har .box .item span.icon-img-50 {
    margin: 0 30px
}

section.service_area.style_three {
    background-image: linear-gradient(0deg,#fff 0,#eff3f5 100%);
    padding: 105px 0 190px
}

.service_area.style_two.style_three.inner_page .service_single_item.style_three {
    filter: drop-shadow(0px 10px 40px rgba(162,186,186,.25));
    margin-bottom: 2px
}

.service_single_item.style_three {
    display: block;
    background: #ffff;
    text-align: center;
    padding: 20px
}

    .service_single_item.style_three:before {
        top: inherit;
        width: 0%;
        bottom: 0;
        height: 5px;
        border-radius: 2px;
        background-color: #ff9307;
        left: 50%;
        display: block
    }

    .feature_item.style_four:hover:before, .portfolio_item:hover .portfolio_content::before, .service_single_item.style_three:hover:before {
        width: 100%;
        left: 0
    }

    .service_single_item.style_three .service_thumb {
        position: relative;
        overflow: hidden
    }

        .service_single_item.style_three .service_thumb:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0;
            height: 100%;
            width: 100%;
            background: url(../images/home_3/service_shpe.png) no-repeat;
            transition: .5s;
            right: 0;
            margin: auto;
            top: 0;
            opacity: 0
        }

    .service_single_item.style_three .service_icon {
        position: absolute;
        top: 60%;
        transform: translate(-50%,-50%);
        left: 50%;
        opacity: 0;
        transition: .5s
    }

    .service_single_item.style_three:hover .service_icon {
        top: 50%;
        opacity: 1
    }

    .service_single_item.style_three .service_content {
        background: #fff;
        padding: 17px 20px 10px;
        border-radius: 5px;
        text-align: center;
        z-index: 1;
        overflow: hidden
    }

        .service_single_item.style_three .service_content:before {
            background: url(../images/home_3/service_dot2.png) no-repeat;
            height: 100%;
            width: 100%;
            left: 83%;
            opacity: 0;
            top: 17%
        }

    .service_single_item.style_three:hover .service_content:before {
        opacity: 1;
        display: block
    }

    .service_single_item.style_three .service_content::after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 4%;
        background: url(../images/home_3/service_dot.png) center center no-repeat;
        height: 30px;
        width: 85px;
        z-index: -1;
        transition: .5s;
        border-radius: 0;
        opacity: 0
    }

.style_three.service_single_item .service_content h4 {
    color: #ffff;
    font-size: 14px;
    margin: 14px 0 18px;
    background: #0c6e6d;
    display: inline-block;
    padding: 3px 20px;
    line-height: 28px;
    border-radius: 3px;
    position: relative;
    z-index: 1
}

    .style_three.service_single_item .service_content h4:before {
        position: absolute;
        content: "";
        left: 0;
        height: 100%;
        width: 0%;
        background: #ff9307;
        top: 0;
        z-index: -1;
        border-radius: 3px;
        transition: .5s
    }

.service_single_item.style_three .service_btn {
    margin-top: 17px
}

    .service_single_item.style_three .service_btn a {
        letter-spacing: 0;
        color: #063232 !important;
        text-transform: capitalize;
        font-size: 15px
    }

.service_single_item.style_three:hover .service_btn a, .service_single_item.style_three:hover .service_btn a i {
    color: #0c6e6d !important
}

.service_single_item.style_three .service_btn a i {
    font-size: 15px;
    transform: rotate(0);
    margin-left: 5px
}

.service_shape_three.style_four {
    position: absolute;
    right: -64%;
    top: 13%;
    z-index: -1
}

.service_shape_five {
    position: absolute;
    top: 35%;
    left: 6%
}

.style_six {
    position: absolute;
    right: -45%;
    top: 13%
}

.service_shape_seven {
    position: absolute;
    top: 13%;
    left: 23%
}

.service_list2 .owl-dots {
    position: absolute;
    bottom: -13%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center
}

section.why_choose_us {
    background: url(../images/home_two/We-provide-creative-solution-BG.png) center center/cover no-repeat;
    padding: 35px 0
}

.why_choose_us .section_title.style_three:before {
    bottom: 55%
}

.why_choose_us .section_title.style_three p {
    margin: 37px 0 20px;
    width: 88%
}

.choose_thumb {
    position: relative;
    z-index: 1;
    margin-left: -67px
}

.choose_thumb_shpae, .choose_thumb_shpae2, .choose_two, .team_box_shape {
    z-index: -1;
    position: absolute
}

.choose_thumb_shpae {
    top: 10%;
    right: 12%
}

.choose_thumb_shpae2 {
    bottom: -6%;
    left: 7%
}

.choose_one {
    position: absolute;
    top: -7%;
    right: -5%
}

.choose_two {
    bottom: 7%;
    right: -18%
}

.choose_list {
    border-radius: 4px;
    filter: drop-shadow(0px 5px 20px rgba(189,202,202,.3));
    background-color: #fff;
    padding: 20px 30px;
    margin-bottom: 30px
}

    .choose_list ul li {
        font-size: 16px;
        color: #283e7a;
        font-weight: 400
    }

.choose_right .about_button {
    margin-top: 10px
}

.choose_right .hero_video_btn a {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #0c6e6d;
    line-height: 64px;
    font-size: 30px;
    text-align: center;
    position: relative;
    z-index: 1
}

    .choose_right .hero_video_btn a:before {
        position: absolute;
        content: "";
        left: -14%;
        top: -12%;
        width: 77px;
        height: 77px;
        border-radius: 50%;
        background-color: rgba(12,110,109,0);
        border: 1px solid #0c6e6d
    }

.choose_right .hero_video_btn span {
    font-size: 16px;
    color: #063232;
    font-weight: 500;
    position: relative;
    top: -6px;
    margin-left: 30px
}

.team_area.style_two {
    padding: 105px 0 90px;
    position: relative;
    z-index: 1
}

.team_box_shape {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    opacity: 0;
    transition: .5s
}

.single-team_item.style_two:hover .team_box_shape {
    opacity: 1;
    bottom: -9%
}

.single-team_item.style_two:hover {
    transform: inherit
}

.single-team_item.style_two .team_thumb:before {
    position: absolute;
    background-image: linear-gradient(0deg,#053131 0,#074949 100%);
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    transition: .6s
}

.single-team_item.style_two:hover .team_thumb::before {
    opacity: .4
}

.team-share {
    position: absolute;
    right: 7%;
    top: 7%;
    z-index: 1
}

.team-share-icon span i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #ff9307;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    transition: .5s;
    line-height: 42px
}

    .team-share-icon span i:hover {
        background: #fff;
        color: #0c6e6d
    }

.team-social-icon {
    position: absolute;
    right: 25px;
    top: 73px;
    transition: .5s;
    z-index: 1
}

.shape_one, .testi_list2 .owl-dots {
    right: 0;
    margin: auto;
    text-align: center
}

.team-social-icon ul li {
    list-style: none;
    display: block;
    margin-left: 6px;
    margin-bottom: 0
}

    .team-social-icon ul li a {
        display: inline-block;
        height: 36px;
        width: 35px;
        line-height: 36px;
        text-align: center;
        color: #0c6e6d;
        border-radius: 50%;
        transition: .5s;
        transform: translateY(-50px);
        opacity: 0;
        visibility: hidden;
        font-size: 15px;
        background: #fff
    }

        .pagination_container .call_social_icon ul li a:hover, .team-social-icon ul li a:hover, .testi-list ul li i {
            background: #0c6e6d;
            color: #fff
        }

.single-team_item.style_three:hover .team-social-icon ul li a, .team-social-icon.active ul li a {
    transform: translateY(0);
    opacity: 1;
    overflow: hidden;
    visibility: visible
}

.team-social-icon ul li:first-child a {
    transition-delay: 0s
}

.team-social-icon ul li:nth-child(2) a {
    transition-delay: 0.2s
}

.team-social-icon ul li:nth-child(3) a {
    transition-delay: 0.4s
}

.single-team_item.style_two .team-content {
    padding: 8px 0 25px;
    filter: drop-shadow(0px 5px 40px rgba(189,202,202,.35));
    background: #fff;
    margin: 0
}

    .single-team_item.style_two .team-content h3 a {
        font-size: 22px
    }

.shape_one {
    position: absolute;
    top: 4%;
    left: 0;
    z-index: -1
}

.shape_two {
    position: absolute;
    top: 18%;
    left: 21%
}

.shape_three {
    position: absolute;
    top: 19%;
    right: 21%
}

section.testimonial_area.style_three {
    background: url(../images/home_3/testi_bg.png) center center/cover no-repeat;
    padding: 104px 0 260px;
    overflow: hidden
}

.counter-single-item.style_four {
    padding: 22px 0 30px;
    border-top: 1px solid rgba(6,50,50,.10196078431372549);
    border-bottom: 1px solid rgba(6,50,50,.10196078431372549);
    position: relative
}

    .counter-single-item.style_four .counter_title:before {
        top: 9px;
        height: 45px;
        background: rgba(6,50,50,.10196078431372549)
    }

.counter_shape {
    position: absolute;
    bottom: 35%;
    right: 10%
}

.testi-list ul li {
    font-size: 15px;
    line-height: 26px;
    color: #6b7a7a;
    margin-top: 16px
}

    .testi-list ul li i {
        height: 18px;
        width: 18px;
        line-height: 18px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        margin-right: 10px;
        position: relative;
        top: 2px
    }

.testimonial_item.style_three {
    display: block;
    text-align: center;
    border-radius: 5px 80px 5px 5px;
    padding: 40px 0 18px;
    position: relative;
    z-index: 1
}

.testimonial_item.second {
    border-radius: 80px 5px 5px
}

.testimonial_item.style_three:before {
    position: absolute;
    content: "";
    width: 0%;
    bottom: 0;
    height: 5px;
    background-color: #ff9307;
    left: 50%;
    transition: .5s;
    z-index: -1
}

.testimonial_item.style_three:hover:before {
    left: 0;
    width: 100%
}

.testimonial_item.style_three .tesit-auothor {
    display: inline
}

.testi_quote {
    position: absolute;
    top: 57%;
    right: -20%;
    left: 0;
    text-align: center;
    margin: auto
}

.testimonial_item.style_three .tesit-auothor .bio {
    margin-top: 20px;
    margin-bottom: 22px
}

.testimonial_item.style_three .testi-star i {
    font-size: 14px;
    color: #ffb608;
    margin: 16px 5px 22px 0
}

.testi_item_shape {
    position: absolute;
    top: 14%;
    left: 12%
}

.testi_item_shape2 {
    position: absolute;
    top: 14%;
    right: 12%
}

.testi_list2 .owl-dots {
    position: absolute;
    bottom: -14%;
    left: 0
}

.testi_shape_two {
    position: absolute;
    left: -7%;
    top: 21%
}

.testi_shape_three {
    position: absolute;
    bottom: 16%;
    right: 4%
}

.testi_shape_four {
    position: absolute;
    top: 17%;
    right: 35%
}

.counter_area.style_three {
    border: 0;
    position: relative;
    margin-top: -100px
}

.row.style_bg_two {
    background: url(../images/home_3/counter_bg.png) center center/cover no-repeat;
    margin: 0;
    padding: 63px 0 43px 67px;
    border-bottom: 0
}

section.contact_area {
    padding: 118px 0 217px;
    position: relative;
    overflow: hidden
}

.call-do-action-info.style_two {
    border-radius: 40px;
    background-color: rgba(255,255,255,.2);
    border: 2px solid #ffffff45;
    position: absolute;
    bottom: 10%;
    padding: 18px 40px 20px 0;
    left: 10%
}

    .call-do-action-info.style_two .call-do-social_icon {
        position: relative;
        z-index: 1;
        margin-right: 30px
    }

        .call-do-action-info.style_two .call-do-social_icon:before {
            position: absolute;
            top: -60%;
            left: -39%;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background-color: #ff9307;
            content: "";
            z-index: -1
        }

        .call-do-action-info.style_two .call-do-social_icon:after {
            position: absolute;
            top: -88%;
            left: -61%;
            width: 103px;
            height: 103px;
            border-radius: 50%;
            border: 2px solid #ff9307;
            content: "";
            z-index: -1
        }

        .call-do-action-info.style_two .call-do-social_icon i {
            height: 35px;
            width: 35px;
            line-height: 35px;
            font-size: 13px;
            margin-right: 20px
        }

    .call-do-action-info.style_two .call_info h3 {
        font-size: 24px;
        color: #fff;
        font-weight: 500;
        margin: 0
    }

.contact_thumb_shape {
    position: absolute;
    bottom: 29%;
    left: 6%
}

.contact-form-box.style_two {
    background: #fff;
    filter: drop-shadow(0px 5px 40px rgba(189,202,202,.35));
    padding: 44px 50px 60px;
    position: relative;
    top: 100px
}

    .contact-form-box.style_two .section_title.style_four {
        margin-bottom: 62px
    }

        .contact-form-box.style_two .section_title.style_four:before {
            width: 37%
        }

    .contact-form-box.style_two .section_title h1 {
        font-size: 34px
    }

    .contact-form-box.style_two .form-box input {
        height: 54px;
        background-color: #fff;
        border: 1px solid #e6eaea
    }

.form-box.message {
    margin-bottom: 8px
}

.form-box textarea {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgba(6,50,50,.1);
    padding: 15px 25px;
    outline: 0
}

    .form-box textarea::placeholder {
        font-size: 15px;
        color: #6b7a7a;
        font-weight: 400
    }

.checkbox {
    margin: 0 0 22px
}

    .checkbox label {
        font-size: 15px;
        color: #6b7a7a;
        font-weight: 400
    }

.contact-form-box.style_two .contact-form button {
    width: 46%;
    height: 56px;
    font-size: 16px;
    font-weight: 500
}

    .contact-form-box.style_two .contact-form button:hover {
        background: #0b57a2;
        color: #ffff
    }

.contact-form-box.style_two .contact-form i {
    margin-right: 5px
}

.contact_shape {
    position: absolute;
    top: -11%;
    left: 21%
}

.contact_shape1 {
    position: absolute;
    bottom: 4%;
    left: 7%;
    z-index: -1
}

.contact_shape2 {
    position: absolute;
    right: 9%;
    bottom: 3%;
    z-index: -1
}

.blog_category {
    position: absolute;
    top: 7%;
    right: 5%
}

    .blog_category a {
        display: inline-block;
        background: #0c6e6d;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        padding: 5px 20px;
        border-radius: 5px;
        position: relative;
        z-index: 1
    }

        .blog_category a:before {
            position: absolute;
            z-index: -1;
            height: 100%;
            width: 0%;
            background: #ff9307;
            left: 0;
            top: 0;
            content: "";
            transition: .5s;
            border-radius: 5px
        }

.single-blog-box.style_three .blog-content {
    background: #fff;
    padding: 18px 35px 12px
}

.single-blog-box.style_three p.blog_text {
    margin: 0 0 31px
}

.single-blog-box.style_three .blog-title h3 a {
    margin-bottom: 10px
}

.meta-blog.style_two p {
    position: relative;
    padding-left: 20px
}

    .meta-blog.style_two p:before {
        position: absolute;
        content: "";
        left: 0;
        top: 7px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #0c6e6d
    }

    .meta-blog.style_two p span {
        display: inline-block;
        font-size: 16px;
        text-transform: capitalize;
        color: #6b7a7a;
        font-weight: 400;
        border-radius: 0;
        padding: 0;
        margin-right: 0;
        background: 0 0
    }

.meta-blog.style_two span.solution {
    float: right
}

.meta-blog.style_two p i {
    color: #0c6e6d;
    font-size: 15px;
    margin-right: 2px
}

section.footer_area.style_three {
    background: url(../images/home_3/footer_bg.jpg) center center/cover no-repeat;
    position: relative;
    padding: 105px 0 30px
}

.footer-widget-content.style_two .subscribe_form input {
    border-bottom: 1px solid rgba(6,50,50,.30196078431372547);
    border-radius: 0;
    color: #0b7574 !important
}

    .footer-widget-content.style_two .subscribe_form input::placeholder {
        color: #063232
    }

.footer-widget-content.style_two .footer-widget-title h4 {
    margin-bottom: 34px;
    font-size: 18px;
    color: #283e7a
}

.footer-widget-content.style_two .footer-widget-menu ul li a {
    color: #063232;
    line-height: 17px
}

.footer_shape_one {
    position: absolute;
    bottom: 33%;
    left: 3%
}

.footer_shape_two {
    position: absolute;
    right: 5%;
    top: 45%
}

.row.add-border.style_two {
    margin-top: 40px
}

    .row.add-border.style_two:before {
        background: #0632326b
    }

.consalt-header-area.style_five .header-menu ul li a span, .consalt-slider-height .slider_info a, .consalt-slider-height .slider_info span, .footer-bottom-content-copy.style_two p, .footer-bottom-menu.style_two ul li a, .footer-bottom-menu.style_two ul li a:hover, .sticky.consalt-header-area.style_five .header-menu ul li a i {
    color: #063232
}

.consalt-header-area.style_four {
    background: #09162f;
    padding: 8px 50px
}

.sticky.consalt-header-area.boxed.box_two {
    height: 100px
}

.consalt-header-area.style_four .header-menu ul li span {
    color: #ffffffa8
}

.search-containers {
    display: inline-block;
    position: relative
}

    .search-containers input {
        padding: 0 15px;
        width: 100%;
        height: 46px;
        border-radius: 23px;
        background-color: rgba(255,255,255,0);
        border: 1px solid;
        color: #fff
    }

        .search-containers input::placeholder {
            font-size: 15px;
            color: #9f9fac;
            font-weight: 400
        }

    .search-containers button {
        position: absolute;
        top: 0;
        width: 46px;
        height: 46px;
        border-radius: 23px;
        background-color: rgba(240,243,249,0);
        border: 1px solid;
        line-height: 46px;
        color: #fff;
        font-size: 16px;
        margin-left: 15px
    }

.consalt-header-area.style_four .nav-btn span i {
    color: #fff;
    line-height: 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #4d44f8
}

.consalt-header-area.style_four .nav-btn.navSidebar-button {
    top: 3px;
    margin: 0 0 0 70px
}

section.hero_area.style_four {
    background: url(../images/home-four/slider_bg.jpg) center center/cover no-repeat;
    height: 800px
}

    section.hero_area.style_four.bannner_two {
        background: url("../images/home-four/banner2.png")
    }

    section.hero_area.style_four .hero_content {
        margin-top: 0
    }

.hero_content.style_four h1 {
    font-size: 56px;
    color: #fff !important;
    font-weight: 600;
    line-height: 74px
}

.hero_area.style_four .hero_content p {
    margin: 16px 0 33px;
    font-size: 16px;
    color: #ffffff9e;
    font-weight: 400;
    width: 39%
}

.hero_btn.home_four a {
    background: #4d44f8;
    display: inline-block;
    border-radius: 30px !important;
    padding: 17px 39px
}

.slider-btn a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    display: inline-block
}

    .slider-btn a i {
        font-size: 12px;
        font-weight: 600;
        margin-left: 8px;
        display: inline-block;
        transform: rotate(-64deg);
        transition: .5s
    }

#section09 a {
    position: absolute;
    left: 47%;
    bottom: -21px
}

    #section09 a span {
        position: absolute;
        bottom: -152px;
        left: 47%;
        width: 20px;
        height: 50px;
        margin-left: -15px;
        border: 2px solid #fff;
        border-radius: 50px;
        box-sizing: border-box
    }

        #section09 a span::before {
            position: absolute;
            top: 17px;
            left: 50%;
            content: '';
            width: 2px;
            height: 12px;
            margin-left: -1px;
            background-color: #fff;
            border-radius: 100%;
            box-sizing: border-box
        }

        #section09 a span::after {
            position: absolute;
            bottom: -14px;
            left: 50%;
            width: 8px;
            height: 8px;
            content: '';
            margin-left: -4px;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            box-sizing: border-box
        }

.slider_list .owl-next, .slider_list .owl-prev {
    position: absolute;
    top: 48%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background-color: transparent;
    text-align: center;
    transition: .5s;
    color: #fff;
    line-height: 70px
}

.slider_list .owl-prev {
    left: 5%;
    border-radius: 35px;
    border: 2px solid rgba(255,255,255,.2)
}

.slider_list .owl-next {
    right: 5%;
    border-radius: 35px;
    border: 2px solid rgba(255,255,255,.2)
}

    .slider_list .owl-next:hover, .slider_list .owl-prev:hover, section.blog_area.style_four .meta-blog p span {
        background: #4d44f8
    }

section.feature_area.style_two {
    background: #fff;
    padding: 105px 0 80px
}

.feature_item.style_three, .testimonial_item.style_five {
    background: 0 0;
    padding: 0
}

    .feature_item.style_three .feature_icon {
        width: 100px;
        height: 100px;
        border-radius: 50px 0 50px 50px;
        background-color: #ffebeb;
        line-height: 100px;
        text-align: center;
        float: left;
        margin-right: 30px;
        position: relative;
        margin-top: 8px;
        transition: .5s
    }

    .feature_item.style_three:hover .feature_icon {
        border-radius: 50px
    }

.feature_icon.two {
    background: #ebefff !important
}

.feature_icon.three {
    background: #f7f2e2 !important
}

.feature_item.style_three .feature_content p {
    font-size: 15px;
    margin: 0 0 12px
}

.feature_item.style_three .feature_content h3 {
    margin: 0 0 15px;
    font-size: 22px;
    line-height: 26px;
    color: #283e7a;
    font-weight: 500
}

.feature_right a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    letter-spacing: -10px
}

.feature_item.style_three:hover .feature_right a {
    letter-spacing: 0;
    color: #09162f
}

.feature_right a i {
    color: #09162f;
    font-weight: 600;
    display: inline-block;
    font-size: 19px;
    margin-left: 0
}

.feature_item.style_three:hover .feature_right a i {
    margin-left: 10px
}

.section_title.home_style_four h4 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #4d44f8;
    font-weight: 500
}

.section_title.home_style_four h1 {
    font-size: 42px;
    color: #283e7a;
    font-weight: 600
}

section.about_area.style_four {
    padding: 0;
    background: #ecefff
}

.about_container {
    background: #09162f;
    padding: 105px 0 0;
    border-radius: 0 0 150px 150px
}

.about_content.style_two p {
    font-size: 16px;
    color: #9f9fac;
    font-weight: 400;
    width: 92%;
    margin: 18px 0 20px
}

.testi_list3 .owl-next i, .testi_list3 .owl-prev i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    transition: .5s;
    text-align: center
}

.about_content.style_two .about_list ul li {
    font-size: 18px;
    line-height: 38px;
    color: #fff;
    font-weight: 500
}

    .about_content.style_two .about_list ul li i {
        font-size: 18px
    }

.about_btn.home_four_two a {
    background: 0 0;
    border: 1px solid #fff;
    padding: 12px 40px 16px;
    margin-top: 32px
}

    .about_btn a:focus, .about_btn.home_four_two a:hover, .steps-single-item.style_two .steps_btn a {
        color: #4d44f9
    }

        .about_btn.home_four_two a:hover:before, section.footer_area.style_four .footer_widget_icon i {
            background-color: #4d44f9
        }

.about_area.style_four .about_thumb {
    position: relative;
    margin-bottom: -29%;
    margin-left: 8%
}

.about_counter {
    background: #ecefff
}

    .about_counter .counter-single-item.style_two {
        margin: 0;
        padding: 37px 0 32px
    }

    .about_counter .counter_title:before {
        position: absolute;
        content: "";
        left: -20px;
        top: 25px;
        width: 1px;
        height: 30px;
        background-color: #949baf
    }

    .about_counter .counter-single-item.style_two .counter-_number h1, .about_counter .counter-single-item.style_two .counter-_number span {
        font-size: 50px;
        line-height: 28px;
        color: #09162f;
        font-weight: 600
    }

    .about_counter .counter-single-item.style_two .counter_title h5 {
        text-transform: unset;
        font-size: 18px;
        line-height: 26px;
        color: #09162f;
        font-weight: 500
    }

    .about_counter .counter_title p {
        font-size: 15px;
        color: #7e7e89;
        font-weight: 400;
        margin-top: 5px
    }

.testi_list3 .owl-next i, .testi_list3 .owl-prev i, .work_btn a i {
    font-weight: 600;
    display: inline-block
}

.about_shpae1 {
    position: absolute;
    bottom: 35%;
    left: 6%;
    right: 0;
    margin: auto;
    text-align: center
}

.about_shpae2 {
    position: absolute;
    left: 0;
    right: -10%;
    text-align: center;
    top: 16%
}

section.service_area.styel_four {
    background: #fff;
    padding: 84px 0 95px
}

.styel_four .section_title.text-center {
    margin-bottom: 75px
}

.service_single_item.style_four {
    text-align: center;
    display: block;
    background-color: rgba(255,235,235,.5019607843137255);
    transition: .5s;
    transform: translateY(0)
}

    .service_single_item.style_four .service_content {
        padding: 40px 0 27px;
        border-radius: 5px;
        text-align: center;
        background: 0 0
    }

.style_four.service_single_item .service_content h4 {
    margin: 31px 0 15px;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    color: #09162f;
    font-weight: 400
}

    .style_four.service_single_item .service_content h4:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: -3px;
        width: 24px;
        height: 1px;
        background-color: #09162f;
        text-align: center;
        margin: auto
    }

.service_single_item.style_four .service_content h3 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #09162f
}

.service_single_item.style_four .service_btn a i {
    color: #09162f;
    font-size: 22px;
    transform: rotate(-45deg);
    display: inline-block;
    margin-left: 0;
    transition: .5s
}

.service_single_item.second {
    background: #09152f;
    transform: translateY(-10px)
}

.style_four.service_single_item.second .service_content h4:before {
    background-color: #fff
}

.service_single_item.second .service_content p {
    color: #9f9fac !important
}

.service_single_item.style_four.third {
    background: #fbf8f0
}

.service_single_item.end {
    background: #f1f9fc;
    transform: translateY(-20px)
}

.work_item:before, section.blog_area.style_four .meta-blog p span:before {
    background-color: #4d44f8
}

.pagination_btns {
    text-align: center;
    margin: 53px 0 0
}

    .pagination_btns p {
        font-size: 15px;
        color: #09162f;
        font-weight: 400
    }

    .pagination_btns a {
        display: inline-block;
        color: #a5a1fb;
        font-size: 15px;
        margin: 0 9px
    }

section.work_area {
    background: #0a1630;
    padding: 105px 0 120px;
    z-index: 1
}

.consalt_btn.home_four_three a {
    background: 0 0;
    border: 1px solid #fff;
    padding: 12px 36px
}

    .consalt_btn.home_four_three a:before {
        left: 37px;
        bottom: 13px
    }

.work_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 0 26px;
    transition: .5s;
    border-bottom: 1px solid rgba(255,255,255,.10196078431372549);
    position: relative
}

    .work_item:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        width: 150px;
        height: 2px;
        content: "";
        transform: translateX(-50%);
        opacity: 0;
        transition: .5s
    }

    .work_item:hover:before {
        left: -6%;
        opacity: 1
    }

    .work_item:hover {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #0d2146;
        padding: 21px 30px 26px 70px;
        border: none
    }

.work_content h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 500
}

.work_content p {
    font-size: 15px;
    text-transform: uppercase;
    color: #9f9fac;
    font-weight: 400;
    margin: 9px 0 0
}

.work_item:hover .work_btn a {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-color: #4d44f8;
    line-height: 56px;
    text-align: center;
    display: inline-block
}

.work_btn a i {
    color: #fff;
    font-size: 20px;
    transform: rotate(-45deg)
}

.single-team_item.style_four:hover, .work_item.border_none {
    border: none
}

section.steps_area.style_two {
    padding: 40px 0;
    border-radius: 0;
    background: #ecefff;
    z-index: 1
}

.boxed.box_two {
    margin: 0 0 0 20px !important
}

.steps-single-item.style_two:before {
    top: 20px;
    background-color: #00c95c;
    opacity: 0;
    transition: .5s
}

.steps-single-item.style_two:hover:before {
    top: 47px;
    opacity: 1
}

.steps-single-item.style_two .steps_icon, .steps-single-item.style_two:hover .steps_icon {
    background-color: #00c95c
}

.steps-single-item.style_two h3.steps_number {
    color: #00c95c;
    top: 0;
    opacity: 0;
    transition: .5s
}

.steps-single-item.style_two:hover h3.steps_number {
    color: #00c95c;
    top: 8%;
    opacity: 1
}

.steps-single-item.style_two .steps-content h3, section.blog_area.style_four .blog-title h3 a, section.blog_area.style_four .single-blog-box .blog_btn a i {
    color: #09162f
}

.marquee_area.style_two.style_three {
    background: #4d44f9;
    margin: 0;
    padding: 34px 0 32px;
    z-index: 1
}

section.team_area.style_four {
    background: #09162f
}

.single-team_item.style_four {
    border: 2px solid #ffffff45;
    text-align: center;
    padding: 25px 0 22px;
    border-radius: 150px 150px 0 0;
    transition: .5s
}

    .single-team_item.style_four:hover {
        border: 2px solid #ffffff78
    }

    .single-team_item.style_four .team-content {
        text-align: center;
        padding: 18px 0 0;
        margin: 0 !important;
        background: 0 0
    }

        .single-team_item.style_four .team-content span {
            color: #9f9fac
        }

.team-social-four {
    margin: 0 0 -18px;
    opacity: 0;
    transition: .5s
}

.single-team_item.style_four:hover .team-social-four {
    margin: 17px 0 0;
    opacity: 1
}

.team-social-four ul li {
    display: inline-block;
    margin: 0 8px
}

    .team-social-four ul li a {
        display: inline-block;
        color: #ffffff45;
        font-size: 15px
    }

section.testimonial_area.style_four {
    background: #f0f2ff;
    padding: 105px 0 20px;
    z-index: 1
}

.testimonial_item.style_four .testimonal-content {
    padding: 0 47px 0 35px
}

.testimonial_item.style_four .testi-star i {
    margin: 29px 5px 20px 0
}

.testimonial_item.style_four .testimonal-content p {
    font-size: 24px;
    line-height: 38px;
    color: #09162f;
    font-weight: 400;
    font-style: italic
}

.testimonial_item.style_four .tesit-auothor .bio h4.name {
    color: #09162f;
    margin: 0;
    font-size: 24px
}

.testi_list3 .owl-nav {
    display: flex;
    position: absolute;
    top: -39%;
    right: 0
}

.testi_list3 .owl-prev i {
    border-radius: 50%;
    border: 1px solid rgba(6,50,50,.2);
    margin: 0 15px;
    transform: rotate(45deg)
}

.testi_list3 .owl-next i {
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid rgba(6,50,50,.2);
    margin-bottom: 10px;
    transform: rotate(-45deg)
}

    .testi_list3 .owl-next i:hover, .testi_list3 .owl-prev i {
        background: #4d44f9;
        color: #fff
    }

section.blog_area.style_four {
    background: #f0f2ff;
    padding: 85px 0 157px;
    z-index: 1
}

    section.blog_area.style_four .single-blog-box:hover .blog_btn a, section.blog_area.style_four .single-blog-box:hover .blog_btn a i {
        color: #4d44f8
    }

    section.blog_area.style_four .blog_list .owl-dot {
        background: 0 0 !important;
        border: 1px solid rgba(9,22,47,.3)
    }

        section.blog_area.style_four .blog_list .owl-dot.active {
            background: #4d44f8 !important
        }

    section.blog_area.style_four .blog_list .owl-dots {
        bottom: -8%
    }

section.contact_area.style_two {
    background: url("../images/home-four/contact_bg.png") center center/cover no-repeat;
    padding: 105px 0 120px;
    z-index: 1
}

.contact_main_info.style_two {
    background: 0 0;
    padding: 0;
    margin-top: 45px
}

    .contact_main_info.style_two .call_info p {
        color: #ffffffb3;
        opacity: 1
    }

    .contact_main_info.style_two .call-do-action-info .call-do-social_icon i {
        color: #fff;
        background: 0 0;
        border: 2px solid rgba(255,255,255,.2)
    }

.contact-form-box.style_three .form-box input, .contact-form-box.style_three .form-box textarea {
    background-color: transparent;
    border-bottom: 2px solid rgba(255,255,255,.2);
    border-radius: 0;
    color: #ffff;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.contact-form-box.style_three {
    background: 0 0;
    padding: 0;
    top: 0
}

    .contact-form-box.style_three .form-box {
        margin-bottom: 43px
    }

        .contact-form-box.style_three .form-box input {
            height: 46px;
            padding: 0
        }

            .contact-form-box.style_three .form-box input::placeholder {
                color: #fff
            }

        .contact-form-box.style_three .form-box textarea {
            height: 89px;
            padding: 9px 0
        }

            .contact-form-box.style_three .form-box textarea::placeholder {
                color: #fff
            }

    .contact-form-box.style_three .contact-form button {
        font-size: 16px;
        font-weight: 500;
        width: 182px;
        height: 56px;
        border-radius: 28px;
        border: 1.2px solid #fff;
        background: 0 0
    }

        .contact-form-box.style_three .contact-form button:hover {
            color: #fff;
            background: #4d44f8;
            border: 1.2px solid #fff
        }

section.footer_area.style_four {
    background: #09152f;
    border-radius: 0;
    z-index: 1
}

button.btn.style_two {
    background: #4d43f7
}

    button.btn.style_two:hover {
        background: #fff;
        color: #4d43f7
    }

.consalt-header-area.style_five .row.style_bg {
    background: #fff;
    padding: 3px 6px 3px 56px;
    border-radius: 0 0 80px 80px
}

.consalt-header-area.style_five .header-menu {
    justify-content: space-evenly;
    display: flex;
    align-items: center
}

    .consalt-header-area.style_five .header-menu ul li a {
        display: inline-block;
        padding: 28px 0;
        color: #063232
    }

.consalt_header-right.style_two .header-search-button.search-box-outer {
    padding: 0 16px 0 0;
    display: inline-block
}

.consalt_header-right.style_two .header-button a {
    border-radius: 0;
    padding: 0;
    border-left: 0;
    border-right: 0;
    font-size: 16px;
    color: #0c6e6d;
    font-weight: 500;
    display: inline-block;
    position: relative
}

    .consalt_header-right.style_two .header-button a:before {
        position: absolute;
        content: "";
        width: 20px;
        height: 2px;
        background-color: #0c6e6d;
        bottom: 0;
        display: inline-block;
        transition: .5s
    }

    .consalt_header-right.style_two .header-button a:hover:before {
        width: 107px
    }

.consalt_header-right.style_two .header-search-button.search-box-outer a {
    color: #0c6e6d;
    display: inline-block;
    font-size: 15px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: rgba(6,50,50,.14901960784313725);
    line-height: 40px;
    text-align: center
}

.sticky.consalt-header-area.style_five {
    background: 0 0 !important;
    border: none;
    box-shadow: none
}

    .sticky.consalt-header-area.style_five .row.style_bg {
        background: #fff;
        box-shadow: 0 2px 5px -2px rgba(0,0,0,.1)
    }

.consalt-slider-height {
    height: 935px;
    display: flex;
    align-items: center;
    justify-content: center
}

.consalt-slider-height-2 {
    height: 950px
}

.consalt-slider-bg {
    background: url(../images/home-five/banner.png) center center/cover no-repeat
}

.consalt-slider-bg2 {
    background: url(../images/home-five/banner3.png)
}

.consalt-slider-bg3 {
    background: url(../images/home-five/slider2.png)
}

.consalt-slider-bg, .consalt-slider-bg2, .consalt-slider-bg3 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1.5s ease-in,-webkit-transform 7s;
    transition: transform 9s,opacity 1.5s ease-in,-webkit-transform 9s
}

.consalt-slider-content {
    padding-top: 0;
    text-align: left
}

h1.consalt-slider-title {
    margin-top: 15px;
    font-size: 56px;
    line-height: 70px;
    color: #063232;
    font-weight: 600
}

p.consalt-slider-des {
    opacity: 0;
    z-index: 3;
    position: relative;
    transform: translateX(91px);
    font-size: 16px;
    line-height: 26px;
    color: #6b7a7a;
    font-weight: 400;
    width: 41%;
    transition: 2.5s;
    margin: 0 0 30px
}

.consalt-slider-title-box {
    opacity: 0;
    z-index: 3;
    position: relative;
    transform: translateY(-150px)
}

.consalt-slider-btn {
    transform: translateY(150px);
    opacity: 0
}

.consalt-slider-wrapper .swiper-slide.swiper-slide-active .consalt-slider-bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.1)
}

.consalt-slider-wrapper .swiper-slide.swiper-slide-active .consalt-slider-bg2 {
    -webkit-transform: scale(1.2);
    transform: scale(1)
}

.consalt-slider-wrapper .swiper-slide.swiper-slide-active .consalt-slider-title-box {
    opacity: 1;
    transform: translatey(-17px);
    transition: 2.5s
}

.consalt-slider-wrapper .swiper-slide.swiper-slide-active .consalt-slider-btn {
    opacity: 1;
    transform: translatey(0);
    transition: 2.5s
}

.consalt-slider-wrapper .swiper-slide.swiper-slide-active p.consalt-slider-des {
    opacity: 1;
    z-index: 3;
    position: relative;
    transform: translateX(0)
}

.slider-dots .swiper-pagination-bullet {
    display: flex;
    border-radius: 50%;
    opacity: 1;
    margin: 0 6px 13px;
    transition: .3s;
    width: 16px;
    height: 16px;
    background: 0 0;
    border: 2px solid #4a4e56
}

.consalt-slider-wrapper .swiper-pagination-bullet-active {
    background: #078588 !important;
    border: 2px solid #078588 !important
}

.slider-dots {
    position: absolute;
    top: 37%;
    z-index: 1;
    right: 0
}

section.feature_area.style_four {
    padding: 0;
    background: 0 0;
    margin-top: -187px
}

.feature_item.style_four {
    border: none !important;
    transform: translateY(0) !important;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 25px rgba(145,161,161,.15)) !important;
    padding: 40px 50px 39px 35px !important
}

    .feature_item.style_four::before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0%;
        background: #006e6d;
        content: "";
        display: block !important;
        z-index: -1;
        border-radius: 10px
    }

    .feature_item.style_four .feature_content h3 {
        transition: .5s;
        font-size: 22px;
        color: #063232 !important;
        font-weight: 600;
        margin: 20px 0 13px
    }

.feature_btns a {
    font-size: 16px;
    color: #ffff;
    font-weight: 500;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #00c957;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    overflow: hidden
}

.feature_item.style_four:hover .feature_btns a {
    width: 132px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    color: #078588
}

.feature_btns span {
    opacity: 0;
    margin-left: -86px;
    transition: .5s
}

.feature_item.style_four:hover .feature_btns span {
    opacity: 1;
    margin-left: 0
}

h4.feature_numbers {
    color: transparent;
    -webkit-text-stroke: #078588;
    -webkit-text-stroke-width: 1px;
    font-size: 55px;
    position: absolute;
    top: 17px;
    right: 35px
}

section.about_area.style_five {
    padding: 80px 0 0
}

.about_play.style_four {
    top: inherit;
    bottom: -2%;
    right: 5%
}

    .about_play.style_four a.banner-play-btn {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        background: url(../images/home-five/frend-shep.png);
        line-height: 180px
    }

.about_play.style_two .text-inner svg {
    width: 76%
}

.about_play.style_four .text-inner text {
    fill: #282f3c;
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 700
}

.about_box p {
    margin: 15px 0 0
}

.about-icon_box.style_three .about_icon {
    margin-right: 20px;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background-color: #eaf5f7;
    line-height: 70px;
    text-align: center;
    top: 0
}

p.about_qute {
    border-top: 1px solid #0785882e;
    margin-top: 30px;
    padding-top: 25px;
    position: relative
}

    p.about_qute::before {
        position: absolute;
        content: "";
        left: 0;
        width: 50px;
        height: 1px;
        background-color: #007678;
        top: -1px;
        -webkit-animation: 15s linear infinite moveLeftBounces-two;
        animation: 15s linear infinite moveLeftBounces-two
    }

@keyframes moveLeftBounces-two {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(530px);
        transform: translateX(530px)
    }
}

.section_title.home_five h4 {
    position: relative;
    z-index: 1;
    display: inline-block
}

    .section_title.home_five h4:before {
        position: absolute;
        content: "";
        right: -59px;
        top: 7px;
        height: 4px;
        width: 50px;
        background: url(../images/home-five/sub_title-shpe.png) no-repeat;
        display: inline-block
    }

section.service_area.styel_five {
    background: url(../images/home-five/service_bg.png) top/cover no-repeat;
    padding: 238px 0 90px;
    top: 0;
    margin-top: -23px
}

    section.service_area.styel_five .section_title.text-center {
        margin-bottom: 153px
    }

.service_single_item.style_five {
    display: block;
    transition: .5s;
    margin-bottom: 30px
}

    .service_single_item.style_five:hover {
        transform: translateY(-30px)
    }

.service_icons {
    position: absolute;
    right: 0;
    left: 0;
    top: -11%;
    text-align: center;
    transition: .5s;
    width: 90px;
    height: 83px;
    line-height: 90px;
    border-radius: 50%;
    background: #e9eaec;
    margin: auto
}

.service_icon2 {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    background-color: #fff;
    line-height: 72px;
    text-align: center;
    margin-left: 9px;
    transition: .5s
}

.service_single_item.style_five .service_content {
    background: #fff;
    padding: 72px 20px 29px;
    border-radius: 15px;
    text-align: center
}

    .service_single_item.style_five .service_content h3 {
        color: #203535;
        font-size: 20px;
        margin: 0 0 32px;
        position: relative;
        display: inline-block;
        transition: .5s
    }

        .service_single_item.style_five .service_content h3:hover {
            color: #006e6d
        }

        .service_single_item.style_five .service_content h3:before {
            position: absolute;
            content: "";
            left: -26%;
            bottom: -5px;
            width: 20px;
            border-bottom: 2px solid #203535;
            border-left: 2px solid #203535;
            height: 20px;
            border-radius: 0 0 0 5px;
            transition: .5s
        }

        .service_single_item.style_five .service_content h3::after {
            position: absolute;
            content: "";
            right: -26%;
            top: -5px;
            width: 20px;
            border-top: 2px solid #203535;
            border-right: 2px solid #203535;
            height: 20px;
            border-radius: 0 5px 0 0;
            transition: .5s
        }

        .service_single_item.style_five .service_content h3:hover:before {
            border-bottom: 2px solid #0c6e6d;
            border-left: 2px solid #0c6e6d
        }

        .service_single_item.style_five .service_content h3:hover:after {
            border-top: 2px solid #0c6e6d;
            border-right: 2px solid #0c6e6d
        }

.service_btns, section.about_area.style_sixs .about_button {
    margin-top: 37px
}

    .service_btns a {
        display: inline-block;
        background: #f1f9f9;
        padding: 7px 20px;
        font-size: 16px;
        color: #0c6e6d;
        font-weight: 500;
        border-radius: 5px;
        position: relative;
        z-index: 1;
        overflow: hidden
    }

        .service_btns a:focus span, .service_btns a:hover span {
            width: 300%;
            height: 500px
        }

.servoce_shape {
    transition: .5s;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0
}

.service_single_item.style_five:hover .servoce_shape {
    bottom: -40px;
    opacity: 1
}

section.counter_area.style_sixs {
    background: #002e30;
    border-radius: 0;
    padding: 67px 0 53px
}

    section.counter_area.style_sixs .counter_upper {
        border-bottom: 1px solid rgba(12,110,109,.4);
        margin-bottom: 39px
    }

    section.counter_area.style_sixs .consalt_btn a {
        color: #0d4847;
        background-color: #dff1df
    }

        section.counter_area.style_sixs .consalt_btn a:before {
            background-color: #0d4847
        }

.counter-single-item.style_sixs .counter-content {
    display: inline-block;
    background: #003939;
    padding: 16px 84px 33px;
    margin-left: -25px;
    width: 85%
}

.counter-single-item.style_sixs .counter_icon {
    width: 90px;
    height: 90px;
    border-radius: 5px;
    background-color: #0d4847;
    text-align: center;
    line-height: 90px;
    z-index: 2
}

.counter-single-item.style_sixs .counter-_number h1, .counter-single-item.style_sixs .counter-_number span {
    font-size: 55px;
    color: #e4f1df;
    font-weight: 600
}

.counter-single-item.style_sixs .counter_title h5 {
    font-size: 16px;
    color: #bdd3d3;
    font-weight: 400;
    text-transform: capitalize
}

section.case-study-area.style_three {
    background: #e9ebed;
    padding: 105px 0 0
}

.case-study-single-box.style_two .case-study-thumb {
    height: 400px;
    border-radius: 10px 10px 0 0
}

    .case-study-single-box.style_two .case-study-thumb img {
        border-radius: 0
    }

.case-study-single-box.style_two:hover .single_portfolio_icon {
    opacity: 1;
    top: 38%
}

section.call_area.style_four {
    background: #002e30
}

    section.call_area.style_four .call-do-action-info {
        border-left: 1px solid #226c6b;
        border-right: 1px solid #226c6b;
        padding: 0 88px
    }

    section.call_area.style_four .call_info p {
        margin: 0 0 5px;
        font-size: 16px;
        line-height: 26px;
        color: #bdd3d3;
        font-weight: 400
    }

section.testimonial_area.style_five {
    background: url(../images/home-five/testi_bg.png) bottom/cover no-repeat;
    border-radius: 0;
    padding: 120px 0 254px 291px
}

.testimonial_item.style_five .testimonial-content {
    background: #fff;
    padding: 40px 2px 71px 30px;
    position: relative;
    border-radius: 10px
}

    .testimonial_item.style_five .testimonial-content p {
        font-size: 16px;
        line-height: 26px;
        color: #6b7a7a;
        font-weight: 400
    }

    .testimonial_item.style_five .testimonial-content:before {
        content: "";
        position: absolute;
        right: 12%;
        top: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-top: 20px solid #fff;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        transition: .5s
    }

.testimonial_item.style_five:hover .testimonial-content:before {
    border-top: 20px solid #0d6e6c
}

.testimonial_item.style_five .testimonial-content::after {
    position: absolute;
    content: "";
    right: 22px;
    background: url(../images/home-five/arrow.png) no-repeat;
    height: 50px;
    width: 62px
}

.testimonial_item.style_five .testi-star {
    background-color: #0d6e6c;
    display: inline-block;
    padding: 12px 95px 10px 40px;
    position: absolute;
    clip-path: polygon(0% 0%,80% 0%,100% 100%,0% 100%);
    border-radius: 0 0 0 10px;
    bottom: 0;
    left: 0
}

    .testimonial_item.style_five .testi-star i {
        font-size: 14px;
        color: #e1f2e1;
        margin: 0
    }

.testimonial_item.style_five .tesit-auothor {
    margin-top: 35px;
    margin-left: 30px
}

    .testimonial_item.style_five .tesit-auothor .bio h4.name {
        margin: 0;
        font-size: 20px;
        color: #063232;
        font-weight: 500
    }

section.testimonial_area.style_five .section_title p {
    width: 85%
}

.consalt_btn.home_five a:hover:before {
    width: 129px
}

section.blog_area.style_five {
    background: #fff;
    padding: 0;
    margin-top: -32px
}

    section.blog_area.style_five .single-blog-box {
        margin-bottom: 30px;
        filter: drop-shadow(0px 10px 40px rgba(168,185,184,.25));
        padding: 30px 30px 0;
        background: #fff;
        border-radius: 10px
    }

section.contact_form {
    padding-top: 90px
}

.row.form_bg {
    background: #e9eaec;
    margin: 0;
    padding: 28px 70px 32px;
    border-radius: 20px
}

.form_content h3 {
    font-size: 30px;
    color: #203535;
    font-weight: 600
}

.form_content h5 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #203535;
    font-weight: 500;
    margin: 25px 0 24px
}

section.footer_area.style_five {
    background: url(../images/home-five/footer_bg.png) 0 0/cover no-repeat;
    border-radius: 0;
    padding: 245px 0 27px;
    margin-top: -15px
}

.consalt-header-area.style_sixs {
    padding: 4px 20px 4px 60px;
    position: relative;
    width: calc(100% - 40px);
    margin: 20px 20px 0;
    left: 0;
    background: #e9ebec;
    border-radius: 20px 20px 0 0
}

    .consalt-header-area.style_sixs .nav-btn.navSidebar-button {
        top: 6px;
        margin: 0 23px 0 0
    }

    .consalt-header-area.style_sixs .header-search-button.search-box-outer {
        padding: 0 20px 0 0;
        border-right: 1px solid #00171c5c;
        margin-right: 20px
    }

    .consalt-header-area.style_sixs .nav-btn span i {
        color: #00171c;
        width: inherit;
        height: inherit;
        border-radius: 4px;
        background-color: transparent;
        line-height: inherit
    }

    .consalt-header-area.style_sixs .header-button.style_two a {
        background: #0c6e6d;
        padding: 11px 42px;
        border-radius: 5px;
        border: 1px solid transparent
    }

.sticky.consalt-header-area.style_sixs {
    margin: 0;
    width: 100%;
    border-radius: 0
}

section.hero_slider.style_sixs {
    background: url(../images/home-six/hero_bg.png) center center/cover;
    z-index: 0;
    border-radius: 0 0 20px 20px;
    margin: 0 20px 20px;
    overflow: hidden
}

.main_hero {
    height: 830px
}

.hero_slide_content h1 {
    font-size: 56px;
    line-height: 70px;
    color: #fff;
    font-weight: 600;
    opacity: 0;
    z-index: 3;
    position: relative;
    transform: translateY(-150px)
}

.hero_slide_content > * {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0
}

.hero_slide_content > :first-child {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.hero_slide_content > :nth-child(2) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.hero_slide_content > :nth-child(3) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.hero_slide_content > :nth-child(4) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.hero-thumbs {
    -webkit-transition: 1s 0.5s;
    transition: 1s 0.5s;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0
}

    .hero-thumbs .video-icon {
        position: absolute;
        left: 1%;
        top: 0
    }

        .hero-thumbs .video-icon a {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background-color: #0c6e6d;
            line-height: 120px;
            font-size: 18px;
            font-style: italic;
            -webkit-animation: 1s linear infinite ripple-white;
            animation: 1s linear infinite ripple-blue
        }

@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);
        box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);
        box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);
        box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);
        box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
    }
}

.swiper-slide-active .hero-thumbs, .swiper-slide-active .hero_slide_content > * {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.banner_list {
    margin-top: 35px
}

    .banner_list ul li {
        display: inline-block;
        font-size: 16px;
        line-height: 28px;
        color: #ffffffde
    }

        .banner_list ul li i {
            color: #0c6e6d;
            background-color: #fff;
            font-size: 18px;
            padding: 1px 4px;
            margin-right: 10px
        }

        .banner_list ul li span {
            margin-right: 12px
        }

.slider-dotss .swiper-pagination-bullet {
    display: inline-block;
    border-radius: 50%;
    opacity: 1;
    margin: 0 6px 13px;
    transition: .3s;
    width: 12px;
    height: 12px;
    background: #d1dfdf;
    position: relative
}

section.hero_slider.style_sixs .swiper-pagination-bullet-active {
    background: #078588 !important;
    height: 14px;
    width: 14px
}

.slider-dotss .swiper-pagination-bullet:after {
    position: absolute;
    content: "";
    left: -3px;
    top: -3px;
    border: 1px dashed #078588;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    transform: scale(0);
    transition: .5s
}

.nav-btn.navSidebar-button a i:hover:after, .slider-dotss .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
    transform: scale(1)
}

.slider-dotss {
    position: absolute;
    bottom: -13px;
    z-index: 1;
    right: 0;
    left: 0;
    text-align: center
}

.feature_item.style_five::before {
    background: url(../images/BOX-hover-BG.png) center/cover no-repeat
}

.feature_item.style_five:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: url(../images/home-six/feature_shape.png);
    height: 101px;
    width: 106px;
    display: block;
    opacity: 1;
    left: inherit
}

section.about_area.style_sixs {
    background: #e9ebed;
    padding: 120px 0
}

.section_title.home_six h4 {
    padding: 0 10px
}

    .section_title.home_six h4:before {
        position: absolute;
        content: "";
        right: inherit;
        top: 0;
        width: 100%;
        background: no-repeat;
        display: inline-block;
        border-left: 1px solid #006e6d;
        height: 25px;
        border-bottom: 1px solid #006e6d;
        border-radius: 0 0 0 5px;
        left: 0
    }

.about_experience {
    position: absolute;
    top: 10%;
    left: -32px
}

.about_experience_content h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    background: #006e6d;
    display: inline-block;
    padding: 22px 30px;
    border-radius: 10px 10px 10px 0;
    position: relative
}

.about_experience_content:before {
    content: "";
    position: absolute;
    left: 21px;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 45px solid #003032;
    border-left: 40px solid transparent;
    transition: .5s
}

.about_client {
    position: absolute;
    bottom: 1%;
    right: 16%;
    background: #fff;
    padding: 16px 42px;
    border-radius: 20px
}

    .about_client h4 {
        color: #006e6d;
        font-size: 50px;
        font-weight: 500;
        margin-bottom: 5px
    }

.about_reviews {
    background: #f3f5f4;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 38px;
    padding: 40px 35px 30px;
    border-radius: 10px;
    text-align: center
}

.review_title p {
    color: #282828;
    margin: 15px 0 0
}

.review_title h4 {
    color: #282828;
    font-size: 30px;
    font-weight: 500
}

.review_client a i {
    display: inline-block;
    height: 35px;
    width: 35px;
    background: #c4e0e1;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-left: -35px
}

section.pricing_area.style_three {
    padding: 105px 0 70px
}

.pricing-single-item {
    padding: 35px 0 16px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    position: relative;
    background: #006e6d;
    border-radius: 10px;
    margin-bottom: 30px
}

.tab, .tabs {
    text-align: right
}

.pricing-single-item .pricing-title {
    position: absolute;
    top: 0;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0
}

    .pricing-single-item .pricing-title h3 {
        font-size: 24px;
        color: #ffff;
        font-weight: 500;
        margin: 0;
        background: #007f7d;
        display: inline-block;
        padding: 11px 45px;
        border-radius: 0 0 10px 10px
    }

.pricing-single-item:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 42%;
    width: 100%;
    background: #002e2d;
    transition: .5s;
    border-radius: 10px;
    animation: none
}

.pricing-single-item:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: #006e6d;
    transition: .5s;
    border-radius: 10px
}

.pricing-single-item:hover:after {
    height: 42%
}

.pricing-single-item .pricing-item-text {
    position: relative;
    margin: 60px 0 30px;
    z-index: 1
}

    .pricing-single-item .pricing-item-text span.tk {
        font-size: 50px;
        color: #fff;
        margin-left: 0
    }

    .pricing-single-item .pricing-item-text span.month {
        transition: .5s;
        display: block;
        font-size: 18px;
        color: #fff
    }

.pricing-single-item .pricing-feature {
    text-align: left;
    background: #fff;
    width: 90%;
    border-radius: 0 10px 10px;
    padding: 35px 0 20px 60px;
    position: relative;
    z-index: 1
}

    .pricing-single-item .pricing-feature ul li {
        margin-bottom: 0;
        color: #001d21;
        position: relative;
        border: none;
        z-index: 1
    }

li.list_line {
    text-decoration: line-through
}

.pricing-single-item:hover .pricing-feature ul li {
    border: none;
    color: inherit
}

.tabs, .tabs li a {
    border-radius: 5px
}

.pricing-single-item .pricing-feature ul li:before {
    position: absolute;
    content: "";
    left: -23px;
    top: 8px;
    height: 8px;
    width: 8px;
    background: #006d6a;
    border-radius: 50%
}

.pricing-single-item .pricing-feature ul li:after {
    position: absolute;
    content: "";
    left: -27px;
    top: 4px;
    height: 16px;
    width: 16px;
    background: #d6eaeb;
    border-radius: 50%;
    z-index: -1
}

.pricing-single-item .consalt_btn.style_two {
    text-align: center;
    margin-top: 30px
}

    .pricing-single-item .consalt_btn.style_two a {
        border-radius: 5px;
        background: #006e6d;
        color: #fff;
        padding: 8px 40px
    }

.pricing-single-item:hover .consalt_btn.style_two a {
    border-radius: 10px;
    background: #fff;
    color: #006e6d
}

.tab {
    position: relative;
    -webkit-font-smoothing: antialiased
}

.tabs {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0;
    background: #e9ebed;
    padding: 8px 11px;
    top: -73px
}

    .tabs li {
        float: left;
        overflow: hidden;
        padding: 0;
        position: relative
    }

        .tabs li a {
            outline: 0;
            padding: 5px 20px;
            transition: .2s ease-in-out;
            font-size: 16px;
            color: #006e6d;
            font-weight: 600;
            display: inline-block
        }

.tabs_item {
    display: none;
    padding: 8px 0 0
}

li.current a {
    background: #006e6d !important;
    color: #fff
}

section.team_area.style_five {
    background: #002e2d;
    border-radius: 20px
}

h5.team_des {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    border-top: 1px solid #0381808c;
    padding-top: 36px;
    margin-top: 44px
}

a.team_join {
    display: inline-block;
    color: #038180;
    font-size: 17px;
    text-decoration: underline;
    margin-top: 6px
}

.single-team_item.style_five {
    border: none;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    transition: .5s;
    background: #003434
}

    .single-team_item.style_five .team-social-four ul li {
        display: inline-block;
        margin: 0 3px
    }

        .single-team_item.style_five .team-social-four ul li a {
            display: inline-block;
            color: #fff;
            font-size: 13px;
            height: 30px;
            width: 30px;
            line-height: 30px;
            border: 1px solid #00716d;
            border-radius: 50%
        }

            .single-team_item.style_five .team-social-four ul li a:hover {
                background: #00716d
            }

    .single-team_item.style_five .team-social-four {
        margin: 14px 0 13px !important;
        opacity: inherit;
        transition: .5s
    }

    .single-team_item.style_five:hover .team-social-four {
        margin: inherit;
        opacity: inherit
    }

.team_shpe_arrow {
    position: absolute;
    bottom: 14%;
    left: 5%
}

section.team_area.style_five .consalt_btn a {
    border-radius: 10px;
    padding: 14px 30px
}

    section.team_area.style_five .consalt_btn a:before {
        left: 29px
    }

section.team_area.style_five a:hover:before {
    width: 148px
}

section.team_area.style_five.section_title p {
    width: 76%;
    margin: 28px 0 45px;
    color: #ffffffc4
}

section.case-study-area.style_four {
    background: #fff;
    padding: 85px 0 40px
}

.case-study-single-box.style_three .case-study-thumb {
    height: inherit;
    background: 0 0
}

.case-study-single-box.style_three .case-study-content {
    width: inherit;
    background: 0 0;
    padding: 30px 68px 10px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    transition: .5s;
    opacity: 0
}

.case-study-single-box.style_three:hover .case-study-content {
    bottom: 33px;
    opacity: 1
}

.case-study-single-box.style_three .case-study-thumb::after {
    background: url(../images/home-six/case_shape.png);
    position: absolute;
    content: "";
    left: 50%;
    height: 100%;
    width: 0%;
    opacity: 0;
    transition: .5s
}

.case-study-single-box.style_three .case-study-thumb:hover:after {
    left: 0;
    width: 100%;
    opacity: .7
}

.case-study-single-box.style_three .case-study-content p {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    position: relative
}

    .case-study-single-box.style_three .case-study-content p:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: -14px;
        width: 50px;
        height: 2px;
        background: #fff
    }

.case-study-single-box.style_three .case-study-content h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin: 33px 0 22px
}

.case-study-single-box.style_three .case-study-content a {
    display: inline-block;
    font-weight: 600
}

.case-study-single-box.style_three .consalt_btn a {
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 11px 30px
}

    .case-study-single-box.style_three .consalt_btn a i {
        font-weight: 600;
        font-size: 11px;
        transform: rotate(-45deg);
        display: inline-block
    }

    .case-study-single-box.style_three .consalt_btn a:before {
        left: 31px;
        bottom: 15px
    }

.case-study-single-box.style_three a:hover:before {
    width: 105px
}

section.blog_area.style_sixs {
    background: url(../images/home-six/blog_bg.png) center center/cover no-repeat;
    padding: 105px 0 120px;
    margin-top: 0
}

    section.blog_area.style_sixs .single-blog-box {
        margin-bottom: 0
    }

    section.blog_area.style_sixs .blog-content {
        padding: 35px 13px 20px 0
    }

.blog_list2 .owl-dots {
    position: absolute;
    bottom: -27%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center
}

.blog_list2 .owl-dot {
    display: inline-block;
    margin-left: 10px;
    width: 25px;
    height: 8px;
    background: #e9ebed !important;
    border-radius: 20px
}

    .blog_list2 .owl-dot.active {
        background: #00716d !important;
        width: 25px;
        border-radius: 20px
    }

.footer_area.style_sixs {
    margin-top: 120px
}

.consalt-header-area.inner_page {
    background: #f4f8f9;
    padding: 8px 56px
}

    .consalt-header-area.inner_page .header-button.style_two a {
        background: #0c6e6d;
        padding: 15px 35px;
        border: 1px solid transparent;
        border-radius: 30px
    }

    .consalt-header-area.inner_page .nav-btn span i {
        color: #0c6e6d;
        width: inherit;
        height: inherit;
        border-radius: 0;
        background-color: transparent;
        line-height: inherit
    }

.sticky.consalt-header-area.inner_page .header-button.style_two a {
    border: 1px solid #fff
}

.nav-btn.navSidebar-button a i:hover, .sticky.consalt-header-area.inner_page .nav-btn span i {
    color: #fff
}

.breadcumb-area {
    background: url(../images/about/About-Us-Hero.png) center center/contain no-repeat;
    padding: 182px 0 202px;
    position: relative
}

    .breadcumb-area.style_two {
       
        padding: 172px 0 192px;
        position: relative
    }

    .breadcumb-area:before {
        position: absolute;
        content: "'";
        left: 0;
        top: 0;
        width: 100%;
        height: 400px;
        background: #f4f8f9;
        z-index: -1
    }

.breadcumb-title h4 {
    padding-bottom: 20px;
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 1;
    display: inline-block
}

    .breadcumb-title h4:before {
        position: absolute;
        z-index: -1;
        content: "";
        left: 0;
        bottom: 11px;
        height: 12px;
        width: 66%;
        background: url(../images/inner-img/line_shape.png) no-repeat;
        margin: auto;
        text-align: center;
        right: 0
    }

.breadcumb-content.style_two span.category {
    background-color: #0b57a2;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 0 30px 30px 0;
    padding: 3px 18px;
    margin-bottom: 12px
}

.breadcumb_meta-blog p span {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    margin-right: 31px;
    position: relative
}

    .breadcumb_meta-blog p span:before {
        position: absolute;
        content: "";
        left: -21px;
        top: 4px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #0c6e6d
    }

.accordion li a:before, .portfolio_content:before, .prot-text span:before, p.port_text:before {
    position: absolute;
    height: 2px;
    content: ""
}

.breadcumb-content ul li {
    display: inline-block;
    margin-right: 0;
    color: #fff
}

    .breadcumb-content ul li a {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        font-weight: 500;
        position: relative
    }

        .breadcumb-content ul li a i {
            margin-right: 4px
        }

    .breadcumb-content ul li.rotates i {
        transform: rotate(-27deg);
        margin-right: 2px;
        display: inline-block;
        font-size: 14px
    }

.single-team_item.style_three .team-content {
    text-align: center;
    padding: 9px 0 0;
    margin: 0 35px 0 0
}

.single-team_item.style_three .team-social-icon {
    position: absolute;
    top: 86%;
    left: 45%;
    transition: .5s;
    z-index: 1;
    margin: auto;
    text-align: center;
    transform: translate(-50%)
}

    .single-team_item.style_three .team-social-icon ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px
    }

.team-social-icon ul li:nth-child(4) a {
    transition-delay: 0.5s
}

section.pricing-area.style_two.inner_page {
    padding: 105px 0 90px;
    margin-top: 0
}

section.pricing-area.inner_page .pricing-single-items .pricing_icon {
    background: #e0f1df
}

section.faq_area {
    background: #fff;
    padding: 35px 0
}

.tab_container {
    margin: 0 219px
}

.accordion li {
    list-style: none;
    padding: 2px 0 15px
}

    .accordion li a {
        position: relative;
        width: 100%;
        display: block;
        cursor: pointer;
        background: #f4f8f9;
        border: 0;
        padding: 25px 40px;
        border-radius: 5px;
        z-index: 1;
        font-size: 22px;
        line-height: 24px;
        font-weight: 500;
        display: flex;
        color: #063232 !important
    }

        .accordion li a:before {
            left: 4%;
            bottom: 0;
            width: 0%;
            background-color: rgba(12,110,109,.10196078431372549);
            transition: .5s
        }

        .accordion li a.active:before {
            width: 91%
        }

    .accordion li p {
        display: none;
        font-size: 16px;
        color: #6b7a7a;
        padding: 24px 42px 33px 40px;
        margin: 0;
        filter: drop-shadow(0px 10px 40px rgba(12,110,109,.1)) !important;
        background: #fff
    }

a.active {
    color: #063232 !important;
    background: #fff !important;
    filter: drop-shadow(0px 10px 100px rgba(12,110,109,.1)) !important
}

.port_right a, .prot-text span {
    display: inline-block;
    color: #0c6e6d
}

.accordion li a i {
    font-size: 15px;
    color: #063232;
    transform: rotate(0)
}

.accordion li a.active i {
    transform: rotate(90deg)
}

.accordion li.ctive {
    background: #0c6e6d !important
}

.case-study-area {
    padding: 105px 0 77px
}

.portfolio_menu ul {
    text-align: center;
    list-style: none;
    margin-bottom: 50px
}

.portfolio_nav ul li {
    transition: .5s;
    cursor: pointer;
    padding: 5px 30px;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 32px;
    color: #063232;
    font-weight: 500;
    background: #f3f8f8;
    border-radius: 30px
}

.portfolio_menu ul li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    transition: .5s
}

.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    color: #fff;
    background: #0c6e6d
}

.portfilo_main_box {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px
}

.portfolio_item {
    margin-bottom: 40px
}

.portfolio_content {
    display: flex;
    padding: 27px 20px 30px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-bottom: 2px solid rgba(12,110,109,.10196078431372549)
}

.pagination_container, .port_details_content {
    border-bottom: 1px solid rgba(6,50,50,.10196078431372549)
}

.portfolio_content:before {
    left: 50%;
    bottom: 0;
    background: #063232;
    width: 0%;
    transition: .5s
}

.prot-text h3 a {
    font-size: 34px;
    color: #063232;
    font-weight: 600;
    display: inline-block
}

.prot-text span {
    font-size: 16px;
    font-weight: 500;
    padding-left: 40px;
    margin-bottom: 3px;
    position: relative
}

    .prot-text span:before {
        left: 0;
        top: 11px;
        width: 30px;
        background: #0c6e6d
    }

.port_right a {
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 32px;
    background-color: rgba(12,110,109,.10196078431372549);
    text-align: center;
    font-size: 30px;
    transform: rotate(-45deg)
}

section.portfolio_details {
    padding: 0 0 120px
}

.port_main {
    background: #ffff;
    margin-top: -60px;
    position: relative;
    padding: 42px 0 0 50px;
    border-radius: 20px
}

.port_details_content {
    padding-bottom: 19px
}

    .port_details_content.style_two {
        border: 0
    }

    .port_details_content.three {
        margin: 32px 0 17px
    }

    .port_details_content h2, .service_details_content h2 {
        font-size: 42px;
        color: #283e7a;
        font-weight: 600
    }

p.quote {
    margin: 20px 153px 25px 0
}

p.port_text {
    font-size: 20px;
    line-height: 30px;
    color: #283e7a;
    font-weight: 500;
    padding-left: 80px;
    width: 69%;
    position: relative
}

.blog-details-comment-reply a, ul.blog-category li a {
    padding: 8px 25px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block
}

p.port_text:before {
    left: 0;
    top: 10px;
    width: 68px;
    background-color: #0c6e6d
}

.sidebar_box.style_two {
    background: #f4f8f9;
    padding: 35px 40px 33px
}

.sidebar_icon_box {
    border-top: 1px dashed;
    padding-top: 18px;
    margin-top: 18px
}

    .sidebar_icon_box:nth-child(5) {
        border-bottom: 1px dashed;
        padding-bottom: 18px
    }

.sidebar_icon {
    float: left;
    margin-right: 15px;
    position: relative;
    top: 3px
}

    .sidebar_icon i {
        color: #0c6e6d;
        font-size: 20px
    }

.sidebar_text h5 {
    font-size: 16px;
    color: #063232;
    font-weight: 500;
    margin: 6px 0 0
}

.consalt_btn.sidebar_style a {
    padding: 15px 40px;
    border: 1px solid #0b57a2;
}

.pagination_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(6,50,50,.10196078431372549);
    padding: 30px 0
}

    .pagination_container .call_social_icon ul li a {
        color: #1fa7ea;
        width: 40px;
        height: 40px;
        background-color: #eef4f6;
        line-height: 40px
    }

.pagination_btn a {
    display: inline-block;
    font-size: 18px;
    color: #063232;
    font-weight: 500
}

.pagination_btn.style_right a img {
    margin-right: 0;
    margin-left: 10px
}

section.blog_area.inner_page {
    padding: 105px 0 90px
}

    section.blog_area.inner_page.two {
        background: #f4f8f9
    }

        section.blog_area.inner_page.two .blog-content {
            filter: drop-shadow(0px 10px 40px rgba(162,186,186,.25))
        }

.port_main.style_two {
    padding: 42px 27px 0 100px
}

.pagination_container.style_two {
    border: 0;
    padding: 25px 0 50px
}

.style_two p.quote {
    margin: 31px 0 25px
}

p.port_text.style_two {
    margin: 40px 0 15px
}

ul.blog-category li {
    display: inline-block;
    margin-right: 10px
}

    ul.blog-category li a {
        background: #f4f8f9;
        font-size: 14px;
        color: #6b7a7a;
        border-radius: 20px
    }

.blog-details-contents h3 {
    margin-bottom: 28px;
    font-size: 28px;
    color: #063232;
    font-weight: 500;
    margin-top: 90px
}

.blog-details-comment {
    margin-bottom: 20px;
    position: relative;
    background: #fff;
    padding: 45px 253px 26px 40px;
    border-radius: 20px;
    filter: drop-shadow(0px 10px 30px rgba(178,191,191,.2))
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 25px
}

.blog-details-comment-content h2 {
    font-size: 20px;
    color: #063232;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 4px
}

.blog-details-comment-content span {
    font-size: 15px;
    color: #6b7a7a;
    margin-bottom: 21px;
    display: inline-block
}

.blog-details-comment-reply a {
    font-size: 15px;
    line-height: 26px;
    color: #6b7a7a;
    position: absolute;
    top: 50px;
    right: 40px;
    border-radius: 20px;
    background-color: #f4f8f9
}

.blog-details-comment.reply {
    margin-left: 80px
}

.comment-form {
    margin-top: 75px
}

.comment-title {
    margin-bottom: 32px
}

    .comment-title h3 {
        margin-bottom: 12px;
        font-size: 28px;
        color: #063232;
        font-weight: 500
    }

#comment-msg-box {
    width: 100%;
    transition: .5s;
    border: 0;
    padding: 21px 25px;
    height: 194px;
    border-radius: 5px;
    background-color: #f4f8f9;
    margin-bottom: 20px
}

    #comment-msg-box::placeholder {
        font-size: 16px;
        color: #6b7a7a;
        font-weight: 400
    }

input.comment-box {
    border: 0;
    width: 100%;
    padding: 25px;
    height: 64px;
    border-radius: 5px;
    background-color: #f4f8f9;
    margin-bottom: 30px
}

    input.comment-box::placeholder {
        font-size: 16px;
        color: #6b7a7a;
        font-weight: 400
    }

#comment-msg-box:focus, .comment-box:focus {
    border-color: #318d8b;
    outline: 0;
    box-shadow: 0 0 6px #318d8b
}

.comment-form .submit-comment {
    border: 1px solid transparent;
    transition: .5s;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    height: 64px;
    border-radius: 5px;
    background-color: #0c6e6d;
    width: 100%;
    text-transform: uppercase
}

    .comment-form .submit-comment:hover {
        background: #fff;
        border: 1px solid #0c6e6d;
        color: #0c6e6d
    }

section.contact_area.inner_section {
    padding: 118px 0 120px
}

.contact_main_info {
    background: #f4f8f9;
    padding: 40px 40px 42px;
    border-radius: 20px
}

    .contact_main_info .call-do-action-info {
        justify-content: left;
        border-bottom: 1px dashed #0c6e6d7d;
        padding-bottom: 25px;
        margin-bottom: 25px
    }

        .contact_main_info .call-do-action-info:nth-child(3) {
            border: 0;
            margin-bottom: 0;
            padding-bottom: 0
        }

    .contact_main_info .call-do-social_icon i {
        height: 70px;
        width: 70px;
        line-height: 70px;
        border: 2px solid transparent;
        background: #fff;
        color: #1fa7ea;
        transition: .5s
    }

    .contact_main_info .call-do-action-info:hover .call-do-social_icon i {
        color: #fff;
        background: #1fa7e1
    }

    .contact_main_info .call_info h3 {
        color: #063232;
        font-weight: 500;
        margin: 7px 0 0
    }

    .contact_main_info .call_info span {
        color: #063232;
        margin: 10px 0 0;
        display: inline-block
    }

.inner_section .contact-form-box.style_two {
    border-radius: 20px;
    padding: 64px 60px 70px;
    top: 0
}

.inner_section .section_title p {
    margin: 28px 0 40px
}

.inner_section .contact_shape2 {
    right: 12%;
    bottom: 3%
}

section.feature_area.inner_page {
    background: #fff;
    padding: 105px 0 110px
}

.feature_item.style_two {
    background: #fff;
    border-radius: 10px;
    filter: drop-shadow(0px 5px 30px rgba(171,199,198,.3));
    padding: 35px 25px 25px 35px;
    transition: .5s;
    border: 1px solid #fff;
    transform: translateY(0)
}

    .feature_item.style_two:hover {
        transform: translateY(-10px);
        border: 1px solid #0c6e6d
    }

.feature_btn a {
    display: inline-block;
    color: #0c6e6d;
    font-size: 24px;
    margin-top: 6px
}

section.service_details {
    background: #f4f8f9;
    padding: 10px 0 35px
}

.breadcumb-title.style_two h4:before {
    left: 37%;
    width: 100%
}

.service_details_content {
    padding: 0 63px 0 0
}

p.details_decs1 {
    margin: 18px 23px 25px 0
}

p.details_decs2 {
    margin: 0 17px 25px 0
}

.service_details_item {
    padding: 0 4px 0 0;
    margin-bottom: 30px
}

.service_detls_icon {
    width: 76px;
    height: 76px;
    border-radius: 38px;
    background-color: #00c95c;
    line-height: 76px;
    text-align: center;
    float: left;
    margin-right: 20px
}

.service_dtls_content h3 {
    font-size: 20px;
    color: #283e7a;
    font-weight: 500;
    margin-bottom: 15px
}

.sidebar_box p, h2.sidebar_title {
    margin-bottom: 12px
}

.sidebar_box {
    background: #fff;
    padding: 45px 50px 50px;
    border-radius: 20px
}

h2.sidebar_title {
    font-size: 26px;
    color: #283e7a;
    font-weight: 500
}

.sidebar-list ul li {
    font-size: 16px;
    line-height: 38px;
    color: #063232;
    font-weight: 400
}

    .sidebar-list ul li i {
        color: #1fa7ea;
        font-size: 15px;
        margin-right: 15px
    }

section.counter_area.inner_page {
    margin-top: -162px;
    border-bottom: 0;
    border-top: 1px solid rgba(6,50,50,.10196078431372549);
    border-radius: 0
}

.error-area {
    background: url(../images/inner-img/440_bg.png) center center no-repeat;
    height: 760px
}

.error-page-content:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 73%;
    width: 100%;
    background: url(../images/about/Science-Daannn.png) 0 0/contain no-repeat;
    top: -50%;
    left: 33%;
    transform: rotate(-3deg)
}

h2.error-title {
    margin: 83px 0 13px;
    display: inline-block;
    font-size: 40px;
    color: #063232;
    font-weight: 600
}

h1.error-text {
    color: #063131;
    font-size: 200px;
    font-weight: 800
}

p.lead {
    color: #6b7a7a;
    font-size: 18px;
    font-weight: 400
}

.error-info a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 37px;
    margin-top: 9px;
    display: inline-block;
    border-radius: 30px;
    background-color: #1fa7e1
}

.error_shape1 {
    position: absolute;
    top: -4%;
    left: 31%
}

.error_shape2 {
    position: absolute;
    bottom: 36%;
    left: 61%
}

.error_shape3 {
    position: absolute;
    top: -4%;
    left: 31%;
    z-index: -1
}

.error_shape4 {
    position: absolute;
    top: -21%;
    left: 51%
}

.rotate {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-position: center center
}

.bounce-animate, .bounce-animate2 {
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes rotateme {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.bounce-animate2 {
    animation-name: float-bob2;
    animation-duration: 3s;
    -moz-animation-name: float-bob2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob2;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.bounce-animate3, .bounce-animate4 {
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.bounce-animate3 {
    animation-name: float-bob3;
    animation-duration: 3s;
    -moz-animation-name: float-bob3;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob3;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob3;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.bounce-animate4 {
    animation-name: float-bob4;
    animation-duration: 5s;
    -moz-animation-name: float-bob4;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob4;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob4;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.bounce-animate-slow, .bounce-animate5 {
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.bounce-animate5 {
    animation-name: float-bob5;
    animation-duration: 6s;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.bounce-animate-slow {
    animation-name: float-bob5;
    animation-duration: 15s;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 15s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 15s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 15s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

.bounce-animate-3 {
    animation-name: float-bob6;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob6;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob6;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob6;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@keyframes float-bob {
    0%,100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes float-bob2 {
    0%,100% {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px)
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@keyframes float-bob3 {
    0%,100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes float-bob4 {
    0%,100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes float-bob5 {
    0%,100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes float-bob6 {
    0%,100% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes movebounce {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes moveleftbounce {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.dance3 {
    -webkit-animation: 8s infinite alternate dance3;
    animation: 8s infinite alternate dance3
}

@keyframes dance3 {
    0% {
        -webkit-transform: scale(.5)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

.dance {
    -webkit-animation: 2s infinite alternate dance;
    animation: 2s infinite alternate dance
}

@keyframes dance {
    0% {
        -webkit-transform: scale(.5)
    }

    100% {
        -webkit-transform: scale(1.2)
    }
}

.dance2 {
    -webkit-animation: 4s infinite alternate dance2;
    animation: 4s infinite alternate dance2
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0,0,0)
    }

    50% {
        -webkit-transform: translate3d(25px,-25px,0)
    }

    100% {
        -webkit-transform: translate3d(0,-25px,25px)
    }
}

.watermark-animate {
    -webkit-animation: 8s linear infinite watermark-animate;
    animation: 8s linear infinite alternate-reverse watermark-animate
}

@keyframes watermark-animate {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

.nav-btn.navSidebar-button {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 12px;
    cursor: pointer
}

.xs-sidebar-group .xs-overlay, .xs-sidebar-widget {
    position: fixed;
    width: 100%;
    visibility: hidden;
    opacity: 0
}

.nav-btn.navSidebar-button a i {
    font-size: 15px;
    width: 32px;
    line-height: 35px;
    height: 32px;
    border-radius: 50px;
    text-align: center;
    background: #efefef;
    display: inline-block;
    color: #232323;
    position: relative;
    z-index: 1;
    margin-left: 15px;
    transition: .5s;
    cursor: pointer
}

    .nav-btn.navSidebar-button a i:after {
        position: absolute;
        content: "";
        z-index: -1;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #066;
        border-radius: 50%;
        transition: .5s;
        transform: scale(0)
    }

.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    z-index: 101;
    height: 100%;
    -webkit-transition: .4s ease-in .8s;
    -o-transition: .4s ease-in .8s;
    transition: .4s ease-in .8s
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 23px;
    right: 0;
    padding: 25px
}

.xs-sidebar-widget {
    right: -100%;
    top: 0;
    bottom: 0;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #272727;
    -webkit-transition: .5s cubic-bezier(.9, .03, 0, .96) .6s;
    -o-transition: .5s cubic-bezier(.9, .03, 0, .96) .6s;
    transition: .5s cubic-bezier(.9, .03, 0, .96) .6s
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: .7;
    visibility: visible;
    -webkit-transition: .8s ease-out;
    -o-transition: .8s ease-out;
    transition: .8s ease-out;
    left: 0
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
    -webkit-transition: .7s cubic-bezier(.9, .03, 0, .96) .4s;
    -o-transition: .7s cubic-bezier(.9, .03, 0, .96) .4s;
    transition: .7s cubic-bezier(.9, .03, 0, .96) .4s
}

.sidebar-textwidget {
    padding: 40px 32px
}

.close-side-widget i {
    color: #066;
    font-size: 28px;
    display: block
}

.contact-info h2, .content-box h2 {
    font-size: 26px;
    font-weight: 600;
    color: #fff
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in .3s;
    -o-transition: .3s ease-in .3s;
    transition: .3s ease-in .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 1s ease-out 1.2s;
    -o-transition: 1s ease-out 1.2s;
    transition: 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
    z-index: 0
}

.loading-screen, .search-popup {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}

.xs-bg-black {
    background-color: #066
}

.nav-logo {
    margin: 0 0 50px
}

.content-thumb-box img {
    width: 100%;
    border-radius: 10px
}

.content-box p {
    display: inline-block;
    color: #fff;
    padding: 15px 0 0
}

a.theme-btn.btn-style-two span {
    color: #fff;
    font-size: 20px
}

.contact-info h2 {
    margin-bottom: 15px
}

ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    padding: 16px 0 0;
    overflow: hidden
}

    ul.list-style-one li span {
        font-size: 20px;
        font-weight: 600;
        color: #066;
        margin: 0 10px 0 0
    }

ul.social-box {
    margin: 30px 0 0
}

    ul.social-box li {
        display: inline-block;
        list-style: none;
        margin: 0 6px 0 0
    }

        ul.social-box li a {
            display: inline-block;
            width: 35px;
            height: 35px;
            line-height: 36px;
            text-align: center;
            background: #fff;
            color: #066;
            transition: .5s;
            font-size: 18px;
            border-radius: 3px
        }

.search-popup {
    height: 100vh;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,.9);
    -webkit-transition: .5s cubic-bezier(.86, 0, .070, 1);
    -moz-transition: .5s cubic-bezier(.86, 0, .070, 1);
    -o-transition: .5s cubic-bezier(.86, 0, .070, 1);
    transition: 1.5s cubic-bezier(.86, 0, .070, 1);
    -webkit-transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000);
    -moz-transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000);
    -o-transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000);
    transition-timing-function: cubic-bezier(0.860,0.000,0.070,1.000)
}

.search-active .search-popup {
    transform: translateY(0);
    margin-top: 0
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    margin: -200px auto 0;
    border-radius: 50%;
    background-color: #066;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    border-right: 3px solid #062462;
    border-left: 3px solid #062462;
    -webkit-transition: .5s;
    height: 70px;
    line-height: 70px;
    text-align: center
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.search-popup .form-group {
    position: relative;
    margin: 0;
    overflow: hidden
}

    .search-popup .form-group input[type=search], .search-popup .form-group input[type=text] {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 50px;
        color: #000;
        height: 70px;
        width: 100%;
        padding: 10px 30px;
        background-color: #fff;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        font-weight: 500;
        text-transform: capitalize
    }

    .search-popup .form-group button, .search-popup .form-group input[type=submit] {
        position: absolute;
        right: 30px;
        top: 0;
        height: 70px;
        line-height: 70px;
        background: 0 0;
        text-align: center;
        font-size: 24px;
        color: #066;
        padding: 0;
        cursor: pointer;
        -webkit-transition: .5s;
        border: none
    }

        .search-popup .form-group button:hover, .search-popup .form-group input[type=submit]:hover {
            color: #000
        }

.search-popup input::placeholder, .search-popup textarea::placeholder {
    color: #000
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #fff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0;
    border: none;
    background: 0 0 !important;
    box-shadow: none !important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.search-box-btn {
    display: inline-block;
    padding-left: 22px
}

    .search-box-btn i {
        display: inline-block;
        color: #fff;
        line-height: 30px;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        transition: .5s
    }

.upp.search-box-btn i, .upp.search-box-btn.search-box-outer span i {
    color: #9e9fa1
}

.search-box-btn.search-box-outer span i {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    padding-left: 17px;
    position: relative;
    z-index: 1
}

    .search-box-btn.search-box-outer span i:after {
        position: absolute;
        content: "0";
        right: -10px;
        top: -4px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        background: #066;
        color: #fff;
        border-radius: 50%;
        display: inline-block;
        font-size: 12px
    }

.flaticon-multiply:before {
    content: inherit
}

button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block
}

.loading-screen {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    background: #283e7a;
    z-index: 1000
}

    .loading-screen .bar {
        position: absolute;
        height: 100%;
        width: 50%;
        background-color: #f4f1ee
    }

    .loading-screen .top-bar {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto
    }

    .loading-screen .down-bar {
        bottom: 0;
        top: auto;
        right: 0;
        left: auto
    }

    .loading-screen .animation-preloader {
        z-index: 1000
    }

        .loading-screen .animation-preloader .spinner {
            -webkit-animation: 1s linear infinite spinner;
            animation: 1s linear infinite spinner;
            border-radius: 50%;
            border: 4px solid #e2dfdd;
            border-top-color: #ff9307;
            width: 150px;
            height: 150px;
            margin: 0 auto 3.5em
        }

        .loading-screen .animation-preloader .txt-loading {
            font: bold 5em "",sans-serif;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .loading-screen .animation-preloader .txt-loading .letters-loading {
                color: #fff;
                position: relative
            }

                .loading-screen .animation-preloader .txt-loading .letters-loading:before {
                    -webkit-animation: 4s infinite letters-loading;
                    animation: 4s infinite letters-loading;
                    color: #fff;
                    content: attr(data-text-preloader);
                    left: 0;
                    opacity: 0;
                    position: absolute;
                    top: -3px;
                    -webkit-transform: rotateY(-90deg);
                    transform: rotateY(-90deg)
                }

                .loading-screen .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
                    -webkit-animation-delay: .2s;
                    animation-delay: .2s
                }

                .loading-screen .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
                    -webkit-animation-delay: .4s;
                    animation-delay: .4s
                }

                .loading-screen .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
                    -webkit-animation-delay: .6s;
                    animation-delay: .6s
                }

                .loading-screen .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
                    -webkit-animation-delay: .8s;
                    animation-delay: .8s
                }

                .loading-screen .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
                    -webkit-animation-delay: 1s;
                    animation-delay: 1s
                }

                .loading-screen .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
                    -webkit-animation-delay: 1.2s;
                    animation-delay: 1.2s
                }

                .loading-screen .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
                    -webkit-animation-delay: 1.4s;
                    animation-delay: 1.4s
                }

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes letters-loading {
    0%,100%,75% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    25%,50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes letters-loading {
    0%,100%,75% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    25%,50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@media screen and (max-width:992px){
    .line-h{
        line-height:37px !important;
    }
}

@media screen and (max-width:767px) {
    .loading-screen .animation-preloader .spinner {
        height: 8em;
        width: 8em
    }

    .loading-screen .animation-preloader .txt-loading {
        font: bold 3.5em Montserrat,sans-serif
    }
}

@media screen and (max-width:500px) {
    .loading-screen .animation-preloader .spinner {
        height: 7em;
        width: 7em
    }

    .loading-screen .animation-preloader .txt-loading {
        font: bold 2em Montserrat,sans-serif
    }
}

@media screen and (max-width:550px) {
    .author-half {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .call_social_icon{
        display:block !important;
    }
    .reverse{
        flex-direction:column-reverse;
    }
    .d-b{
        display:block !important;
        width:80%;
        margin:auto;
        top:0 !important;
    }
    .her0-h-auto{
        height:auto !important;
    }
    .line-h{
        line-height:38px !important;
    }
}

@media screen and (max-width:990px) {
  

    .call_social_icon {
        display: block !important;
    }
}

.author-img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center
}

.author-profile-img {
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.author-data {
    margin-left: -15px
}

.row.topber_upper.align-items-center.d-flex {
    background-color: #0b57a2
}

#openPopupBtn:hover {
    background: #005fcc;
    color: #005fcc
}

.service_detls_icon img {
    width: 30px;
    height: 30px
}

@media (max-width:1200px) {
    .author-data {
        margin-left: 0
    }

    @media (max-width:990px) and (min-width:479px) {
        section.hero.style_new {
            background: url(../images/BG-New.png) center center/cover;
            z-index: 0;
            border-radius: 0 0 20px 20px;
            margin: 0 20px 20px;
            overflow: hidden;
            height: 1350px
        }
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.feature_item.style_four:hover .feature_numbers{
    color:white;
}


.about_btn a:focus, .about_btn a:hover {
    color: #ffff;
    background-color: #0b57a2 !important
}

.service_dtls_content p {
    margin-left:95px;
}

@media (min-width: 320px) and (max-width: 479px) {
     section.call_area.style_two {
        padding: 10px 0 50px !important;
    }
    section.testimonial_area.style_two {
        padding: 100px 0 5px !important;
    }
    section.footer_area.style_three {
        padding: 10px 0 30px !important;
    }
    section.faq_area {
        padding: 85px 0 10px !important;
    }
    .call_shape_three.bounce-animate {
        display: none;
    }
    .port_details_content.style_two img {
        width: 100% !important;
        height:auto !important;
    }
    .row.pt-60 {
        padding-top:10px;
    }
    .service_dtls_content p {
        margin-left: 5px;
    }
}




CSS Minifier Tool Documentation
The API has changed, to see more please click here
To minify/compress your CSS, perform a POST request to

API https://www.toptal.com/developers/cssminifier/api/raw