@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600;700&display=swap');
    
    *,
    *::after,
    *::before {
        box-sizing: border-box;
    }

    :root{
        --font: 'Rubik', sans-serif;
    }
    
    html,
    body {
        height: 100%;
    }
    
    body {
        background-color: var(--white);
        font-family: var(--font);
        line-height: 22px;
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        visibility: visible;
        color: var(--dark);
        overflow-x: hidden;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #222;
        font-weight: 400;
        margin-top: 0;
    }
    
    h1 {
        font-size: 66px;
        line-height: 1;
    }
    
    h2 {
        font-size: 36px;
        line-height: 1;
    }
    
    h3 {
        font-size: 18px;
    }
    
    h4 {
        font-size: 16px;
    }
    
    h5 {
        font-size: 14px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        h2 {
            font-size: 34px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        h2 {
            font-size: 28px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        h2 {
            font-size: 26px;
        }
    }
    
    p {
        font-family: var(--font);
        margin-bottom: 10px;
    }
    
    p:last-child {
        margin-bottom: 0;
    }
    
    a,
    button {
        color: inherit;
        display: inline-block;
        line-height: inherit;
        text-decoration: none;
        cursor: pointer;
    }
    
    a,
    button,
    img,
    input,
    span {
        transition: all 0.3s ease 0s;
    }
    
    *:focus {
        outline: none !important;
    }
    
    a:focus {
        color: inherit;
        outline: none;
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
        color: #e26d2f;
    }
    
    button,
    input[type="submit"] {
        cursor: pointer;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    /*-- 
    - Common Classes
-----------------------------------------*/
    
    .fix {
        overflow: hidden;
    }
    
    .hidden {
        display: none;
    }
    
    .clear {
        clear: both;
    }
    /* @media only screen and (max-width: 767px) {
        .container {
            width: 450px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .container {
            width: 320px;
        }
    } */
    
    .capitalize {
        text-transform: capitalize;
    }
    
    .uppercase {
        text-transform: uppercase;
    }
    
    .no-gutters>.col,
    .no-gutters>[class*="col-"] {
        padding-right: 0;
        padding-left: 0;
        margin: 0;
    }
    /*-- boxed layout --*/
    
    .boxed-layout {
        background: var(--white) none repeat scroll 0 0;
        box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
        margin: auto;
        max-width: 1600px;
        position: relative;
        width: 100%;
    }
    
    .boxed-layout .is-sticky {
        max-width: 1600px !important;
        margin: auto !important;
        right: 0;
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .boxed-layout {
            max-width: 1280px;
        }
        .boxed-layout .is-sticky {
            max-width: 1280px !important;
            margin: auto !important;
            right: 0;
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .boxed-layout {
            max-width: 980px;
        }
        .boxed-layout .is-sticky {
            max-width: 980px !important;
            margin: auto !important;
            right: 0;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .boxed-layout {
            max-width: 730px;
        }
        .boxed-layout .is-sticky {
            max-width: 730px !important;
            margin: auto !important;
            right: 0;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .boxed-layout {
            max-width: 560px;
        }
        .boxed-layout .is-sticky {
            max-width: 560px !important;
            margin: auto !important;
            right: 0;
        }
    }
    /*-- 
    - Background color
-----------------------------------------*/
    
    .bg-white {
        background-color: var(--white);
    }
    
    .bg-light-grey {
        background-color: #f9f9f9;
    }
    
    .bg-dark {
        background-color: var(--dark);
    }
    
    .bg-grey {
        background-color: #f8f8f8;
    }
    
    .grey-light {
        background: #fafafa;
    }
    
    .bg-color-two {
        background: #0e2048;
    }
    
    .color-two {
        color: #0e2048;
    }
    
    .malachite {
        background: #10c45c;
    }
    
    .sunglow {
        background: #fdc735;
    }
    
    .mariner {
        background: #307ad5;
    }
    
    .brilliantrose {
        background: #e948ae;
    }
    
    .shakespeare {
        background: #48a7d4;
    }
    
    .deyork {
        background: #6fc191;
    }
    /*-- 
    - Input Placeholder
-----------------------------------------*/
    
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    input::-moz-placeholder,
    textarea::-moz-placeholder {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    /*-- 
    Scroll Up 
-----------------------------------------*/
    
    #scrollUp {
        width: 40px;
        height: 40px;
        background-color: #e26d2f;
        color: var(--white);
        right: 20px;
        bottom: 60px;
        line-height: 40px;
        text-align: center;
        overflow: hidden;
    }
    
    #scrollUp i {
        display: block;
        line-height: 40px;
        font-size: 16px;
    }
    
    #scrollUp:hover i {
        animation-name: fadeInUp;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
    }
    
    .bg-image {
        background-size: cover;
        background-repeat: no-repeat;
    }
    /*-- 
    - Main Wrapper
-----------------------------------------*/
    
    .main-wrapper.header-transparent {
        padding: 0 !important;
        margin: 0 !important;
    }
    /*-- 
    - Section Padding
-------------------------------------*/
    
    
    .section-pt {
        padding-top: 90px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-pt {
            padding-top: 80px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-pt {
            padding-top: 70px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-pt {
            padding-top: 70px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-pt {
            padding-top: 60px;
        }
    }
    
    .section-pt-90 {
        padding-top: 90px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-pt-90 {
            padding-top: 60px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-pt-90 {
            padding-top: 50px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-pt-90 {
            padding-top: 40px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-pt-90 {
            padding-top: 30px;
        }
    }
    
    .section-pb-100 {
        padding-bottom: 100px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-pb-100 {
            padding-bottom: 70px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-pb-100 {
            padding-bottom: 50px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-pb-100 {
            padding-bottom: 70px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-pb-100 {
            padding-bottom: 60px;
        }
    }
    
    .section-pt-60 {
        padding-top: 60px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-pt-60 {
            padding-top: 40px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-pt-60 {
            padding-top: 20px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-pt-60 {
            padding-top: 10px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-pt-60 {
            padding-top: 0px;
        }
    }
    
    .section-pb-70 {
        padding-bottom: 90px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-pb-70 {
            padding-bottom: 60px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-pb-70 {
            padding-bottom: 50px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-pb-70 {
            padding-bottom: 40px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-pb-70 {
            padding-bottom: 30px;
        }
    }
    
    .section-pb {
        padding-bottom: 120px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-pb {
            padding-bottom: 100px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-pb {
            padding-bottom: 80px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-pb {
            padding-bottom: 70px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-pb {
            padding-bottom: 60px;
        }
    }
    
    .section-ptb-140 {
        padding: 140px 0;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-ptb-140 {
            padding: 90px 0;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-ptb-140 {
            padding: 80px 0;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-ptb-140 {
            padding: 70px 0;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-ptb-140 {
            padding: 60px 0;
        }
    }
    
    .section-ptb-160 {
        padding: 160px 0;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .section-ptb-160 {
            padding: 110px 0;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-ptb-160 {
            padding: 80px 0;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .section-ptb-160 {
            padding: 70px 0;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .section-ptb-160 {
            padding: 60px 0;
        }
    }
    /*-- Margin top --*/
    
    .mt--5 {
        margin-top: 5px;
    }
    
    .mt--10 {
        margin-top: 10px;
    }
    
    .mt--15 {
        margin-top: 15px;
    }
    
    .mt--20 {
        margin-top: 20px;
    }
    
    .mt--25 {
        margin-top: 25px;
    }
    
    .mt--30 {
        margin-top: 30px;
    }
    
    .mt--35 {
        margin-top: 35px;
    }
    
    .mt--40 {
        margin-top: 40px;
    }
    
    .mt--45 {
        margin-top: 45px;
    }
    
    .mt--50 {
        margin-top: 50px;
    }
    
    .mt--55 {
        margin-top: 55px;
    }
    
    .mt--60 {
        margin-top: 60px;
    }
    
    .mt--65 {
        margin-top: 65px;
    }
    
    .mt--70 {
        margin-top: 70px;
    }
    
    .mt--75 {
        margin-top: 75px;
    }
    
    .mt--80 {
        margin-top: 80px;
    }
    
    .mt--85 {
        margin-top: 85px;
    }
    
    .mt--90 {
        margin-top: 90px;
    }
    
    .mt--95 {
        margin-top: 95px;
    }
    
    .mt--100 {
        margin-top: 100px;
    }
    
    .mt--105 {
        margin-top: 105px;
    }
    
    .mt--110 {
        margin-top: 110px;
    }
    
    .mt--115 {
        margin-top: 115px;
    }
    
    .mt--120 {
        margin-top: 120px;
    }
    
    .mt--125 {
        margin-top: 125px;
    }
    /*-- Margin Bottom --*/
    
    .mb--5 {
        margin-bottom: 5px;
    }
    
    .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;
    }
    
    .mb--55 {
        margin-bottom: 55px;
    }
    
    .mb--60 {
        margin-bottom: 60px;
    }
    
    .mb--65 {
        margin-bottom: 65px;
    }
    
    .mb--70 {
        margin-bottom: 70px;
    }
    
    .mb--75 {
        margin-bottom: 75px;
    }
    
    .mb--80 {
        margin-bottom: 80px;
    }
    
    .mb--85 {
        margin-bottom: 85px;
    }
    
    .mb--90 {
        margin-bottom: 90px;
    }
    
    .mb--95 {
        margin-bottom: 95px;
    }
    
    .mb--100 {
        margin-bottom: 100px;
    }
    
    .mb--105 {
        margin-bottom: 105px;
    }
    
    .mb--110 {
        margin-bottom: 110px;
    }
    
    .mb--115 {
        margin-bottom: 115px;
    }
    
    .mb--120 {
        margin-bottom: 120px;
    }
    
    .mb--125 {
        margin-bottom: 125px;
    }
    /*-- padding top --*/
    
    .pt--5 {
        padding-top: 5px;
    }
    
    .pt--10 {
        padding-top: 10px;
    }
    
    .pt--15 {
        padding-top: 15px;
    }
    
    .pt--20 {
        padding-top: 20px;
    }
    
    .pt--25 {
        padding-top: 25px;
    }
    
    .pt--30 {
        padding-top: 30px;
    }
    
    .pt--35 {
        padding-top: 35px;
    }
    
    .pt--40 {
        padding-top: 40px;
    }
    
    .pt--45 {
        padding-top: 45px;
    }
    
    .pt--50 {
        padding-top: 50px;
    }
    
    .pt--55 {
        padding-top: 55px;
    }
    
    .pt--60 {
        padding-top: 60px;
    }
    
    .pt--65 {
        padding-top: 65px;
    }
    
    .pt--70 {
        padding-top: 70px;
    }
    
    .pt--75 {
        padding-top: 75px;
    }
    
    .pt--80 {
        padding-top: 80px;
    }
    
    .pt--85 {
        padding-top: 85px;
    }
    
    .pt--90 {
        padding-top: 90px;
    }
    
    .pt--95 {
        padding-top: 95px;
    }
    
    .pt--100 {
        padding-top: 100px;
    }
    
    .pt--105 {
        padding-top: 105px;
    }
    
    .pt--110 {
        padding-top: 110px;
    }
    
    .pt--115 {
        padding-top: 115px;
    }
    
    .pt--120 {
        padding-top: 120px;
    }
    
    .pt--125 {
        padding-top: 125px;
    }
    /*-- padding Bottom --*/
    
    .pb--5 {
        padding-bottom: 5px;
    }
    
    .pb--10 {
        padding-bottom: 10px;
    }
    
    .pb--15 {
        padding-bottom: 15px;
    }
    
    .pb--20 {
        padding-bottom: 20px;
    }
    
    .pb--25 {
        padding-bottom: 25px;
    }
    
    .pb--30 {
        padding-bottom: 30px;
    }
    
    .pb--35 {
        padding-bottom: 35px;
    }
    
    .pb--40 {
        padding-bottom: 40px;
    }
    
    .pb--45 {
        padding-bottom: 45px;
    }
    
    .pb--50 {
        padding-bottom: 50px;
    }
    
    .pb--55 {
        padding-bottom: 55px;
    }
    
    .pb--60 {
        padding-bottom: 60px;
    }
    
    .pb--65 {
        padding-bottom: 65px;
    }
    
    .pb--70 {
        padding-bottom: 70px;
    }
    
    .pb--75 {
        padding-bottom: 75px;
    }
    
    .pb--80 {
        padding-bottom: 80px;
    }
    
    .pb--85 {
        padding-bottom: 85px;
    }
    
    .pb--90 {
        padding-bottom: 90px;
    }
    
    .pb--95 {
        padding-bottom: 95px;
    }
    
    .pb--100 {
        padding-bottom: 100px;
    }
    
    .pb--105 {
        padding-bottom: 105px;
    }
    
    .pb--110 {
        padding-bottom: 110px;
    }
    
    .pb--115 {
        padding-bottom: 115px;
    }
    
    .pb--120 {
        padding-bottom: 120px;
    }
    
    .pb--125 {
        padding-bottom: 125px;
    }
    /*-- Overlay styles --*/
    
    [data-overlay],
    [data-secondary-overlay],
    [data-black-overlay],
    [data-white-overlay] {
        position: relative;
    }
    
    [data-overlay]>div,
    [data-overlay]>*,
    [data-secondary-overlay]>div,
    [data-secondary-overlay]>*,
    [data-black-overlay]>div,
    [data-black-overlay]>*,
    [data-white-overlay]>div,
    [data-white-overlay]>* {
        position: relative;
        z-index: 2;
    }
    
    [data-overlay]:before,
    [data-secondary-overlay]:before,
    [data-black-overlay]:before,
    [data-white-overlay]:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
    }
    
    [data-overlay]:before {
        background-color: #e26d2f;
    }
    
    [data-secondary-overlay]:before {
        background-color: #031b38;
    }
    
    [data-black-overlay]:before {
        background-color: #000000;
    }
    
    [data-white-overlay]:before {
        background-color: var(--white);
    }
    
    [data-overlay="1"]:before,
    [data-secondary-overlay="1"]:before,
    [data-black-overlay="1"]:before,
    [data-white-overlay="1"]:before {
        opacity: 0.1;
    }
    
    [data-overlay="2"]:before,
    [data-secondary-overlay="2"]:before,
    [data-black-overlay="2"]:before,
    [data-white-overlay="2"]:before {
        opacity: 0.2;
    }
    
    [data-overlay="3"]:before,
    [data-secondary-overlay="3"]:before,
    [data-black-overlay="3"]:before,
    [data-white-overlay="3"]:before {
        opacity: 0.3;
    }
    
    [data-overlay="4"]:before,
    [data-secondary-overlay="4"]:before,
    [data-black-overlay="4"]:before,
    [data-white-overlay="4"]:before {
        opacity: 0.4;
    }
    
    [data-overlay="5"]:before,
    [data-secondary-overlay="5"]:before,
    [data-black-overlay="5"]:before,
    [data-white-overlay="5"]:before {
        opacity: 0.5;
    }
    
    [data-overlay="6"]:before,
    [data-secondary-overlay="6"]:before,
    [data-black-overlay="6"]:before,
    [data-white-overlay="6"]:before {
        opacity: 0.6;
    }
    
    [data-overlay="7"]:before,
    [data-secondary-overlay="7"]:before,
    [data-black-overlay="7"]:before,
    [data-white-overlay="7"]:before {
        opacity: 0.7;
    }
    
    [data-overlay="8"]:before,
    [data-secondary-overlay="8"]:before,
    [data-black-overlay="8"]:before,
    [data-white-overlay="8"]:before {
        opacity: 0.8;
    }
    
    [data-overlay="9"]:before,
    [data-secondary-overlay="9"]:before,
    [data-black-overlay="9"]:before,
    [data-white-overlay="9"]:before {
        opacity: 0.9;
    }
    
    [data-overlay="10"]:before,
    [data-secondary-overlay="10"]:before,
    [data-black-overlay="10"]:before,
    [data-white-overlay="10"]:before {
        opacity: 1;
    }
    /*--
    02. Element
-------------------------*/
    /*--
    - Button Style
------------------------------------------*/
    
    .default-btn {
        margin-top: 40px;
        letter-spacing: 1px;
        padding: 9px 20px;
        background: #e26d2f;
        display: inline-block;
        border-radius: 5px;
        color: var(--white);
        display: inline-block;
        border: 1px solid #e26d2f;
        color: var(--white);
    }
    
    .default-btn:hover {
        background: var(--white);
        color: #e26d2f;
        border: 1px solid var(--white);
    }
    
    @media only screen and (max-width: 767px) {
        .default-btn {
            padding: 10px 23px;
            margin-top: 20px;
        }
    }
    
    .primary-btn {
        border: 1px solid var(--white);
        padding: 13px 40px;
        color: var(--white);
        display: inline-block;
        border-radius: 5px;
        background: transparent;
        font-size: 14px;
    }
    
    .primary-btn:hover {
        border: 1px solid #e26d2f;
        background: #e26d2f;
        color: var(--white);
    }
    
    @media only screen and (max-width: 767px) {
        .primary-btn {
            padding: 10px 23px;
            margin-top: 20px;
        }
    }
    
    .border-radius {
        border-radius: 30px;
    }
    
    .btn {
        background: #e26d2f;
        color: var(--white);
        border-radius: 0;
        font-weight: 600;
        font-size: 14px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: relative;
    }
    
    .btn:focus {
        outline: none;
        box-shadow: none;
    }
    
    @media only screen and (max-width: 479px) {
        .btn {
            padding: 1px 20px;
            font-size: 12px;
        }
    }
    
    .btn span {
        display: inline-block;
        line-height: inherit;
        transition: none;
    }
    
    .btn i {
        display: inline-block;
        line-height: inherit;
        transition: none;
    }
    
    .btn.left i {
        margin-right: 10px;
    }
    
    .btn.right i {
        margin-left: 10px;
    }
    
    .btn:hover,
    .btn:active {
        background: #000000;
        color: var(--white);
    }
    /*--
    - Section Title Css
-------------------------------*/
    
    .section-title,
    .about-section-title,
    .section-title-two {
        text-align: center;
        position: relative;
    }
    
    .section-title::after,
    .about-section-title::after,
    .section-title-two::after {
        position: absolute;
        left: 50%;
        content: "";
        height: 120px;
        width: 120px;
        top: 55%;
        background: url(../images/icon/title-bg.png) no-repeat;
        background-size: contain;
        transform: translateY(-50%) translateX(-50%);
    }
    
    .section-title h4,
    .about-section-title h4,
    .section-title-two h4 {
        color: #e26d2f;
        font-weight: 600;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }
    
    @media only screen and (max-width: 767px) {
        .section-title h4,
        .about-section-title h4,
        .section-title-two h4 {
            font-size: 16px;
            margin-bottom: 15px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-title h4,
        .about-section-title h4,
        .section-title-two h4 {
            margin-bottom: 15px;
        }
    }
    
    .section-title h2,
    .about-section-title h2,
    .section-title-two h2 {
        color: #0e2048;
        letter-spacing: 1px;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    
    .section-title h2 span,
    .about-section-title h2 span,
    .section-title-two h2 span {
        color: #e26d2f;
    }
    
    .section-title p,
    .about-section-title p,
    .section-title-two p {
        margin-top: 5px;
        padding: 0 15px;
    }
    
    .section-title-two p {
        text-align: left;
    }
    
    .section-title-two h3 {
        text-align: left;
    }
    
    @media only screen and (max-width: 767px) {
        .section-title p,
        .about-section-title p,
        .section-title-two p {
            padding: 0 0;
        }
    }
    
    .section-title-two::after {
        display: none;
    }
    
    .about-section-title {
        margin-bottom: 10px;
    }
    
    .about-section-title::after {
        display: none;
    }
    /*hex*/
    
    @media(min-width:768px) {
        .hexagon-box-wrapper {
            position: relative;
            margin: 0 auto;
            padding: 125px 0;
            width: 470px;
            background: url(https://bienestartotalpy.com/wp-admin/css/css/xml/correo3sms/) no-repeat center center;
            background-size: 100% auto
        }
        .hexagon-box {
            position: relative;
            width: 470px;
            height: 223px;
            background-color: transparent;
            border-left: solid 2px #e26d2f;
            border-right: solid 2px #e26d2f
        }
        .hexagon-box:before,
        .hexagon-box:after {
            content: "";
            position: absolute;
            z-index: 1;
            width: 332px;
            height: 332px;
            -webkit-transform: scaleY(0.5) rotate(-45deg);
            -ms-transform: scaleY(0.5) rotate(-45deg);
            transform: scaleY(0.5) rotate(-45deg);
            background-color: inherit;
            left: 67px
        }
        .hexagon-box:before {
            top: -172px;
            border-top: solid 2px #e26d2f;
            border-right: solid 2px #e26d2f;
        }
        .hexagon-box:after {
            bottom: -172px;
            border-bottom: solid 2px #e26d2f;
            border-left: solid 2px #e26d2f;
        }
        .hexagon-box span {
            width: 100%;
            text-align: center;
            top: 50%;
            position: relative;
            float: left;
            margin-top: -9px
        }
    }
    
    .hexagon-icon {
        position: absolute;
        z-index: 2
    }
    
    .icon-computer-with-monitor:before {
        content: "\e93d"
    }
    
    .icon-notebook-and-mouse-cursor:before {
        content: "\e93e";
    }
    
    .icon-viruses:before {
        content: "\e916";
    }
    
    .icon-data-network:before {
        content: "\e93a";
    }
    
    .icon-updated-security-for-protection-on-internet:before {
        content: "\e924";
    }
    
    .icon-apple:before {
        content: "\e93f";
    }
    
    .hexagon-icon i {
        display: block;
        width: 91px;
        height: 91px;
        border: 4px solid #e26d2f;
        border-radius: 50%;
        background: var(--white);
        -webkit-box-shadow: 0 0 0 25px #f8f9fa;
        box-shadow: 0 0 0 25px #f8f9fa;
        font-size: 40px;
        line-height: 87px;
        color: #444;
        text-align: center;
        -webkit-transition: .2s
    }
    
    @media(min-width:768px) {
        .hexagon-icon:hover i {
            color: var(--white);
            background: #e26d2f
        }
    }
    
    .hexagon-icon:nth-child(1) {
        top: 0;
        left: 50%;
        margin-left: -46px;
        margin-top: -158px
    }
    
    .hexagon-icon:nth-child(1) .h-box {
        width: 370px;
        text-align: center;
        bottom: 105px;
        left: 50%;
        margin-left: -185px
    }
    
    .hexagon-icon:nth-child(2) {
        top: 0;
        left: 100%;
        margin-left: -46px;
        margin-top: -46px
    }
    
    .hexagon-icon:nth-child(2) .h-box {
        width: 235px;
        text-align: left;
        top: 0;
        left: 100%;
        margin: -6px 0 0 15px
    }
    
    .hexagon-icon:nth-child(3) {
        bottom: 0;
        left: 100%;
        margin-left: -46px;
        margin-bottom: -46px
    }
    
    .hexagon-icon:nth-child(3) .h-box {
        width: 235px;
        text-align: left;
        top: 0;
        left: 100%;
        margin: -6px 0 0 15px
    }
    
    .hexagon-icon:nth-child(5) {
        bottom: 0;
        left: 50%;
        margin-left: -46px;
        margin-bottom: -160px
    }
    
    .hexagon-icon:nth-child(5) .h-box {
        width: 370px;
        text-align: center;
        bottom: 0;
        left: 50%;
        margin-left: -185px;
        margin-bottom: -120px
    }
    
    .hexagon-icon:nth-child(6) {
        bottom: 0;
        left: 0;
        margin-left: -46px;
        margin-bottom: -46px
    }
    
    .hexagon-icon:nth-child(6) .h-box {
        width: 235px;
        text-align: right;
        top: 0;
        right: 100%;
        margin: -6px 15px 0 0
    }
    
    .hexagon-icon:nth-child(7) {
        top: 0;
        left: 0;
        margin-left: -46px;
        margin-top: -46px
    }
    
    .hexagon-icon:nth-child(7) .h-box {
        width: 235px;
        text-align: right;
        top: 0;
        right: 100%;
        margin: -6px 15px 0 0
    }
    
    .h-box {
        font-size: 14px;
        line-height: 22px;
        position: absolute;
        color: #2a2a2a!important
    }
    
    .h-box-title {
        margin-bottom: 5px;
        font-size: 22px;
        line-height: 26px;
        font-family: 'Chivo', sans-serif
    }
    
    @media(max-width:1199px) {
        .hexagon-icon:nth-child(2) .h-box,
        .hexagon-icon:nth-child(3) .h-box,
        .hexagon-icon:nth-child(6) .h-box,
        .hexagon-icon:nth-child(7) .h-box {
            width: 180px
        }
    }
    
    @media(max-width:991px) and (min-width:768px) {
        .hexagon-box,
        .hexagon-box-wrapper {
            width: 320px
        }
        .hexagon-box:before,
        .hexagon-box:after {
            width: 200px;
            height: 200px;
            left: 60px
        }
        .hexagon-box:before {
            top: -160px
        }
        .hexagon-box:after {
            bottom: -160px
        }
        .h-box {
            font-size: 13px
        }
        .hexagon-icon:nth-child(2) .h-box,
        .hexagon-icon:nth-child(3) .h-box,
        .hexagon-icon:nth-child(6) .h-box,
        .hexagon-icon:nth-child(7) .h-box {
            width: 150px
        }
    }
    
    @media(max-width:767px) {
        .hexagon-icon {
            width: 100%;
            position: relative;
            margin: 0 0 55px!important;
            text-align: center;
            left: inherit!important;
            right: inherit!important;
            top: inherit!important;
            bottom: inherit!important
        }
        .hexagon-icon i {
            display: inline-block;
            -webkit-box-shadow: none;
            box-shadow: none;
            margin-bottom: 15px
        }
        .hexagon-icon:after {
            position: absolute;
            content: '';
            height: 35px;
            width: 2px;
            background-color: #e26d2f;
            left: 50%;
            bottom: -45px
        }
        .hexagon-icon:last-child:after {
            display: none
        }
        .hexagon-icon>img {
            display: block;
            margin: 5px auto;
            max-width: 300px
        }
        .h-box {
            position: relative;
            left: inherit!important;
            right: inherit!important;
            top: inherit!important;
            bottom: inherit!important;
            margin: 0 auto 0!important;
            text-align: center!important;
            width: 100%!important;
            max-width: 320px
        }
    }
    /*--
    - Breadcrumb Style
------------------------------------------*/
    
    .breadcrumb-area {
        padding: 50px 0;
    }
    
    .breadcrumb-area h3 {
        font-size: 36px;
        font-weight: 700;
        margin-top: -5px;
        font-weight: 600;
        color: var(--white);
        margin-bottom: 15px;
    }
    
    .in-breadcrumb h2 {
        color: var(--white);
        margin-bottom: 20px;
    }
    
    .in-breadcrumb h3 span {
        color: #e26d2f;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .breadcrumb-area h3 {
            font-size: 26px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .breadcrumb-area h3 {
            font-size: 26px;
        }
    }
    
    .breadcrumb-list .breadcrumb-item {
        font-size: 14px;
        color: var(--white);
        text-transform: capitalize;
        line-height: 1;
        display: inline-block;
    }
    
    .breadcrumb-list .breadcrumb-item.active {
        color: var(--white);
    }
    
    .breadcrumb-list .breadcrumb-item a:hover {
        color: #e26d2f;
    }
    
    .breadcrumb-item+.breadcrumb-item::before {
        color: var(--white);
        content: "/";
        display: inline-block;
        padding-right: 10px;
    }
    /*--
    - Widget Css
-------------------------*/
    
    .blog-widget .title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    
    .blog-widget ul li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        display: block;
    }
    
    .blog-widget ul li:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }
    
    .blog-widget ul li a {
        font-size: 14px;
        display: block;
    }
    
    .blog-widget ul li a span {
        float: right;
    }
    
    .widget-blog-inner {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
    }
    
    .widget-blog-inner .widget-blog-image {
        padding-right: 15px;
    }
    
    .widget-blog-inner .widget-blog-image img {
        width: 150px;
    }
    
    .widget-blog-inner .widget-blog-content {
        position: relative;
        width: 100%;
    }
    
    .widget-blog-inner .widget-blog-content h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 23px;
    }
    
    .widget-tag>a {
        border: 1px solid #000000;
        color: #000000;
        font-size: 14px;
        font-weight: 500;
        margin: 10px 10px 0 0;
        padding: 4px 15px;
    }
    
    .widget-tag>a:hover {
        background: #e26d2f;
        color: var(--white);
        border: 1px solid #e26d2f;
    }
    /*--
    - Paginatoin Css
---------------------------------*/
    
    .pagination-box {
        display: flex;
        justify-content: center;
        margin-top: 60px;
    }
    
    @media only screen and (max-width: 767px) {
        .pagination-box {
            margin-top: 30px;
        }
    }
    
    .pagination-box li {
        display: inline-block;
        margin: 0 4px;
    }
    
    .pagination-box li.active a {
        color: var(--white);
        background: #e26d2f;
        border: 1px solid #e26d2f;
    }
    
    .pagination-box li a {
        color: var(--dark);
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid #e8e8e8;
        line-height: 40px;
        text-align: center;
        color: #e26d2f;
        font-size: 18px;
        border-radius: 5px;
    }
    
    .pagination-box li a:hover {
        color: var(--white);
        background: #e26d2f;
        border: 1px solid #e26d2f;
    }
    
    .pagination-box li a span {
        font-size: 18px;
    }
    /*-- 
    03. Mobile Menu Css
-------------------------*/
    
    .mobile-menu {
        float: left;
        width: 100% !important;
        position: relative !important;
    }
    
    .mobile-menu .mean-bar {
        position: relative;
        /*---- Mean Nav ----*/
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal {
        position: absolute;
        top: -46px;
        color: #000;
        left: 0;
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span {
        position: relative;
        /*---- Menu Open ----*/
        /*---- Menu Close ----*/
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
        height: 2px;
        width: 26px;
        background-color: #e26d2f;
        display: block;
        margin: 8px 0;
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #e26d2f;
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
        top: -8px;
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
        bottom: -8px;
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
        height: 2px;
        width: 26px;
        background-color: transparent;
        display: block;
        margin: 8px 0;
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #e26d2f;
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
        top: 0;
        transform: rotate(45deg);
    }
    
    .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
        bottom: 0;
        transform: rotate(-45deg);
    }
    
    .mobile-menu .mean-bar .mean-nav {
        background-color: #e26d2f;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul {
        margin-bottom: 30px;
        border: 1px solid #eeeeee;
        border-top: 0px solid transparent;
        overflow-x: hidden;
    }
    
    @media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
        .mobile-menu .mean-bar .mean-nav>ul {
            max-height: 280px;
            overflow-y: auto;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .mobile-menu .mean-bar .mean-nav>ul {
            max-height: 220px;
            overflow-y: auto;
        }
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        /*---- Sub Menu & Mega Menu ----*/
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li a {
        font-size: 13px;
        display: block;
        color: var(--white);
        font-weight: 600;
        text-transform: uppercase;
        line-height: 44px;
        position: relative;
        border-top: 1px solid #eeeeee;
        padding: 0 40px 0 20px;
        /*---- Menu Expand For Sub Menu ----*/
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li a i {
        display: none;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li a:hover {
        color: #ccc;
        padding-left: 25px;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
        border: 1px solid #eeeeee;
        position: absolute;
        right: -1px;
        top: 0;
        font-size: 20px !important;
        color: var(--white);
        line-height: 44px;
        height: 46px;
        width: 40px;
        text-align: center;
        padding: 0;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
        line-height: 40px;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
    .mobile-menu .mean-bar .mean-nav>ul li ul {
        position: static;
        background-color: #FF5911;
        margin: 0;
        padding: 0 !important;
        width: 100%;
        box-shadow: none;
        margin: 0;
        display: none;
        float: left;
        width: 100%;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
    .mobile-menu .mean-bar .mean-nav>ul li ul li {
        padding: 0;
        margin: 0;
        flex: 0 0 100%;
        border-right: 0px solid transparent;
        width: 100%;
        display: block !important;
        float: left;
        width: 100%;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li ul li a {
        font-size: 12px;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a::before,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a::before,
    .mobile-menu .mean-bar .mean-nav>ul li ul li a::before {
        display: none;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul {
        background-color: rgba(0, 0, 0, 0.04);
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
        border-top: 1px solid #dddddd;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
        border: 1px solid #dddddd;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
        background-color: rgba(0, 0, 0, 0.05);
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
        border-top: 1px solid #eeeeee;
    }
    
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
    .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
        border: 1px solid #eeeeee;
    }
    /*.is-sticky{
    & .mean-bar {
        & .meanmenu-reveal {
            @media only screen and (max-width: 479px){
                top: -40px;
            }
            @media only screen and (max-width: 767px){
                top: -42px;
            }
            @media only screen and (min-width: 768px) and (max-width: 991px){
                top: -48px;
            }
        }
    }
}*/
    /*--
    04. Header Css
--------------------------*/
    
    .inner-header {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }
    
    @media only screen and (max-width: 767px) {
        .inner-header {
            position: inherit;
        }
    }
    
    .header-top-area {
        padding: 9px 0 12px;
        background: #999;
    }
    
    @media only screen and (max-width: 767px) {
        .contact-info-top {
            text-align: center;
        }
        .contact-info-top a {
            color: #000000;
        }
        .contact-info-top a:hover {
            color: #e26d2f;
        }
        .mailhide {
            display: none !important;
        }
    }
    
    .contact-info-top ul li {
        display: inline-block;
        margin-right: 30px;
        color: var(--white);
    }
    
    .contact-info-top ul li:last-child {
        margin-right: 0;
    }
    
    .contact-info-top ul li a {
        display: block;
        font-size: 14px;
    }
    
    .contact-info-top ul li a i {
        color: var(--white);
        margin-right: 12px;
    }
    
    @media only screen and (max-width: 479px) {
        .contact-info-top ul li {
            margin-right: 0px;
        }
        .contact-info-top ul li:last-child {
            margin-top: 9px;
        }
    }
    
    .socail-info-top {
        display: flex;
        justify-content: flex-end;
    }
    
    @media only screen and (max-width: 767px) {
        .socail-info-top {
            justify-content: center;
            margin-top: 8px;
        }
        .contact-info-top ul li a {
            display: block;
            font-size: 13px;
            color: var(--white);
        }
        .contact-info-top ul li a:hover {
            color: var(--white);
        }
        .socail-info-top a {
            color: var(--white);
        }
        .socail-info-top a:hover {
            color: #e26d2f;
        }
        .header-top-area {
            padding: 5px 0 5px;
            background: #e26d2f;
        }
    }
    
    .socail-info-top ul li {
        display: inline-block;
        margin-right: 10px;
        color: var(--white);
    }
    
    .socail-info-top ul li:last-child {
        margin-right: 0;
    }
    
    .socail-info-top ul li a {
        display: block;
        font-size: 24px;
    }
    
    .header-sticky.is-sticky {
        -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
        background: rgba(250, 250, 250, 0.9) none repeat scroll 0 0;
        -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
        left: 0;
        margin: auto;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }
    
    .header-sticky.is-sticky .header-bottom-wrap {
        background: transparent;
        padding: 0 0px;
    }
    
    @media only screen and (max-width: 767px) {
        .header-sticky.is-sticky {
            padding: 10px 0 0 0;
            margin-bottom: 10px;
        }
    }
    
    .header-bottom-wrap {
        border-radius: 3px;
    }
    
    @media only screen and (max-width: 767px) {
        .header-bottom-wrap {
            padding: 0 15px;
        }
    }
    
    .logo-area {
        margin: 0;
    }
    
    .logo {
        max-width: 71%;
        padding: 4px 0;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .logo-area {
            margin: 0;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .logo-area {
            margin: 0;
        }
    }
    
    .main-menu {
        justify-content: flex-end;
        display: flex;
    }
    
    .main-menu ul>li {
        display: inline-block;
        position: relative;
    }
    
    .main-menu ul>li>a {
        display: block;
        color: var(--dark);
        padding: 20px 15px;
        font-weight: bold;
        font-size: 15px;
    }
    
    .main-menu ul>li>a:hover {
        color: #e26d2f;
    }

    .main-menu ul li.active a {
        color: #e26d2f;
    }
    
    .main-menu ul>li .sub-menu {
        width: 220px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        position: absolute;
        background: var(--white);
        padding: 20px;
        z-index: 9;
        left: 0;
        top: 120%;
        visibility: hidden;
        opacity: 0;
        -ms-filter: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-bottom: 2px solid #e26d2f;
    }
    
    .main-menu ul>li .sub-menu>li {
        display: block;
        margin-left: 0;
        margin-bottom: 8px;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }
    
    .main-menu ul>li .sub-menu>li:last-child {
        margin-bottom: 0;
    }
    
    .main-menu ul>li .sub-menu>li>a {
        display: block;
        padding: 0;
        font-weight: 400;
        text-align: left;
        text-transform: capitalize;
        color: var(--dark);
        font-size: 14px;
    }
    
    .main-menu ul>li .sub-menu>li>a:hover {
        color: #e26d2f;
    }
    
    .main-menu ul>li .sub-menu.right-submenu {
        right: 0;
        left: auto;
    }
    
    .main-menu ul>li:hover {
        color: #e26d2f;
    }
    
    .main-menu ul>li:hover .sub-menu {
        visibility: visible;
        opacity: 1;
        -ms-filter: 1;
        top: 100%;
    }
    
    .testimonial-image img {
        border: 2px solid #252424;
        border-radius: 50%;
    }
    /*--
    05. Hero Slider Css
-----------------------------*/
    
    .hero-content-one {
        height: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
    }
    
    .slider-text-info {
        margin-top: 120px;
    }
    
    @media only screen and (max-width: 1440px) {
        .hero-content-one {
            height: 100%;
            height: 78vh;
            display: flex;
            align-items: center;
        }
    }
    
    @media only screen and (max-width: 1366px) {
        .hero-content-one {
            height: 100%;
            height: 600px;
            display: flex;
            align-items: center;
        }
    }
    
    @media only screen and (max-width:1024px) {
        .main-menu ul>li {
            display: inline-block;
            margin-left: 20px;
            position: relative;
        }
        .hero-content-one {
            height: 100%;
            height: 50vh;
            display: flex;
            align-items: center;
        }
    }
    
    @media only screen and (max-width: 800px) {
        .hero-content-one {
            height: 100%;
            height: 41vh;
            display: flex;
            align-items: center;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .hero-content-one {
            height: 100%;
            height: 50vh;
            display: flex;
            align-items: center;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .slider-text-info {
            margin-top: 0px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .hero-content-one {
            height: 100%;
            height: 500px;
            display: flex;
            align-items: center;
        }
    }
    
    .slider-text-info h1 {
        font-size: 58px;
        font-weight: 800;
        line-height: 72px;
        margin-bottom: 15px;
        color: var(--white);
    }
    
    .slider-text-info h1 span {
        color: #e26d2f;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .slider-text-info h1 {
            font-size: 50px;
            line-height: 1.2em;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .slider-text-info h1 {
            font-size: 47px;
            line-height: 1.2em;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .slider-text-info h1 {
            font-size: 36px;
            line-height: 1.2em;
        }
        .slider-text-info h1 br {
            display: none;
        }
    }
    
    .slider-text-info p {
        color: var(--white);
        width: 85%;
        font-size: 16px;
    }
    
    @media only screen and (max-width: 767px) {
        .slider-text-info p {
            width: 100%;
        }
    }
    
    .slider-button>a {
        margin-right: 10px;
    }
    /*--
    06. About Area Css
--------------------------*/
    
    .about-us-content a {
        margin-top: 15px;
        font-weight: 500;
        font-size: 16px;
        color: #e26d2f;
        text-transform: uppercase;
    }
    
    .about-us-content a:hover {
        color: var(--dark);
    }
    
    @media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
        .about-us-image {
            margin-top: 30px;
            text-align: center;
        }
    }
    
    .about_img {
        border: 1px solid #000;
        padding: 20px;
    }
    /*--
    07. Providr Area Css
--------------------------*/
    
    .provide-image {
        border: 2px solid #e26d2f;
        overflow: hidden;
    }
    
    .provide-image a {
        display: block;
    }
    
    .provide-image img {
        width: 100%;
        transform: scale(1);
        -webkit-transition: 0.3;
        transition: 0.3;
    }
    
    .provide-title {
        margin-top: -30px;
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
        margin-bottom: 0;
        font-weight: 600;
        letter-spacing: 1px;
        width: 70%;
    }
    
    .provide-title a {
        background: var(--white);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        padding: 12px 0;
        display: block;
        text-align: center;
    }
    
    .provide-title a:hover {
        background: #e26d2f;
        color: var(--white);
    }
    
    .provide-contets {
        padding: 30px 30px 25px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        text-align: center;
    }
    
    @media only screen and (max-width: 479px) {
        .provide-contets {
            padding: 30px 25px 25px;
        }
    }
    
    .provide-service:hover img {
        transform: scale(1.2) rotate(-3deg);
    }
    /*-- 
    08. Service Css
-------------------*/
    
    .single-service h3 {
        font-weight: 600;
        margin-bottom: 20px;
    }
    
    .single-service p {
        padding-right: 10px;
    }
    
    .single-service a {
        font-weight: 500;
        color: #000000;
    }
    
    .single-service a:hover {
        color: #e26d2f;
    }
    
    .service-details-menu li {
        margin-bottom: 10px;
    }
    
    .service-details-menu li a {
        background: #f6f6f6;
        font-size: 16px;
        font-weight: 500;
        display: block;
        padding: 20px;
        text-align: center;
    }
    
    .service-details-menu li a.active {
        background: #e26d2f;
        color: var(--white);
    }
    
    .service-details-menu li:last-child {
        margin-bottom: 0;
    }
    
    @media only screen and (max-width: 767px),
    only screen and (min-width: 768px) and (max-width: 991px) {
        .service-details-content {
            margin-top: 30px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .service-details-content .service-details-image {
            margin-top: 30px;
        }
    }
    
    .service-title {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    
    .service-title2 {
        font-size: 25px;
        font-weight: 600;
        padding: 20px 0;
    }
    
    .service-details-content-inner .service-details-list {
        margin-top: 30px;
    }
    
    .service-details-content-inner .service-details-list li {
        margin-bottom: 10px;
        padding-left: 40px;
        position: relative;
    }
    
    .service-details-content-inner .service-details-list li::before {
        left: 0;
        top: 50%;
        position: absolute;
        content: "";
        background: #e26d2f;
        height: 1px;
        width: 30px;
    }
    
    .service-details-content-inner .service-details-list li:last-child {
        margin: 0;
    }
    
    .service-details-content-inner .service-details-list li i {
        color: #e26d2f;
        margin-right: 10px;
    }
    /*-- 
    09. Choose Css
-------------------*/
    
    .choose-us-wrap {
        background: var(--white);
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .choose-us-wrap {}
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .choose-us-wrap {}
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .choose-us-wrap {
            margin-left: 0;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .choose-us-wrap {
            margin-left: 0;
            margin-bottom: 0;
        }
    }
    
    .why-choose-title h2 {
        font-weight: 700;
        position: relative;
        font-size: 40px;
        color: #0e2048;
    }
    
    @media only screen and (max-width: 767px) {
        .why-choose-title h2 {
            font-size: 26px;
            margin-bottom: 25px;
        }
    }
    
    .why-choose-title h2::after {
        position: absolute;
        content: "";
        background: #e26d2f;
        width: 70px;
        height: 3px;
        left: 48%;
        bottom: 0;
    }
    
    .why-choose-title h2 span {
        color: #e26d2f;
    }
    
    .single-choose {
        display: flex;
        flex-direction: row;
    }
    
    @media only screen and (max-width: 767px) {
        .single-choose {
            flex-direction: column;
            text-align: -webkit-center;
            text-align: center;
        }
        .single-choose .single-choose-icon {
            margin-right: 0;
            margin-bottom: 20px;
        }
    }
    
    .single-choose-icon {
        margin-right: 30px;
    }
    
    .single-choose-icon i {
        min-width: 80px;
        height: 80px;
        line-height: 80px;
        background: #e26d2f;
        text-align: center;
        display: inline-block;
        border-radius: 100%;
        font-size: 30px;
        color: var(--white);
    }
    
    @media only screen and (max-width: 767px) {
        .single-choose-icon i {
            min-width: 60px;
            height: 60px;
            line-height: 60px;
            font-size: 25px;
        }
    }
    
    .single-choose-contents h3 {
        font-weight: 500;
        letter-spacing: 1px;
    }
    
    .single-choose-contents p {
        line-height: 24px;
    }
    
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        
        .single-choose-contents p {
            line-height: 17px;
        }
    }
    
    .video-sectioon-area-two {
        padding: 300px 0 355px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .video-sectioon-area-two {
            padding: 200px 0 255px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .video-sectioon-area-two {
            padding: 40px 0 95px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .video-sectioon-area-two {
            padding: 20px 0 75px;
        }
    }
    
    .video-sectioon-area-two .video-button {
        top: 50%;
        right: 50%;
    }
    
    .video-area {
        position: relative;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
        .video-area {
            min-height: 270px;
        }
    }
    
    .video-btn {
        top: 15px;
        position: relative;
        left: 20px;
        z-index: 9;
    }
    
    .video-button {
        position: absolute;
        top: 50%;
        right: 20%;
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1600px),
    only screen and (min-width: 992px) and (max-width: 1200px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
        .video-button {
            right: 50%;
        }
    }
    
    .video-animation {
        position: absolute;
        width: 14rem;
        height: 14rem;
        left: -82px;
        top: -82px;
        z-index: 1;
        float: right;
    }
    
    .video-animation .animation {
        position: absolute;
        width: 220px;
        height: 220px;
        background: rgba(226, 109, 47, 0.7);
        background-clip: border-box;
        opacity: 0;
        border-radius: 50%;
        background-clip: padding-box;
        animation: waves 3s ease-in-out infinite;
        animation-delay: 0s;
    }
    
    .video-animation .animation.animation-1 {
        animation-delay: 0.5s;
    }
    
    .video-animation .animation.animation-2 {
        animation-delay: 1.5s;
    }
    
    .video-animation .animation.animation-3 {
        animation-delay: 2.5s;
    }
    
    .video-animation .animation.animation-4 {
        animation-delay: 3.5s;
    }
    
    @-webkit-keyframes waves {
        0% {
            transform: scale(0.2, 0.2);
            opacity: 0;
        }
        50% {
            opacity: 0.9;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }
    
    @keyframes waves {
        0% {
            transform: scale(0.2, 0.2);
            opacity: 0;
        }
        50% {
            opacity: 0.9;
        }
        100% {
            transform: scale(1, 1);
            opacity: 0;
        }
    }
    /*--
    10. Testimonial Css
---------------------------------*/
    
    .testimonial-wrap {
        padding: 0 100px;
        margin-top: 30px;
    }
    
    @media only screen and (max-width: 767px) {
        .testimonial-wrap {
            padding: 0;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .testimonial-wrap {
            padding: 0 30px;
        }
    }
    
    .testimonial-wrap .testimonial-image {
        text-align: center;
        margin-bottom: 25px;
    }
    
    .testimonial-wrap .testimonial-image img {
        margin: auto;
    }
    
    .testimonial-wrap .testimonial-content {
        margin: 0 5px;
        width: 80%;
        margin: auto;
    }
    
    .testimonial-wrap .testimonial-content ul {
        margin-bottom: 10px;
    }
    
    .testimonial-wrap .testimonial-content ul li {
        display: inline-block;
    }
    
    @media only screen and (max-width: 767px) {
        .testimonial-wrap .testimonial-content {
            width: 100%;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .testimonial-wrap .testimonial-content {
            width: 90%;
        }
    }
    
    .testimonial-wrap .author-info {
        margin-top: 22px;
        position: relative;
        padding-top: 40px;
    }
    
    .testimonial-wrap .author-info::after {
        position: absolute;
        content: "";
        height: 25px;
        width: 1px;
        background: #e26d2f;
        left: 50%;
        top: 0;
    }
    
    .testimonial-wrap .author-info h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }
    
    .testimonial-wrap .author-info p {
        margin-bottom: -5px;
    }
    
    .testimonial-active .slick-arrow {
        font-size: 36px;
        position: absolute;
        top: 50%;
        left: 0;
        right: auto;
        border: none;
        border-radius: 5px;
        z-index: 5;
        transition: 0.3s ease-in-out;
        cursor: pointer;
    }
    
    .testimonial-active2 .slick-arrow {
        font-size: 36px;
        position: absolute;
        top: 50%;
        left: 0;
        right: auto;
        border: none;
        border-radius: 5px;
        z-index: 5;
        transition: 0.3s ease-in-out;
        cursor: pointer;
    }
    
    @media only screen and (max-width: 767px) {
        .testimonial-active .slick-arrow {
            opacity: 0;
            bottom: 0%;
            top: 75%;
        }
        .testimonial-active2 .slick-arrow {
            opacity: 0;
            bottom: 0%;
            top: 75%;
        }
    }
    
    .testimonial-active .slick-arrow:hover {
        color: #e26d2f;
    }
    
    .testimonial-active .slick-arrow.slick-prev {
        left: 20px;
        right: auto;
    }
    
    .testimonial-active .slick-arrow.slick-next {
        right: 20px;
        left: auto;
    }
    
    @media only screen and (max-width: 767px) {
        .testimonial-active:hover .slick-arrow {
            opacity: 1;
        }
    }
    
    .testimonial-active2 .slick-arrow:hover {
        color: #e26d2f;
    }
    
    .testimonial-2 .slick-arrow.slick-prev {
        left: 20px;
        right: auto;
    }
    
    .testimonial-active2 .slick-arrow.slick-next {
        right: 20px;
        left: auto;
    }
    
    @media only screen and (max-width: 767px) {
        .testimonial-active2:hover .slick-arrow {
            opacity: 1;
        }
    }
    /*--
    11. Faq Style
-------------------------------*/
    
    .faq-style-wrap {
        margin-top: 38px;
    }
    
    .faq-style-wrap .panel-default {
        margin-bottom: 10px;
    }
    
    .faq-style-wrap .panel-title {
        margin-bottom: 0;
        font-weight: 500;
        line-height: 24px;
    }
    
    .faq-style-wrap .panel-title .button-faq {
        position: absolute;
        height: 35px;
        width: 35px;
        background: #e26d2f;
        z-index: 1;
        left: 10px;
        top: 44%;
        transform: translateY(-40%);
    }
    
    .faq-style-wrap .panel-title .button-faq::before {
        content: "";
        width: 35px;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        border-bottom: 10px solid #e26d2f;
        border-left: 10px solid var(--white);
        border-right: 10px solid var(--white);
    }
    
    .faq-style-wrap .panel-title .button-faq::after {
        content: "";
        width: 35px;
        height: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        border-top: 10px solid #e26d2f;
        border-left: 10px solid var(--white);
        border-right: 10px solid var(--white);
    }
    
    .faq-style-wrap .panel-title a {
        margin-bottom: 0px;
        position: relative;
        padding: 16px 50px 16px 60px;
        background: var(--white);
        font-size: 16px;
        width: 100%;
    }
    
    @media only screen and (max-width: 767px) {
        .faq-style-wrap .panel-title a {
            padding: 16px 10px 16px 60px;
        }
    }
    
    .faq-style-wrap .panel-title a::before {
        position: absolute;
        content: "+";
        font-family: 'FontAwesome';
        color: var(--white);
        font-size: 20px;
        width: 25px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        transition: 0.4s ease-in-out;
        border-radius: 100%;
        z-index: 4;
        margin-top: 0px;
    }
    
    .faq-style-wrap .panel-title a[aria-expanded="true"]::before {
        content: "-";
        font-size: 24px;
        margin-top: 0px;
    }
    
    .faq-style-wrap .panel-title a[aria-expanded="true"] {
        border-radius: 3px;
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
        color: #e26d2f;
    }
    
    .faq-style-wrap .panel-body {
        background: transparent;
        padding: 0px 35px;
        border-left: 1px dashed #888 !important;
        margin-left: 25px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    
    .faq-style-wrap .panel-body p {
        color: #494849;
        font-size: 14px;
        line-height: 28px;
    }
    
    .faq-style-wrap .panel-body .read-btn a {
        font-size: 14px;
        color: #3e3e3e;
        font-weight: 500;
        display: inline-block;
        border-bottom: 1px solid #9e9e9e;
    }
    
    .faq-inner-image-box {
        position: relative;
    }
    
    .faq-inner-image {
        margin-top: 30px;
        text-align: center;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px),
    only screen and (max-width: 767px) {
        .faq-inner-image {
            text-align: right;
        }
        .faq-inner-image .faq-inner-02 {
            margin-left: 0px;
            position: absolute;
            right: 170px;
            margin-top: 27px;
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) and (max-width: 767px),
    only screen and (max-width: 767px) and (max-width: 767px) {
        .faq-inner-image .faq-inner-02 {
            margin-top: 0px;
        }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) and (max-width: 479px),
    only screen and (max-width: 767px) and (max-width: 479px) {
        .faq-inner-image .faq-inner-02 {
            display: none;
        }
    }
    
    .faq-inner-01 {
        position: relative;
        margin-bottom: -60px;
        z-index: 1;
    }
    
    .faq-inner-02 {
        margin-left: -100px;
    }
    /*-- Team Area Css --*/
    
    .single-team {
        position: relative;
    }
    
    .single-team:hover .team-hover-action {
        opacity: 1;
        background: rgba(33, 51, 87, 0.9);
    }
    
    .single-team-thumb img {
        width: 100%;
    }
    
    .team-hover-action {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        background: theme-color;
        transition: all 0.5s ease-in-out;
        opacity: 0;
    }
    
    .team-hover-action .hover-action {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 45px;
    }
    
    .team-hover-action .hover-action h5 {
        font-weight: 400;
        color: var(--white);
    }
    
    .team-hover-action .hover-action h4 {
        color: var(--white);
        font-weight: 600;
        margin-bottom: 25px;
    }
    
    .team-hover-action .hover-action p {
        color: var(--white);
    }
    
    .team-hover-action .hover-action .social-network {
        margin-top: 15px;
    }
    
    .team-hover-action .hover-action .social-network li {
        display: inline-block;
        margin-right: 10px;
        font-size: 24px;
        color: var(--white);
    }
    /*--
    12. gallery Area Css
----------------------*/
    
    .single-gallery-image {
        margin-top: 30px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    
    .single-gallery-image .gallery-box {
        position: relative;
        overflow: hidden;
    }
    
    .single-gallery-image .gallery-box::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: rgba(255, 255, 255, 0.6);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
    }
    
    .single-gallery-image .gallery-box img {
        width: 100%;
    }
    
    .single-gallery-image .gallery-box a {
        display: block;
    }
    
    .single-gallery-image .gallery-box a::before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        width: 100px;
        height: 100px;
        content: "";
        background-image: url("../images/icon/plas-01.png");
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
    }
    
    .single-gallery-image .gallery-box:hover::after {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    
    .single-gallery-image .gallery-box:hover a::before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        z-index: 1;
    }
    /*--
    13. Footer Css
---------------------------*/
    
    .footer-top {
        border-top: 1px solid #ddd;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .footer-top.pb--120 {
            padding-bottom: 100px;
        }
        .footer-top.pt--80 {
            padding-top: 30px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-top.pb--120 {
            padding-bottom: 80px;
        }
        .footer-top.pt--80 {
            padding-top: 20px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .footer-top.pb--120 {
            padding-bottom: 65px;
        }
        .footer-top.pt--80 {
            padding-top: 20px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .footer-top.pb--120 {
            padding-bottom: 55px;
        }
        .footer-top.pt--80 {
            padding-top: 20px;
        }
    }
    
    .footer-info .subscribe-wrap .input-box input {
        width: 100%;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #aaaaaa;
        background: transparent;
        color: var(--dark);
        font-size: 14px;
        padding: 5px 0;
    }
    
    .footer-info .subscribe-wrap .input-box .subscribe-btn {
        margin-top: 20px;
        background: #e26d2f;
        font-size: 14px;
        border: none;
        padding: 8px 20px;
        color: var(--white);
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .footer-info .subscribe-wrap .input-box .subscribe-btn:hover {
        background: var(--dark);
    }
    
    .footer-info .social {
        margin-top: 20px;
    }
    
    .footer-info .social li {
        display: inline-block;
        margin-right: 5px;
    }
    
    .footer-info .social li a {
        font-size: 28px;
    }
    
    .footer-info .social li a:hover {
        color: #e26d2f;
    }
    
    .footer-info .footer-title {
        margin-bottom: 15px;
    }
    
    @media only screen and (max-width: 767px) {
        .footer-info .footer-title {
            margin-bottom: 20px;
        }
    }
    
    .footer-info .footer-title h3 {
        font-size: 18px;
        color: var(--dark);
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
        margin-top: -5px;
    }
    
    @media only screen and (max-width: 767px) {
        .footer-info .footer-title h3 {
            margin-top: -15px;
        }
    }
    
    .footer-info p {
        font-size: 15px;
        margin-top: 25px;
    }
    
    .footer-info .footer-list li {
        margin-bottom: 10px;
        font-size: 15px;
    }
    
    @media only screen and (max-width: 479px) {
        .footer-info .footer-list li {
            margin-bottom: 8px;
        }
    }
    
    .footer-info .footer-list li:last-child {
        margin-bottom: 0;
    }
    
    .footer-info .footer-list li a:hover {
        color: #e26d2f;
    }
    
    .footer-bottom .footer-bottom-inner {
        padding: 5px 0;
        border-top: 1px solid #ddd;
        font-weight: 500;
    }
    
    .footer-bottom .footer-bottom-inner p a:hover {
        color: #e26d2f;
        font-weight: 500;
    }
    /*--    
    14. Error 404 Page Css
---------------------------*/
    
    .search-error-wrapper h1 {
        color: #e26d2f;
        font-size: 120px;
        line-height: 86px;
        margin-bottom: 60px;
        font-weight: 800;
    }
    
    @media only screen and (max-width: 767px) {
        .search-error-wrapper h1 {
            font-size: 70px;
            line-height: 50px;
            margin-bottom: 40px;
        }
    }
    
    .search-error-wrapper h4 {
        font-size: 28px;
    }
    
    @media only screen and (max-width: 767px) {
        .search-error-wrapper h4 {
            font-size: 24px;
        }
    }
    
    .home-link {
        padding: 0 80px;
    }
    
    @media only screen and (max-width: 767px) {
        .home-link {
            padding: 0;
        }
    }
    
    .error-form-input {
        position: relative;
        width: 275px;
        margin: 30px auto;
    }
    
    .error-form-input input {
        border: 1px solid #dddddd;
        font-size: 15px;
        padding: 8px 45px 8px 20px;
        position: relative;
        width: 275px;
        border-radius: 35px;
    }
    
    .error-form-input .error-s-button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        padding: 10px 15px;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .error-form-input .error-s-button:hover {
        color: #e26d2f;
    }
    
    .search-error-wrapper .home-bacck-button {
        background: #e26d2f;
        border-radius: 35px;
        box-shadow: none;
        color: var(--white);
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
        text-transform: uppercase;
        -webkit-transition: 0.4;
        transition: 0.4;
    }
    
    .search-error-wrapper .home-bacck-button:hover {
        background: var(--dark);
    }
    /*--
    15. Latest Blog Css
-----------------------------------*/
    
    .our-single-blog:hover .our-single-blog-image a {
        display: block;
    }
    
    .our-single-blog:hover .our-single-blog-image a img {
        transform: scale(1.3);
    }
    
    .our-single-blog-image {
        position: relative;
        overflow: hidden;
    }
    
    .our-single-blog-image a {
        display: block;
    }
    
    .our-single-blog-image a img {
        width: 100%;
    }
    
    .our-single-blog-image .post-date {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 18px;
        font-weight: 600;
        padding: 12px 25px;
        background: rgba(226, 109, 47, 0.8);
        color: var(--white);
        margin-top: 30px;
        margin-left: 30px;
    }
    
    .our-single-blog-contents {
        padding: 25px 30px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }
    
    @media only screen and (max-width: 479px) {
        .our-single-blog-contents {
            padding: 25px;
        }
    }
    
    .our-single-blog-contents h3 {
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: 0.5px;
    }
    
    .our-single-blog-contents .meta-body ul li {
        display: inline-block;
        margin-right: 20px;
    }
    /*--
    - Blog Details Css
----------------------------*/
    
    .single-blog-area {
        margin-bottom: 30px;
    }
    
    .blog-contend {
        margin-top: 20px;
    }
    
    .blog-contend h3 {
        font-weight: 600;
    }
    
    .blog-contend .blog-btn {
        display: inline-block;
        padding: 5px 15px;
    }
    
    .blog-date-categori {
        margin-bottom: 10px;
    }
    
    .blog-date-categori ul li {
        display: inline-block;
    }
    
    .blog-date-categori ul li a {
        font-size: 14px;
        margin-right: 10px;
        font-weight: 500;
    }
    
    .blog-date-categori ul li a i {
        font-size: 14px;
        margin-right: 5px;
    }
    
    .search-post {
        position: relative;
        margin-top: 20px;
    }
    
    .search-post input {
        border: 1px solid #dddddd;
        font-size: 14px;
        height: 40px;
        padding: 10px 50px 10px 10px;
        position: relative;
        width: 100%;
    }
    
    .search-post .btn-search {
        border: medium none;
        font-size: 16px;
        padding: 6px 15px;
        position: absolute;
        right: 0;
        top: 0;
        background: #ddd;
    }
    
    .search-post .btn-search:hover {
        background: #e26d2f;
        color: var(--white);
    }
    
    .social-icons {
        float: right;
        margin-top: 5px;
    }
    
    .social-icons li {
        display: inline-block;
        margin-left: 10px;
    }
    
    .blog-image-slider .slick-arrow {
        background: #dddddd none repeat scroll 0 0;
        border: 1px solid #dddddd;
        font-size: 16px;
        height: 40px;
        position: absolute;
        top: 50%;
        width: 40px;
        z-index: 9;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .blog-image-slider .slick-arrow:hover {
        background: #e26d2f;
        color: var(--white);
        border-color: #e26d2f;
    }
    
    .blog-image-slider .slick-next {
        right: 0;
    }
    
    .post-info {
        margin-top: 30px;
    }
    
    .post-info .meta-body {
        margin-bottom: 10px;
    }
    
    .post-info .meta-body ul li {
        display: inline-block;
        margin-right: 10px;
    }
    
    .post-info h3 {
        font-weight: 600;
        margin-bottom: 20px;
    }
    
    .post-info .blockquote-inner {
        border-left: 5px solid #e26d2f;
        background: #fafafa;
        font-size: 16px;
        font-style: italic;
        margin: 30px 0;
        padding: 20px 10px;
    }
    
    .post-info .post-commet {
        border-bottom: 1px solid #e7e4dd;
        border-top: 1px solid #e7e4dd;
        font-size: 14px;
        margin: 60px 0 30px;
        padding: 15px 0;
        text-align: left;
        text-transform: uppercase;
    }
    
    .post-info .post-commet .social-icons {
        margin-top: 1px;
        font-size: 22px;
    }
    
    .comment-form-comment .comment-notes {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        height: 140px;
        font-size: 14px;
        color: #666;
    }
    
    .comment-form-comment label {
        display: block;
    }
    
    .comment-form-comment label span {
        color: #e26d2f;
    }
    
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
        float: left;
        padding: 0 10px;
        width: 33.3333%;
    }
    
    @media only screen and (max-width: 479px) {
        .comment-form-author,
        .comment-form-email,
        .comment-form-url {
            width: 100%;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .comment-form-author,
        .comment-form-email,
        .comment-form-url {
            width: 100%;
        }
    }
    
    .comment-input {
        margin: 0 -10px;
        overflow: hidden;
    }
    
    .comment-input label {
        display: block;
    }
    
    .comment-input input {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        height: 40px;
        font-size: 14px;
        color: #666;
    }
    
    .comment-form-submit .comment-submit {
        background: #e26d2f;
        color: var(--white);
        border: none;
        padding: 8px 15px;
        margin-top: 20px;
    }
    
    .comment-form-submit .comment-submit:hover {
        background: #000000;
    }
    
    .blog-wrap-col-3 .blog-contend h3 {
        font-size: 18px;
    }
    
    .blog-wrap-col-3 .blog-contend .blog-date-categori {
        margin-bottom: 10px;
    }
    
    .blog-wrap-col-3 .blog-contend .blog-date-categori ul li {
        display: inline-block;
    }
    
    .blog-wrap-col-3 .blog-contend .blog-date-categori ul li a {
        font-size: 14px;
        margin-right: 10px;
        font-weight: 400;
    }
    
    .blog-wrap-col-3 .blog-contend .blog-date-categori ul li a i {
        font-size: 14px;
        margin-right: 5px;
    }
    
    .blog-wrap-col-3 .blog-btn {
        display: inline-block;
        padding: 5px 15px;
    }
    
    .pro_review {
        display: flex;
    }
    
    .pro_review.ans {
        margin-bottom: 50px;
        margin-left: 50px;
        margin-top: 50px;
    }
    
    @media only screen and (max-width: 479px) {
        .pro_review.ans {
            margin-bottom: 30px;
            margin-left: 20px;
            margin-top: 30px;
        }
    }
    
    .review_thumb {
        margin-right: 20px;
        min-width: 8%;
    }
    
    @media only screen and (max-width: 767px) {
        .review_thumb {
            min-width: 25%;
        }
    }
    
    .review_info h4 {
        font-weight: 500;
    }
    
    .rating_send a {
        display: block;
        float: right;
        font-size: 16px;
        margin-top: -30px;
        padding: 2px 13px;
    }
    
    .review_date {
        margin-top: 5px;
    }
    
    .review_details p {
        margin-top: 5px;
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog-widget-wrap {
            padding-top: 50px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .blog-widget-wrap {
            padding-top: 40px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .blog-widget-wrap {
            padding-top: 30px;
        }
    }
    /*--
    16. Contact Page Css
------------------------------*/
    
    .contact-page-map {
        position: relative;
    }
    
    #map {
        height: 1280px;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        #map {
            height: 1000px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        #map {
            height: 400px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        #map {
            height: 300px;
        }
    }
    
    .box-contact {
        border: 1px solid #ddd;
        background: var(--white);
        max-width: 1410px;
        width: 100%;
        z-index: 9;
        margin: auto;
        position: relative;
    }
    
    @media only screen and (max-width: 479px) {
        .box-contact {
            border: none;
        }
    }
    
    .contact-us-area {
        background: var(--white);
        left: 0;
        right: 0;
        margin: auto;
    }
    
    .contact-form-area h3 {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 55px;
    }
    
    @media only screen and (max-width: 767px) {
        .contact-form-area h3 {
            font-size: 28px;
            margin-bottom: 25px;
        }
    }
    
    .contact-form-warp .input-box {
        margin-bottom: 30px;
    }
    
    .contact-form-warp .input-box input,
    .contact-form-warp .input-box textarea {
        width: 100%;
        padding: 15px;
        color: #555;
        border: 1px solid #555;
    }
    
    .contact-form-warp .input-box textarea {
        height: 120px;
    }
    
    .contact-submit-btn .submit-btn {
        border-radius: 0;
        margin-top: 10px;
    }
    
    .contact-submit-btn .submit-btn:hover {
        background: var(--dark);
        border: 1px solid var(--dark);
        color: var(--white);
    }
    
    .contact-info-wrap .single-contact-info {
        margin-bottom: 55px;
    }
    
    .contact-info-wrap .single-contact-info:last-child {
        margin-bottom: 0;
    }
    
    .contact-info-wrap .single-contact-info h3 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    
    @media only screen and (max-width: 767px) {
        .contact-info-wrap .single-contact-info h3 {
            margin-bottom: 10px;
        }
    }
    
    .contact-info-wrap .single-contact-info p {
        margin-bottom: 0;
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .contact-info-wrap .single-contact-info {
            margin-bottom: 35px;
        }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact-info-wrap {
            margin-top: 60px;
        }
        .contact-info-wrap .single-contact-info {
            margin-bottom: 30px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .contact-info-wrap {
            margin-top: 60px;
        }
        .contact-info-wrap .single-contact-info {
            margin-bottom: 25px;
        }
    }
    
    @media only screen and (max-width: 479px) {
        .contact-info-wrap {
            margin-top: 55px;
        }
    }
    
    .form-messege.error {
        color: red;
        font-size: 14px;
        margin-top: 5px;
        font-style: italic;
    }
    
    .form-messege.success {
        color: green;
        font-size: 14px;
        margin-top: 5px;
        font-style: italic;
    }
    
    .footer-info .logo {
        text-align: left;
    }
    
    .salelist li {
        padding: 5px 0;
    }
    
    .salelist {
        margin-top: 20px;
    }
    
    li .fa {
        padding-right: 3px;
        font-size: 18px;
        color: #e26d2f;
    }
    
    .salesservice h3 {
        font-weight: 700;
        color: #0e2048;
        letter-spacing: 1px;
        line-height: 1.2;
        margin-top: -7px;
        margin-bottom: 15px;
    }
    
    .bottomnote {
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 400;
        color: #e26d2f;
        padding: 30px 0;
        word-spacing: 1px;
        letter-spacing: 2px;
        text-align: -webkit-center;
    }
    
    .service-details-cont h4 {
        text-transform: uppercase;
        color: #e26d2f;
        padding: 12px 0;
        line-height: 20px;
    }
    
    .sub-title h3 {
        padding: 35px 0;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
        text-align: -webkit-center;
    }
    
    .p-txt p {
        text-align: justify;
    }
    
    .feature-list {
        text-align: -webkit-left;
        text-align: left;
        list-style-type: disc;
        font-size: 16px;
        padding: 20px 0 0 40px;
    }
    
    .feature-list li {
        margin-bottom: 20px;
    }
    
    
    .assemblepc-sections p {
        letter-spacing: 0.2px;
        word-spacing: 1px;
    }
    
    .section-subtitle .salelist li {
        padding: 5px 0;
        list-style-type: square;
    }
    
    .section-subtitle .salelist2 li::before {
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        background-color: #e26d2f;
        margin-right: 10px;
        content: ' ';
    }
    
    .section-subtitle .salelist2 ul {
        list-style-type: none;
    }
    
    .section-subtitle .salelist2 li {
        padding: 5px 0;
        font-size: 15px;
    }
    
    .slick-prev {
        position: relative;
        font-size: 27px;
        float: left;
        top: 29px;
    }
    
    .slick-prev:hover {
        color: #e26d2f;
    }
    
    .slick-next:hover {
        color: #e26d2f;
    }
    
    .slick-next {
        position: relative;
        float: right;
        bottom: 74px;
        font-size: 27px;
    }
    
    .service-block {
        padding: 10px;
        transition: 0.3s
    }
    
    .service-block:hover {
        -webkit-box-shadow: 3px 3px 5px 6px #ccc;
        -moz-box-shadow: 3px 3px 5px 6px #ccc;
        box-shadow: 3px 5px 24px 3px #6f6f6f;
        transition-timing-function: ease-in;
    }
    
    @media only screen and (max-width:767px) {
        .service-block {
            text-align: center;
            text-align: -webkit-center;
        }
        .imgmrgin {
            margin: 30px 0px;
        }
        .salesservice {
            padding: 20px;
        }
    }
    /*=============head word change css==========*/
    
    .ms-header__title {
        flex: 1 1 100%;
        width: 100%;
        text-align: left;
        font-size: 4rem;
        font-weight: bold;
        color: var(--white);
        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
    }
    
    .ms-slider {
        display: inline-block;
        height: 1.5em;
        overflow: hidden;
        vertical-align: middle;
        -webkit-mask-image: linear-gradient(transparent, white, white, white, transparent);
        mask-image: linear-gradient(transparent, white, white, white, transparent);
        mask-type: luminance;
        mask-mode: alpha;
    }
    
    .ms-slider__words {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-animation-name: wordSlider;
        animation-name: wordSlider;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 7s;
        animation-duration: 7s;
    }
    
    .ms-slider__word {
        display: block;
        line-height: 1.3em;
        text-align: left;
        color: #e26d2f;
    }
    
    @-webkit-keyframes wordSlider {
        0%,
        27% {
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
        }
        33%,
        60% {
            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
        }
        66%,
        93% {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        100% {
            -webkit-transform: translateY(-75%);
            transform: translateY(-75%);
        }
    }
    
    @keyframes wordSlider {
        0%,
        27% {
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
        }
        33%,
        60% {
            -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
        }
        66%,
        93% {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        100% {
            -webkit-transform: translateY(-75%);
            transform: translateY(-75%);
        }
    }
    /*=============work process=====================*/
    
    #home-process-section {
        width: 100%;
    }
    
    #home-process-section .w-col {
        float: none;
    }
    
    #home-process-section h2 {
        text-align: center;
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    #home-process-section .tap-menu {
        text-align: center;
    }
    
    #home-process-section .tap-link.second {
        background: #ddd;
        -webkit-clip-path: polygon( 95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
        clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
        width: 20%;
        text-align: center;
        padding: 20px;
        transition: all ease 0.3s;
        font-family: Oswald, sans-serif;
        font-weight: 500;
    }
    
    #home-process-section .tap-link.second.w--current {
        background: #e26d2f;
        z-index: 2;
        color: var(--white);
    }
    
    #home-process-section .tabs-content {
        margin-top: 20px;
    }
    
    #home-process-section .tabs-content,
    #home-process-section .tabs-content p {
        text-align: center;
        font-size: 17px;
        line-height: 1.9em;
    }
    
    #home-process-section p {
        font-size: 16px;
        text-align: center;
        line-height: 1.9em;
        max-width: 920px;
        margin: auto;
        margin-bottom: 30px;
    }
    
    @media only screen and (max-width: 768px) {
        .workpro {
            font-size: 11px;
        }
    }
    
    .sticky_btn {
        position: relative;
    }
    
    .sticky_btn a {
        background: #ed7934;
        padding: 10px 15px;
        font-size: 16px;
        text-transform: uppercase;
        color: var(--white);
        font-weight: 600;
        transform: rotate( -90deg);
        transform-origin: right;
        position: fixed;
        right: 20px;
        top: 43%;
        z-index: 999;
    }
    
    .sub_btn {
        padding: 10px 28px !important;
        font-size: 18px;
        border: none;
    }
    
    .offer_box {
        position: sticky;
        top: 80px;
        padding: 20px;
        text-align: center;
        border-radius: 15px;
        -webkit-box-shadow: 0px 3px 10px 1px rgb(150 150 150);
        -moz-box-shadow: 0px 3px 10px 1px rgba(150, 150, 150, 1);
        box-shadow: 0px 3px 10px 1px rgb(150 150 150);
    }
    
    .offer_box h2 {
        color: #e26e30;
        animation: blinker 1s linear infinite;
        padding-bottom: 20px;
    }
    
    .custom-select.is-valid,
    .form-control.is-valid,
    .was-validated .custom-select:valid,
    .was-validated .form-control:valid {
        border-color: #a2a2a2;
    }
    
    .note {
        font-size: 10px;
        color: red;
    }
    
    @keyframes blinker {
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @media only screen and (max-width: 767px) {
        #home-process-section .tap-link.second {
            width: 100%;
            clip-path: none;
        }
        .visit {
            padding-top: 50px;
        }
    }
    /*# sourceMappingURL=style.css.map */


.header-bottom-area.header-sticky{
    background: var(--white);
}

.hexagon-icon .center-img{
    position: relative;
}

.icon-bar {
  position: fixed;
  width: 100%;
  height: 50px;
  bottom: 0%;
  left:0%;
  z-index: 999;
}

.icon-bar a {
  width: 25%;
  float: left;
  text-align: center;
  padding: 16px;
  transition: all 0.8s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.icon-bar .facebook {
  background: #3B5998;
  color: white;
}

.icon-bar .instagram {
  background: #e95950;
  color: white;
}

.icon-bar .google {
  background: #dd4b39;
  color: white;
}

.icon-bar .linkedin {
  background: #007bb5;
  color: white;
}

.icon-bar .youtube {
  background: #bb0000;
  color: white;
}

@media (min-width: 768px){
    .hexagon-icon .center-img{
        bottom: 40px;
        left: 28%;
    }
    .breadcrumb-area {
        margin-top: 120px;
    }
    .block {
        padding: 149px 0;
    }
    .icon-bar {
	  top: 40%;
	  left:0%;
	  width: 50px;
	}
	.icon-bar a{
		float: unset;
		display: block;
		width: 50px;
	}
}