
.left_icon {
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #ffd15f;
    display: inline-block;
    z-index: 999;
    text-align: center;
    line-height: 45px;
    opacity: 0;
    transition: .5s ease-in-out;
}

.right_icon {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #ffd15f;
    display: inline-block;
    z-index: 999;
    text-align: center;
    line-height: 45px;
    opacity: 0;
    transition: .5s ease-in-out;
}

    .right_icon:hover, .left_icon:hover {
        background: linear-gradient(to top, #BF953F, #FCF6BA, #FBF5B7, #AA771C);
        color: #0a0a0a;
    }

.banner-text:hover > .right_icon {
    opacity: 1;
}

.banner-text:hover > .left_icon {
    opacity: 1;
}

.banner_img {
    width: 100%;
}

    .banner_img img {
        width: 100%;
    }

.banner-text {
    position: relative;
}


.navbar-right .dropdown-menu {
    right: 0;
    left: 0;
    background: #021639;
    padding: 10px 15px;
}

.dropdown-item {
    display: block;
    font-size: 14px;
    color: #ffd15f;
    text-transform: uppercase;
    transition: .3s;
    vertical-align: middle;
    padding: 6px 0px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}

    .dropdown-item:hover {
        transition: .3s;
        color: #ffd15f;
        border-bottom: 2px solid #ffd15f;
    }

.button_right {
    float: right;
}

.pt-40 {
    padding-top: 40px!important;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px!important;
}

.pt-30 {
    padding-top: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-30 {
    padding-bottom: 30px;
}


.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-30 {
    margin-top: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-30 {
    margin-bottom: 30px;
}
.space_mt100 {
    margin-top:100px;
}

.fl_right {
    float: right;
}
.text_box2 {
    background: #010525;
    padding: 35px 15px 10px;
    margin-top: -25px;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: .3s ease-in-out;
    height: 175px;
}
.text_box2:hover {
    border: 1px solid #ffd15f;
}

.d_flex {
    display: flex;
    flex-wrap: wrap;
}

    @media(max-width:992px) {
        .mob_block {
            display:block!important;
        }
        .work-bg .work .work-round ul li {
            width: 100%;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            display: flex;
        }
        .space_mb100 {
            margin-bottom: 100px;
        }

        .fl_right {
            float: inherit !important;
        }

        .about-bg .about {
            padding: 20px 15px 20px 15px;
        }
        .text_box2 {
            height:auto;
        }
    }

    @media(max-width:768px) {
            .left_icon {
            display: none !important;
        }

        .right_icon {
            display: none !important;
        }

        .navbar-nav {
            float: inherit !important;
        }
        .order1 {
            order:-1;
        }
    }

    @media(max-width:600px) {

        .mt-60 {
            margin-top: 30px;
        }
    }

.navbar-header a img {
    width:188px;
}
.sign2:hover .sign1 {
    
}
