@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alex+Brush&family=Anek+Bangla:wght@100..800&family=Bebas+Neue&family=Bodoni+Moda+SC:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Borel&family=Dancing+Script:wght@400..700&family=Dosis:wght@200..800&family=Epilogue:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Gideon+Roman&family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Outfit:wght@100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Rubik:ital,wght@0,300..900;1,300..900&family=Satisfy&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alex+Brush&family=Anek+Bangla:wght@100..800&family=Bebas+Neue&family=Bodoni+Moda+SC:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Borel&family=Dancing+Script:wght@400..700&family=Dosis:wght@200..800&family=Epilogue:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Gideon+Roman&family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Outfit:wght@100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Rubik:ital,wght@0,300..900;1,300..900&family=Satisfy&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alegreya+Sans+SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Alex+Brush&family=Anek+Bangla:wght@100..800&family=Bebas+Neue&family=Bodoni+Moda+SC:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Borel&family=Dancing+Script:wght@400..700&family=Dosis:wght@200..800&family=Epilogue:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Gideon+Roman&family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Outfit:wght@100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Rubik:ital,wght@0,300..900;1,300..900&family=Satisfy&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alegreya+Sans+SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Alex+Brush&family=Anek+Bangla:wght@100..800&family=Bebas+Neue&family=Bodoni+Moda+SC:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Borel&family=Dancing+Script:wght@400..700&family=Dosis:wght@200..800&family=Epilogue:ital,wght@0,100..900;1,100..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Gideon+Roman&family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Outfit:wght@100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&family=Rubik:ital,wght@0,300..900;1,300..900&family=Satisfy&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Tenor+Sans&display=swap');


#wpadminbar {
  display: none !important;
}

body {
  margin: 0;
  padding: 0;
  margin: auto;
  color: #ffffff;
  font-weight: 400;
  font-size: 4.4vw;
  line-height: 6.2vw;
  background: #000000;
  font-family: "Tenor Sans";
  box-sizing: border-box;

  @media (min-width: 1200px) {
    font-size: 1.3vw;
    line-height: 2vw;
  }
}


@tablet: 768px; 
@desktop: 992px; 
@medium-desktop: 1200px;


/* CURSOUR CIRCLE HOVER LESS CODE */
.cursorCircle,
.cursorDot {
    top: 0;
    left: 0;
    z-index: 99999;
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
}
.cursorCircle {
    width: 9.3vw;
    height: 9.3vw;
    border-radius: 50%;
    border: .09vw solid #c79a58;
    box-shadow: 0 0 6px 0px #c79a58;
    @media (min-width: 1200px) {
        width: 3.3vw;
        height: 3.3vw;
    }
}
.cursorDot {
    width: 1.2vw;
    height: 1.2vw;
    border-radius: 50%;
    background: #c79a58;
    @media (min-width: 1200px) {
        width: .55vw;
        height: .55vw;
    }
}


/* SCROLL-TO-TOP ICON LESS CODE */
.scrollToTop{
    opacity:0;
    right: 3vw;
    z-index:999;
    width: 11vw;
    height: 11vw;
    display:flex;
    bottom: 8.6vw;
    position:fixed;
    cursor:pointer;
    transition:.3s;
    visibility:hidden;
    align-items:center;
    border-radius: .6vw;
    pointer-events:none;
    background:#c79a58;
    justify-content:center;
    
    @media (min-width: 1200px) {
        width: 3vw;
        height: 3vw;
        right: 1.2vw;
        bottom: 2.6vw;
    }

    &.show{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .scrollIcon{
        display:flex;
        align-items:center;
        justify-content:center;

        img{
            width: 7vw;
            height:auto;
            display:block;
            filter:brightness(0) invert(1);
            @media (min-width: 1200px) {width: 2vw;}
        }
    }
}




#wpadminbar {
    margin: 0 !important;
    display: none !important;
}
.section-padding {
    padding: 11.2vw 0;
    @media (min-width: 1200px) {padding: 6vw 0;}
}
.container-fluid {padding: 0 5vw;}


/* COMMON CLASSES LESS CODE START */
.section_title {
    width: 100%;

    .section_title_sub {
        color: #c79a58;
        font-size: 4.4vw;
        margin-bottom: 0vw;
        letter-spacing: .1vw;
        letter-spacing: .12vw;
        font-family: 'Tenor Sans';
        text-transform: uppercase;

        @media (min-width: 1200px) {
            font-size: 1.4vw;
            margin-bottom: 0.8vw;
        }
    }

    .section_title_main {
        font-size: 7.2vw;
        color: #ffffff;
        position: relative;
        line-height: 8.4vw;
        margin-bottom: 3.8vw;
        font-family: 'Tenor Sans';

        @media (min-width: 1200px) {
            font-size: 3.4vw;
            line-height: 4vw;
            margin-bottom: 1.2vw;
        }
    }

    .section_title_text {color: #868686;}
}

.commonBtn {
    margin-top: 6.8vw;
    @media (min-width: 1200px) {margin-top: 2.5vw;}
    a{
        button{
            border: 0;
            color: #ffffff;
            padding: 1.5vw 5.8vw;
            border-radius: 2vw;
            white-space: nowrap;
            text-decoration: none;
            border: .1vw solid #ffffff6e;
            background:linear-gradient(180deg,#1b1b1b 0%,#101010 100%);
            transition: 0.3s ease-in-out;

            @media (min-width: 1200px) {
                padding: .7vw 2vw;
            }

            /* &:hover {
                color: #C79A58;
                background: #ffffff;
            } */
        }
    }
}
.btnBox{
    gap: 2vw;
    display: flex;
    align-items: center;
    justify-content: start;
}
/* .lightbtn{
    a{
        button{
            color: #0d0d0d;
            background: #ffffff;
            transition: 0.3s ease-in-out;
            &:hover{
                color: #ffffff;
                background: #c79a58;
            }
        }
    }
} */

/* COMMON CLASSES LESS CODE END */


/* -------------------- Header Less Code Start -------------------- */

header {
    .navbar {
        /* top: 0;
        left: 0; */
        width: 100%;
        z-index: 999;
        position: fixed;
        background: #000000 !important;
        border-bottom: .04vw solid transparent;
        transition: .45s ease;

        @media (min-width: 1200px) {
            padding: 1.2vw 0;
        }

        .container-fluid{
            padding: 0;
            margin: 0 5vw;
            position:relative;
        }

        .navbar-brand{
            top:50%;
            left:50%;
            z-index:5;
            position:absolute;
            transform:translate(-50%,-50%);
            transition:.45s ease;

            img{
                width:25vw;
                transition:.45s ease;

                @media(min-width:1200px){
                    width: 11.5vw;
                }
            }
        }

        .navbar-nav{
            gap:1.8vw;
            opacity:0;
            margin:0 auto;
            visibility:hidden;
            transform:translateY(-.8vw);
            transition:.45s ease;
        }

        .nav-link{
            color:#fff !important;
            &:hover{color:#c79a58 !important;}
        }

        .commonBtn{
            opacity:0;
            visibility:hidden;
            transform:translateY(-.8vw);
            transition:.45s ease;
        }

        .dropdown-menu{
            background:#111;
            border:.05vw solid #2d2d2d;

            .dropdown-item{
                color:#fff;
                &:hover{
                    color:#c79a58;
                    background:none;
                }
            }
        }
    }

    @media(min-width:1200px){

        .navbar.scrolled{
            background:#000 !important;
            border-bottom:.04vw solid #ffffff15;

            .navbar-brand{
                left:0;
                transform:translateY(-50%);
            }

            .navbar-nav{
                opacity:1;
                visibility:visible;
                transform:translateY(0);
            }

            .commonBtn{
                opacity:1;
                visibility:visible;
                transform:translateY(0);
            }
        }
    }


    .mobileOverlay{display:none;}
    .closeMenu{display:none;}

    @media(max-width:1200px){

        .commonBtn{
            display:none;
        }

        .navbar{
            padding:4vw 0;

            .container-fluid{
                margin:0 5vw;
                display:flex;
                align-items:center;
                justify-content:space-between;
            }

            /* Logo always left */
            .navbar-brand{
                position:relative;
                left:0;
                top:0;
                margin:0;
                z-index:10;
                transform:none !important;

                img{
                    width:38vw;
                }
            }

            /* Ignore desktop scroll animation */
            &.scrolled{

                .navbar-brand{
                    left:0;
                    transform:none !important;
                }

                .navbar-nav{
                    opacity:0;
                    visibility:hidden;
                    transform:none;
                }

                .commonBtn{
                    opacity:0;
                    visibility:hidden;
                }
            }
        }

        .navbar-toggler{
            margin-left:auto;
            border:0;
            z-index:1;
            background:#c79a58;

            &:focus{
                box-shadow:none;
            }
        }

        .mobileOverlay{
            left:0;
            top:0;
            opacity:0;
            width:100%;
            height:100%;
            z-index:998;
            display:block;
            position:fixed;
            visibility:hidden;
            transition:.35s;
            background:rgba(0,0,0,.8);

            &.active{
                opacity:1;
                visibility:visible;
            }
        }

        .navbar-collapse{
            top:0;
            left:-76vw;
            width:75vw;
            height:100vh;
            z-index:999;
            position:fixed;
            overflow-y:auto;
            background:#000;
            display:block !important;
            padding:18vw 6vw 5vw;
            transition:left .35s ease;

            &.show{
                left:0;
            }

            .navbar-nav{
                gap:0;
                opacity:1;
                visibility:visible;
                margin-top:5vw;
                transform:none;
                align-items:flex-start;

                .nav-item{
                    width:100%;
                    border-bottom:.08vw solid rgba(255,255,255,.06);
                }

                .nav-link{
                    display:flex;
                    width:100%;
                    padding:4.5vw 0;
                    font-size:3.8vw;
                    font-weight:600;
                    align-items:center;
                    justify-content:space-between;
                    color:#fff !important;
                }
            }

            .dropdown-menu{
                margin:0;
                border:0;
                width:100%;
                background:#111;
                position:static !important;
                transform:none !important;
                padding:2.8vw 4.5vw;

                .dropdown-item{
                    padding:2.8vw 0;
                    color:#fff;

                    &:hover{
                        color:#c79a58;
                        background:none;
                    }
                }
            }
        }

        .closeMenu{
            top:5vw;
            right:5vw;
            width:10vw;
            height:10vw;
            border:0;
            display:flex;
            color:#000;
            font-size:8vw;
            position:absolute;
            align-items:center;
            justify-content:center;
            border-radius:2vw;
            background:#c79a58;
        }

    }
}

/* -------------------- Header Less Code End -------------------- */



/* MAIN BANNER LESS CODE START */
.mainBanner {
    overflow: hidden;
    padding-top: 2vw;
    position: relative;

    .bgVideo{
        img{
            width: 100%;
            height: 140vw;
            object-fit: cover;
            filter: brightness(.5);
            object-position: center;
            @media (min-width: 1200px) {
                height: 50vw;
            }
        }
    }

    .mainBannerCnt{
        top: 55%;
        left: 50%;
        text-align: center;
        position: absolute;
        transform: translate(-50%, -50%);

        .titleMain{
            margin-top: 2vw;
            font-size: 14.4vw;
            color: #ffffff;
            font-weight: 400;
            line-height: 16vw;
            letter-spacing: 2vw;
            font-family: 'Tenor Sans';
            text-transform: uppercase;

            @media (min-width: 1200px) {
                margin-top: 1vw;
                font-size: 5.4vw;
                line-height: 6vw;
                letter-spacing: 1vw;
            }
        }

        .text{
            font-size: 1.4vw;
        }
    }
}
/* MAIN BANNER LESS CODE END */



/* BANNER BOTTOM CARDS SECTION LESS CODE START */
section.bannerBottom{
    position: relative;

    .section_title{
        width: 100%;
        .section_title_sub{text-transform: capitalize;}
    }

    .owl-carousel{
        padding: 0 2.8vw;
        @media (min-width: 1200px) {padding: 0;}
    }

    .bottomCard{
        margin-top: 16vw;
        padding-bottom: 0;
        position: relative;
        height: -webkit-fill-available;
        &:hover .cardImg img{transform: scale(1.05); filter: brightness(.8);}

        @media (min-width: 1200px) {
            padding: .1vw;
            padding-bottom: 0;
            margin-top: 3.5vw;
        }
        
        .cardImg{
            overflow: hidden;
            img{
                width: 100%;
                height: 90vw;
                object-fit: cover;
                object-position: center;
                transition: .4s ease-in-out;
                @media (min-width: 1200px) {height: 22vw;}
            }
        }

        .cardCnt{
            gap: 4vw;
            height: 33vw;
            display: flex;
            border-top: 0;
            align-items: center;
            padding: 4vw 5vw 5vw;
            background: #000000;
            border: .1vw solid #ffffff2b;
            @media (min-width: 1200px) {
                gap: 1.2vw;
                height: 10vw;
                align-items: start;
                padding: 1.8vw 1.5vw 0vw;
            }
            .icon{
                img{
                    width: 14vw;
                    @media (min-width: 1200px) {width: 2.5vw;}
                }
            }
            .cntInfo{
                .title{
                    font-size: 5.8vw;
                    line-height: 6.8vw;
                    font-family: 'Tenor Sans';
                    text-transform: uppercase;
                    @media (min-width: 1200px) {   
                        font-size: 1.4vw;
                        line-height: 1.5vw;
                    }
                }
                .text{color: #868686;}
            }
        }
    }


    .owl-dot{display: none!important;}
    .owl-nav{
        top: 3vw;
        margin: 0;
        right: 1.6vw;
        position: absolute;
        display: block!important;

        @media (min-width: 1200px) {
            right: 0;
            top: -2vw;
        }

        .owl-prev,
        .owl-next{
            width: 9.5vw;
            height: 9.5vw;
            border-radius: 1.2vw;
            background: #c79a58;
            &:hover{background: #c79a58;}

            @media (min-width: 1200px) {
                width: 3.5vw;
                height: 3.5vw;
                border-radius: .6vw;
            }

            span{
                font-size: 10vw;
                display: block;
                color: #ffffff;
                @media (min-width: 1200px) {font-size: 3vw;}
            }
        }
    }
}
/* BANNER BOTTOM CARDS SECTION LESS CODE END */



/* ABOUT US SECTION LESS CODE START */
section.aboutUs{
    position: relative;

    .teamBg{
        img{
            width: 100%;
            height: 100%;
            display: none;
            @media (min-width: 1200px) {display: block;}
        }
    }

    .teamBg_mobile{
        img{
            width: 100%;
            height: 235vw;
            object-fit: cover;
            display: block;
            @media (min-width: 1200px) {display: none;}
        }
    }

    .section_title{
        top: -3%;
        left: 50%;
        width: 100%;
        text-align: center;
        position: absolute;
        transform: translate(-50%, 50%);

        @media (min-width: 1200px) {
            top: -18%;
            width: 48%;
        }

        .section_title_sub{
            color: #ffffff;
            margin-bottom: 7.5vw;
            @media (min-width: 1200px) {
                margin-bottom: 3.5vw;
            }
        }

        .section_title_text{
            color: #928065;
            margin-bottom: 3.2vw;
            @media (min-width: 1200px) {margin-bottom: 1vw;}
        }

        .bottomSub{
            margin: 7.2vw 0 0 0;
            @media (min-width: 1200px) {margin: 4vw 0 0 0;}
        }
    }
}
/* ABOUT US SECTION LESS CODE END */


/* OUR PROJECT SECTION LESS START */
section.ourProjects{
    position: relative;

    .floaterOne,
    .floaterTwo{
        img{
            z-index: -1;
            width: 25vw;
            opacity: .15;
            object-fit: cover;
            position: absolute;
            border-radius: 4vw;
        }
    }
    .floaterOne{
        img{
            left: 0;
            top: -2vw;
        }
    }
    .floaterTwo{
        img{
            right: 0;
            bottom: 0;
            width: 30vw;
        }
    }

    .item{
        margin-top: 5vw;
        @media (min-width: 1200px) {margin-top: 1vw;}

        .projt_image{
            overflow: hidden;
            border-radius: .6vw;
            &:hover img{
                transform: scale(1.06);
                filter: brightness(.6);
            }
            img{
                width: 100%;
                height: 130vw;
                object-fit: cover;
                border-radius: 1.6vw;
                object-position: center;
                transition: .3s ease-in-out;

                @media (min-width: 1200px) {
                    height: 30vw;
                    border-radius: .6vw;
                }
            }
        }
    }
}
/* OUR PROJECT SECTION LESS END */



/* OUR PROCESS SECTION LESS CODE START */
section.our_process{
    position: relative;

    .section_title{
        margin: auto;
        margin-bottom: 3.5vw;
        @media (min-width: 1200px) {
            margin-bottom: 0.5vw;
            width: 100%;
        }
    }

    .workProcess{
        padding-top: 9vw;
        position: relative;
        text-align: center;
        @media (min-width: 1200px) {padding-top: 5vw;}

        .icon{
            margin: auto;
            width: fit-content;
            position: relative;
            .noCount{
                top: -8vw;
                right: 1vw;
                z-index: 2;
                width: 13vw;
                height: 13vw;
                display: flex;
                font-size: 6.5vw;
                font-weight: 600;
                color: #111111;
                border-radius: 50%;
                position: absolute;
                align-items: center;
                background: #ffffff;
                justify-content: center;
                box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.09);
                @media (min-width: 1200px) {
                    top: -2vw;
                    right: -2vw;
                    width: 3.3vw;
                    height: 3.3vw;
                    font-size: 2vw;
                }
            }
            img{
                width: 32vw;
                margin: auto;
                /* border-radius: 50%; */
                /* background: #ffffff; */
                margin-bottom: 5.5vw;
                @media (min-width: 1200px) {
                    width: 8vw;
                    margin-bottom: 2.5vw;
                }
            }
        }
        .title{
            font-size: 6.4vw;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 2.2vw;
            @media (min-width: 1200px) {
                font-size: 1.6vw;
                margin-bottom: 1vw;
            }
        }
        .text{color: #868686;}
    }

    .owl-dots{
        display: block!important;
        button{
            margin: .5vw;
            @media (min-width: 1200px) {
                margin: .2vw;
            }
        }
    }
}
/* OUR PROCESS SECTION LESS CODE END */



/* OUR WORK PARTNERS SECTION LESS CODE START */
section.our_partners{
    padding-bottom: 0;
    position: relative;

    .owl-carousel .owl-stage{
        display: flex;
        align-items: center;
    }

    .item{
        margin-top: 3.5vw;
        @media (min-width: 1200px) {
            margin-top: 2.5vw;
        }
        img{
            width: 20vw;
            @media (min-width: 1200px) {width: 8vw;}
        }
    }
}
/* OUR WORK PARTNERS SECTION LESS CODE END */



/* CONTACT US SECTION LESS CODE START */
section.contactUs{
    overflow: hidden;
    position: relative;

    .row{
        flex-direction: column-reverse;
        @media (min-width: 1200px) {
            flex-direction: row;
        }
    }

    .section_title{
        width: 100%;
        margin-bottom: 3.5vw;
        padding: 0;

        .section_title_sub{
            gap: 3vw;
            display: flex;
            align-items: center;
            margin-bottom: 3.5vw;
            text-transform: capitalize;
            @media (min-width: 1200px) {
                gap: 1vw;
                margin-bottom: 1.5vw;
            }

            span{
                font-size: 8.5vw;
                @media (min-width: 1200px) {font-size: 3.2vw;}
            }
        }
    }

    .contactForm{
        margin-top: 6vw!important;
        padding: 0vw 5vw;
        @media (min-width: 1200px) {
            margin-top: 0!important;
            padding: 0vw 2vw;
            padding-left: 5vw;
        }

        .formRow{
            gap: 1.2vw;
            display:flex;
            margin-bottom:0;
            flex-direction: column;
            @media (min-width: 1200px) {
                gap: 1.2vw;
                margin-bottom: 1.5vw;
                flex-direction: row;
            }
        }

        .formGroup{
            width: 100%;
            margin-bottom: 2vw;
            @media (min-width: 1200px) {width: 50%; margin-bottom: 0;}
        }

        input,
        select,
        textarea{
            width: 100%;
            color:#fff;
            outline:none;
            box-shadow:none;
            font-size: 3.8vw;
            padding: 2.8vw 2.2vw;
            background:transparent;
            border:.08vw solid rgba(255,255,255,.18);

            &::placeholder{color:rgba(255,255,255,.55);}
            &:focus{border-color:#C79A58;}

            @media (min-width: 1200px) {
                font-size: 1.2vw;
                padding: .8vw 1.2vw;
            }
        }
        .textBox{width: 100%;}

        input,
        select{
            height:14.4vw;
            @media (min-width: 1200px) {
                height: 3.4vw;
            }
        }

        select{
            cursor:pointer;
            appearance:none;
            background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M5 7l5 6 5-6z'/%3E%3C/svg%3E");
            background-repeat:no-repeat;
            background-position:right 1.2vw center;
            background-size:.8vw;
            padding-right:3vw;

            option{background:#0F0F10;}
        }

        textarea{
            height:40vw;
            margin-top: 1vw;
            @media (min-width: 1200px) {
                height: 10vw;
                margin-top: 0;
            }
        }
        .commonBtn{
            margin-top: 1.5vw;
            a{button{width: 100%;}}
        }
    }

    .contactImg{
        overflow: hidden;
        img{
            width: 100%;
            height: 60vw;
            object-fit: cover;
            transition: .3s;
            @media (min-width: 1200px) {
                height: 39.8vw;
            }
            &:hover{
                transform: scale(1.1);
                filter: brightness(.8);
            }
        }
    }

    /* For The Inner Page - Contact Us Map And Info Code */
    .infoBox{
        gap: 3.5vw;
        display: flex;
        margin-bottom: 4.4vw;
        align-items: center;
        @media (min-width: 1200px) {
            gap: 1.5vw;
            margin-bottom: 2vw;
        }

        .icon{
            display: flex;
            width: 13.3vw;
            height: 13.3vw;
            flex-shrink: 0;
            align-items: center;
            background: #c79a58;
            justify-content: center;
            @media (min-width: 1200px) {
                width: 4vw;
                height: 4vw;
            }

            img{
                width: 6.6vw;
                @media (min-width: 1200px) {width: 1.6vw;}
            }
        }

        .infoType{
            .title{
                font-size: 5.6vw;
                font-weight: 500;
                color: #ffffff;
                @media (min-width: 1200px) {font-size: 1.6vw;}
            }
            .info{color: #868686;}
        }
    } 

     .contactMap{
        width:100%;
        height: 70vw;
        overflow:hidden;
        margin-top: 3vw;
        border-radius: 0.5vw;
        filter: brightness(.8);
        @media (min-width: 1200px) {
            height: 28vw;
            margin-top: 0;
        }

        iframe{
            border:0;
            width:100%;
            height:100%;
            display:block;
        }
    }
}
section.InnerPageContactUs{
    .contactForm{padding: 0;}
}
/* CONTACT US SECTION LESS CODE END */



/* OUR TESTIMONIALS SECTION LESS CODE START */
section.ourTestimonials{
    position: relative;

    .section_title{
        margin: auto;
        margin-bottom: 3.5vw;
    }

    .owl-carousel{
        padding: 0 1vw;
        @media (min-width: 1200px) {
            padding: 0 5vw;
        }
    }
    .testimonialCard{
        padding: 6.5vw 6vw;
        background: transparent;
        border: .08vw solid rgba(255,255,255,.12);
        @media (min-width: 1200px) {
            padding: 3vw 2.8vw;
        }

        .quoteIcon{
            img{
                width: 10vw;
                margin-bottom: 3.8vw;
                filter: brightness(0) invert(56%) sepia(35%) saturate(500%) hue-rotate(360deg);
                @media (min-width: 1200px) {
                    width: 3.2vw;
                    margin-bottom: 2.2vw;
                }
            }
        }
        .oneLiner{
            color: #d6d2ca;
            font-size: 4.4vw;
            line-height: 6.6vw;
            @media (min-width: 1200px) {
                font-size: 1.3vw;
                line-height: 2vw;
            }
        }

        .clientInfo{
            gap: 2.8vw;
            display: flex;
            margin-top: 5vw;
            align-items: center;
            @media (min-width: 1200px) {
                margin-top: 2.6vw;
            }

            .clientImg{
                img{
                    width: 15.5vw;
                    height: 15.5vw;
                    border-radius: 50%;
                    border: .08vw solid rgba(199,154,88,.4);
                    @media (min-width: 1200px) {
                        width: 4vw;
                        height: 4vw;
                    }
                }
            }
            .infoCnt{
                .name{
                    color: #ffffff;
                    font-size: 5.6vw;
                    font-weight: 500;
                    @media (min-width: 1200px) {
                        font-size: 1.5vw;
                        line-height: 2vw;
                    }
                }
                .about{
                    color: #868686;
                    font-size: 3.4vw;
                    letter-spacing: .04vw;
                    text-transform: uppercase;
                    @media (min-width: 1200px) {font-size: 1.2vw;}
                }
            }
        }
    }
}

 .owl-theme {
        .owl-dots{
            gap: .6vw;
            display: flex;
            margin-top: 2.8vw!important;
            justify-content: center;
            @media (min-width: 1200px) {
                gap: .2vw;
            }
            .owl-dot.active{
                span{
                    width: 13.2vw;
                    background: #c79a58;
                    @media (min-width: 1200px) {
                        width: 6.2vw;
                    }
                }
            }
            .owl-dot{
                span{
                    margin: 0;
                    width: 3.5vw;
                    height: 1.5vw;
                    @media (min-width: 1200px) {
                        width: 1.5vw;
                        height: 0.5vw;
                    }
                }
            }
        }
}
/* OUR TESTIMONIALS SECTION LESS CODE end */



/* PRODUCT INNER PAGE LESS CODE STARTS ------------------------- */
section.productList{
    position: relative;
    background: #121110;
    border-top: .08vw solid rgba(255,255,255,.1);
    border-bottom: .08vw solid rgba(255,255,255,.1);

    .section_title{
        margin: auto;
        margin-bottom: 6vw;
        @media (min-width: 1200px) {
            width: 70%;
            margin-bottom: 1vw;
        }
    }

    .productCard{
        transition: .4s;
        margin-top: 3.5vw;
        &:hover{background: rgba(199, 154, 88, 0.1);}
        &:hover .productImage img{transform: scale(1.06);}
        
        @media (min-width: 1200px) {margin-top: 1.5vw;}

        .productImage{
            overflow: hidden;
            img{
                width: 100%;
                height: 18vw;
                object-fit: cover;
                object-position: center;
                transition: .3s ease-in-out;
            }
        }

        .cardCnt{
            padding: 8vw 4vw 0;
            border: .08vw solid rgba(255,255,255,.12);
            @media (min-width: 1200px) {padding: 1.5vw 2vw 2vw;}
            .cardTitle{
                color: #ffffff;
                font-size: 6.2vw;
                font-weight: 600;
                line-height: 6.4vw;
                font-family:'Fraunces, serif';
                @media (min-width: 1200px) {
                    font-size: 2vw;
                    line-height: 2.2vw;
                }
            }
            .cardText{
                color: #8b8b8b;
                margin: 2.5vw 0 0vw;
                @media (min-width: 1200px) {
                    margin: 1.1vw 0 0vw;
                }
            }
        }
        .commonBtn {
            a {
                button {
                    padding: 0;
                    border: none;
                    background: none;

                   &::after{
                        content:"";
                        left:0;
                        width:100%;
                        bottom:-.6vw;
                        height:.08vw;
                        position:absolute;
                        transform:scaleX(0);
                        transition:.35s ease;
                        transform-origin:left;
                        background:#c6a265;

                        @media (min-width:1200px){
                            bottom:-.3vw;
                        }
                    }

                    &:hover{
                        color:#ffffff;

                        &::after{
                            background:#c79a58;
                            transform:scaleX(1);
                        }
                    }
                }
            }
        }
    }
}
/* PRODUCT INNER PAGE LESS CODE STARTS ------------------------- */























/* OUR SERVICES SECTION LESS CODE START */
section.ourServices{
    position: relative;

    .section_title{
        margin: auto;
        margin-bottom: 1.5vw;
        @media (min-width: 1200px) {
            width: 72%;
            margin-bottom: 0.5vw;
        }
        .waterText{text-align: center;}
        .section_title_main{color: #ffffff;}
    }

    .serviceCard{
        margin-top: 3.5vw;
        position: relative;
        border-radius: 0.5vw;
        background: #ffffff;
        padding: 5vw 5.2vw 7vw;
        height: -webkit-fill-available;
        box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.096);
        transition: 0.5s;
        &:hover{transform: translateY(-.5vw);}

        &:hover .serviceIcon img{
            transform: scale(1.05);
        }

        @media (min-width: 1200px) {
            margin-top: 1.4vw;
            padding: 2vw 2.2vw;
        }

        .serviceIcon{
            overflow: hidden;
            img{
                width: 22.5vw;
                margin-bottom: 6.2vw;
                transition: .3s ease-in-out;
                @media (min-width: 1200px) {
                    width: 7.2vw;
                    margin-bottom: 2.2vw;
                }
            }
        }

        .cardCnt{
            .cardTitle{
                font-size: 6.2vw;
                font-weight: 600;
                line-height: 6.4vw;
                @media (min-width: 1200px) {
                    font-size: 1.6vw;
                    line-height: 2vw;
                }
            }
            .cardText{
                margin: 2vw 0 5.5vw;
                @media (min-width: 1200px) {
                    margin: 1vw 0 3.5vw;
                }
            }
        }
        .commonBtn {
            margin: 0;
            a {
                button {
                    padding: 0;
                    background: none;
                    color: #111111;
                    position: relative;

                    &::after {
                        content: "";
                        left: 0;
                        width: 100%;
                        bottom: -.2vw;
                        height: .08vw;
                        position: absolute;
                        transform: scaleX(0);
                        background: #c79a58;
                        transform-origin: right;
                        transition: transform .45s cubic-bezier(.77,0,.175,1);
                    }

                    &:hover {
                        &::after {
                            transform: scaleX(1);
                            transform-origin: left;
                        }
                    }

                    &:not(:hover)::after {
                        transform: scaleX(0);
                        transform-origin: right;
                    }
                }
            }
        }
    }
}
/* OUR SERVICES SECTION LESS CODE END */

/* OUR PROJECTS SECTION LESS CODE START */
section.ourProject{
    position: relative;
    background: #fef2e8;

    .section_title{
        margin: auto;
        margin-bottom: 15vw;
        @media (min-width:1200px) {
            width: 72%;
            margin-bottom: 3.5vw;
        }
        .waterText{-webkit-text-stroke: .15vw #000000;}
    }

    
}
/* OUR PROJECTS SECTION LESS CODE START */

/* WHY CHOOSE US SECTION LESS CODE START */
section.whyUs{
    padding-top: 0;
    position: relative;

    .colTwo{padding-right: 0;}
    .autoCol{margin: auto;} 

    .section_title{
        width: 100%;
        text-align: start;
        margin-bottom: 2.5vw;
        @media (min-width: 1200px) {
            margin-bottom: 0;
        }
        .section_title_main{color: #ffffff;}
    }

    .whyUs_grid{
        width: 100%;
        height: 100vw;
        position: relative;
        margin-bottom: 7.5vw;
        @media (min-width: 1200px) {
            width: 95%;   
            height: 46vw;
            margin-bottom: 0;
        }

        .smallText{
            right: 3vw;
            font-size: 6.5vw;
            position: absolute;
            color: transparent;
            letter-spacing: .08vw;
            writing-mode: vertical-rl;
            transform: rotate(180deg);
            -webkit-text-stroke: .06vw #c79a58;
            @media (min-width: 1200px) {
                right: 4vw;
                font-size: 2.8vw;
            }
        }

        .imageOne{
            top:0;
            left:0;
            height: 80vw;
            position:absolute;
            border-radius: 0.5vw;
            @media (min-width: 1200px) {
                height: 34vw;
            }

            img{
                height:100%;
                display:block;   
                object-fit:cover;
                border-radius: 0.5vw;
                @media (min-width: 1200px) {
                    height: 100%;
                }
            }
        }

        .imageTwo{
            overflow: hidden;
            border-radius: 0.5vw;
            img{
                bottom: 0;
                right: 2vw;
                height: 46vw;
                object-fit: cover;
                position: absolute;
                border-radius: 0.5vw;
                border-top: 3.5vw solid #111111;
                border-left: 3.5vw solid #111111;
                @media (min-width: 1200px) {
                    right: 0;
                    height: 22vw;
                    border-top: 1.5vw solid #111111;
                    border-left: 1.5vw solid #111111;
                }
            }
        }

        .cntBox{
            left: 0;
            width: 48%;
            bottom: 0vw;
            display: flex;
            height: 17.5vw;
            position: absolute;
            text-align: center;
            align-items: center;
            border-radius: 0.5vw;
            background: #1e1e1e;
            flex-direction: column;
            justify-content: center;
            @media (min-width: 1200px) {
                bottom: 0;
                width: 48%;
                height: 10vw;
            }

            .exp{
                font-size: 7.2vw;
                font-weight: 600;
                color: #c79a58;
                @media (min-width: 1200px) {
                    font-size: 3.8vw;
                    margin-bottom: 1.5vw;
                }
            }

            .liner{
                color: #fff;
                font-size: 3.2vw;
                @media (min-width: 1200px) {
                    font-size: 1.6vw;
                }
            }
        }
    }

    .whyUs_card{
        gap: 3vw;
        display: flex;
        margin-top: 3.8vw;
        align-items: center;
        @media (min-width: 1200px) {
            display: block;
            margin-top: 1.8vw;
        }
        .icon{
            display: flex;
            justify-content: center;

            @media (min-width: 1200px) {
                margin-bottom: 1.2vw;
                justify-content: start;
            }
            img{
                width: 18.5vw;
                height: 18.5vw;
                padding: 4.2vw;
                margin-bottom: 0;
                align-items: center;
                border-radius: 0.5vw;
                background: #c79a58;
                @media (min-width: 1200px) {
                    width: 4.8vw;
                    padding: 1vw;
                    height: 4.8vw;
                }
            }
        }
        .cardCnt{
            .title{
                font-size: 5.2vw;
                font-weight: 500;
                color: #ffffff;
                margin-bottom: 2vw;
                @media (min-width: 1200px) {
                    font-size: 1.6vw;
                    margin-bottom: 0vw;
                }
            }
            .text{color: #868686;}
        }
    }
}
/* WHY CHOOSE US SECTION LESS CODE END */















/* OUR BLOG SECTION LESS CODE START */
section.ourBlog{
    position: relative;

    .section_title{
        margin: auto;
        margin-bottom: 18vw;
        @media (min-width: 1200px) {
            width: 72%;
            margin-bottom: 3.5vw;
        }
        .section_title_main{color: #ffffff;}
    }

    .owl-dot{display: none!important;}
    .owl-nav{
        margin: 0;
        top: -15vw;
        right: 1.6vw;
        position: absolute;
        display: block!important;

        @media (min-width: 1200px) {
            top: -6vw;
            right: .6vw;
        }

        .owl-prev,
        .owl-next{
            width: 9.5vw;
            height: 9.5vw;
            border-radius: 1.2vw;
            background: #c79a58;
            &:hover{background: #c79a58;}

            @media (min-width: 1200px) {
                width: 3.5vw;
                height: 3.5vw;
                border-radius: .6vw;
            }

            span{
                font-size: 10vw;
                display: block;
                color: #ffffff;
                @media (min-width: 1200px) {font-size: 3vw;}
            }
        }
    }
}
.blogCard{
    border-radius: 0.5vw;
    background: #ffffff;
    padding: 2.6vw 2.6vw 0;
    height: -webkit-fill-available;
    display:flex;
    flex-direction:column;

    @media (min-width: 1200px) {height: 40vw;}

    &:hover .Blogimage img{
        transform: scale(1.1);
        filter: brightness(.7);
    }
    @media (min-width: 1200px) {padding: .6vw .6vw 0;}

        .Blogimage{
            display:block;
            overflow:hidden;
            position:relative;
            border-radius: 0.5vw;

            img{
                width:100%;
                height:65vw;
                display:block;
                object-fit:cover;
                border-radius: 0.5vw;
                transition: .3s;
                @media (min-width: 1200px) {
                    height: 18vw;
                }
            }

            span{
                top: 4vw;
                left: 4vw;
                font-size: 3.2vw;
                color: #000000;
                border-radius: 2vw;
                position: absolute;
                padding: 0vw 5.2vw;
                background: #c79a58;
                @media (min-width: 1200px) {
                    top: 1vw;
                    left: 1vw;
                    font-size: .9vw;
                    padding: 0vw 1.4vw;
                }
            }
        }

        .blogCnt{
            padding: 4vw 2.2vw 4vw;
            display:flex;
            flex-direction:column;
            flex:1;

            @media (min-width: 1200px) {padding: 1.6vw .8vw 2vw;}
        }

        .meta{
            gap: 1.4vw;
            display: flex;
            align-items: center;
            margin-bottom: 5vw;
            @media (min-width: 1200px) {
                gap: 1vw;
                margin-bottom: 1.1vw;
            }

            .date,
            .author{
                gap: .4vw;
                display: flex;
                color: #555;
                line-height: 1;
                font-size: 3.6vw;
                align-items: center;
                @media (min-width: 1200px) {
                    gap: .4vw;
                    font-size: 1vw;
                }

            }
        }

        .blogTitle{
            margin-bottom: 2vw;
            @media (min-width: 1200px) {
                margin-bottom: 1vw;
            }
            a{
                font-size: 6.4vw;
                font-weight: 500;
                color: #111111;
                text-decoration:none;
                @media (min-width: 1200px) {
                    font-size: 1.6vw;
                }
            }
        }

        .blogText{color: #868686;}

        .commonBtn{
            margin-top:auto;
            @media (min-width: 1200px) {margin-top:auto;}

            a{
                color:#000;
                display:inline-flex;
                text-decoration:none;
                transition: .2s;
                &:hover{color: #c79a58;}
            }
        }
}

.blogPagination{
    display:flex;
    margin:4vw 0 0;
    justify-content:center;

    .page-numbers{
        width: 10vw;
        display:flex;
        margin:0 1vw;
        height: 7.8vw;
        transition:.3s;
        font-weight:500;
        color:#e2e2e2;
        font-size: 3.5vw;
        align-items:center;
        border-radius: 1.6vw;
        text-decoration:none;
        justify-content:center;
        border:.08vw solid #c79a58;

        @media (min-width: 1200px) {
            width: 3vw;
            height: 2.7vw;
            font-size: 1vw;
            margin: 0 .35vw;
            border-radius: .6vw;
        }
    }

    .page-numbers:hover,
    .page-numbers.current{
        color:#fff;
        background:#c79a58;
    }

    .prev,
    .next{
        width:auto;
        padding: 0 2.5vw;
        border-radius: 1.6vw;

        @media (min-width: 1200px) {
            padding: 0 1.5vw;
            border-radius: .6vw;
        }
    }
}
/* OUR BLOG SECTION LESS CODE END */



/* -------------------- Contact Us Page LESS Code Start -------------------- */
/* COMMON BANNER SECTION START */
section.commonBanner{
    position: relative;

    .commonBanner_bg{
        img{
            width: 100%;
            height: 105vw;
            object-fit: cover;
            filter: brightness(.2);
            object-position: center;

            @media (min-width: 1200px) {height: 32vw;}
        }
    }
    .bannerCnt{
        top: 58%;
        left: 50%;
        width: 100%;
        position: absolute;
        transform: translate(-50%, -50%);

        @media (min-width: 1200px) {width: 50%;}

        .bannerTitle{
            font-size: 10.5vw;
            color: #ffffff;
            font-weight: 600;

            @media (min-width: 1200px) {font-size: 4.8vw;}
        }
        .bannerText{
            margin: 4vw 0;
            color: #99999D;
            @media (min-width: 1200px) {margin: 2vw 0;}
        }
        nav{
            ol{
                margin: auto;
                width: fit-content;
                border-radius: 2vw;
                padding: 1.4vw 2.8vw;
                border: 0.01vw solid #ffffff48;

                @media (min-width: 1200px) {
                    padding: .6vw .8vw;
                    border-radius: 0.6vw;
                }

                li,
                a,
                li::before{
                    color: #ffffff;
                    text-decoration: none;
                    letter-spacing: 0.1vw;
                    transition: .3s ease-in-out;
                    &:hover a{color: #c79a58;}

                    img{
                        width: 5vw;
                        margin-right: 1.6vw;
                        margin-bottom: 0.6vw;
                        @media (min-width: 1200px) {
                            width: 1.2vw;
                            margin-right: .6vw;
                            margin-bottom: 0.2vw;
                        }
                    }
                }
            }
        }
    }
}
/* COMMON BANNER SECTION END */
section.contactUs{
    .contactPage{
        flex-direction: column;
        @media (min-width: 1200px) {
            flex-direction: row;
        }
    }

    .contactForm{
        margin-top: 0;
        margin-bottom:  6vw;
        @media (min-width: 1200px) {margin-bottom: 0;}
    }
}
/* -------------------- Contact Us Page LESS Code End   -------------------- */



/* ------------------- BLOG DETAIL PAGE LESS CODE START ----------------------- */
section.articleBanner {
    overflow: hidden;
    position: relative;

    .articleBanner_bg {
        img {
            width: 100%;
            height: 100vw;
            object-fit: cover;
            filter: brightness(.2);
            @media (min-width: 1200px) {height: 36vw;}
        }
    }

    .articleBanner_content {     
        top: 45%;
        left: 50%;
        width: 100%;
        text-align: center;
        position: absolute;
        transform: translate(-50%, -50%);
        @media (min-width: 1200px) {
            top: 58%;
            width: 70%;
        }

        .articleBanner_title {
            color: #fff;
            font-weight: 600;
            font-size: 7.6vw;
            line-height: 9.2vw;
            margin-bottom: 3.5vw;
            @media (min-width: 1200px) {
                font-size: 4.2vw;
                line-height: 5vw;
                margin-bottom: 1.35vw;
            }
        }
    }
    
    .articleBanner_meta {
        gap: 3.8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        @media (min-width: 1200px) {gap: 1.8vw;}

        .metaItem {
            gap: 2.5vw;
            display: flex;
            align-items: center;
            @media (min-width: 1200px) {gap: .8vw;}

            img {
                width: 4.4vw;
                margin-bottom: .2vw;
                @media (min-width: 1200px) {width: 1.4vw;}
            }

            span {
                color: #fff;
                font-weight: 600;
            }
        }
    }
}
.articleDetail {
    position: relative;

    .BlogContent {
        padding-right: 2vw;
        .articleTitle {
            line-height: 8vw;
            font-size: 6.8vw;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 5vw;

            @media (min-width: 1200px) {
                line-height: 3vw;
                font-size: 2.6vw;
                margin-bottom: 2vw;
            }
        }
        p {color: #99999d;}
    }

    .SidebarCard {
        margin-top: 5.5vw;
        border-radius: 3.6vw;
        padding: 4.2vw 4.4vw 5.6vw;
        border: .01vw solid #e5e5e54d;
        @media (min-width: 1200px) {
            margin-top: 0;
            border-radius: .6vw;
            padding: 1.2vw 1.4vw 2.6vw;
        }

        .postTitle {
            margin: auto;
            font-size: 5.6vw;
            color: #ffffff;
            width: fit-content;
            padding-bottom: 2.6vw;
            border-bottom: .01vw solid #e5e5e54d;

            @media (min-width: 1200px) {
                font-size: 1.6vw;
                margin-bottom: 1vw;
                padding-bottom: .7vw;
            }
        }

        .morePost {
            display: flex;
            flex-direction: column;

            .RecentPost {
                display: block;
                padding: 4.4vw 0;
                text-decoration: none;

                @media (min-width: 1200px) {
                    gap: 1.3vw;
                    display: flex;
                    padding: 1.4vw 0;
                    align-items: center;
                }

                &:hover .Thumb img{
                    transform: scale(1.1);
                    filter: brightness(.5);
                }
        
                &:last-child {
                    border-bottom: 0;
                    padding-bottom: 0;
                }
                
                .Thumb {
                    overflow: clip;
                    border-radius: 3.6vw;
                    @media (min-width: 1200px) {border-radius: .6vw;}
                    img {
                        width: 100%;
                        height: 50vw;
                        object-fit: cover;
                        border-radius: 3.6vw;
                        filter: brightness(.8);
                        transition: .3s;
                        @media (min-width: 1200px) {
                            width: 12vw;
                            height: 8vw;
                            border-radius: .6vw;
                        }
                    }
                }

                .Info {
                    margin-top: 4vw;
                    font-size: 4.4vw;
                    color: #ffffff;
                    line-height: 6vw;
                    text-align: center;
                    @media (min-width: 1200px) {
                        margin-top: 0;
                        font-size: 1.4vw;
                        line-height: 2vw;
                        text-align: start;
                    }
                }
            }
        }
    }
}
/* ------------------- BLOG DETAIL PAGE LESS CODE END ----------------------- */



/* ------------------- PRIVACT-POLICY AND TERMS-CONDITION PAGE LESS CODE END ----------------------- */
section.privacyTerms{
    padding-top: 10vw;
    position: relative;

    .container-fluid{
        padding: 0 7vw;
        @media (min-width: 1200px) {padding: 0 5vw;}
    }
    
    .commonContent{
        padding: 5.5vw 5.2vw;
        border-radius: 2.8vw;
        background: #111111;
        border: .1vw solid rgba(255, 255, 255, 0.219);

        @media (min-width: 1200px) {
            padding: 3.5vw 3.2vw;
            border-radius: 1.2vw;
        }
        
        .title{
            font-size: 7.8vw;
            color: #ffffff;
            font-weight: 600;
            line-height: 8vw;
            margin-bottom: 4.5vw;
            @media (min-width: 1200px) {
                font-size: 4.8vw;
                line-height: 6vw;
                margin-bottom: 3.5vw;
            }
        }
        .content{
            color: #c2c2c2;
            padding-left: 1.8vw;
        }
    }
}
/* ------------------- PRIVACT-POLICY AND TERMS-CONDITION PAGE LESS CODE END ----------------------- */



/* ------------------- thank you and 404 ERROR PAGE LESS CODE END ----------------------- */
section.commonPage{
    position: relative;

    .commonPage_cnt{
        width: 95%;
        margin: auto;
        margin-top: 9.8vw;
        text-align: center;
        border-radius: 2.2vw;
        padding: 9.5vw 7.5vw;
        background: #111111;
        border: .1vw solid rgba(255, 255, 255, 0.247);

        @media (min-width: 1200px) {
            width: 60%;
            margin-top: 4.8vw;
            border-radius: 1vw;
            padding: 4.5vw 5.5vw;
        }

        .title{
            font-size: 8.8vw;
            line-height: 9vw;
            color: #ffffff;
            margin-bottom: 3.5vw;

            @media (min-width: 1200px) {
                font-size: 4.8vw;
                line-height: 5vw;
                margin-bottom: 1.6vw;
            }
        }
        .oneLiner{
            color: #d6d6d6;
        }
    }
}
/* ------------------- thank you and 404 ERROR PAGE LESS CODE END ----------------------- */



/* -------------------- Footer Less Code Start -------------------- */
footer {
  color: #fff;
  position: relative;
  background-image: linear-gradient(rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.84)), url("../images/bgoverlay.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;

  .siteIcon {
    width: 10.8vw;
    margin-bottom: 1.8vw;
    @media (min-width: 1200px) {margin-bottom: 1.3vw;}

    img {
      width: 38vw;
      display: block;
      @media (min-width: 1200px) {
        width: 11.5vw;
      }
    }
  }

  .footer_Intro {
    width: 90%;
    color: #99999d;
    margin-bottom: 2.2vw;
  }

  .cntBox {
    gap: 2vw;
    display: flex;
    margin-top: 3.8vw;
    align-items: center;
    margin-bottom: 3.8vw;
    @media (min-width: 1200px) {
        gap: 1vw;
        margin-top: 0;
        margin-bottom: 1.8vw;
    }
  }

  .callIcn {
    width: 14vw;
    height: 14vw;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: 0.7vw;
    background: #c79a58;
    justify-content: center;
    @media (min-width: 1200px) {
        width: 4vw;
        height: 4vw;
    }

    img {
      width: 7.55vw;
      display: block;
      @media (min-width: 1200px) {width: 1.55vw;}
    }
  }

  .callinfo {
    p {
      margin: 0;
      color: #fff;
      font-size: 4.8vw;
      font-weight: 700;
      @media (min-width: 1200px) {
        font-size: 2vw;
      }
    }

    .no {
      color: #99999d;
      font-size: 4.3vw;
      margin-top: 0.45vw;
      @media (min-width: 1200px) {
        font-size: 1.3vw;
      }
    }
  }

  .socialLinks {
      gap: 1.6vw;
      display: flex;
      margin-bottom: 4.5vw;
    @media (min-width: 1200px) {gap: 0.65vw; margin-bottom: 0;}
  }

  .lnkBox {
    width: 10.5vw;
    display: flex;
    height: 10.5vw;
    cursor: pointer;
    align-items: center;
    border-radius: 0.3vw;
    background: #c79a58;
    justify-content: center;
    transition: 0.2s;
    &:hover {background: #ffffff;}

    @media (min-width: 1200px) {
        width: 2.6vw;
        height: 2.6vw;
    }

    img {
      width: 6.2vw;
      display: block;
      @media (min-width: 1200px) {
        width: 1.2vw;
      }
    }
  }

  .quick_links {
    margin-bottom: 3.5vw;
    @media (min-width: 1200px) {margin-bottom: 0;}
    .text {
      color: #fff;
      font-size: 5.2vw;
      font-weight: 500;
      margin-bottom: 3vw;
      @media (min-width: 1200px) {
        font-size: 2vw;
        margin-bottom: 1.5vw;
      }
    }

    ul {
      margin: 0;
      padding: 0;
      list-style: none;

      li {
        margin-bottom: 1.5vw;
        @media (min-width: 1200px) {margin-bottom: 1vw;}
        &:last-child {margin-bottom: 0;}

        a {
          color: #8d8d8d;
          text-decoration: none;
          &:hover {color: #c79a58;}
        }
      }
    }
  }

  .galryBox {
    gap: 2.5vw;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    @media (min-width: 1200px) {
        gap: 0.65vw;
    }

    .image {
      width: 100%;
      height: 28vw;
      cursor: pointer;
      overflow: hidden;
      border-radius: 0.5vw;
      @media (min-width: 1200px) {
        height: 6.7vw;
      }

      img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
      }
    }
  }
}

.galleryPreview {
  inset: 0;
  width: 100vw;
  display: none;
  z-index: 9999;
  position: fixed;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.85);
  @media (min-width: 1200px) {
    width: 100vw;
  }

  img {
    width: 65vw;
    height: 65vw;
    object-fit: cover;
    border-radius: 0.3vw;
    @media (min-width: 1200px) {
        width: 24vw;
        height: 24vw;
    }
  }
}
.closePreview {
  top: 4vw;
  right: 4vw;
  color: #fff;
  font-size: 3vw;
  cursor: pointer;
  user-select: none;
  position: absolute;
}
/* --------------------  Footer Less Code End  -------------------- */