/* header part csss start */
header {
    position: sticky;
    top: 0;
    background-color:white;
    /* box-shadow:0 .8rem 2rem 0 rgba(0, 0, 0, .1); */
    z-index: 999;
    }
    .navbar-nav .nav-item .nav-link {
    color: black;
    font-size: 15px;
    }
    .navbar-nav .nav-item .nav-link:hover {
    color: #0094FF;
    }
    
    .navbar-nav .nav-item:hover .dropdown-menu {
    display: block;
    }
    
    .navbar-nav .dropdown-menu li {
    margin: 0 12px;
    }
    
    .navbar-nav .dropdown-menu li .dropdown-item {
    margin: 6px 0;
    }
    .navbar-nav .dropdown-menu li .dropdown-item:hover {
    /* background: linear-gradient(180deg, #60BBFD 14.06%, #0585E1 100%); */
    background-color: transparent!important;
    border-radius: 4px;
    /* color: white; */
    color: #0094ff;
    }
    /* header part css end */
    
    
    
    
    /* singup/in part start */
    
    .navbar-nav .nav-gap {
    margin: 0 15px;
    }
    .navbar-nav .nav-divider {
    margin: 5px 0;
    color: gray;
    }
    .navbar-nav .nav-item .sign-in:hover {
    color: black;
    }
    .navbar-nav .nav-item .nav-bg {
    background: #0067C6;
    border-radius: 6px;
    color: white;
    padding: 9px 12px;
    border-radius: 5px;
    width: 100%;
                                                                                                                                             
    }
    .navbar-nav .nav-item .nav-bg:hover {
    color: white;
    }
    /* header part end */

/* ফ্রিল্যান্সিং part css start */
    .frelancing_heading h4{
        font-size: 25px;
        font-family: Baloo Da 2;
        font-weight: 600;
        line-height: 24px;
        color:  #1777D0;
        margin-top: 12px;
    }

    /* ফ্রিল্যান্সিং box part */
    .upwork_logo {
        flex-shrink: 0;
        margin: 8px 12px;
        border-radius: 18px;
        border: 0.7px solid rgba(194, 240, 255, 0.79);
        background: #FFF;
        padding: 22px 15px;
        height: 80px;
        width: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .freelacne_marketplace {
        border-radius: 30px;
        border: 1px solid rgba(89, 215, 255, 0.42);
        box-shadow: 0px 0px 20px -14px #6FDA44;
        padding: 30px 30px;
    }

    .freelance_mainpart {
        padding: 65px 25px;
        border-radius: 40px;
        background: #F8F8F8;
        margin: 35px 0;
        margin-bottom: 65px;
    }
    .freelance_mainpart h5 {
        font-size: 19px;
        font-family: Baloo Da 2;
        font-weight: 600;
        line-height: 24px;
        color: #1777D0;
    }
    .freelance_mainpart p {
        color: #000;
        font-size: 12px;
        font-family: Baloo Da 2;
        line-height: 28px;
        width: 400;
    }
    .freeheadrpart{
        padding: 36px 8%;
    }
    /* frlancering last part css start */
    .freelance_last_part {
        border-radius: 26px;
        background: #fff;
        padding: 81px 10px;
        height: 40px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px 0%;
    }

    .free_box {
        border-radius: 40px;
        background: #F8F8F8;
        padding: 50px 10px;
        margin-top: 25px;
    }
    .freelance_last_part h5 {
        color: #000;
        font-size: 20px;
        font-family: Baloo Da 2;
        font-weight: 600;
        line-height: 25px;
        
    }
/* footer part css start */

.footer{
	background-color: #004788;
	color: #F7F7F8;
	border-radius: 48px 48px 0px 0px;
    margin-top: 30px;
}
footer.dark .page_wrap li a:hover {
    color: #fff;
    }
    footer.light {
    background: #ffffff;
    }
    footer.light .page_wrap li a:hover {
    color: #1b2233;
    }
    footer .footer_top_area {
    padding-top: 12px;
    padding-bottom: 2rem;
    }
    footer .footer_logo {
        margin-bottom: 12px;
        margin-top: 45px;
        display: inline-block;
    }
    footer .address_text {
        font-family: "Poppins";
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 2;
        color: #a9a9a9;
        margin-top: 25px;
    }
    footer .foot_titel {
        font-family: "Baloo Da 2";
        font-style: normal;
        font-weight: 500;
        font-size: 25px;
        line-height: 1.5;
        color: #a9a9a9;
        margin-bottom: 2rem;
        margin-top: 40px;
    }
    footer .page_wrap {
    padding: 0;
    margin: 0;
    }
    footer .page_wrap li {
        font-family: "Poppins";
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.7;
        color: #a9a9a9;
        margin-bottom: 0.7rem;
        list-style: none;
        text-decoration: none;
    }
    footer .page_wrap li a{
        text-decoration: none;
    }
    footer .page_wrap li:last-child {
    margin-bottom: 0;
    }
    footer .page_wrap li a {
    display: inline-block;
    color: #a9a9a9;
    }
    footer .social_icons {
    padding: 0;
    margin: 0;
    margin-top: 2rem;
    }
    footer .social_icons li {
    display: inline-block;
    margin-right: 2%;
    }
    footer .social_icons li a {
    /* background: #2fb1fa; */
    border-radius: 0.4rem;
    /* padding: 0.75rem;
    width: 3.4rem;
    height: 3.4rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    }
    footer .social_icons li img {
    max-width: 100%;
    object-fit: contain;
    }
    footer .social_icons li:last-child {
    margin-right: 0 !important;
    }
    footer .divider {
    border: 0px solid;
    border-top: 0.2rem solid #435a95;
    opacity: 1;
    padding: 0;
    margin: 0;
    }
    /* footer .footer_bootom_area {
    padding-top: 2.4rem;
    padding-bottom: 3rem;
    } */
    footer .copyright {
        font-family: "Poppins";
        font-style: normal;
        font-weight: 400;
        line-height: 1.45;
        color: #7d9fc1;
        margin-bottom: 0;
        font-size: 16px;
        color: #4EA1F4;
        text-align: center;
        margin: 16px 0;
    }
    footer .tarms_link {
    padding: 0;
    margin: 0;
    }
    footer .tarms_link li {
    display: inline-block;
    margin-right: 3.5rem;
    }
    footer .tarms_link li:last-child {
    margin-right: 0 !important;
    }
    footer .tarms_link li a {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #7d9fc1;
    }
    


    /* resposive part css start */

    /* // X-Small devices (portrait phones, less than 576px) */
@media (min-width: 320px) and (max-width: 575px) { 
    .search_box input{
        width: 100%;
    }

    .contact_p{
        text-align: left;
        .search_bar {
            width: 64%;
            height: 54px;
            border-radius: 23px;
        }}
        .search_bar input {
           font-size: 15px;
        }
        .nav_menu_last{
            display: flex;
              justify-content: center;
              flex-direction: row;
          } 
          .navbar-toggler{
            border: none !important;
        }
        .search_box input {
            padding: 8px 30px 8px 20px;
        }
        .search_box input{
            width: 100%;
        }


    .upwork_logo {
        flex-shrink: 0;
        margin: 12px 0px;
        border-radius: 18px;
        border: 0.7px solid rgba(194, 240, 255, 0.79);
        background: #FFF;
        /* padding: 22px 15px; */
        height: 80px;
        width: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .freelance_last_part {
        border-radius: 26px;
        background: #fff;
        padding: 56px 15px;
        height: 40px;
        width: 100%;
        display: flex;
        margin: 20px 0%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

}
@media (min-width: 768px) and (max-width: 991px){
.upwork_logo {
     margin: 8px 98px;
}

}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 

    .upwork_logo{
        width: 92px;
        margin: 8px -2px;
    }

}

/* small device bckpoint */
@media(max-width:500px){


}