/*===============================================
Template Name: dreamhub-startup - SEO Marketing Agency HTML5 Template
Author:  https://templatemonster/user/dreamit-solution
Description: Description
Version: 1.0.0
Text Domain: dreamhub-startup
Tags: agency, consulting, digital agency, digital marketing, digital marketing agency, marketing, marketing agency, media agency, portfolio, seo, seo agency, seo agency theme, seo marketing, smm, social media marketing agency.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. dreamhub-startup Header Top Menu Area Css
02. dreamhub-startup Nav Menu Area Css 
03. dreamhub-startup Slider Area Css
04. dreamhub-startup Section Title Css
05. dreamhub-startup Service Area css
06. dreamhub-startup About Area Css
07. dreamhub-startup Counter Area Css
08. dreamhub-startup Case Study Area Css
09. dreamhub-startup Testimonial Area Css
10. dreamhub-startup Process Area Css
11. dreamhub-startup Team Area Css
12. dreamhub-startup Faq Area Css
13. dreamhub-startup Brand Section Css
14. dreamhub-startup Call Do Section Css
15. dreamhub-startup Form Box Css
16. dreamhub-startup Skill Area Css
17. dreamhub-startup Blog Area Css
18. dreamhub-startup footer Area Css
19. dreamhub-startup Subscribe Area Css
20. dreamhub-startup Lines CSS
21. dreamhub-startup Prossess Ber Css
22. dreamhub-startup Scrollup Section
23. dreamhub-startup Bounce Animation Css 
24. dreamhub-startup Animation Dance
25. dreamhub-startup Breadcumb Area Css
26. dreamhub-startup abouts_areas Css
27. dreamhub-startup Feture-Area Css
28. dreamhub-startup Pricing Section Css
29. dreamhub-startup Web Development Section CSS
30. dreamhub-startup Contact  US Css
31. dreamhub-startup Blog Sidber Widget CSS
32. dreamhub-startup Case Study Details Css
33. dreamhub-startup Search Box Css
34. dreamhub-startup Loader Css
=======================*/



/*==========================================
<--  dreamhub-startup Nav Menu Area Css -->
============================================*/
.sticky-header .dreamhub-startup_nav_manu::before {
    background: #001442 !important;
}


.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #00295A !important;
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .dreamhub-startup_menu>ul>li>a {
    color: #fff;
}

.sticky.dreamhub-startup_nav_manu::before {
    display: none;
}

.sticky .dreamhub-startup_menu>ul>li>a i {
    color: #fff;
    transition: 0.5s;
}

.sticky .dreamhub-startup_menu>ul>li>a i:hover {
    color: #2871FE;
}

.sticky .header-button a {}

.sticky .header-button a i {
    color: #fff;
}

/* dreamhub-startup Menu Css*/
nav.dreamhub-startup_menu {
    display: inline-block;
    float: right;
}

.dreamhub-startup_menu ul {
    list-style: none;
    display: inline-block;
}

.dreamhub-startup_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.dreamhub-startup_menu>ul>li>a {
    font-size: 17px;
    display: block;
    margin: 34px 12px;
    transition: .5s;
    color: #1b1d21;
    font-weight: 400;
    font-family: 'Cabin', sans-serif;
}

nav.dreamhub-startup_menu span {
    font-size: 13px;
    padding-left: 5px;
    opacity: 0.5;
}

nav.dreamhub-startup_menu span:hover {
    color: #2871FE;
}

.dreamhub-startup_menu>ul>li>a:hover {
    color: #2871FE !important;
}

.header-button {
    display: inline-block;
    margin-left: 12px;
}

.header-button a {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    transition: 0.5s;
    border-radius: 4px;
    font-weight: 600;
}

/*** Sub Menu Style 
==========================***/

.dreamhub-startup_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}

.dreamhub-startup_menu ul li:hover>.sub-menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.dreamhub-startup_menu ul .sub-menu li {
    position: relative;
}

.dreamhub-startup_menu ul .sub-menu li a {
    display: block;
    padding: 13px 25px;
    border-bottom: 1px solid rgb(60, 60, 60, 0.102);
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #1b1d21 !important;

}

.dreamhub-startup_menu ul .sub-menu li:hover>a,
.dreamhub-startup_menu ul .sub-menu .sub-menu li:hover>a,
.dreamhub-startup_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.dreamhub-startup_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background: #2871FE;
    color: #fff !important;
}

/* sub menu 2 
=================*/

.dreamhub-startup_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.dreamhub-startup_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 
==================*/

.dreamhub-startup_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.dreamhub-startup_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.dreamhub-startup_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

ul.sub-menu li a span {
    background: #2871FE;
    padding: 5px 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Fira Sans';
    border-radius: 2px;
    margin-left: 5px;
    transition: .5s;
}

ul.sub-menu li:hover a span {
    background: rgba(255, 255, 255, 0.20);
}

/* sub menu 4 
====================*/

.dreamhub-startup_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}


.dreamhub-startup_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.dreamhub-startup_menu li a:hover:before {
    width: 101%;
}

.dreamhub-startup_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.dreamhub-startup_nav_manu.sticky .main_sticky {
    display: inherit;
}

.mobile-menu.mean-container {
    overflow: hidden;
}

/*
<!-- ============================================================== -->
<!-- Start dreamhub-startup hero Section Css -->
<!-- ============================================================== -->*/
.hero-section {
    background: url(../image/hero-bg-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* height: 905px; */
}

.hero-thumb img {
    width: 100%;
}

.hero-title h1 {
    font-size: 60px;
    line-height: 75px;
    color: #010e22;
    font-weight: 700;
    font-family: "Cabin";
}

.hero-text p {
    font-size: 16px;
    line-height: 28px;
    color: #616161;
    font-weight: 300;
    width: 85%;
    font-family: "Inter";
    margin: 28px 0px 33px;
}

.hero-button {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 30, 79, 0.10196078431372549);
    padding-bottom: 41px;
    margin-bottom: 40px;
}

.hero-main-button a {
    background-color: rgb(40, 113, 255);
    font-family: Cabin;
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 17px;
    padding: 21px 48px 21px 48px;
    border-radius: 5px;
    transition: 0.5s;
}

.hero-main-button a:hover {
    background: #00E1AF;
    color: #fff;
    border-color: #00E1AF;
}

.hero-play-button a i {
    font-size: 33px;
    line-height: 55px;
    color: #2871ff;
    margin: 0 40px;
    border: 1px solid #2871ff;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    width: 60px;
    height: 58px;
}

.hero-play-button span {
    font-size: 16px;
    color: #010e22;
    font-weight: 500;
    font-family: "Cabin";
}

.hero-shape {
    display: flex;
    align-items: center;
}

.hero-shape-text {
    margin-left: 30px;
}

.hero-shape-text span {
    font-size: 18px;
    color: #001e4f;
    font-weight: 400;
    font-family: "Cabin";
}

/*Section title
===================================*/

.dreamhub-startup-section-title.text-center {
    padding: 0 0 60px;
}

.dreamhub-startup-section-title h3 {
    font-size: 42px;
    margin-bottom: 0;
    text-transform: capitalize;
    margin-top: 0;
    line-height: 1.3;
    font-weight: 700;
}

.dreamhub-startup-section-title h2 {
    font-size: 42px;
    margin-bottom: 0px;
    text-transform: capitalize;
    margin-top: 0;
    line-height: 1.3;
    font-weight: 700;
}

.dreamhub-startup-section-title p {
    font-size: 16px;
    margin: 20px 12px 0;
}


/**
======================================================
<--  dreamhub-startup service Section -->
======================================================**/
.service-section {
    padding: 30px 0 0 !important;
}

.single-service-box {
    padding: 50px 32px 44px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid#E6E6E8;
    text-align: center;
    transition: 0.5s;
    margin-bottom: 30px;
}

.service-box-title h4 {
    font-size: 22px;
    margin: 42px 0 18px;
}

.service-box-text p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.service-icon img {
    height: auto;
    max-width: 100%;
}

.single-service-box:hover {
    box-shadow: 0px 15px 100px 0px rgba(219, 219, 221, 0.4);
    border-color: #fff;
}

/** ======================================
<--  dreamhub-startup brand-area Css -->
==========================================**/
.brand-area {
    background-color: #F8FAFF;
    padding: 85px 0 100px;
}

.brand-title h2 {
    color: #010E22;
    font-family: "Cabin", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 58px;
}

.brand-thumb img {
    display: inline-block !important;
}

/**
============================
<-- about area  Css -->
============================**/
.about-area {
    padding: 100px 0 40px;
}

.about-thumb img {
    width: 100%;
}

.row.about-price {
    padding-top: 30px;
}

.about-content-inner {
    display: flex;
    padding: 40px 0 26px;
}

.about-content-inner-text h2 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 12px 0;
    color: #010e22;
}

.about-content-icon {
    margin-right: 19px;
}

.about-content-icon i {
    display: inline-block;
    font-size: 20px;
    color: #2871FE;
}

.about-content-inner-two {
    display: flex;
}

.about-content-inner-text p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    width: 85%;
}

/**
======================================================
<--  dreamhub-startup testimonial section  Css -->
======================================================**/
.testimonial-section {
    background-color: #F8FAFF;
    padding: 90px 0 90px;
}

.testimonial-single-box {
    margin-top: 40px;
    text-align: left;
    margin-bottom: 30px;
    padding: 19px 36px 38px;
    background: #fff;
    border-radius: 5px;
    border-left: none;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.testimonial-single-box::before {
    position: absolute;
    z-index: -1;
    content: "";
    bottom: 42px;
    right: 28px;
    height: 54px;
    width: 55px;
    background: url(../image/testi-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.3;
    transition: .5s;
}

.testimonial-single-box:hover {
    box-shadow: 0px 20px 60px 0px rgba(215, 224, 243, 0.4);
}

.testimonial-single-box:hover:before {
    opacity: 1;
}

.testi_title h2 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
}

.testi_thumb {
    margin-right: 20px;
}

.testimonial-section .dreamhub-startup-section-title.text-left {
    margin-bottom: 10px;
}

.testimonial-content p {
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
}

.testi-inner-content {
    margin-top: 27px;
}

.owl-next {
    border-radius: 50%;
    color: #575D6D;
    font-size: 19px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    top: -104px;
    width: 55px;
    text-align: center;
    border: 1px solid#E3E6EB;
    right: 0;
    left: 92%;
    transition: 0.5s;
}

.owl-next:hover {
    background: #2871FE;
    color: #fff;
}

.owl-prev {
    border-radius: 50%;
    color: #575D6D;
    font-size: 19px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    top: -104px;
    width: 55px;
    text-align: center;
    border: 1px solid#E3E6EB;
    right: 0;
    left: 86%;
    transition: 0.5s;
}

.owl-prev:hover {
    background: #2871FE;
    color: #fff;
}


/**
======================================================
<--  dreamhub-startup contact Area  Css -->
======================================================**/
.contact-area {
    padding: 100px 0 45px;
}

.form {
    text-align: center;
}

.contact-area .form input {
    font-size: 14px;
    padding: 14px 25px;
    width: 440px;
    background: #fff;
    margin-bottom: 14px;
    border: 1px solid #E7EAEA;
}

.form button {
    background: #2871FE;
    border: 1px solid #2871FE;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    padding: 14px 30px;
    display: inline-block;
    border-radius: 4px;
    font-size: 16px;
    margin-left: 15px;
}

/**
=============================================
<--  dreamhub-startup blog Area  Css -->
=============================================**/
.blog-area {
    padding: 50px 0 120px;
}

.row.blog-border {
    border-top: 1px solid #E7EAEA;
    padding-top: 80px;
}

.blog-area .dreamhub-startup-section-title p {
    font-size: 16px;
    margin: 20px 0px 0;
}

.blog-button {
    padding-top: 22px;
}

.blog-button a {
    display: inline-block;
    color: #010E22;
    font-size: 16px;
    font-weight: 600;
    transition: 0.5s;
}

.blog-button a:hover {
    color: #4B89FF;
}

.blog-button a i {
    color: #4B89FF;
    font-size: 16px;
    font-weight: 600;
    margin-left: 6px;
}

.blog-meta-top {
    position: relative;
    top: 73px;
    left: 30px;
    z-index: 1;
}

.single-blog {
    margin-top: -45px;
}


.blog-meta-top a {
    display: inline-block;
    background: #2871FE;
    padding: 8px 16px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}

.blog-thumb {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.blog-thumb:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: #a2bbe1;
    border-radius: 5px;
    transition: .5s;
    opacity: .45;
}


.blog-thumb:hover:before {
    width: 100%;
    left: 0;
}

.blog-thumb img {
    width: 100%;
}

.blog-meta-title {
    border: 1px solid #E6E7E9;
}

.blog-meta-title h2 {
    color: #010E22;
    font-size: 20px;
    padding: 13px 104px 35px 30px;
}

.blog-meta-title h2 a {
    font-weight: 600;
    transition: 0.5s;
}

.blog-meta-title h2 a:hover {
    color: #2871FE;
}

/**
======================================================
<--  dreamhub-startup Footer Section Css -->
======================================================**/
.footer-area {
    background: #010D26;
    padding: 95px 0 0;
}

.footer-discription p {
    font-size: 15px;
    color: #fff;
    width: 90%;
    margin-top: 35px;
}

.footer-widget-social {
    padding-top: 18px;
}

.footer-widget-social a i {
    display: inline-block;
}

.footer-widget-social a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    color: #2871FE;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    margin-right: 10px;
    transition: 0.5s;
}

.footer-widget-social a:hover {
    background: #2871FE;
    color: #fff !important;
}

.footer-title h3 {
    color: #ffffff;
    font-size: 24px;
    padding-bottom: 39px;
    font-weight: 500;
    font-family: 'Cabin';
    margin: 0;
}

.footer-list ul {
    list-style: none;
}

.footer-list ul li {
    padding: 0 0 16px;
}

.footer-list ul li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: .5s;
    font-family: 'Inter';
}

.footer-list ul li a:hover {
    color: #2771FF;
}

.coppy-right-text {
    border: 1px solid #FFFFFF4D;
    border-width: 1px 0px 0px 0px;
    transition: 0.5s;
    margin-top: 75px;
    margin-bottom: 0px;
    padding: 22px 0px 0px 0px;
    text-align: center;
}

.coppy-right-text p {
    text-align: center;
    color: #FFFFFF;
    font-family: "Inter", Sans-serif;
    font-weight: 400;
    padding-bottom: 10px;
}

/**==================================================
<!-- start dreamhub-startup breadcumb-area -->
======================================================**/
.breadcumb-area {
    /* background: #F8FAFF; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 155px 0 145px;
    background-image: url('../picture/banner7.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
}

.breadcumb-content {
    text-align: center;
}

.breadcumb-content-menu ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}

.breadcumb-title h2 {
    font-size: 30px;
    line-height: 55px;
    color: #010e22;
    font-weight: 700;
}

.breadcumb-content-menu a {
    font-size: 16px;
    line-height: 26px;
    color: #010e22;
    font-weight: 600;
    position: relative;
}

.breadcumb-content-menu a::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 60px;
    width: 1px;
    height: 12px;
    background: #616161;
}

.breadcumb-content-menu span {
    font-size: 16px;
    line-height: 26px;
    color: #010e22;
    font-weight: 600;
}

/**==================================================
<!-- start dreamhub-startup our-mission -->
======================================================**/
.our-mission {
    padding: 90px 0 80px;
}

.mission-content-inner {
    display: flex;
    padding: 22px 0 0 0;
}

.mission-content-icon {
    margin-right: 16px;
}

.mission-content-icon i {
    display: inline-block;
    font-size: 12px;
    background: #2871FE;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    border-radius: 100%;
}

.mission-content-inner-two {
    display: flex;
}

.mission-content-inner-text p {
    font-size: 16px;
    font-weight: 500;
}

.mission-button {
    margin-top: 25px;
}

.mission-button a {
    display: inline-block;
    background: #2871FE;
    color: #fff;
    border-radius: 4px;
    padding: 14px 45px;
    font-size: 17px;
    font-family: 'Cabin', sans-serif;
    transition: 0.5s;
}

.mission-button a:hover {
    background: #00E1AF;
    color: #fff;
    border-color: #00E1AF;
}

.mission-button a i {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}

/**==================================================
<!-- start dreamhub-startup feature-box-Area -->
======================================================**/
.feature-box-area {
    padding: 0;
    background-color: #F8FBFF;
}

.signal-feature-box {
    padding: 42px 17px 32px;
    background: #fff;
    text-align: center;
    transition: 0.5s;
}

.signal-feature-box:hover {
    box-shadow: 0px 15px 100px 0px rgba(219, 219, 221, 0.4);
    border-color: #fff;
    transition: 0.5s;
}

.signal-feature-box:hover .feature-icon span i {
    color: #fff;
    background-color: #2871FE;
    background: linear-gradient(to top, #2871FE 100%, #2871FE 100%);
}

.feature-box-title h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 4px 0;
}

.feature-box-description p {
    margin: 13px 0 0 0;
    font-size: 16px;
    font-weight: 400;
}

.feature-icon span i {
    display: inline-block;
    font-size: 28px;
    height: 67px;
    width: 66px;
    line-height: 66px;
    background: linear-gradient(to top, rgba(226, 253, 248, .2) 12%, #DEFDF7 100%);
    text-align: center;
    color: #04E0B2;
    border-radius: 4px;
    transition: .5s;
}


/**==================================================
<!-- start dreamhub-startup counter-area -->
======================================================**/
.counter-area {
    padding: 90px 0 100px;
}

.counter-signal-box {
    box-shadow: 0px 15px 70px 0px rgba(213, 219, 231, 0.3);
    background: #fff;
    padding: 60px 0 46px;
    margin-bottom: 24px;
}

.counter-signal-box-two {
    box-shadow: none;
    background: #fff;
    padding: 60px 0 46px;
    margin-bottom: 24px;
    border: 1px solid#E6E6E8;
}

.counter-area .dreamhub-startup-section-title.text-left {
    padding: 10px;
    margin-left: 58px;
}

.counter-content {
    text-align: center;
}

.counter-number h1 {
    font-size: 56px;
    font-weight: 700;
    display: inline-block;
    color: #010e22;
}

.counter-title h6 {
    color: #616161;
    margin: 20px 0 0;
    font-weight: 500;
    font-size: 16px;
}

/**============================================
<!-- start dreamhub-startup about-us-area  -->
==============================================**/
.about-us-area {
    padding: 90px 0 0;
}

.about-us-content p {
    margin: 20px 0 20px;
    width: 90%;
}

.about-us-button {
    margin-top: 34px;
}

.about-us-button a {
    display: inline-block;
    background: #2871FE;
    color: #fff;
    border-radius: 4px;
    padding: 14px 45px;
    font-size: 17px;
    font-family: 'Cabin', sans-serif;
    transition: 0.5s;
}

.about-us-button a:hover {
    background: #00E1AF;
    color: #fff;
    border-color: #00E1AF;
}

.about-us-button a i {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
}

/**============================================
<!-- start dreamhub-startup about-us-area  -->
==============================================**/
.team-area {
    padding: 90px 0 100px;
}

.single-team-box {
    background: #fff;
    box-shadow: none;
    padding: 0 0 0;
    border-radius: 5px;
    text-align: center;
    transition: .5s;
    border: 1px solid#E6E6E8;
    position: relative;
}

.single-team-box:hover {
    box-shadow: 0px 15px 100px 0px rgba(219, 219, 221, 0.4);
    border-color: #fff;
}

.single-team-box:hover .team-social-icon {
    opacity: 1;
    border: none;
    transform: translateY(-10px);
}

.single-team-box:hover .team-title {
    opacity: 0;
}


.team-thumb img {
    width: 100%;
}

.single-team-content h3 {
    display: block;
    font-size: 20px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.single-team-content h3 a {
    color: #1b1d21;
    font-weight: 700;
}

.team-title {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 8px;
    display: block;
    color: #63636b;
    transition: 0.5s;
}

.team-social-icon ul li {
    list-style: none;
    display: inline-block;
}

.team-social-icon ul li a i {
    width: 0;
    display: inline-block;
    color: #616161;
    margin: 0 13px;
    transition: .5s;
    font-size: 14px;
}

.single-team-content {
    margin-top: 0;
    padding: 17px 0 4px;
}

.team-social-icon {
    position: absolute;
    text-align: center;
    margin-top: 0;
    left: 0;
    right: 0;
    top: 92%;
    transition: .5s;
    opacity: 0;
}

/**==================================================
<!-- start dreamhub-startup testimonial-area-two -->
===================================================**/
.testimonial-area-two {
    padding: 70px 0 120px;
}

.row.test-bg {
    background: url(../image/test-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
}

.single_testimonial {
    margin-bottom: 30px;
    padding: 42px 30px 20px;
    margin-top: 10px;
    text-align: center;
}

.testi_text p {
    width: 92%;
    margin: auto;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    line-height: 33px;
    color: #fff;
}

.testi_title-two h2 {
    font-size: 20px;
    margin-bottom: 0px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600;
    color: #fff;
    display: inline-block;
}

.testi_thumb-two {
    display: flex;
    justify-content: center;
    margin-top: 44px;
}

.testi_title-two span {
    display: inherit;
    font-size: 16px;
    color: #fff;
}

.testi_title-two {
    margin-left: 25px;
}

/**==================================================
<!-- start dreamhub-startup about-section-->
===================================================**/
.about-section {
    padding: 90px 0 100px;
}

.about-section-content-inner {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.about-section-content-inner-text h2 {
    margin: 0;
    font-size: 16px;
    color: #010E22;
    font-weight: 400;
}

.about-section-content-icon i {
    font-size: 17px;
    display: inline-block;
    text-align: left;
    margin-right: 22px;
    color: #2771FF;
}

.about-section .dreamhub-startup-section-title p {
    font-size: 16px;
    margin: 20px 0px 35px;
}

.row.counter-border {
    border: 1px solid #E6E6E8;
    border-width: 1px 0px 0px 0px;
    margin-top: 24px;
    margin-bottom: 0px;
    padding: 18px 0 0;
}

.about-section-text {
    margin-top: 30px;
}


.about-section-content-inner {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.about-section .counter-content {
    text-align: left;
}

/**==================================================
<!-- start dreamhub-startup about-section-->
===================================================**/
.about-section-two {
    padding: 90px 0 100px;
    background-color: #F8FBFF;
}

.about-single-box {
    display: flex;
    align-items: center;
}

.about-icon {
    margin-right: 21px;
}

.about-icon i {
    font-size: 22px;
    background: #FF5869;
    color: #fff;
    text-align: center;
    transition: .5s;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 100%;
    display: inline-block;
}

.about-icon-two i {
    font-size: 22px;
    background: #2871FE;
    color: #fff;
    text-align: center;
    transition: .5s;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 100%;
    display: inline-block;
}

.about-icon-two {
    margin-right: 21px;
}


.about-icon-there i {
    font-size: 22px;
    background: #01E1AF;
    color: #fff;
    text-align: center;
    transition: .5s;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 100%;
    display: inline-block;
}

.about-icon-there {
    margin-right: 21px;
}

.about-title h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 12px 0;
    color: #010e22;
}

.about-description p {
    font-size: 15px;
}

/**==================================================
<!-- start dreamhub-startup service-area -->
===================================================**/
.service-area {
    padding: 90px 0 70px;
}

.single-service-box-two {
    padding: 50px 32px 44px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid#E6E6E8;
    text-align: center;
    transition: 0.5s;
    margin-bottom: 30px;
}

.service-single-box {
    padding: 50px 32px 44px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid#E6E6E8;
    text-align: center;
    transition: 0.5s;
    position: relative;
    margin-top: -20px;
}

.single-service-box-two:hover {
    box-shadow: 0px 15px 100px 0px rgba(219, 219, 221, 0.4);
    border-color: #fff;
}

.service-single-box:hover {
    box-shadow: 0px 15px 100px 0px rgba(219, 219, 221, 0.4);
    border-color: #fff;
}

.service-icon {
    font-size: 28px;
    height: 81px;
    width: 80px;
    line-height: 80px;
    background: linear-gradient(to top, rgba(226, 253, 248, .8) 20%, #DEFDF7 100%);
    text-align: center;
    color: #04E0B2;
    border-radius: 4px;
    transition: .5s;
    display: inline-block;
}

/*all hover service*/

.single-service-box-two:hover .service-icon {
    background: #2871FE;
}

.single-service-box-two:hover .service-icon img {
    filter: brightness(0) invert(1);
}

.service-single-box:hover .service-icon-two {
    background: #2871FE;
}

.service-single-box:hover .service-icon-two img {
    filter: brightness(0) invert(1);
}

.service-single-box:hover .service-icon {
    background: #2871FE;
}

.service-single-box:hover .service-icon img {
    filter: brightness(0) invert(1);
}

.service-icon-two {
    font-size: 28px;
    height: 81px;
    width: 80px;
    line-height: 80px;
    background: linear-gradient(to top, rgba(226, 253, 248, .8) 20%, #2871FE 100%);
    text-align: center;
    color: #04E0B2;
    border-radius: 4px;
    transition: .5s;
    display: inline-block;
}

/**==================================================
<!-- Start dreamhub-startup Pricing Area -->
===================================================**/
.pricing-area {
    padding: 90px 0 100px;
}

.section-title h5 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 15px 23px;
    display: inline-block;

}

.single_pricing {
    transition: all 0.3s ease 0s;
    padding: 24px 38px 40px;
    text-align: left;
    border: 1px solid#E6E6E8;
    border-radius: 8px;
    background: #fff;
}

.single_pricing:hover {
    box-shadow: 0px 15px 100px 0px rgb(219 219 221 / 40%);
    border-color: #fff;
}

.single_pricing:hover .order_now a {
    background: #2870FF;
}

.single_pricing-two {
    box-shadow: 0px 15px 100px 0px rgb(219 219 221 / 40%);
    transition: all 0.3s ease 0s;
    padding: 24px 38px 40px;
    text-align: left;
    border-radius: 8px;
    background: #fff;
}

.pricing_title h3 {
    font-size: 24px;
    color: #010e22;
    text-transform: capitalize;
    padding-bottom: 17px;
    font-weight: 600;
}

.pricing-description p {
    font-size: 15px;
    color: #616161;
}

.price_item {
    -webkit-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 17px;
    margin-top: 28px;
}

span.curencyp {
    display: inline-block;
    transition: all 0.3s ease 0s;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #010e22;
    font-family: 'Cabin';
}

span.tk {
    display: inline-block;
    transition: all 0.3s ease 0s;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #010e22;
    font-family: 'Cabin';
}

span.monthp {
    font-size: 19px;
    font-weight: 500;
}

.featur ul {
    padding: 3px 0 0;
}

.featur ul li {
    display: block;
    font-size: 15px;
    padding: 4px 0;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
    list-style: none;
}

.featur ul li i {
    height: 17px;
    width: 17px;
    line-height: 17px;
    background: #2870FF;
    font-size: 9px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    margin: 0 10px 0 0;
}

.order_now {
    margin-top: 34px;
}

.order_now-two {
    margin-top: 34px;
}

.order_now a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 83px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 3px;
    background: #010e22;
    font-family: 'Cabin';
}

.order_now-two a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 83px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 3px;
    background: #2870FF;
    font-family: 'Cabin';
}

.pricing-bottom-des {
    margin-top: 56px;
}

.pricing-bottom-des p {
    text-align: center;
    color: #000000;
    font-weight: 400;
    width: 40%;
    margin: 0 auto;
}

/**==================================================
<!-- Start dreamhub-startup faq Area -->
===================================================**/
.faq-area {
    background-color: #F8FBFF;
    padding: 100px 0 90px;
}

.tab_container {
    width: 870px;
    margin: auto;
}

.accordion li {
    margin-bottom: 20px;
    list-style: none;
    box-shadow: 0px 10px 60px 0px rgba(197, 206, 213, 0.3);
    background: #fff;
    padding: 30px 5px 33px;
}

.accordion a {
    width: 100%;
    display: block;
    cursor: pointer;
    font-weight: 600;
    font-size: 22px;
    color: #1b1d21 !important;
    text-indent: 15px;
    padding: 0px 10px;
}

.accordion li p {
    display: none;
    padding: 5px 30px 3px;
    color: #616161;
    font-size: 16px;
}

.accordion li a i {
    float: right;
    transform: rotate(-90deg);
    transition: .5s;
    font-size: 20px;
}

.accordion li a i {
    float: right;
    transform: rotate(-90deg);
    transition: .5s;
    font-size: 20px;
    position: relative;
    top: 14px;
}

a.active i {
    transform: rotate(0deg) !important;
}

/**==================================================
<!-- Start dreamhub-startup project Area -->
===================================================**/
.project-area {
    padding: 90px 0 90px;
}

.single-protfolio {
    position: relative;
    transition: 0.5s;
    margin-bottom: 30px;

}

.protfolio-thumb {}

.protfolio-content-inner {
    position: absolute;
    transition: .5s;
    right: 0;
    bottom: -100px;
    opacity: 1;
    text-align: right;
    width: 70%;
}

.protfolio-inner {
    text-align: left;
    background: #fff;
    padding: 21px 30px 26px;
    border-radius: 4px;
    opacity: 0;
    transition: 0.5s;
}

.single-protfolio:hover .protfolio-inner {
    opacity: 1;
    transform: translateY(-125px);
}

span.categore-item {
    display: inline-block;
    padding-top: 0px;
}

.protfolio-inner-title h3 a {
    font-weight: 600;
    color: #1e1e1e;
    font-size: 20px;
}

.protfolio-inner-title h3 {
    margin: 0;
    line-height: 26px;
}

.protfolio-thumb img {
    width: 100%;
}

/**==================================================
<!-- Start dreamhub-startup about-secton-there -->
===================================================**/
.about-section-there {
    padding: 90px 0 100px;
}

.about-section-there .row.counter-border {
    border: 1px solid #E6E6E8;
    border-width: 1px 0px 0px 0px;
    margin-top: 27px;
    margin-bottom: 0px;
    padding: 26px 0 0;
}

/**==================================================
<!--start dreamhub-startup our-work-Process -->
===================================================**/
.our-work-process-area {
    padding: 90px 0 106px;
    border-bottom: 1px solid #E6E6E8;
}

.single-work-process {
    text-align: center;
}

.word-process-thumb {
    position: relative;
    z-index: 1;
}

.word-process-thumb::before {
    position: absolute;
    content: "";
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    transition: .5s;
    height: 58px;
    width: 58px;
    background: #E6FDF7;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    top: -15px;
}

.word-process-thumb-two {
    position: relative;
    z-index: 1;
}

.word-process-thumb-two::before {
    position: absolute;
    content: "";
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    transition: .5s;
    height: 58px;
    width: 58px;
    background: #E9F1FE;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    top: -15px;
}

.word-process-thumb-there {
    position: relative;
    z-index: 1;
}

.word-process-thumb-there::before {
    position: absolute;
    content: "";
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    transition: .5s;
    height: 58px;
    width: 58px;
    background: #FEEEEF;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    top: -15px;
}

.word-process-thumb-four {
    position: relative;
    z-index: 1;
}

.word-process-thumb-four::before {
    position: absolute;
    content: "";
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    transition: .5s;
    height: 58px;
    width: 58px;
    background: #E9FCFF;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    top: -15px;
}

.work-process-title h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 27px;
}

.work-process-desc p {
    padding-top: 5px;
    width: 96%;
    margin: auto;
    font-size: 15px;
}

.work-process-title {
    padding-top: 24px;
}

/**======================================
start dreamhub-startup service-interior
=========================================**/
.service-interior {
    padding: 70px 0 80px;
    background: #F8FBFF;
}

.service-interior-thumb img {
    width: 100%;
}

.interior-content {
    padding: 0 86px 0 44px;
}

.service-interior-title h6 {
    color: #010E22;
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    margin-top: 0;
    margin-bottom: 20px;
}

.single-interior {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 86px;
}

.interior-title h3 {
    color: #010E22;
    font-family: "Cabin", Sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px;
}

.interior-logo img {
    width: 100%;
}

/**======================================
start dreamhub-startup team-two
=========================================**/
.row.team-two {
    padding-top: 30px;
    width: 1130px;
    margin: auto;
}

.dreamhub-startup-section-title h5 {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 15px 23px;
    display: inline-block;
}

.testimonial-area-there {
    padding: 90px 0 110px;
    border: 1px solid #E6E6E8;
}

/**======================================
start dreamhub-startup contact-section
=========================================**/
.contacts-section {
    padding: 90px 0 100px;
}

.contact-form {
    box-shadow: 0px 10px 80px 0px rgba(207, 213, 226, 0.3);
    background: #fff;
    border-radius: 6px;
    padding: 58px 64px;
}

.form_box input {
    height: 57px;
    background-color: #F8FBFF;
    border-color: transparent;
    transition: .5s;
    border: 1px solid #F8FBFF;
    padding: 6px 20px;
    box-shadow: none;
    border-radius: 5px;
    width: 100%;
    color: #616161;
    margin-bottom: 16px;
}

.form_box textarea {
    height: 136px;
    background-color: #F8FBFF;
    border-color: transparent;
    border: 1px solid #F8FBFF;
    padding: 6px 20px;
    border-radius: 5px;
    width: 100%;
    color: #616161;
}

.form-detalis {
    background: #fff;
    border-radius: 7px;
    box-shadow: none;
    margin-top: 30px;
}

.form-button {
    background: #2871FE;
    text-align: center;
    border: 0;
    padding: 14px 39px;
    border-radius: 4px;
    width: 100%;
}

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

.contact-form .dreamhub-startup-section-title p {
    font-size: 16px;
    margin: 10px 0px 16px;
}

.contact-infomation {
    background: url(../image/Contact.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 39px 0px 0px 60px;
    border-radius: 6px;
    height: 630px;
}

.contact-infomation .dreamhub-startup-section-title h3 {
    text-transform: capitalize;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 36px;
    margin: 0px 0px 0px 0px;
}

.contact-infomation .dreamhub-startup-section-title.text-left p {
    color: #FFFFFF;
    font-size: 15px;
    margin: 11px 0px 0px 0px;
}

.single-contact-title h3 {
    color: #FFFFFF;
    font-size: 18px;
}

.single-contact-box {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.contact-box-icon i {
    font-size: 24px;
    display: inline-block;
    color: #fff;
    height: 53px;
    width: 52px;
    line-height: 55px;
    border-radius: 4px;
    background: #548DFF;
    text-align: center;
}

.contact-box-icon {
    margin-right: 21px;
}

.single-content-description p {
    color: #FFFFFF;
    font-size: 15px;
}

.contact-social-title h3 {
    color: #FFFFFF;
    font-family: "Cabin", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.contact-social-icon ul li {
    list-style: none;
    display: inline-block;
}

.contact-social-title {
    display: inline-block;
}

.contact-social-icon {
    display: inline-block;
    margin-left: 12px;
}

.contact-social-icon ul li a i {
    color: #fff;
    font-size: 15px;
    margin-right: 10px;
}

.contact-section .dreamhub-startup-section-title.text-left {
    margin-bottom: 20px;
}

.single-contact {
    margin-top: 38px;
}

.contact-social-info {
    margin-top: 40px;
}

/*============================================
<-- dreamhub-startup google-map-area -->
==============================================*/
.google-maps iframe {
    width: 100%;
    height: 375px;
}

/*============================================
<!-- start dreamhub-startup blog-list area -->
==============================================*/
.blogs-section-two {
    background: #F6F6F6;
    padding: 90px 0 100px;
}

.blog-content-area {
    border: 1px solid #E6E7E9;
}

.blog-meta-content {
    padding: 36px 35px 20px;
    position: relative;
}

.blog-meta-left {
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    text-align: left;
    background: transparent;
    margin-top: 0;
    position: relative;
    z-index: 15;
    margin-bottom: 0;
}

.blog-meta-left span {
    position: absolute;
    top: -22px;
    left: 34px;
    background: #fff;
    padding: 8px 23px;
    border-radius: 4px;
}

.blog-meta-content h2 {
    color: #010E22;
    font-size: 20px;
    margin-bottom: 20px;
    font-size: 30px;
    margin-top: 11px;
    font-weight: 800;
}

.blog-meta-content h2 a {
    display: block;
    font-weight: 500;
    margin-bottom: 0;
    color: #232323;
    font-size: 20px;
    transition: 0.5s;
}

.blog-meta-content h2 a:hover {
    color: #2871FE;
}

.single-blog {
    margin-top: -45px;
    margin-bottom: 30px;
}

/*-- widget recent post */

.single-sidebar_search_box {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin-bottom: 40px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    background: #fff;
}

.search-form {
    width: 100%;
    position: relative;
}

.search-form input {
    background: #fff none repeat scroll 0 0;
    padding-left: 11px;
    height: 60px;
    width: 100%;
    border: 1px solid #ced4da;
    color: #616161;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 8px;
}

.search-form button {
    background: transparent none repeat scroll 0 0;
    color: #616161;
    font-size: 18px;
    padding: 1px 15px;
    top: 5px;
    right: 0;
    height: 53px;
    width: 53px;
    position: absolute;
    display: inline-block;
    border: none;
    z-index: 1;
}

.widget-sidebar-box {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin-bottom: 40px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    background: #fff;
}

.rpost-title h4 a {
    color: #232323;
    font-size: 14px;
    line-height: 22px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-weight: 600;
}

.rpost-title h4 a:hover {
    color: #2871FE;
}

.rpost-title span {
    display: inline-block;
    font-size: 15px;
    color: #616161;
}

.widget-recent-post {
    display: flex;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 17px;
    border-bottom: 1px solid #E8E8E8;
}

.widget-recent-post-two {
    display: flex;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 17px;
}

.rpost-thumb {
    margin-right: 25px;
    overflow: hidden;
}

.rpost-thumb img {
    transform: scale(1);
    transition: 0.5s;
}

.rpost-thumb img:hover {
    transform: scale(1.2);
}

h4.sidebar-title.upp {
    color: #232323;
    display: block;
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 0;
    position: relative;
    text-transform: capitalize;
}

h4.sidebar-title.upp::before {
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 88px;
    height: 3px;
    background: #aec6ef;
    content: "";
}

h4.sidebar-title.upp::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -13px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #2871FE;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}

.sidebar-menu li {
    list-style: none;
}

.sidebar-menu li a {
    color: #616161;
    font-weight: 400;
}

.cate-item-one {
    border-top: 1px solid #E8E8E8;
    padding: 15px 0;
}

.cate-item {
    border-top: 1px solid #E8E8E8;
    padding: 15px 0;
}

.cate-item-two {
    border-top: 1px solid #E8E8E8;
    padding: 15px 0 0;
}

.widget-title h2 {
    color: #232323;
    display: block;
    font-size: 21px;
    margin-bottom: 40px;
    padding-bottom: 0;
    position: relative;
    text-transform: capitalize;
    margin-top: 0;
}

.Calender-details-box {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 35px 10px 35px;
    border-radius: 8px;
    background: #fff;
}

.title h3 {
    color: #232323;
    display: block;
    font-size: 21px;
    margin-bottom: 40px;
    padding-bottom: 0;
    position: relative;
    text-transform: capitalize;
}

.title h3::before {
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 88px;
    height: 3px;
    background: #aec6ef;
    content: "";
}

.title h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -13px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #2871FE;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

/*==================================================
<!-- start dreamhub-startup blog-details-section -->
===================================================*/
.blog-details-section.pt-90.pb-70 {
    padding-bottom: 70px;
}

.blog-details-section .blog-details-content {
    padding: 22px 33px 40px 34px;
    border: 2px solid#F6F6F6;
}

.blog-details-social-address.pt-40 {
    padding-top: 40px;
}

.single-blog-thumb img {
    width: 100%;
}

.blog-details-section .single-blog-details-box {
    -webkit-box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    margin-bottom: 30px;
}

.blog-details-section .single-blog-details-box .blog-details-content .blog-details-social-address {
    border-top: 1px solid #e6e6e6;
    margin-top: 33px;
}

.blog-details-section .single-blog-details-box .blog-details-content .blog-details-social-address ul li {
    display: inline-block;
}

.blog-details-section .single-blog-details-box .blog-details-content .blog-details-social-address ul li a {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border: 1px solid #050505;
    text-align: center;
    transition: .5s;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 15px;
    color: #050505;
}

.blog-details-section .single-blog-details-box .blog-details-content .blog-details-social-address ul li a:hover {
    background: #2871FE;
    border-color: #2871FE;
    color: #fff;
}

/*contact form*/
.blog-details-section .contact_title h1 {
    font-size: 24px;
    display: inline-block;
    margin: 0 0 37px;
    letter-spacing: 1px;
}

.blog-details-section .form-control {
    height: 48px;
    padding: 6px 19px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
}

.contact_from.pt-40 .form_box input {
    height: 57px;
    background-color: #F8FBFF;
    border-color: transparent;
    transition: .5s;
    border: 1px solid #232323;
    padding: 6px 20px;
    box-shadow: none;
    border-radius: 5px;
    width: 100%;
    color: #616161;
    margin-bottom: 16px;
}

.contact_from.pt-40 .form_box textarea {
    height: 136px;
    background-color: #F8FBFF;
    border-color: transparent;
    border: 1px solid #232323;
    padding: 6px 20px;
    border-radius: 5px;
    width: 100%;
    color: #616161;
}

.blog-details-section .form-control:focus {
    color: #495057;
    border-color: #2871FE;
    outline: 0;
    box-shadow: none;
}

.blog-details-section textarea#message {
    height: 130px;
}

.blog-details-section .quote_btn button.text_center {
    margin-left: 15px;
    margin-top: 20px;
}

.detalis-form {
    margin-top: 20px;
}

.detalis-form button {
    padding: 11px 30px;
    color: #101010;
    display: inline-block;
    margin-top: 25px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
    background: #2871FE;
    transition: 0.5s;
    font-weight: 500;
}

.detalis-form button:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    background: #fff;
    z-index: -1;
    transition: 0.5s;
    transform: scale(0.0, 1);
    opacity: 0;
}

.detalis-form button:hover:before {
    transform: scale(1);
    opacity: 1;
}

.blog-details-section .btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.blog-details-section label {
    display: inline-block;
    margin: 5px 0 10px;
}

.recent-post-title h2 {
    font-size: 24px;
    margin: 0 0 16px;
}

.sidebar-box {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 36px 32px 19px;
    margin-bottom: 30px;
    border-radius: 3px;
}

/*============================================
<-- dreamhub-startup Loader Css -->
==============================================*/
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 9999;
    display: flex;
    align-items: center;
    text-align: center;
    background: #fff;
    justify-content: center;
    display: none;
}



/*
<!-- ============================================================== -->
<!--Scrollup Button Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/

.prgoress_indicator {
    position: fixed;
    right: 50px;
    bottom: 20px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(187, 247, 55, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
}

.prgoress_indicator.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
}

.prgoress_indicator::after {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #00E1AF;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}

.prgoress_indicator::before {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    font-weight: 900;
    opacity: 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
    color: #2871ff;
}

.prgoress_indicator:hover ::before {
    opacity: 1;
}

.prgoress_indicator svg path {
    fill: none;
}

.prgoress_indicator svg.progress-circle path {
    stroke: #00E1AF;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear !important;
}





/*<--===================== Sign Up CSS Start Here =====================-->*/
button {
    background: #2871FE;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 0;
    padding: 9px 25px;
    border-radius: 4px;
    border: 2px solid #2871FE;
    font-weight: 600;
}

.input[type=text],
input[type=password] {
    width: 100%;
    padding: 0;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background: #f1f1f1;
}

/* Add a background color when the inputs get focus */
input[type=text]:focus,
input[type=password]:focus {
    background-color: #fff;
    outline: none;
}


/* Float cancel and signup buttons and add an equal width */
.cancelbtn,
.signupbtn {
    float: left;
    width: 50%;
}

.mobile {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin: 6px 0;
    padding: 6px;
    overflow: hidden;
    box-sizing: border-box;

}

.mobile span {
    margin: 0 5px;
}

.mobile input {
    all: unset !important;
    background-color: #f1f1f1;
}

.signup {
    width: 50%;
}

/* The Modal (background) */


.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(5px);
    overflow: auto;
    background-color: #00000096;
    /* padding-top: 50px; */
    z-index: 999;

}

/* Modal Content/Box */
.modal-content {
    background-color: transparent;
    margin: 4% auto 10% auto;
    /* width: 480px; */
    width: 90%;
    max-width: 480px;

    border: none;
}


.modal .container h2 {
    color: #fff;
    font-size: 29px;
    font-weight: 700;
    margin: 0;
}

.modal .container p {
    margin: 10px 0 0 0;
    color: #fff;
}

.modal .container hr {
    background: #fff;
    border: none;
    margin: 0;
}

.modal .container label {
    color: #00E1AF;
    font-size: 16px;
    font-weight: 400;
}

.modal .container input {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin: 6px 0;
    padding: 6px;
}

input[type="text"] {
    width: 100%;
}

.modal .container input::placeholder {
    color: #9b9b9b;
}

.modal .container p a {
    display: inline-block;
    color: #1877f2 !important;
    font-weight: 600;
    margin-bottom: 20px;
}

.clearfix {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.cancelbtn {
    background-color: #00E1AF;
    padding:  0px;
    display: inline-block;
    font-size: 16px;
    /* line-height: 26px; */
    color: #ffffff;
    font-weight: 500;
    transition: .5s;
    border: none;
    border-radius: 5px;
    margin-right: 30px;
    position: relative;
    z-index: 1;
    height: 40px;
    line-height: 40px;
}

.cancelbtn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: 5px;
    background: #2871FE;
    z-index: -1;
    transition: 0.5s;
    transform: scale(0.0, 1);
    opacity: 0;
}

.cancelbtn:hover:before {
    transform: scale(1);
    opacity: 1;
}

/* The Close Button (x) */
.close i {
    position: absolute;
    right: 35px;
    top: 15px;
    font-size: 40px;
    font-weight: bold;
    color: #f1f1f1;
    transition: 0.5s;
}

.close i:hover {
    color: #f44336;
}

.close:hover,
.close:focus {
    color: #f44336;
    cursor: pointer;
}

/* Clear floats */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Change styles for cancel button and signup button on extra small screens */
@media screen and (max-width: 300px) {

    .cancelbtn,
    .signupbtn {
        width: 100%;
    }
}

#toast {
    /* display: none; */
    position: absolute;
    z-index: 99999;
    max-width: 480px;
    background-color: #fff;
    left: 50%;
    top: 30%;
    padding: 10px 30px;
    width: 85vw;
    transform: translate(-50%);
    text-align: center;
    border-radius: 4px;
}

#toast-content {
    margin: 20px 0;
}

#mask {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999999;
}

#mask .close {
    padding: 5px;
}

.signup {
    background-color: #2871FE;
    color: #fff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}

/*<--===================== Sign Up CSS End Here =====================-->*/