/* Typography ( Import Typography ) */
/*-------------------------------------------------
      Fonts Family & Style CSS
    ---------------------------------------------------*/
/*--  Montserrat font  --*/
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

/* Utilities ( Import Utilities ) */
/* mixing */
/* veriabal */
/* components ( Import components ) */
/* common */
body {
    padding-right: 0 !important;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: 26px;
    letter-spacing: 0.02rem;
    /* padding-bottom: 80px; */
}

::-moz-selection {
    color: #f41a4a;
    background-color: rgba(0, 0, 0, 0.05);
}

::selection {
    color: #f41a4a;
    background-color: rgba(0, 0, 0, 0.05);
}

p,
li,
a {
    margin-bottom: 0;
    font-family: "Montserrat";
    font-size: 14px;
    color: #495461;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.03rem;
}

a {
    text-decoration: none;
    cursor: pointer !important;
}

ul {
    list-style-type: none;
    padding-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    color: #111a24;
    letter-spacing: 0.03rem;
}

/* Loader */
.bix-loader {
    min-width: 100%;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    z-index: 45;
}

    .bix-loader img {
        width: 60px;
        position: absolute;
    }

    .bix-loader .loader {
        width: 100px;
        height: 100px;
        display: inline-block;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-loader .loader:before {
            content: "";
            width: 100px;
            height: 100px;
            position: absolute;
            left: 0;
            top: 0;
            border: 1px dashed #111a24;
            border-radius: 50%;
            -webkit-animation: loader 7s linear infinite;
            animation: loader 7s linear infinite;
        }

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bix-button {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 10px 75px;
    text-decoration: none;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    background-color: #fff;
    color: #111a24;
    border: 1px solid #111a24;
    border-radius: 15px;
}

    .bix-button:hover {
        background-color: #f41a4a;
        border-color: #f41a4a;
        color: #fff;
    }

.bix-banner {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .bix-banner h4 {
        font-size: 36px;
        font-weight: 700;
        color: #111a24;
    }

        .bix-banner h4 span {
            color: #f41a4a;
        }

.bix-banner-line {
    margin-bottom: 60px;
}

    .bix-banner-line .inner-border {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-banner-line .inner-border:after {
            content: "";
            width: 2px;
            height: 40px;
            position: absolute;
            background-color: #111a24;
            z-index: -1;
            border-radius: 50px;
        }

        .bix-banner-line .inner-border:before {
            content: "";
            height: 16px;
            width: 16px;
            position: absolute;
            border-radius: 50%;
            background-color: #111a24;
            border: 2px solid #fff;
            z-index: 0;
            -webkit-animation: mover 3s infinite alternate;
            animation: mover 3s infinite alternate;
        }

@-webkit-keyframes mover {
    0% {
        Transform: translateY(1px);
    }

    100% {
        Transform: translateY(30px);
    }
}

@keyframes mover {
    0% {
        Transform: translateY(1px);
    }

    100% {
        Transform: translateY(30px);
    }
}

.compensate-for-scrollbar {
    margin-right: 0 !important;
}

/* Tab to top */
a.back-to-top {
    display: none;
    width: 38px;
    height: 38px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 10;
    border-radius: 20px;
    cursor: pointer;
    background-color: #fff;
    color: #f41a4a;
    border: 1px solid #f41a4a;
    text-align: center;
    font-size: 22px;
    line-height: 1.6;
}

    a.back-to-top i {
        font-size: 20px;
    }

    a.back-to-top:hover {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    a.back-to-top svg {
        width: 36px;
        height: 36px;
        position: fixed;
        right: 16px;
        bottom: 16px;
    }

        a.back-to-top svg path {
            fill: transparent;
            stroke: #f41a4a;
            stroke-width: 5px;
        }

.item-grid .item {
    display: none;
    overflow: hidden;
}

.bix-text-left {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.section-breadcrumb {
    background-image: url("../img/breadcrumb/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-blend-mode: overlay;
}

    .section-breadcrumb .breadcrumb-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 0;
    }

    .section-breadcrumb .bix-breadcrumb {
        margin-top: 100px;
        padding: 80px 0;
        z-index: 10;
        overflow: hidden;
    }

    .section-breadcrumb .breadcrumb-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 12;
        position: relative;
    }

        .section-breadcrumb .breadcrumb-contact h4 {
            margin-bottom: 8px;
            font-size: 32px;
            font-weight: 600;
            color: #fff;
            text-transform: capitalize;
        }

        .section-breadcrumb .breadcrumb-contact h5 {
            cursor: default;
        }

            .section-breadcrumb .breadcrumb-contact h5 span {
                padding: 0 2px;
            }

                .section-breadcrumb .breadcrumb-contact h5 span i {
                    font-size: 14px;
                    color: #fff;
                }

                .section-breadcrumb .breadcrumb-contact h5 span a {
                    font-size: 15px;
                    font-weight: 400;
                    color: #fff;
                }

            .section-breadcrumb .breadcrumb-contact h5 .disable {
                opacity: 0.7;
            }

                .section-breadcrumb .breadcrumb-contact h5 .disable a {
                    cursor: default;
                }

.dark-mode {
    display: none;
}

.white-mode {
    display: inline;
}

.padding-t-100 {
    padding-top: 100px;
}

.padding-b-100 {
    padding-bottom: 100px !important;
}

.padding-tb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-tb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-t-50 {
    padding-top: 50px;
}

.padding-b-50 {
    padding-bottom: 50px;
}

.margin-t-100 {
    margin-top: 100px;
}

.margin-t-50 {
    margin-top: 50px;
}

.margin-tb-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.margin-tb-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

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

.margin-b-100 {
    margin-bottom: 100px;
}

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

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

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

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

.mb-minus-24 {
    margin-bottom: -24px;
}

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

/* Header */
header {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    border-bottom: 1px solid #111a242b;
    background-color: rgb(255 255 255);
    --backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

    header .bix-navbar {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 10px 0;
        border-radius: 30px;
    }

        header .bix-navbar .navbar-brand {
            padding: 0;
        }

.bix-fixed {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 0;
    position: fixed;
    z-index: 40;
}

    .bix-fixed .bix-navbar {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 10px 0;
    }

        .bix-fixed .bix-navbar .navbar-brand {
            padding: 0;
        }

.navbar {
    padding: 0;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bix-logo {
    width: 150px;
    /* padding: 0 15px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dark-logo {
    display: none;
}

.bix-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .bix-main-menu ul {
        margin: 0;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        align-items: center;
    }

        /* .bix-main-menu ul li {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            } */
        .bix-main-menu ul li {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin-left: 10px;
        }

            .bix-main-menu ul li a {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                /* padding: 0 !important; */
                font-size: 15px;
                font-weight: 600;
                /* line-height: 40px; */
                text-decoration: none;
                text-transform: capitalize;
                color: #1b1c20;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                /* font-weight: bold; */
            }

                .bix-main-menu ul li a i {
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    margin-right: 5px;
                    font-size: 30px;
                    color: #111a24;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

            .bix-main-menu ul li:hover > a {
                color: #f41a4a;
            }

                .bix-main-menu ul li:hover > a:after {
                    color: #f41a4a;
                }

            .bix-main-menu ul li .mega-menu {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                width: 100%;
                margin-top: 15px;
                padding: 0 0 0 30px !important;
                position: absolute;
                background: #fff;
                opacity: 0;
                visibility: hidden;
                left: 0;
                z-index: 15;
                border-radius: 10px;
                -webkit-box-shadow: #f7faff;
                box-shadow: #f7faff;
                border: 1px solid #eae8ef;
                overflow: hidden;
            }

                .bix-main-menu ul li .mega-menu li ul {
                    padding: 15px 0;
                }

                .bix-main-menu ul li .mega-menu li .mega-block {
                    width: calc(25% - 30px);
                    margin-right: 30px;
                }

                    .bix-main-menu ul li .mega-menu li .mega-block li.menu_title a {
                        margin-bottom: 10px;
                        padding-bottom: 5px;
                        color: #f41a4a;
                        font-size: 15px;
                        font-weight: 500;
                        display: block;
                        border-bottom: 1px solid #eae8ef;
                        height: auto;
                    }

                        .bix-main-menu ul li .mega-menu li .mega-block li.menu_title a:hover {
                            color: #f41a4a;
                        }

                    .bix-main-menu ul li .mega-menu li .mega-block li {
                        border: 0 !important;
                    }

                        .bix-main-menu ul li .mega-menu li .mega-block li a {
                            border: 0;
                            height: auto;
                            padding: 5px 0;
                            display: block;
                            font-size: 13px;
                            line-height: 30px;
                            font-weight: 400;
                            text-transform: capitalize;
                            color: #777;
                        }

                            .bix-main-menu ul li .mega-menu li .mega-block li a:hover {
                                color: #f41a4a;
                            }

            .bix-main-menu ul li.dropdown {
                position: relative;
            }

                .bix-main-menu ul li.dropdown ul.sub-menu {
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    min-width: 170px;
                    margin: 15px 0 0 0;
                    padding: 15px 20px;
                    position: absolute;
                    z-index: 16;
                    text-align: left;
                    opacity: 0;
                    visibility: hidden;
                    left: 0;
                    border-radius: 5px;
                    right: auto !important;
                    background: #fff;
                    -webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.09);
                    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.09);
                    display: block;
                }

                    .bix-main-menu ul li.dropdown ul.sub-menu li {
                        padding: 5px 0;
                    }

                .bix-main-menu ul li.dropdown ul {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

                    .bix-main-menu ul li.dropdown ul li.active a {
                        color: #f41a4a;
                    }

                        .bix-main-menu ul li.dropdown ul li.active a i {
                            color: #f41a4a;
                        }

                    .bix-main-menu ul li.dropdown ul li {
                        padding: 0;
                        margin: 0;
                        display: block;
                    }

                        .bix-main-menu ul li.dropdown ul li:hover > a {
                            color: #f41a4a;
                        }

                            .bix-main-menu ul li.dropdown ul li:hover > a i {
                                color: #f41a4a;
                            }

                        .bix-main-menu ul li.dropdown ul li a {
                            -webkit-transition: all 0.3s ease-in-out;
                            transition: all 0.3s ease-in-out;
                            padding: 10px 5px;
                            display: block;
                            line-height: 20px;
                            font-weight: 500;
                            font-size: 14px;
                            color: #777;
                            text-transform: capitalize;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                            justify-content: flex-start;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                        }

                            .bix-main-menu ul li.dropdown ul li a:hover {
                                color: #f41a4a;
                            }

                                .bix-main-menu ul li.dropdown ul li a:hover i {
                                    color: #f41a4a;
                                }

                            .bix-main-menu ul li.dropdown ul li a i {
                                -webkit-transition: all 0.3s ease-in-out;
                                transition: all 0.3s ease-in-out;
                                color: #777;
                                position: absolute;
                                right: 2px;
                            }

                        .bix-main-menu ul li.dropdown ul li:first-child {
                            border-top: none;
                        }

                .bix-main-menu ul li.dropdown li.position-static {
                    position: relative !important;
                }

                    .bix-main-menu ul li.dropdown li.position-static:hover .sub-menu.sub-menu-child {
                        margin: -5px 0 0 0;
                        opacity: 1;
                        visibility: visible;
                    }

                .bix-main-menu ul li.dropdown ul.sub-menu.sub-menu-child {
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    margin: 30px 0 0 0;
                    left: 100% !important;
                    opacity: 0;
                    visibility: hidden;
                    top: 0;
                }

                .bix-main-menu ul li.dropdown:hover .sub-menu {
                    margin-top: 0;
                    opacity: 1;
                    visibility: visible;
                }

                .bix-main-menu ul li.dropdown:hover .mega-menu {
                    margin-top: 0;
                    opacity: 1;
                    visibility: visible;
                }

            .bix-main-menu ul li.active > a {
                color: #f41a4a;
            }

    .bix-main-menu > ul > li:hover > a:before {
        background: #f41a4a;
        width: 100%;
    }

    .bix-main-menu > ul > li:hover > a i {
        color: #f41a4a;
    }

    .bix-main-menu > ul > li.active > a:before {
        width: 100%;
        background: #f41a4a;
    }

.navbar-toggler {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: #111a24;
    border-color: #111a24;
}

    .navbar-toggler:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.bix-sidebar-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 42;
}

.bix-mobile-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 300px;
    height: 100%;
    padding: 15px 20px 20px 20px;
    position: fixed;
    top: 0;
    right: auto;
    left: 0;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 43;
    overflow: auto;
}

    .bix-mobile-menu .bix-menu-inner .bix-menu-content ul {
        margin: 0;
        padding: 0;
    }

        .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li {
            position: relative;
            list-style-type: none;
        }

            .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .menu-toggle {
                width: 100%;
                height: 47px;
                padding-right: 15px;
                position: absolute;
                z-index: 2;
                top: 0;
                right: 0;
                left: auto;
                cursor: pointer;
                background-color: transparent;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

                .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .menu-toggle:before {
                    content: "+";
                    font-weight: 500;
                    color: #777;
                    font-size: 24px;
                }

            .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li a {
                margin-bottom: 12px;
                padding: 8px 16px;
                display: block;
                text-transform: capitalize;
                color: #777;
                border: 1px solid #eae8ef;
                border-radius: 10px;
                font-size: 14px;
                font-weight: 500;
                text-decoration: none;
            }

            .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .sub-menu {
                width: 100%;
                min-width: auto;
                padding: 0;
                margin-bottom: 0;
                position: static;
                top: auto;
                display: none;
                visibility: visible;
                -webkit-transition: none;
                transition: none;
                opacity: 1;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .sub-menu li:last-child {
                    margin-bottom: 15px;
                }

                .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .sub-menu li a {
                    margin: 0;
                    border: 0;
                    font-size: 14px;
                }

    .bix-mobile-menu .bix-menu-title {
        width: 100%;
        padding: 0 0 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .bix-mobile-menu .bix-menu-title .bix-close {
            position: relative;
            border: 0;
            font-size: 30px;
            line-height: 1;
            color: #ff0000;
            background-color: transparent;
            border: 0;
        }

        .bix-mobile-menu .bix-menu-title .menu-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 16px;
            color: #1b1c20;
            font-weight: 600;
        }

            .bix-mobile-menu .bix-menu-title .menu-title h4 {
                position: relative;
                border: 0;
                font-size: 17px;
                font-weight: 600;
                line-height: 1;
                color: #1b1c20;
                background-color: transparent;
            }

header .collapse:not(.show) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bix-mobile-menu.bix-menu-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

/* Responsive */
@media screen and (max-width: 991px) {
    ._boxzoom .zoom-thumb {
        width: 100% !important;
    }

    .main-product-info {
        display: flex;
        flex-direction: column-reverse;
    }

    .mnu-show {
        display: block !important;
    }

    .resp-menu {
        display: flex;
        grid-template-columns: 2fr 1fr;
        gap: 10px;
        align-items: center;
    }

    .show-menu {
        position: relative;
    }

        .show-menu .navbar-nav {
            display: flex;
            align-items: center;
            flex-direction: row;
            gap: 10px;
            margin-right: 6px;
        }

    .resp-menu .basket-item-count {
        width: 15px;
        font-size: 10px;
        height: 15px;
        line-height: 15px;
        background: red;
        border-radius: 100px;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 0px;
        right: -5px;
    }


    .bix-project-card .project-image img {
        height: 100% !important;
    }

    .gi-product-inner .gi-pro-image .image img {
        height: auto !important;
    }

    header .collapse:not(.show) {
        display: none;
    }

    .bix-main-menu {
        display: none;
    }
}

/* footer */
footer {
    background-color: #f7f5fb;
    padding: 10px 0;
}

.bix-footer-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .bix-footer-contact p {
        font-size: 15px;
        font-weight: 500;
        color: #777;
        line-height: 30px;
    }

        .bix-footer-contact p a {
            font-weight: 600;
        }

    .bix-footer-contact .logo-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-footer-contact .logo-links a {
            height: 30px;
            width: 30px;
            margin: 0 5px;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: 1px solid #111a24;
            border-radius: 20px;
        }

            .bix-footer-contact .logo-links a i {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                font-size: 18px;
                color: #111a24;
            }

.logo-links a:hover {
    background-color: #111a24;
}

    .logo-links a:hover i {
        color: #fff;
    }

/* Responsive */
@media screen and (max-width: 480px) {
    .bix-footer-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

        .bix-footer-contact p {
            margin-bottom: 8px;
        }
}

/* tools-sidebar */
.bix-tools-sidebar-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 41;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.bix-tools-sidebar {
    width: 300px;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 42;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
}

    .bix-tools-sidebar .bix-tools-sidebar-toggle {
        position: absolute;
        top: 45%;
        right: 302px;
        width: 40px;
        height: 40px;
        background-color: rgba(29, 37, 49, 0.6);
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 25px;
        z-index: -1;
        text-decoration: none;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
    }

        .bix-tools-sidebar .bix-tools-sidebar-toggle i {
            color: #fff;
        }

    .bix-tools-sidebar .bix-bar-title {
        margin-bottom: 15px;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-tools-sidebar .bix-bar-title h6 {
            margin: 0;
            font-size: 17px;
            font-weight: 700;
            color: #111a24;
        }

        .bix-tools-sidebar .bix-bar-title .close-tools {
            color: #ff0000;
            font-size: 17px;
        }

    .bix-tools-sidebar .bix-tools-detail {
        height: calc(100vh - 72px);
        padding: 0 15px 15px 15px;
        overflow: auto;
    }

        .bix-tools-sidebar .bix-tools-detail::-webkit-scrollbar {
            background-color: transparent;
            width: 7px;
            height: 7px;
            position: absolute;
            background-color: #f41a4a;
        }

        .bix-tools-sidebar .bix-tools-detail::-webkit-scrollbar-thumb {
            background-color: #f41a4a;
            border-radius: 5px;
        }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block h3 {
            margin: 15px 0;
            font-size: 14px;
            font-weight: 500;
            color: #111a24;
        }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block p {
            margin: 0;
            text-transform: capitalize;
        }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-color {
            margin: 0;
            padding: 0;
        }

            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-color li {
                display: inline-block;
                height: 35px;
                width: 35px;
                margin: 6px;
                border-radius: 5px;
                cursor: pointer;
                vertical-align: middle;
                position: relative;
            }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl,
        .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .bix-tools-item,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .bix-tools-item {
                width: 125px;
                margin-bottom: 10px;
                text-align: center;
            }

                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .bix-tools-item img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .bix-tools-item img {
                    width: 100%;
                    padding: 5px;
                    border-radius: 10px;
                    border: 1px solid #eae8ef;
                }

                    .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .bix-tools-item img:hover,
                    .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .bix-tools-item img:hover {
                        border: 1px solid #f41a4a;
                    }

            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-mode,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-dark-mode,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-mode,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-dark-mode {
                position: relative;
            }

                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-mode:after,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-dark-mode:after,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-mode:after,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-dark-mode:after {
                    content: "\eb79";
                    width: 30px;
                    height: 30px;
                    font-size: 16px;
                    font-family: "remixicon" !important;
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    border-radius: 10px;
                    background-color: #111a24;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-mode img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-dark-mode img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-mode img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-dark-mode img {
                    border-color: #f41a4a;
                }

.active-variant {
    position: relative;
}

    .active-variant:after {
        font-family: "remixicon" !important;
        content: "\eb79";
        height: 35px;
        width: 35px;
        font-size: 18px;
        position: absolute;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.color-primary {
    background: #f41a4a;
}

.color-1 {
    background: #7b18d5;
}

.color-2 {
    background: #5f6af5;
}

.color-3 {
    background: #f5885f;
}

.color-4 {
    background: #32dbe2;
}

.color-5 {
    background: #3f51b5;
}

.color-6 {
    background: #f44336;
}

.color-7 {
    background: #ed578a;
}

.color-8 {
    background: #607d8b;
}

.color-9 {
    background: #5caf90;
}

.open-tools {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* Layouts ( Import Layouts ) */
/* Hero */
.section-hero {
    height: 700px;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: url("../img/home-banner-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: -1;
}

    .section-hero .first-name,
    .section-hero .last-name {
        position: absolute;
        font-family: "Montserrat";
        font-size: 170px;
        font-weight: 900;
        color: #fff;
        text-shadow: 2px 2px #111a24, -2px 2px #111a24, 2px -2px #111a24, -2px -2px #111a24;
        opacity: 0.04;
    }

    .section-hero .first-name {
        bottom: 100px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        /*border: 2px solid #111a248a;*/
        border-radius: 25px;
        background: white;
    }

    .section-hero .last-name {
        bottom: 100px;
        right: 0;
    }

.bix-hero-img {
    position: relative;
}

    .bix-hero-img:after {
        /* content: ""; */
        /* height: 60px; */
        /* width: 60px; */
        /* background-image: url("../img/hero/shape-4.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* bottom: 0; */
        /* left: 0; */
        /* z-index: -1; */
    }



    .bix-hero-img .hero-inner-img:after {
        content: "";
        height: 100%;
        width: 100%;
        background-image: url("../img/hero/hero_bg.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        position: absolute;
        top: -70px;
        left: 0;
        right: 0;
        z-index: -1;
    }

    /* .bix-hero-img .hero-inner-img:before {
                content: "";
                background-image: url("../img/hero/border-one.png");
                background-repeat: no-repeat;
                background-size: 100%;
                height: 550px;
                width: 550px;
                margin: auto;
                position: absolute;
                bottom: -40px;
                left: 0;
                right: 0;
                z-index: -1;
            } */

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 160px);
        margin: auto auto 50px;
        display: block;
    }

.bix-hero-contact {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .bix-hero-contact:before {
        /* content: ""; */
        /* height: 60px; */
        /* width: 60px; */
        /* background-image: url("../img/hero/shape-1.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* top: 30px; */
        /* left: 50px; */
        /* z-index: -1; */
    }

    .bix-hero-contact:after {
        /* content: ""; */
        /* height: 50px; */
        /* width: 25px; */
        /* background-image: url("../img/hero/shape-2.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* top: 0; */
        /* right: 0; */
        /* z-index: -1; */
    }

    .bix-hero-contact h4 {
        margin-bottom: 8px;
        font-size: 35px;
        font-weight: bold;
        color: #111a24;
    }

        .bix-hero-contact h4 span {
            color: #f41a4a;
        }

    .bix-hero-contact h1 {
        margin-bottom: 16px;
        font-size: 78px;
        color: #111a24;
        font-weight: 800;
        position: relative;
    }

        .bix-hero-contact h1:after {
            /* content: ""; */
            /* height: 70px; */
            /* width: 70px; */
            /* background-image: url("../img/hero/shape-two.png"); */
            /* background-repeat: no-repeat; */
            /* background-size: 100%; */
            /* position: absolute; */
            /* top: -40px; */
            /* right: 40px; */
            /* z-index: -1; */
        }

    .bix-hero-contact p {
        font-family: "Montserrat";
        font-size: 27px;
        font-weight: 600;
        color: #111a24;
    }

        .bix-hero-contact p span {
            margin: 0 5px;
            color: #f41a4a;
        }

    .bix-hero-contact .bix-buttons {
        margin: -10px;
        padding-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        z-index: 9;
    }

    .bix-hero-contact a:last-child {
        margin-left: 10px;
    }

    .bix-hero-contact .bix-buttons:after {
        /* content: ""; */
        /* height: 70px; */
        /* width: 33px; */
        /* background-image: url("../img/hero/shape-3.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* bottom: -40px; */
        /* right: 200px; */
        /* z-index: -1; */
    }

    .bix-hero-contact .bix-buttons button {
        margin: 10px;
    }

/* Responsive */
@media screen and (max-width: 1399px) {
    .section-hero:before {
        height: 200px;
        width: 750px;
    }

    .section-hero:after {
        height: 200px;
        width: 750px;
    }

    .bix-hero-img .hero-inner-img:before {
        /* height: 450px; */
        /* width: 450px; */
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 160px);
    }

    .bix-hero-img .hero-inner-img:after {
        height: 600px;
        width: 600px;
    }

    .bix-hero-contact h1 {
        font-size: 90px;
        /* line-height: 100px; */
    }

        .bix-hero-contact h1:after {
            /* right: 0; */
        }

    .bix-hero-contact h4 {
        font-size: 32px;
    }

    .bix-hero-contact p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .section-hero:before {
        height: 130px;
        width: 600px;
    }

    .section-hero:after {
        height: 130px;
        width: 600px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 350px;
        width: 350px;
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 215px);
    }

    .bix-hero-img .hero-inner-img:before {
        height: 400px;
        width: 400px;
    }

    .bix-hero-contact:before {
        top: 0;
        left: 0;
    }

    .bix-hero-contact .bix-buttons:after {
        right: 100px;
    }

    .bix-hero-contact h4 {
        font-size: 28px;
    }

    .bix-hero-contact h1 {
        font-size: 52px;
    }

        .bix-hero-contact h1:after {
            height: 50px;
            width: 50px;
            right: 50px;
        }

    .bix-hero-contact p {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .section-hero {
        height: auto;
        margin-top: 95px;
    }

        .section-hero:before {
            height: 100px;
            width: 450px;
        }

        .section-hero:after {
            height: 100px;
            width: 450px;
        }

        .section-hero .first-name,
        .section-hero .last-name {
            font-size: 130px;
        }

        .section-hero .first-name {
            top: 30px;
        }

        .section-hero .last-name {
            bottom: 250px;
        }

    .bix-hero-contact {
        margin-top: 15px;
        padding-bottom: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bix-hero-contact:before {
            display: none;
        }

        .bix-hero-contact .bix-buttons:after {
            display: none;
        }

    .bix-hero-img .hero-inner-img:before {
        height: 450px;
        width: 450px;
        bottom: -35px;
        left: -9px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 400px;
        width: 400px;
        bottom: -12px;
        left: -9px;
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 400px);
    }

    .bix-hero-contact h1:after {
        right: 300px;
    }

    .bix-hero-contact .bix-buttons {
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .cart-btn-sty {
        display: grid;
        gap: 10px;
    }

    .bix-hero-contact h4 {
        font-size: 24px;
    }

    .bix-hero-contact h1 {
        font-size: 38px;
    }

    .bix-hero-contact p {
        font-size: 18px;
    }

    .bix-hero-contact h1:after {
        right: 200px;
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 250px);
    }

    .bix-hero-img .hero-inner-img:before {
        height: 450px;
        width: 450px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 400px;
        width: 400px;
    }
}

@media screen and (max-width: 575px) {
    .bix-hero-img .hero-inner-img img {
        width: 210px;
    }

    .bix-hero-img .hero-inner-img:before {
        height: 280px;
        width: 280px;
        bottom: -20px;
        left: -10px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 260px;
        width: 260px;
        bottom: -9px;
        left: -10px;
    }

    .bix-hero-img:after {
        width: 30px;
        bottom: -70px;
        opacity: 0.5;
    }

    .bix-hero-contact {
        text-align: center;
    }

        .bix-hero-contact h1:after {
            display: none;
        }

        .bix-hero-contact .bix-buttons {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .bix-hero-contact .bix-buttons:after {
                display: none;
            }

    .section-hero .first-name,
    .section-hero .last-name {
        font-size: 100px;
    }
}

@media screen and (max-width: 460px) {
    .section-hero:before {
        width: 100%;
    }

    .section-hero:after {
        width: 100%;
    }

    .section-hero .first-name,
    .section-hero .last-name {
        font-size: 70px;
    }
}

/* achievement */
.section-achievement {
    position: relative;
    background-image: url("../img/help-center-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}






.bix-activity-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bix-activity-tabs ul {
        margin-bottom: 30px;
    }

ul.nav-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #111a24;
    border-radius: 25px;
}

    ul.nav-tabs li {
        margin: 10px;
    }

        ul.nav-tabs li button {
            border: 0 !important;
            padding: 5px 15px;
            border-radius: 15px !important;
            color: #111a24 !important;
            text-transform: capitalize;
            font-weight: 500;
            font-size: 16px;
        }

            ul.nav-tabs li button.active {
                border: 0 !important;
                background-color: #111a24 !important;
                color: #fff !important;
            }

.bix-achievement {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .bix-achievement .border-r {
        padding: 0 30px 0 0;
        border-right: 0.5px solid #111a24;
    }

        .bix-achievement .border-r:before {
            content: "";
            height: 6px;
            width: 16px;
            border: 2px solid #fff;
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            margin: auto;
            background-color: #111a24;
            z-index: 0;
        }

        .bix-achievement .border-r .achievement-year {
            right: -72px;
        }

            .bix-achievement .border-r .achievement-year:after {
                top: 55px;
            }

    .bix-achievement .border-l {
        padding: 0 0 0 30px;
        border-left: 0.5px solid #111a24;
    }

        .bix-achievement .border-l:before {
            content: "";
            height: 6px;
            width: 16px;
            border: 2px solid #fff;
            margin: auto;
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            background-color: #111a24;
            z-index: 0;
        }

        .bix-achievement .border-l .achievement-year {
            left: -72px;
        }

            .bix-achievement .border-l .achievement-year:after {
                bottom: 55px;
            }

    .bix-achievement .bix-achievement-inner {
        width: 50%;
    }

        .bix-achievement .bix-achievement-inner .mt-150 {
            margin-top: 150px;
        }

        .bix-achievement .bix-achievement-inner .bix-achievement-box {
            border: 1px solid #111a24;
            padding: 30px;
            border-radius: 30px;
            background-color: #f7f5fb;
            position: relative;
        }

            .bix-achievement .bix-achievement-inner .bix-achievement-box .achievement-year {
                width: 100px;
                height: 100%;
                position: absolute;
                top: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
                z-index: 1;
            }

                .bix-achievement .bix-achievement-inner .bix-achievement-box .achievement-year span {
                    background-color: #111a24;
                    color: #fff;
                    border: 1px solid #111a24;
                    border-radius: 10px;
                    line-height: 1;
                    padding: 3px 10px;
                    font-size: 14px;
                }

            .bix-achievement .bix-achievement-inner .bix-achievement-box h4 {
                margin-bottom: 8px;
                font-size: 18px;
                font-weight: 600;
                line-height: 26px;
                color: #111a24;
            }

                .bix-achievement .bix-achievement-inner .bix-achievement-box h4 span {
                    font-size: 15px;
                    color: #555;
                }

            .bix-achievement .bix-achievement-inner .bix-achievement-box p {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.left .achievement-year {
                right: -82px;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.left:after {
                content: "";
                width: 30px;
                height: 2px;
                position: absolute;
                top: 50%;
                right: -30px;
                background-color: #111a24;
                z-index: -1;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.right .achievement-year {
                left: -82px;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
                content: "";
                width: 30px;
                height: 2px;
                position: absolute;
                top: 50%;
                left: -30px;
                background-color: #111a24;
                z-index: -1;
            }

/* Responsive */
@media screen and (max-width: 1399px) {
    .section-achievement:after {
        left: 400px;
    }

    .bix-achievement .border-r .achievement-year:after {
        top: 68px;
    }

    .bix-achievement .border-l .achievement-year:after {
        bottom: 68px;
    }
}

@media screen and (max-width: 1199px) {
    .section-achievement:after {
        height: 100px;
        width: 100px;
        left: 300px;
    }

    .bix-achievement .border-r .achievement-year:after {
        top: 78px;
    }

    .bix-achievement .border-l .achievement-year:after {
        bottom: 68px;
    }
}

@media screen and (max-width: 991px) {
    .section-achievement:before {
        height: 90px;
        width: 80px;
    }

    .bix-achievement .border-r .achievement-year:after {
        top: 118px;
    }

    .bix-achievement .border-l .achievement-year:after {
        bottom: 108px;
    }
}

@media screen and (max-width: 767px) {
    .section-achievement:after {
        left: 10px;
    }

    .bix-achievement {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .bix-achievement .border-l {
            margin-bottom: -24px;
            border: 0;
            padding: 0;
        }

            .bix-achievement .border-l:before {
                display: none;
            }

            .bix-achievement .border-l .achievement-year:after {
                bottom: 70px;
            }

        .bix-achievement .bix-achievement-inner {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .bix-achievement .bix-achievement-inner .mt-150 {
                margin-top: 0;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box {
                margin-top: 12px;
                margin-bottom: 24px;
            }

                .bix-achievement .bix-achievement-inner .bix-achievement-box.left:after,
                .bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
                    display: none;
                }

                .bix-achievement .bix-achievement-inner .bix-achievement-box.left .achievement-year,
                .bix-achievement .bix-achievement-inner .bix-achievement-box.right .achievement-year {
                    display: block;
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                    top: -13px;
                    left: 45px;
                }

        .bix-achievement .border-r {
            border: 0;
            padding: 0;
        }

            .bix-achievement .border-r:before {
                display: none;
            }

            .bix-achievement .border-r .achievement-year {
                right: auto;
                left: -70px;
            }

                .bix-achievement .border-r .achievement-year:after {
                    top: 87px;
                }
}

@media screen and (max-width: 575px) {
    .bix-achievement .bix-achievement-inner .bix-achievement-box h4 {
        font-size: 16px;
        line-height: 25px;
    }
}

/* services */
.section-services {
    position: relative;
}

.section-projects {
    background-image: url("../img/services/service_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section-services:before {
    content: "";
    height: 130px;
    width: 130px;
    /* background-image: url("../img/services/shape-1.png"); */
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -100px;
    left: 100px;
    z-index: -1;
}

.bg-services-one {
    background-color: rgb(237, 244, 179);
}

.bg-services-two {
    background-color: rgb(255, 213, 223);
}

.bg-services-three {
    background-color: rgb(213, 245, 255);
}

.bg-services-four {
    background-color: rgb(214, 255, 213);
}

.bg-services-five {
    background-color: rgb(225, 226, 255);
}

.bg-services-six {
    background-color: rgb(198, 251, 244);
}

.bg-services-seven {
    background-color: rgb(255, 229, 213);
}

.bg-services-eight {
    background-color: rgb(253, 228, 255);
}

.bix-services {
    margin-top: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 30px;
}

    .bix-services .services-image {
        margin-top: -30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

        .bix-services .services-image .inner-image {
            margin-top: -7px;
            padding: 20px;
            position: relative;
            background: #fff;
            border-radius: 50%;
        }

            .bix-services .services-image .inner-image:after {
                content: "";
                height: 40px;
                width: 40px;
                background-image: url("../img/services/left-shape.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 18px;
                left: -18px;
                z-index: 0;
            }

            .bix-services .services-image .inner-image:before {
                content: "";
                height: 40px;
                width: 40px;
                background-image: url("../img/services/right-shape.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 18px;
                right: -18px;
                z-index: 0;
            }

        .bix-services .services-image img {
            height: 35px;
            width: 35px;
            position: relative;
            z-index: 1;
            position: relative;
        }

        .bix-services .services-image .ring {
            content: "";
            height: 60px;
            width: 60px;
            margin: auto;
            border: 1px solid #111a24;
            position: absolute;
            top: 8px;
            left: 8px;
            border-radius: 50%;
            display: inline-block;
            z-index: 5;
        }

    .bix-services .services-contact {
        padding: 30px;
    }

        .bix-services .services-contact h5 {
            margin-bottom: 14px;
            font-size: 18px;
            color: #111a24;
            font-weight: 600;
        }

        .bix-services .services-contact p {
            font-size: 14px;
            line-height: 20px;
            color: #111a24;
        }

/* Responsive */
@media screen and (max-width: 991px) {
    .section-services:before {
        height: 100px;
        width: 100px;
    }
}

@media screen and (max-width: 575px) {
    .section-services:before {
        left: 20px;
    }
}

/* hire */
.section-hire {
    content: "";
    padding: 120px 0;
    background-image: url("../img/hire/bg.png");
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

.bix-hire-banner .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: -1;
}

.bix-hire-banner .bix-hire-contact {
    margin: auto;
    max-width: 700px;
}

    .bix-hire-banner .bix-hire-contact h2 {
        margin-bottom: 16px;
        font-size: 35px;
        color: #fff;
        font-weight: 700;
    }

        .bix-hire-banner .bix-hire-contact h2 span {
            color: #f41a4a;
        }

    .bix-hire-banner .bix-hire-contact h4 {
        margin-bottom: 16px;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
    }

    .bix-hire-banner .bix-hire-contact p {
        font-size: 15px;
        font-weight: 300;
        color: #fff;
    }

    .bix-hire-banner .bix-hire-contact .inner-circle-items {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle {
            position: relative;
            height: 150px;
            width: 150px;
            background-color: #fff;
            border-radius: 50%;
        }

            .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle svg text textPath {
                color: #111a24;
                font-weight: 600;
            }

            .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle .inner-contact i {
                color: #111a24;
            }

/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-hire-banner .bix-hire-contact h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    .section-hire {
        padding: 100px 0;
    }

    .bix-hire-banner .bix-hire-contact h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {
    .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle {
        height: 120px;
        width: 120px;
    }

    .section-hire {
        padding: 80px 0;
    }

    .bix-hire-banner .bix-hire-contact h2 {
        font-size: 24px;
    }

    .bix-hire-banner .bix-hire-contact h4 {
        font-size: 18px;
    }
}

/* Testimonials */
.section-testimonials {
    position: relative;
}

    .section-testimonials:after {
        content: "";
        height: 200px;
        width: 200px;
        background-image: url("../img/testimonials/shape.png");
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

.testimonials-slider {
    z-index: -1;
}

.bix-testimonials {
    position: relative;
}

    .bix-testimonials .inner-banner {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        position: absolute;
        top: 0;
        left: 150px;
        bottom: 0;
        z-index: -4;
    }

        .bix-testimonials .inner-banner h4 {
            font-family: "Montserrat";
            font-size: 42px;
            font-weight: 700;
            color: #fff;
            text-shadow: 1px 1px #111a24, -1px 1px #111a24, 1px -1px #111a24, -1px -1px #111a24;
            opacity: 0.15;
        }

    .bix-testimonials .testimonials-img-1 {
        z-index: -1;
        height: 80px;
        width: 80px;
        position: absolute;
        top: 0;
        left: 50px;
        border-radius: 15px;
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0.8;
    }

    .bix-testimonials .testimonials-img-2 {
        z-index: -1;
        position: absolute;
        height: 60px;
        width: 60px;
        bottom: 0;
        left: 0;
        border-radius: 15px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    .bix-testimonials .testimonials-img-3 {
        z-index: -1;
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 500px;
        border-radius: 15px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0.8;
    }

    .bix-testimonials .testimonials-img-4 {
        z-index: -1;
        position: absolute;
        height: 60px;
        width: 60px;
        top: -100px;
        right: 250px;
        border-radius: 15px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    .bix-testimonials .testimonials-img-5 {
        z-index: -1;
        position: absolute;
        height: 70px;
        width: 70px;
        top: 50px;
        right: 0;
        border-radius: 15px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    .bix-testimonials .testimonials-img-6 {
        z-index: -1;
        position: absolute;
        height: 60px;
        width: 60px;
        bottom: 0;
        right: 80px;
        border-radius: 15px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0.8;
    }

    .bix-testimonials .bix-testimonials-inner {
        max-width: 900px;
        margin: auto;
    }

        .bix-testimonials .bix-testimonials-inner .testimonials-image {
            position: relative;
        }

            .bix-testimonials .bix-testimonials-inner .testimonials-image img {
                width: 100%;
                border-radius: 20px;
            }

        .bix-testimonials .bix-testimonials-inner .testimonials-contact {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .bix-testimonials .bix-testimonials-inner .testimonials-contact h4 {
                margin-bottom: 8px;
                font-size: 20px;
                color: #111a24;
                font-weight: 600;
            }

            .bix-testimonials .bix-testimonials-inner .testimonials-contact span {
                font-size: 16px;
                color: #999;
            }

            .bix-testimonials .bix-testimonials-inner .testimonials-contact .inner-contact {
                margin-top: 10px;
                border: 1px solid #111a24;
                padding: 20px;
                background-color: #fff;
                border-radius: 20px;
            }

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-testimonials .inner-banner {
        left: 90px;
    }

        .bix-testimonials .inner-banner h4 {
            font-size: 38px;
        }

    .bix-testimonials .testimonials-img-1 {
        height: 60px;
        width: 60px;
        left: 10px;
    }

    .bix-testimonials .testimonials-img-2 {
        height: 50px;
        width: 50px;
    }

    .bix-testimonials .testimonials-img-3 {
        right: auto;
        top: -100px;
    }

    .bix-testimonials .testimonials-img-4 {
        top: -120px;
        right: 200px;
    }

    .bix-testimonials .testimonials-img-5 {
        height: 40px;
        width: 40px;
        top: -70px;
    }

    .bix-testimonials .testimonials-img-6 {
        height: 50px;
        width: 50px;
        right: 200px;
        bottom: 120px;
    }

    .bix-testimonials .bix-testimonials-inner {
        max-width: 800px;
    }

        .bix-testimonials .bix-testimonials-inner .testimonials-image .inner-banner h4 {
            font-size: 36px;
        }
}

@media screen and (max-width: 1199px) {
    .bix-testimonials .testimonials-img-1 {
        display: none;
    }

    .bix-testimonials .testimonials-img-2 {
        display: none;
    }

    .section-testimonials:after {
        height: 150px;
        width: 150px;
    }

    .bix-testimonials .inner-banner {
        left: 10px;
    }

        .bix-testimonials .inner-banner h4 {
            font-size: 34px;
        }
}

@media screen and (max-width: 991px) {
    .bix-testimonials .testimonials-img-3 {
        right: auto;
        left: 0;
        top: -80px;
    }

    .bix-testimonials .testimonials-img-4 {
        right: auto;
        left: 100px;
    }

    .bix-testimonials .testimonials-img-5 {
        top: -150px;
    }

    .bix-testimonials .testimonials-img-6 {
        bottom: auto;
        top: -20px;
        right: 50px;
    }

    .bix-testimonials .inner-banner {
        display: none;
    }

    .section-testimonials:after {
        height: 120px;
        width: 120px;
    }

    .bix-testimonials .bix-testimonials-inner .testimonials-image .inner-banner {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .bix-testimonials .bix-testimonials-inner .testimonials-contact h4 {
        margin-bottom: 4px;
        font-size: 18px;
        text-align: center;
    }

    .bix-testimonials .bix-testimonials-inner .testimonials-contact span {
        font-size: 14px;
        text-align: center;
    }

    .bix-testimonials .bix-testimonials-inner .testimonials-image {
        width: 100%;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-testimonials .bix-testimonials-inner .testimonials-image img {
            max-width: 80px;
        }

    .bix-testimonials .testimonials-img-3 {
        display: none;
    }

    .bix-testimonials .testimonials-img-4 {
        right: auto;
        left: 0;
    }
}

@media screen and (max-width: 575px) {
    .section-testimonials:after {
        height: 80px;
        width: 80px;
    }
}

/* blog */
.bix-blog-box {
    margin-top: 50px;
    padding: 20px;
    position: relative;
    border: 1px solid #111a24;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .bix-blog-box .blog-img {
        margin-right: 10px;
        position: absolute;
        top: -54px;
        left: 20px;
        right: 20px;
    }

        .bix-blog-box .blog-img img {
            width: 120px;
            border-radius: 15px;
        }

    .bix-blog-box .blog-contact {
        margin-left: 20px;
        padding-left: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-blog-box .blog-contact h4 {
            margin-bottom: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

            .bix-blog-box .blog-contact h4 a {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                font-size: 18px;
                font-weight: 600;
                color: #111a24;
            }

                .bix-blog-box .blog-contact h4 a:hover {
                    color: #f41a4a;
                }

        .bix-blog-box .blog-contact p {
            /* overflow: hidden; */
            /* text-overflow: ellipsis; */
            /* display: -webkit-box; */
            /* -webkit-line-clamp: 3; */
            /* -webkit-box-orient: vertical; */
        }

        .bix-blog-box .blog-contact span {
            font-size: 13px;
            color: #999;
        }

    .bix-blog-box.bix-blog-box-alt .blog-img {
        left: auto;
        right: 20px;
    }

    .bix-blog-box.bix-blog-box-alt .blog-contact {
        margin-left: 0;
        padding-left: 0;
        /* margin-right: 20px; */
        /* padding-right: 200px; */
    }

/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-blog-box .blog-img {
        /* margin-right: 0; */
        /* margin-bottom: 10px; */
        /* position: relative; */
        /* width: auto; */
        top: -50px;
        /* left: 0; */
        /* right: 0; */
    }

        .bix-blog-box .blog-img img {
            /* width: 80px; */
        }

    .bix-blog-box {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px;
    }

        .bix-blog-box .blog-contact {
            margin-left: 0;
            padding-left: 0;
        }
}

@media screen and (max-width: 767px) {
    .bix-blog-box {
        max-width: 430px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

/* modal */
.bix-modal {
    padding-right: 0 !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

    .bix-modal .modal-content {
        padding: 20px;
        border: 0;
        border-radius: 30px;
    }

        .bix-modal .modal-content .modal-body {
            padding: 0 !important;
        }

            .bix-modal .modal-content .modal-body ul.nav-tabs {
                margin-bottom: 24px;
            }

            .bix-modal .modal-content .modal-body .form-group {
                margin-bottom: 12px;
            }

                .bix-modal .modal-content .modal-body .form-group input,
                .bix-modal .modal-content .modal-body .form-group select,
                .bix-modal .modal-content .modal-body .form-group textarea {
                    width: 100%;
                    height: 50px;
                    padding: 15px;
                    border: 1px solid #eae8ef;
                    outline: 0;
                    border-radius: 20px;
                }

                    .bix-modal .modal-content .modal-body .form-group input::-webkit-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::-webkit-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::-webkit-input-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input::-moz-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::-moz-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::-moz-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input:-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select:-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea:-ms-input-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input::-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::-ms-input-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input::placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                .bix-modal .modal-content .modal-body .form-group select {
                    font-size: 14px;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .bix-modal .modal-content .modal-body .form-group textarea {
                    height: auto;
                }

/* Pages ( Import Pages ) */
/* about */
.section-about {
    position: relative;
}

    .section-about:before {
        content: "";
        height: 200px;
        width: 165px;
        /* background-image: url("../img/about/shape-1.png"); */
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .section-about:after {
        content: "";
        height: 120px;
        width: 70px;
        /* background-image: url("../img/about/shape-2.png"); */
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
        opacity: 0.3;
    }

    .section-about .container {
        position: relative;
    }

        .section-about .container:before {
            content: "";
            height: 50px;
            width: 50px;
            /* background-image: url("../img/about/shape-3.png"); */
            background-repeat: no-repeat;
            background-size: 100%;
            position: absolute;
            top: 0;
            left: 150px;
            z-index: -1;
        }

.bix-about-contact {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .bix-about-contact h5 {
        margin-bottom: 24px;
        font-size: 37px;
        font-weight: bold;
        color: #fff;
        /* text-shadow: 1px 1px #111a24, -1px 1px #111a24, 1px -1px #111a24, -1px -1px #111a24; */
        letter-spacing: 0.08rem;
        /* opacity: 0.5; */
        color: #111a24;
    }

    .bix-about-contact p {
        margin-bottom: 16px;
    }

    .bix-about-contact .about-name h6 {
        margin-bottom: 0;
        font-size: 16px;
        color: #111a24;
        font-weight: 700;
    }

    .bix-about-contact .about-name p {
        font-size: 14px;
        color: #555;
    }

    .bix-about-contact .about-name .inner-sign-items img {
        width: 120px;
    }

@-webkit-keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.bix-rounded-circle:hover svg {
    -webkit-animation: rotateText 10s linear infinite;
    animation: rotateText 10s linear infinite;
}

.bix-rounded-circle a {
    position: relative;
}

.bix-rounded-circle .inner-contact {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bix-rounded-circle .inner-contact i {
        font-size: 30px;
        color: #fff;
    }

.bix-rounded-circle svg {
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
}

    .bix-rounded-circle svg text textPath {
        font-size: 8px;
        color: #fff;
        letter-spacing: 1.3px;
    }

.bix-rounded-circle h5 {
    font-size: 10px;
    color: #fff;
}

.bix-about-img {
    border: 1px solid #111a24;
    padding: 15px;
    border-radius: 200px;
    position: relative;
}

    .bix-about-img:hover .inner-item {
        opacity: 1;
        right: 7px;
    }

    .bix-about-img img {
        width: 100%;
        border-radius: 200px;
    }

    .bix-about-img .bix-rounded-circle {
        z-index: 1;
        height: 130px;
        width: 130px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 50%;
    }

    .bix-about-img .inner-item {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 100%;
        position: absolute;
        top: 0;
        right: -7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 0;
        opacity: 0;
    }

        .bix-about-img .inner-item .box-inner {
            margin: 18px 0;
            position: relative;
        }

            .bix-about-img .inner-item .box-inner:after {
                content: "";
                height: 30px;
                width: 60px;
                background-image: url("../img/about/round-shape.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 0px;
                left: -33px;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                z-index: 0;
            }

            .bix-about-img .inner-item .box-inner img {
                width: 20px;
                height: 20px;
                position: relative;
                z-index: 1;
                border-radius: 0;
            }

.bix-skill {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -24px;
}

    .bix-skill .skill-inner-box {
        margin-bottom: 24px;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        border-radius: 100px;
    }

        .bix-skill .skill-inner-box:hover .skill-logo {
            opacity: 1;
            top: -10px;
        }

        .bix-skill .skill-inner-box .skill-logo {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            position: absolute;
            right: 60px;
            top: -30px;
            z-index: 1;
            opacity: 0;
        }

            .bix-skill .skill-inner-box .skill-logo a {
                position: relative;
                height: 30px;
                width: 30px;
                margin: 0 20px;
                border: 1px solid #111a24;
                background-color: #fff;
                border-radius: 20px;
            }

                .bix-skill .skill-inner-box .skill-logo a:after {
                    content: "";
                    height: 25px;
                    width: 67px;
                    background-image: url("../img/about/round-shape.png");
                    background-repeat: no-repeat;
                    background-size: 100%;
                    position: absolute;
                    top: 9px;
                    left: -20px;
                    z-index: -1;
                }

            .bix-skill .skill-inner-box .skill-logo img {
                width: 28px;
                padding: 5px;
            }

        .bix-skill .skill-inner-box .skill-contact {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            display: -ms-flexbox;
            -ms-flex-align: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            align-items: center;
            position: relative;
        }

            .bix-skill .skill-inner-box .skill-contact:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 90px;
                height: 90px;
                border-radius: 100%;
                z-index: -1;
                background: linear-gradient(45deg, #00000059, transparent);
                backdrop-filter: blur(4px);
            }

            .bix-skill .skill-inner-box .skill-contact .progress {
                width: 90px;
                height: 100%;
                background: transparent;
                display: inline-block;
            }

            .bix-skill .skill-inner-box .skill-contact img {
                width: 90px;
                height: 100%;
                background: transparent;
                display: inline-block;
            }

            .bix-skill .skill-inner-box .skill-contact .progress .fill {
                stroke-dasharray: 219.9907836914;
                stroke-dashoffset: -219.9907836914;
                -webkit-transition: stroke-dashoffset 1s;
                transition: stroke-dashoffset 1s;
                stroke-width: 1;
            }

            .bix-skill .skill-inner-box .skill-contact .progress .track {
                stroke-width: 6;
                stroke: rgba(221, 221, 221, 0) !important;
            }

            .bix-skill .skill-inner-box .skill-contact .progress .track,
            .bix-skill .skill-inner-box .skill-contact .progress .fill {
                fill: rgba(0, 0, 0, 0);
                -webkit-transform: rotate(90deg) translate(0px, -80px);
                transform: rotate(90deg) translate(0px, -80px);
                stroke: #111a24;
            }

            .bix-skill .skill-inner-box .skill-contact .progress text {
                text-anchor: middle;
                font-weight: 500;
                font-size: 14px;
            }

            .bix-skill .skill-inner-box .skill-contact .skill-box-contact {
                width: calc(100% - 90px);
                padding: 10px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .bix-skill .skill-inner-box .skill-contact .skill-box-contact h4 {
                    font-size: 16px;
                    font-weight: 600;
                    color: #111a24;
                    margin-bottom: 8px;
                }

                    .bix-skill .skill-inner-box .skill-contact .skill-box-contact h4 span {
                        font-size: 13px;
                        font-weight: 500;
                    }

                .bix-skill .skill-inner-box .skill-contact .skill-box-contact p {
                    font-size: 13px;
                    line-height: 22px;
                    color: #495461;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

    .bix-skill .bg-color-one {
        background-color: #faf1c6;
    }

    .bix-skill .bg-color-two {
        background-color: #ffd5df;
    }

    .bix-skill .bg-color-three {
        background-color: #d5f5ff;
    }

.bix-block-skill {
    display: block;
}

.bix-aboutpage-img {
    position: relative;
}

    .bix-aboutpage-img .inner-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bix-aboutpage-img .inner-img img {
            width: calc(100% - 50px);
            height: calc(100% - 50px);
            border-radius: 40%;
        }

    .bix-aboutpage-img:after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #f7f5fb;
        border: 1px solid #e9e6ef;
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;
        border-radius: 40%;
    }

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-about-contact h5 {
        font-size: 32px;
    }
}

@media screen and (max-width: 1199px) {
    .bix-about-contact h5 {
        font-size: 28px;
    }

    .bix-about-img {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: auto;
    }

    .bix-skill {
        height: auto;
    }

    .section-about:before {
        height: 120px;
        width: 100px;
    }
}

@media screen and (max-width: 991px) {
    .section-about .container:before {
        left: auto;
        right: 0;
    }
}

@media screen and (max-width: 575px) {
    .bix-about-contact h5 {
        font-size: 28px;
    }

    .bix-about-img .bix-rounded-circle {
        height: 120px;
        width: 120px;
        bottom: 20px;
        right: 20px;
    }

    .bix-about-img .bix-about-detail {
        height: 100px;
        width: 100px;
        bottom: 20px;
        right: 20px;
    }

        .bix-about-img .bix-about-detail .inner-contact {
            height: 100px;
            width: 100px;
        }

        .bix-about-img .bix-about-detail .bix-rounded {
            height: 90px;
            width: 90px;
        }

            .bix-about-img .bix-about-detail .bix-rounded span {
                font-size: 8px;
            }
}

@media screen and (max-width: 420px) {
    .bix-about-contact h5 {
        font-size: 22px;
    }

    .bix-about-img .bix-rounded-circle {
        bottom: 0;
        right: 0;
    }

    .bix-skill .skill-inner-box {
        border-radius: 50px;
    }

        .bix-skill .skill-inner-box .skill-contact {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .bix-skill .skill-inner-box .skill-contact:before {
                left: 0;
                right: 0;
                margin: auto;
            }

            .bix-skill .skill-inner-box .skill-contact .skill-box-contact {
                width: 100%;
            }
}

@media screen and (max-width: 310px) {
    .bix-about-detail {
        display: none;
    }
}

/* projects */
.bix-projects-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bix-projects-tabs ul {
        margin-bottom: 30px;
        padding: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #f7f5fb;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #1b1c20;
        border-radius: 25px;
    }

        .bix-projects-tabs ul li {
            margin: 5px;
            padding: 5px 15px;
            font-weight: 500;
            -webkit-transition: 0.25s ease-out !important;
            transition: 0.25s ease-out !important;
            border: 0 !important;
            border-radius: 15px !important;
            color: #111a24 !important;
            cursor: pointer;
        }

        .bix-projects-tabs ul:nth-child(1) {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        .bix-projects-tabs ul:nth-child(2) {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .bix-projects-tabs ul li.active {
            background-color: #111a24 !important;
            color: #fff !important;
        }

.bix-project-card:hover .project-image img {
    /* -webkit-transform: scale(1.1) rotate(5deg); */
    /* transform: scale(1.1) rotate(5deg); */
}

.bix-project-card .project-image {
    position: relative;
    /* padding: 0px 0px 30px 0px; */
    overflow: hidden;
    /* border-radius: 30px; */
    z-index: 1;
}

    .bix-project-card .project-image a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* border-radius: 30px; */
        overflow: hidden;
    }

    .bix-project-card .project-image img {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 100%;
        height: 200px;
    }


.bix-project-card .project-contact {
    padding: 160px 11px 12px 12px;
}

    .bix-project-card .project-contact h5 {
        /* margin-bottom: 10px; */
        /* font-size: 18px; */
        /* text-align: center; */
    }

        .bix-project-card .project-contact h5 a {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-size: 18px;
            font-weight: 600;
            color: #111a24;
        }

            .bix-project-card .project-contact h5 a:hover {
                color: #f41a4a;
            }

    .bix-project-card .project-contact span {
        /* font-size: 14px; */
        /* color: #999; */
    }

    .bix-project-card .project-contact p {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
    }

        .bix-project-card .project-contact p a {
            color: #111a24;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-weight: 500;
        }

.fancybox-image,
.fancybox-spaceball {
    padding: 12px;
}

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-project-card .project-contact h5 a {
        /* font-size: 12px; */
    }

    .bix-project-card .project-contact span {
        /* font-size: 14px; */
    }
}

@media screen and (max-width: 480px) {
    .bix-project-card .project-contact {
        padding: 175px 20px 20px 20px;
    }

    .bix-project-card .project-image {
        /* padding: 0 20px 20px 20px; */
    }

        .bix-project-card .project-image .overlay-project-card {
            padding: 0;
            width: calc(100% - 40px);
            height: calc(100% - 20px);
            top: 0;
            bottom: 0;
            right: 20px;
            left: 20px;
        }
}

/* Prices */
.bix-services-box {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #eae8ef;
    border-radius: 30px;
    text-align: center;
    background: #f7f5fb;
}

    .bix-services-box:hover {
        border-color: #1b1c20;
    }

        .bix-services-box:hover .services-header {
            border-color: #1b1c20;
        }

    .bix-services-box .services-header {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 20px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-services-box .services-header span {
            font-size: 15px;
            font-weight: 600;
            color: #777;
        }

        .bix-services-box .services-header h4 {
            font-size: 42px;
            font-weight: 700;
            color: #111a24;
        }

    .bix-services-box .services-inner-contact {
        padding: 20px;
    }

        .bix-services-box .services-inner-contact ul {
            margin-bottom: 16px;
        }

            .bix-services-box .services-inner-contact ul li {
                padding: 8px 0;
                font-size: 15px;
                line-height: 22px;
                font-weight: 400;
                color: #777;
            }

        .bix-services-box .services-inner-contact .buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

/* Responsive */
@media screen and (max-width: 767px) {
    .bix-services-box .services-header h4 {
        font-size: 34px;
    }
}

@media screen and (max-width: 575px) {
    .bix-services-box {
        max-width: 320px;
        margin: auto;
    }
}

/* Faq */
.accordion-button::after {
    background-image: none;
    content: "+";
    font-weight: 500;
    color: #777;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accordion-button:not(.collapsed)::after {
    -webkit-transform: none;
    transform: none;
    background-image: none;
    content: "-";
    font-weight: 500;
    color: #777;
    font-size: 24px;
}

.bix-faq {
    margin-bottom: -20px;
}

    .bix-faq .accordion-button {
        font-weight: 500;
    }

        .bix-faq .accordion-button:not(.collapsed) {
            color: #111a24;
        }

    .bix-faq .accordion-item {
        background: transparent;
        border: 0;
    }

        .bix-faq .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
            border-radius: 10px;
        }

        .bix-faq .accordion-item .accordion-header {
            margin-bottom: 20px;
            border: 1px solid #eae8ef;
            border-radius: 10px;
        }

            .bix-faq .accordion-item .accordion-header .accordion-button {
                border-radius: 10px;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
                background-color: #f7f5fb;
            }

        .bix-faq .accordion-item .accordion-body {
            border-radius: 20px;
            margin-bottom: 20px;
            border: 1px solid #eae8ef;
            background: #ffffff;
        }

/* Responsive */
@media screen and (max-width: 1399px) {
    .section-faq::before {
        top: -85px;
        height: 85px;
    }
}

@media screen and (max-width: 1199px) {
    .section-faq::before {
        top: -74px;
        height: 74px;
    }
}

@media screen and (max-width: 991px) {
    .section-faq::before {
        top: -60px;
        height: 60px;
    }

    .bix-faq-img {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .section-faq::before {
        top: -45px;
        height: 45px;
    }
}

@media screen and (max-width: 575px) {
    .section-faq::after {
        width: 80px;
        height: 80px;
    }
}

/* Resume */
.bix-resume-sidebar {
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
}

    .bix-resume-sidebar .inner-img {
        padding: 24px 24px 0 24px;
    }

        .bix-resume-sidebar .inner-img img {
            width: 100%;
            border-radius: 20px;
        }

    .bix-resume-sidebar .inner-contact {
        padding: 24px;
    }

        .bix-resume-sidebar .inner-contact:not(:last-child) {
            border-bottom: 1px solid #eae8ef;
        }

    .bix-resume-sidebar .resume-title {
        margin-bottom: 12px;
    }

        .bix-resume-sidebar .resume-title h4 {
            font-size: 17px;
            font-weight: 700;
            color: #111a24;
        }

            .bix-resume-sidebar .resume-title h4 i {
                margin-right: 10px;
            }

    .bix-resume-sidebar .resume-contact-info ul {
        margin-bottom: 0;
    }

        .bix-resume-sidebar .resume-contact-info ul li {
            padding: 5px 0;
        }

            .bix-resume-sidebar .resume-contact-info ul li i {
                font-size: 15px;
                font-weight: 500;
                color: #777;
                margin-right: 10px;
            }

            .bix-resume-sidebar .resume-contact-info ul li a {
                font-size: 15px;
                font-weight: 500;
                color: #777;
            }

    .bix-resume-sidebar .resume-education-info:not(:last-child) {
        margin-bottom: 12px;
    }

    .bix-resume-sidebar .resume-education-info span {
        font-size: 14px;
        font-weight: 500;
        color: #777;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .bix-resume-sidebar .resume-education-info h4 {
        margin-bottom: 6px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .bix-resume-sidebar .resume-education-info p {
        font-size: 14px;
        line-height: 24px;
    }

.bix-resume-contact .sub-heading {
    margin-bottom: 24px;
    padding: 30px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .bix-resume-contact .sub-heading .inner-img {
        display: none;
    }

        .bix-resume-contact .sub-heading .inner-img img {
            height: 70px;
            width: 70px;
            border-radius: 20px;
        }

    .bix-resume-contact .sub-heading .inner-heading h4 {
        margin-bottom: 4px;
        font-size: 26px;
        font-weight: 700;
        color: #111a24;
    }

    .bix-resume-contact .sub-heading .inner-heading span {
        font-size: 14px;
        font-weight: 500;
        color: #777;
    }

.bix-resume-contact .inner-resume-contact {
    margin-bottom: -24px;
}

    .bix-resume-contact .inner-resume-contact .inner-title {
        margin-bottom: 16px;
    }

        .bix-resume-contact .inner-resume-contact .inner-title h5 {
            font-size: 20px;
            font-weight: 700;
        }

    .bix-resume-contact .inner-resume-contact p {
        font-size: 15px;
    }

    .bix-resume-contact .inner-resume-contact .resume-about,
    .bix-resume-contact .inner-resume-contact .resume-experience,
    .bix-resume-contact .inner-resume-contact .resume-project {
        margin-bottom: 24px;
        padding: 24px;
        border: 1px solid #eae8ef;
        border-radius: 20px;
        background-color: #f7f5fb;
    }

    .bix-resume-contact .inner-resume-contact .border-top-radius {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .bix-resume-contact .inner-resume-contact .border-bottom-radius {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .bix-resume-contact .inner-resume-contact .inner-experience {
        padding: 20px;
        background-color: #fff;
        border: 1px solid #eae8ef;
    }

        .bix-resume-contact .inner-resume-contact .inner-experience:not(:last-child) {
            margin-bottom: 8px;
        }

        .bix-resume-contact .inner-resume-contact .inner-experience h5 {
            margin-bottom: 8px;
            font-size: 16px;
            font-weight: 700;
            color: #111a24;
        }

        .bix-resume-contact .inner-resume-contact .inner-experience .experience-value {
            margin-bottom: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .bix-resume-contact .inner-resume-contact .inner-experience .experience-value span {
                font-size: 13px;
                font-weight: 500;
                color: #777;
            }

            .bix-resume-contact .inner-resume-contact .inner-experience .experience-value p {
                font-size: 14px;
            }

    .bix-resume-contact .inner-resume-contact .inner-project {
        padding: 20px;
        border: 1px solid #eae8ef;
        background-color: #fff;
    }

        .bix-resume-contact .inner-resume-contact .inner-project:not(:last-child) {
            margin-bottom: 8px;
        }

        .bix-resume-contact .inner-resume-contact .inner-project h5 {
            font-size: 16px;
            font-weight: 700;
            color: #111a24;
            line-height: 26px;
        }

        .bix-resume-contact .inner-resume-contact .inner-project a {
            margin-bottom: 15px;
            font-size: 15px;
            font-weight: 400;
            color: #777;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-resume-contact .sub-heading .inner-heading h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1199px) {
    .bix-resume-contact .sub-heading .inner-heading h4 {
        margin-bottom: 0;
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .bix-resume-sidebar {
        display: none;
    }

    .bix-resume-contact .sub-heading {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        text-align: left;
    }

        .bix-resume-contact .sub-heading .inner-img {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-right: 15px;
        }

    .bix-resume-contact .inner-resume-contact .inner-title h5 {
        font-size: 18px;
    }

    .bix-resume-contact .inner-resume-contact .inner-experience h5 {
        font-size: 15px;
    }
}

@media screen and (max-width: 575px) {

    .bix-resume-contact .inner-resume-contact .resume-about,
    .bix-resume-contact .inner-resume-contact .resume-experience,
    .bix-resume-contact .inner-resume-contact .resume-project {
        padding: 15px;
    }

    .bix-resume-sidebar .inner-img {
        padding: 15px 15px 0 15px;
    }
}

@media screen and (max-width: 380px) {
    .bix-resume-contact .sub-heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

        .bix-resume-contact .sub-heading .inner-img {
            margin-right: 0;
            margin-bottom: 15px;
        }
}

/* single projects */
.bix-single-projects-sidebar {
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
}

    .bix-single-projects-sidebar .sub-title {
        margin-bottom: 12px;
    }

        .bix-single-projects-sidebar .sub-title h4 {
            font-size: 20px;
            font-weight: 600;
            color: #111a24;
        }

    .bix-single-projects-sidebar .category-contact p a {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .bix-single-projects-sidebar .category-contact p a:hover {
            padding-left: 5px;
            color: #111a24;
        }

    .bix-single-projects-sidebar .bix-category,
    .bix-single-projects-sidebar .bix-recent-post {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

    .bix-single-projects-sidebar .bix-latest-gallery {
        padding: 24px;
    }

    .bix-single-projects-sidebar .bix-recent-card {
        border-radius: 20px;
    }

        .bix-single-projects-sidebar .bix-recent-card .recent-img img {
            width: 100%;
            border-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-recent-card .recent-contact {
            padding-top: 15px;
        }

            .bix-single-projects-sidebar .bix-recent-card .recent-contact span {
                font-size: 14px;
                font-weight: 400;
                color: #777;
            }

            .bix-single-projects-sidebar .bix-recent-card .recent-contact h4 {
                margin-bottom: 8px;
                font-size: 15px;
            }

                .bix-single-projects-sidebar .bix-recent-card .recent-contact h4 a {
                    font-size: 15px;
                    font-weight: 600;
                    line-height: 20px;
                    color: #111a24;
                }

            .bix-single-projects-sidebar .bix-recent-card .recent-contact p {
                font-size: 13px;
                line-height: 20px;
            }

    .bix-single-projects-sidebar .bix-gallery-card {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(33% - 2px));
        grid-row-gap: 4px;
        grid-column-gap: 4px;
    }

        .bix-single-projects-sidebar .bix-gallery-card .border-top-left-radius {
            border-top-left-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card .border-top-right-radius {
            border-top-right-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card .border-bottom-left-radius {
            border-bottom-left-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card .border-bottom-right-radius {
            border-bottom-right-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card img {
            width: 100%;
            height: 100%;
        }

.bix-t-review-rating i {
    margin-right: 3px;
    line-height: 16px;
    display: inline-block;
    font-size: 16px;
}

.bix-t-review-rating .ri-star-fill,
.bix-t-review-rating .ri-star-half-fill {
    color: #f27d0c;
}

.bix-single-projects-contact .inner-projects-img {
    margin-bottom: 24px;
    position: sticky;
    top: 90px;
}

    .bix-single-projects-contact .inner-projects-img img {
        width: 100%;
        border-radius: 20px;
    }

.bix-single-projects-contact .inner-projects-contact {
    margin-bottom: 24px;
}

    .bix-single-projects-contact .inner-projects-contact .sub-title {
        margin-bottom: 12px;
    }

        .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
            font-size: 24px;
            font-weight: 600;
            line-height: 32px;
        }

    .bix-single-projects-contact .inner-projects-contact p {
        margin-bottom: 16px;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact h4 {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 600;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact ul {
        list-style-type: disc;
        padding-left: 2rem;
        margin-bottom: 0;
    }

        .bix-single-projects-contact .inner-projects-contact .inner-contact ul li {
            font-size: 14px;
            font-weight: 500;
        }

.bix-single-projects-contact .bix-product-details {
    margin-top: 24px;
    margin-bottom: 24px;
}

    .bix-single-projects-contact .bix-product-details .bix-product-details-card {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 30px;
        background-color: #f7f5fb;
        border: 1px solid #eae8ef;
        border-radius: 20px;
        text-align: center;
    }

        .bix-single-projects-contact .bix-product-details .bix-product-details-card:hover {
            border-color: #1b1c20;
        }

        .bix-single-projects-contact .bix-product-details .bix-product-details-card h4 {
            font-size: 18px;
            font-weight: 600;
            color: #111a24;
        }

        .bix-single-projects-contact .bix-product-details .bix-product-details-card p {
            font-size: 14px;
            font-weight: 500;
            color: #777;
        }

.bix-single-projects-contact .bix-products-tabs .nav-tabs {
    margin-bottom: 24px;
}

.bix-single-projects-contact .bix-products-tabs .tab-content {
    padding: 20px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details p {
        margin-bottom: 16px;
    }

    .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details .inner-contact h4 {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 600;
    }

    .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details .inner-contact ul {
        list-style-type: disc;
        margin-bottom: 0;
        padding-left: 2rem;
    }

        .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details .inner-contact ul li {
            padding: 5px 0;
            font-size: 14px;
            font-weight: 500;
        }

.bix-client .inner-details {
    margin-bottom: 24px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-client .inner-details .side-image img {
        width: 100px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .bix-client .inner-details .client-details {
        padding-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-client .inner-details .client-details h5 {
            margin-bottom: 10px;
            font-size: 17px;
            font-weight: 600;
            color: #111a24;
        }

        .bix-client .inner-details .client-details p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 22px;
        }

.bix-reviews-details h4 {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #111a24;
}

.bix-reviews-details .bix-input {
    margin-bottom: 12px;
}

    .bix-reviews-details .bix-input input,
    .bix-reviews-details .bix-input textarea {
        width: 100%;
        height: 50px;
        padding: 15px;
        border: 1px solid #eae8ef;
        outline: 0;
        border-radius: 30px;
    }

        .bix-reviews-details .bix-input input::-webkit-input-placeholder,
        .bix-reviews-details .bix-input textarea::-webkit-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input::-moz-placeholder,
        .bix-reviews-details .bix-input textarea::-moz-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input:-ms-input-placeholder,
        .bix-reviews-details .bix-input textarea:-ms-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input::-ms-input-placeholder,
        .bix-reviews-details .bix-input textarea::-ms-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input::placeholder,
        .bix-reviews-details .bix-input textarea::placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

    .bix-reviews-details .bix-input textarea {
        height: 150px;
    }

/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-single-projects-contact .inner-projects-img {
        margin: 0;
    }

    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact h4 {
        font-size: 18px;
    }

    .bix-client .inner-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .bix-client .inner-details .side-image img {
            width: 100%;
            border-bottom-left-radius: 0;
            border-top-right-radius: 20px;
        }

        .bix-client .inner-details .client-details {
            padding: 15px 0 0 0;
        }
}

@media screen and (max-width: 575px) {

    .bix-single-projects-sidebar .bix-category,
    .bix-single-projects-sidebar .bix-recent-post {
        padding: 15px;
    }

    .bix-single-projects-sidebar .bix-latest-gallery {
        padding: 15px;
    }

    .bix-single-projects-contact .bix-products-tabs .tab-content {
        padding: 15px;
    }

    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 18px;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact h4 {
        font-size: 16px;
    }

    .bix-single-projects-sidebar .sub-title h4 {
        font-size: 18px;
    }
}

/* Blog-Details */
.bix-blog-sidebar {
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
}

    .bix-blog-sidebar .inner-details {
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-sidebar .inner-details .blog-image {
            padding: 24px 24px 0 24px;
        }

            .bix-blog-sidebar .inner-details .blog-image img {
                width: 100%;
                border-radius: 20px;
            }

        .bix-blog-sidebar .inner-details .inner-blog-contact {
            padding: 24px;
        }

            .bix-blog-sidebar .inner-details .inner-blog-contact span {
                font-size: 14px;
                font-weight: 400;
                color: #777;
            }

            .bix-blog-sidebar .inner-details .inner-blog-contact h4 {
                margin-bottom: 8px;
                font-size: 20px;
                font-weight: 700;
                color: #111a24;
            }

    .bix-blog-sidebar .sub-title {
        margin-bottom: 12px;
    }

        .bix-blog-sidebar .sub-title h4 {
            font-size: 18px;
            font-weight: 700;
            color: #111a24;
        }

    .bix-blog-sidebar .bix-categories {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-sidebar .bix-categories .inner-categories ul {
            list-style-type: disc;
            padding-left: 2rem;
            margin-bottom: 0;
        }

            .bix-blog-sidebar .bix-categories .inner-categories ul li {
                padding: 10px 0;
                line-height: 24px;
            }

                .bix-blog-sidebar .bix-categories .inner-categories ul li a {
                    font-size: 14px;
                    font-weight: 400;
                    color: #777;
                }

    .bix-blog-sidebar .bix-recent-post {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-sidebar .bix-recent-post .bix-recent-card {
            border-radius: 20px;
        }

            .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-img img {
                width: 100%;
                border-radius: 20px;
            }

            .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact {
                padding-top: 24px;
            }

                .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact span {
                    font-size: 13px;
                    font-weight: 400;
                    color: #777;
                }

                .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact h4 {
                    margin-bottom: 4px;
                    font-size: 18px;
                }

                    .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact h4 a {
                        font-size: 18px;
                        font-weight: 700;
                        color: #111a24;
                    }

    .bix-blog-sidebar .bix-blog-sub-details {
        padding: 24px;
    }

        .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-radius: 20px;
        }

            .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card:not(:last-child) {
                margin-bottom: 24px;
            }

            .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .blog-image img {
                width: 60px;
                border-radius: 15px;
            }

            .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-left: 15px;
            }

                .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact h5 {
                    margin-bottom: 8px;
                    font-size: 13px;
                }

                    .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact h5 a {
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 22px;
                        color: #111a24;
                    }

                .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact p {
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 16px;
                    color: #777;
                }

.bix-blog-contact .inner-main-contact {
    margin-bottom: 24px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-blog-contact .inner-main-contact .main-blog-image img {
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .bix-blog-contact .inner-main-contact .main-blog-contact {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-contact .inner-main-contact .main-blog-contact .main-title {
            margin-bottom: 8px;
        }

            .bix-blog-contact .inner-main-contact .main-blog-contact .main-title h4 {
                font-size: 18px;
                font-weight: 700;
                color: #111a24;
                line-height: 24px;
            }

    .bix-blog-contact .inner-main-contact .inner-blog-details-2colum {
        padding: 24px;
    }

        .bix-blog-contact .inner-main-contact .inner-blog-details-2colum .inner-blog-image {
            margin-bottom: 24px;
        }

            .bix-blog-contact .inner-main-contact .inner-blog-details-2colum .inner-blog-image img {
                width: 100%;
                border-radius: 20px;
            }

.bix-blog-contact .inner-replies-contact {
    padding: 24px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-blog-contact .inner-replies-contact .main-title {
        margin-bottom: 16px;
    }

        .bix-blog-contact .inner-replies-contact .main-title h4 {
            font-size: 18px;
            font-weight: 700;
            color: #111a24;
        }

/* Responsive */
@media screen and (max-width: 575px) {
    .bix-blog-sidebar .inner-details .blog-image {
        padding: 15px 15px 0 15px;
    }

    .bix-blog-sidebar .inner-details .inner-blog-contact {
        padding: 15px;
    }

        .bix-blog-sidebar .inner-details .inner-blog-contact h4 {
            font-size: 18px;
        }

    .bix-blog-sidebar .bix-categories,
    .bix-blog-sidebar .bix-recent-post,
    .bix-blog-sidebar .bix-blog-sub-details {
        padding: 15px;
    }

    .bix-blog-sidebar .sub-title h4 {
        font-size: 16px;
    }

    .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact h4 a {
        font-size: 16px;
    }

    .bix-blog-contact .inner-main-contact .main-blog-contact,
    .bix-blog-contact .inner-main-contact .inner-blog-details-2colum {
        padding: 15px;
    }

        .bix-blog-contact .inner-main-contact .main-blog-contact .main-title h4 {
            font-size: 16px;
        }

    .bix-blog-contact .inner-replies-contact {
        padding: 15px;
    }
}

@media screen and (max-width: 320px) {
    .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .blog-image img {
            width: 100%;
        }

        .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact {
            padding: 15px 0 0 0;
        }
}

/*# sourceMappingURL=style.css.map */



.button1 {
    color: #fff !important;
    background-color: #f41a4a;
    border: transparent;
    transition: 0.2s ease;
    border-radius: 8px;
    padding: 7px 15px !important;
    /* font-size: 14px !important; */
}

    .button1:hover {
        color: #2d7eff;
        background-color: black;
        /* border: 1px solid #fff !important; */
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }


input:focus ~ label,
textarea:focus ~ label,
input:valid ~ label,
textarea:valid ~ label {
    font-size: 0.75em;
    color: #999;
    top: -10px;
    -webkit-transition: all 0.225s ease;
    transition: all 0.225s ease;
}

.styled-input {
    float: left;
    width: 293px;
    margin: 1rem 0;
    position: relative;
    border-radius: 4px;
}

@media only screen and (max-width: 768px) {
    .styled-input {
        width: 100%;
    }
}

.styled-input label {
    color: #999;
    padding: .5rem 30px 1rem 16px;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}

.styled-input.wide {
    width: 650px;
    max-width: 100%;
}

input,
textarea {
    padding: 15px;
    border: 0;
    width: 100%;
    font-size: 1rem;
    background-color: #cfcccc36;
    /* color: white; */
    border-radius: 4px;
    border: 1px solid #ddd;
}

    input:focus,
    textarea:focus {
        outline: 0;
    }

        input:focus ~ span,
        textarea:focus ~ span {
            /* width: 100%; */
            -webkit-transition: all 0.075s ease;
            transition: all 0.075s ease;
        }

textarea {
    width: 100%;
    min-height: 8em;
    resize: none;
}

.input-container {
    width: 650px;
    max-width: 100%;
    margin: 20px auto 25px auto;
}

.submit-btn {
    float: right;
    padding: 7px 35px;
    border-radius: 60px;
    display: inline-block;
    background-color: #4b8cfb;
    color: white;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06), 0 2px 10px 0 rgba(0, 0, 0, 0.07);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .submit-btn:hover {
        transform: translateY(1px);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.09);
    }

@media (max-width: 768px) {
    .submit-btn {
        width: 100%;
        float: none;
        text-align: center;
    }
}

input[type=checkbox] + label {
    color: #ccc;
    font-style: italic;
}

input[type=checkbox]:checked + label {
    color: #f00;
    font-style: normal;
}

@media (max-width: 425px) {
    .bix-blog-box .blog-img {
        top: -31px;
    }

        .bix-blog-box .blog-img img {
            width: 80px;
        }
}

.first-name {
    text-align: right;
    /* animation properties */
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-animation: my-animation 15s linear infinite;
    -webkit-animation: my-animation 15s linear infinite;
    animation: my-animation 15s linear infinite;
}

@keyframes my-animation {
    from {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.banner-sec {
    background: url("../img/hero/vesa-back.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 50px 0px;
}

    .banner-sec:before {
        content: "";
        position: absolute;
        background: #111a24d6;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

.banner-style-design-img {
    position: relative;
    z-index: 0;
    text-align: center;
}

    .banner-style-design-img img {
        width: 300px;
    }

    .banner-style-design-img:before {
        content: "";
        position: absolute;
        background: url("../img/hero/pricing_bg.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        top: 0px;
        left: 0;
        right: 0;
        z-index: -1;
        width: 400px;
        height: 400px;
    }

.banner-style-design {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

    .banner-style-design h4 {
        color: #fff;
        font-size: 70px;
        font-weight: 800;
        margin-bottom: 15px;
    }

@media only screen and (max-width: 768px) {
    .banner-style-design h4 {
        font-size: 30px;
        text-align: center;
    }

    .banner-style-design-img:before {
        width: 300px;
        height: 300px;
    }
}

/* header dropdown  */
/* Style for dropdown items */
/* Dropdown Menu Styles */
.navbar-nav .dropdown-menu {
    display: none;
    width: max-content;
    position: absolute;
    top: 43px;
    right: 0px;
    /* left: -100px; */
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

    .navbar-nav .dropdown-menu.show {
        display: block;
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        padding: 10px 15px;
        color: #333;
        text-decoration: none;
    }

        .navbar-nav .dropdown-menu .dropdown-item:hover {
            background-color: #f1f1f1;
            color: #f41a4a;
        }

        .navbar-nav .dropdown-menu .dropdown-item img {
            padding-right: 10px;
            width: 35px;
        }
/* Ensure dropdown is visible on hover */
.nav-item.dropdown:hover .dropdown-menu {
    /* display: block; */
}

.project-contact .for-mob {
    margin-bottom: 5px;
    margin-top: 5px;
}

.project-contact .card2-price {
    font-size: 16px;
    font-weight: 700;
    color: #111a24;
}

.project-contact .card2-oldprice {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: grey;
    margin-left: 3px;
    font-weight: 400;
    margin: 0 10px;
    text-decoration: line-through;
}

.project-contact .discount-percentage {
    border-radius: 2px;
    color: #1c9550;
    font-size: 13px;
    font-weight: 500;
    margin-left: 6px;
}

.star {
    color: rgb(227, 177, 0);
    margin-left: 2px;
}

.review-star {
    margin-bottom: 7px;
    margin-top: -2px;
    margin-left: -4px;
}

/* products details  */
.padding-large {
    padding-top: 11em;
    padding-bottom: 5em;
}

.product-title {
    font-size: 25px;
    font-weight: 600;
}

.prod-seperator {
    width: 486px;
    background-color: #ddd;
    height: 1px;
    margin-top: 10px;
}

.product-listprice {
    text-decoration: line-through;
    margin-right: 10px;
    color: #888;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.price-content {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.currentPrice {
    color: #312b40;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 10px;
}

.discount-detail {
    font-size: 18px;
    font-weight: 500;
    color: #1c9550;
}

.gst-content {
    color: #292640;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.1px;
    background: rgba(229, 231, 235, .75);
    padding: 2px 4px;
    border-radius: 2px;
    margin-left: 13px;
}

.weight-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #251d34;
    width: 486px;
    margin-top: 20px;
}

.weight-message {
    display: flex;
    flex-direction: column;
    width: 486px;
    margin: 5px 0 0;
    align-items: end;
}

.weight-message {
    display: flex;
    flex-direction: column;
    width: 486px;
    margin: 5px 0 0;
    align-items: end;
}

.input-cakemessage {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;
    width: 486px;
    height: 56px;
    padding-left: 15px;
    font-size: 12px;
    font-size: 16px;
    color: #000;
}

.delivery-content {
    margin-top: 20px;
}

.delivery-location {
    font-size: 14px;
    font-weight: 500;
}

.git_pin_arae_box {
    margin: 10px 0 15px;
}

.area-pincode-parent {
    position: relative;
    height: 100%;
}

.pro-city-search {
    max-width: 410px;
    position: relative;
}

.area-pincode-parent .succesClass {
    color: #1a9102;
}

.area-pincode-parent p {
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f5a623;
    margin: 5px 0 0;
    position: relative;
}

.area-pincode-parent .lcSearchCityBox .rectangle {
    border: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 0px 25px 0px 50px;
    height: 50px;
    border-radius: 6px;
    outline: none;
    background-size: 15px;
    background-position: 20px 18px;
    width: 100%;
    position: relative;
    background-image: url(../img/icon/location.svg);
    background-repeat: no-repeat;
    font-size: 14px;
    text-align: left;
    /* z-index: -1; */
    color: #000;
}

.cityCheckIcon {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 1 !important;
}

.prod-seperator {
    width: 486px;
    background: url(https://media.bakingo.com/bakingo-ssr/static/media/dasehdLine.1f8abb2a.svg);
    height: 1px;
    margin-top: 10px;
}

.product-heading-card {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    color: #292640;
    margin: 20px 0 5px;
}

.limited-city,
.sku-photo {
    font-weight: 600;
    color: #2c2c2c;
}

.sku-photo {
    opacity: .49;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 24px;
}

.readMoreSection {
    color: #43a1f0;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    line-height: 21px;
}

.buy-now-order-same {
    display: flex;
    align-items: center;
    margin: 0px 0;
    /* position: sticky; */
    bottom: 0;
    background-color: #fff;
    padding: 10px 10px 10px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
}

.d.cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #ff5f5d;
    color: #ff5f5d;
    font-weight: 600;
    margin-right: 10px;
}

.d.only-buy-now {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    width: 250px;
    background-color: #ff5f5d;
}

/* modal css  */
/* Modal styles */
.main-modal .modal {
    /* display: none; */
    /* Hidden by default */
    /* position: fixed; */
    /* z-index: 1; */
    /* Sit on top */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* overflow: auto; */
    /* background-color: rgb(0,0,0); */
    /* Fallback color */
    /* background-color: rgb(0 0 0 / 63%); */
    /* Black w/ opacity */
    backdrop-filter: blur(7px);
}

/* Modal Content */
.main-modal .modal-content {
    /* background-color: #fefefe; */
    /* margin: 10% auto; */
    /* padding: 20px; */
    /* border: 1px solid #888; */
    /* width: 450px; */
}

/* The Close Button */
.close-btn {
    color: #aaa;
    float: right;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    padding: 6px 10px;
    box-shadow: 0 0 4px 0 #888;
    border-radius: 50px;
    z-index: 1;
}

    .close-btn:hover,
    .close-btn:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.bk_login_container {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: #fff;
    padding: 15px 0px 10px;
}

.bk_login_form h2 {
    color: #1e2026;
    font-size: 28px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 10px;
}

.loginform_heading {
    /* color: #888; */
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 36px;
}

.loginform_heading {
    /* color: #888; */
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
}

.bk_input_field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.input-group-prepend {
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-group {
    height: 60px;
    border: 1;
    border-radius: 5px;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    text-align: center;
}

.input-group-prepend {
    margin-right: -1px;
}

.bk_field_value.email_field {
    /* padding-left: 0; */
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: unset;
    border: unset;
    border-radius: var(--bs-border-radius);
}

.bk_field_value {
    /* border: none !important; */
    /* border-radius: 10px !important; */
    /* height: 60px; */
    /* color: #1c2120; */
    /* text-align: left; */
    /* font-size: 16px; */
    /* font-style: normal; */
    /* font-weight: 400; */
    /* line-height: normal; */
    /* letter-spacing: .32px; */
    /* background-color: transparent; */
}

.input-group > .form-control {
    /* position: relative; */
    /* flex: 1; */
    /* width: 100%; */
    /* min-width: 0; */
    /* margin-bottom: 0; */
    /* text-align: center; */
}

.bk_login_footer {
    /* display: flex; */
    /* flex-direction: column; */
    /* grid-gap: 24px; */
    /* gap: 24px; */
    /* margin-top: 20px; */
}

.bk_login_common_btn:disabled {
    background: rgba(255, 95, 93, .3);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.85;
}

.bk_login_common_btn {
    /* display: flex; */
    /* width: 100%; */
    /* height: 48px; */
    /* padding: 12px 16px; */
    /* justify-content: center; */
    /* align-items: center; */
    /* grid-gap: 8px; */
    /* gap: 8px; */
    /* border-radius: 8px; */
    /* background: #ff5f5d; */
    /* color: #fff !important; */
    /* font-size: 16px; */
    /* font-style: normal; */
    /* font-weight: 600; */
    /* line-height: 24px; */
}

.bk_login_tnc a {
    /* color: rgba(28, 33, 32, .7); */
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .24px;
}

.form-control:focus {
    /* box-shadow: none; */
    /* border: none; */
    /* outline: none; */
}

.reviewTextHeading {
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
}

.ratingFont {
    font-weight: 700;
    font-size: 30px;
    /* line-height: 41px; */
    padding-right: 15px;
    padding-left: 10px;
}

.ratings {
    padding: 10px 0px 20px;
    display: flex;
    align-items: center;
}

.reviewImages {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
}

.bigreviewimage {
    width: 94px;
    height: 94px;
    margin-right: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 20%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.reviewimage {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

/* rating review   */

.rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 150px;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

    .emoji-wrapper:before,
    .emoji-wrapper:after {
        content: "";
        height: 15px;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
    }

    .emoji-wrapper:before {
        top: 0;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
    }

    .emoji-wrapper:after {
        bottom: 0;
        background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
    }

.emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
}

    .emoji > svg {
        margin: 15px 0;
        width: 70px;
        height: 70px;
        flex-shrink: 0;
    }

#rating-1:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-100px);
}

#rating-2:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-200px);
}

#rating-3:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-300px);
}

#rating-4:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-400px);
}

#rating-5:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-500px);
}

.feedback {
    max-width: 100%;
    box-shadow: var(--bs-box-shadow) !important;
    /* background-color: #fff; */
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    /* box-shadow: 0 4px 30px rgba(0, 0, 0, .05); */
}

/* <!-- fill feedback --> */

.wrapper {
    margin-top: 30px;
    background: #fff;
    padding: 1rem;
    width: 100%;
    border-radius: .75rem;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, .05);
    /* text-align: center; */
    /* z-index: -1; */
    position: relative;
}

    .wrapper h3 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

.rating-fill {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: .5rem;
    font-size: 2rem;
    color: #FFBD13;
    /* margin-bottom: 2rem; */
}

    .rating-fill .star {
        cursor: pointer;
    }

        .rating-fill .star.active {
            opacity: 0;
            animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
        }

@keyframes animate {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.rating-fill .star:hover {
    transform: scale(1.1);
}

.rating-fill .form-control {
    display: block;
    width: 30% !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    text-align: center;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

textarea {
    /* width: 100%; */
    /* background: #F5F5F5; */
    /* padding: 1rem; */
    /* border-radius: .5rem; */
    /* border: none; */
    /* outline: none; */
    /* resize: none; */
    /* margin-bottom: .5rem; */
    /* color: #000; */
}

.btn-group {
    display: flex;
    grid-gap: .5rem;
    align-items: center;
}

    .btn-group .btn {
        padding: .75rem 1rem;
        border-radius: .5rem;
        border: none;
        outline: none;
        cursor: pointer;
        /* font-size: .875rem; */
        font-weight: 700;
    }

        .btn-group .btn.submit {
            background: #f41a4a;
            color: #fff;
        }

            .btn-group .btn.submit:hover {
                /* background: #3278FF; */
            }

        .btn-group .btn.cancel {
            background: #1b1c20;
            color: #fff;
        }

            .btn-group .btn.cancel:hover {
                /* background: #F5F5F5; */
            }

/* <!-- quantity --> */

.product-quantity {
    /* margin-top: 15px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: flex-start; */
    /* gap: 10px; */
}

.product-checkout {
    position: absolute;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
}

.product-checkout-actions {
    position: absolute;
    right: 0;
}

.product-checkout-total,
.product-checkout-total-amount {
    font-size: 20px;
    color: #C17A41;
}

    .product-checkout-total * {
        display: inline-block;
    }

.ratings-img img {
    /* width: 30px; height: 30px; */
}

.product-checkout-actions {
}

/* 6. Components - buttons, menus, images, etc. */
.product-quantity-label {
    text-transform: uppercase;
    font-weight: 700;
    color: #1b1c20;
    margin-right: 15px;
}

.product-quantity * {
    display: inline-block;
}

#product-quantity-input {
    background-color: transparent;
    border: none;
    width: 10%;
    text-align: center;
    color: #000;
    padding: 0;
    margin: 0;
    font-weight: 400;
}

.product-quantity-subtract,
.product-quantity-add {
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.product-quantity-subtract {
    margin-right: 10px;
}

.product-quantity-subtract {
    font-size: 25px;
    font-weight: 900;
    background: red;
    /* padding: 10px; */
    color: #fff;
}

.product-quantity-subtract,
.product-quantity-add {
    font-size: 14px;
    font-weight: 700;
    background: #eeeeee;
    color: #000;
    border-radius: 5px;
    /* padding: 0.416rem; */
    /* width: calc(2.02rem + 2px); */
    /* height: calc(2.02rem + 2px); */
    text-align: center;
    margin: 0;
}

/* product-list card */
.gi-product-content {
    height: 100%;
    padding: 0 0 24px 0;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
}

.gi-product-inner {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    /* border: 3px solid #eee; */
    border-radius: 5px;
}

    .gi-product-inner .gi-pro-image-outer {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 11;
        position: relative;
    }

    .gi-product-inner .gi-pro-image {
        overflow: hidden;
    }

ni {
    position: relative;
    display: block;
    overflow: hidden;
    /* pointer-events: none; */
}

.gi-product-inner .gi-pro-image .image img {
    z-index: 1;
    max-width: 100%;
    /* height: 200px; */
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .gi-product-inner .gi-pro-image .image img.hover-image {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        opacity: 0;
    }

.gi-product-inner .gi-pro-image .gi-pro-actions {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 9;
    /* left: 0; */
    right: 10px;
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    /* opacity: 0; */
}

    .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 30px;
        height: 30px;
        margin: 0 2px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        background-color: #fff;
        border-radius: 100%;
        border: 1px solid #eeeeee;
        border-radius: 5px;
    }

        .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group i {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            color: #000;
            line-height: 10px;
        }

.gi-product-inner .gi-pro-content .gi-pro-stitle {
    /* margin-bottom: 10px; */
    font-weight: 400;
    color: #999;
    font-size: 13px;
    text-transform: capitalize;
}

.gi-product-inner .gi-pro-content {
    height: 100%;
    padding: 20px 8px 10px 8px;
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    /* border: 1px solid #9898a13b; */
    /* box-shadow: 0 4px 30px rgba(0, 0, 0, .05); */
    border-top: 0;
    border-radius: 5px;
}

    .gi-product-inner .gi-pro-content .gi-pro-stitle {
        /* margin-bottom: 10px; */
        font-size: 15px;
        text-transform: capitalize;
        font-weight: 600;
        color: #111a24;
    }
    /* .gi-product-inner .gi-pro-content .gi-pro-title a {
        text-decoration: none;
        color: #4b5966;
        display: block;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        letter-spacing: 0.85px;
        text-transform: capitalize;
        font-family: "Poppins, sans-serif";
    } */
    .gi-product-inner .gi-pro-content .gi-pro-rat-price {
        margin-top: 5px;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .gi-product-inner .gi-pro-content .gi-pro-rat-price {
        /* margin-top: 5px; */
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .gi-product-inner .gi-pro-content .gi-pro-rating {
        /* margin-bottom: 10px; */
        /* opacity: 0.7; */
        position: relative;
    }

.gi-pro-rating .fill {
    color: #f27d0c;
}

.gi-product-inner .gi-pro-content .gi-price {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: center;
    color: #4b5966;
    letter-spacing: 0.4px;
}

    .gi-product-inner .gi-pro-content .gi-price span.new-price {
        color: #4b5966;
        font-weight: 700;
        font-size: 14px;
        margin-right: 7px;
    }

    .gi-product-inner .gi-pro-content .gi-price span.old-price {
        font-size: 14px;
        text-decoration: line-through;
        color: #777;
    }

.gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group:hover {
    background-color: #f41a4a;
    color: #fff;
}

.gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group i:hover {
    background-color: #f41a4a;
    color: #fff;
}

.gi-product-inner:hover .gi-pro-actions {
    /* opacity: 1; */
    /* top: 10px; */
    /* right: 10px; */
}

.gi-product-inner .gi-pro-image .image img.hover-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
}

.gi-product-inner:hover .gi-pro-image .image img:not(:last-child) {
    opacity: 0;
}

.gi-product-inner:hover .gi-pro-image .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gi-product-inner:hover .gi-pro-image .image {
    background-color: #fff;
}

.gi-product-inner .gi-pro-image .image img.hover-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
}

.btn-box .btn-sm {
    border-radius: 5px;
    padding: 13px 20px;
    font-size: 13px;
    color: #fff;
    background-color: #f41a4a;
    font-weight: 600;
    margin-top: 20px;
}

.btn-box {
    margin-top: 8px;
}


/*review*/
.picZoomer {
    position: relative;
    /*margin-left: 40px;
        padding: 15px;*/
}

.picZoomer-pic-wp {
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .picZoomer-pic-wp:hover .picZoomer-cursor {
        display: block;
        /* height: 344px; */
    }

.picZoomer-zoom-pic {
    position: absolute;
    top: 0;
    left: 0;
}

.picZoomer-pic {
    /*width: 100%;
	    height: 100%;*/
}

.picZoomer-zoom-wp {
    display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    border: 1px solid #eee;
    height: 460px;
    margin-top: -19px;
}

.picZoomer-cursor {
    display: none;
    cursor: crosshair;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    /* border-radius: 50%; */
    border: 1px solid #eee;
    background-color: rgba(0,0,0,.1);
}

.picZoomCursor-ico {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(images/zoom-ico.png) left top no-repeat;
}

.my_img {
    vertical-align: middle;
    /* position: absolute; */
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
}

.piclist li {
    display: inline-block;
    width: 100%;
    height: 110px;
    border: 1px solid #eee;
}

    .piclist li img {
        width: 97%;
        height: auto;
    }

/* custom style */
.picZoomer-pic-wp,
.picZoomer-zoom-wp {
    border: 1px solid #eee;
}



.section-bg {
    /* padding-top: 10em; */
    /* padding-bottom: 5em; */
}

.sec-1 {
    padding: 0px 0 30px 0px;
}

.row-sm .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/*===pic-Zoom===*/
._boxzoom .zoom-thumb {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}

    ._boxzoom .zoom-thumb ul.piclist {
        padding-left: 0px;
        top: 0px;
    }

._boxzoom ._product-images {
    width: 80%;
    display: inline-block;
}

    ._boxzoom ._product-images .picZoomer {
        width: 100%;
    }

        ._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
            left: 0px;
        }

        ._boxzoom ._product-images .picZoomer img.my_img {
            width: 100%;
        }

.piclist li img {
    height: 105px;
    object-fit: cover;
}

/*======products-details=====*/
._product-detail-content {
    /* background: #fff; */
    /* padding: 15px; */
    /* border: 1px solid lightgray; */
}

    ._product-detail-content p._p-name {
        /* color: black; */
        font-size: 20px;
        /* border-bottom: 1px solid lightgray; */
        padding-bottom: 12px;
    }

.p-list span {
    margin-right: 15px;
}

    .p-list span.price {
        font-size: 20px;
        color: #111a24;
        font-weight: 600;
    }

._p-qty > span {
    color: black;
    margin-right: 15px;
    font-weight: 500;
}

._p-qty .value-button {
    display: inline-flex;
    border: 0px solid #ddd;
    margin: 0px;
    width: 30px;
    height: 35px;
    justify-content: center;
    align-items: center;
    background: #fd7f34;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

._p-qty .value-button {
    border: 0px solid #fe0000;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
}

._p-qty input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #fe0000;
    border-bottom: 1px solid #fe0000;
    margin: 0px;
    width: 50px;
    height: 35px;
    font-size: 14px;
    box-sizing: border-box;
}

._p-add-cart {
    margin-left: 0px;
    margin-bottom: 15px;
}

.p-list {
    margin-top: 15px;
}

._p-features > span {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

._p-add-cart .buy-btn {
    background-color: #fd7f34;
    color: #fff;
}

._p-add-cart .btn {
    text-transform: capitalize;
    padding: 6px 20px;
    /* width: 200px; */
    border-radius: 52px;
}

._p-add-cart .btn {
    margin: 0px 8px;
}

/*=========Recent-post==========*/
.title_bx h3.title {
    font-size: 22px;
    text-transform: capitalize;
    position: relative;
    color: #ff5f5d;
    font-weight: 700;
    line-height: 1.2em;
}

    .title_bx h3.title:before {
        content: "";
        height: 2px;
        width: 20%;
        position: absolute;
        left: 0px;
        z-index: 1;
        top: 40px;
        background-color: #ff5f5d;
    }

    .title_bx h3.title:after {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 40px;
        background-color: #ff5f5d;
    }

.common_wd .owl-nav .owl-prev, .common_wd .owl-nav .owl-next {
    background-color: #ff5f5d !important;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 0px !important;
}

.owl-nav .owl-next {
    right: -10px;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    top: 50%;
    position: absolute;
}

.common_wd .owl-nav .owl-prev i, .common_wd .owl-nav .owl-next i {
    color: #fff;
    font-size: 14px !important;
    position: relative;
    top: -1px;
}

.common_wd .owl-nav {
    position: absolute;
    top: -21%;
    right: 4px;
    width: 65px;
}

.owl-nav .owl-prev i, .owl-nav .owl-next i {
    left: 0px;
}

._p-qty .decrease_ {
    position: relative;
    right: -5px;
    top: 3px;
}

._p-qty .increase_ {
    position: relative;
    top: 3px;
    left: -5px;
}
/*========box========*/
.sq_box {
    padding-bottom: 5px;
    text-align: center;
    padding: 15px 7px;
    /* margin-bottom: 20px; */
    border-radius: 4px;
}

.item .sq_box span.wishlist {
    right: 5px !important;
}

.sq_box span.wishlist {
    position: absolute;
    top: 10px;
    right: 20px;
}

.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}

    .sq_box span.wishlist i {
        color: #fff;
        font-size: 20px;
    }

.sq_box h4 {
    /* font-size: 18px; */
    /* text-align: center; */
    /* font-weight: 500; */
    /* color: #343a40; */
    /* margin-top: 10px; */
    /* margin-bottom: 10px !important; */
}

.sq_box .price-box {
    /* margin-bottom: 15px !important; */
}

.sq_box .btn {
    border-radius: 5px;
    padding: 5px 13px;
    font-size: 15px;
    color: #fff;
    background-color: #ff5f5d;
    font-weight: 600;
    margin: 0;
}

.sq_box .price-box span.price {
    text-decoration: line-through;
    color: #6c757d;
}

.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}

.sq_box .price-box span.offer-price {
    color: #28a745;
}

.sq_box img {
    height: 200px !important;
    margin-top: 20px;
    object-fit: cover;
}

.sq_box span.wishlist i:hover {
    color: #fd7f34;
}

.popup-logo {
    text-align: center;
    margin: auto;
}

    .popup-logo img {
        width: 150px;
        margin-bottom: 20px;
    }

/*cartlist*/
.cart-details-wrp {
    padding-top: 7em;
    padding-bottom: 3em;
    position: relative;
    /* z-index: -1; */
}

.cart-empty {
    /* height: 75vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

img.cart-emty-pic {
    width: 200px;
    margin-bottom: 20px;
}

.cart-status {
    margin-top: 0;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 8px;
}

.empty-cart-wrp p {
    font-size: 18px;
}

.empty-cart-wrp a.conti-btns {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.btn-color {
    height: 50px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    width: max-content;
    background-color: #f41a4a;
}

.heading-list {
    font-size: 20px;
    padding: 15px 15px 15px 0px;
}

.row .cal-row-wrp {
    position: relative;
    min-height: 500px;
}

.card-cart-box {
    /* border-top: 1px solid #f0f0f0; */
    /* background: white; */
    /* margin: 0; */
    /* padding: 30px; */
    /* box-shadow: var(--bs-box-shadow) !important; */
    /* margin-bottom: 20px; */
    /* border-radius: 8px; */
}

.card-picture {
    width: 100%;
    height: 175px;
    display: block;
    overflow: hidden;
    border: 1px solid #cfcfcf;
    position: relative;
}

    .card-picture img {
        width: 100%;
        height: 100%;
        /* object-fit: scale-down; */
        text-align: center;
    }

.delete-kart {
    /* background: #e64a0eeb; */
    /* width: 30px; */
    /* height: 30px; */
    /* border-radius: 3px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* margin-left: 15px; */
}

.product-name-kadi-kal {
    justify-content: space-between;
}

.product-name-kadi-kal {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.delete-kart a, .delete-kart a:hover {
    color: #fff;
}

.product-name-Total {
    /* margin-bottom: 7px; */
}

.lbltotalamount {
    font-weight: 900;
    font-size: 16px;
    color: #000;
}

.cart-percentage {
    color: #ff3f00;
}

.product-name-Quantity {
    display: inline-flex;
    flex-flow: column;
}

.plus-and-minus {
    display: inline-flex;
    border: 1px solid #d6d6d6;
    margin-top: 5px;
}

.product-name-kadi span {
    font-size: 16px;
    font-weight: 900;
    color: #000;
}

span.taxt-price {
    /* font-weight: 900; */
    color: #000;
    font-size: 16px;
}

span.lbltotalamount {
    font-weight: 900;
    font-size: 16px;
    /* color: #fff; */
}

.total-amount-new {
    /* background: #f8f8f8; */
    /* padding: 15px !important; */
    /* color: #000; */
}

.prices-details {
    margin-bottom: 0;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
    /* margin-bottom: 15px; */
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    margin-top: -15px;
    padding-top: 15px;
    color: #000;
}

.total-bill-amount .row {
    border-bottom: 1px solid #c1c1c1;
    padding: 7px 0;
    font-size: 14px;
}

.delivery-charges-sty {
    color: #000;
    margin-top: 15px;
    margin-bottom: 10px;
}

.basket img {
    width: 25px;
}

.user img {
    width: 25px;
}

.basket-item-count {
    width: 15px;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    background: red;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0px;
    right: -8px;
}

.jumbotron-flat {
    background-color: solid #4DB8FFF;
    height: 100%;
    border: 1px solid #4DB8FF;
    background: white;
    width: 100%;
    text-align: center;
    overflow: auto;
    color: var(--dark-color);
}

.paymentAmt {
    color: var(--dark-color);
    font-size: 80px;
}

.centered {
    text-align: center;
}

.title {
    padding-top: 15px;
    color: var(--dark-color);
}

.my-profile {
    padding-top: 7em;
    padding-bottom: 3em;
}

.profile {
    box-shadow: var(--bs-box-shadow) !important;
    text-align: center;
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

    .profile img {
        width: 150px;
        height: 150px;
    }

    .profile h6 {
        margin: 15px 0px 15px 0px;
    }

    .profile:after {
        position: absolute;
        content: "";
        height: 15rem;
        width: 15rem;
        background-color: #f41a4a;
        top: -8rem;
        right: -8rem;
        box-shadow: 2rem 6rem 0 -3rem #FFF;
        border-radius: 50%;
    }

.Profile-btn {
    margin-top: 25px;
}

    .Profile-btn a {
        border-radius: 5px;
        padding: 13px 20px;
        font-size: 14px;
        color: #fff;
        background-color: #f41a4a;
        font-weight: 600;
    }

        .Profile-btn a i {
            font-size: 18px;
        }
/*user form */



.form-group {
    margin-bottom: 10px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.input-icon {
    position: relative;
}

    .input-icon i {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #888;
    }

.radio-group {
    /* display: flex; */
    /* flex-direction: column; */
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}


input[type="text"],
input[type="email"],
input[type="tel"] {
    /* width: 100%; */
    /* padding: 10px 10px 10px 30px; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    /* font-size: 15px; */
}

.radio-group label {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.radio-group input[type="radio"] {
    margin-right: 10px;
}

.info {
    border: 1px solid #9898a13b;
    padding: 20px;
    border-radius: 8px;
    /* z-index: -1; */
    position: relative;
    margin-bottom: 0;
}

.address-1 {
    /* background-color: #cfcccc36; */
    /* padding: 30px; */
}

.add-1 {
    font-size: 18px;
}

select:focus {
    border-color: #0056b3;
    outline: none;
}

select {
    /* width: 100%; */
    /* padding: 10px; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    /* font-size: 14px; */
}

select {
    /* background: #cfcccc36 url("data:image/svg+xml,%3Csvg aria-hidden=%27true%27 focusable=%27false%27 data-prefix=%27fas%27 data-icon=%27caret-down%27 class=%27svg-inline--fa fa-caret-down fa-w-10%27 role=%27img%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 320 512%27%3E%3Cpath fill=%27rgb%2873, 80, 87%29%27 d=%27M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z%27%3E%3C/path%3E%3C/svg%3E") no-repeat right center !important; */
    /* background-size: 17px !important; */
    /* background-position: 99% 9px !important; */
    /* padding: 10px 10px 10px 30px !important; */
    /* margin-right: 39px !important; */
}

    select option {
        padding: 10px;
    }

.my-wallet-wrp {
    padding-top: 9em;
    padding-bottom: 3em;
    position: relative;
}

.summary-section {
    padding: 25px;
    background: #e398a824;
    border-radius: 8px;
    margin-top: 20px;
    display: flex;
    color: #000;
    justify-content: space-between;
}

.balance {
    display: flex;
}

.Vip-Credit {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 10px 0px;
}

.font-colour {
    color: #000;
}

.text-base strong {
    font-size: 16px;
}

.value span {
    font-weight: 700;
    font-size: 30px;
    color: #000;
}

.value i {
    color: #000;
    font-size: 24px;
}

.add-2 {
    font-size: 20px;
    font-weight: 700;
}

.Transaction-History {
    text-align: center;
    padding: 25px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
}

.Transaction h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: center;
    padding: 10px 0px;
}

/*my order */

.my-order-main {
    padding-top: 6em;
    padding-bottom: 4em;
    background-image: url(../img/services/service_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.heading-order {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -20px;
}

.order-1 img {
    filter: grayscale(1);
}

.my-order-sec {
    padding-top: 4em;
    padding-bottom: 4em;
}

.order-2 {
    background: #cfcccc36;
    padding: 15px;
    border-radius: 8px;
}

.order-left-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 15px;
}

    .order-left-head h4 {
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

.order-right-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

    .order-right-head span {
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }

.all-main {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
}

.order-info {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    border-radius: 8px;
    /* margin-bottom: 15px; */
}

.order-info-left {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.order-info span {
    /* font-size: 14px; */
    /* font-weight: 400; */
    /* color: #000; */
}

.order-info-img {
    height: 140px;
    object-fit: cover;
    width: 140px;
}

.order-info-right {
    /* gap: 40px; */
    /* display: flex; */
}

.order-card-details {
    margin-left: 20px;
}

.information-heading .heading-list {
    font-size: 22px;
    padding: 0;
}

.information-heading p {
    font-size: 14px;
    padding-top: 5px;
}

.order-card-details h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.summery-box {
    background-color: #f8f8f8;
    padding: 15px;
}

    .summery-box .summery-content {
        margin-top: 15px;
    }

        .summery-box .summery-content ul {
            border-bottom: 1px solid #e9e9e9;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

            .summery-box .summery-content ul li:first-child {
                padding-top: 0;
            }

            .summery-box .summery-content ul li {
                align-items: center;
                display: flex;
                justify-content: space-between;
                padding: 4px 0;
            }

                .summery-box .summery-content ul li p {
                    color: #000;
                    font-weight: 500;
                }

                .summery-box .summery-content ul li h6 {
                    font-weight: 600;
                }

        .summery-box .summery-content h5 {
            color: #f41a4a;
            font-size: 18px;
            font-weight: 600;
        }

        .summery-box .summery-content h6 {
            font-weight: 700;
        }

        .summery-box .summery-content .note-box {
            background-color: #e398a824;
            border: 1px dashed #f41a4a;
            margin-top: 14px;
            padding: 10px;
        }

.summery-footer {
    background-color: #f8f8f8;
    padding: 15px;
    margin-top: 15px;
}

    .summery-footer ul li:first-child {
        padding-top: 0;
    }

    .summery-footer ul li {
        padding: 4px 0;
        width: 100%;
    }

        .summery-footer ul li P {
            color: #000;
            font-weight: 500;
        }

    .summery-footer span {
        color: #f41a4a
    }

.summery-box .heading-list {
    padding: 0;
}

.summery-footer .heading-list {
    padding: 0;
    margin-bottom: 5px;
}
/*All-products-main*/
.all-products-main {
    padding-top: 10em;
    padding-bottom: 4em;
    display: flex;
    align-items: center;
    position: relative;
    background: url(../img/home-banner-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.products-head {
    font-size: 35px;
    font-weight: 700;
    color: #111a24;
}

.all-products-sec {
    padding-top: 3.5em;
    padding-bottom: 4em;
}

    .all-products-sec .bix-project-card {
        margin-bottom: 20px;
    }

.footer-product-info {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e3e3e3;
    background: #efeded;
    margin-bottom: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    font-weight: bold;
}

.cance-order-info .Cancel {
    background: transparent;
    border: 0;
    outline: none;
    color: red;
    padding: 0;
    font-weight: 600;
}

.track-order-info img, .chat-with-merchant-info img, .cance-order-info img {
    width: 35px;
}

.track-order-info a {
    display: block;
    cursor: pointer;
    color: #00cc17;
    font-weight: 600;
}

.chat-with-merchant-info a {
    display: block;
    color: #e56301;
    font-weight: 600;
}



/*****************************Business-Card css *********************************/

.Business-Card {
    background: #f8f8f8;
    padding: 50px 0px;
}

.Business-Card-1 {
    background: #fff;
    color: #000 !important;
}

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

    .Business-logo img {
        padding: 15px 0px;
    }

.Business-banner {
    position: relative;
    background-image: url(..//img/hero/banner.jpg);
    height: 170px;
    width: 100%;
    background-size: cover;
}

.b-img-2 {
    transform: translateY(5rem);
    position: relative;
    height: 120px;
    left: 20px;
    border: 1px solid #d3cdcd;
    background: #fff;
    padding: 5px;
}

.Business-text {
    margin-top: 50px;
    padding: 0px 20px;
}

    .Business-text .p-1 {
        padding: 0 !important;
    }

    .Business-text h4 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .Business-text .s-1 {
        font-weight: 600;
        font-size: 13px;
    }

.Designation {
    padding: 10px;
    border-radius: .25rem !important;
    border: 1px solid #dee2e6 !important;
    margin-top: 20px;
    margin-bottom: 25px;
}

.button1 i {
    margin-right: 5px;
}

.Business-btn {
    padding: 30px 0px
}

.Business-text .contact-details {
    padding: 8px 0;
    list-style-type: none;
    font-size: 1rem;
    line-height: 1.75rem;
    text-decoration: inherit;
    text-transform: inherit;
    margin: 0;
    font-weight: 400;
    letter-spacing: .009375em;
}

    .Business-text .contact-details .contact-details-item {
        padding: 0.4rem 0rem;
        color: var(--card-font-color);
        display: flex;
        overflow: hidden;
        height: auto;
        justify-content: flex-start;
        cursor: pointer;
        position: relative;
        align-items: center;
    }

        .Business-text .contact-details .contact-details-item .icon-circle {
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            background-color: #ffffff;
            font-size: 21px;
            height: 42px;
            width: 42px;
            padding: 0 10px;
        }

        .Business-text .contact-details .contact-details-item h6 {
            font-weight: 600;
        }

.Business-Card-2 {
    padding: 20px 20px;
    background: #fff;
}

.Business-banner-1 {
    position: relative;
    background-image: url(..//img/hero/b-2.jpg);
    height: 170px;
    width: 100%;
    background-size: cover;
    margin-top: 15px;
}

.card-header h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding-right: 10px;
    margin-bottom: 0;
}

.article-details {
    background-color: #fff;
    padding: 20px;
    line-height: 24px;
    border: 1px solid #dee2e6 !important;
}

.Business-text-2 .Profile-btn {
    text-align: right;
}

.article-details .article-title a {
    font-size: 18px;
    font-weight: 600;
}

.Business-Card-3 {
    padding: 20px 20px;
    background: #fff;
}

.gallery {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

    .gallery.gallery-md .gallery-item {
        float: none;
        width: 129px;
        height: 129px;
        margin: 1px;
    }

    .gallery .gallery-item {
        float: left;
        display: inline-block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 3px;
        margin-right: 7px;
        margin-bottom: 7px;
        cursor: pointer;
        transition: all 0.5s;
        position: relative;
    }

    .gallery gallery-md img {
        display: block;
        -webkit-user-select: none;
        margin: auto;
        cursor: zoom-in;
        background-color: #fff;
        padding: 20px;
        transition: background-color 300ms;
    }

.Business-Card-4 {
    padding: 20px 20px;
    background: #fff;
}

.Qr-code {
    text-align: center;
    margin: 30px 0px 40px 0px;
}

/*checkout*/
.my-checkout {
    padding-top: 7em;
    padding-bottom: 3em;
}

.checkout-box {
    /* background: #cfcccc36; */
    /* padding: 15px; */
    /* border-radius: 8px; */
}

.faq-section {
    /* max-width: 800px; */
    margin: 0 auto;
}

.faq-question {
    background-color: #f4f4f4;
    padding: 10px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-weight: 600;
    color: #000;
}

.faq-answer {
    display: none;
    padding: 10px;
    /* border-top: 1px solid #ddd; */
    background-color: #fff;
}

.Logged-user-name {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #000;
}

.Logged-as-in {
    display: flex;
    align-items: center;
}

.one-box-icon {
    display: inline-flex;
    width: 25px;
    height: 30px;
    background: #f41a4a;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #fff;
}

.check-user-status {
    display: inline-flex;
    width: 25px;
    height: 30px;
    background: #f41a4a;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    color: #fff;
}

.logout-user-check a {
    color: #f41a4a;
    font-weight: 500;
}

.address-section.active {
}

.address-section {
    position: relative;
    height: 100%;
    width: 300px;
    border-radius: 8px;
    background-color: #f4f4f4;
    padding: 20px;
    border: 2px solid #ddd;
    color: #000;
    /* margin-right: 50px; */
}

.faq-flax {
    /* display: flex; */
    /* justify-content: space-around; */
    align-items: center;
    margin: 0;
    overflow: hidden;
}

.address-section.active:before {
    background: #ddd;
}

.address-section:before {
    content: '';
    position: absolute;
    border-radius: 0px 8px 0px 50px;
    height: 50px;
    top: -1px;
    right: -1px;
    width: 50px;
    pointer-events: none;
}

span#txtusername {
    font-size: 18px;
    font-weight: 900;
    color: #f41a4a;
    margin-bottom: 5px;
}

.totaladdress {
    padding-top: 5px;
    color: #000;
}

.edit-or-remove a#delete {
    /* color: red; */
    font-weight: 900;
    margin-left: 10px;
}

.addres-check i {
    content: '';
    position: absolute;
    border-radius: 0px 8px 0px 50px;
    top: 12px;
    right: 12px;
    pointer-events: none;
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.add-new-addres img {
    width: 150px;
    clear: both;
    display: table;
    margin: 0 auto;
}

.add-new-addres h5 {
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}

.kart-full-width {
    display: flex;
    /* padding: 0 15px; */
    align-items: center;
    Padding-bottom: 15px;
    border-bottom: 1px dotted #c1c1c1;
}

.kart-view {
    position: relative;
    margin-right: 20px;
}

    .kart-view img {
        object-fit: cover;
        height: 100%;
    }

.item-bills {
    border-bottom: 1px dotted #c1c1c1;
    padding: 10px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    color: #000;
}

.color3 {
}

.category-box-new {
    display: flex;
    justify-content: space-between;
    border: 2px solid #0176d3;
    padding: 10px;
    border-radius: 5px;
    /* padding-right: 54px; */
    position: relative;
    background: #fff;
}

.notification-new {
    position: absolute;
    width: 20px;
    height: 20px;
    background: red;
    right: -10px;
    top: -10px;
    z-index: 1;
    color: #fff;
    display: grid;
    place-content: center;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
}

.color1 {
    border-color: #00c299 !important;
}

    .color1 .category-box-count {
        color: #fff !important;
        background: #00c299 !important;
    }

.color2 {
    border-color: #f41a4a !important;
}

    .color2 .category-box-count {
        color: #fff !important;
        background: #f41a4a !important;
    }

.color3 {
    border-color: #e56301 !important;
}

    .color3 .category-box-count {
        color: #fff !important;
        background: #e56301 !important;
    }

.category-box-content {
    display: flex;
    font-size: 20px;
}

.category-box-count {
    background: #0176d3;
    display: grid;
    place-content: center;
    color: #fff;
    padding: 0 10px;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
}

.category-row {
    margin-bottom: 20px;
}

.category-box-content p {
    color: #000;
    font-weight: 600;
}

.status_description_left {
    margin-left: 20px;
}

.Reason-wrp-info {
    font-size: 12px;
    color: #000;
}

.all-order-sec {
    padding-top: 10em;
    padding-bottom: 8em;
}

.new-order-sec {
    padding-top: 10em;
    padding-bottom: 8em;
}

.no-order-area {
    background: #fff;
    padding: 30px;
    margin-top: 15px;
    color: #000 !important;
}

.Delivered-order-sec {
    padding-top: 10em;
    padding-bottom: 10em;
}

.no-order-area h4 {
    color: #000;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 20px;
}

.no-order-area p {
    color: #000;
    font-weight: 400;
}

.empty-icon {
    display: block;
    margin: auto;
    text-align: center;
}

    .empty-icon i {
        font-size: 55px;
        color: #000;
        margin-bottom: 20px;
    }

.save-add {
    border: 1px solid rgb(220, 220, 220);
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
}

.add-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-number {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0px;
}

    .add-number span {
        margin-right: 10px;
        color: #000;
        font-weight: 400;
    }

.all-address p {
    color: #000;
    font-weight: 400;
}

.add-head h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    vertical-align: middle;
    padding: 7px 15px;
    border-radius: 2px;
    background-color: #dddddd;
    font-weight: 600;
    margin-right: 15px;
}

.deatling-right-descri-sty {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

a.clsreview.mtop {
    margin: 0 15px;
}

.clsreview-row {
    display: flex;
    margin-right: 10px;
}

._p-price-box .AddToHeart {
    display: flex;
    align-items: center;
}

    ._p-price-box .AddToHeart i {
        font-size: 20px;
        margin-right: 5px;
    }

.clsreview-row span {
    background: #388e3c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    margin-right: 5px;
}

.wishlist a i {
    /* margin: 0 6px 0 0; */
    text-align: center;
    /* background: #f41a4a; */
    color: #fff;
    padding: 5px 5px;
    border-radius: 3px;
    /* width: 25px; */
    /* height: 25px; */
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.form-row {
    /* border: 1px solid #9898a13b !important; */
    /* padding: 10px; */
    /* margin-top: 20px; */
}

    .form-row .heading-list {
        font-size: 20px;
        padding: 15px 15px 15px 15px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.rate-Review-cls {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #d7d7d7;
    background: #ffffff;
}

.description-header {
    /* margin-bottom: 15px; */
    /* border-bottom: 1px solid #d7d7d7; */
    /* color: #333; */
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    /* padding: 15px; */
    /* background: #ffd3d1; */
    /* margin-top: -15px; */
}

    .description-header h2 {
        margin-top: 0;
        font-size: 18px;
        color: #01203f;
        font-weight: 900;
        margin-bottom: 0;
    }

.rating-cls-gr {
    /* margin-top: 8px; */
    display: flex;
}

.rate-numer {
    display: flex;
    align-items: center;
}

.rating-cls-gr h2 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: orange;
    padding: 0;
    margin: 0;
    margin-right: 15px;
}

.rating-cls-gr p {
    /* margin-top: 0; */
    /* margin-bottom: 0; */
    /* padding-top: 8px !important; */
    /* color: #686868 !important; */
}

.prog-rat-cls {
    margin-top: 15px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.prog-rat-cls li {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    margin-bottom: 2px;
}

    .prog-rat-cls li h3 {
        /* margin-bottom: 0; */
        /* font-weight: 400; */
        /* font-size: 13px; */
        /* margin-top: 0; */
        /* display: flex; */
        align-items: c;
        /* font-size: 16px; */
        /* margin-right: 15px; */
    }

.prog-rat-cls .progress {
    height: 15px;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 6px;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

.prog-rat-cls .progress {
    height: 15px;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 6px;
    width: 100%;
    border-radius: 8px;
    box-shadow: none;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.prog-rat-cls .rate-name-prog {
    color: #727272;
    font-size: 16px;
}

.rate-Review-cls .btn-success {
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    background-color: #ff5f5d;
    padding: 13px 10px;
}

.rating-cls-gr h2 i {
    /* font-size: 20px; */
    /* margin-left: 10px; */
}

.logo-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /* justify-content: center; */
    margin-top: 15px;
}

    .logo-links a {
        height: 30px;
        width: 30px;
        margin: 0 5px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #111a24;
        border-radius: 20px;
    }

        .logo-links a i {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-size: 18px;
            color: #111a24;
        }

.form-row .heading-list .logo-links {
    margin-top: 0px;
}

.social-1 {
}

    .social-1 li {
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: center;
        margin-top: 15px;
    }

        .social-1 li a {
            font-size: 16px;
            font-weight: 600;
        }

        .social-1 li input {
            /* padding: 3px; */
            /* width: 100%; */
        }

.upload {
    /* display: grid; */
    /* grid-template-columns: 3fr 1fr; */
    /* gap: 10px; */
    /* align-items: center; */
}

.my-Payment-sec {
    padding-top: 7em;
    padding-bottom: 3em;
}

.panel.pnl-pay-cls {
    border: 1px solid #ececec !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    box-shadow: none;
}

    .panel.pnl-pay-cls .panel-body {
        padding: 20px;
    }

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.order-vale-cls ul {
    margin-bottom: 0;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.order-vale-cls ul li {
    display: inline-block;
}

.order-vale-cls ul li {
    color: #1a1a1a;
    display: block;
    font-size: 14px;
}


/* Typography ( Import Typography ) */
/*-------------------------------------------------
      Fonts Family & Style CSS
    ---------------------------------------------------*/
/*--  Montserrat font  --*/
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype");
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

/* Utilities ( Import Utilities ) */
/* mixing */
/* veriabal */
/* components ( Import components ) */
/* common */
body {
    padding-right: 0 !important;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    color: #777;
    line-height: 26px;
    letter-spacing: 0.02rem;
    overflow: auto !important;
    position: relative;
    min-height: 100vh;
}

::-moz-selection {
    color: #f41a4a;
    background-color: rgba(0, 0, 0, 0.05);
}

::selection {
    color: #f41a4a;
    background-color: rgba(0, 0, 0, 0.05);
}

p,
li,
a {
    margin-bottom: 0;
    font-family: "Montserrat";
    font-size: 14px;
    /* color: #495461; */
    /* font-weight: 400; */
    /* line-height: 10px; */
    letter-spacing: 0.03rem;
}

a {
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    color: #111a24;
    letter-spacing: 0.03rem;
}

/* Loader */
.bix-loader {
    min-width: 100%;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    z-index: 45;
}

    .bix-loader img {
        width: 60px;
        position: absolute;
    }

    .bix-loader .loader {
        width: 100px;
        height: 100px;
        display: inline-block;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-loader .loader:before {
            content: "";
            width: 100px;
            height: 100px;
            position: absolute;
            left: 0;
            top: 0;
            border: 1px dashed #111a24;
            border-radius: 50%;
            -webkit-animation: loader 7s linear infinite;
            animation: loader 7s linear infinite;
        }

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bix-button {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 15px 75px;
    text-decoration: none;
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    background-color: #fff;
    color: #111a24;
    border: 1px solid #111a24;
    border-radius: 15px;
}

    .bix-button:hover {
        background-color: #f41a4a;
        border-color: #f41a4a;
        color: #fff;
    }

.bix-banner {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .bix-banner h4 {
        font-size: 36px;
        font-weight: 700;
        color: #111a24;
    }

        .bix-banner h4 span {
            color: #f41a4a;
        }

.bix-banner-line {
    margin-bottom: 60px;
}

    .bix-banner-line .inner-border {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-banner-line .inner-border:after {
            content: "";
            width: 2px;
            height: 40px;
            position: absolute;
            background-color: #111a24;
            z-index: -1;
            border-radius: 50px;
        }

        .bix-banner-line .inner-border:before {
            content: "";
            height: 16px;
            width: 16px;
            position: absolute;
            border-radius: 50%;
            background-color: #111a24;
            border: 2px solid #fff;
            z-index: 0;
            -webkit-animation: mover 3s infinite alternate;
            animation: mover 3s infinite alternate;
        }

@-webkit-keyframes mover {
    0% {
        Transform: translateY(1px);
    }

    100% {
        Transform: translateY(30px);
    }
}

@keyframes mover {
    0% {
        Transform: translateY(1px);
    }

    100% {
        Transform: translateY(30px);
    }
}

.compensate-for-scrollbar {
    margin-right: 0 !important;
}

/* Tab to top */
a.back-to-top {
    display: none;
    width: 38px;
    height: 38px;
    position: fixed;
    right: 34px;
    bottom: 126px;
    z-index: 10;
    border-radius: 20px;
    cursor: pointer;
    background-color: #fff;
    color: #f41a4a;
    border: 1px solid #f41a4a;
    text-align: center;
    font-size: 22px;
    line-height: 1.6;
}

    a.back-to-top i {
        font-size: 20px;
    }

    a.back-to-top:hover {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    a.back-to-top svg {
        width: 36px;
        height: 36px;
        position: fixed;
        right: 35px;
        bottom: 127px;
    }

        a.back-to-top svg path {
            fill: transparent;
            stroke: #f41a4a;
            stroke-width: 5px;
        }

.item-grid .item {
    display: none;
    overflow: hidden;
}

.bix-text-left {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.section-breadcrumb {
    background-image: url("../img/breadcrumb/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-blend-mode: overlay;
}

    .section-breadcrumb .breadcrumb-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 0;
    }

    .section-breadcrumb .bix-breadcrumb {
        margin-top: 100px;
        padding: 80px 0;
        z-index: 10;
        overflow: hidden;
    }

    .section-breadcrumb .breadcrumb-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 12;
        position: relative;
    }

        .section-breadcrumb .breadcrumb-contact h4 {
            margin-bottom: 8px;
            font-size: 32px;
            font-weight: 600;
            color: #fff;
            text-transform: capitalize;
        }

        .section-breadcrumb .breadcrumb-contact h5 {
            cursor: default;
        }

            .section-breadcrumb .breadcrumb-contact h5 span {
                padding: 0 2px;
            }

                .section-breadcrumb .breadcrumb-contact h5 span i {
                    font-size: 14px;
                    color: #fff;
                }

                .section-breadcrumb .breadcrumb-contact h5 span a {
                    font-size: 15px;
                    font-weight: 400;
                    color: #fff;
                }

            .section-breadcrumb .breadcrumb-contact h5 .disable {
                opacity: 0.7;
            }

                .section-breadcrumb .breadcrumb-contact h5 .disable a {
                    cursor: default;
                }

.dark-mode {
    display: none;
}

.white-mode {
    display: inline;
}

.padding-t-100 {
    padding-top: 100px;
}

.padding-b-100 {
    padding-bottom: 100px !important;
}

.padding-tb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-tb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-t-50 {
    padding-top: 50px;
}

.padding-b-50 {
    padding-bottom: 50px;
}

.margin-t-100 {
    margin-top: 100px;
}

.margin-t-50 {
    margin-top: 50px;
}

.margin-tb-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.margin-tb-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

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

.margin-b-100 {
    margin-bottom: 100px;
}

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

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

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

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

.mb-minus-24 {
    margin-bottom: -24px;
}

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

/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-banner {
        margin-bottom: 25px;
    }

        .bix-banner h4 {
            font-size: 32px;
        }
}

@media screen and (max-width: 991px) {
    .card-picture {
        height: 260px !important;
        margin-bottom: 15px;
    }

    .total-amount-new {
        margin-top: 20px;
    }

    .section-breadcrumb .breadcrumb-contact h4 {
        margin-bottom: 4px;
        font-size: 28px;
    }

    .section-breadcrumb .breadcrumb-contact h5 span a {
        font-size: 15px;
    }

    .padding-tb-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .padding-t-100 {
        padding-top: 80px;
    }

    .padding-b-100 {
        padding-bottom: 80px !important;
    }

    .margin-b-100 {
        margin-bottom: 80px;
    }

    .padding-tb-50 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .padding-t-50 {
        padding-top: 40px;
    }

    .padding-b-50 {
        padding-bottom: 40px;
    }

    .margin-tb-100 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .margin-tb-50 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .margin-t-50 {
        margin-top: 40px;
    }

    .margin-b-50 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .bix-banner {
        margin-bottom: 20px;
    }

        .bix-banner h4 {
            font-size: 28px;
        }

    .padding-tb-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .padding-t-100 {
        padding-top: 70px;
    }

    .padding-b-100 {
        padding-bottom: 70px !important;
    }

    .margin-b-100 {
        margin-bottom: 70px;
    }

    .padding-tb-50 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .padding-t-50 {
        padding-top: 35px;
    }

    .padding-b-50 {
        padding-bottom: 35px;
    }

    .margin-tb-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .margin-tb-50 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .margin-t-50 {
        margin-top: 35px;
    }

    .margin-b-50 {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 575px) {
    .section-breadcrumb .breadcrumb-contact h4 {
        margin-bottom: 0;
        font-size: 22px;
    }

    .section-breadcrumb .breadcrumb-contact h5 span a {
        font-size: 14px;
    }

    .bix-banner h4 {
        font-size: 24px;
    }
}

/* Header */
header {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    border-bottom: 1px solid #111a242b;
    background-color: rgb(255 255 255);
    --backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

    header .bix-navbar {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 10px 0;
        border-radius: 30px;
    }

        header .bix-navbar .navbar-brand {
            padding: 0;
        }

.bix-fixed {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 0;
    position: fixed;
    z-index: 40;
}

    .bix-fixed .bix-navbar {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 10px 0;
    }

        .bix-fixed .bix-navbar .navbar-brand {
            padding: 0;
        }

.navbar {
    padding: 0;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bix-logo {
    width: 120px;
    /* padding: 0 15px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dark-logo {
    display: none;
}

.bix-main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .bix-main-menu ul {
        margin: 0;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        align-items: center;
    }

        /* .bix-main-menu ul li {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            } */
        .bix-main-menu ul li {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            margin-left: 10px;
        }

            .bix-main-menu ul li a {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                /* padding: 0 !important; */
                font-size: 15px;
                font-weight: 600;
                /* line-height: 40px; */
                text-decoration: none;
                text-transform: capitalize;
                color: #1b1c20;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                /* font-weight: bold; */
            }

                .bix-main-menu ul li a i {
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    margin-right: 5px;
                    font-size: 30px;
                    color: #111a24;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }

            .bix-main-menu ul li:hover > a {
                color: #f41a4a;
            }

                .bix-main-menu ul li:hover > a:after {
                    color: #f41a4a;
                }

            .bix-main-menu ul li .mega-menu {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                width: 100%;
                margin-top: 15px;
                padding: 0 0 0 30px !important;
                position: absolute;
                background: #fff;
                opacity: 0;
                visibility: hidden;
                left: 0;
                z-index: 15;
                border-radius: 10px;
                -webkit-box-shadow: #f7faff;
                box-shadow: #f7faff;
                border: 1px solid #eae8ef;
                overflow: hidden;
            }

                .bix-main-menu ul li .mega-menu li ul {
                    padding: 15px 0;
                }

                .bix-main-menu ul li .mega-menu li .mega-block {
                    width: calc(25% - 30px);
                    margin-right: 30px;
                }

                    .bix-main-menu ul li .mega-menu li .mega-block li.menu_title a {
                        margin-bottom: 10px;
                        padding-bottom: 5px;
                        color: #f41a4a;
                        font-size: 15px;
                        font-weight: 500;
                        display: block;
                        border-bottom: 1px solid #eae8ef;
                        height: auto;
                    }

                        .bix-main-menu ul li .mega-menu li .mega-block li.menu_title a:hover {
                            color: #f41a4a;
                        }

                    .bix-main-menu ul li .mega-menu li .mega-block li {
                        border: 0 !important;
                    }

                        .bix-main-menu ul li .mega-menu li .mega-block li a {
                            border: 0;
                            height: auto;
                            padding: 5px 0;
                            display: block;
                            font-size: 13px;
                            line-height: 30px;
                            font-weight: 400;
                            text-transform: capitalize;
                            color: #777;
                        }

                            .bix-main-menu ul li .mega-menu li .mega-block li a:hover {
                                color: #f41a4a;
                            }

            .bix-main-menu ul li.dropdown {
                position: relative;
            }

                .bix-main-menu ul li.dropdown ul.sub-menu {
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    min-width: 170px;
                    margin: 15px 0 0 0;
                    padding: 15px 20px;
                    position: absolute;
                    z-index: 16;
                    text-align: left;
                    opacity: 0;
                    visibility: hidden;
                    left: 0;
                    border-radius: 5px;
                    right: auto !important;
                    background: #fff;
                    -webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.09);
                    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.09);
                    display: block;
                }

                    .bix-main-menu ul li.dropdown ul.sub-menu li {
                        padding: 5px 0;
                    }

                .bix-main-menu ul li.dropdown ul {
                    padding-top: 5px;
                    padding-bottom: 6px;
                }

                    .bix-main-menu ul li.dropdown ul li.active a {
                        color: #f41a4a;
                    }

                        .bix-main-menu ul li.dropdown ul li.active a i {
                            color: #f41a4a;
                        }

                    .bix-main-menu ul li.dropdown ul li {
                        padding: 0;
                        margin: 0;
                        display: block;
                    }

                        .bix-main-menu ul li.dropdown ul li:hover > a {
                            color: #f41a4a;
                        }

                            .bix-main-menu ul li.dropdown ul li:hover > a i {
                                color: #f41a4a;
                            }

                        .bix-main-menu ul li.dropdown ul li a {
                            -webkit-transition: all 0.3s ease-in-out;
                            transition: all 0.3s ease-in-out;
                            padding: 10px 5px;
                            display: block;
                            line-height: 20px;
                            font-weight: 500;
                            font-size: 12px;
                            color: #777;
                            text-transform: capitalize;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                            justify-content: flex-start;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                        }

                            .bix-main-menu ul li.dropdown ul li a:hover {
                                color: #f41a4a;
                            }

                                .bix-main-menu ul li.dropdown ul li a:hover i {
                                    color: #f41a4a;
                                }

                            .bix-main-menu ul li.dropdown ul li a i {
                                -webkit-transition: all 0.3s ease-in-out;
                                transition: all 0.3s ease-in-out;
                                color: #777;
                                position: absolute;
                                right: 2px;
                            }

                        .bix-main-menu ul li.dropdown ul li:first-child {
                            border-top: none;
                        }

                .bix-main-menu ul li.dropdown li.position-static {
                    position: relative !important;
                }

                    .bix-main-menu ul li.dropdown li.position-static:hover .sub-menu.sub-menu-child {
                        margin: -5px 0 0 0;
                        opacity: 1;
                        visibility: visible;
                    }

                .bix-main-menu ul li.dropdown ul.sub-menu.sub-menu-child {
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    margin: 30px 0 0 0;
                    left: 100% !important;
                    opacity: 0;
                    visibility: hidden;
                    top: 0;
                }

                .bix-main-menu ul li.dropdown:hover .sub-menu {
                    margin-top: 0;
                    opacity: 1;
                    visibility: visible;
                }

                .bix-main-menu ul li.dropdown:hover .mega-menu {
                    margin-top: 0;
                    opacity: 1;
                    visibility: visible;
                }

            .bix-main-menu ul li.active > a {
                color: #f41a4a;
            }

    .bix-main-menu > ul > li:hover > a:before {
        background: #f41a4a;
        width: 100%;
    }

    .bix-main-menu > ul > li:hover > a i {
        color: #f41a4a;
    }

    .bix-main-menu > ul > li.active > a:before {
        width: 100%;
        background: #f41a4a;
    }

.navbar-toggler {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: #111a24;
    border-color: #111a24;
}

    .navbar-toggler:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.bix-sidebar-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 42;
}

.bix-mobile-menu {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 300px;
    height: 100%;
    padding: 15px 20px 20px 20px;
    position: fixed;
    top: 0;
    right: auto;
    left: 0;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 43;
    overflow: auto;
}

    .bix-mobile-menu .bix-menu-inner .bix-menu-content ul {
        margin: 0;
        padding: 0;
    }

        .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li {
            position: relative;
            list-style-type: none;
        }

            .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .menu-toggle {
                width: 100%;
                height: 47px;
                padding-right: 15px;
                position: absolute;
                z-index: 2;
                top: 0;
                right: 0;
                left: auto;
                cursor: pointer;
                background-color: transparent;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }

                .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .menu-toggle:before {
                    content: "+";
                    font-weight: 500;
                    color: #777;
                    font-size: 24px;
                }

            .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li a {
                margin-bottom: 12px;
                padding: 8px 16px;
                display: block;
                text-transform: capitalize;
                color: #777;
                border: 1px solid #eae8ef;
                border-radius: 10px;
                font-size: 14px;
                font-weight: 500;
                text-decoration: none;
            }

            .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .sub-menu {
                width: 100%;
                min-width: auto;
                padding: 0;
                margin-bottom: 0;
                position: static;
                top: auto;
                display: none;
                visibility: visible;
                -webkit-transition: none;
                transition: none;
                opacity: 1;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .sub-menu li:last-child {
                    margin-bottom: 15px;
                }

                .bix-mobile-menu .bix-menu-inner .bix-menu-content ul li .sub-menu li a {
                    margin: 0;
                    border: 0;
                    font-size: 14px;
                }

    .bix-mobile-menu .bix-menu-title {
        width: 100%;
        padding: 0 0 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .bix-mobile-menu .bix-menu-title .bix-close {
            position: relative;
            border: 0;
            font-size: 30px;
            line-height: 1;
            color: #ff0000;
            background-color: transparent;
            border: 0;
        }

        .bix-mobile-menu .bix-menu-title .menu-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 16px;
            color: #1b1c20;
            font-weight: 600;
        }

            .bix-mobile-menu .bix-menu-title .menu-title h4 {
                position: relative;
                border: 0;
                font-size: 17px;
                font-weight: 600;
                line-height: 1;
                color: #1b1c20;
                background-color: transparent;
            }

header .collapse:not(.show) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.bix-mobile-menu.bix-menu-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

/* Responsive */
@media screen and (max-width: 991px) {
    header .collapse:not(.show) {
        display: none;
    }

    .bix-main-menu {
        display: none;
    }
}

/* footer */
footer {
    /* background-color: #f7f5fb; */
    padding: 30px 0 10px 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* position: absolute; */
}

    footer h4 {
        margin-bottom: 15px;
    }

    footer ul {
        padding-left: 15px;
    }

    footer li {
        list-style: circle;
        margin-bottom: 10px;
    }

        footer li a {
            color: #2e2e2e;
            font-weight: 600;
        }

    footer p {
        color: #2e2e2e;
        font-weight: 600;
    }

.bix-footer-contact {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}

    .bix-footer-contact p {
        font-size: 15px;
        font-weight: 500;
        color: #777;
        line-height: 30px;
    }

        .bix-footer-contact p a {
            font-weight: 600;
        }

    .bix-footer-contact .logo-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-footer-contact .logo-links a {
            height: 30px;
            width: 30px;
            margin: 0 5px;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: 1px solid #111a24;
            border-radius: 20px;
        }

            .bix-footer-contact .logo-links a i {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                font-size: 18px;
                color: #111a24;
            }

            .bix-footer-contact .logo-links a:hover {
                background-color: #111a24;
            }

                .bix-footer-contact .logo-links a:hover i {
                    color: #fff;
                }

/* Responsive */
@media screen and (max-width: 480px) {
    .bix-footer-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

        .bix-footer-contact p {
            margin-bottom: 8px;
        }
}

/* tools-sidebar */
.bix-tools-sidebar-overlay {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 41;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.bix-tools-sidebar {
    width: 300px;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 42;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
}

    .bix-tools-sidebar .bix-tools-sidebar-toggle {
        position: absolute;
        top: 45%;
        right: 302px;
        width: 40px;
        height: 40px;
        background-color: rgba(29, 37, 49, 0.6);
        -webkit-transition: all ease-in 0.3s;
        transition: all ease-in 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 25px;
        z-index: -1;
        text-decoration: none;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
    }

        .bix-tools-sidebar .bix-tools-sidebar-toggle i {
            color: #fff;
        }

    .bix-tools-sidebar .bix-bar-title {
        margin-bottom: 15px;
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-tools-sidebar .bix-bar-title h6 {
            margin: 0;
            font-size: 17px;
            font-weight: 700;
            color: #111a24;
        }

        .bix-tools-sidebar .bix-bar-title .close-tools {
            color: #ff0000;
            font-size: 17px;
        }

    .bix-tools-sidebar .bix-tools-detail {
        height: calc(100vh - 72px);
        padding: 0 15px 15px 15px;
        overflow: auto;
    }

        .bix-tools-sidebar .bix-tools-detail::-webkit-scrollbar {
            background-color: transparent;
            width: 7px;
            height: 7px;
            position: absolute;
            background-color: #f41a4a;
        }

        .bix-tools-sidebar .bix-tools-detail::-webkit-scrollbar-thumb {
            background-color: #f41a4a;
            border-radius: 5px;
        }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block h3 {
            margin: 15px 0;
            font-size: 14px;
            font-weight: 500;
            color: #111a24;
        }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block p {
            margin: 0;
            text-transform: capitalize;
        }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-color {
            margin: 0;
            padding: 0;
        }

            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-color li {
                display: inline-block;
                height: 35px;
                width: 35px;
                margin: 6px;
                border-radius: 5px;
                cursor: pointer;
                vertical-align: middle;
                position: relative;
            }

        .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl,
        .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .bix-tools-item,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .bix-tools-item {
                width: 125px;
                margin-bottom: 10px;
                text-align: center;
            }

                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .bix-tools-item img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .bix-tools-item img {
                    width: 100%;
                    padding: 5px;
                    border-radius: 10px;
                    border: 1px solid #eae8ef;
                }

                    .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .bix-tools-item img:hover,
                    .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .bix-tools-item img:hover {
                        border: 1px solid #f41a4a;
                    }

            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-mode,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-dark-mode,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-mode,
            .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-dark-mode {
                position: relative;
            }

                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-mode:after,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-dark-mode:after,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-mode:after,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-dark-mode:after {
                    content: "\eb79";
                    width: 30px;
                    height: 30px;
                    font-size: 16px;
                    font-family: "remixicon" !important;
                    position: absolute;
                    top: 10px;
                    right: 10px;
                    border-radius: 10px;
                    background-color: #111a24;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                }

                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-mode img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-rtl .active-dark-mode img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-mode img,
                .bix-tools-sidebar .bix-tools-detail .bix-tools-block .bix-tools-dark .active-dark-mode img {
                    border-color: #f41a4a;
                }

.active-variant {
    position: relative;
}

    .active-variant:after {
        font-family: "remixicon" !important;
        content: "\eb79";
        height: 35px;
        width: 35px;
        font-size: 18px;
        position: absolute;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

.color-primary {
    background: #f41a4a;
}

.color-1 {
    background: #7b18d5;
}

.color-2 {
    background: #5f6af5;
}

.color-3 {
    background: #f5885f;
}

.color-4 {
    background: #32dbe2;
}

.color-5 {
    background: #3f51b5;
}

.color-6 {
    background: #f44336;
}

.color-7 {
    background: #ed578a;
}

.color-8 {
    background: #607d8b;
}

.color-9 {
    background: #5caf90;
}

.open-tools {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* Layouts ( Import Layouts ) */
/* Hero */
.section-hero {
    height: 700px;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: url("../img/home-banner-bg.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
}

    .section-hero .first-name,
    .section-hero .last-name {
        position: absolute;
        font-family: "Montserrat";
        font-size: 170px;
        font-weight: 900;
        color: #fff;
        text-shadow: 2px 2px #111a24, -2px 2px #111a24, 2px -2px #111a24, -2px -2px #111a24;
        opacity: 0.04;
    }

    .section-hero .first-name {
        bottom: 100px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        /*  border: 2px solid #111a248a;*/
        border-radius: 25px;
        background: white;
    }

    .section-hero .last-name {
        bottom: 100px;
        right: 0;
    }

.bix-hero-img {
    position: relative;
}

    .bix-hero-img:after {
        /* content: ""; */
        /* height: 60px; */
        /* width: 60px; */
        /* background-image: url("../img/hero/shape-4.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* bottom: 0; */
        /* left: 0; */
        /* z-index: -1; */
    }



    .bix-hero-img .hero-inner-img:after {
        content: "";
        height: 100%;
        width: 100%;
        background-image: url("../img/hero/hero_bg.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        position: absolute;
        top: -70px;
        left: 0;
        right: 0;
        z-index: -1;
    }

    /* .bix-hero-img .hero-inner-img:before {
                content: "";
                background-image: url("../img/hero/border-one.png");
                background-repeat: no-repeat;
                background-size: 100%;
                height: 550px;
                width: 550px;
                margin: auto;
                position: absolute;
                bottom: -40px;
                left: 0;
                right: 0;
                z-index: -1;
            } */

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 160px);
        margin: auto auto 50px;
        display: block;
    }

.bix-hero-contact {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .bix-hero-contact:before {
        /* content: ""; */
        /* height: 60px; */
        /* width: 60px; */
        /* background-image: url("../img/hero/shape-1.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* top: 30px; */
        /* left: 50px; */
        /* z-index: -1; */
    }

    .bix-hero-contact:after {
        /* content: ""; */
        /* height: 50px; */
        /* width: 25px; */
        /* background-image: url("../img/hero/shape-2.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* top: 0; */
        /* right: 0; */
        /* z-index: -1; */
    }

    .bix-hero-contact h4 {
        margin-bottom: 8px;
        font-size: 35px;
        font-weight: bold;
        color: #111a24;
    }

        .bix-hero-contact h4 span {
            color: #f41a4a;
        }

    .bix-hero-contact h1 {
        margin-bottom: 16px;
        font-size: 78px;
        color: #111a24;
        font-weight: 800;
        position: relative;
    }

        .bix-hero-contact h1:after {
            /* content: ""; */
            /* height: 70px; */
            /* width: 70px; */
            /* background-image: url("../img/hero/shape-two.png"); */
            /* background-repeat: no-repeat; */
            /* background-size: 100%; */
            /* position: absolute; */
            /* top: -40px; */
            /* right: 40px; */
            /* z-index: -1; */
        }

    .bix-hero-contact p {
        font-family: "Montserrat";
        font-size: 27px;
        font-weight: 600;
        color: #111a24;
    }

        .bix-hero-contact p span {
            margin: 0 5px;
            color: #f41a4a;
        }

    .bix-hero-contact .bix-buttons {
        margin: 0px;
        padding-top: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

    .bix-hero-contact a:last-child {
        margin-left: 10px;
    }

    .bix-hero-contact .bix-buttons:after {
        /* content: ""; */
        /* height: 70px; */
        /* width: 33px; */
        /* background-image: url("../img/hero/shape-3.png"); */
        /* background-repeat: no-repeat; */
        /* background-size: 100%; */
        /* position: absolute; */
        /* bottom: -40px; */
        /* right: 200px; */
        /* z-index: -1; */
    }

    .bix-hero-contact .bix-buttons button {
        margin: 10px;
    }

/* Responsive */
@media screen and (max-width: 1399px) {
    .section-hero:before {
        height: 200px;
        width: 750px;
    }

    .section-hero:after {
        height: 200px;
        width: 750px;
    }

    .bix-hero-img .hero-inner-img:before {
        /* height: 450px; */
        /* width: 450px; */
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 160px);
    }

    .bix-hero-img .hero-inner-img:after {
        height: 600px;
        width: 600px;
    }

    .bix-hero-contact h1 {
        font-size: 90px;
        /* line-height: 100px; */
    }

        .bix-hero-contact h1:after {
            /* right: 0; */
        }

    .bix-hero-contact h4 {
        font-size: 32px;
    }

    .bix-hero-contact p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .section-hero:before {
        height: 130px;
        width: 600px;
    }

    .section-hero:after {
        height: 130px;
        width: 600px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 350px;
        width: 350px;
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 215px);
    }

    .bix-hero-img .hero-inner-img:before {
        height: 400px;
        width: 400px;
    }

    .bix-hero-contact:before {
        top: 0;
        left: 0;
    }

    .bix-hero-contact .bix-buttons:after {
        right: 100px;
    }

    .bix-hero-contact h4 {
        font-size: 28px;
    }

    .bix-hero-contact h1 {
        font-size: 52px;
    }

        .bix-hero-contact h1:after {
            height: 50px;
            width: 50px;
            right: 50px;
        }

    .bix-hero-contact p {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {

    .section-hero {
        height: auto;
        margin-top: 0;
        overflow: hidden;
    }

        .section-hero:before {
            height: 100px;
            width: 450px;
        }

        .section-hero:after {
            height: 100px;
            width: 450px;
        }

        .section-hero .first-name,
        .section-hero .last-name {
            font-size: 130px;
        }

        .section-hero .first-name {
            top: 30px;
        }

        .section-hero .last-name {
            bottom: 250px;
        }

    .bix-hero-contact {
        margin-top: 65px;
        padding-bottom: 100px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bix-hero-contact:before {
            display: none;
        }

        .bix-hero-contact .bix-buttons:after {
            display: none;
        }

    .bix-hero-img .hero-inner-img:before {
        height: 450px;
        width: 450px;
        bottom: -35px;
        left: -9px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 400px;
        width: 400px;
        bottom: -12px;
        left: -9px;
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 400px);
    }

    .bix-hero-contact h1:after {
        right: 300px;
    }

    .bix-hero-contact .bix-buttons {
        padding-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .bix-hero-contact h4 {
        font-size: 24px;
    }

    .bix-hero-contact h1 {
        font-size: 38px;
    }

    .bix-hero-contact p {
        font-size: 18px;
    }

    .bix-hero-contact h1:after {
        right: 200px;
    }

    .bix-hero-img .hero-inner-img img {
        width: calc(100% - 250px);
    }

    .bix-hero-img .hero-inner-img:before {
        height: 450px;
        width: 450px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 400px;
        width: 400px;
    }
}

@media screen and (max-width: 575px) {
    .bix-hero-img .hero-inner-img img {
        width: 210px;
    }

    .bix-hero-img .hero-inner-img:before {
        height: 280px;
        width: 280px;
        bottom: -20px;
        left: -10px;
    }

    .bix-hero-img .hero-inner-img:after {
        height: 260px;
        width: 260px;
        bottom: -9px;
        left: -10px;
    }

    .bix-hero-img:after {
        width: 30px;
        bottom: -70px;
        opacity: 0.5;
    }

    .bix-hero-contact {
        text-align: center;
    }

        .bix-hero-contact h1:after {
            display: none;
        }

        .bix-hero-contact .bix-buttons {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .bix-hero-contact .bix-buttons:after {
                display: none;
            }

    .section-hero .first-name,
    .section-hero .last-name {
        font-size: 100px;
    }
}

@media screen and (max-width: 460px) {
    .section-hero:before {
        width: 100%;
    }

    .section-hero:after {
        width: 100%;
    }

    .section-hero .first-name,
    .section-hero .last-name {
        font-size: 54px;
    }
}

/* achievement */
.section-achievement {
    position: relative;
    background-image: url("../img/help-center-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}






.bix-activity-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bix-activity-tabs ul {
        margin-bottom: 30px;
    }

ul.nav-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #111a24;
    border-radius: 25px;
}

    ul.nav-tabs li {
        margin: 10px;
    }

        ul.nav-tabs li button {
            border: 0 !important;
            padding: 5px 15px;
            border-radius: 15px !important;
            color: #111a24 !important;
            text-transform: capitalize;
            font-weight: 500;
            font-size: 16px;
        }

            ul.nav-tabs li button.active {
                border: 0 !important;
                background-color: #111a24 !important;
                color: #fff !important;
            }

.bix-achievement {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .bix-achievement .border-r {
        padding: 0 30px 0 0;
        border-right: 0.5px solid #111a24;
    }

        .bix-achievement .border-r:before {
            content: "";
            height: 6px;
            width: 16px;
            border: 2px solid #fff;
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            margin: auto;
            background-color: #111a24;
            z-index: 0;
        }

        .bix-achievement .border-r .achievement-year {
            right: -72px;
        }

            .bix-achievement .border-r .achievement-year:after {
                top: 55px;
            }

    .bix-achievement .border-l {
        padding: 0 0 0 30px;
        border-left: 0.5px solid #111a24;
    }

        .bix-achievement .border-l:before {
            content: "";
            height: 6px;
            width: 16px;
            border: 2px solid #fff;
            margin: auto;
            position: absolute;
            right: 0;
            left: 0;
            bottom: 0;
            background-color: #111a24;
            z-index: 0;
        }

        .bix-achievement .border-l .achievement-year {
            left: -72px;
        }

            .bix-achievement .border-l .achievement-year:after {
                bottom: 55px;
            }

    .bix-achievement .bix-achievement-inner {
        width: 50%;
    }

        .bix-achievement .bix-achievement-inner .mt-150 {
            margin-top: 150px;
        }

        .bix-achievement .bix-achievement-inner .bix-achievement-box {
            border: 1px solid #111a24;
            padding: 30px;
            border-radius: 30px;
            background-color: #f7f5fb;
            position: relative;
        }

            .bix-achievement .bix-achievement-inner .bix-achievement-box .achievement-year {
                width: 100px;
                height: 100%;
                position: absolute;
                top: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-transform: rotate(270deg);
                transform: rotate(270deg);
                z-index: 1;
            }

                .bix-achievement .bix-achievement-inner .bix-achievement-box .achievement-year span {
                    background-color: #111a24;
                    color: #fff;
                    border: 1px solid #111a24;
                    border-radius: 10px;
                    line-height: 1;
                    padding: 3px 10px;
                    font-size: 14px;
                }

            .bix-achievement .bix-achievement-inner .bix-achievement-box h4 {
                margin-bottom: 8px;
                font-size: 18px;
                font-weight: 600;
                line-height: 26px;
                color: #111a24;
            }

                .bix-achievement .bix-achievement-inner .bix-achievement-box h4 span {
                    font-size: 15px;
                    color: #555;
                }

            .bix-achievement .bix-achievement-inner .bix-achievement-box p {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.left .achievement-year {
                right: -82px;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.left:after {
                content: "";
                width: 30px;
                height: 2px;
                position: absolute;
                top: 50%;
                right: -30px;
                background-color: #111a24;
                z-index: -1;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.right .achievement-year {
                left: -82px;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
                content: "";
                width: 30px;
                height: 2px;
                position: absolute;
                top: 50%;
                left: -30px;
                background-color: #111a24;
                z-index: -1;
            }

/* Responsive */
@media screen and (max-width: 1399px) {
    .section-achievement:after {
        left: 400px;
    }

    .bix-achievement .border-r .achievement-year:after {
        top: 68px;
    }

    .bix-achievement .border-l .achievement-year:after {
        bottom: 68px;
    }
}

@media screen and (max-width: 1199px) {
    .section-achievement:after {
        height: 100px;
        width: 100px;
        left: 300px;
    }

    .bix-achievement .border-r .achievement-year:after {
        top: 78px;
    }

    .bix-achievement .border-l .achievement-year:after {
        bottom: 68px;
    }
}

@media screen and (max-width: 991px) {
    .section-achievement:before {
        height: 90px;
        width: 80px;
    }

    .bix-achievement .border-r .achievement-year:after {
        top: 118px;
    }

    .bix-achievement .border-l .achievement-year:after {
        bottom: 108px;
    }
}

@media screen and (max-width: 767px) {
    .section-achievement:after {
        left: 10px;
    }

    .bix-achievement {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .bix-achievement .border-l {
            margin-bottom: -24px;
            border: 0;
            padding: 0;
        }

            .bix-achievement .border-l:before {
                display: none;
            }

            .bix-achievement .border-l .achievement-year:after {
                bottom: 70px;
            }

        .bix-achievement .bix-achievement-inner {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .bix-achievement .bix-achievement-inner .mt-150 {
                margin-top: 0;
            }

            .bix-achievement .bix-achievement-inner .bix-achievement-box {
                margin-top: 12px;
                margin-bottom: 24px;
            }

                .bix-achievement .bix-achievement-inner .bix-achievement-box.left:after,
                .bix-achievement .bix-achievement-inner .bix-achievement-box.right:after {
                    display: none;
                }

                .bix-achievement .bix-achievement-inner .bix-achievement-box.left .achievement-year,
                .bix-achievement .bix-achievement-inner .bix-achievement-box.right .achievement-year {
                    display: block;
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                    top: -13px;
                    left: 45px;
                }

        .bix-achievement .border-r {
            border: 0;
            padding: 0;
        }

            .bix-achievement .border-r:before {
                display: none;
            }

            .bix-achievement .border-r .achievement-year {
                right: auto;
                left: -70px;
            }

                .bix-achievement .border-r .achievement-year:after {
                    top: 87px;
                }
}

@media screen and (max-width: 575px) {
    .bix-achievement .bix-achievement-inner .bix-achievement-box h4 {
        font-size: 16px;
        line-height: 25px;
    }
}

/* services */
.section-services {
    position: relative;
}

.section-projects {
    background-image: url("../img/services/service_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section-services:before {
    content: "";
    height: 130px;
    width: 130px;
    /* background-image: url("../img/services/shape-1.png"); */
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -100px;
    left: 100px;
    z-index: -1;
}

.bg-services-one {
    background-color: rgb(237, 244, 179);
}

.bg-services-two {
    background-color: rgb(255, 213, 223);
}

.bg-services-three {
    background-color: rgb(213, 245, 255);
}

.bg-services-four {
    background-color: rgb(214, 255, 213);
}

.bg-services-five {
    background-color: rgb(225, 226, 255);
}

.bg-services-six {
    background-color: rgb(198, 251, 244);
}

.bg-services-seven {
    background-color: rgb(255, 229, 213);
}

.bg-services-eight {
    background-color: rgb(253, 228, 255);
}

.bix-services {
    margin-top: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 30px;
}

    .bix-services .services-image {
        margin-top: -30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }

        .bix-services .services-image .inner-image {
            margin-top: -7px;
            padding: 20px;
            position: relative;
            background: #fff;
            border-radius: 50%;
        }

            .bix-services .services-image .inner-image:after {
                content: "";
                height: 40px;
                width: 40px;
                background-image: url("../img/services/left-shape.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 18px;
                left: -18px;
                z-index: 0;
            }

            .bix-services .services-image .inner-image:before {
                content: "";
                height: 40px;
                width: 40px;
                background-image: url("../img/services/right-shape.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 18px;
                right: -18px;
                z-index: 0;
            }

        .bix-services .services-image img {
            height: 35px;
            width: 35px;
            position: relative;
            z-index: 1;
            position: relative;
        }

        .bix-services .services-image .ring {
            content: "";
            height: 60px;
            width: 60px;
            margin: auto;
            border: 1px solid #111a24;
            position: absolute;
            top: 8px;
            left: 8px;
            border-radius: 50%;
            display: inline-block;
            z-index: 5;
        }

    .bix-services .services-contact {
        padding: 30px;
    }

        .bix-services .services-contact h5 {
            margin-bottom: 14px;
            font-size: 18px;
            color: #111a24;
            font-weight: 600;
        }

        .bix-services .services-contact p {
            font-size: 14px;
            line-height: 20px;
            color: #111a24;
        }

/* Responsive */
@media screen and (max-width: 991px) {
    .section-services:before {
        height: 100px;
        width: 100px;
    }
}

@media screen and (max-width: 575px) {
    .section-services:before {
        left: 20px;
    }
}

/* hire */
.section-hire {
    content: "";
    padding: 120px 0;
    /* background-image: url("../img/hire/bg.png"); */
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

.bix-hire-banner .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: -1;
}

.bix-hire-banner .bix-hire-contact {
    margin: auto;
    max-width: 700px;
}

    .bix-hire-banner .bix-hire-contact h2 {
        margin-bottom: 16px;
        font-size: 35px;
        color: #fff;
        font-weight: 700;
    }

        .bix-hire-banner .bix-hire-contact h2 span {
            color: #f41a4a;
        }

    .bix-hire-banner .bix-hire-contact h4 {
        margin-bottom: 16px;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
    }

    .bix-hire-banner .bix-hire-contact p {
        font-size: 15px;
        font-weight: 300;
        color: #fff;
    }

    .bix-hire-banner .bix-hire-contact .inner-circle-items {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle {
            position: relative;
            height: 150px;
            width: 150px;
            background-color: #fff;
            border-radius: 50%;
        }

            .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle svg text textPath {
                color: #111a24;
                font-weight: 600;
            }

            .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle .inner-contact i {
                color: #111a24;
            }

/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-hire-banner .bix-hire-contact h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    .section-hire {
        padding: 100px 0;
    }

    .bix-hire-banner .bix-hire-contact h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {
    .bix-hire-banner .bix-hire-contact .inner-circle-items .bix-rounded-circle {
        height: 120px;
        width: 120px;
    }

    .section-hire {
        padding: 80px 0;
        /* overflow: hidden; */
    }

    .bix-hire-banner .bix-hire-contact h2 {
        font-size: 24px;
    }

    .bix-hire-banner .bix-hire-contact h4 {
        font-size: 18px;
    }
}

/* Testimonials */
.section-testimonials {
    position: relative;
}

    .section-testimonials:after {
        content: "";
        height: 200px;
        width: 200px;
        background-image: url("../img/testimonials/shape.png");
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

.testimonials-slider {
    z-index: -1;
}

.bix-testimonials {
    position: relative;
}

    .bix-testimonials .inner-banner {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        position: absolute;
        top: 0;
        left: 150px;
        bottom: 0;
        z-index: -4;
    }

        .bix-testimonials .inner-banner h4 {
            font-family: "Montserrat";
            font-size: 42px;
            font-weight: 700;
            color: #fff;
            text-shadow: 1px 1px #111a24, -1px 1px #111a24, 1px -1px #111a24, -1px -1px #111a24;
            opacity: 0.15;
        }

    .bix-testimonials .testimonials-img-1 {
        z-index: -1;
        height: 80px;
        width: 80px;
        position: absolute;
        top: 0;
        left: 50px;
        border-radius: 15px;
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0.8;
    }

    .bix-testimonials .testimonials-img-2 {
        z-index: -1;
        position: absolute;
        height: 60px;
        width: 60px;
        bottom: 0;
        left: 0;
        border-radius: 15px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    .bix-testimonials .testimonials-img-3 {
        z-index: -1;
        position: absolute;
        height: 50px;
        width: 50px;
        top: 0;
        right: 500px;
        border-radius: 15px;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0.8;
    }

    .bix-testimonials .testimonials-img-4 {
        z-index: -1;
        position: absolute;
        height: 60px;
        width: 60px;
        top: -100px;
        right: 250px;
        border-radius: 15px;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    .bix-testimonials .testimonials-img-5 {
        z-index: -1;
        position: absolute;
        height: 70px;
        width: 70px;
        top: 50px;
        right: 0;
        border-radius: 15px;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    .bix-testimonials .testimonials-img-6 {
        z-index: -1;
        position: absolute;
        height: 60px;
        width: 60px;
        bottom: 0;
        right: 80px;
        border-radius: 15px;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        -webkit-filter: blur(3px);
        filter: blur(3px);
        opacity: 0.8;
    }

    .bix-testimonials .bix-testimonials-inner {
        max-width: 900px;
        margin: auto;
    }

        .bix-testimonials .bix-testimonials-inner .testimonials-image {
            position: relative;
        }

            .bix-testimonials .bix-testimonials-inner .testimonials-image img {
                width: 100%;
                border-radius: 20px;
            }

        .bix-testimonials .bix-testimonials-inner .testimonials-contact {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .bix-testimonials .bix-testimonials-inner .testimonials-contact h4 {
                margin-bottom: 8px;
                font-size: 20px;
                color: #111a24;
                font-weight: 600;
            }

            .bix-testimonials .bix-testimonials-inner .testimonials-contact span {
                font-size: 16px;
                color: #999;
            }

            .bix-testimonials .bix-testimonials-inner .testimonials-contact .inner-contact {
                margin-top: 10px;
                border: 1px solid #111a24;
                padding: 20px;
                background-color: #fff;
                border-radius: 20px;
            }

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-testimonials .inner-banner {
        left: 90px;
    }

        .bix-testimonials .inner-banner h4 {
            font-size: 38px;
        }

    .bix-testimonials .testimonials-img-1 {
        height: 60px;
        width: 60px;
        left: 10px;
    }

    .bix-testimonials .testimonials-img-2 {
        height: 50px;
        width: 50px;
    }

    .bix-testimonials .testimonials-img-3 {
        right: auto;
        top: -100px;
    }

    .bix-testimonials .testimonials-img-4 {
        top: -120px;
        right: 200px;
    }

    .bix-testimonials .testimonials-img-5 {
        height: 40px;
        width: 40px;
        top: -70px;
    }

    .bix-testimonials .testimonials-img-6 {
        height: 50px;
        width: 50px;
        right: 200px;
        bottom: 120px;
    }

    .bix-testimonials .bix-testimonials-inner {
        max-width: 800px;
    }

        .bix-testimonials .bix-testimonials-inner .testimonials-image .inner-banner h4 {
            font-size: 36px;
        }
}

@media screen and (max-width: 1199px) {
    .bix-testimonials .testimonials-img-1 {
        display: none;
    }

    .bix-testimonials .testimonials-img-2 {
        display: none;
    }

    .section-testimonials:after {
        height: 150px;
        width: 150px;
    }

    .bix-testimonials .inner-banner {
        left: 10px;
    }

        .bix-testimonials .inner-banner h4 {
            font-size: 34px;
        }
}

@media screen and (max-width: 991px) {
    .bix-testimonials .testimonials-img-3 {
        right: auto;
        left: 0;
        top: -80px;
    }

    .bix-testimonials .testimonials-img-4 {
        right: auto;
        left: 100px;
    }

    .bix-testimonials .testimonials-img-5 {
        top: -150px;
    }

    .bix-testimonials .testimonials-img-6 {
        bottom: auto;
        top: -20px;
        right: 50px;
    }

    .bix-testimonials .inner-banner {
        display: none;
    }

    .section-testimonials:after {
        height: 120px;
        width: 120px;
    }

    .bix-testimonials .bix-testimonials-inner .testimonials-image .inner-banner {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .bix-testimonials .bix-testimonials-inner .testimonials-contact h4 {
        margin-bottom: 4px;
        font-size: 18px;
        text-align: center;
    }

    .bix-testimonials .bix-testimonials-inner .testimonials-contact span {
        font-size: 14px;
        text-align: center;
    }

    .bix-testimonials .bix-testimonials-inner .testimonials-image {
        width: 100%;
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-testimonials .bix-testimonials-inner .testimonials-image img {
            max-width: 80px;
        }

    .bix-testimonials .testimonials-img-3 {
        display: none;
    }

    .bix-testimonials .testimonials-img-4 {
        right: auto;
        left: 0;
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .section-testimonials:after {
        height: 80px;
        width: 80px;
    }
}

/* blog */
.bix-blog-box {
    margin-top: 50px;
    padding: 20px;
    position: relative;
    border: 1px solid #111a24;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .bix-blog-box .blog-img {
        margin-right: 10px;
        position: absolute;
        top: -54px;
        left: 20px;
        right: 20px;
    }

        .bix-blog-box .blog-img img {
            width: 80px;
            border-radius: 15px;
        }

    .bix-blog-box .blog-contact {
        margin-left: 20px;
        padding-left: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-blog-box .blog-contact h4 {
            margin-bottom: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

            .bix-blog-box .blog-contact h4 a {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                font-size: 18px;
                font-weight: 600;
                color: #111a24;
            }

                .bix-blog-box .blog-contact h4 a:hover {
                    color: #f41a4a;
                }

        .bix-blog-box .blog-contact p {
            /* overflow: hidden; */
            /* text-overflow: ellipsis; */
            /* display: -webkit-box; */
            /* -webkit-line-clamp: 3; */
            /* -webkit-box-orient: vertical; */
        }

        .bix-blog-box .blog-contact span {
            font-size: 13px;
            color: #999;
        }

    .bix-blog-box.bix-blog-box-alt .blog-img {
        left: auto;
        right: 20px;
    }

    .bix-blog-box.bix-blog-box-alt .blog-contact {
        margin-left: 0;
        padding-left: 0;
        /* margin-right: 20px; */
        /* padding-right: 200px; */
    }

/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-blog-box .blog-img {
        /* margin-right: 0; */
        /* margin-bottom: 10px; */
        /* position: relative; */
        /* width: auto; */
        top: -40px;
        /* left: 0; */
        /* right: 0; */
    }

        .bix-blog-box .blog-img img {
            /* width: 80px; */
        }

    .bix-blog-box {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px;
    }

        .bix-blog-box .blog-contact {
            margin-left: 0;
            padding-left: 0;
        }
}

@media screen and (max-width: 767px) {
    .bix-blog-box {
        max-width: 430px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

/* modal */
.bix-modal {
    padding-right: 0 !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

    .bix-modal .modal-content {
        padding: 20px;
        border: 0;
        border-radius: 30px;
    }

        .bix-modal .modal-content .modal-body {
            padding: 0 !important;
        }

            .bix-modal .modal-content .modal-body ul.nav-tabs {
                margin-bottom: 24px;
            }

            .bix-modal .modal-content .modal-body .form-group {
                margin-bottom: 12px;
            }

                .bix-modal .modal-content .modal-body .form-group input,
                .bix-modal .modal-content .modal-body .form-group select,
                .bix-modal .modal-content .modal-body .form-group textarea {
                    width: 100%;
                    height: 50px;
                    padding: 15px;
                    border: 1px solid #eae8ef;
                    outline: 0;
                    border-radius: 20px;
                }

                    .bix-modal .modal-content .modal-body .form-group input::-webkit-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::-webkit-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::-webkit-input-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input::-moz-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::-moz-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::-moz-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input:-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select:-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea:-ms-input-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input::-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::-ms-input-placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::-ms-input-placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                    .bix-modal .modal-content .modal-body .form-group input::placeholder,
                    .bix-modal .modal-content .modal-body .form-group select::placeholder,
                    .bix-modal .modal-content .modal-body .form-group textarea::placeholder {
                        font-size: 14px;
                        font-weight: 400;
                        color: #555;
                    }

                .bix-modal .modal-content .modal-body .form-group select {
                    font-size: 14px;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .bix-modal .modal-content .modal-body .form-group textarea {
                    height: auto;
                }

/* Pages ( Import Pages ) */
/* about */
.section-about {
    position: relative;
}

    .section-about:before {
        content: "";
        height: 200px;
        width: 165px;
        /* background-image: url("../img/about/shape-1.png"); */
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .section-about:after {
        content: "";
        height: 120px;
        width: 70px;
        /* background-image: url("../img/about/shape-2.png"); */
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
        opacity: 0.3;
    }

    .section-about .container {
        position: relative;
    }

        .section-about .container:before {
            content: "";
            height: 50px;
            width: 50px;
            /* background-image: url("../img/about/shape-3.png"); */
            background-repeat: no-repeat;
            background-size: 100%;
            position: absolute;
            top: 0;
            left: 150px;
            z-index: -1;
        }

.bix-about-contact {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .bix-about-contact h5 {
        margin-bottom: 24px;
        font-size: 37px;
        font-weight: bold;
        color: #fff;
        /* text-shadow: 1px 1px #111a24, -1px 1px #111a24, 1px -1px #111a24, -1px -1px #111a24; */
        letter-spacing: 0.08rem;
        /* opacity: 0.5; */
        color: #111a24;
    }

    .bix-about-contact p {
        margin-bottom: 16px;
    }

    .bix-about-contact .about-name h6 {
        margin-bottom: 0;
        font-size: 16px;
        color: #111a24;
        font-weight: 700;
    }

    .bix-about-contact .about-name p {
        font-size: 14px;
        color: #555;
    }

    .bix-about-contact .about-name .inner-sign-items img {
        width: 120px;
    }

@-webkit-keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.bix-rounded-circle:hover svg {
    -webkit-animation: rotateText 10s linear infinite;
    animation: rotateText 10s linear infinite;
}

.bix-rounded-circle a {
    position: relative;
}

.bix-rounded-circle .inner-contact {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bix-rounded-circle .inner-contact i {
        font-size: 30px;
        color: #fff;
    }

.bix-rounded-circle svg {
    fill: currentColor;
    height: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
}

    .bix-rounded-circle svg text textPath {
        font-size: 8px;
        color: #fff;
        letter-spacing: 0.8px;
    }

.bix-rounded-circle h5 {
    font-size: 10px;
    color: #fff;
}

.bix-about-img {
    border: 1px solid #111a24;
    padding: 15px;
    border-radius: 200px;
    position: relative;
}

    .bix-about-img:hover .inner-item {
        opacity: 1;
        right: 7px;
    }

    .bix-about-img img {
        width: 100%;
        border-radius: 200px;
    }

    .bix-about-img .bix-rounded-circle {
        z-index: 1;
        height: 130px;
        width: 130px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 50%;
    }

    .bix-about-img .inner-item {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 100%;
        position: absolute;
        top: 0;
        right: -7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 0;
        opacity: 0;
    }

        .bix-about-img .inner-item .box-inner {
            margin: 18px 0;
            position: relative;
        }

            .bix-about-img .inner-item .box-inner:after {
                content: "";
                height: 30px;
                width: 60px;
                background-image: url("../img/about/round-shape.png");
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 0px;
                left: -33px;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                z-index: 0;
            }

            .bix-about-img .inner-item .box-inner img {
                width: 20px;
                height: 20px;
                position: relative;
                z-index: 1;
                border-radius: 0;
            }

.bix-skill {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -24px;
}

    .bix-skill .skill-inner-box {
        margin-bottom: 24px;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        border-radius: 100px;
    }

        .bix-skill .skill-inner-box:hover .skill-logo {
            opacity: 1;
            top: -10px;
        }

        .bix-skill .skill-inner-box .skill-logo {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            position: absolute;
            right: 60px;
            top: -30px;
            z-index: 1;
            opacity: 0;
        }

            .bix-skill .skill-inner-box .skill-logo a {
                position: relative;
                height: 30px;
                width: 30px;
                margin: 0 20px;
                border: 1px solid #111a24;
                background-color: #fff;
                border-radius: 20px;
            }

                .bix-skill .skill-inner-box .skill-logo a:after {
                    content: "";
                    height: 25px;
                    width: 67px;
                    background-image: url("../img/about/round-shape.png");
                    background-repeat: no-repeat;
                    background-size: 100%;
                    position: absolute;
                    top: 9px;
                    left: -20px;
                    z-index: -1;
                }

            .bix-skill .skill-inner-box .skill-logo img {
                width: 28px;
                padding: 5px;
            }

        .bix-skill .skill-inner-box .skill-contact {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            display: -ms-flexbox;
            -ms-flex-align: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            align-items: center;
            position: relative;
        }

            .bix-skill .skill-inner-box .skill-contact:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 90px;
                height: 90px;
                border-radius: 100%;
                z-index: -1;
                background: linear-gradient(45deg, #00000059, transparent);
                backdrop-filter: blur(4px);
            }

            .bix-skill .skill-inner-box .skill-contact .progress {
                width: 90px;
                height: 100%;
                background: transparent;
                display: inline-block;
            }

            .bix-skill .skill-inner-box .skill-contact img {
                width: 90px;
                height: 100%;
                background: transparent;
                display: inline-block;
            }

            .bix-skill .skill-inner-box .skill-contact .progress .fill {
                stroke-dasharray: 219.9907836914;
                stroke-dashoffset: -219.9907836914;
                -webkit-transition: stroke-dashoffset 1s;
                transition: stroke-dashoffset 1s;
                stroke-width: 1;
            }

            .bix-skill .skill-inner-box .skill-contact .progress .track {
                stroke-width: 6;
                stroke: rgba(221, 221, 221, 0) !important;
            }

            .bix-skill .skill-inner-box .skill-contact .progress .track,
            .bix-skill .skill-inner-box .skill-contact .progress .fill {
                fill: rgba(0, 0, 0, 0);
                -webkit-transform: rotate(90deg) translate(0px, -80px);
                transform: rotate(90deg) translate(0px, -80px);
                stroke: #111a24;
            }

            .bix-skill .skill-inner-box .skill-contact .progress text {
                text-anchor: middle;
                font-weight: 500;
                font-size: 14px;
            }

            .bix-skill .skill-inner-box .skill-contact .skill-box-contact {
                width: calc(100% - 90px);
                padding: 10px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                .bix-skill .skill-inner-box .skill-contact .skill-box-contact h4 {
                    font-size: 16px;
                    font-weight: 600;
                    color: #111a24;
                    margin-bottom: 8px;
                }

                    .bix-skill .skill-inner-box .skill-contact .skill-box-contact h4 span {
                        font-size: 13px;
                        font-weight: 500;
                    }

                .bix-skill .skill-inner-box .skill-contact .skill-box-contact p {
                    font-size: 13px;
                    line-height: 22px;
                    color: #495461;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

    .bix-skill .bg-color-one {
        background-color: #faf1c6;
    }

    .bix-skill .bg-color-two {
        background-color: #ffd5df;
    }

    .bix-skill .bg-color-three {
        background-color: #d5f5ff;
    }

.bix-block-skill {
    display: block;
}

.bix-aboutpage-img {
    position: relative;
}

    .bix-aboutpage-img .inner-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .bix-aboutpage-img .inner-img img {
            width: calc(100% - 50px);
            height: calc(100% - 50px);
            border-radius: 40%;
        }

    .bix-aboutpage-img:after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #f7f5fb;
        border: 1px solid #e9e6ef;
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;
        border-radius: 40%;
    }

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-about-contact h5 {
        font-size: 32px;
    }
}

@media screen and (max-width: 1199px) {
    .bix-about-contact h5 {
        font-size: 28px;
    }

    .bix-about-img {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: auto;
    }

    .bix-skill {
        height: auto;
    }

    .section-about:before {
        height: 120px;
        width: 100px;
    }
}

@media screen and (max-width: 991px) {
    .section-about .container:before {
        left: auto;
        right: 0;
    }
}

@media screen and (max-width: 575px) {
    .bix-about-contact h5 {
        font-size: 28px;
    }

    .bix-about-img .bix-rounded-circle {
        height: 120px;
        width: 120px;
        bottom: 20px;
        right: 20px;
    }

    .bix-about-img .bix-about-detail {
        height: 100px;
        width: 100px;
        bottom: 20px;
        right: 20px;
    }

        .bix-about-img .bix-about-detail .inner-contact {
            height: 100px;
            width: 100px;
        }

        .bix-about-img .bix-about-detail .bix-rounded {
            height: 90px;
            width: 90px;
        }

            .bix-about-img .bix-about-detail .bix-rounded span {
                font-size: 8px;
            }
}

@media screen and (max-width: 420px) {
    .bix-about-contact h5 {
        font-size: 22px;
    }

    .bix-about-img .bix-rounded-circle {
        bottom: 0;
        right: 0;
    }

    .bix-skill .skill-inner-box {
        border-radius: 50px;
    }

        .bix-skill .skill-inner-box .skill-contact {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .bix-skill .skill-inner-box .skill-contact:before {
                left: 0;
                right: 0;
                margin: auto;
            }

            .bix-skill .skill-inner-box .skill-contact .skill-box-contact {
                width: 100%;
            }
}

@media screen and (max-width: 310px) {
    .bix-about-detail {
        display: none;
    }
}

/* projects */
.bix-projects-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .bix-projects-tabs ul {
        margin-bottom: 30px;
        padding: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #f7f5fb;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #1b1c20;
        border-radius: 25px;
    }

        .bix-projects-tabs ul li {
            margin: 5px;
            padding: 5px 15px;
            font-weight: 500;
            -webkit-transition: 0.25s ease-out !important;
            transition: 0.25s ease-out !important;
            border: 0 !important;
            border-radius: 15px !important;
            color: #111a24 !important;
            cursor: pointer;
        }

        .bix-projects-tabs ul:nth-child(1) {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

        .bix-projects-tabs ul:nth-child(2) {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .bix-projects-tabs ul li.active {
            background-color: #111a24 !important;
            color: #fff !important;
        }

.bix-project-card:hover .project-image img {
    /* -webkit-transform: scale(1.1) rotate(5deg); */
    /* transform: scale(1.1) rotate(5deg); */
}

.bix-project-card .project-image {
    position: relative;
    /* padding: 0px 0px 30px 0px; */
    overflow: hidden;
    /* border-radius: 30px; */
    z-index: 1;
}

    .bix-project-card .project-image a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* border-radius: 30px; */
        overflow: hidden;
    }

    .bix-project-card .project-image img {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 100%;
        height: 260px;
        object-fit: cover;
    }

    .bix-project-card .project-image:hover .overlay-project-card i {
        opacity: 1;
    }

    .bix-project-card .project-image .overlay-project-card i:hover {
        background: red;
    }

    .bix-project-card .project-image .overlay-project-card i {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 1;
        /* width: 100%; */
        /* height: calc(100% - 30px); */
        position: absolute;
        top: 7px;
        right: 7px;
        padding: 4px;
        /* border-radius: 30px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        /* align-items: center; */
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /* justify-content: center; */
        background-color: #fff;
        z-index: 3;
        border-radius: 5px;
        overflow: hidden;
        font-size: 25px;
        color: #000;
    }

.bix-project-card .project-contact {
    padding: 20px 8px 10px 8px;
    /* min-height: 200px; */
    border-radius: 0px 0px 20px 20px;
    text-align: center;
    background: #fff;
}

    .bix-project-card .project-contact h5 {
        /* margin-bottom: 10px; */
        /* font-size: 14px; */
        /* text-align: center; */
    }

        .bix-project-card .project-contact h5 a {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-size: 18px;
            font-weight: 600;
            color: #111a24;
        }

            .bix-project-card .project-contact h5 a:hover {
                color: #f41a4a;
            }

    .bix-project-card .project-contact .discount-percentage {
        display: block;
    }

    .bix-project-card .project-contact p {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
    }

        .bix-project-card .project-contact p a {
            color: #111a24;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-weight: 500;
        }

.fancybox-image,
.fancybox-spaceball {
    padding: 12px;
}

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-project-card .project-contact h5 a {
        font-size: 14px;
    }

    .bix-project-card .project-contact span {
        /* font-size: 14px; */
    }
}

@media screen and (max-width: 480px) {
    .bix-project-card .project-contact {
        padding: 20px 20px 20px 20px;
    }

    .bix-project-card .project-image {
        /* padding: 0 20px 20px 20px; */
    }

        .bix-project-card .project-image .overlay-project-card {
            padding: 0;
            width: calc(100% - 40px);
            height: calc(100% - 20px);
            top: 0;
            bottom: 0;
            right: 20px;
            left: 20px;
        }
}

/* Prices */
.bix-services-box {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #eae8ef;
    border-radius: 30px;
    text-align: center;
    background: #f7f5fb;
}

    .bix-services-box:hover {
        border-color: #1b1c20;
    }

        .bix-services-box:hover .services-header {
            border-color: #1b1c20;
        }

    .bix-services-box .services-header {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 20px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-services-box .services-header span {
            font-size: 15px;
            font-weight: 600;
            color: #777;
        }

        .bix-services-box .services-header h4 {
            font-size: 42px;
            font-weight: 700;
            color: #111a24;
        }

    .bix-services-box .services-inner-contact {
        padding: 20px;
    }

        .bix-services-box .services-inner-contact ul {
            margin-bottom: 16px;
        }

            .bix-services-box .services-inner-contact ul li {
                padding: 8px 0;
                font-size: 15px;
                line-height: 22px;
                font-weight: 400;
                color: #777;
            }

        .bix-services-box .services-inner-contact .buttons {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

/* Responsive */
@media screen and (max-width: 767px) {
    .bix-services-box .services-header h4 {
        font-size: 34px;
    }
}

@media screen and (max-width: 575px) {
    .bix-services-box {
        max-width: 320px;
        margin: auto;
    }
}

/* Faq */
.accordion-button::after {
    background-image: none;
    content: "+";
    font-weight: 500;
    color: #777;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accordion-button:not(.collapsed)::after {
    -webkit-transform: none;
    transform: none;
    background-image: none;
    content: "-";
    font-weight: 500;
    color: #777;
    font-size: 24px;
}

.bix-faq {
    margin-bottom: -20px;
}

    .bix-faq .accordion-button {
        font-weight: 500;
    }

        .bix-faq .accordion-button:not(.collapsed) {
            color: #111a24;
        }

    .bix-faq .accordion-item {
        background: transparent;
        border: 0;
    }

        .bix-faq .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
            border-radius: 10px;
        }

        .bix-faq .accordion-item .accordion-header {
            margin-bottom: 20px;
            border: 1px solid #eae8ef;
            border-radius: 10px;
        }

            .bix-faq .accordion-item .accordion-header .accordion-button {
                border-radius: 10px;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
                background-color: #f7f5fb;
            }

        .bix-faq .accordion-item .accordion-body {
            border-radius: 20px;
            margin-bottom: 20px;
            border: 1px solid #eae8ef;
            background: #ffffff;
        }

/* Responsive */
@media screen and (max-width: 1399px) {
    .section-faq::before {
        top: -85px;
        height: 85px;
    }
}

@media screen and (max-width: 1199px) {
    .section-faq::before {
        top: -74px;
        height: 74px;
    }
}

@media screen and (max-width: 991px) {
    .section-faq::before {
        top: -60px;
        height: 60px;
    }

    .bix-faq-img {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .section-faq::before {
        top: -45px;
        height: 45px;
    }
}

@media screen and (max-width: 575px) {
    .section-faq::after {
        width: 80px;
        height: 80px;
    }
}

/* Resume */
.bix-resume-sidebar {
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
}

    .bix-resume-sidebar .inner-img {
        padding: 24px 24px 0 24px;
    }

        .bix-resume-sidebar .inner-img img {
            width: 100%;
            border-radius: 20px;
        }

    .bix-resume-sidebar .inner-contact {
        padding: 24px;
    }

        .bix-resume-sidebar .inner-contact:not(:last-child) {
            border-bottom: 1px solid #eae8ef;
        }

    .bix-resume-sidebar .resume-title {
        margin-bottom: 12px;
    }

        .bix-resume-sidebar .resume-title h4 {
            font-size: 17px;
            font-weight: 700;
            color: #111a24;
        }

            .bix-resume-sidebar .resume-title h4 i {
                margin-right: 10px;
            }

    .bix-resume-sidebar .resume-contact-info ul {
        margin-bottom: 0;
    }

        .bix-resume-sidebar .resume-contact-info ul li {
            padding: 5px 0;
        }

            .bix-resume-sidebar .resume-contact-info ul li i {
                font-size: 15px;
                font-weight: 500;
                color: #777;
                margin-right: 10px;
            }

            .bix-resume-sidebar .resume-contact-info ul li a {
                font-size: 15px;
                font-weight: 500;
                color: #777;
            }

    .bix-resume-sidebar .resume-education-info:not(:last-child) {
        margin-bottom: 12px;
    }

    .bix-resume-sidebar .resume-education-info span {
        font-size: 14px;
        font-weight: 500;
        color: #777;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    .bix-resume-sidebar .resume-education-info h4 {
        margin-bottom: 6px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .bix-resume-sidebar .resume-education-info p {
        font-size: 14px;
        line-height: 24px;
    }

.bix-resume-contact .sub-heading {
    margin-bottom: 24px;
    padding: 30px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .bix-resume-contact .sub-heading .inner-img {
        display: none;
    }

        .bix-resume-contact .sub-heading .inner-img img {
            height: 70px;
            width: 70px;
            border-radius: 20px;
        }

    .bix-resume-contact .sub-heading .inner-heading h4 {
        margin-bottom: 4px;
        font-size: 26px;
        font-weight: 700;
        color: #111a24;
    }

    .bix-resume-contact .sub-heading .inner-heading span {
        font-size: 14px;
        font-weight: 500;
        color: #777;
    }

.bix-resume-contact .inner-resume-contact {
    margin-bottom: -24px;
}

    .bix-resume-contact .inner-resume-contact .inner-title {
        margin-bottom: 16px;
    }

        .bix-resume-contact .inner-resume-contact .inner-title h5 {
            font-size: 20px;
            font-weight: 700;
        }

    .bix-resume-contact .inner-resume-contact p {
        font-size: 15px;
    }

    .bix-resume-contact .inner-resume-contact .resume-about,
    .bix-resume-contact .inner-resume-contact .resume-experience,
    .bix-resume-contact .inner-resume-contact .resume-project {
        margin-bottom: 24px;
        padding: 24px;
        border: 1px solid #eae8ef;
        border-radius: 20px;
        background-color: #f7f5fb;
    }

    .bix-resume-contact .inner-resume-contact .border-top-radius {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .bix-resume-contact .inner-resume-contact .border-bottom-radius {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .bix-resume-contact .inner-resume-contact .inner-experience {
        padding: 20px;
        background-color: #fff;
        border: 1px solid #eae8ef;
    }

        .bix-resume-contact .inner-resume-contact .inner-experience:not(:last-child) {
            margin-bottom: 8px;
        }

        .bix-resume-contact .inner-resume-contact .inner-experience h5 {
            margin-bottom: 8px;
            font-size: 16px;
            font-weight: 700;
            color: #111a24;
        }

        .bix-resume-contact .inner-resume-contact .inner-experience .experience-value {
            margin-bottom: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .bix-resume-contact .inner-resume-contact .inner-experience .experience-value span {
                font-size: 13px;
                font-weight: 500;
                color: #777;
            }

            .bix-resume-contact .inner-resume-contact .inner-experience .experience-value p {
                font-size: 14px;
            }

    .bix-resume-contact .inner-resume-contact .inner-project {
        padding: 20px;
        border: 1px solid #eae8ef;
        background-color: #fff;
    }

        .bix-resume-contact .inner-resume-contact .inner-project:not(:last-child) {
            margin-bottom: 8px;
        }

        .bix-resume-contact .inner-resume-contact .inner-project h5 {
            font-size: 16px;
            font-weight: 700;
            color: #111a24;
            line-height: 26px;
        }

        .bix-resume-contact .inner-resume-contact .inner-project a {
            margin-bottom: 15px;
            font-size: 15px;
            font-weight: 400;
            color: #777;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

/* Responsive */
@media screen and (max-width: 1399px) {
    .bix-resume-contact .sub-heading .inner-heading h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1199px) {
    .bix-resume-contact .sub-heading .inner-heading h4 {
        margin-bottom: 0;
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .bix-resume-sidebar {
        display: none;
    }

    .bix-resume-contact .sub-heading {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        text-align: left;
    }

        .bix-resume-contact .sub-heading .inner-img {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-right: 15px;
        }

    .bix-resume-contact .inner-resume-contact .inner-title h5 {
        font-size: 18px;
    }

    .bix-resume-contact .inner-resume-contact .inner-experience h5 {
        font-size: 15px;
    }
}

@media screen and (max-width: 575px) {

    .bix-resume-contact .inner-resume-contact .resume-about,
    .bix-resume-contact .inner-resume-contact .resume-experience,
    .bix-resume-contact .inner-resume-contact .resume-project {
        padding: 15px;
    }

    .bix-resume-sidebar .inner-img {
        padding: 15px 15px 0 15px;
    }
}

@media screen and (max-width: 380px) {
    .bix-resume-contact .sub-heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

        .bix-resume-contact .sub-heading .inner-img {
            margin-right: 0;
            margin-bottom: 15px;
        }
}

/* single projects */
.bix-single-projects-sidebar {
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
}

    .bix-single-projects-sidebar .sub-title {
        margin-bottom: 12px;
    }

        .bix-single-projects-sidebar .sub-title h4 {
            font-size: 20px;
            font-weight: 600;
            color: #111a24;
        }

    .bix-single-projects-sidebar .category-contact p a {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 5px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .bix-single-projects-sidebar .category-contact p a:hover {
            padding-left: 5px;
            color: #111a24;
        }

    .bix-single-projects-sidebar .bix-category,
    .bix-single-projects-sidebar .bix-recent-post {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

    .bix-single-projects-sidebar .bix-latest-gallery {
        padding: 24px;
    }

    .bix-single-projects-sidebar .bix-recent-card {
        border-radius: 20px;
    }

        .bix-single-projects-sidebar .bix-recent-card .recent-img img {
            width: 100%;
            border-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-recent-card .recent-contact {
            padding-top: 15px;
        }

            .bix-single-projects-sidebar .bix-recent-card .recent-contact span {
                font-size: 14px;
                font-weight: 400;
                color: #777;
            }

            .bix-single-projects-sidebar .bix-recent-card .recent-contact h4 {
                margin-bottom: 8px;
                font-size: 15px;
            }

                .bix-single-projects-sidebar .bix-recent-card .recent-contact h4 a {
                    font-size: 15px;
                    font-weight: 600;
                    line-height: 20px;
                    color: #111a24;
                }

            .bix-single-projects-sidebar .bix-recent-card .recent-contact p {
                font-size: 13px;
                line-height: 20px;
            }

    .bix-single-projects-sidebar .bix-gallery-card {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(33% - 2px));
        grid-row-gap: 4px;
        grid-column-gap: 4px;
    }

        .bix-single-projects-sidebar .bix-gallery-card .border-top-left-radius {
            border-top-left-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card .border-top-right-radius {
            border-top-right-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card .border-bottom-left-radius {
            border-bottom-left-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card .border-bottom-right-radius {
            border-bottom-right-radius: 20px;
        }

        .bix-single-projects-sidebar .bix-gallery-card img {
            width: 100%;
            height: 100%;
        }

.bix-t-review-rating i {
    margin-right: 3px;
    line-height: 16px;
    display: inline-block;
    font-size: 16px;
}

.bix-t-review-rating .ri-star-fill,
.bix-t-review-rating .ri-star-half-fill {
    color: #f27d0c;
}

.bix-single-projects-contact .inner-projects-img {
    margin-bottom: 24px;
    position: sticky;
    top: 90px;
}

    .bix-single-projects-contact .inner-projects-img img {
        width: 100%;
        border-radius: 20px;
    }

.bix-single-projects-contact .inner-projects-contact {
    margin-bottom: 24px;
}

    .bix-single-projects-contact .inner-projects-contact .sub-title {
        margin-bottom: 12px;
    }

        .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
            font-size: 24px;
            font-weight: 600;
            line-height: 32px;
        }

    .bix-single-projects-contact .inner-projects-contact p {
        margin-bottom: 16px;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact h4 {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 600;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact ul {
        list-style-type: disc;
        padding-left: 2rem;
        margin-bottom: 0;
    }

        .bix-single-projects-contact .inner-projects-contact .inner-contact ul li {
            font-size: 14px;
            font-weight: 500;
        }

.bix-single-projects-contact .bix-product-details {
    margin-top: 24px;
    margin-bottom: 24px;
}

    .bix-single-projects-contact .bix-product-details .bix-product-details-card {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 30px;
        background-color: #f7f5fb;
        border: 1px solid #eae8ef;
        border-radius: 20px;
        text-align: center;
    }

        .bix-single-projects-contact .bix-product-details .bix-product-details-card:hover {
            border-color: #1b1c20;
        }

        .bix-single-projects-contact .bix-product-details .bix-product-details-card h4 {
            font-size: 18px;
            font-weight: 600;
            color: #111a24;
        }

        .bix-single-projects-contact .bix-product-details .bix-product-details-card p {
            font-size: 14px;
            font-weight: 500;
            color: #777;
        }

.bix-single-projects-contact .bix-products-tabs .nav-tabs {
    margin-bottom: 24px;
}

.bix-single-projects-contact .bix-products-tabs .tab-content {
    padding: 20px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details p {
        margin-bottom: 16px;
    }

    .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details .inner-contact h4 {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 600;
    }

    .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details .inner-contact ul {
        list-style-type: disc;
        margin-bottom: 0;
        padding-left: 2rem;
    }

        .bix-single-projects-contact .bix-products-tabs .tab-content .products-tabs-details .inner-contact ul li {
            padding: 5px 0;
            font-size: 14px;
            font-weight: 500;
        }

.bix-client .inner-details {
    margin-bottom: 24px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-client .inner-details .side-image img {
        width: 100px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .bix-client .inner-details .client-details {
        padding-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .bix-client .inner-details .client-details h5 {
            margin-bottom: 10px;
            font-size: 17px;
            font-weight: 600;
            color: #111a24;
        }

        .bix-client .inner-details .client-details p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-height: 22px;
        }

.bix-reviews-details h4 {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #111a24;
}

.bix-reviews-details .bix-input {
    margin-bottom: 12px;
}

    .bix-reviews-details .bix-input input,
    .bix-reviews-details .bix-input textarea {
        width: 100%;
        height: 50px;
        padding: 15px;
        border: 1px solid #eae8ef;
        outline: 0;
        border-radius: 30px;
    }

        .bix-reviews-details .bix-input input::-webkit-input-placeholder,
        .bix-reviews-details .bix-input textarea::-webkit-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input::-moz-placeholder,
        .bix-reviews-details .bix-input textarea::-moz-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input:-ms-input-placeholder,
        .bix-reviews-details .bix-input textarea:-ms-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input::-ms-input-placeholder,
        .bix-reviews-details .bix-input textarea::-ms-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

        .bix-reviews-details .bix-input input::placeholder,
        .bix-reviews-details .bix-input textarea::placeholder {
            font-size: 14px;
            font-weight: 400;
            color: #555;
        }

    .bix-reviews-details .bix-input textarea {
        height: 150px;
    }

/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-single-projects-contact .inner-projects-img {
        margin: 0;
    }

    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {
    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact h4 {
        font-size: 18px;
    }

    .bix-client .inner-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .bix-client .inner-details .side-image img {
            width: 100%;
            border-bottom-left-radius: 0;
            border-top-right-radius: 20px;
        }

        .bix-client .inner-details .client-details {
            padding: 15px 0 0 0;
        }
}

@media screen and (max-width: 575px) {

    .bix-single-projects-sidebar .bix-category,
    .bix-single-projects-sidebar .bix-recent-post {
        padding: 15px;
    }

    .bix-single-projects-sidebar .bix-latest-gallery {
        padding: 15px;
    }

    .bix-single-projects-contact .bix-products-tabs .tab-content {
        padding: 15px;
    }

    .bix-single-projects-contact .inner-projects-contact .sub-title h4 {
        font-size: 18px;
    }

    .bix-single-projects-contact .inner-projects-contact .inner-contact h4 {
        font-size: 16px;
    }

    .bix-single-projects-sidebar .sub-title h4 {
        font-size: 18px;
    }
}

/* Blog-Details */
.bix-blog-sidebar {
    border: 1px solid #eae8ef;
    border-radius: 20px;
    background-color: #f7f5fb;
}

    .bix-blog-sidebar .inner-details {
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-sidebar .inner-details .blog-image {
            padding: 24px 24px 0 24px;
        }

            .bix-blog-sidebar .inner-details .blog-image img {
                width: 100%;
                border-radius: 20px;
            }

        .bix-blog-sidebar .inner-details .inner-blog-contact {
            padding: 24px;
        }

            .bix-blog-sidebar .inner-details .inner-blog-contact span {
                font-size: 14px;
                font-weight: 400;
                color: #777;
            }

            .bix-blog-sidebar .inner-details .inner-blog-contact h4 {
                margin-bottom: 8px;
                font-size: 20px;
                font-weight: 700;
                color: #111a24;
            }

    .bix-blog-sidebar .sub-title {
        margin-bottom: 12px;
    }

        .bix-blog-sidebar .sub-title h4 {
            font-size: 18px;
            font-weight: 700;
            color: #111a24;
        }

    .bix-blog-sidebar .bix-categories {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-sidebar .bix-categories .inner-categories ul {
            list-style-type: disc;
            padding-left: 2rem;
            margin-bottom: 0;
        }

            .bix-blog-sidebar .bix-categories .inner-categories ul li {
                padding: 10px 0;
                line-height: 24px;
            }

                .bix-blog-sidebar .bix-categories .inner-categories ul li a {
                    font-size: 14px;
                    font-weight: 400;
                    color: #777;
                }

    .bix-blog-sidebar .bix-recent-post {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-sidebar .bix-recent-post .bix-recent-card {
            border-radius: 20px;
        }

            .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-img img {
                width: 100%;
                border-radius: 20px;
            }

            .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact {
                padding-top: 24px;
            }

                .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact span {
                    font-size: 13px;
                    font-weight: 400;
                    color: #777;
                }

                .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact h4 {
                    margin-bottom: 4px;
                    font-size: 18px;
                }

                    .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact h4 a {
                        font-size: 18px;
                        font-weight: 700;
                        color: #111a24;
                    }

    .bix-blog-sidebar .bix-blog-sub-details {
        padding: 24px;
    }

        .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-radius: 20px;
        }

            .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card:not(:last-child) {
                margin-bottom: 24px;
            }

            .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .blog-image img {
                width: 60px;
                border-radius: 15px;
            }

            .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-left: 15px;
            }

                .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact h5 {
                    margin-bottom: 8px;
                    font-size: 13px;
                }

                    .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact h5 a {
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 22px;
                        color: #111a24;
                    }

                .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact p {
                    font-size: 12px;
                    font-weight: 400;
                    line-height: 16px;
                    color: #777;
                }

.bix-blog-contact .inner-main-contact {
    margin-bottom: 24px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-blog-contact .inner-main-contact .main-blog-image img {
        width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .bix-blog-contact .inner-main-contact .main-blog-contact {
        padding: 24px;
        border-bottom: 1px solid #eae8ef;
    }

        .bix-blog-contact .inner-main-contact .main-blog-contact .main-title {
            margin-bottom: 8px;
        }

            .bix-blog-contact .inner-main-contact .main-blog-contact .main-title h4 {
                font-size: 18px;
                font-weight: 700;
                color: #111a24;
                line-height: 24px;
            }

    .bix-blog-contact .inner-main-contact .inner-blog-details-2colum {
        padding: 24px;
    }

        .bix-blog-contact .inner-main-contact .inner-blog-details-2colum .inner-blog-image {
            margin-bottom: 24px;
        }

            .bix-blog-contact .inner-main-contact .inner-blog-details-2colum .inner-blog-image img {
                width: 100%;
                border-radius: 20px;
            }

.bix-blog-contact .inner-replies-contact {
    padding: 24px;
    border: 1px solid #eae8ef;
    border-radius: 20px;
}

    .bix-blog-contact .inner-replies-contact .main-title {
        margin-bottom: 16px;
    }

        .bix-blog-contact .inner-replies-contact .main-title h4 {
            font-size: 18px;
            font-weight: 700;
            color: #111a24;
        }

/* Responsive */
@media screen and (max-width: 575px) {
    .bix-blog-sidebar .inner-details .blog-image {
        padding: 15px 15px 0 15px;
    }

    .bix-blog-sidebar .inner-details .inner-blog-contact {
        padding: 15px;
    }

        .bix-blog-sidebar .inner-details .inner-blog-contact h4 {
            font-size: 18px;
        }

    .bix-blog-sidebar .bix-categories,
    .bix-blog-sidebar .bix-recent-post,
    .bix-blog-sidebar .bix-blog-sub-details {
        padding: 15px;
    }

    .bix-blog-sidebar .sub-title h4 {
        font-size: 16px;
    }

    .bix-blog-sidebar .bix-recent-post .bix-recent-card .recent-contact h4 a {
        font-size: 16px;
    }

    .bix-blog-contact .inner-main-contact .main-blog-contact,
    .bix-blog-contact .inner-main-contact .inner-blog-details-2colum {
        padding: 15px;
    }

        .bix-blog-contact .inner-main-contact .main-blog-contact .main-title h4 {
            font-size: 16px;
        }

    .bix-blog-contact .inner-replies-contact {
        padding: 15px;
    }
}

@media screen and (max-width: 320px) {
    .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .blog-image img {
            width: 100%;
        }

        .bix-blog-sidebar .bix-blog-sub-details .blog-rows-card .inner-contact {
            padding: 15px 0 0 0;
        }
}

/*# sourceMappingURL=style.css.map */



.button1 {
    color: #fff !important;
    background-color: #f41a4a;
    border: transparent;
    transition: 0.2s ease;
    border-radius: 8px;
    /* padding: 9px 15px !important; */
    /* font-size: 14px !important; */
}

    .button1:hover {
        color: #2d7eff;
        background-color: black;
        /* border: 1px solid #fff !important; */
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    }


input:focus ~ label,
textarea:focus ~ label,
input:valid ~ label,
textarea:valid ~ label {
    font-size: 0.75em;
    color: #999;
    top: -10px;
    -webkit-transition: all 0.225s ease;
    transition: all 0.225s ease;
}

.styled-input {
    float: left;
    width: 293px;
    margin: 1rem 0;
    position: relative;
    border-radius: 4px;
}

@media only screen and (max-width: 768px) {
    .styled-input {
        width: 100%;
    }
}

.styled-input label {
    color: #999;
    padding: .5rem 30px 1rem 16px;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    pointer-events: none;
}

.styled-input.wide {
    width: 650px;
    max-width: 100%;
}

input,
textarea {
    padding: 10px 10px 10px 30px;
    border: 0;
    width: max-content;
    font-size: 1rem;
    background-color: #fff;
    /* color: white; */
    border-radius: 4px;
    border: 1px solid #ddd;
}

    input:focus,
    textarea:focus {
        outline: 0;
    }

        input:focus ~ span,
        textarea:focus ~ span {
            /* width: 100%; */
            -webkit-transition: all 0.075s ease;
            transition: all 0.075s ease;
        }

textarea {
    width: 100%;
    min-height: 8em;
    resize: none;
}

.input-container {
    width: 650px;
    max-width: 100%;
    margin: 20px auto 25px auto;
}

.submit-btn {
    float: right;
    padding: 7px 35px;
    border-radius: 60px;
    display: inline-block;
    background-color: #4b8cfb;
    color: white;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06), 0 2px 10px 0 rgba(0, 0, 0, 0.07);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .submit-btn:hover {
        transform: translateY(1px);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.09);
    }

@media (max-width: 768px) {
    body {
        /* padding-bottom: 100px; */
    }

    .submit-btn {
        width: 100%;
        float: none;
        text-align: center;
    }
}

input[type=checkbox] + label {
    color: #ccc;
    font-style: italic;
}

input[type=checkbox]:checked + label {
    color: #f00;
    font-style: normal;
}

@media (max-width: 425px) {
    .bix-blog-box .blog-img {
        top: -31px;
    }

        .bix-blog-box .blog-img img {
            width: 70px;
        }
}

.first-name {
    text-align: right;
    /* animation properties */
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-animation: my-animation 15s linear infinite;
    -webkit-animation: my-animation 15s linear infinite;
    animation: my-animation 15s linear infinite;
}

@keyframes my-animation {
    from {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    to {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.banner-sec {
    background: url("../img/hero/vesa-back.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 50px 0px;
    overflow: hidden;
}

    .banner-sec:before {
        content: "";
        position: absolute;
        background: #111a24d6;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

.banner-style-design-img {
    position: relative;
    z-index: 0;
    text-align: center;
}

    .banner-style-design-img img {
        width: 300px;
    }

    .banner-style-design-img:before {
        content: "";
        position: absolute;
        background: url("../img/hero/pricing_bg.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: auto;
        top: 0px;
        left: 0;
        right: 0;
        z-index: -1;
        width: 400px;
        height: 400px;
    }

.banner-style-design {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

    .banner-style-design h4 {
        color: #fff;
        font-size: 70px;
        font-weight: 800;
        margin-bottom: 15px;
    }

.inner-card-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    /* width: 100%; */
    /* min-width: 100%; */
}

.bizzy-card-container {
    min-width: 100%;
    max-width: 100%;
    flex-basis: auto;
    flex-grow: 1;
    flex-wrap: wrap;
}

/*=============================
	     Left Content
===============================*/
.biz-card-a {
    width: 250px;
    height: 240px;
    background-color: #f2f2f2;
    float: left;
    padding: 10px;
    transition: 0.2s ease;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.biz-headshot {
    width: 120px;
    height: 120px;
    border-radius: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 6%;
    border: 1px solid #d8d8d8;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}


.biz-words-container {
    margin-top: 10px;
    /*white-space: nowrap;*/
}

.biz-name {
    text-align: center;
    color: #252526;
    font-size: 18px;
}

.biz-title {
    text-align: center;
    font-family: 'Nunito', sans-serif;
    color: #252526;
    font-size: 0.7rem;
    line-height: 1.3;
    max-width: 80px;
    margin-left: 20px;
}


/*=============================
	     Right Content
===============================*/
.biz-card-b {
    height: 240px;
    background-color: #e63250;
    padding: 20px;
    transition: 0.2s ease;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    display: flex;
    align-items: center;
}

.biz-shape {
    /* float: right; */
    /* background: #ff4d79; */
    /* background: -webkit-linear-gradient(-45deg, #ff4d79 0%, #ea2e6d 100%); */
    background: -ms-linear-gradient(-45deg, #ff4d79 0%, #ea2e6d 100%);
    /* background: linear-gradient(135deg, #ff4d79 0%, #ea2e6d 100%); */
    /* transform: scaleX(1) rotate(50deg); */
    /* top: 0; */
    /* bottom: 0; */
    /* height: 308px; */
    /* margin: -25px -55px 0 0; */
    /* border-radius: 50px; */
    /* width: 100%; */
    /* color: #fff; */
    /* border: 2px solid #fff; */
}

.biz-contact-box {
    /* position: absolute; */
    /* margin-top: 140px; */
    /* margin-left: 1px; */
    /* width: 210px; */
    /* transform: scaleX(1) rotate(-50deg); */
}

    .biz-contact-box a {
        color: #fff;
        display: inline-block;
        margin-bottom: 7px;
    }


.biz-details {
}

    .biz-details a {
        background: #000;
        padding: 3px 10px;
        border-radius: 4px;
    }

.address-box {
    border: 1px solid #cdcdcd;
    padding: 15px 15px 15px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    position: relative;
}

.address-box-icon {
    width: 32px;
    height: 32px;
    color: #fff;
    background: #2dbf00;
    line-height: 32px !important;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: -16px;
    top: 10px;
}

.address-box-title {
    font-size: 18px;
    padding-left: 5px;
}

.address-box-para {
}

.copy-right-business {
}
/*=============================
	 Business Card Mobile
===============================*/
@media screen and (max-width: 470px) {
    .biz-card-a, .biz-card-b {
        /* margin-left: 20%; */
    }

    .biz-card-a {
        width: 100%;
        height: 185px;
        border-top-right-radius: 18px;
        border-bottom-left-radius: 0;
    }

    .biz-headshot {
        margin-top: 6px;
    }

    .biz-card-b {
        width: 100%;
        height: 180px;
        border-bottom-left-radius: 18px;
        border-top-right-radius: 0;
    }

    .biz-shape {
        transform: scaleX(1) rotate(77deg);
        margin: -13px -60px 0 0;
    }

    .biz-contact-box {
        transform: scaleX(1) rotate(-77deg);
    }

    .biz-contact-box {
        /* position: absolute; */
        /* margin-top: 150px; */
        /* margin-left: -20px; */
        /* width: 210px; */
    }
}

@media screen and (max-width: 375px) {
    .biz-card-a, .biz-card-b {
        /* margin-left: 11%; */
    }
}

@media screen and (max-width: 320px) {
    .biz-card-a, .biz-card-b {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 768px) {
    .banner-style-design h4 {
        font-size: 30px;
        text-align: center;
    }

    .banner-style-design-img:before {
        width: 300px;
        height: 300px;
    }
}

/* header dropdown  */
/* Style for dropdown items */
/* Dropdown Menu Styles */
.navbar-nav .dropdown-menu {
    display: none;
    width: max-content;
    position: absolute;
    top: 43px;
    right: 16px;
    left: -80px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

    .navbar-nav .dropdown-menu.show {
        display: block;
    }

    .navbar-nav .dropdown-menu .dropdown-item {
        padding: 10px 10px;
        color: #1b1c20;
        text-decoration: none;
        font-size: 15px;
        font-weight: 600;
    }

        .navbar-nav .dropdown-menu .dropdown-item:hover {
            background-color: #f1f1f1;
            color: #f41a4a;
        }

        .navbar-nav .dropdown-menu .dropdown-item img {
            padding-right: 10px;
            height: 21px;
        }
/* Ensure dropdown is visible on hover */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    left: 0;
    right: 0;
    margin: auto;
}

.dropdown:hover .dropdown-menu.dropdown-menu-profile {
    left: auto;
}

.project-contact .for-mob {
    margin-bottom: 5px;
    margin-top: 5px;
}

.project-contact .card2-price {
    font-size: 14px;
    font-weight: 600;
    color: #111a24;
}

.project-contact .card2-oldprice {
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: grey;
    margin-left: 3px;
    font-weight: 400;
    margin: 0 5px;
    text-decoration: line-through;
}

.project-contact .discount-percentage {
    border-radius: 2px;
    color: #1c9550;
    font-size: 12px;
    font-weight: 500;
    margin-left: 0px;
}

.star {
    color: rgb(227, 177, 0);
    margin-left: 2px;
}

.review-star {
    margin-bottom: 7px;
    margin-top: -2px;
    margin-left: -4px;
}

/* products details  */
.padding-large {
    padding-top: 11em;
    padding-bottom: 5em;
}

.product-title {
    font-size: 25px;
    font-weight: 600;
}

.prod-seperator {
    width: 486px;
    background-color: #ddd;
    height: 1px;
    margin-top: 10px;
}

.product-listprice {
    text-decoration: line-through;
    margin-right: 10px;
    color: #888;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.price-content {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.currentPrice {
    color: #312b40;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 10px;
}

.discount-detail {
    font-size: 18px;
    font-weight: 500;
    color: #1c9550;
}

.gst-content {
    color: #292640;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -.1px;
    background: rgba(229, 231, 235, .75);
    padding: 2px 4px;
    border-radius: 2px;
    margin-left: 13px;
}

.weight-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #251d34;
    width: 486px;
    margin-top: 20px;
}

.weight-message {
    display: flex;
    flex-direction: column;
    width: 486px;
    margin: 5px 0 0;
    align-items: end;
}

.weight-message {
    display: flex;
    flex-direction: column;
    width: 486px;
    margin: 5px 0 0;
    align-items: end;
}

.input-cakemessage {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;
    width: 486px;
    height: 56px;
    padding-left: 15px;
    font-size: 12px;
    font-size: 16px;
    color: #000;
}

.delivery-content {
    margin-top: 20px;
}

.delivery-location {
    font-size: 14px;
    font-weight: 500;
}

.git_pin_arae_box {
    margin: 10px 0 15px;
}

.area-pincode-parent {
    position: relative;
    height: 100%;
}

.pro-city-search {
    max-width: 410px;
    position: relative;
}

.area-pincode-parent .succesClass {
    color: #1a9102;
}

.area-pincode-parent p {
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f5a623;
    margin: 5px 0 0;
    position: relative;
}

.area-pincode-parent .lcSearchCityBox .rectangle {
    border: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 0px 25px 0px 50px;
    height: 50px;
    border-radius: 6px;
    outline: none;
    background-size: 15px;
    background-position: 20px 18px;
    width: 100%;
    position: relative;
    background-image: url(../img/icon/location.svg);
    background-repeat: no-repeat;
    font-size: 14px;
    text-align: left;
    /* z-index: -1; */
    color: #000;
}

.cityCheckIcon {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 1 !important;
}

.prod-seperator {
    width: 486px;
    background: url(https://media.bakingo.com/bakingo-ssr/static/media/dasehdLine.1f8abb2a.svg);
    height: 1px;
    margin-top: 10px;
}

.product-heading-card {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    color: #292640;
    margin: 20px 0 5px;
}

.limited-city,
.sku-photo {
    font-weight: 600;
    color: #2c2c2c;
}

.sku-photo {
    opacity: .49;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 24px;
}

.readMoreSection {
    color: #43a1f0;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    line-height: 21px;
}

.buy-now-order-same {
    display: flex;
    align-items: center;
    margin: 0px 0;
    /* position: sticky; */
    bottom: 0;
    background-color: #fff;
    padding: 10px 10px 10px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
}

.d.cart {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 15px;
    border-radius: 6px;
    border: 1px solid #ff5f5d;
    color: #ff5f5d;
    font-weight: 600;
    padding: 16px;
    margin: auto 0;
    margin-bottom: 15px;
    margin: auto;
}

.d.only-buy-now {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    background-color: #ff5f5d;
    margin-left: 10px;
}

/* modal css  */
/* Modal styles */
.main-modal .modal {
    display: none;
    /* Hidden by default */
    /* overflow-x: scroll; */
    position: fixed;
    /* z-index: 1; */
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /* background-color: rgb(0,0,0); */
    /* Fallback color */
    background-color: rgb(0 0 0 / 63%);
    /* Black w/ opacity */
    backdrop-filter: blur(7px);
}

/* Modal Content */
.main-modal .modal-content {
    /* margin: 10%; */
    background-color: #fefefe;
    margin: 7% auto 15px auto;
    padding: 20px;
    border: 1px solid #888;
    width: 450px;
    /* height: 450px; */
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    /* border: 0; */
    /* top: 0; */
    /* transform: translatey(-50%); */
}

/* The Close Button */
.close-btn {
    color: #aaa;
    float: right;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    padding: 6px 10px;
    box-shadow: 0 0 4px 0 #888;
    border-radius: 50px;
    z-index: 1;
}

    .close-btn:hover,
    .close-btn:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.bk_login_container {
    width: 100%;
    height: auto;
    border-radius: 10px;
    background: #fff;
    /* padding: 25px 25px 25px; */
}

.bk_login_form h2 {
    color: #1e2026;
    font-size: 28px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 10px;
}

.loginform_heading {
    /* color: #888; */
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 36px;
}

.loginform_heading {
    /* color: #888; */
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
}

.bk_input_field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.input-group-prepend {
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
}

.input-group {
    height: 60px;
    border: 1px solid rgba(28, 33, 32, .2);
    /* border-radius: 10px; */
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    text-align: center;
}

.input-group-prepend {
    margin-right: -1px;
}

.bk_field_value.email_field {
    /* padding-left: 0; */
}

.input-group-text {
    display: flex;
    justify-content: center;
    er;
    */ align-items: center;
    padding: 0;
    width: 40px;
    height: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: unset;
    border: unset;
    border-radius: var(--bs-border-radius);
}

.bk_field_value {
    border: none !important;
    border-radius: 10px !important;
    height: 60px;
    color: #1c2120;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .32px;
    background-color: transparent;
}

.input-group > .form-control {
    /* position: relative; */
    /* width: 100%; */
    /* min-width: 0; */
    /* margin-bottom: 0; */
    /* border: 0; */
    /* border-radius: 5px; */
    /* padding-left: 0; */
    border: 0;
    background: transparent;
}

.bk_login_footer {
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 14px; */
    margin-top: 20px;
}

.bk_login_common_btn:disabled {
    background: rgba(255, 95, 93, .3);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.85;
}

.bk_login_common_btn {
    /* display: flex; */
    /* width: 100%; */
    height: 48px;
    padding: 12px 25px;
    margin: 0 5px;
    justify-content: center;
    align-items: center;
    grid-gap: 8px;
    gap: 8px;
    border-radius: 8px;
    background: #ff5f5d;
    color: #fff !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* display: inline-block; */
}

.bk_login_tnc a {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .24px;
}

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

.reviewTextHeading {
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
}

.ratingFont {
    font-weight: 700;
    font-size: 30px;
    /* line-height: 41px; */
    padding-right: 15px;
    padding-left: 10px;
}

.ratings {
    padding: 10px 0px 20px;
    display: flex;
    align-items: center;
}

.reviewImages {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
}

.bigreviewimage {
    width: 94px;
    height: 94px;
    margin-right: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-position: 50%, 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 20%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.reviewimage {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

/* rating review   */

.rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 150px;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

    .emoji-wrapper:before,
    .emoji-wrapper:after {
        content: "";
        height: 15px;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
    }

    .emoji-wrapper:before {
        top: 0;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
    }

    .emoji-wrapper:after {
        bottom: 0;
        background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
    }

.emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
}

    .emoji > svg {
        margin: 15px 0;
        width: 70px;
        height: 70px;
        flex-shrink: 0;
    }

#rating-1:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-100px);
}

#rating-2:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-200px);
}

#rating-3:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-300px);
}

#rating-4:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-400px);
}

#rating-5:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-500px);
}

.feedback {
    max-width: 100%;
    box-shadow: var(--bs-box-shadow) !important;
    /* background-color: #fff; */
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    /* box-shadow: 0 4px 30px rgba(0, 0, 0, .05); */
}

/* <!-- fill feedback --> */

.wrapper {
    margin-top: 30px;
    background: #fff;
    padding: 1rem;
    width: 100%;
    border-radius: .75rem;
    box-shadow: 8px 8px 30px rgba(0, 0, 0, .05);
    /* text-align: center; */
    /* z-index: -1; */
    position: relative;
}

    .wrapper h3 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

.rating-fill {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: .5rem;
    font-size: 2rem;
    color: #FFBD13;
    /* margin-bottom: 2rem; */
}

    .rating-fill .star {
        cursor: pointer;
    }

        .rating-fill .star.active {
            opacity: 0;
            animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
        }

@keyframes animate {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.rating-fill .star:hover {
    transform: scale(1.1);
}

.rating-fill .form-control {
    display: block;
    width: 30% !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    text-align: center;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

textarea {
    /* width: 100%; */
    /* background: #F5F5F5; */
    /* padding: 1rem; */
    /* border-radius: .5rem; */
    /* border: none; */
    /* outline: none; */
    /* resize: none; */
    /* margin-bottom: .5rem; */
    /* color: #000; */
}

.btn-group {
    display: flex;
    grid-gap: .5rem;
    align-items: center;
}

    .btn-group .btn {
        padding: .75rem 1rem;
        border-radius: .5rem;
        border: none;
        outline: none;
        cursor: pointer;
        /* font-size: .875rem; */
        /* font-weight: 500; */
    }

        .btn-group .btn.submit {
            background: #f41a4a;
            color: #fff;
        }

            .btn-group .btn.submit:hover {
                /* background: #3278FF; */
            }

        .btn-group .btn.cancel {
            background: #1b1c20;
            color: #fff;
        }

            .btn-group .btn.cancel:hover {
                /* background: #F5F5F5; */
            }

/* <!-- quantity --> */

.product-quantity {
    /* margin-top: 10px; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* gap: 10px; */
}

.product-checkout {
    position: absolute;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
}

.product-checkout-actions {
    position: absolute;
    right: 0;
}

.product-checkout-total,
.product-checkout-total-amount {
    font-size: 20px;
    color: #C17A41;
}

    .product-checkout-total * {
        display: inline-block;
    }

.ratings-img img {
    /* width: 30px; height: 30px; */
}

.product-checkout-actions {
}

/* 6. Components - buttons, menus, images, etc. */
.product-quantity-label {
    text-transform: uppercase;
    font-weight: 700;
    color: #1b1c20;
    margin-right: 15px;
}

.product-quantity * {
    display: inline-block;
}

#product-quantity-input {
    background-color: transparent;
    border: none;
    width: 10%;
    text-align: center;
    color: #000;
    padding: 0;
    margin: 0;
    font-weight: 400;
}

.product-quantity-subtract,
.product-quantity-add {
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.product-quantity-subtract {
    margin-right: 10px;
}

.product-quantity .product-quantity-subtract {
    font-size: 12px;
    font-weight: 100;
    background: transparent;
    width: 30px;
    color: #000;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin: 5px;
}

.product-quantity-subtract, .product-quantity-add {
    /* font-size: 14px; */
    /* font-weight: 700; */
    /* background: #eeeeee; */
    /* color: #000; */
    /* border-radius: 5px; */
    /* padding: 0.216rem; */
    /* width: calc(2.02rem + 2px); */
    /* height: calc(2.02rem + 2px); */
    text-align: center;
    margin: 0;
}

/* product-list card */
.gi-product-content {
    height: 100%;
    /* padding: 0 0 24px 0; */
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
}

.gi-product-inner {
    border: 1px solid #9898a13b;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    /* border: 3px solid #eee; */
    border-radius: 5px;
}

    .gi-product-inner .gi-pro-image-outer {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 11;
        position: relative;
    }

    .gi-product-inner .gi-pro-image {
        overflow: hidden;
        aspect-ratio: 16/16;
    }

        .gi-product-inner .gi-pro-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .gi-product-inner .gi-pro-image .image {
            position: relative;
            display: block;
            overflow: hidden;
            pointer-events: none;
            border: none;
        }

            .gi-product-inner .gi-pro-image .image img {
                border: none !important;
                object-fit: cover;
                z-index: 1;
                max-width: 100%;
                height: 150px;
                width: 100%;
                -webkit-transition: all 0.3s ease 0s;
                transition: all 0.3s ease 0s;
            }

                .gi-product-inner .gi-pro-image .image img.hover-image {
                    position: absolute;
                    z-index: 2;
                    top: 0;
                    left: 0;
                    opacity: 0;
                }

        .gi-product-inner .gi-pro-image .gi-pro-actions {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            position: absolute;
            z-index: 9;
            /* left: 0; */
            right: 10px;
            top: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 auto;
            /* opacity: 0; */
        }

            .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                width: 30px;
                height: 30px;
                margin: 0 2px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-decoration: none;
                color: #fff;
                background-color: #fff;
                border-radius: 100%;
                border: 1px solid #eeeeee;
                border-radius: 5px;
            }

                .gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group i {
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    color: #000;
                    line-height: 10px;
                }

    .gi-product-inner .gi-pro-content .gi-pro-stitle {
        /* margin-bottom: 10px; */
        font-weight: 400;
        color: #999;
        font-size: 13px;
        text-transform: capitalize;
    }

    .gi-product-inner .gi-pro-content {
        height: 100% !important;
        /* padding: 20px 9px; */
        position: relative;
        z-index: 10;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        /* border: 1px solid #9898a13b; */
        /* box-shadow: 0 4px 30px rgba(0, 0, 0, .05); */
        border-top: 0;
        border-radius: 5px;
    }

        .gi-product-inner .gi-pro-content .gi-pro-stitle {
            /* margin-bottom: 10px; */
            font-size: 13px;
            text-transform: capitalize;
            font-weight: 700;
            color: #111a24;
        }
        /* .gi-product-inner .gi-pro-content .gi-pro-title a {
        text-decoration: none;
        color: #4b5966;
        display: block;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        letter-spacing: 0.85px;
        text-transform: capitalize;
        font-family: "Poppins, sans-serif";
    } */
        .gi-product-inner .gi-pro-content .gi-pro-rat-price {
            margin-top: 5px;
            margin-bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .gi-product-inner .gi-pro-content .gi-pro-rat-price {
            /* margin-top: 5px; */
            margin-bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .gi-product-inner .gi-pro-content .gi-pro-rating {
            /* margin-bottom: 10px; */
            /* opacity: 0.7; */
            position: relative;
        }

.gi-pro-rating .fill {
    color: #f27d0c;
}

.gi-product-inner .gi-pro-content .gi-price {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: center;
    color: #4b5966;
    letter-spacing: 0.4px;
}

    .gi-product-inner .gi-pro-content .gi-price span.new-price {
        color: #4b5966;
        font-weight: 700;
        font-size: 14px;
        margin-right: 7px;
    }

    .gi-product-inner .gi-pro-content .gi-price span.old-price {
        font-size: 14px;
        text-decoration: line-through;
        color: #777;
    }

.gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group:hover i {
    color: #fff;
}

.gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group:hover {
    background-color: #f41a4a;
    color: #fff;
}

.gi-product-inner .gi-pro-image .gi-pro-actions .gi-btn-group i:hover {
    background-color: #f41a4a;
    color: #fff;
}

.gi-product-inner:hover .gi-pro-actions {
    /* opacity: 1; */
    /* top: 10px; */
    /* right: 10px; */
}

.gi-product-inner .gi-pro-image .image img.hover-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
}

.gi-product-inner:hover .gi-pro-image .image img:not(:last-child) {
    opacity: 0;
}

.gi-product-inner:hover .gi-pro-image .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gi-product-inner:hover .gi-pro-image .image {
    background-color: #fff;
}

.gi-product-inner .gi-pro-image .image img.hover-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
}

.btn-box .btn-sm {
    border-radius: 5px;
    padding: 13px 20px;
    font-size: 13px;
    color: #fff;
    background-color: #f41a4a;
    font-weight: 600;
    margin-top: 20px;
}

.btn-box {
    /* margin-top: 20px; */
    display: flex;
    justify-content: center;
}


/*review*/
.picZoomer {
    position: relative;
    /*margin-left: 40px;
        padding: 15px;*/
}

.picZoomer-pic-wp {
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .picZoomer-pic-wp:hover .picZoomer-cursor {
        display: block;
        /* height: 344px; */
    }

.picZoomer-zoom-pic {
    position: absolute;
    top: 0;
    left: 0;
}

.picZoomer-pic {
    /*width: 100%;
	    height: 100%;*/
}

.picZoomer-zoom-wp {
    display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden;
    border: 1px solid #eee;
    height: 460px;
    margin-top: -19px;
}

.picZoomer-cursor {
    display: none;
    cursor: crosshair;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    /* border-radius: 50%; */
    border: 1px solid #eee;
    background-color: rgba(0,0,0,.1);
}

.picZoomCursor-ico {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: url(images/zoom-ico.png) left top no-repeat;
}


.piclist li {
    display: inline-block;
    width: 100%;
    height: 110px;
    border: 1px solid #eee;
}

    .piclist li img {
        width: 97%;
        height: auto;
    }

/* custom style */
.picZoomer-pic-wp,
.picZoomer-zoom-wp {
    border: 1px solid #eee;
}



.section-bg {
    padding-top: 80px;
    padding-bottom: 20px;
}

.sec-1 {
    padding: 0px 0 30px 0px;
}

.row-sm .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

/*===pic-Zoom===*/
._boxzoom .zoom-thumb {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
}

    ._boxzoom .zoom-thumb ul.piclist {
        padding-left: 0px;
        top: 0px;
    }

._boxzoom ._product-images {
    width: 80%;
    display: inline-block;
}

    ._boxzoom ._product-images .picZoomer {
        width: 100%;
    }

        ._boxzoom ._product-images .picZoomer .picZoomer-pic-wp img {
            left: 0px;
        }

        ._boxzoom ._product-images .picZoomer img.my_img {
            width: 100%;
            object-fit: cover;
        }

.piclist li img {
    height: 105px;
    object-fit: cover;
}

/*======products-details=====*/
._product-detail-content {
    /* background: #fff; */
    /* padding: 15px; */
    /* border: 1px solid lightgray; */
}

    ._product-detail-content p._p-name {
        /* color: black; */
        font-size: 20px;
        /* border-bottom: 1px solid lightgray; */
        padding-bottom: 12px;
    }

.p-list span {
    margin-right: 15px;
}

    .p-list span.price {
        font-size: 20px;
        color: #111a24;
        font-weight: 600;
    }

._p-qty > span {
    color: black;
    margin-right: 15px;
    font-weight: 500;
}

._p-qty .value-button {
    display: inline-flex;
    border: 0px solid #ddd;
    margin: 0px;
    width: 30px;
    height: 35px;
    justify-content: center;
    align-items: center;
    background: #fd7f34;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

._p-qty .value-button {
    border: 0px solid #fe0000;
    height: 35px;
    font-size: 20px;
    font-weight: bold;
}

._p-qty input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #fe0000;
    border-bottom: 1px solid #fe0000;
    margin: 0px;
    width: 50px;
    height: 35px;
    font-size: 14px;
    box-sizing: border-box;
}

._p-add-cart {
    margin-left: 0px;
    margin-bottom: 15px;
}

.p-list {
    margin-top: 15px;
}

._p-features > span {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

._p-add-cart .buy-btn {
    background-color: #fd7f34;
    color: #fff;
}

._p-add-cart .btn {
    text-transform: capitalize;
    padding: 6px 20px;
    /* width: 200px; */
    border-radius: 52px;
}

._p-add-cart .btn {
    margin: 0px 8px;
}

/*=========Recent-post==========*/
.title_bx h3.title {
    font-size: 22px;
    text-transform: capitalize;
    position: relative;
    color: #ff5f5d;
    font-weight: 700;
    line-height: 1.2em;
}

    .title_bx h3.title:before {
        content: "";
        height: 2px;
        width: 20%;
        position: absolute;
        left: 0px;
        z-index: 1;
        top: 40px;
        background-color: #ff5f5d;
    }

    .title_bx h3.title:after {
        content: "";
        height: 2px;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 40px;
        background-color: #ff5f5d;
    }

.common_wd .owl-nav .owl-prev, .common_wd .owl-nav .owl-next {
    background-color: #ff5f5d !important;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 0px !important;
}

.owl-nav .owl-next {
    right: -10px;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    top: 50%;
    position: absolute;
}

.common_wd .owl-nav .owl-prev i, .common_wd .owl-nav .owl-next i {
    color: #fff;
    font-size: 14px !important;
    position: relative;
    top: -1px;
}

.common_wd .owl-nav {
    position: absolute;
    top: -21%;
    right: 4px;
    width: 65px;
}

.owl-nav .owl-prev i, .owl-nav .owl-next i {
    left: 0px;
}

._p-qty .decrease_ {
    position: relative;
    right: -5px;
    top: 3px;
}

._p-qty .increase_ {
    position: relative;
    top: 3px;
    left: -5px;
}
/*========box========*/
.sq_box {
    text-align: center;
    padding: 18px 7px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #9898a13b;
    background: #fff;
}

.item .sq_box span.wishlist {
    right: 5px !important;
}

.sq_box span.wishlist {
    position: absolute;
    top: 10px;
    right: 20px;
}

.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}

    .sq_box span.wishlist i {
        color: #fff;
        font-size: 20px;
    }

.sq_box h4 {
    text-align: center;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: bold !important;
    margin-top: 10px;
    color: #111a24;
}

.sq_box .price-box {
    /* margin-bottom: 15px !important; */
}

.sq_box .btn {
    border-radius: 5px;
    padding: 5px 13px;
    font-size: 15px;
    color: #fff;
    background-color: #ff5f5d;
    font-weight: 600;
    margin: 0;
}

.sq_box .price-box span.price {
    text-decoration: line-through;
    color: #6c757d;
}

.sq_box span {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 10px;
}

.sq_box .price-box span.offer-price {
    color: #28a745;
}

.sq_box img {
    height: 200px !important;
    margin-top: 20px;
    object-fit: cover;
}

.sq_box span.wishlist i:hover {
    color: #fff;
    background: red;
}

.popup-logo {
    text-align: center;
    margin: auto;
}

    .popup-logo img {
        width: 150px;
        margin-bottom: 20px;
    }

/*cartlist*/
.cart-details-wrp {
    padding-top: 60px;
    padding-bottom: 50px;
    position: relative;
    /* z-index: -1; */
}

.cart-empty {
    /* height: 75vh; */
    margin-bottom: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

img.cart-emty-pic {
    width: 200px;
    margin-bottom: 20px;
}

.cart-status {
    margin-top: 0;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 8px;
}

.empty-cart-wrp p {
    font-size: 18px;
}

.empty-cart-wrp a.conti-btns {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.btn-color {
    height: 50px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    width: max-content;
    background-color: #f41a4a;
}

.heading-list {
    font-size: 20px;
    padding: 15px 15px 15px 0px;
}

.row .cal-row-wrp {
    position: relative;
    min-height: 500px;
}

.card-cart-box {
    border-top: 1px solid #f0f0f0;
    background: white;
    margin: 0;
    /* padding: 15px; */
    border-radius: 8px;
    border: 1px solid #00000047;
    box-shadow: var(--bs-box-shadow);
}

.card-picture {
    width: 100%;
    height: 120px;
    display: block;
    overflow: hidden;
    border: 1px solid #cfcfcf;
    position: relative;
}

    .card-picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        text-align: center;
    }

.delete-kart a {
    background: #ff0000;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: block;
    text-align: center;
    line-height: 30px;
}

.product-name-kadi-kal {
    justify-content: space-between;
}

.product-name-kadi-kal {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.delete-kart a, .delete-kart a:hover {
    color: #fff;
}

.product-name-Total {
    /* margin-bottom: 7px; */
}

.lbltotalamount {
    font-weight: 900;
    font-size: 16px;
    color: #000;
}

.cart-percentage {
    color: #ff3f00;
}

.product-name-Quantity {
    display: inline;
    flex-flow: column;
}

.plus-and-minus {
    display: inline-flex;
    border: 1px solid #d6d6d6;
    margin-top: 5px;
}

.product-name-kadi span {
    font-size: 16px;
    font-weight: 900;
    color: #000;
}

span.taxt-price {
    font-weight: 400;
    color: #000;
    font-size: 16px;
}

span.lbltotalamount {
    font-weight: 900;
    font-size: 16px;
    /* color: #fff; */
}

.total-amount-new {
    border: 1px solid #00000047;
    box-shadow: var(--bs-box-shadow);
    padding: 15px;
    color: #000;
    border-radius: 8px;
}

.prices-details {
    margin-bottom: 0;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
    /* margin-bottom: 15px; */
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    margin-top: -15px;
    padding-top: 15px;
    color: #000;
}

.total-bill-amount .row {
    border-bottom: 1px solid #c1c1c1;
    padding: 7px 0;
    font-size: 14px;
}

.delivery-charges-sty {
    color: #000;
    margin-top: 15px;
    margin-bottom: 10px;
}

.basket img {
    width: 22px;
}

.user img {
    width: 22px;
}

.basket-item-count {
    width: 15px;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    background: red;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0px;
    right: -8px;
}

.jumbotron-flat {
    background-color: solid #4DB8FFF;
    height: 100%;
    border: 1px solid #4DB8FF;
    background: white;
    width: 100%;
    text-align: center;
    overflow: auto;
    color: var(--dark-color);
}

.paymentAmt {
    color: var(--dark-color);
    font-size: 80px;
}

.centered {
    text-align: center;
}

.title {
    padding-top: 15px;
    color: var(--dark-color);
}

.my-profile {
    padding-top: 80px;
    padding-bottom: 50px;
}

.profile {
    box-shadow: var(--bs-box-shadow) !important;
    text-align: center;
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

    .profile img {
        width: 150px;
        height: 150px;
    }

    .profile h6 {
        margin: 15px 0px 15px 0px;
    }

    .profile:after {
        position: absolute;
        content: "";
        height: 15rem;
        width: 15rem;
        background-color: #f41a4a;
        top: -8rem;
        right: -8rem;
        box-shadow: 2rem 6rem 0 -3rem #FFF;
        border-radius: 50%;
    }

.Profile-btn {
    margin-top: 25px;
}

    .Profile-btn a {
        border-radius: 5px;
        padding: 13px 20px;
        font-size: 14px;
        color: #fff;
        background-color: #f41a4a;
        font-weight: 600;
    }

        .Profile-btn a i {
            font-size: 18px;
        }
/*user form */



.form-group {
    margin-bottom: 10px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.input-icon {
    position: relative;
}

    .input-icon i {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #000000;
        font-size: 1rem;
    }

.radio-group {
    /* display: flex; */
    /* flex-direction: column; */
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}


input[type="text"],
input[type="email"],
input[type="tel"],
select, textarea {
    width: 100%;
    padding: 10px 10px 10px 45px !important;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    height: 60px;
}

input[type="file"] {
    padding: 15px 15px 15px 45px !important;
}

.radio-group label {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.radio-group input[type="radio"] {
    margin-right: 10px;
}

.info {
    border: 1px solid #9898a13b;
    padding: 20px;
    border-radius: 8px;
    /* z-index: -1; */
    position: relative;
    margin-bottom: 0;
    background: #fff;
    border: 1px solid #00000047;
    box-shadow: var(--bs-box-shadow);
}

.address-1 {
    /* background-color: #cfcccc36; */
    /* padding: 30px; */
}

.add-1 {
    font-size: 18px;
}

select:focus {
    border-color: #0056b3;
    outline: none;
}

select {
    /* width: 100%; */
    /* padding: 10px; */
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    /* font-size: 14px; */
}

select {
    background: #fff url("data:image/svg+xml,%3Csvg aria-hidden=%27true%27 focusable=%27false%27 data-prefix=%27fas%27 data-icon=%27caret-down%27 class=%27svg-inline--fa fa-caret-down fa-w-10%27 role=%27img%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 320 514%27%3E%3Cpath fill=%27rgb%2873, 80, 87%29%27 d=%27M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 215z%27%3E%3C/path%3E%3C/svg%3E") no-repeat right center;
    background-size: 17px;
    background-position: 98% 15px;
    /* padding: 10px 10px 10px 10px !important; */
    /* margin-right: 39px !important; */
}

    select option {
        padding: 10px;
    }

.my-wallet-wrp {
    padding-top: 9em;
    padding-bottom: 3em;
    position: relative;
}

.summary-section {
    padding: 25px;
    background: #e398a824;
    border-radius: 8px;
    margin-top: 20px;
    display: flex;
    color: #000;
    justify-content: space-between;
}

.balance {
    display: flex;
}

.Vip-Credit {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 10px 0px;
}

.font-colour {
    color: #000;
}

.text-base strong {
    font-size: 16px;
}

.value span {
    font-weight: 700;
    font-size: 30px;
    color: #000;
}

.value i {
    color: #000;
    font-size: 24px;
}

.add-2 {
    font-size: 20px;
    font-weight: 700;
}

.Transaction-History {
    text-align: center;
    padding: 25px;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
}

.Transaction h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    text-align: center;
    padding: 10px 0px;
}

/*my order */

.my-order-main {
    padding-top: 6em;
    padding-bottom: 4em;
    background-image: url(../img/services/service_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.heading-order {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -20px;
}

.order-1 img {
    filter: grayscale(1);
}

.my-order-sec {
    padding-top: 4em;
    padding-bottom: 4em;
}

.order-2 {
    background: #cfcccc36;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.order-left-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 15px;
}

    .order-left-head h4 {
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

.order-right-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

    .order-right-head span {
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }

.all-main {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
}

.order-info {
    display: grid;
    grid-template-columns: 430px 1fr 1fr;
    grid-template-columns: 1.5fr 1fr 1fr;
    justify-content: space-between;
    align-items: self-start;
    border-radius: 8px;
    /* margin-bottom: 15px; */
}

.order-info-left {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.order-info span {
    font-size: 14px;
    font-weight: 400;
    /* color: #000; */
    margin-left: 10px;
}

.order-info-img {
    height: 150px;
    object-fit: cover;
    width: 150px;
}

.order-info-right {
    /* gap: 40px; */
    /* display: flex; */
}

.order-card-details {
    margin-left: 20px;
}

.information-heading .heading-list {
    font-size: 22px;
    padding: 0;
}

.information-heading p {
    font-size: 14px;
    padding-top: 5px;
}

.order-card-details h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.summery-box {
    background-color: #f8f8f8;
    padding: 15px;
}

    .summery-box .summery-content {
        margin-top: 15px;
    }

        .summery-box .summery-content ul {
            border-bottom: 1px solid #e9e9e9;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

            .summery-box .summery-content ul li:first-child {
                padding-top: 0;
            }

            .summery-box .summery-content ul li {
                align-items: center;
                display: flex;
                justify-content: space-between;
                padding: 4px 0;
            }

                .summery-box .summery-content ul li p {
                    color: #000;
                    font-weight: 500;
                }

                .summery-box .summery-content ul li h6 {
                    font-weight: 600;
                }

        .summery-box .summery-content h5 {
            color: #f41a4a;
            font-size: 18px;
            font-weight: 600;
        }

        .summery-box .summery-content h6 {
            font-weight: 700;
        }

        .summery-box .summery-content .note-box {
            background-color: #e398a824;
            border: 1px dashed #f41a4a;
            margin-top: 14px;
            padding: 10px;
        }

.summery-footer {
    background-color: #f8f8f8;
    padding: 15px;
    margin-top: 15px;
}

    .summery-footer ul li:first-child {
        padding-top: 0;
    }

    .summery-footer ul li {
        padding: 4px 0;
        width: 100%;
    }

        .summery-footer ul li P {
            color: #000;
            font-weight: 500;
        }

    .summery-footer span {
        color: #f41a4a
    }

.summery-box .heading-list {
    padding: 0;
}

.summery-footer .heading-list {
    padding: 0;
    margin-bottom: 5px;
}
/*All-products-main*/
.all-products-main {
    padding-top: 10em;
    padding-bottom: 4em;
    display: flex;
    align-items: center;
    position: relative;
    background: url(../img/home-banner-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.products-head {
    font-size: 35px;
    font-weight: 700;
    color: #111a24;
}

.all-products-sec {
    padding-top: 3.5em;
    padding-bottom: 4em;
}

    .all-products-sec .bix-project-card {
        /* margin-top: 20px; */
        /* height: 100%; */
        border: 1px solid #9898a13b;
        background: #fff;
        border-radius: 5px;
    }

.footer-product-info {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e3e3e3;
    background: #efeded;
    margin-bottom: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    font-weight: bold;
}

.cance-order-info .Cancel {
    background: transparent;
    border: 0;
    outline: none;
    color: red;
    padding: 0;
    font-weight: 600;
}

.track-order-info img, .chat-with-merchant-info img, .cance-order-info img {
    width: 35px;
}

.track-order-info a {
    display: block;
    cursor: pointer;
    color: #00cc17;
    font-weight: 600;
}

.chat-with-merchant-info a {
    display: block;
    color: #e56301;
    font-weight: 600;
}



/*****************************Business-Card css *********************************/

.Business-Card {
    background: #f8f8f8;
    padding: 50px 0px;
}

.Business-Card-1 {
    background: #fff;
    color: #000 !important;
}

.Business-logo {
    text-align: center;
    height: 100px;
}

    .Business-logo img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .Business-logo img {
        padding: 15px 0px;
    }

.Business-banner {
    position: relative;
    /* background-image: url(..//img/hero/banner.jpg); */
    height: 170px;
    width: 100%;
    background-size: cover;
}

.business-banner-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b-img-2 {
    transform: translateY(5rem);
    position: relative;
    height: 120px;
    left: 20px;
    border: 1px solid #d3cdcd;
    background: #fff;
    padding: 5px;
}

.Business-text {
    margin-top: 50px;
    padding: 0px 20px;
}

    .Business-text .p-1 {
        padding: 0 !important;
    }

    .Business-text h4 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .Business-text .s-1 {
        font-weight: 600;
        font-size: 13px;
    }

.Designation {
    padding: 10px;
    border-radius: .25rem !important;
    border: 1px solid #dee2e6 !important;
    margin-top: 20px;
    margin-bottom: 25px;
}

.button1 i {
    margin-right: 5px;
}

.Business-btn {
    padding: 30px 0px
}

.Business-text .contact-details {
    padding: 8px 0;
    list-style-type: none;
    font-size: 1rem;
    line-height: 1.75rem;
    text-decoration: inherit;
    text-transform: inherit;
    margin: 0;
    font-weight: 400;
    letter-spacing: .009375em;
}

    .Business-text .contact-details .contact-details-item {
        padding: 0.4rem 0rem;
        color: var(--card-font-color);
        display: flex;
        overflow: hidden;
        height: auto;
        justify-content: flex-start;
        cursor: pointer;
        position: relative;
        align-items: center;
    }

        .Business-text .contact-details .contact-details-item .icon-circle {
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            background-color: #ffffff;
            font-size: 21px;
            height: 42px;
            width: 42px;
            padding: 0 10px;
        }

        .Business-text .contact-details .contact-details-item h6 {
            font-weight: 600;
        }

.Business-Card-2 {
    padding: 20px 20px;
    background: #fff;
}

.Business-banner-1 {
    position: relative;
    background-image: url(..//img/hero/b-2.jpg);
    height: 170px;
    width: 100%;
    background-size: cover;
    margin-top: 15px;
}

.card-header h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding-right: 10px;
    margin-bottom: 0;
}

.article-details {
    background-color: #fff;
    padding: 20px;
    line-height: 24px;
    border: 1px solid #dee2e6 !important;
}

    .article-details p strong {
        word-wrap: break-word;
    }

.Business-text-2 .Profile-btn {
    text-align: right;
}

.article-details .article-title a {
    font-size: 18px;
    font-weight: 600;
}

.Business-Card-3 {
    padding: 20px 20px;
    background: #fff;
}

.gallery {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

    .gallery.gallery-md .gallery-item {
        float: none;
        width: 129px;
        height: 129px;
        margin: 1px;
    }

    .gallery .gallery-item {
        float: left;
        display: inline-block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 3px;
        margin-right: 7px;
        margin-bottom: 7px;
        cursor: pointer;
        transition: all 0.5s;
        position: relative;
    }

    .gallery gallery-md img {
        display: block;
        -webkit-user-select: none;
        margin: auto;
        cursor: zoom-in;
        background-color: #fff;
        padding: 20px;
        transition: background-color 300ms;
    }

.Business-Card-4 {
    padding: 20px 20px;
    background: #fff;
}

.Qr-code {
    text-align: center;
    margin: 30px 0px 40px 0px;
}

/*checkout*/
.my-checkout {
    padding-top: 7em;
    padding-bottom: 3em;
}

.checkout-box {
    /* background: #cfcccc36; */
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #00000047;
    box-shadow: var(--bs-box-shadow);
}

.faq-section {
    /* max-width: 800px; */
    margin: 0 auto;
}

.faq-item {
    border: 1px solid #e1e1e1;
    border-top: 0;
}

.faq-question {
    background-color: #f4f4f4;
    padding: 10px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-weight: 600;
    color: #000;
}

.faq-answer {
    display: none;
    padding: 10px;
    /* border-top: 1px solid #ddd; */
    background-color: #fff;
}

.Logged-user-name {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #000;
}

.Logged-as-in {
    display: flex;
    align-items: center;
}

.one-box-icon {
    display: inline-flex;
    width: 25px;
    height: 30px;
    background: #f41a4a;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #fff;
}

.check-user-status {
    display: inline-flex;
    width: 25px;
    height: 30px;
    background: #f41a4a;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    color: #fff;
}

.logout-user-check a {
    color: #f41a4a;
    font-weight: 500;
}

.address-section.active {
}

.address-section {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    background-color: #f4f4f4;
    padding: 20px;
    border: 2px solid #ddd;
    color: #000;
    /* margin-right: 50px; */
}

.faq-flax {
    display: block;
    /* justify-content: space-around; */
    align-items: center;
    margin: 0;
    overflow: hidden;
}

.address-section.active:before {
    background: #ddd;
}

.address-section:before {
    content: '';
    position: absolute;
    border-radius: 0px 8px 0px 50px;
    height: 50px;
    top: -1px;
    right: -1px;
    width: 50px;
    pointer-events: none;
}

span#txtusername {
    font-size: 18px;
    font-weight: 900;
    color: #f41a4a;
    margin-bottom: 5px;
}

.totaladdress {
    padding-top: 5px;
    color: #000;
}

.edit-or-remove a#delete {
    /* color: red; */
    font-weight: 900;
    margin-left: 10px;
}

.addres-check i {
    content: '';
    position: absolute;
    border-radius: 0px 8px 0px 50px;
    top: 12px;
    right: 12px;
    pointer-events: none;
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.add-new-addres img {
    width: 150px;
    clear: both;
    display: table;
    margin: 0 auto;
}

.add-new-addres h5 {
    font-size: 15px;
    font-weight: 600;
}

.kart-full-width {
    display: flex;
    /* padding: 0 15px; */
    align-items: center;
    Padding-bottom: 15px;
    border-bottom: 1px dotted #c1c1c1;
}

.kart-view {
}

    .kart-view img {
        object-fit: cover;
        height: 100%;
        height: 205px;
    }

.item-bills {
    border-bottom: 1px dotted #c1c1c1;
    padding: 10px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    color: #000;
}

.color3 {
}

.category-box-new {
    display: flex;
    justify-content: space-between;
    border: 2px solid #0176d3;
    padding: 10px;
    border-radius: 5px;
    /* padding-right: 54px; */
    position: relative;
    background: #fff;
}

.notification-new {
    position: absolute;
    width: 20px;
    height: 20px;
    background: red;
    right: -10px;
    top: -10px;
    z-index: 1;
    color: #fff;
    display: grid;
    place-content: center;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
}

.color1 {
    border-color: #00c299 !important;
}

    .color1 .category-box-count {
        color: #fff !important;
        background: #00c299 !important;
    }

.color2 {
    border-color: #f41a4a !important;
}

    .color2 .category-box-count {
        color: #fff !important;
        background: #f41a4a !important;
    }

.color3 {
    border-color: #e56301 !important;
}

    .color3 .category-box-count {
        color: #fff !important;
        background: #e56301 !important;
    }

.category-box-content {
    display: flex;
    font-size: 20px;
}

.category-box-count {
    background: #0176d3;
    display: grid;
    place-content: center;
    color: #fff;
    padding: 0 10px;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 16px;
    font-weight: 600;
}

.category-row {
    margin-bottom: 20px;
}

.category-box-content p {
    color: #000;
    font-weight: 600;
}

.status_description_left {
    margin-left: 20px;
}

.Reason-wrp-info {
    font-size: 12px;
    color: #000;
}

.all-order-sec {
    padding-top: 10em;
    padding-bottom: 8em;
}

.new-order-sec {
    padding-top: 10em;
    padding-bottom: 8em;
}

.no-order-area {
    background: #fff;
    padding: 30px;
    margin-top: 15px;
    color: #000 !important;
}

.Delivered-order-sec {
    padding-top: 10em;
    padding-bottom: 10em;
}

.no-order-area h4 {
    color: #000;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 20px;
}

.no-order-area p {
    color: #000;
    font-weight: 400;
}

.empty-icon {
    display: block;
    margin: auto;
    text-align: center;
}

    .empty-icon i {
        font-size: 55px;
        color: #000;
        margin-bottom: 20px;
    }

.save-add {
    border: 1px solid rgb(220, 220, 220);
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
}

.add-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-number {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0px;
}

    .add-number span {
        margin-right: 10px;
        color: #000;
        font-weight: 400;
    }

.all-address p {
    color: #000;
    font-weight: 400;
}

.add-head h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    vertical-align: middle;
    padding: 7px 15px;
    border-radius: 2px;
    background-color: #dddddd;
    font-weight: 600;
    margin-right: 15px;
}

.deatling-right-descri-sty {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

a.clsreview.mtop {
    margin: 0 15px;
}

.clsreview-row {
    display: flex;
    margin-right: 10px;
}

    .clsreview-row span {
        background: #388e3c;
        color: #fff;
        padding: 5px 10px;
        border-radius: 3px;
        text-align: center;
        margin-bottom: 0;
        font-size: 16px;
        margin-right: 5px;
    }

.wishlist a i {
    /* margin: 0 0px 14px 0; */
    /* text-align: center; */
    /* background: #f41a4a; */
    color: #000;
    /* padding: 5px 5px; */
    border-radius: 3px;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.form-row {
    /* border: 1px solid #9898a13b !important; */
    /* padding: 10px; */
    /* margin-top: 20px; */
    /* margin-left: 0; */
    /* margin-right: 0; */
}

    .form-row .heading-list {
        font-size: 20px;
        padding: 15px 15px 15px 15px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.rate-Review-cls {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #d7d7d7;
    background: #ffffff;
    margin-top: 20px;
}

.description-header {
    margin-bottom: 15px;
    border-bottom: 1px solid #d7d7d7;
    color: #333;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    /* background: #ffd3d1; */
    margin-top: -15px;
}

    .description-header h2 {
        margin-top: 0;
        font-size: 18px;
        color: #01203f;
        font-weight: 900;
        margin-bottom: 0;
    }

.rating-cls-gr {
    /* margin-top: 8px; */
    display: flex;
}

.rate-numer {
    display: flex;
    align-items: center;
}

.rating-cls-gr h2 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: orange;
    padding: 0;
    margin: 0;
    margin-right: 15px;
}

.rating-cls-gr p {
    margin-top: 0;
    margin-bottom: 0;
    color: #000000;
}

.prog-rat-cls {
    margin-top: 15px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.prog-rat-cls li {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    margin-bottom: 2px;
}

    .prog-rat-cls li h3 {
        margin-bottom: 0;
        font-weight: 400;
        font-size: 13px;
        margin-top: 0;
        display: flex;
        align-items: center;
        font-size: 16px;
        margin-right: 15px;
        color: orange;
        gap: 4px;
    }

.prog-rat-cls .progress {
    height: 15px;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 6px;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
}

.prog-rat-cls .progress {
    height: 15px;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 6px;
    width: 100%;
    border-radius: 8px;
    box-shadow: none;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.prog-rat-cls .rate-name-prog {
    color: #727272;
    font-size: 16px;
}

.rate-Review-cls .btn-success {
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    background-color: #ff5f5d;
    padding: 13px 10px;
}

.rating-cls-gr h2 i {
    font-size: 20px;
    margin-left: 3px;
}

.logo-links {
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* margin-top: 20px; */
}

    .logo-links a {
        height: 30px;
        width: 30px;
        margin: 0 5px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #111a24;
        border-radius: 20px;
    }

        .logo-links a i {
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            font-size: 18px;
            color: #111a24;
        }

.form-row .heading-list .logo-links {
    margin-top: 0px;
}

.social-1 {
}

    .social-1 li {
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: center;
        margin-top: 15px;
    }

        .social-1 li a {
            font-size: 16px;
            font-weight: 600;
        }

        .social-1 li input {
            /* padding: 3px; */
            /* width: 100%; */
        }

.upload {
    display: grid;
    grid-template-columns: 1fr 207px;
    gap: 15px;
    align-items: center;
}

.my-Payment-sec {
    padding-top: 7em;
    padding-bottom: 3em;
}

.panel.pnl-pay-cls {
    border: 1px solid #ececec !important;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    box-shadow: none;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.order-vale-cls ul {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.order-vale-cls ul li {
    display: inline-block;
}

.order-vale-cls ul li {
    color: #1a1a1a;
    display: block;
    font-size: 14px;
}

.panel.pnl-pay-cls .form-control {
    border-radius: 0;
    border: 1px solid #e6e4e4;
    box-shadow: none;
    padding: 8px 13px !important;
    min-height: 35px;
    width: 150px;
}

.order-vale-cls ul li span {
    font-weight: 600;
    color: #cb9318;
}

.panel.pnl-pay-cls select {
    color: #555;
    height: auto;
}

.order-vale-cls ul li span {
    font-weight: 600;
    color: #f41a4a;
}

.success-kreaz.voucher {
    border: 1px solid #ddd;
    padding: 15px 15px;
    background: #cfcccc36;
    font-size: 18px;
    margin-bottom: 20px;
    border-radius: 4px;
}

section.payment-cls-page .panel.pnl-pay-cls .panel-header {
    border-bottom: 0;
}

.option1 {
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    border: 1px solid #ececec !important;
}

.panel.pnl-pay-cls .panel-header {
    border-bottom: 1px solid #ececec;
    padding: 13px;
    background: #fffef6;
}

.row-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.proceed_id {
    display: flex;
}

.panel.pnl-pay-cls .amnt-bx-cls .form-control {
    min-height: 34px;
}


.btn.btn-submit-color {
    height: 42px;
    border-radius: 0;
}

.btn-submit-color {
    background: #3eb61a;
    color: #fff;
}

.input-amt-reeda {
    margin-bottom: 10px;
    width: 40% !important;
}

.wallet-mn-cls {
    padding: 15px;
}

.panel.pnl-pay-cls .panel-header {
    border-bottom: 1px solid #ececec;
    padding: 13px;
    background: #fffef6;
}

    .panel.pnl-pay-cls .panel-header h3 {
        margin-left: 24px;
    }

    .panel.pnl-pay-cls .panel-header h3 {
        font-weight: normal;
        font-size: 18px;
        margin: 0;
        font-family: Arial;
    }

.razorpay-payment-button {
    display: inline-block;
    padding: 10px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: #e9a717;
    color: #fff;
    border: none;
    margin-left: 15px;
}

.flex-cls-1 {
    display: flex;
    align-items: center;
}

.success-kreaz.voucher .deposit-clr {
    margin-bottom: 0;
    color: #23527c;
    text-decoration: underline;
}

.paybal-amt-cs, .confirmorder {
    display: none;
}

.btn-submit-color :hover {
    background: #3eb61a !important;
}

.adrs-1 {
    top: 17% !important;
}

.order-list-btn {
}

    .order-list-btn a {
        padding: 2px 15px;
        border-radius: 6px;
        color: #fff;
        text-align: center;
        font-weight: 600;
        background-color: #f41a4a;
        display: inline-block;
        margin-top: 5px;
    }

.product-quantity .product-quantity-add {
    font-size: 12px;
    font-weight: 100;
    background: transparent;
    width: 30px;
    color: #000;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin: 5px;
}

.mnu-show {
    display: none;
}

.d.cart img {
    padding-right: 10px;
    width: 30px;
}

.product-quantity input {
    text-align: center;
    padding: 3px !important;
    border: 0;
    width: 40px !important;
    height: 30px;
    font-size: 14px;
    background-color: transparent;
    /* color: white; */
    border-radius: 4px;
    border: 1px solid #ddd;
}

.products-sec-mar {
    position: relative;
    /* margin-bottom: 40px; */
}

.bix-project-card .d.cart {
    margin: auto !important;
    margin-bottom: 0px;
}

.cntry-code input {
    height: 96%;
    width: 60px !important;
    padding: 10px !important;
    border: none;
    border-radius: 0;
    font-size: 15px;
    margin-right: 10px;
}



/*video*/

.video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 1000;
    overflow: hidden;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

    .video-player iframe {
        width: 100%;
        height: 100%;
        border: none;
        /* margin-top: 39%; */
        left: 0;
        position: absolute;
        top: 0px;
        right: 0;
        bottom: 0;
        margin: auto;
    }

.close-video {
    position: absolute;
    top: 20px;
    width: 35px;
    height: 35px;
    line-height: 16px;
    font-weight: 700;
    right: 20px;
    background: #fff;
    border: none;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    transition: background 0.3s ease;
}

    .close-video:hover {
        background: #f44336;
        color: #fff;
    }

@media (max-width: 768px) {
    .video-player iframe {
        width: 90%;
        height: 70%;
    }
}

@media (max-width: 480px) {
    .video-player iframe {
        width: 100%;
        height: 100%;
    }

    .piclist li {
        display: inline-block;
        width: 100%;
        height: 110px;
        border: 1px solid #eee;
        position: relative;
    }

    .piclist-Video {
        position: relative;
    }

        .piclist-Video .play-icon {
            position: absolute;
            left: 25%;
            top: 50%;
            transform: translatey(-50%);
            width: 50px;
            height: 50px;
            margin: auto;
            text-align: center;
            background: #f41a4a;
            color: #fff;
            font-size: 40px;
            line-height: 40px;
            border-radius: 8px;
        }

    .piclist li .play-icon {
        position: absolute;
        left: 25%;
        top: 50%;
        transform: translatey(-50%);
        width: 50px;
        height: 50px;
        margin: auto;
        text-align: center;
        background: #f41a4a;
        color: #fff;
        font-size: 40px;
        line-height: 40px;
        border-radius: 8px;
    }

    .piclist li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.overlay-project-card i:hover {
    opacity: 1;
}

.overlay-project-card {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 15px;
    background: #fff;
    z-index: 37;
    border-radius: 5px;
    overflow: hidden;
    font-size: 14px;
    color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}


/******************filter-sec**************/
a.close-filter {
    position: absolute;
    top: 2px;
    right: 15px;
    font-size: 20px;
    width: auto !important;
    color: #ffffff;
    border: 0 !important;
}

.comSearchItem.show {
}

#filterBtn {
    background: #ff0000;
    margin-bottom: 10px !important;
    color: #fff;
    font-weight: 700;
    padding: 6px 30px;
}

.comSearchItem {
    border: 1px solid #9898a13b;
    background: #030303;
    padding: 40px 15px 0px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    transition: all .3s ease-in-out;
}

    .comSearchItem .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #fff !important;
    }

    .comSearchItem .input-icon i {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
    }

    .comSearchItem select option {
        padding: 10px;
        background: #000;
    }




/*invoice cssc */

.invoice-container {
    margin: 15px auto;
    padding: 20px;
    max-width: 650px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.invoice-logo {
    width: 120px;
}

/*rangee css*/
.slider {
    margin-top: 25px;
}

.range-slider {
    /* width: 300px; */
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}


    .range-slider .rangeValues {
        display: block;
        padding: 10px;
        font-size: 16px;
        color: #000;
    }

.slider input[type=range] {
    -webkit-appearance: none;
    border: 1px solid white;
    width: 100%;
    position: absolute;
    left: 0;
}

    .slider input[type=range]::-webkit-slider-runnable-track {
        width: 300px;
        height: 5px;
        background: #ddd;
        border: none;
        border-radius: 3px;
    }

    .slider input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        border: none;
        height: 18px;
        width: 18px;
        border-radius: 50%;
        background: #0273a0;
        margin-top: -6px;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }

    .slider input[type=range]:focus {
        outline: none;
    }

        .slider input[type=range]:focus::-webkit-slider-runnable-track {
            background: #ccc;
        }

.slider p {
    color: #000;
    font-size: 24px;
    text-align: center;
}

.slider span {
}

.bg-row-1 {
    border-bottom: 1px solid #e7e7e7;
    padding: 13px 5px;
    margin: 0;
    /* margin-bottom: 10px; */
}

    .bg-row-1:last-child {
        border-bottom: 0;
    }


/* General Styles */
.filter-sec {
    position: relative;
    background: #fff;
}

    .filter-sec .menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .filter-sec .menu-item {
        position: relative;
    }

        .filter-sec .menu-item label {
            border: 1px solid #9898a13b;
            border-radius: 5px;
            display: block;
            padding: 16px 15px 16px 31px;
            color: #000;
            text-decoration: none;
            background-color: #f8f8f8;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            position: relative;
            cursor: pointer;
            font-style: normal;
        }

        .filter-sec .menu-item .main-lable {
            padding: 15px 15px 15px 15px;
            font-size: 18px;
        }

        .filter-sec .menu-item label:hover i {
            color: #fff;
        }

        .filter-sec .menu-item label:hover {
            background-color: #f41a4a;
            color: #fff;
        }

        .filter-sec .menu-item label i {
            position: absolute;
            right: 15px;
            top: 10px;
            color: #000;
            font-size: 24px;
        }

    .filter-sec .submenu {
        display: none;
        /* position: absolute; */
        top: 100%;
        left: 0;
        background-color: #ffff;
        list-style: none;
        padding: 0;
        margin: 0;
        z-index: 1;
    }

    .filter-sec .toggle {
        display: none;
    }

        .filter-sec .toggle:checked + label + .submenu {
            display: block;
            width: 100%;
            margin-bottom: 22px;
        }

    .filter-sec .submenu li a {
        padding: 15px 15px;
        color: #000;
        text-decoration: none;
        display: block;
        width: 100%;
    }

    .filter-sec .submenu li {
        margin-bottom: 10px;
        /* background-color: #f8f8f8; */
    }

        .filter-sec .submenu li a:hover {
            background-color: #f41a4a;
            color: #fff;
        }

        .filter-sec .submenu li input {
            position: absolute;
            z-index: 1;
            margin: 14px 0px 0px 8px;
        }



/* loggin loder */
.login-loder {
    min-width: 100%;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000075;
    z-index: 9999;
    backdrop-filter: blur(3px);
}


.dot-spinner {
    --uib-size: 2.8rem;
    --uib-speed: .9s;
    --uib-color: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100px;
    width: 100px;
}

.dot-spinner__dot {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
}

    .dot-spinner__dot::before {
        content: '';
        height: 20%;
        width: 20%;
        border-radius: 50%;
        background-color: var(--uib-color);
        transform: scale(0);
        opacity: 1;
        animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;
        box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);
    }

    .dot-spinner__dot:nth-child(2) {
        transform: rotate(45deg);
    }

        .dot-spinner__dot:nth-child(2)::before {
            animation-delay: calc(var(--uib-speed) * -0.875);
        }

    .dot-spinner__dot:nth-child(3) {
        transform: rotate(90deg);
    }

        .dot-spinner__dot:nth-child(3)::before {
            animation-delay: calc(var(--uib-speed) * -0.75);
        }

    .dot-spinner__dot:nth-child(4) {
        transform: rotate(135deg);
    }

        .dot-spinner__dot:nth-child(4)::before {
            animation-delay: calc(var(--uib-speed) * -0.625);
        }

    .dot-spinner__dot:nth-child(5) {
        transform: rotate(180deg);
    }

        .dot-spinner__dot:nth-child(5)::before {
            animation-delay: calc(var(--uib-speed) * -0.5);
        }

    .dot-spinner__dot:nth-child(6) {
        transform: rotate(225deg);
    }

        .dot-spinner__dot:nth-child(6)::before {
            animation-delay: calc(var(--uib-speed) * -0.375);
        }

    .dot-spinner__dot:nth-child(7) {
        transform: rotate(270deg);
    }

        .dot-spinner__dot:nth-child(7)::before {
            animation-delay: calc(var(--uib-speed) * -0.25);
        }

    .dot-spinner__dot:nth-child(8) {
        transform: rotate(315deg);
    }

        .dot-spinner__dot:nth-child(8)::before {
            animation-delay: calc(var(--uib-speed) * -0.125);
        }

@keyframes pulse0112 {
    0%, 100% {
        transform: scale(0);
        opacity: 0.5;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width)* 2));
    height: 58px !important;
}

.input-icon input {
    padding: 10px 10px 10px 45px;
}

.section-hire .styled-input input {
    padding: 15px;
}

.my-profile select {
    background: #fff url(data:image/svg+xml,%3Csvg aria-hidden=%27true%27 focusable=%27false%27 data-prefix=%27fas%27 data-icon=%27caret-down%27 class=%27svg-inline--fa fa-caret-down fa-w-10%27 role=%27img%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 320 514%27%3E%3Cpath fill=%27rgb%2873, 80, 87%29%27 d=%27M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 215z%27%3E%3C/path%3E%3C/svg%3E) no-repeat right center !important;
    /* background-size: 17px !important; */
    /* background-position: 98% 9px !important; */
    /* padding: 10px 10px 10px 30px !important; */
}

.color-remove {
    color: #f41a4a;
    text-transform: uppercase;
    font-weight: 600;
}

.check-1 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

    .check-1 a {
        display: flex;
        gap: 10px;
        align-items: center;
    }

        .check-1 a i {
            background: #ff0000;
            width: 30px;
            height: 30px;
            border-radius: 3px;
            display: block;
            text-align: center;
            line-height: 30px;
            color: #fff;
        }

.balance-box {
    border: 1px solid #e63250;
    background-color: #e632502b;
    padding: 15px;
    border-radius: 5px;
    margin-top: 20px;
}

    .balance-box span {
        color: #4e4444;
    }

    .balance-box h4 {
    }

.upload-img {
}

    .upload-img img {
        height: 166px;
        object-fit: contain;
        width: 100%;
        object-position: center;
    }

.product-box {
    border: 1px solid #00000029;
    border-bottom: 0;
    padding: 15px;
    position: relative;
}

    .product-box:last-child {
        border-bottom: 1px solid #00000029;
    }

.product-start {
    background: green;
    color: #fff;
    padding: 0px 10px;
    display: inline-block;
    border-radius: 4px;
}

.product-date {
    background: #d3d3d3;
    color: #fff;
    padding: 0px 10px;
    display: inline-block;
    border-radius: 4px;
    color: #000;
    font-weight: 600;
}

.product-message {
    font-weight: 500;
}

.product-start-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.f-mobile a {
    flex-direction: column;
    gap: 10px;
}

    .f-mobile a i {
        padding-left: 2px;
    }
/* Responsive */
@media screen and (max-width: 1199px) {
    .bix-banner {
        margin-bottom: 25px;
    }

        .bix-banner h4 {
            font-size: 32px;
        }
}

@media screen and (max-width: 991px) {
    .main-modal .modal-content {
        margin-top: 10%;
        width: 95%;
    }

    .address-1 {
        /* padding:15px; */
    }

    .info {
        margin-bottom: 15px;
        padding: 15px;
    }

    .common_wd .owl-nav {
        right: 11px;
    }

    ._boxzoom .zoom-thumb {
        overflow-x: auto;
    }

        ._boxzoom .zoom-thumb ul.piclist {
            display: flex;
            white-space: nowrap;
            margin: 10px 0;
        }

            ._boxzoom .zoom-thumb ul.piclist li {
                width: 100px;
                min-width: 100px;
                height: 100px;
                display: inline-block;
            }

    .section-bg {
        padding-top: 0;
    }

    .section-breadcrumb .breadcrumb-contact h4 {
        margin-bottom: 4px;
        font-size: 28px;
    }

    .section-breadcrumb .breadcrumb-contact h5 span a {
        font-size: 15px;
    }

    .padding-tb-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .padding-t-100 {
        padding-top: 80px;
    }

    .padding-b-100 {
        padding-bottom: 80px !important;
    }

    .margin-b-100 {
        margin-bottom: 80px;
    }

    .padding-tb-50 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .padding-t-50 {
        padding-top: 40px;
    }

    .padding-b-50 {
        padding-bottom: 40px;
    }

    .margin-tb-100 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .margin-tb-50 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .margin-t-50 {
        margin-top: 40px;
    }

    .margin-b-50 {
        margin-bottom: 40px;
    }
}



@media screen and (max-width: 767px) {
    .order-left-head {
        flex-direction: column;
        align-items: start;
    }

    .mar-mobile {
        margin-right: 0 !important;
    }

    ._boxzoom ._product-images {
        width: 100% !important;
    }

    .picZoomer-pic-wp {
        height: auto !important;
    }

    .my_img {
        height: auto !important;
    }

    .order-info-right {
        margin-top: 0px;
    }

    .order-info-left {
        display: block !important;
    }

        .order-info-left img {
            margin-bottom: 20px;
            width: 100%;
            height: auto;
        }

    .order-info {
        display: block !important;
    }

    .order-card-details {
        margin-left: 0px !important;
    }

    .bix-button {
        margin: 5px;
    }

    .bix-banner {
        margin-bottom: 20px;
    }

        .bix-banner h4 {
            font-size: 28px;
        }

    .padding-tb-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .padding-t-100 {
        padding-top: 70px;
    }

    .padding-b-100 {
        padding-bottom: 70px !important;
    }

    .margin-b-100 {
        margin-bottom: 70px;
    }

    .padding-tb-50 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .padding-t-50 {
        padding-top: 35px;
    }

    .padding-b-50 {
        padding-bottom: 35px;
    }

    .margin-tb-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .margin-tb-50 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .margin-t-50 {
        margin-top: 35px;
    }

    .margin-b-50 {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 575px) {
    .section-breadcrumb .breadcrumb-contact h4 {
        margin-bottom: 0;
        font-size: 22px;
    }

    .section-breadcrumb .breadcrumb-contact h5 span a {
        font-size: 14px;
    }

    .bix-banner h4 {
        font-size: 24px;
    }

    .upload {
        grid-template-rows: 1fr 207px;
        grid-template-columns: auto;
    }
}

.terms-coditions {
    margin-top: 80px;
    padding-bottom: 50px;
}

    .terms-coditions p {
        margin-bottom: 5px;
    }

    .terms-coditions ul {
        padding-left: 15px;
    }

        .terms-coditions ul li {
            list-style: disc;
            margin-bottom: 10px;
        }

.video-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .video-thumbnail i {
        font-size: 45px;
        color: red;
    }

@media screen and (max-width: 425px) {
    .bk_login_footer {
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin-top: 20px;
    }
}


.common-body {
    padding-top: 50px;
    padding-bottom: 50px
}

.pagination > li > a, .pagination > li > span {
    padding: 3px 10px;
}

.pagination > li > a {
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.table tr th {
    background: #f8f8f8;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

.table tr:nth-child(odd) td {
    background: rgb(244 244 244 / 15%);
    color: #000000;
}

.table tr:nth-child(even) td {
    background: rgb(247 247 247 / 15%);
    color: #000000;
}

.common-box {
    padding: 15px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.new-box-content {
    padding: 15px;
    box-shadow: 0 5px 10px rgba(9,0,0,0.5);
}

.card-title {
    font-size: 18px;
    position: relative;
    color: red;
}

.chat-left-br {
    position: relative;
    box-sizing: border-box;
    max-height: 100%;
}

.chat-row1 {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    padding-right: 75px;
    display: flex;
    align-items: flex-end;
    width: 100%;
    justify-content: end;
}

.chat-conversation1 {
    background: #222222;
    color: #ffffff;
    border-radius: 2px;
    padding: 15px;
    position: relative;
    border: 1px solid #8c0000;
    max-width: 80%;
    width: 80%;
}

.chat-img {
    position: absolute;
    top: 0px;
    left: -60px;
    overflow: hidden;
    background: white;
    border-radius: 200px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0065f3;
}

.chat-row1 .chat-img {
    left: unset;
    right: -60px;
}

.chat-conversation1 .conversationarrow1 {
    display: block;
    height: 0;
    right: -11px;
    position: absolute;
    width: 0;
    z-index: 1;
    top: -1px;
    border-right: 8px solid transparent;
    border-left: 3px solid #030303;
    border-top: 15px solid #030303;
    border-bottom: 0px solid #352684;
}

.chat-conversation1 dl {
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0px;
    color: #fff;
}

.chat-conversation1 dt {
    font-weight: normal;
    color: #fff;
    margin-top: 9px;
    word-break: break-word;
}

.chat-conversation1 .time {
    position: absolute;
    right: 15px;
    top: 9px;
    padding: 3px 5px;
    color: #fff;
}

.chat-row {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    padding-left: 65px;
    width: 80%;
}

.chat-conversation {
    background: #ff1244;
    border-radius: 4px;
    color: #ffffff;
    padding: 15px;
    position: relative;
    border: 1px solid #585858;
}

.conversationarrow {
    display: block;
    height: 0;
    left: -9px;
    position: absolute;
    width: 0;
    z-index: 99;
    top: 10px;
    border-left: 8px solid transparent;
    border-right: 3px solid #ff002a;
    border-top: 15px solid #ff002a;
    border-bottom: 0px solid var(--main-color-two);
    top: -2px;
}

.chat-conversation dl {
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0px;
    color: #fff;
    display: block;
}

.chat-conversation dt {
    font-weight: normal;
    color: #fff;
    margin-top: 9px;
    word-break: break-word;
}

.chat-conversation .time {
    position: absolute;
    right: 15px;
    top: 9px;
    padding: 3px 5px;
    color: #fff;
}

.preview-img {
    position: relative;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
}

    .preview-img img {
        width: 100%;
    }

.lessmore {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    width: 15px;
    height: 15px;
    display: grid;
    place-content: center;
    border-radius: 100%;
    cursor: pointer;
}

    .lessmore i {
        color: #fff;
    }

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    display: grid;
    place-content: center;
}

.my-float {
    margin-top: 16px;
}

.tr-button {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}

.button-1 {
    padding: 2px 15px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    background-color: #f41a4a;
    display: inline-block;
    /* margin-top: 5px; */
    border: 1px solid #fff;
}

.button-2 {
    padding: 6px 15px;
    border-radius: 6px;
    color: #000000;
    text-align: center;
    font-weight: 600;
    background-color: #fff;
    display: inline-block;
    /* margin-top: 5px; */
    border: 1px solid #f41a4a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remarksdiv {
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 10px;
    margin-top: 15px;
}

.cancleproduct {
    margin-left: auto;
    display: flex;
    width: fit-content;
    margin-top: 10px;
}

.pending-cancle-item {
    height: 60px;
    border: 1px solid #dde2e6;
    min-width: 100%;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #000;
}

.filter-box .form-group {
    min-width: 100%;
}

.filter-box a, .filter-box input {
    min-width: fit-content;
    height: 60px;
}

.pending-cancle-item span {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.filter-box {
    display: flex;
    width: 100%;
    gap: 10px;
}

@media screen and (max-width: 824px) {
    .filter-box {
        flex-direction: column;
    }

        .filter-box a, .filter-box input {
            min-width: 100%;
        }
        .tr-button{
            margin-top:10px;
        }
}