/*Cryptocoin Currency Template By DynamicLayers*/

    /*  ==========================================================================
    Table of Contets
    ==========================================================================
    
    1.0 Common Styles
    2.0 Header / Navigation
    3.0 Slider Section
    4.0 About Section
    5.0 Food Menu Section
    6.0 CTA Section
    7.0 Special Foods Section
    8.0 Food Gallery Section
    9.0 Testimonial Section
    10.0 Reservation Section
    11.0 Blog Section
    12.0 Sponsor Section
    13.0 Footer Widget Section
    14.0 Footer Section
    15.0 Page Style Section
    16.0 Single Blog Section
    17.0 Contact Section
    18.0 Scroll To Top
    
    ==========================================================================
    DynamicLayers
    ========================================================================== */

    @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
    @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

    /*  ==========================================================================
    1.0 Common Styles
    ========================================================================== */
    * {
        padding: 0;
        margin: 0;
    }

    body {
        background-color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        line-height: 23px;
        color: #555;
        font-weight: 400;
        position: relative;
        overflow-x: hidden;
    }

    h1 {
        font-family: 'Roboto', sans-serif;
        -webkit-font-smoothing: antialiased;
        color: #111111;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #282828;
    }

    h1 {
        font-size: 40px;
        line-height: 1;
        margin: 0 0 10px;
        letter-spacing: -0.02em;
        font-weight: bold;
    }

    h2 {
        font-size: 24px;
        color: #303133;
        margin: 0 0 8px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.04em;
        /* text-transform: uppercase; */
    }

    h3,
    h4 {

        margin: 0 0 10px;
        font-weight: 600;
        line-height: 1.4;
        color: #303133;
        letter-spacing: -0.01em;
    }

    /* h3 {
        font-size: 17px;
    }

    h4 {
        font-size: 15px;
    } */

    h5,
    h6 {
        font-size: 14px;
        margin: 0 0 10px;
    }

    img {
        border: none;
        outline: none;
    }

    ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    p,
    li,
    a,
    span {}

    .barw0l-text {
        font-family: "Barlow", sans-serif;
    }

    p {
        /* font-size: 16px; */
        font-size: 13px;
        margin-bottom: 15px;
        /* color: black; */
        /* font-family: emoji; */
    }
 

    a,
    a:hover {
        text-decoration: none;
    }

    a:focus {
        outline: 0;
        text-decoration: none;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #888 !important;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
        /* Firefox 18- */
        color: #888 !important;
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        /* Firefox 19+ */
        color: #888 !important;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #888 !important;
    }

    button {
        border: none;
        background: none;
    }

    /* Helper Class */
    .padding {
        padding: 80px 0;
    }

    .no-padding {
        padding: 0;
    }

    .mb-10 {
        margin-bottom: 10px;
    }

    .mb-15 {
        margin-bottom: 15px;
    }

    .mb-20 {
        margin-bottom: 20px;
    }

    .mb-25 {
        margin-bottom: 25px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .mb-35 {
        margin-bottom: 35px;
    }

    .mb-40 {
        margin-bottom: 40px;
    }

    .mb-45 {
        margin-bottom: 45px;
    }

    .mb-50 {
        margin-bottom: 50px;
    }

    .mt-20 {
        margin-top: 20px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .mt-40 {
        margin-top: 40px;
    }

    .ml-5 {
        margin-left: 5px;
    }

    .ml-10 {
        margin-left: 10px;
    }

    .mt-15 {
        margin-left: 15px;
    }

    .fz-28 {
        font-size: 28px;
    }

    .fz-24 {
        font-size: 24px;
    }

    .fz-22 {
        font-size: 22px;
    }

    .fz-20 {
        font-size: 20px;
    }

    .fz-18 {
        font-size: 18px;
    }

    .fz-16 {
        font-size: 16px;
    }

    .display-block {
        display: block;
    }

    .text-black {
        color: #282828;
    }

    .text-white {
        color: #ffffff;
    }

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

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

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

    .fl-right {
        float: right;
    }

    .fl-left {
        float: left;
    }

    .display-table {
        width: 100%;
        height: 100%;
        display: table;
    }

    .table-cell {
        display: table-cell;
        vertical-align: middle;
    }

    .overlay {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .overlay:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .bg-grey {
        background-color: #fafafa;
    }

    .bd-bottom {
        border-bottom: 1px solid #eaeaea;
    }

    .bg_dark {
        background-color: #232323;
    }

    /* Preloader Styles */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        background: black;
        height: 100%;
        width: 100%;
        -webkit-transition: all .1s .1s ease;
        -moz-transition: all .1s .1s ease;
        transition: all .1s .1s ease;
    }

    .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        /* right: 0; */
        /* width: 50px; */
        /* height: 50px; */
        display: block;
        transform: translate(-50%);
        margin: auto;

    }

    body.loaded #preloader {
        opacity: 0;
        visibility: hidden;
    }

    /*Section Heading*/
    .section_heading span {
        /* color: #f9b707; */
        color: #FF8000 !important;
    }

    /* Button Style */
   

    .btn_group a {
        margin: 5px;
    }

    .button_1 {
        background: linear-gradient(to left,#0ea5e9,#10b981);
        /* background-color: #f9b707; */
        /* color: #fff; */
        color: #ffffff;
        line-height: 45px;
        display: inline-block;
        padding: 0 25px;
        border-radius: 25px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px;
        transition: 0.5s;
    }

    .button_1:hover {
        background-color: yellow;
        color: #000000;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        /* color: red; */
    }

    /* Transition Effect */
    a,
    a:hover,
    .overlay,
    img,
    .form-control,
    .form-control:hover,
    button {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    /* ==========================================================================
   2.0 Header Section
   ========================================================================== */
    .header_section {
        position: relative;
        z-index: 99;
    }

    /*Top Header */
    .top_header {
        /* background-color: #1f293d; */
        background-color: #000;
        padding: 10px 0;
    }

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

    .top_content_wrap ul li a {
        display: inline-block;
        color: #fff;
    }

    .top_content_wrap ul li i {
        /* color: #f9b707; */
        color: #DF7A30;
        margin-right: 10px;
    }

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

    /*Bottom Header */
    .bottom_header {
        background-color: #fff;
        /* background-image: linear-gradient(to left, #3b59ff66, #27771e82); */
        /* padding: 20px 0; */
        padding: 10px 0;
        position: relative;
    }

    .bottom_content_wrap {
        position: relative;
    }

    #mainmenu {
        display: inline-block;
        margin-right: 20px;
    }

    #mainmenu li {
        position: relative;
        padding-left: 20px;
        display: inline-block;
        text-align: left;
    }
    .logo-match{
        color: #3B59FF;
    }

    #mainmenu li a {
        /* color: #1f293d; */
        font-weight: 700;
        padding: 13px 0;
        text-transform: uppercase;
        display: inline-block;
        transition: 0.7s;
    }

    #mainmenu li a:hover {
        color: black;
        font-weight: 500;
    }

    /*Dropdown */
    #mainmenu li ul {
        /* width: 200px; */
        width: 250px;
        background: rgb(74 128 226 / 77%);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);

        border: 1px solid rgba(255, 255, 255, 0.18);
        height: auto;
        position: absolute;
        left: 0;
        top: 140%;
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 999;
    }

    #mainmenu li:hover>ul {
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        top: 100%;
    }

    #mainmenu li ul li {
        border-bottom: 1px solid #eaeaea;
        display: block;
        position: relative;
    }

    #mainmenu li ul li:last-child {
        border: none;
    }

    #mainmenu li ul li a {
        line-height: 45px;
        display: block;
        padding: 0 15px;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        /* color: #777; */
        color: white;
        -webkit-transition: color 0.3s ease 0s, padding 0.3s ease 0s;
        transition: color 0.3s ease 0s, padding 0.3s ease 0s;
    }

    #mainmenu li>ul>li:hover a {
        color: black;
    }

    #mainmenu li>ul ul {
        background-color: #fff;
        left: 200px;
    }

    #mainmenu li>ul li:hover>ul li a {
        color: #777;
    }

    #mainmenu li ul li:hover>ul {
        top: 0;
        opacity: 1;
        visibility: visible;
    }

    #mainmenu li>ul li:hover>ul li>a:hover {
        background-color: transparent;
        color: #fff;
    }

    #mainmenu li ul li li a:hover {
        color: #ffca3f !important;
    }

    /*Mobile Menu */
    .slicknav_menu {
        background: none;
        padding: 4px 0;
        display: none;
        z-index: 999;
    }

    .slicknav_nav {
        background-color: #fff;
    }

    .js .slicknav_menu {
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .slicknav_btn {
        background-color: transparent;
        margin: 5px 5px 19px;
    }

    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav .slicknav_row,
    .slicknav_nav a,
    .slicknav_nav a:hover {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 10px 15px;
        margin: 0;
        color: #777;
    }

    .slicknav_nav a .caret {
        display: none;
    }

    .slicknav_nav ul {
        margin: 0;
    }

    .slicknav_nav ul li a {
        padding-left: 30px;
        font-size: 12px;
    }

    .slicknav_nav .slicknav_row:hover,
    .slicknav_nav a:hover {
        background-color: transparent;
        color: #333;
    }

    /* ==========================================================================
    3.0 Slider Section
   ========================================================================== */
    .slider-section {}

    .slider-text {
        width: 100%;
    }

    .slider-text h1 {
        font-size: 40px;
        text-transform: uppercase;
        font-weight: 900;
        color: #fff;
        line-height: 45px;
    }

    .slider-text h1 span {
        /* background-color: rgba(249, 183, 7, 0.9); */
        display: inline-block;
        margin-bottom: 5px;
        padding: 0 8px;
    }

    .nivo-caption a {
        display: inline-block !important;
    }

    .slider-text p {
        color: #fff;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .slider-wrapper {
        position: relative;
    }

    .nivo-caption {
        height: 100%;
        opacity: 1;
        background: transparent;
        overflow: visible;
    }

    /* nivo directionNav css */
    .nivo-directionNav a {
        font-size: 13px;
        background-color: rgba(0, 0, 0, 0.5);
        border: 1px solid #b7b7b7;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 38px;
        color: #fff !important;
        top: calc(50% - 20px);
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .nivo-directionNav a.nivo-prevNav {
        left: 25px;
    }

    .nivo-directionNav a.nivo-nextNav {
        right: 25px;
    }

    .slider-wrapper:hover .nivo-directionNav a.nivo-prevNav {
        left: 15px;
        opacity: 0.7;
    }

    .slider-wrapper:hover .nivo-directionNav a.nivo-nextNav {
        right: 15px;
        opacity: 0.7;
    }

    .nivo-directionNav a:hover {
        opacity: 1 !important;
    }

    /* nivo controlNav css */
    .nivo-controlNav {
        padding: 0;
        position: absolute;
        z-index: 12;
        bottom: 30px;
        width: 100%;
    }

    .nivo-controlNav a {
        background-color: transparent;
        width: 12px;
        height: 12px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        display: inline-block;
        font-size: 0;
        cursor: pointer;
        margin: 0 5px;
        transition: all 0.3s linear;
        line-height: 12px;
    }

    .nivo-controlNav a.active {
        background-color: #f9b707;
    }

    /* Slider Style 2 */
    .slider-2 .slider-text h1 span {
        background-color: transparent;
    }


    /* ==========================================================================
   3.0 About Section
   ========================================================================== */
    .about_section {
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .about_section .section_heading {}

    .about_section .section_heading h4 {
        background-color: #1f293d;
        color: #fff;
        display: inline-block;
        padding: 10px;
        font-size: 12px;
        border-radius: 2px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .about_section .section_heading h2 {
        background-color: rgba(249, 183, 7, 0.9);
        display: inline-block;
        padding: 20px 15px;
        color: #fff;
        border-radius: 2px;
    }

    .about_box h3 {
        text-transform: uppercase;
    }

    .why_content i {
        color: #f9b707;
        margin-right: 10px;
    }

    .about_image {
        background-image: url(../img/bag.png);
        background-repeat: no-repeat;
        background-position: right center;
        content: "";
        width: 100%;
        height: 100%;
        left: 30px;
        top: 30px;
        position: absolute;
        z-index: -1;
    }

    /* ==========================================================================
   4.0 Service Section
   ========================================================================== */
    .service_section {}

    .service_section .col-md-4 {
        padding: 15px;
    }

    .service_content {
        text-align: center;
    }

    .service_content img {
        background-color: #fff;
        padding: 15px;
        /* width: 70px; */
        width: 100px;
        margin-bottom: 15px;
        /* border: 2px dashed #ddd;  */
        border: 2px solid #387a30;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .service_content h3 {
        margin-bottom: 5px;
    }

    .service_content:hover img {
        /* background-color: #07f9f9; */
        background: linear-gradient(to left, #df7a305c, #38b7c8);
        border: 2px dotted black;
        border-radius: 20px;
        box-shadow: none;
    }

    .service_content:hover h3 {
        color: #f9b707;
        transition: all 0.2s ease-in-out;
    }

    .service_content a {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        color: #f9b707;
    }

    .service_content a:hover {
        text-decoration: underline;
    }

    /* ==========================================================================
   5.0 Counter Section
   ========================================================================== */
    .counter_section {
        background-image: url(../img/counter-background.jpg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 150px 0;
        position: relative;
        z-index: 1;
    }

    .counters {}

    .counters .counter_content {
        display: block;
        text-align: center;
        color: #fff;
    }

    .counters .counter_content i {
        font-size: 36px;
    }

    .counters .counter_content h3 {
        font-size: 32px;
        margin: 10px 0;
        color: #f9b707;
        font-weight: 800;
    }

    .counters .counter_content h4 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 0;
        color: #bbb;
    }

    /* ==========================================================================
   6.0 Team Section
   ========================================================================== */
    .team_section {}

    .team_carousel {}

    .team_member {
        border-radius: 2px;
        position: relative;
        overflow: hidden;
    }

    .team_member .overlay {
        background-color: rgba(31, 41, 61, 0.9);
        position: absolute;
        width: 100%;
        height: auto;
        text-align: center;
        left: 0;
        bottom: -135px;
        padding: 40px 15px 30px;
    }

    .team_member:hover .overlay {
        bottom: 0;
    }

    .team_member:hover img {
        opacity: 0.8;
        transform: scale(1.2);
    }

    .team_member .overlay h3 {
        position: absolute;
        left: 0;
        width: 100%;
        height: auto;
        top: -23px;
        display: block;
        margin: 0;
        text-align: center;

    }

    .team_member .overlay h3 span {
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        background-color: #f9b707;
        border-radius: 2px;
        display: inline-block;
        padding: 15px 15px;
    }

    .team_member .overlay p {
        color: #ddd;
    }

    .team_social li {
        display: inline-block;
    }

    .team_social a {
        background-color: #f9b707;
        border: 1px solid #f9b707;
        color: #fff;
        font-size: 12px;
        height: 30px;
        width: 30px;
        line-height: 28px;
        text-align: center;
        border-radius: 2px;
        display: inline-block;
    }

    .team_social a:hover {
        background-color: transparent;
    }

    .owl-nav {}

    .owl-nav div {
        background-color: #f9b707;
        color: #fff;
        border-radius: 2px;
        width: 40px;
        height: 40px;
        font-size: 16px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        left: -40px;
        top: calc(50% - 25px);
        transition: all 0.5s ease-in-out;
    }

    .owl-nav div:hover {
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }

    .owl-nav div.owl-next {
        left: auto;
        right: -40px;
    }


    /* ==========================================================================
   7.0 Currency Section
   ========================================================================== */

    .prices_head .table {
        margin-bottom: 0;
    }

    .table.table-striped {
        border: 1px solid #ddd;
    }

    .prices_head .currency_logo {
        max-width: 25px;
        margin-right: 15px;
    }

    .prices_head .table thead,
    .prices_head .table tbody {
        display: block;
    }

    .prices_head .table thead {
        background-color: #f9b707;
    }

    .prices_head thead tr,
    .prices_head tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: #f7f7f7;
    }

    .prices_head thead tr th {
        padding: 15px;
        text-transform: uppercase;
    }

    .prices_head thead tr th,
    .prices_head tbody tr td {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .table thead th {
        color: #fff;
    }

    .table>tbody>tr>th,
    .table>tfoot>tr>th {
        padding: 8px;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    .table>tbody>tr>td,
    .table>thead>tr>td,
    .table>tfoot>tr>td {
        padding: 12px 10px;
        vertical-align: top;
        border-top: 1px solid #ddd;
        font-size: 15px;
    }

    .table>tbody>tr>td.up:before {
        content: "\f0d8";
        font-family: 'FontAwesome';
        font-size: 12px;
        color: #27ae60;
        left: 0px;
        top: 2px;
        margin-right: 5px;
    }

    .table>tbody>tr>td.down:before {
        content: "\f0d7";
        font-family: 'FontAwesome';
        font-size: 12px;
        color: #ff0000;
        left: 0px;
        top: 2px;
        margin-right: 5px;
    }


    /* ==========================================================================
   8.0 Call Back Section
   ========================================================================== */
    .callback_section {
        /* background-image: url(../img/callback-background.jpg); */
        background: #F5F5F5;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 100px 0;
        position: relative;
        overflow: hidden;
        z-index: 1;
    }

    .cb_wrapper {
        padding: 0 0;
    }

    .cb_wrapper h2 {
        color: #fff;
    }

    .cb_wrapper h2 span {
        /* color: #f9b707; */
        color: #5FB799;
    }

    .cb_wrapper p {
        color: #ddd;
    }

    /* Contact Form Style */
    .cb-form .form-control {
        background: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        color: #fff;
        padding: 10px;
        height: 50px;
        border: 1px solid #777;
        box-shadow: none;
    }

    .cb-form .form-control:focus,
    .cb-form .form-control:hover {
        outline: none;
        box-shadow: none;
        outline: none;
        border: 1px solid #bbb;
    }

    .cb-form textarea.form-control {
        height: 100px;
    }

    #form-messages {
        display: none;
    }

    #form-messages.alert-danger,
    #form-messages.alert-success {
        display: block;
    }

    .cb-form input::-webkit-input-placeholder,
    .cb-form textarea::-webkit-input-placeholder {
        color: #888 !important;
    }

    .cb-form input:-moz-placeholder,
    .cb-form textarea:-moz-placeholder {
        /* Firefox 18- */
        color: #888 !important;
    }

    .cb-form input::-moz-placeholder,
    .cb-form textarea::-moz-placeholder {
        /* Firefox 19+ */
        color: #888 !important;
    }

    .cb-form input:-ms-input-placeholder,
    .cb-form textarea:-ms-input-placeholder {
        color: #888 !important;
    }

    /* ==========================================================================
   9.0 Pricing Section
   ========================================================================== */
    .pricing_section {}

    .pricing_lists {
        text-align: center;
    }

    .pricing_box {
        background-color: #fafafa;
        padding: 40px;
        border: 1px solid #ddd;
        border-radius: 2px;
        transition: all 0.2s ease-in-out;
    }

    .pricing_box:hover {
        box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
        transition: all 0.2s ease-in-out;
    }

    .pricing_top {
        margin-bottom: -35px;
    }

    .pricing_top i {
        background-color: #f9b707;
        height: 80px;
        width: 80px;
        line-height: 64px;
        font-size: 50px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        border: 8px solid #ffca3f;
    }

    .pricing_head h3 {
        text-transform: uppercase;
        font-size: 14px;
        color: #555;
    }

    .pricing_head h2 {
        background-color: rgba(249, 183, 7, 0.9);
        color: #fff;
        display: inline-block;
        padding: 10px;
        font-size: 28px;
        font-weight: 800;
        border-radius: 2px;
    }

    .pricing_head h2 span {
        font-size: 14px;
    }

    .pricing_box ul li {
        text-transform: uppercase;
        font-size: 12px;
        margin-bottom: 10px;
    }

    /* ==========================================================================
   10.0 Testimonial Section
   ========================================================================== */
    .testimonial_section {
        /* background-image: url(../img/testimonial-background.jpg); */
        background-image: url("../img/test_set.png");
        background-repeat: no-repeat;
        /* background-attachment: fixed; */
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .testimonial_section .section_heading h2 {
        color: #fff;
    }

    .testimonial_section .section_heading p {
        color: #ddd;
    }

    .testimonial_items {}

    .testimonial_item {
        text-align: center;
    }

    .testimonial_item i {
        /* color: #f9b707; */
        color: #FF8000 !important;
        font-size: 40px;
        margin-bottom: 15px;
    }

    .testimonial_item figure {
        width: 90px;
        height: 90px;
        padding: 5px;
        margin: 0 auto 15px;
        position: relative;
    }

    .testimonial_item figure img {
        border-radius: 50px;
        width: 100%;
    }

    .testimonial_item h4 {
        color: #ddd;
        font-weight: 800;
        margin: 15px 0 10px;
    }

    .testimonial_item p {
        color: #fff;
        font-size: 16px;
        font-style: italic;
    }

    .testimonial_items .owl-dots {
        display: block;
        text-align: center;
    }

    .testimonial_items .owl-dots .owl-dot {
        background-color: #ddd;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin: 0 3px;
        transition: all 0.5s ease-in-out;
    }

    .testimonial_items .owl-dots .owl-dot.active {
        /* background-color: #f9b707; */
        background-color: #FF8000 !important;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        transition: all 0.5s ease-in-out;
    }

    /* ==========================================================================
   11.0 Blog Section
   ========================================================================== */
    .blog_section {}

    .blog_post img {
        width: 100%;
    }

    .blog_img {
        overflow: hidden;
    }

    .blog_post:hover img {
        opacity: 0.6;
        transform: scale(1.2);
    }

    .blog_post .blog_content {
        border: 1px solid #ddd;
        padding: 15px;
    }

    .blog_post .blog_content h4 {
        text-transform: uppercase;
        margin: 0 0 3px;
    }

    .blog_post .blog_content .post_meta {
        display: block;
        margin-bottom: 10px;
    }

    .blog_post .blog_content span a {
        font-size: 12px;
        color: #444;
    }

    .blog_post .blog_content p {
        margin-bottom: 10px;
    }

    .blog_post .blog_content a {
        font-size: 15px;
        color: #444;
    }

    .blog_post .blog_content a:hover {
        text-decoration: underline;
    }


    /* Pagination 
=============== */
    .pagination_wrap {}

    .pagination_wrap li {
        display: inline-block;
        margin: 0 5px;
    }

    .pagination_wrap li a {
        border: 1px solid #ddd;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        color: #777;
        font-weight: 600;
    }

    .pagination_wrap li a:hover {
        opacity: 1;
        text-decoration: none;
    }

    .pagination_wrap li a.active {
        background-color: #F47216;
        border: 1px solid #F47216;
        color: #fff;
    }

    /* Blog Sidebar Style */
    .blog_wrapper .xs-padding {
        padding: 15px;
    }

    /* Sidebar Widgets 
==================== */
    .sidebar {}

    .sidebar_widget {
        overflow: hidden;
    }

    .sidebar_widget h3 {
        text-transform: uppercase;
        color: #555;

    }

    .search-form {
        position: relative;
    }

    .search-form .form-control {
        box-shadow: none;
        width: 100%;
        display: block;
        border: 1px solid #ddd;
        clear: #444;
        height: auto;
        padding: 15px 20px;
        border-radius: 3px;
        padding-right: 60px;
    }

    .search-form .search-btn {
        background-color: transparent;
        font-size: 24px;
        color: #F47216;
        width: 60px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        padding: 13px 0;
        opacity: 0.6;
    }

    .search-form .search-btn:focus,
    .search-form .search-btn:hover {
        opacity: 1;
    }

    .search-form input::-webkit-input-placeholder {
        color: #888 !important;
    }

    .search-form input:-moz-placeholder {
        /* Firefox 18- */
        color: #888 !important;
    }

    .search-form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #888 !important;
    }

    .search-form input:-ms-input-placeholder {
        color: #888 !important;
    }

    /* Category List 
==================== */
    .cat_list {}

    .cat_list li {
        display: block;
    }

    .cat_list li:last-child a {
        border-bottom: 1px solid #ddd;
    }

    .cat_list li a {
        background-color: #fafafa;
        border-top: 1px solid #eee;
        border-right: 1px solid #eee;
        border-left: 1px solid #eee;
        text-transform: uppercase;
        display: block;
        padding: 15px 20px;
        color: #444;
        font-size: 13px;

    }

    .cat_list li a:hover {
        text-decoration: none;
        background-color: #F47216;
        color: #fff;
    }

    /* Tag List */
    .tag_list {}

    .tag_list li {
        display: inline-block;
        margin: 3px;
    }

    .tag_list li a {
        background-color: #ddd;
        display: inline-block;
        padding: 5px 10px;
        font-size: 13px;
        color: #555;
    }

    .tag_list li a:hover {
        background-color: #F47216;
        color: #fff;
        text-decoration: none;
    }

    /* Recent Posts */
    .recent_post h4 a {
        color: #777;
    }

    .recent_post h4 a:hover {
        color: #F47216;
        opacity: 1;
        text-decoration: underline;
    }



    /*Blog Single Style*/
    .blog_single img {
        width: 100%;
        border-radius: 5px;
    }

    .form_wrapper .comment_form textarea {
        height: auto;
    }

    /** ====================
 * Comment List
 =======================*/
    .comments_wrapper {
        padding: 20px;
        border: 1px solid #ddd;
    }

    .comments-list {
        margin-top: 30px;
        position: relative;
    }

    /**
 * Lines / Details
 -----------------------*/
    .comments-list:before {
        content: '';
        width: 2px;
        height: 100%;
        background: #eee;
        position: absolute;
        left: 32px;
        top: 0;
    }

    .comments-list:after {
        content: '';
        position: absolute;
        background: #eee;
        bottom: 0;
        left: 27px;
        width: 7px;
        height: 7px;
        border: 3px solid #dee1e3;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .reply-list:before,
    .reply-list:after {
        display: none;
    }

    .reply-list li:before {
        content: '';
        width: 60px;
        height: 2px;
        background: #eee;
        position: absolute;
        top: 25px;
        left: -55px;
    }

    .comments-list li {
        margin-bottom: 15px;
        display: block;
        position: relative;
    }

    .comments-list li:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        width: 0;
    }

    .reply-list {
        padding-left: 88px;
        clear: both;
        margin-top: 15px;
    }

    /**
 * Avatar
 ---------------------------*/
    .comments-list .comment-avatar {
        width: 65px;
        height: 65px;
        position: relative;
        z-index: 99;
        float: left;
        border: 3px solid #FFF;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

    .comments-list .comment-avatar img {
        width: 100%;
        height: 100%;
    }

    .reply-list .comment-avatar {
        width: 50px;
        height: 50px;
    }

    .comment-main-level:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        clear: both;
    }

    /**
 * Comment Box
 ---------------------------*/
    .comments-list .comment-box {
        width: 620px;
        float: right;
        position: relative;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    }

    .comments-list .comment-box:before,
    .comments-list .comment-box:after {
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        display: block;
        border-width: 10px 12px 10px 0;
        border-style: solid;
        border-color: transparent #FCFCFC;
        top: 8px;
        left: -11px;
    }

    .comments-list .comment-box:before {
        border-width: 11px 13px 11px 0;
        border-color: transparent rgba(0, 0, 0, 0.05);
        left: -12px;
    }

    .reply-list .comment-box {
        width: 610px;
    }

    .comment-box .comment-head {
        background: #FCFCFC;
        padding: 10px 12px;
        border-bottom: 1px solid #E5E5E5;
        overflow: hidden;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .comment-box .comment-head i {
        float: right;
        margin-left: 14px;
        position: relative;
        top: 2px;
        color: #A6A6A6;
        cursor: pointer;
        -webkit-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        transition: color 0.3s ease;
    }

    .comment-box .comment-head i:hover {
        color: #03658c;
    }

    .comment-box .comment-name {
        color: #283035;
        font-size: 14px;
        font-weight: 700;
        float: left;
        margin-right: 10px;
    }

    .comment-box .comment-name a {
        color: #283035;
    }

    .comment-box .comment-head span {
        float: left;
        color: #999;
        font-size: 13px;
        position: relative;
        top: 1px;
    }

    .comment-box .comment-content {
        background: #FFF;
        padding: 12px;
        font-size: 15px;
        color: #595959;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .comment-box .comment-name.by-author,
    .comment-box .comment-name.by-author a {
        color: #03658c;
    }

    .comment-box .comment-name.by-author:after {
        content: 'autor';
        background: #03658c;
        color: #FFF;
        font-size: 12px;
        padding: 3px 5px;
        font-weight: 700;
        margin-left: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    /* Social Share 
==================== */
    .share_wrap {
        overflow: hidden;
        margin: 40px 0;
        border: 1px solid #ddd;
        padding: 14px 0;
        padding-left: 20px;
    }

    .share_wrap ul,
    .share_wrap h4 {
        display: inline-block;
    }

    .share_wrap h4 {
        text-transform: uppercase;
        margin-right: 10px;
    }

    .share_icon {
        display: inline-block;
    }

    .share_icon li {
        display: inline-block;
        margin-right: 10px;
    }

    .share_icon li:nth-child(1) a {
        background-color: #3B5998;
    }

    .share_icon li:nth-child(2) a {
        background-color: #1DCAFF;
    }

    .share_icon li:nth-child(3) a {
        background-color: #DB4A39;
    }

    .share_icon li a {
        display: inline-block;
        font-size: 13px;
        color: #fff;
        padding: 5px 10px;
    }

    .share_icon li a:hover {
        text-decoration: none;
        opacity: 0.8;
    }

    /* Comments Box 
==================== */
    .comments_wrap {}

    .comments_wrap .media-left img {
        border-radius: 50%;
        width: 80%;
    }

    .media-body h4 a {
        color: #777;
    }

    .media-body h4 {
        margin-bottom: 3px;
    }

    .media-body .comment_date {
        color: #777;
    }

    /* Contact/Comment Forms 
==================== */
    .form-control {
        height: 45px;
        border: 1px solid #ddd;
        border-radius: 3px;
    }

    .comment_form {
        border: 1px solid #ddd;
        padding: 20px 20px;
    }

    .form-control:focus,
    .form-control:hover {
        outline: none;
    }

    .form-control {
        box-shadow: none;
    }

    .form-control:focus,
    .form-control:hover {
        box-shadow: none;
        outline: none;
        border: 1px solid #bbb;
    }

    .cf-wrapper .form-control {
        background: none;
        border: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
        color: #282828;
        padding: 10px;
    }

    .form-box .form-control {
        border: 1px solid #ddd;
    }

    .cf-wrapper .form-control:hover,
    .cf-wrapper .form-control:focus {
        border-bottom: 1px solid #999;
        box-shadow: none;
    }

    #form-messages {
        display: none;
    }

    #form-messages.alert-danger,
    #form-messages.alert-success {
        display: block;
    }

    .cf-wrapper input::-webkit-input-placeholder,
    .cf-wrapper textarea::-webkit-input-placeholder {
        color: #888 !important;
    }

    .cf-wrapper input:-moz-placeholder,
    .cf-wrapper textarea:-moz-placeholder {
        /* Firefox 18- */
        color: #888 !important;
    }

    .cf-wrapper input::-moz-placeholder,
    .cf-wrapper textarea::-moz-placeholder {
        /* Firefox 19+ */
        color: #888 !important;
    }

    .cf-wrapper input:-ms-input-placeholder,
    .cf-wrapper textarea:-ms-input-placeholder {
        color: #888 !important;
    }


    /** =====================
 * Responsive
 ========================*/
    @media only screen and (max-width: 992px) {
        .comments-container {
            width: 480px;
        }

        .comments-list .comment-box {
            width: 390px;
        }

        .reply-list .comment-box {
            width: 320px;
        }
    }


    /* ==========================================================================
   12.0 Sponsor Section
   ========================================================================== */
    .sponsor_section {
        padding: 20px 0;
    }

    .sponsor_section .sponsor_items {}

    .sponsor_section .sponsor_item img {
        opacity: 0.5;
        width: 100%;
    }

    .sponsor_section .sponsor_items li:hover img {
        opacity: 1;
    }

    /* ==========================================================================
   13.0 Widget Section
   ========================================================================== */
    .widget_section {
        background-image: url(../img/widget-background.jpg);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        /* padding: 150px 0; */
        padding: 56px 0;
    }

    .widget_wrapper h3 {
        color: #fff;
        text-transform: uppercase;
    }

    .widget_wrapper p {
        color: #bbb;
    }

    .widget_wrapper .footer_social {
        display: block;
    }

    .widget_wrapper .footer_social li {
        display: inline-block;
    }

    .widget_wrapper .footer_social li a {
        color: #ddd;
        font-size: 12px;
        margin-right: 20px;
    }

    .widget_wrapper .footer_social li a:hover {
        color: #f9b707;
    }

    .widget_wrapper .widget_links li a {
        font-size: 12px;
        color: #bbb;
        text-transform: uppercase;
        line-height: 30px;
    }

    .widget_wrapper .widget_links li a:hover {
        text-decoration: underline;
        color: #fff;
    }

    /* Subscribe Form Style */
    .subscribe_form {
        display: block;
        text-align: center;
        padding: 5px 0;
    }

    .subscribe_form p {
        color: #bbb;
    }

    .subscribe_form .form_input {
        display: block;
        background-color: rgba(255, 255, 255, 0.4);
        color: #fff;
        border: none;
        font-size: 12px;
        line-height: 50px;
        padding: 0 10px;
        float: left;
        width: 70%;
        transition: all 0.5s ease-in-out;
    }

    .subscribe_form .submit {
        background-color: #f9b707;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 10px;
        font-weight: 600;
        line-height: 50px;
        display: inline-block;
        padding: 0 10px;
        float: left;
        width: 30%;
        transition: all 0.5s ease-in-out;
    }

    .subscribe_form .submit:hover {
        background-color: #1f293d;
        transition: all 0.5s ease-in-out;
    }

    #subscribe-result {
        display: none;
        margin-top: 15px;
        padding: 10px;
        border: 1px solid #DEAA6E;
    }

    #subscribe-result.subs-result {
        display: block;
    }

    .subscription-error {
        color: #B60000;
    }

    .subscription-success {
        color: #333;
    }

    .subscribe_form input::-webkit-input-placeholder {
        color: #ddd !important;
    }

    .subscribe_form input:-moz-placeholder {
        /* Firefox 18- */
        color: #ddd !important;
    }

    .subscribe_form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #ddd !important;
    }

    .subscribe_form input:-ms-input-placeholder {
        color: #ddd !important;
    }

    /* ==========================================================================
   14.0 Ticker Section
   ========================================================================== */
    .ticker_wrapper {
        background-color: #fafafa;
        display: none;
    }

    .ticker_wrapper.ticker-fixed-top {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
    }

    .ticker_wrapper li {
        font-size: 12px;
        font-weight: 700;

    }

    .ticker_wrapper li span {
        color: #f9b707;
    }

    /* ==========================================================================
   15.0 Promo Section
   ========================================================================== */
    .promo_padding {
        padding-bottom: 150px;
    }

    .promo_content {
        background-color: #fafafa;
        border: 2px dashed #ddd;
        padding: 30px;
        transition: all 0.2s ease-in-out;
    }

    .promo_content:hover {
        box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
        transition: all 0.2s ease-in-out;

    }

    .promo_content img {
        margin-bottom: 15px;
    }

    .promo_content h3 {
        margin-bottom: 5px;
    }

    /* ==========================================================================
   16.0 CTA Section
   ========================================================================== */
    .cta_section {
        position: relative;
        padding: 200px 0 100px;
        z-index: 1;
    }

    .macbook {
        background-image: url(../img/macbook.png);
        background-repeat: no-repeat;
        background-position: top center;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: -80px;
        position: absolute;
        z-index: -1;
    }

    .cta_content {
        padding-top: 140px;
    }

    /* ==========================================================================
   17.0 Project Section
   ========================================================================== */
    .project_section {}

    .project_carousel {}

    .project_wrapper {
        border-radius: 2px;
        position: relative;
        overflow: hidden;
    }

    .project_wrapper img {
        width: 100%;
    }

    .project_items .col-lg-4 {
        padding: 15px;
    }

    .project_wrapper .overlay {
        background-color: rgba(31, 41, 61, 0.9);
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        left: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.9);
    }

    .project_wrapper .overlay a {
        background-color: #f9b707;
        color: #fff;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        border-radius: 50%;
    }

    .project_wrapper:hover .overlay {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }

    /* Project Filter */
    .project_filter {
        width: 100%;
    }

    .project_filter li {
        margin-right: 10px;
        display: inline-block;
        font-size: 14px;
        text-transform: uppercase;
        font-family: "Roboto", sans-serif;
        font-weight: 800;
        background-color: #f7f7f7;
        border: 2px dashed #ddd;
        padding: 10px 20px;
        border-radius: 2px;
        cursor: pointer;
    }

    .project_filter li.active {
        background-color: #f9b707;
        color: #fff;
        border: 2px dashed #f9b707;
    }

    /* ==========================================================================
   18.0 Page Style Section
   ========================================================================== */
    /*Page Header */
    .page_header {
        background-image: url(../img/her-ab.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        height: 300px;
        position: relative;
        z-index: 1;
    }

    .set-hero-market {
        background-image: url(../img/heromarket.png);
        background-size: cover;
        background-attachment: fixed;
        height: 300px;
    }

    .page_header .page_content h2 {
        font-weight: 700;
        font-size: 28px;
        color: #fff;
    }

    .page_header .page_content h2 span {
        color: #FF8000;
    }

    .page_header .page_content {
        position: relative;
    }

    /*Breadcrumb */
    .breadcrumb {
        background-color: transparent;
        position: absolute;
        right: 0;
        top: calc(50% - 23px);
        margin: 0;
    }

    .breadcrumb li {}

    .breadcrumb li a {
        font-weight: 700;
        text-transform: uppercase;
        color: #ddd;
    }

    .breadcrumb li a:hover {
        text-decoration: underline;
    }

    .breadcrumb .active {
        color: #FF8000;
        text-transform: uppercase;
        font-weight: 700;
    }

    /*404 Not Found*/
    .page_header.not_found {
        background-image: none;
        background-color: #fff;
    }

    .page_header.not_found .page_content h2 {
        color: #555;
    }

    .page_header.not_found .breadcrumb li a {
        color: #555;
    }

    /* ==========================================================================
   19.0 CTA Section 2
   ========================================================================== */
    .cta_section_2 {}

    .cta_section_2 .cta_content {
        padding: 68px 0;
    }

    .cta_wrapper img {
        width: 100%;
        border-radius: 5px;
        box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
    }

    /* ==========================================================================
   20.0 Contact Section
   ========================================================================== */
    .contact_section .contact_info {}

    .contact_info span {
        text-transform: uppercase;
        font-weight: 700;
    }

    .contact_info {
        padding: 32px 0;
    }

    .contact_info i {
        color: #111111;
        background-color: #FF8000;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        margin-right: 10px;
        border-radius: 50%;
    }

    .contact_info li {
        margin-bottom: 10px;
    }

    .contact_info p {
        line-height: 2.3;
    }

    .contact_form {}

    .contact_form .form-control {
        background: none;
        border: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #ddd;
        color: #666;
        padding: 10px;
    }

    .contact_form textarea.form-control {
        height: auto;
    }

    .contact_form .form-control:hover,
    .contact_form .form-control:focus {
        border-bottom: 1px solid #999;
        box-shadow: none;
    }

    #form-messages {
        display: none;
    }

    #form-messages.alert-danger,
    #form-messages.alert-success {
        display: block;
    }

    .contact_form input::-webkit-input-placeholder,
    .contact_form textarea::-webkit-input-placeholder {
        color: #888 !important;
    }

    .contact_form input:-moz-placeholder,
    .contact_form textarea:-moz-placeholder {
        /* Firefox 18- */
        color: #888 !important;
    }

    .contact_form input::-moz-placeholder,
    .contact_form textarea::-moz-placeholder {
        /* Firefox 19+ */
        color: #888 !important;
    }

    .contact_form input:-ms-input-placeholder,
    .contact_form textarea:-ms-input-placeholder {
        color: #888 !important;
    }

    /*Google Map*/
    #google_map {
        width: 100%;
        height: 350px;
    }

    /* ==========================================================================
   14.0 Footer Section
   ========================================================================== */
    .footer_section {
        display: block;
        background-color: #1f293d;
        padding: 10px 0;
    }

    .footer_section .copyright {
        font-size: 12px;
        color: #ddd;
        text-transform: uppercase;
        text-align: center;
    }


    /* ==========================================================================
   15.0 Scroll To Top
   ========================================================================== */
    #scroll-to-top {
        /* background-color: #f9b707; */
        background-color:#FF8000;
        display: none;
        width: 35px;
        height: 35px;
        text-align: center;
        font-size: 14px;
        line-height: 35px;
        color: #fff;
        position: fixed;
        border-radius: 2px;
        bottom: 50px;
        right: 50px;
        z-index: 999;
    }

    #scroll-to-top:hover {
        background-color: #1f293d;
        color: #fff;
    }

    /* dued start */
    .set-footer-icon {
        font-size: 17px;
    }

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

    .set-bold {
        font-size: 30px;
        /* font-weight: 700;  */
        /* font-style: italic; */
        color: #FF8000;
    }

    .set-heading-box {
        background: linear-gradient(to left, #5FB799, #38B7C8);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .set_algo {
        font-size: 35px;
        background: linear-gradient(to right, #012c1e, #29bfd3);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    .fa-laptop {
        float: left;
        color: #5c8eb0;
        font-size: 40px;
        line-height: 0;
    }
.cmp{
    color:#28A745 ;
}
    .set-why-an {
        font-size: 35px;
        font-weight: 700;
        color: #FF8000;
        /* text-align: center; */
    }

    .refer-iiimg {
        width: 350px;
    }
.set-success{
    color: #28A745;
}

    .fs-set {
        font-size: 20px;
        color: #28A745;
    }

    .fs-setp {
        /* font-size: 16px; */
        font-size: 13px;
        color: black;
    }

    .card-title {
        font-size: 22px;
        font-weight: 700;
    }

    .icons-call {
        padding: 20px;
        box-shadow: 4px 4px 10px rgb(32 131 85);

    }

    .card-img-top {
        border-radius: 10px;
    }

    .sun-card {
        background: rgba(0, 0, 0, 0.15);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        border-radius: 10px;
        border: 1px solid white;
    }

    .set-vvvv {
        background: #27771e0f;
    }

    .set-focus {
        border-radius: 10px;
    }

    .set-focus-bg {
        padding: 20px;
        background: #3b59ff42;
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        ;
    }
    .black{
        color: black;
    }

    .icons-call i {
        font-size: 18px;
    }

    .callc {
        font-weight: 900;
    }

    .set-miss-viss-bg {
        background-image: url("../img/miss_bg.png");
        height: 100%;
        background-size: cover;
        background-attachment: fixed;
    }

    .set-span {
        font-size: 18px;
        color: black;
    }

    .set-financial-bg {
        background: #FAFAEB;
    }

    .set-work-bg {
        background: #d5ebda;
        ;
    }

    .set-ro-ad {
        background: #fe8f3b14;
        ;
    }

    .set-robo-bg {
        background: #3b59ff0d;
    }

    .cs-rounded {
        border-radius: 50%;
    }

    .title-cash-head {
        font-weight: 700;
        font-size: 17px;
    }

    .ben-algo {
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .set-algi-bg {
        background-color: #d6f1e593;
    }

    .box-ddee {
        padding: 30px;
        border-radius: 6px;
        background: #fff;
        border-left: 3px solid #28A745;
        box-shadow: 4px 4px 10px #df303036;
        width: 100%;
        gap: 35px;
        transition: 0.5s;
    }

    .set-color-trade {
        color: #28A745;
    }

    .box-ddee:hover {
        box-shadow: none;
    }



    .test-bg-home {
        background-image: url("../img/test_set.png");
        height: 100%;
        background-size: cover;
    }

    .set-font-awe {
        font-size: 33px;
        color: #3B59FF;
        font-weight: 600;
    }

    .set-wiii-font {
        font-size: 18px;
        transition: 0.9s;
        font-weight: 600;
    }

    .one {
        color: #28A745;
    }


    .set-pointer {
        cursor: pointer;
    }

    .show-this {
        display: none;
    }

    .set-parllel {
        width: 9%;
    }

    @keyframes fadeInUp {
        0% {
            transform: translateY(100%);
            opacity: 0;
        }

        100% {
            transform: translateY(0%);
            opacity: 1;
        }
    }

    .fadeInUp-animation {
        animation: 1.5s fadeInUp;
    }

    .services-box {
        padding: 15px;
        border: 1px solid #52acfa;

    }

    .services-box span {
        font-size: 20px;
        font-weight: 700;
    }

    .first {
        width: 5%;
        height: 3px;
        background-color: #3B59FF;
        margin: 0px 5px;
    }

    .second {
        width: 9%;
        height: 3px;
        background-color: #FF8000;
        margin: 0px 5px;
    }

    .third {
        width: 7%;
        height: 3px;
        background-color: #28A745;
    }

    .set-wiii-font:hover {
        color: #5c8eb0;
    }

    .set-size-ser {
        font-size: 35px;
        font-weight: 500;
    }

    /* .set-bse-de{
    background: linear-gradient(to left, #212649,#111111, #142D2E);
  
    color: white;
} */

    .left-bse i {
        font-size: 18px;
        color: #FF8000;
    }

    .head-bse p {
        font-size: 17px;
    }

    .right-bse span {
        font-size: 16px;
    }

    .nse-img {
        border-radius: 15px;
    }

    .algo-inner-box {
        padding: 20px;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .img-algo {
        width: 70px;
        height: 70px;
        background-color: black;
        border-radius: 50%;
    }

    .ppp {
        padding-right: 10px;
    }

    .set-ant {
        font-size: 30px;
    }

    .bg-girl {
        height: 350px;
        width: 350px;
        background: linear-gradient(45deg, #df7a30a6, #38b7c880);
        border-radius: 50%;
    }

    .girl-img {
        border-radius: 0px 0px 950px 950px;
    }

    .first-ab {
        color: #3B59FF;
        font-size: 35px;
    }

    .set-size {
        font-size: 25px;
        font-weight: 800;
    }
    .text-slate{
        color: #bbb;
    }

    .r-bo-s {
        /* font-size: 15px; */
        font-size: 13px;
        font-weight: 700;
    }

    .set-rr {
        border-radius: 25px;
    }

    .add-bg-dued {
        background-image: url("../img/hero-ser.png");
        background-size: cover;
        height: 300px;
    }

    .set-hero-algo-sol {
        background-image: url("../img/algos.png");
        background-size: cover;
        height: 300px;
    }

    .set-hero-algorithm {
        background-image: url("../img/hero-algo.png");
        background-size: cover;
        height: 300px;
    }

    .robotic-hero {
        background-image: url("../img/robotic.png");
        background-size: cover;
        height: 300px;
    }

    .contact-hero {
        background-image: url("../img/contact.png");
        background-size: cover;
        height: 300px;
    }

    .inner-box {
        padding: 20px;
        border-radius: 20px !important;
        /* background: linear-gradient(253deg, #061327 87.99%,#1b5183 -45.94%); */
        background: linear-gradient(253deg, #061327 97.99%, #1b5183 -15.94%);
    }

    .trans-inner {
        padding: 20px;

        background: rgba(255, 255, 255, 0);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
    }

    .set-font-w {
        font-weight: 800;
        cursor: pointer;
        width: 100%;
        background: #28A745;
        color: white;
        text-align: center;
        border-radius: 25px;
        padding: 9px 2px;
    }

    .note-left {
        margin-left: 15px;
    }

    .set-transaction-bg {
        background-color: #070A27;
    }

    .set-stock {
        border-radius: 10px;
    }

    .add-border-here {
        border: 1px solid black;
        border-radius: 10px;
    }

    tbody {
        border: 1px solid black;
    }

    .left-bb {
        border-right: 1px solid black;
    }

    .brof-bor {
        border-right: 1px solid black;
    }

    td {
        min-width: 221px;
        width: fit-content;
    }

    .box-invest {
        background: rgba(255, 255, 255, 0);
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.18);
        padding: 20px;
        color: white;
        transition: 0.2s;
    }

    .box-invest:hover {
        box-shadow: none;
    }

    .txt-th {
        position: relative;
    }

    .sunn-th h3 {
        font-size: 40px;
        color: white;
    }

    .sunn-th {
        position: absolute;
        top: 50%;
        left: 30%;
    }

    .login-form {
        padding: 20px 20px 50px 20px;
        /* border: 2px dotted red; */
        border-radius: 25px;
        background-color: #001524;
        /* background: transparent; */
        /* height: 100%; */
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .reg-form {
        /* padding: 20px 20px 50px 20px;
    background-color: #111111; */
    }

    .inner-box1 {
        font-size: 22px;
        padding: 10px;
        background: black;
        /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
        border-radius: 8px;
    }

    .set-pa {
        padding: 10px 17px;
        background-color: white;
    }

    .set-sum {
        width: 100%;
        padding: 12px;
    }

    .in-colo {
        background-color: #03658c;
        color: white;
        padding: 10px;
    }

    .set-ab-r {
        border-radius: 15px;
        box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    }

    .set-reg-bg {
        /* background-image: url("../img/reg.png"); */
        background-size: cover;
    }

    .add-left-pp {
        padding-left: 15px;
        border-left: 2px solid #FF8000;
        margin: 20px 0px;
    }

    .set-index-brr {
        border-radius: 0px 25px 0px 25px;
    }

    .btn-forget {
        background-color: #FF8000;
        /* color: #fff; */
        color: #111111;
        line-height: 45px;
        display: inline-block;
        padding: 0 2px;
        border-radius: 25px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 12px;

    }

    .captcha-box-in {
        /* gap: 20px; */
    }

    .set-sec-bg {
        /* background: linear-gradient(to right,#1D5652,#0F1E25); */
        /* color: white; */
    }

    .set-design-sm {
        font-size: 26px;
        color: #3B59FF;
    }

    .set-counter-bg {
        background-color:  #FF8000;
        color: white;
    }

    .upper-ttt h3 {
        color:  #FF8000;
    }
    .orange{
        /* color: #F47216; */
        color:  #FF8000 !important;
       

    }

    .tight {
        font-weight: 800;
    }

    .algo-paa {
        color: #3B59FF;
    }
   

    .refer-gap {
        padding-right: 15px;
    }

    .bbb-login {
        width: 100%;
    }

    .algo-paa-or {
        color: #FF8000;
    }

    .footer_social li a i {
        font-size: 20px;
    }

    .set-bg-algoscal {
        background-color: #080033;
    }

    .scal-box {
        padding: 25px;
        border: 2px solid #00b7e3;
        border-radius: 15px 15px 5px 5px;
        height: 136px;
        position: relative;
    }

    .move {

        background: #080033;
        position: absolute;
        top: -24%;
        left: 12%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .set-market-bg {
        background: black;
    }

    .set-nackground {
        background-color: #FAFAFA;
    }

    .set-tt {
        color: #FF8000;
    }

    .ssss {
        color: black;
        font-weight: 500;
    }

    .e-left i {
        font-size: 35px;
        color: #ff000094;
    }

    .inner-social {
        padding: 25px;
        border: 1px dotted black;
        border-radius: 10px;
        background: linear-gradient(90deg, rgba(255, 143, 58, 0.43) 0%, rgba(39, 119, 30, 0.31) 50%, rgba(59, 89, 255, 0.4) 100%);


    }

    .set-hero-tran-sol {
        background-image: url("../img/Tran.png");
        height: 300px;
        background-size: cover;
    }

    .set-thin {
        font-size: 30px;
        color: black;
    }

    .se-wi {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        border-radius: 10px;
    }

    .set-bg-lo {
        background-image: url("../img/lo-bg.png");
        background-size: cover;
    }

    .set-qq {
        font-size: 25px;
        font-weight: 800;
    }

    .set-bg-cc {
        background-color: #3B59FF;
        color: white;
        border-radius: 25px;
    }

    .codee {
        font-size: 13px;
        margin-left: 10px;
    }

    .source-g {
        width: 450px;
    }

    .login-btn {
        background: #28A745;
        /* border: 1px solid red; */
        border-radius: 5px;
        color: white;
        width: 100%;
        padding: 7px 10px;
        cursor: pointer;
    }

    .set-ccc {
        background: linear-gradient(to left, #53BC9A, #56A0D0);
    }

    .setttttt {
        background-color: yellow;
    }

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

    .siu {
        border: 1px solid grey;
        padding: 3px;
        width: 100%;
        cursor: pointer;
    }

    .labe-up {
        font-weight: 700;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .demat-input {
        width: 100%;
        padding: 5px 10px;
    }

    .set-mcx-bg {
        background-color: #080033;
        color: white;
    }

    .login-form-demat {
        padding: 20px 20px 50px 20px;
        /* border: 0.4px dotted red; */
        border-radius: 5px;
        /* background-color: black; */
        /* background: transparent; */
        /* height: 100%; */
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .heddd-modd {
        background-image: linear-gradient(to left, #3b59ff66, #27771e82);
    }

    .set-bse {
        background-color: #0062DD;
    }

    .ass1,
    .ass2 {
        background-color: #DCE3E9;

    }

    .demat-card {
        background-color: #1E2357;
    }

    .outer-faq {
        cursor: pointer;
    }

    .inner-faq {
        display: none;
    }

    .cccardone {
        background-color: #181A32;
        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        padding: 20px;
        border: 1px solid #FF8000;
        border-radius: 10px;
    }

    .text-grad {
        background: -webkit-linear-gradient(#3B59FF, #27771E);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .body-mm {
        background: black;
        color: white;
    }

    .add-help-dued {
        background-image: url("../img/help.png");
        background-size: cover;
        height: 300px;
        background-position:center;
     
        background-attachment: fixed;
       
    }
    .related-link{
        background-color: #333333;
    }
    .set-bgwa{
        color: #FF8000 !important;
      }

    .set-part4{
        background-color: black;
    }

    .text-box-full{
        width: 100%;
        outline: none;
    }
    input{
        outline: none;
        border: 0.5px solid black;
    }

    input:focus {
        border: 1px solid #555;
      }
      .set-send{
        width: 100%;
      }
    .modal-footer {
        background-color: black;
    }

    .set-faq-bg {
        background-color: #1E2357;
    }
   

    .hee-faq {
        padding: 10px;
    }

    .faq-btn {
        font-size: 23px;

    }

    .popup {
        cursor: pointer;
    }



    @media (min-width:0px) and (max-width:768px) {
        .set-sm-pro {
            display: block;
        }

        .hid-md {
            display: none;
        }
        .e-left{
            width: 50%;
          }
          .right{
            width: 98%;
          }
    }

    @media (min-width:768px) {
        .set-sm-pro {
            display: none;
        }
        .set-logo-hidd {
            display: none;
        }
    }

    @media (min-width:768px) and (max-width:992px) {
        .set-sm-ho {
            display: flex;

        }


        .set-md-home {
            display: flex;
            justify-content: center;
        }

        .set-co-i {
            width: 100%;
        }

        .hid-md {
            display: none;
        }

        .md-none {
            display: none;
        }
        .set-logo-hidd {
            display: none;
        }
    }

    @media (min-width:0px) and (max-width:576px) {
        .set-rr {
            width: 100%;
        }

        .sm-regi {
            display: flex;
            justify-content: center;
        }

        .sm-width,
        .se-wi {
            width: 100%;
        }

        .sm-width {
            display: none;
        }

        .set-sm-ho {
            display: flex;
            flex-direction: column;
        }
        .fs-setp{
            text-align: center;
        }

        .set-login {
            display: flex;
            flex-direction: column;
        }
        .help-img{
            width: 100%;
        }

        .miss-cen {
            display: flex;
            justify-content: center;
        }

        .nse-img-div {
            display: flex;
            justify-content: center;


        }

        .set-focus-bg {
            display: none;

        }

        .set-sm-ab1 {
            width: 100%;
        }

        .set-sm-honesty {
            display: flex;
            justify-content: center;
        }

        .set-co-i {
            width: 100%;
        }

        .set-sm-suuu {
            width: 100%;
        }


        .ad-cll {
            width: 100%;
        }

        .set-uppp {
            display: flex;
        }

        .source-g {
            width: 100%;
        }

        .login-form {
            padding: 20px 20px 50px 20px;
            /* border: 2px dotted red; */
            border-radius: 0px;
            background-color: #1D1D1D;
            /* background: transparent; */
            /* height: 100%; */
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

        .login-btn {
            background-color: green;
            color: white;
            width: 100%;
            padding: 8px;
            border-radius: 10px;
        }

        .set-bg-lo {
            background-image: none;
            background-color: black;
        }

        .mobb {
            display: none;
        }

        .page_header {
            background-image: url(../img/hero-ser.png);
            background-attachment: fixed;
            background-size: cover;
            height: 300px;

        }
        .benefits{
            width: 100%;
        }

        .set-wiii-font {
            font-size: 14px;
            transition: 0.9s;
            font-weight: 600;
        }

        .refer-iiimg {
            width: 100%;
        }
        .top_content_wrap .right_info {
            text-align:start;
          }

          .e-left{
            width: 50%;
          }
          .right{
            width: 98%;
          }


    }

    /* dued end */



    
/* ______________  17/06/2024 start */

@media  (min-width:0px) and (max-width:576px) {
  
    #mainmenu{
        display: none;
    }
    /* #mainmenu {
        display: flex;
        margin-top: 45px;
        margin-right: 20px;
      } */
      .menu_hiddd i{
        font-size: 20px;
    }

    #mainmenu li a {
        padding: 4px 0;
       
    }
    .sm_align{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .arrow_bottom{
        padding-left: 15px;
        color: #007bff;
        font-size: 12px;
    }
}

@media (min-width:576px) and (max-width:768px){
    #mainmenu{
        display: none;
    }
    .menu_hiddd{
        margin-left: 230px;
    }
    .menu_hiddd i{
        font-size: 20px;
    }
    .bottom_content_wrap{
     display: flex;
     flex-direction: column;
    }
    .sm_align{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .arrow_bottom{
        padding-left: 15px;
        color: #007bff;
        font-size: 12px;
    }
    #mainmenu li a {
        padding: 4px 0;
       
    }
}


@media (min-width:768px) {
   
    .menu_hiddd{
        display: none;
    }
    .arrow_bottom{
        display: none!important;
    }
}
/* ______________  17/06/2024 end */