/* Designed by bashirnoori.com -------------------------------------------------- */
:root {
    --primary-color: #972b1d;
    --second-color: #e2a745;
    --third-color:#fff7dd;
    --text-color:#333;
    --container-width:1200px;
    --gutter:15px;
    --transition-speed:0.3s;
    --gutter:15px;
}

* {
    box-sizing:border-box;
    margin:0;
    padding:0;
}

html {
    scroll-behavior:smooth;
    body {
        font-family:Arial, sans-serif;
        color:var(--text-color);
        background:#fff;
        line-height:1.6;
        overflow-x:hidden;
    }

    h1,h2,h3,h4,h5,button,.btn,.title,a {
        font-family:"Federo", sans-serif;
        font-weight:400;
        font-style:normal;
        line-height:1.3em;
    }

    h1,h2,h3,h4,h5,p,li {
        margin-bottom:1.3rem;
    }

    h1 {
        font-size:2.5rem;
    }

    h2 {
        font-size:2rem;
    }

    h3 {
        font-size:1.7rem;
    }

    h4 {
        font-size:1.5rem;
    }

    a {
        color:var(--primary-color);
        text-decoration:none;
        transition:0.1s
    }

    a:hover {
        color:var(--second-color);
    }

    ul {
    }

    li {
        margin-left:1.5em
    }

    img {
        max-width:100%;
    }

    .header {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        z-index:10;
        padding:25px 30px;
    }

    .header .logo img {
        float:left;
        height:120px;
        width:auto;
        transition:0.3s;
        margin-top: 5rem;
    }

    .header .logo img:hover {
        transform:scale(1.03);
    }


.contact-page {text-align: center;}
.contact-page .icon {display:block;font-size:3.5rem;color:var(--primary-color);margin:1rem;}
.contact-page a {text-decoration: none; color:#212529;}
.contact-page a:hover {text-decoration: underline;}

.modal-body {padding: 2rem;}
.page-inner {padding: 2rem 0;}
.page-inner h1 {margin-bottom:1.5rem; font-weight:bold; color:var(--primary-color)}
.page-inner h2 {color:var(--primary-color)}
.page-inner h2 {color:var(--primary-color)}
.page-inner .innerimg img {float: left;margin-right: 2rem;width:40%;height:auto;margin-bottom:1rem;border-radius: 20px;}
.page-inner .innerimg-large img {float: none;margin: 0;width: 100%;height:auto;margin-bottom:2rem;}
.page-inner li {margin-bottom: 0.7rem}
.page-inner .listing .row {padding:30px 0; transition: 0.3s;}
.page-inner .listing .row:hover {background: #f5f5f5;}
.page-inner .listing img {width: 100%;height: auto;border-radius: 15px;}
.page-inner .listing a {text-decoration: none;}
.page-inner .listing h3 {font-size: 1.78em;font-weight:bold;margin-top: 1rem;}
.page-inner .listing .posted {margin-bottom: 0.5rem; color: #999;}
.about-page h3{color:var(--primary-color); font-weight:bold; font-size:2rem}
.page-inner table {border:none}
.page-inner .page-column td {padding:1rem;vertical-align: top}
.page-inner .we-done img{width: 80%;margin-bottom: 1rem}
.page-inner img{max-width:100%;height:auto;}
.about-us-img {float:right;width:55%;height:auto;margin:0 0 1rem 2rem}
.about-us-box img{margin:2rem;width:6rem;height:6rem}
.about-us-box h2 {margin:2rem 0;}
.btn-download{font-weight: bold; font-size: 19px; padding:8px 20px; border-radius:15px;}

    .pages .header{background: url(../images/header.jpg); background-size:cover; min-height:400px;}
    .pages .header .logo img{margin-top: 0rem;}
    .pages img{max-width:100%;height: auto;}
    .listing img{margin:0 0 1rem 0; border-radius: 20px;}
    .pages .posted {color:#999}
    .page-inner .innerimg img {float: left;margin-right: 2rem;width:40%;height:auto;margin-bottom:1rem;border-radius: 20px;}
    .page-inner .innerimg-large img {float: none;margin: 0;width: 100%;height:auto;margin-bottom:2rem;}
    .half-left{border-radius:30px; float:left;margin:1rem 2rem 1rem 0;padding:0;width:50%;border:none}
    .half-right{border-radius:30px; float:right;margin:1rem 0 1rem 2rem;padding:0;width:50%;border:none}
    .full{border-radius:30px; float:none;margin:1rem 0;padding:0;width:100%;border:none}
    @media (max-width: 767.98px) {.half-left, .half-right, .full{width:100%;float:none;margin: 1rem 0;} }

    .just-mob {
        display:none;
    }

    .spacer {
        display:block;
        clear:both;
        height:5rem;
    }

    .clearfix {
        clear:both;
    }

    .container,.wopb-builder-container {
        padding-right:var(--gutter);
        padding-left:var(--gutter);
        margin-right:auto;
        margin-left:auto;
        box-sizing:border-box;
        width:100%;
    }

    @media (min-width:576px) {
        .container {
            max-width:540px;
        }
    }

    @media (min-width:768px) {
        .container {
            max-width:720px;
        }
    }

    @media (min-width:992px) {
        .container {
            max-width:960px;
        }
    }

    @media (min-width:1200px) {
        .container {
            max-width:1140px;
        }
    }

    @media (min-width:1400px) {
        .container {
            max-width:1320px;
        }
    }

    .row {
        display:flex;
        flex-wrap:wrap;
        margin-right:calc(-1 * var(--gutter));
        margin-left:calc(-1 * var(--gutter));
        box-sizing:border-box;
    }

    .row > * {
        padding-right:var(--gutter);
        padding-left:var(--gutter);
        box-sizing:border-box;
    }

    .col {
        flex:1 0 0;
        max-width:100%;
    }

    [class*="col-"] {
        flex:0 0 100%;
        max-width:100%;
    }



    /* Small devices */
    @media (min-width:576px) {
        .col-sm-1 {
            flex:0 0 8.333%;
            max-width:8.333%;
        }

        .col-sm-2 {
            flex:0 0 16.666%;
            max-width:16.666%;
        }

        .col-sm-3 {
            flex:0 0 25%;
            max-width:25%;
        }

        .col-sm-4 {
            flex:0 0 33.333%;
            max-width:33.333%;
        }

        .col-sm-5 {
            flex:0 0 41.666%;
            max-width:41.666%;
        }

        .col-sm-6 {
            flex:0 0 50%;
            max-width:50%;
        }

        .col-sm-7 {
            flex:0 0 58.333%;
            max-width:58.333%;
        }

        .col-sm-8 {
            flex:0 0 66.666%;
            max-width:66.666%;
        }

        .col-sm-9 {
            flex:0 0 75%;
            max-width:75%;
        }

        .col-sm-10 {
            flex:0 0 83.333%;
            max-width:83.333%;
        }

        .col-sm-11 {
            flex:0 0 91.666%;
            max-width:91.666%;
        }

        .col-sm-12 {
            flex:0 0 100%;
            max-width:100%;
        }

    }
    .col-five {
      fles:0 0 25%;
      max-width:20%; /* 100% / 5 columns */
    }
    /* Medium devices */
    @media (min-width:768px) {
        .col-md-1 {
            flex:0 0 8.333%;
            max-width:8.333%;
        }

        .col-md-2 {
            flex:0 0 16.666%;
            max-width:16.666%;
        }

        .col-md-3 {
            flex:0 0 25%;
            max-width:25%;
        }

        .col-md-4 {
            flex:0 0 33.333%;
            max-width:33.333%;
        }

        .col-md-5 {
            flex:0 0 41.666%;
            max-width:41.666%;
        }

        .col-md-6 {
            flex:0 0 50%;
            max-width:50%;
        }

        .col-md-7 {
            flex:0 0 58.333%;
            max-width:58.333%;
        }

        .col-md-8 {
            flex:0 0 66.666%;
            max-width:66.666%;
        }

        .col-md-9 {
            flex:0 0 75%;
            max-width:75%;
        }

        .col-md-10 {
            flex:0 0 83.333%;
            max-width:83.333%;
        }

        .col-md-11 {
            flex:0 0 91.666%;
            max-width:91.666%;
        }

        .col-md-12 {
            flex:0 0 100%;
            max-width:100%;
        }
    }

    /* Large devices */
    @media (min-width:992px) {
        .col-lg-1 {
            flex:0 0 8.333%;
            max-width:8.333%;
        }

        .col-lg-2 {
            flex:0 0 16.666%;
            max-width:16.666%;
        }

        .col-lg-3 {
            flex:0 0 25%;
            max-width:25%;
        }

        .col-lg-4 {
            flex:0 0 33.333%;
            max-width:33.333%;
        }

        .col-lg-5 {
            flex:0 0 41.666%;
            max-width:41.666%;
        }

        .col-lg-6 {
            flex:0 0 50%;
            max-width:50%;
        }

        .col-lg-7 {
            flex:0 0 58.333%;
            max-width:58.333%;
        }

        .col-lg-8 {
            flex:0 0 66.666%;
            max-width:66.666%;
        }

        .col-lg-9 {
            flex:0 0 75%;
            max-width:75%;
        }

        .col-lg-10 {
            flex:0 0 83.333%;
            max-width:83.333%;
        }

        .col-lg-11 {
            flex:0 0 91.666%;
            max-width:91.666%;
        }

        .col-lg-12 {
            flex:0 0 100%;
            max-width:100%;
        }
    }

    /* Gutters */
    .g-0 {
        --gutter:0px;
    }

    .g-2 {
        --gutter:10px;
    }

    .g-3 {
        --gutter:15px;
    }

    .g-4 {
        --gutter:30px;
    }

    .box {
        background:#fff;
        border:1px solid #ddd;
        padding:20px;
        margin-bottom:20px;
        text-align:center;
        border-radius:15px;
    }

    .menu li ul::before {
        content:"";
        position:absolute;
        top:-12px;
        /* places it above the submenu box */
        left:28px;
        /* adjust based on design */
        width:25px;
        height:13px;
        background: var(--second-color);
        clip-path:polygon(50% 0%, 0% 100%, 100% 100%);
        /* triangle shape */
        box-shadow:0 -1px 3px rgba(0,0,0,0.1);
        /* optional shadow */
        z-index:13;
    }

    /* Navigation */
    nav {
        padding:10px 20px;
        color:#000;
        position:relative;
    }

    .menu-wrap {
        float:left;
        margin:0;
    }

    .menu-toggleMenu {
        display:none;
        cursor:pointer;
        font-size:24px;
        text-align:right;
    }

    .menu {
        display:flex;
        list-style:none;
        gap:0px;
        transition:max-height var(--transition-speed) ease;
        background:rgb(255 240 189 / 10%);
        border-radius:15px;
        padding-top:1rem;
        padding-left:1rem;
        padding-right:1rem;
        border:1px solid rgba(255,255,255,0.1);
        backdrop-filter:blur(6px);
        background: rgb(151 43 29 / 80%);
        backdrop-filter: none;
    }

    .menu li {
        position:relative;
        margin:0;
        margin-bottom:1rem;
    }

    .menu a {
        color:#fff3d3;
        text-decoration:none;
        padding:0px 25px;
        transition:0.3s;
        font-size:1.3em;
        border-left:1px dashed rgba(255,255,255,0.3);
        font-weight:bold;
        background-image: linear-gradient(16deg, #fff4d5 24%, #ffedbb 60%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .menu li:first-child a {
        border:none;
    }

    .menu a:hover {
        color:#fff;
        background-image: linear-gradient(16deg, #eacb76 24%, #fff 60%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* Submenu Fade Animation */
    .menu li ul {
        position:absolute;
        top:100%;
        left:0;
        background: var(--second-color);
        list-style:none;
        border-radius:13px;
        opacity:0;
        visibility:hidden;
        transform:translateY(10px);
        transition:all 0.5s ease;
        z-index:11;
        padding:15px;
        width:200px;
        width:fit-content;
        margin-top:12px;
    }

    .menu li ul li a {
        display:block;
        padding:8px 15px;
        border:none;
        font-weight:normal;
        color:#000;
        background-image: unset;
        -webkit-text-fill-color: unset;
        background-clip: unset;
    }

    .menu li ul li a:hover {
        color:#ffffff;
    }

    .menu li ul li:last-child a {
        border:none
    }

    .menu li:hover ul {
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }
    form {
        width:100%;
    }

    form .form-group {
        margin-bottom:15px;
    }

    form label {
        display:block;
        margin-bottom:5px;
        font-weight:bold;
        color:#333;
    }

    /* General Input Styles (text, email, password, number, date, etc.) */
    input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime-local"], select, textarea {
        width:100%;
        padding:10px;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        font-size:16px;
        transition:border-color 0.3s, box-shadow 0.3s;
        box-sizing:border-box;
        margin-bottom: 1rem;
    }

    /* Focus State */
    input:focus, select:focus, textarea:focus {
        border-color:var(--primary-color);
        box-shadow:0 0 0 3px rgba(0,0,0, 0.05);
        outline:none;
    }

    /* Textarea specific */
    textarea {
        min-height:100px;
        resize:vertical;
    }

    /* Submit & Button */
    input[type="submit"], input[type="button"], button, .btn {
        background: var(--second-color);
        color: #000;
        border:none;
        padding:12px 25px;
        font-size:16px;
        border-radius:22px;
        cursor:pointer;
        transition:0.1s;
    }

    input[type="submit"]:hover, input[type="button"]:hover, button:hover, .btn:hover {
        opacity:0.9;
        color:#fff;
    }

    .btn-primary {
        background:var(--second-color);
        transition:0.3s;
    }

    /* Checkbox & Radio */
    input[type="checkbox"], input[type="radio"] {
        appearance:none;
        width:18px;
        height:18px;
        border:2px solid var(--primary-color);
        border-radius:4px;
        margin-right:8px;
        vertical-align:middle;
        cursor:pointer;
        position:relative;
        transition:background 0.3s, border-color 0.3s;
    }

    /* Radio Round */
    input[type="radio"] {
        border-radius:50%;
    }

    /* Checked Styles */
    input[type="checkbox"]:checked {
        background:var(--primary-color);
        border-color:var(--primary-color);
    }

    input[type="checkbox"]:checked::after {
        content:'';
        position:absolute;
        top:2px;
        left:5px;
        width:4px;
        height:9px;
        border:solid #fff;
        border-width:0 2px 2px 0;
        transform:rotate(45deg);
    }

    input[type="radio"]:checked {
        background:var(--primary-color);
        border-color:var(--primary-color);
    }

    input[type="radio"]:checked::after {
        content:'';
        position:absolute;
        top:4px;
        left:4px;
        width:8px;
        height:8px;
        background:#fff;
        border-radius:50%;
    }

    /* Disabled State */
    input:disabled, select:disabled, textarea:disabled, button:disabled {
        opacity:0.6;
        cursor:not-allowed;
    }

    /* File Upload (Basic reset) */
    input[type="file"] {
        display:block;
        margin-top:10px;
    }

    /* Simple File Upload Label (optional custom style) */
    input[type="file"]::file-selector-button {
        background:var(--primary-color);
        color:#fff;
        border:none;
        padding:8px 16px;
        border-radius:4px;
        cursor:pointer;
        transition:0.3s;
    }

    input[type="file"]::file-selector-button:hover {
        opacity:0.9;
    }

    form .form-row {
        display:flex;
        flex-wrap:wrap;
        gap:15px;
    }

    form .form-row .form-group {
        flex:1 1 100%;
    }

    /* Modal Overlay */
    .modal {
        display:none;
        /* Hidden by default */
        position:fixed;
        z-index:9999;
        left:0;
        top:0;
        width:100%;
        height:100%;
        backdrop-filter:blur(5px);
        background:rgba(0, 0, 0, 0.5);
        justify-content:center;
        align-items:center;
        transition:opacity 0.3s ease;
    }

    /* Modal Content Box */
    .modal-content {
        background:#fff;
        padding:30px;
        border-radius:20px;
        max-width:500px;
        width:90%;
        position:relative;
        box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);
        animation:fadeInUp 0.3s ease;
    }

    /* Close Button */
    .modal .close {
        position:absolute;
        top:4px;
        right:15px;
        font-size:30px;
        color:#333;
        cursor:pointer;
    }

    /* Modal Show Class */
    .modal.show {
        display:flex;
    }

    /* Modal Animation */
    @keyframes fadeInUp {
        from {
            opacity:0;
            transform:translateY(20px);
        }

        to {
            opacity:1;
            transform:translateY(0);
        }
    }

    /* Modal Hide Animation */
    @keyframes fadeOutUp {
        from {
            opacity:1;
            transform:translateY(0);
        }

        to {
            opacity:0;
            transform:translateY(-20px);
        }
    }

    /* Add closing animation class */
    .modal.closing .modal-content {
        animation:fadeOutUp 0.3s ease forwards;
    }

    .go-to-top {
        position:fixed;
        bottom:30px;
        right:30px;
        padding:8px 17px;
        color:#fff;
        border:none;
        border-radius:50px;
        cursor:pointer;
        opacity:0;
        visibility:hidden;
        transition:0.3s;
        z-index:999;
        width:45px;
        height:45px;
        font-weight:bold;
        font-size:26px;
    }

    .go-to-top.show {
        opacity:1;
        visibility:visible;
        font-family:arial;
    }

    .go-to-top:hover {
        background: var(--second-color);
        padding-top:5px;
    }

    .hero-banner {
        position:relative;
        width: 100%;
        height:102vh;
        overflow:hidden;
        user-select:none;
        top:-300px;
        margin:0;
        padding:0;
        margin-bottom:-325px;
        background-color:#000;
        min-height:600px;
    }

    /* The overlay */
    .hero-banner::before {
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0, 0, 0, 0.5);
        /* Adjust the alpha value (0.5) for darkness */
        z-index:2;
        /* Ensure overlay is above video but below text */
    }

    .background, .top-box {
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        pointer-events:none;
        user-select:none;
        will-change:transform, opacity;
    }

    .background {
        top:0;
        left:0;
        width:100%;
        height:100%;
        object-fit:cover;
        transform:unset;
    }

    .top-box {
        bottom:-35px !important;
        width:550px;
        opacity:1;
        transform:translateX(-50%) scale(0.8);
        transform-origin:50% 100%;
        z-index:3;
        max-height:100%;
        max-width:max-content;
    }

    .hero-cloud {
        position:absolute;
        z-index:1;
        left:0;
        top:20%;
        user-select:none;
        pointer-events:none;
    }

    .hero-title {
        position:absolute;
        animation:fadeIn 2s infinite alternate;
        z-index:2;
        transform:translateX(0%) scale(0.55);
        transform-origin:0% 120%;
        user-select:none;
        pointer-events:none;
        right:13%;
    }

    @keyframes fadeIn {
        0% {
            opacity:0.2;
        }

        100% {
            opacity:1;
        }
    }

    .hero-title:hover {
        opacity:1 !important;
        margin-top:-10px
    }

    .hero-banner video {
        position:relative;
        top:0;
        left:0;
        min-width: 100.3%;
        height:103.5vh;
        width:auto;
        z-index:1;
        object-fit:cover;
        margin:0;
        padding:0;
        margin-left:0;
        min-height:600px;
    }

    .hero-banner .btn {
        font-size:1.3rem;
        margin-top:1rem;
        display:inline-block;
    }

    .hero-banner .text {
        text-align:center;
        max-width:96%;
        color:#fff;
        position:absolute;
        left:50%;
        top:300px;
        z-index:5;
        transform:translate(-50%, 0%) scale(0.8, 0.8);
        transform-origin:50% 100%;
        width: 730px;
        font-size:120%;
        text-shadow: 0 0 60px #5b3c00;
    }

    .hero-banner .text h1 {
        font-size:3rem;
        font-weight:bold;
        background-image: linear-gradient(16deg, #ffd35d 24%, #fff7e3 60%);
        -webkit-text-fill-color:transparent;
        background-clip:text;
    }

    .hero-banner .text p {
        font-size:1.4rem;
        color:#f0e4b4;
    }

    .box-with-icon {
    }

    .box-with-icon .column {
        border-right:1px solid #dfecdb;
    }

    .box-with-icon .column:last-child {
        border:0
    }

    .box-with-icon .item {
        text-align:center;
    }

    .box-with-icon .item img {
        width:auto;
        height: 65px;
        user-select:none;
    }

    .box-with-icon .item h4 {
        color:#222;
        font-size:1.4rem;
        letter-spacing:1px;
        font-weight:bold;
        margin:1rem 0 0.8rem 0;
    }

    .box-with-icon .item p {
        color:#888;
        font-family:sans-serif;
    }

    .about-home {
    }
    .about-home .text{margin-left: 2rem}
    .about-home .about {
        background:#f7f4ea;
        padding:4px 25px;
        border-radius:20px;
        width:fit-content;
        margin-bottom:1rem;
        display: none;
    }

    .about-home .image {
        margin-top: 1rem;
    }

    .about-home .image img {
        border-radius:25px;
        width:100%;
        height: auto;
    }

    .about-home .text h1 {
        font-size: 2.5em;
        color:var(--primary-color);
        margin-bottom:0.8rem;
        font-weight: bold;
        margin-top: 1rem;
    }

    .about-home .text h4 {
        font-size:1.8rem;
    }

    .about-home .text .btn {
        margin-top:1rem;
        display:block;
        width:fit-content;
    }

    .about-home .text .list {
    }

    .about-home .text .list .item {
        margin:1rem;
        display:flex;
        align-items:flex-start;
    }

    .about-home .text .list .item i, .about-home .text .list .item span {
        color:var(--primary-color);
        transform:scale(1.3);
        display:inline-block;
        margin-right:8px;
    }

    .about-home .text .list .item .btn i, .about-home .text .list .item .btn span {
        color:#fff;
        margin-right:-4px;
    }

    .brands {
        text-align:center;
        background: #fffce9;
        padding: 4rem 0;
    }

    .brands img {
        height: 75px;
        width:auto;
        margin: 13px;
        mix-blend-mode: darken;
    }

    h2.title {
        text-align:center;
        font-size:2.2rem;
        font-weight:bold;
    }

    h2.title:before {
        content:"";
        width:80px;
        height:2px;
        background:var(--primary-color);
        display:block;
        margin:10px auto;
    }
    .title-intro{text-align: center;font-size:1.2rem;margin-bottom: 3rem;color:rgba(0,0,0,0.5);margin-top: -1rem;}


    .blog{}
    .blog .item{height:100%;padding: 20px;box-shadow: 0 0 30px rgb(248 242 225);border-radius: 20px;overflow: hidden;}
    .blog .item img{border-radius: 0;width: 100%;height: auto;margin-bottom: 1rem;margin-left: -20px;margin-top: -20px;width: calc(100% + 40px);max-width: calc(100% + 40px);}
    .blog .item h4{margin:0 0 1rem 0; font-size:1.2rem; font-weight: bold; }
    .blog .item h4 a{font-weight: bold; color:var(--text-color)}
    .blog .item h4 a:hover{color: var(--primary-color)}
    .blog .icons{color:#999;font-size: 90%;margin-bottom: 1rem;}
    .blog p {color: #555}
    .blog .btn{display: inline-block;margin-bottom: 0.5rem;font-size: 90%;}

    .testimonial .item {
        padding:15px;
        position:relative;
    }

    .testimonial .item::before {
        content:'"';
        font-family:cursive;
        font-size:80px;
        z-index:1;
        color:#0a9984;
        position:absolute;
        left:0px;
        top:-7px;
        transition:0.3s;
        display:none;
    }

    .testimonial .item:hover::before {
        left:18px;
        color:#fff
    }

    .testimonial .content {
        padding:30px;
        margin-bottom:2rem;
        border-radius:30px;
        position:relative;
        background: #faf8f1;
        transition:0.2s;
    }

    .testimonial .content::after {
        content:"";
        width:20px;
        height:20px;
        background: #faf8f1;
        position:absolute;
        left:35px;
        bottom:-10px;
        transform:rotate(45deg);
        transition:0.2s;
    }

    .testimonial .item:hover .content {
        background:var(--primary-color);
        ; color:#fff
    }

    .testimonial .item:hover .content::after {
        background:var(--primary-color);
        ; }

    .testimonial p {
        margin:0;
        max-height:6em;
        overflow:hidden;
        transition:0.3s;
    }

    .testimonial p:hover {
        max-height:20em;
    }

    .testimonial .pic img {
        float:left;
        width:80px;
        height:80px;
        margin:0px 10px 0px 30px;
        background:#fff;
        padding:3px;
        border:5px solid #f5f5f5;
        border-radius:50%;
        transition:all 0.3s;
    }

    .testimonial .item:hover .pic img {
        border:2px solid var(--primary-color);
    }

    .testimonial .pic p.name {
        font-weight:bold;
        padding-top:1.3em;
        transition:0.3s;
    }

    .testimonial .item:hover p.name {
        color:var(--primary-color);
    }

    .testimonial .pic p.position {
        color:#777;
        font-size:0.9em
    }

    .testimonial .stars {
        color: #daad40;
    }

    .testimonial .slick-dots li.slick-active button:before {
        opacity:1;
        color:#888;
    }

    .testimonial .slick-dots li button:before {
        color:#999;
    }

    .testimonial:hover .slick-prev:before, .testimonial:hover .slick-next:before {
        opacity:1;
        transition:0.3s;
    }

    .footer {
        width:100%;
        background:url(../images/footer.jpg);
        background-size:cover;
        background-position:center;
        display:flex;
        align-items:flex-end;
        color: #b8aa7b;
        text-shadow:1px 1px 0px rgba(0,0,0,0.2);
        padding-top:5rem;
        background-attachment: fixed;
    }

    .footer a {
        color: #b8aa7b;
    }

    .footer a:hover {
        color:#fff
    }

    .footer h3 {
        font-size:1.8rem;
        color:#fff
    }

    .footer li {
        margin-bottom:0.5rem
    }

    .footer h3 {
        margin-bottom:2rem;
        color: #d3a63a;
    }

    .footer h3::after {
        content:"";
        width:40px;
        height:2px;
        background: #d3a63a;
        display:block;
        margin-top:0.5rem;
        transition:0.5s;
    }

    .footer ul {
        margin:0;
        padding:0;
    }

    .footer ul li {
        margin:0 0 1rem 0;
        list-style:none;
    }

    .footer ul li::before {
        content:"\2212 ";
        color: #d3a63a;
        font-weight:bold;
        margin-right:5px;
    }

    .footer .item {
        margin-bottom:1rem;
    }

    .footer .icon {
        color:#fff;
    }

    .footer .icon:hover {
        color:#fff
    }

    .footer .about-list {
        margin-bottom:0rem;
        float: right;
        margin-top: -15px;
    }

    .footer .item .icon {
        font-size: 1.7rem;
        vertical-align:middle;
        color: #d3a63a;
    }

    .footer .about-list .icon {
        font-size:1.8em;
        margin:6px 0px;
        border-radius:30px;
        padding:4px;
        font-size:22px;
        margin:10px 2px;
        transition:0.3s;
        background: rgb(151 43 29);
        color: #ffdba0;
        width:37px;
        height:37px;
        display:inline-block;
        padding-top:9px;
        opacity:0.8;
    }

    .footer .about-list .icon:hover {
        opacity:1;
        background: var(--second-color);
        color: #fff;
    }

    .footer .logo-footer {
        width:auto;
        height:83px;
        filter:brightness(0) invert(1);
        max-width:80%;
        margin-bottom:1rem;
    }

    .footer .btn {
        color:#fff;
        padding:5px 15px;
        border:unset;
        text-shadow:none;
        padding:8px 20px;
    }

    .footer .search input {
        padding:3px 10px 5px 23px;
        background:#fff;
        height:3rem;
        margin:0;
        border-radius:30px 0 0 30px;
        float:left;
        width:72%;
        border-right:0;
        border:1px solid transparent;
        border-right:0;
    }

    .footer .search input:focus {
        border:1px solid var(--primary-color);
        ; outline:3px solid rgba(255,255,255,0.2);
    }

    .footer .search .btn {
        color:#fff;
        width:27%;
        border:2px solid #ffffff;
        border-radius:0 30px 30px 0;
        padding-left:6px;
        background: var(--primary-color);
    }

    .footer .search .btn:hover {
        opacity:0.9
    }

    .footer .end {
        padding:1rem 0rem;
        margin-top:1rem;
        border-top:1px solid rgba(255,255,255,0.3);
    }

    .footer .copyright {
        float:left;
        color: #988557;
    }

    .footer .payment-icons img {
        float:right;
        max-width:190px;
        height:auto;
        margin-bottom:1rem;
        display:block;
    }


    .shining-img {
        position:relative;
        overflow:hidden;
    }

    .shining-img::before {
        content:"";
        width:50%;
        height:100%;
        background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        position:absolute;
        left:-66%;
        z-index:2;
        top:0;
        transform:skewX(-18deg);
    }

    .shining-img:hover:before {
        -webkit-animation:shine 1s;
        animation:shine 1s;
    }

    @-webkit-keyframes shine {
        100% {
            left:125%;
        }
    }

    @keyframes shine {
        100% {
            left:125%;
        }
    }

    .top-icons-three {
        float:right;
        margin-right:20px;
        margin-top:3px;
        clear:right;
    }

    .top-icons-three a {
        position:relative;
    }

    .top-icons-three a img {
        height:30px;
        width:auto;
        display:inline-block;
        margin:3px 9px;
    }

    .top-icons-three a span {
        font-size:12px;
        position:absolute;
        right:20px;
        top:-23px;
        z-index:1;
        background:red;
        color:#fff;
        border-radius:50%;
        width:1.5em;
        height:1.5em;
        text-align:center;
    }

    .top-icons-three .btn {
        float:right;
        padding:10px 30px;
        margin-left:15px;
        padding-right:22px;
    }

    .search-box form {
        border:0
    }

    .search-box input {
        width:100%;
        padding:20px;
    }

    .top-icons {
        float:right;
        margin-bottom:15px;
        clear:right;
        margin-top:1rem;
    }

    .top-icons a {
        font-size:1.2rem;
        border-radius:50%;
        width:2.3rem;
        height:2.3rem;
        margin:2px;
        border:1px solid;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        color:#ecd18b;
        background: var(--second-color);
        border:0;
        border:1px solid rgba(255,255,255,0.3);
        color: #000;
    }

    .top-icons a:hover {
        color:#fff;
    }

    .top-icons a.call {
        width:auto;
        border-radius:13px;
        padding:16px;
    }

    .elementor-widget-text-editor {
        color:#333;
    }

    .wopb-block-image img {
        border-radius:25px;
    }

    .wp-block-product-blocks-product-grid-2 .wopb-product-grid3-overlay {
        box-shadow:0 0 6px 1px rgba(0,0,0,0.07);
        border-radius:30px 30px 0 0
    }

    .wp-block-product-blocks-product-grid-2 .wopb-block-item:hover .wopb-block-content-wrap .wopb-product-grid3-content .wopb-fade-in-block {
        box-shadow:0 7px 6px 1px rgba(0,0,0,.07);
        border-radius:0 0 30px 30px
    }

    a.single_add_to_cart_button, a.added_to_cart, a.wopb-cart-active, a.add_to_cart_button,.wopb-compare-btn, a.wopb-wishlist-add, a.button, button.button {
        background:var(--primary-color) !important;
        border-radius:15px !important;
        color:#fff !important;
        border:none !important;
    }

    a.added_to_cart:hover, a.wopb-cart-active:hover,a.add_to_cart_button:hover,a.button:hover, button.button:hover {
        background:var(--second-color) !important;
        border:none !important
    }

    .wopb-quick-view-wrapper .price bdi, .wopb-quick-view-wrapper .price ins {
        color:var(--primary-color) !important;
    }

    .wopb-block-image img {
        border-radius:6%;
    }

    .wopb-onsale {
        border-radius:15px
    }

    .wopb_f_inline, .wopb-block-item .wopb-product-new-meta {
        border-radius:10px
    }

    .wopb-block-e3cd1f .wopb-product-new-meta .wopb_meta_svg_con svg {
        width:30px;
        height:30px
    }

    .swiper-slide-inner img {
        border-radius:25px;
    }

    .wopb-block-87f234 .wopb-search-icon {
        background:var(--primary-color);
    }

    .wopb-block-87f234 .wopb-search-icon:hover {
        background:var(--second-color);
    }

    .woocommerce div.product div.images img, .slick-initialized .slick-slide {
        border-radius:25px
    }

    .wopb-product-gallery-sale-tag {
        border-radius:12px !important;
    }

    .woocommerce div.product .wp-block-product-blocks-product-tab .wopb-product-wrapper .woocommerce-tabs ul.wc-tabs li a, .wp-block-product-blocks-product-tab .wopb-product-wrapper .woocommerce-tabs ul.wc-tabs li a {
        padding:7px 20px;
        border-radius:40px;
        background:#f5f5f5;
        border:1px solid transparent;
        color:#666
    }

    .woocommerce .wopb-block-a363ed div.product .woocommerce-tabs ul.tabs li a:hover, .wopb-block-a363ed div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce .wopb-block-a363ed div.product .woocommerce-tabs ul.tabs li.active a, .wp-block-product-blocks-row div.product .woocommerce-tabs ul.tabs li.active a {
        padding:7px 20px;
        border-radius:40px;
        background:#f5f5f5;
        border:1px solid var(--primary-color) !important;
        color:#222
    }

    .woocommerce div.product .wp-block-product-blocks-product-tab .wopb-product-wrapper .woocommerce-tabs ul.wc-tabs li.active, .wp-block-product-blocks-product-tab .wopb-product-wrapper .woocommerce-tabs ul.wc-tabs li.active, .wp-block-product-blocks-product-tab div.product .woocommerce-tabs ul.tabs > li:not(:last-child) {
        margin:5px !important
    }

    .wopb-wishlist-addon-btn span,.wopb-compare-btn.wopb-compare-single-btn {
        padding:5px 15px;
        width:160px
    }

    .wopb-wishlist-addon-btn span:hover,.wopb-compare-btn.wopb-compare-single-btn:hover {
        opacity:0.9
    }

    .wopb-product-wrapper .woocommerce-product-rating .woocommerce-review-link {
        color:var(--primary-color)
    }

    .wopb-onsale-hot .wopb-onsale {
        border-radius:12px !important
    }

    .wopb-compare-btn,.wopb-block-item .wopb-product-new-meta .wopb-compare-btn {
        display:none;
    }

    .woocommerce-cart-form .wopb-cart-coupon-submit-btn:hover {
        background:var(--second-color)
    }

    .wopb-block-c7d1f9 .wopb-cart-shopping-btn, .wopb-cart-form .wopb-cart-table-first-option {
        display:none !important;
    }

    .wopb-product-wrapper .wopb-cart-total, .wopb-block-9ff8f2 .wopb-toggle-header {
        background:#f4f4f4
    }

    .wopb-product-wrapper .wopb-coupon-section .wopb-toggle-header {
        color:#222;
    }

    .wopb-product-wrapper.wopb-cart-table-wrapper .wopb-cart-form .wopb-cart-update-btn {
        background:var(--primary-color)
    }

    .wp-block-product-blocks-checkout-coupon {
        display:none;
    }

    .wopb-block-ba34d8 .wopb-checkout-billing-container .woocommerce-billing-fields input, .wopb-block-ba34d8 .wopb-checkout-billing-container .woocommerce-billing-fields select, .wopb-block-ba34d8 .wopb-checkout-billing-container .woocommerce-billing-fields .select2-selection {
        background:#f8f8f8;
        border-radius:12px !important;
        margin-bottom:15px;
        border:1px solid #e5e5e5!important
    }

    form .wp-block-product-blocks-checkout-order-review #order_review {
        background:#f8f8f8;
        padding:15px !important;
        border-radius:25px !important;
    }

    .wopb-block-1e3c34 .wopb-product-wrapper table tbody tr td, .wopb-block-1e3c34 .wopb-product-wrapper table tfoot tr th, .wopb-block-1e3c34 .wopb-product-wrapper table tfoot tr td {
        background:none !important;
    }

    .wopb-block-1e3c34 .wopb-product-wrapper table thead tr th {
        font-weight:bold !important;
        background:none !important;
        border-bottom:5px solid #fff !important;
    }

    .wp-block-product-blocks-checkout-order-review .wopb-product-wrapper table tfoot tr:last-child td, .wp-block-product-blocks-checkout-order-review .wopb-product-wrapper table tfoot tr:last-child th {
        border:none !important;
    }

    .wopb-block-245904 .wopb-product-wrapper #payment ul li label {
        background:#f5f5f5 !important;
        border-radius:10px
    }

    .wopb-block-69c055 .wopb-thankyou-order-details-container table.shop_table thead {
        background:var(--primary-color) !important
    }

    .wopb-block-54b749 .wopb-thankyou-address-container .wopb-address-title {
        color:var(--primary-color) !important
    }

    .wopb-quick-view-wrapper .wopb-discount-percentage {
        background:var(--second-color)
    }

    .wopb-quick-view-wrapper .wopb-discount-percentage:before {
        border-right:10px solid var(--second-color)
    }

    .wopb-quick-view-gallery .wopb-thumbnail .wopb-quick-view-sale {
        background:red;
        border-radius:10px
    }

    .wopb-quick-view-content .wopb-cart-bottom {
        display:none;
    }

    .wopb-quick-view-wrapper .product_meta span a, .wopb-quick-view-wrapper .wopb-product-details {
        color:var(--primary-color)
    }

    .wopb-modal-wrap.wopb-zoom_in .wopb-modal-content, .wopb-modal-header .wopb-modal-close {
        border-radius:30px;
    }

    .wopb-quick-view-wrapper .wopb-modal-body::-webkit-scrollbar-thumb, .wopb-quick-view-wrapper .wopb-main-section::-webkit-scrollbar-thumb {
        background-color:var(--primary-color) !important;
    }

    .wopb-onsale.wopb-onsale-classic {
        background:var(--primary-color)
    }

    .wp-block-product-blocks-row .woocommerce-tabs .active a {
        border:1px solid var(--primary-color) !important
    }

    .wopb-compare-btn-wrap {
        display:none
    }

    .header {
        position:relative;
        height:267px;
        margin-bottom:30px;
        text-align:center;
        display:flex;
        align-content:center;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }



.why-choose{background:#060804;padding: 4rem 0;color: #a08660;position: relative;text-align: center;overflow: hidden;}
.why-choose .item {margin-bottom: 2rem;width: 30%;display: inline-block;margin-bottom: 2rem;margin: 1rem 2rem;}
.why-choose .text{position: relative; z-index: 1}
.why-choose video{width: 100%;color:#888;position: absolute;z-index: 0;width: 100%;right: 0;bottom: 0;}
.why-choose h2{position:relative;z-index:1;color: #d3a63a;font-weight: bold;line-height: 1em;margin-bottom: 3rem;margin-top: 3rem;}
.why-choose h4{color: #000;font-size: 1.15rem;display: block;line-height:1em;margin: 0;font-weight: bold;background: linear-gradient(39deg, rgb(211 166 58 / 5%), rgb(255 213 110 / 20%));padding: 10px 10px 10px 5px;border-radius: 40px;font-family: unset;margin: 0 auto 1rem auto;width: max-content;width: 250px;backdrop-filter: blur(8px);color: #d3a63a;border: 1px solid rgb(211 166 58 / 15%);}
.why-choose p{display: inline-block;line-height: 1.4em;margin: 0;font-size: 1.1rem;text-shadow: 0 0 10px #000;height: 5rem;width: 350px;}

.shop-items{}
.shop-items .item{border-radius:20px;overflow: hidden;padding: 10px;margin: 0px;text-align: center;border: 1px solid #f4f1db;transition: 0.3s;position: relative;}
.shop-items .item img{width: 100%;height:auto;border-radius: 13px;margin-bottom: 0.5rem;}
.shop-items .item h3{font-weight: bold;font-size: 1.2rem;margin-bottom: 0.6rem;margin-top: -30px;}
.shop-items .item p{}
.shop-items .item .price{background: var(--primary-color);margin-bottom: 0.6rem;color: #fff;width: fit-content;padding: 3px 10px;border-radius: 27px;font-size: 0.9rem;display: inline-block;position: relative;top: -55px;left: 2.8rem;height: inherit;}
.shop-items .item .btn{margin: 0 auto; display: block; text-align: center; display: none;}
.shop-items .item:hover{background:linear-gradient(57deg, #fffce9, #fff)}





    /*  medium devices  */
    @media (max-width:1400px) {
        .header .logo img {
        }

        .menu a {
            padding:0 20px;
            border:none !important;
            color:#d1a439;
        }

        .top-icons a {
            font-size:0.85rem;
            width:2rem;
            height:2rem
        }

    }

    /* Mobile Styles */
    @media (max-width:768px) {
        .col-five {
          fles:0 0 50%;
          max-width:50%; /* 100% / 5 columns */
        }
        .col-sm-6 {
            width:50%;
            max-width: 50%;
            flex:none
        }
        .col-sm-12 {
            width:100%;
            max-width: 100%;
            flex:none
        }
        .g-sm-4 {
            --guteer:30px
        }

        .g-sm-3 {
            --guteer:25px;
        }

        .g-sm-2 {
            --guteer:20px;
        }

        .g-sm-1 {
            --gutter:15px;
        }

        .g-sm-0 {
            --guteer:0px;
        }

        .just-mob {
            display:block;
        }

        .no-mob {
            display:none !important;
        }

        .header .logo img {
            height:100px;
        }

        .header {
            height:260px;
        }
        .pages .header{min-height: 260px}

        .container {
            padding-left:40px;
            padding-right:40px
        }

        .hero-banner video{left:-490px}

        .hero-title {
            transform:translateX(0%) scale(0.4);
            transform-origin:58% 157%;
        }

        .hero-cloud {
            top:40%
        }

        .hero-banner .top-box {
            width:450px;
            height:auto;
        }

        .box-with-icon .column {
            border:none;
            margin-bottom:1.5rem;
        }

        .top-icons {
        }

        .top-icons-three {
            position:absolute;
            top:23px;
            right:0;
            text-align:right;
            margin-right:30px;
        }

        .menu-wrap {
            float:none;
            margin:0;
            top:50px;
            right:10%;
            width:80%;
            z-index:20;
            padding:0;
            position:absolute;
        }

        .menu-toggle {
            font-size:1.2rem;
            background:rgb(255 242 210 / 20%);
            padding:10px 20px;
            border-radius:40px;
            width:fit-content;
            left:-10px;
            position:absolute;
            top:-15px;
            color:#ffefb9;
            backdrop-filter:blur(12px);
            z-index:2;
        }

        .menu {
            display:block;
            max-height:0;
            overflow:hidden;
            background:rgba(0,0,0,0.8);
            border-radius:30px;
            padding:0;
            border:0;
        }

        .menu.active {
            max-height:500px;
            /* adjust for menu height */
            padding:0;
        }

        .menu-toggleMenu {
            display:block;
        }

        .menu li ul {
            position:static;
            opacity:1;
            visibility:visible;
            transform:none;
            max-height:0;
            overflow:hidden;
            transition:max-height var(--transition-speed) ease;
            margin:0;
            padding:0;
        }

        .menu li.active ul {
            max-height:300px;
            /* adjust as needed */
            width:90%;
            margin:5%;
        }

        .menu li {
            margin:20px;
            padding:7px 15px;
        }

        .menu li ul li {
            margin:15px 5px;
        }

        .menu li ul li a {
            padding:2px;
        }

        form .form-row .form-group.half {
            flex:1 1 48%;
        }

        .brands img {
            height: 51px;
        }

        .footer {
            height:auto;
            background-position:left;
            background-size: cover;
            background-attachment: unset;
        }

        .footer .contact {
            width:110%;
            margin-left:-10%;
        }

        .menu li ul::before {
            display:none;
        }

        .hero-banner .text {
            top:180px
        }

        .testimonial .item {
            padding:17px;
        }
        .about-home .text{margin:0}
        .about-home .image img{margin-bottom: 1rem}
        .shop-items .item{padding:20px;margin-bottom: 2rem; border-radius: 25px;text-align: left;background: linear-gradient(57deg, #fffce9, #fff)}
        .shop-items .item p{margin:0}
        .shop-items .item img{border-radius: 17px}
        .why-choose .item{width:90%;margin:1.5rem 0;}
        .why-choose p{width: auto; height:auto;}
        .footer h3{margin-top: 2rem}
        .why-choose video{width: 220%;right:-200px;}
  .page-inner .container{padding: 2rem;  border: 0;}

  .page-inner h1 {border:none; font-weight:bold}

  .page-inner .featured-eight .item {padding: 1rem;}

  .page-inner .page-column td{width:100% !important;display:table;margin-top:1rem;margin-bottom:1rem;}

  .page-inner .we-done img {width:100%}

  .page-inner .listing img {margin-bottom:1rem;}

  .page-inner .listing .row {margin-bottom: 3rem !important}

  .page-inner .listing h3 {font-size: 1.4rem;margin-top: 0.2rem}

  .page-inner {padding: 0 0 3rem 0; font-size: 1.1em;}

  .page-inner .innerimg img {width:100%;margin:0 0 1.5rem 0; padding:0; float:none;}

  .blog .item{margin-bottom: 2rem;height:auto;}
  .footer .about-list{float:none;text-align:center;margin-top:0.5rem;padding-bottom:3rem}

    }