/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family: Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button{ color: #222; -webkit-tap-highlight-color: transparent;}
input, textarea, select {width: 100%;}
html { font-size: 1em;line-height: 1.4;  } 

::-moz-selection { background: #e7e7e7; color: #000; text-shadow: none; outline: 0; }
::selection { background: #e7e7e7; color: #000; text-shadow: none; }
/* Misc defaults */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0;} 
textarea { resize: vertical;}

/* ==========================================================================
   Browser Upgrade
   ========================================================================== */

.browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;}
.browserupgrade a {color: #b81424;}  


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-size:16px; background-color:#fff;}
h1, h2 { margin:0; font-size: 1em;font-family: "Playfair Display", serif;font-weight: 400}
h3, h4{margin:0; font-size: 1em;font-family: "Playfair Display", serif;font-weight: 400}
h5,h6 { margin:0; font-size: 1em;font-family: "Playfair Display", serif;font-weight: 400}
p{line-height:1.5em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.0em;color: #000;font-weight: 400;font-family:"SuisseIntl Regular";}
a {text-decoration:none;outline:0; outline-color: rgba(0, 0, 0, 0);}
ul {list-style:none; padding:0; margin:0;}
img {max-width:100%; height:auto;width: 100%;}
input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);}
textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], select, button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
select > option {padding: 0; -moz-padding:0;}
::-webkit-input-placeholder{font-weight: 400;}
:-moz-placeholder{font-weight: 400;}
::-moz-placeholder{font-weight: 400;}
:-ms-input-placeholder{font-weight: 400;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none; 
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
 
/* ==========================================================================
                              text colors related
   ========================================================================== */
/* normal */
*{box-sizing:border-box;}
body {color:#000;font-family: "Playfair Display", serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
/*body{background: url(../bg/Woodscape-Interior-Landing-Page-Design.jpg) no-repeat 0 0 /100% auto;padding-bottom: 1000px;}*/
@font-face {font-family:"SuisseIntl Regular";src:url("SuisseIntl-Regular.ttf");}
@font-face {font-family:"SuisseIntl Medium";src:url("SuisseIntl-Medium.ttf");}
@font-face {font-family:"SuisseIntl Light";src:url("SuisseIntl-Light.ttf");}
@font-face {font-family:"SuisseIntl Book";src:url("Suisse-Intl-Book.ttf");}
@font-face {font-family:"SuisseIntl SemiBold";src:url("SuisseIntl-SemiBold.ttf");}
/* ==========================================================================
                             commoncode
   ========================================================================== */
.mob,.mob1,.sldmnu{display: none;}
.mmenu{font-size: 0;}
.mmenu > li{display: inline-block;vertical-align: top;font-size: 16px;}
.albaneslid > div{display: inline-block;vertical-align: middle;font-size: 16px;}
.mdestpe{display: table;width: 100%;}
.mdestpe > li{display: table-cell;vertical-align: top;}
.bannerslid,.bannercls,.albane{position: relative;}

input.error {border: 1px solid #ff0000 !important;}
em.error {
font-size: 0.75em;
color: #ff0000;
}
#orimode{position:fixed;z-index:9999999;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.9);display:none}.oriprompt{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#fff;position:absolute;top:50%;left:0;right:0;padding:20px}.oriprompt{text-align:center;color:#fff}.oriprompt h3{color:#fff;text-transform:uppercase;font-size:1.6em}.oriprompt p{color:#fff;text-align:center;font-size:1em;}
.oriprompt img {width: auto;}
#overlay,#FlashmesOverlay{z-index:999999;align-items: center;justify-content: center;display: none;}
#overlay,#FlashmesOverlay{width:100%;height:100%;top:0;min-width:320px}
#overlay,#FlashmesOverlay{position:fixed}
#overlay,#FlashmesOverlay{background-color:rgba(0,0,0,.6)}
#message,#flashmessage{width:50%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:10px}
#message,#flashmessage{border-radius: 15px;background-color: #fff;}
#message,#flashmessage{font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 40px;background: #E21D24;border-radius: 10px;margin-bottom: 33px;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#flashmessage > p {padding: 25px;font-size: 18px;line-height: 1.5em;}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape) {
#orimode {display: block;}
}
/* ==========================================================================
                              animation
   ========================================================================== */
a,.sldmnu,.logo,.btn-icon{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.logo img{transition: none;}
.bstsvcr1 img,.whychs1 img,.portflit1 img,.testimlt1 img,.drkfeatit1 img,.prjtglry11 img{transition: all 500ms ease-in-out;}
.bstsvcr1,.whychs1,.portflit1,.testimlt1,.prjtglry11{overflow: hidden;}
.bstsvcr1:hover img,.whychs1:hover img,.portflit > a:hover .portflit1 img,.prjtglry11 > a:hover img {transform: scale(1.05);}

.text > h2,.text > p,.hmbtnz,.hmbaner1 img{transition: all 800ms cubic-bezier(.42,0,.58,1);}
.text > h2{transition-delay: 0.25s;}
.text > p{transition-delay: 0.5s;}
.hmbtnz{transition-delay: 0.75s;}
.text > h2,.text > p,.hmbtnz{opacity: 0;}
.content.anmtr .text > h2,.content.anmtr .text > p,.content.anmtr .hmbtnz{opacity: 1;}

/* ==========================================================================
                              header
   ========================================================================== */
header{position: fixed;width: 100%;top: 0;z-index: 666;}
.header{width: 100%;background-color: transparent;transition: background-color 500ms ease-in-out;}
.header.shead{background-color: rgba(13, 27, 42, 0.95);}
.hedcontainer{padding: 1.8% 6.7%;display: flex;align-items: center;justify-content: space-between;position: relative;transition: padding 500ms ease-in-out;}
.header.shead .hedcontainer{padding: 1% 6.7%;}
.logo{width: 10vw;}
.header.shead .logo{width: 8vw;}
.logo img{width: auto;}
.navi{display: flex;align-items: center;font-family:"SuisseIntl Regular";}
.navi > li{padding-right: 3vw;position: relative;}
.navi > li:last-child{padding-right: 0;}
.navi > li > a{color: #fff;font-size: 1.1vw;display: block;font-weight: 400;text-transform: capitalize;}
.navi > li.active > a,.navi > li > a:hover{color: #e60024;}
.navi > li > a.quotebtn,.opts > li > a.quotebtn {
    display: flex;
    align-items: center;
}span.sticn1 {
    padding-right: 1.2vw;
}
span.sticn2 {
    width: 3vw;
    height: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;background-color: #e60024;
}
span.sticn2 > svg,span.btn-icon > svg {
    transform: rotate(-45deg);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.navi > li > a.quotebtn:hover span.sticn2 > svg,.btn-quote:hover .btn-icon svg, .btn-whatsapp .btn-icon svg{transform: rotate(0);}
.btn-quote:hover .btn-icon, .btn-whatsapp:hover .btn-icon{margin-left: 0;}
button.owl-prev.disabled,button.owl-next.disabled {
    pointer-events: none;
    opacity: 0;
}
/* ==========================================================================
                              content / hero
   ========================================================================== */
.content{padding-top: 0;}
.hmbaner{position: relative;}
.hmbaner1{position: relative;}
.hmbaner2{position: absolute;left: 6.8%;top: 44%;width: 45%;z-index: 2;}
.text > h2{font-size: 4.65vw;color: #fff;font-weight: 400;line-height: 1em;padding-bottom: 3%;}
.text > p{color: rgba(255,255,255,0.85);font-size: 1.15vw;line-height: 1.5em;padding-bottom: 4%;font-weight: 400;}
.hmbtnz{display: flex;align-items: center;gap: 35px;}
a.btn-quote, a.btn-whatsapp {
    display: flex;
}
.btn-text {
    padding: 0.8vw 1.5vw;
    font-size: 1.1vw;
    font-family: "SuisseIntl Regular";
    display: block;
}
span.btn-clr1 {
    color: #000;
    background-color: #fff;
}
span.btn-icon {
    width: 3.2vw;
    height: 3.2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;background-color: #e60024;
}
span.btn-clr2 {
    color: #fff;
    border: 1px solid #fff;
}
.btn-clrb{color: #fff;
    background-color: #000;}
.btn-quote:hover span.btn-clr1,.btn-whatsapp:hover span.btn-clr2,.btn-quote:hover span.btn-clrb{background-color: #e60024;color: #fff;border: none;}
.banerslider .owl-dots {
    position: absolute;
    text-align: center;
    bottom: 6.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    left: 0;
    right: 0;
}
.banerslider .owl-dots .owl-dot {
    background-color: #fff;
    width: 4vw;
    height: 2px;
}
.banerslider .owl-dots .owl-dot.active{background-color: #e60024;}
/* ==========================================================================
                              stats
   ========================================================================== */
.statbar{display: flex;justify-content: space-between;padding: 3.7% 6.8%;}
.statitm{width: 23.8%;background-color: #dedcdcf3;
    padding: 1.5px;
    --cut: 3.6vw;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);
    transition: background 0.4s ease, filter 0.4s ease;}
.statitms{padding: 10.7% 15.8%;background-color: #fff; --cut: 3.5vw;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);height: 100%;}
.statitm1 {
    width: 4.5vw;
}
.statitm2 {
    padding-top: 3vw;
}
.statitm2 > h4 {
    font-size: 4.5vw;
    line-height: 1.2em;
    font-family: "SuisseIntl Medium";
}
.statitm2 > span {
    font-size: 1.3vw;
    font-family: "SuisseIntl Regular";
}
.statitm:hover {
    background: linear-gradient(90deg, #000000, #E60024, #ff4d6a);
    background-size: 300% 300%;
    animation: gradientMove 3s linear infinite;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.08));
}
.statitm:hover .statitm2 > h4, .statitm:hover .statlbl {
    background: linear-gradient(90deg, #000000, #E60024, #ff4d6a);
    background-size: 300% 300%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientMove 3s linear infinite;
}
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}
/* ==========================================================================
                              services
   ========================================================================== */
.bstsvc{padding: 3.5% 0 0;}
.bstsvcx,.wework {
    width: 65%;
    margin: 0 auto;
    text-align: center;
}
.bstsvcx > h5,.wework > h5 {
    font-family: "SuisseIntl Light";
    color: #e60024;
    font-size: 1.8vw;
    text-transform: capitalize;
}
.bstsvcx > h2,.wework > h3 {
    font-size: 4.6vw;
    line-height: 1em;
}
.wework > h3 {
    line-height: 1.3em;
}
.bstsvcx > p,.wework > p {
    font-family: "SuisseIntl Regular";
    padding-top: 24px;
    width: 85%;
    margin: 0 auto;
    font-size: 1.1vw;
    opacity: 0.6;
}
.bstsvcl {
    padding-top: 3.3%;
}
.bstsvcr {
    display: flex;
    align-items: center;
}
.bstsvcr1 {
    width: 51%;
    overflow: hidden;
}
.bstsvcr2 {
    width: 49%;
    padding: 0% 7% 0 6.6%;
}
.bstsvcr2 > h3 {
    font-size: 4.6vw;
    padding-bottom: 4%;
    line-height: 1.2em;
}
.bstsvcr2 > p {
    font-size: 1.1vw;
    line-height: 1.5em;
    padding-bottom: 7.5%;
    font-weight: 400;
    opacity: 0.6;
}
.features-list > li {
    padding-bottom: 1.3vw;
}
.features-list {
    font-family: "SuisseIntl Regular";padding-bottom: 30px;
}
.features-list > li svg {
    width: 1.4vw;height: 1.4vw;
    border: 1px solid #c9c7c7;
    padding: 2px;
    margin-right: 15px;vertical-align: middle;
}
.features-list > li span {
    font-size: 1.55vw;
}
@media (min-width: 769px) {
    :root {
        --nav-height: 100px;
    }

    #services.services-sticky-layout {
        position: relative;
        overflow: visible;
    }

    #services.services-sticky-layout .bstsvcl {
        position: relative;
        overflow: visible;
    }

    #services.services-sticky-layout .bstsvcr {
        padding: 0;
        overflow: visible;
        position: relative;
        align-items: start;
        background: #fff;
        z-index: 15;
    }

    #services.services-sticky-layout .bstsvcr + .bstsvcr {
        margin-top: -2px;
    }

    #services.services-sticky-layout .bstsvcr1 {
        position: relative;
        align-self: start;
        height: calc(100vh - var(--nav-height, 100px));
        min-height: calc(100vh - var(--nav-height, 100px));
        z-index: 1;
        will-change: transform;
        overflow: hidden;
    }

    #services.services-sticky-layout .bstsvcr1 img {
        width: 100%;
        height: calc(100% + 14vh);
        margin-top: -7vh;
        object-fit: cover;
        object-position: center center;
        display: block;
        transition: none;
    }

    #services.services-sticky-layout .bstsvcr1:hover img {
        transform: none;
    }

    #services.services-sticky-layout .bstsvcr2 {
        min-height: auto;
        position: relative;
        z-index: 3;
        background: #fff;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #features {
        position: relative;
        z-index: 20;
        overflow-x: clip;
        background-color: #0d0d0d;
    }

    #features .drkfeat {
        position: relative;
        z-index: 1;
    }

    #process {
        position: relative;
        z-index: 25;
        overflow-x: clip;
        background: #fff;
    }

    #process .wework,
    #process .whychs {
        position: relative;
        z-index: 1;
        background: #fff;
    }

    /* header {
        height: 100px;
    } */

    /* .hedcontainer {
        height: 100%;
        padding-top: 0;
        padding-bottom: 0;

    } */

/*
    .logo {
        width: 90px;
    }

    .logo img {
        max-height: 70px;
        width: auto;
    }
*/
}
/* ==========================================================================
                              dark features
   ========================================================================== */
   

.drkfeat {
    padding: 8.5% 6.7%;
    background: url(../assets/background.jpg) center / cover;
    position: relative;
}
.drkfeatl {
    display: flex;
    justify-content: space-between;
}
.drkfeatla {
    width: 23.8%;background: url(../img/card.png) no-repeat 0 0 / 100% 100%;
    transition: background 0.4s ease, filter 0.4s ease;
}
.drkfeatla:hover{background: #000 url(../img/card1.png) no-repeat 0 0 / 100% 100%;}
.drkfeatit{padding: 10.7% 10.8% 5.7% 15.8%;}
.drkfeatit1 {
    width: 6.4vw;padding-bottom: 28px;
}
.drkfeatit > h3 {
    color: #e60024;
    font-size: 4.2vw;
    line-height: 1em;font-family: "Libre Bodoni", serif;
}
.drkfeatit > h4 {
    color: #fff;
    font-size: 1.45vw;padding-top: 5px;
    padding-bottom: 10px;
    font-family: "SuisseIntl Book";
}
.drkfeatit > p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.1vw;
    line-height: 1.5em;
    padding-bottom: 0;
    font-weight: 400;
}
/* ==========================================================================
                              why choose
   ========================================================================== */
.wework {
    padding: 6.7% 0 2%;
    width: 53%;
}
.whychs {
    display: flex;
    padding: 0 6.8%;
}
.whychs1 {
    width: 50%;
    overflow: hidden;
}
.whychs2 {
    width: 50%;
    padding-left: 5%;
}
.whychslst > li {
    padding-bottom: 5.5%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 6%;
}
ul.whychslst > li > a {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.daywrk1 {
    width: 93%;
}
.daywrk1 > h4 {
    color: #e60024;
    font-family: "SuisseIntl SemiBold";
    font-size: 1.3vw;
}
.daywrk1 > h5 {
    font-family: "SuisseIntl Medium";
    font-size: 1.4vw;
    color: #000;
}
.daywrk2 {
    width: 6.5%;
}
.daywrk2 > h5 {
    font-family: "SuisseIntl Regular";
    background-color: #efefef;
    font-size: 1vw;
    width: 2.5vw;
    height: 2.5vw;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.whychslst > li.active .daywrk2 > h5 {background-color: #e60024;color: #fff;}
.daywrk3 {
    width: 85%;display: none;
}
.daywrk3 > p {
    font-size: 1.1vw;
    padding-bottom: 0;
    opacity: 0.6;
    padding-top: 8px;
    line-height: 1.4em;
}
.strtprj {
    padding-top: 35px;    padding-bottom: 35px;    display: flex;
    justify-content: center;
}
.strtprj > a {
    justify-content: center;
}
/* ==========================================================================
                              packages table
   ========================================================================== */
.wework.pckg {
    width: 63%;padding: 5% 0 0%;
}
.pkgtbl {
    padding: 0.5% 6.8% 4.6%;
    overflow: visible;
}
.pkgtblw {
    overflow: visible;
}
.pkgtblt {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.pkgtblt th,.pkgtblt td{padding: 1.7vw 2vw;font-size: 1vw;border: 1px solid #e5e5e5;font-family: "SuisseIntl Regular";}
.pkgtblt td {padding: 1.6vw 0.5vw 1.1vw 2vw;line-height: 1.3em;    vertical-align: top;}
.pkgtblt th{background-color: #f6f6f6;color: #000;font-size: 1.3vw;font-family: "SuisseIntl Regular";text-align: left;}
@media (min-width: 769px) {
    .pkgtblt thead th {
        position: sticky;
        top: 8vw;
        z-index: 5;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    }
}
.pkgtblt th.hilit{background-color: #ffebe4;}
.pkgtblt th.hilit2{background-color: #ffccce;font-family: "SuisseIntl SemiBold";}
.pkgtblt td.hilit3{background-color: #fff9f7;}
.pkgtblt td.hilit4{background-color: #ffe8eb;}
.pkgtblt tbody tr:nth-child(even){background-color: #fffbfc;}
.pkgtblt tbody tr td b{color: #e60024;font-family: "SuisseIntl Medium";}
.pkgtblt th:nth-child(4) {width: 17%;}
.pkgtblt th:nth-child(3) {width: 20%;}
.pkgtblt th:nth-child(2) {width: 19%;}
.pkgtblt th:nth-child(1) {width: 18%;}
.pkgtblt td svg {
    width: 1vw;height: 1vw;
    margin-right: 5px;
}
.pkgstrt {
    padding: 35px 0;
}
.pkgstrt > a {
   justify-content: center;
}
.pkgstrt > p {
    text-align: center;
    font-size: 1.1vw;
    opacity: 0.6;
}
/* ==========================================================================
                              portfolio
   ========================================================================== */
.portfl{padding: 2.5% 0 6.4%;background-color: #f4f4f4;    overflow: hidden;}
.portfll {
    padding-left: 6.8%;
    margin-top: 2.3%;
}
.portflit > a {
    display: block;
    position: relative;
    overflow: hidden;
}
.portflit > a::before,.prjtglry11 > a::before{ position: absolute;content: '';
    left: 0;
    right: 0;
    bottom: 0;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.9) 100%);z-index: 1;}
.portflit2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2.6vw 2.5vw 2vw;z-index: 2;
}
.portflit2 > h5 {
    color: #e60024;
    font-size: 1.7vw;
    font-family: "SuisseIntl Medium";
}
.portflit2 > p {
    font-family: "SuisseIntl Light";
    color: #fff;
    font-size: 1.1vw;    display: flex;
    align-items: center;    padding-bottom: 0;
}
.portflit2 > p svg {
    transform: rotate(-45deg);
    margin-left: 10px;
}
.portfl .owl-nav,.prjtglry .owl-nav,.testiml .owl-nav{position: absolute;top: 46%;    left: 4.5vw;right: 4.5vw;display: flex;justify-content: space-between;pointer-events: none;}
.portfl .owl-nav button,.prjtglry .owl-nav button,.testiml .owl-nav button{pointer-events: all;width: 4vw;height: 4vw;background-color: #000 !important;border-radius: 50% !important;display: flex !important;align-items: center;justify-content: center;margin: 0 !important;}
.portfl .owl-nav button span,.prjtglry .owl-nav button span,.testiml .owl-nav button span{font-size: 0;background: url(../img/rarrow.png) no-repeat 0 0 / 1vw auto;display: block;width: 1vw;height: 1vw;}
.portfl .owl-nav button.owl-prev span,.prjtglry .owl-nav button.owl-prev span,.testiml .owl-nav button.owl-prev span {transform: rotate(-180deg);}
.portfll .owl-stage-outer,.prjtglry .owl-stage-outer {
    overflow: visible !important;
}
.popupz,.gpopupz {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2001;
    display: none;
}
.popup-overlay,.gpopup-overlay{position: absolute;top: 0;
    left: 0;
    right: 0;
    bottom: 0;background: rgba(0, 0, 0, 0.7);}
.popup-box,.gpopup-box {
    background-color: #fff;
    width: 40%;
    margin: 0 auto;
    padding: 10px;
    position: relative;max-height: 90%;
    top: 50%;
    transform: translateY(-50%);overflow: hidden;
}
.closevid.close-popup {
    border: 1px solid #000;    right: 0px;
    top: 0px;z-index: 10;
}
.datasect,.gdatasect {
    display: none;
}
.popup-carousel .owl-nav,.gpopup-carousel .owl-nav {    position: absolute;
    top: 46%;
    left: 0px;
    right: 0px;    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.popup-carousel .owl-nav button.owl-prev, .popup-carousel .owl-nav button.owl-next,.gpopup-carousel .owl-nav button.owl-prev, .gpopup-carousel .owl-nav button.owl-next {    pointer-events: all;
    width: 3vw;
    height: 3vw;
    border: 1px solid #fff !important;background-color: #000 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}
.popup-carousel .owl-nav button.owl-prev span, .gpopup-carousel .owl-nav button.owl-prev span {
    transform: rotate(-180deg);
}

.popup-carousel .owl-nav button span, .gpopup-carousel .owl-nav button span{
    font-size: 0;
    background: url(../img/rarrow.png) no-repeat 0 0 / 1vw auto;
    display: block;
    width: 1vw;
    height: 1vw;
}
/* ==========================================================================
                              gallery
   ========================================================================== */
.ourwork {
    padding: 1% 0;overflow: hidden;
}
.prjtglry {
    padding-left: 6.8%;padding-right: 17%;
    margin-top: 4%;
}
.prjtglry1{
    display: flex;
}
.prjtglry11 {
    width: 39.8%;    position: relative;
}
.prjtglry11 > a p {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 6%;
    font-size: 1.1vw;
    display: flex;
    align-items: center;
    justify-content: center;    z-index: 1;
}
.prjtglry11 > a p svg {
    transform: rotate(-45deg);
    margin-left: 10px;
}
.prjtglry12 {
    width: 60.2%;
    padding: 3.9% 3% 3% 6%;    background-color: #000;
}
.prjtglry12 > h3 {
    color: #e60024;
    font-size: 2.3vw;
}
ul.prjtglry13 > li {
    color: #fff;
    font-family: "SuisseIntl Regular";
    font-size: 1.1vw;
    padding-left: 1.4vw;
    position: relative;
}
ul.prjtglry13 > li::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1vw;
    height: 1vw;
    background: url(../img/rprj1.png) no-repeat 0 0 / 100% auto;
}
ul.prjtglry13 > li:nth-child(2)::before{background: url(../img/rprj2.png) no-repeat 0 0 / 100% auto;}
ul.prjtglry13 > li:nth-child(3)::before{background: url(../img/rprj3.png) no-repeat 0 0 / 100% auto;}
ul.prjtglry13 {
    margin-top: 3%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: space-between;
    padding: 0.7vw 1vw;
}
.prjtglry12 > p {
    font-family: "SuisseIntl Light";
    color: #fff;
    font-size: 1.1vw;
    padding-top: 1.4vw;
    opacity: 0.7;
}
.prjtglry14 {
    margin: 0 -5%;
    padding: 5% 5%;
    background-color: #1a1a1a;    position: relative;    overflow: hidden;
}
.prjtglry14::after {
    position: absolute;
    content: '';
    bottom: -2.4vw;
    right: 2vw;
    width: 10vw;
    height: 8vw;
    background: url(../img/colon.png) no-repeat 0 0 / 100% auto;
    opacity: 0.1;
}
.prjtglry14 > p {
    color: #fff;
    font-family: "SuisseIntl Light";
    font-size: 1.1vw;    padding-bottom: 10px;
}
.prjtglry14 > h5 {
    font-family: "SuisseIntl Medium";
    color: #fff;
    font-size: 1.25vw;
}
.ourworkvo {
    margin: 5.4% 6.8% 2.5%;position: relative;
}
.alive {
    position: relative;
}
.alive2 {
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    width: 41%;
    text-align: center;
}
.alive2 > h3 {
    color: #fff;
    font-size: 4.7vw;
    line-height: 1.2em;
}
.alive2 > p {
    color: #fff;
    font-size: 1.1vw;
    padding-top: 15px;
    padding-bottom: 25px;
}
.alive2 > a {
    color: #fff;
    position: relative;
    background-color: rgba(255, 255, 255, 0.3);
    font-family: "SuisseIntl Regular";
    padding: 1.6vw 3.5vw 1.6vw 5.5vw;
    border-radius: 3vw;
    display: inline-block;
    font-size: 1.2vw;
}
.alive2 > a::before {
    position: absolute;
    content: '';
    left: 3vw;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8vw;
    height: 2.3vw;
    background: url(../img/triang.png) no-repeat 0 0 / 100% auto;
}
.alivevdo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.closevid {
    position: absolute;
    top: 15px;
    right: 25px;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
}
/* ==========================================================================
                              pricing
   ========================================================================== */
.wework.priz {
    width: 70%;
    padding: 5% 0 0;
}
.wework.priz h3 {
    line-height: 1em;
}
.wework.priz > p {
    width: 65%;
    padding-top: 15px;
}
.boxcnt {
    width: 80%;
    margin: 14px auto;
    background-color: #ffdee3;
    padding: 1.5vw 2vw;
}
.boxcnt > p {
    opacity: 0.6;
    font-size: 1.1vw;
    padding-bottom: 0;
}
.prizlst {
    padding: 2.5% 6.8%;
    display: flex;
}
.prizlst1:last-child {
    margin-right: 0;
}

.prizlst1 {
    width: 24%;
    margin-right: 1.3%;
}
.prizlst11 {
    background-color: #f0f0f0;    padding: 12% 8% 6% 12%;    margin-bottom: 6px;
}
.prizlst11 > h4 {
    color: #e60024;font-size: 1.45vw;
    font-family: "SuisseIntl Book";
}
.prizlst11 > h3 span {
    font-size: 1vw;
    font-family: "SuisseIntl Regular";
}

h3 n {
    font-family: "Libre Bodoni", serif;
}
.prizlst11 > h3 {
    font-size: 3.7vw;
    line-height: 1.2em;
}
.prizlst11 > h5 {
    font-family: "SuisseIntl Medium";
    font-size: 1.1vw;
    margin-top: -9px;
}
.prizlst12 {
    padding: 9% 8% 3% 12%;    background-color: #f0f0f0;    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 72%;
}
.prizlst12 > ul li {
    font-family: "SuisseIntl Regular";
    font-size: 1.1vw;
    padding-left: 1.6vw;
    line-height: 1.3em;
    position: relative;
    padding-bottom: 1.8vw;
}
.prizlst12 > ul li:last-child {
    padding-bottom: 1vw;
}
.prizlst12 > ul li::before {
    position: absolute;
    content: '';
    width: 1vw;
    height: 1vw;
    left: 4px;
    top: 4px;
    background: url(../img/tick.png) no-repeat 0 0 / 100% auto;
}
.sample {
    padding: 1.4% 6.8%;
    display: flex;
}
.samplez {
    width: 32%;
    background-color: #dedcdcf3;
    padding: 1.5px;
    --cut: 5vw;
    clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
    transition: background 0.4s ease, filter 0.4s ease;
    margin-right: 2%;
}
.samplez:last-child {
    margin-right: 0;
}
.samplee {
    padding: 14.5% 10.8%;
    background-color: #fff;
    --cut: 4.9vw;
    clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
    height: 100%;
}
.samplei {
    width: 30%;
}
.samplee > h5 {
    font-size: 1.65vw;
    font-family: "SuisseIntl Medium";
    padding: 20px 0;
    line-height: 1.3em;
}
.samplee > p {
    font-size: 1.1vw;
    padding-bottom: 0;
}
/* ==========================================================================
                              testimonials
   ========================================================================== */
.testim{padding: 1% 6.8%;    overflow: hidden;}
.testiml {
    padding: 3.6% 14.5%;
}
.testiml .owl-stage-outer {
    overflow: visible !important;
}
.testimlt {
    padding: 6% 6%;    background-color: #f0f0f0;
}
.testimlt1 {
    text-align: center;    position: relative;
}
.testimlt1 > p {
    font-size: 1.38vw;
    line-height: 1.4em;
}
.testimlt2 {
    width: 57%;
    margin: 7px auto 0;
    padding-top: 25px;
    border-top: 2px dashed #ccc;
}
.testimlt2 > h5 {
    font-family: "SuisseIntl SemiBold";
    font-size: 1.8vw;
}
.testimlt2 > span {
    font-size: 1.1vw;
    font-family: "SuisseIntl Regular";
    opacity: 0.6;
    display: block;
    padding-top: 6px;
}
.testimlt::before {
    position: absolute;
    content: '';
    top: 0vw;
    left: 2vw;
    width: 8vw;
    height: 6vw;
    background: url(../img/colon.png) no-repeat 0 0 / 100% auto;transform: rotate(180deg);
}
.testimlt::after {
    position: absolute;
    content: '';
    bottom: 1vw;
    right: 3vw;
    width: 11vw;
    height: 8vw;
    background: url(../img/colon.png) no-repeat 0 0 / 100% auto;
}
.testiml .owl-item.active .testimlt{
    transform: scale(1);
    opacity: 1;
}
.testiml .owl-item .testimlt{
    opacity: 0.5;
    transition: all 300ms ease-in-out;
}
.testiml .owl-item.prev-slide .testimlt{transform: scale(0.7) translateX(17%);}
.testiml .owl-item.next-slide .testimlt{transform: scale(0.7) translateX(-17%);}
/* ==========================================================================
                              warranty
   ========================================================================== */
.waranty {
    margin-top: 3.4%;
    padding: 3% 3% 5.5% 3%;
    background-color: #264169;
}
.waranty .wework h3 span {
    font-family: "Libre Bodoni", serif;
}
.waranty .wework h5, .waranty .wework h3, .waranty .wework p {
    color: #fff;
}
.waranty .wework p {
    padding-top: 10px;
}
.wrnty {
    display: flex;
    flex-wrap: wrap;
    padding: 2% 4% 0;
    justify-content: space-between;
}
.wrnty1 {
    width: 49.2%;
    border: 1px solid #355c92;
    padding: 2.9% 2.5%;
    display: flex;
    align-items: center;
    margin-bottom: 2%;
}
.wrnty11 {
    width: 17%;
}
.millwork12 {
    padding-left: 20px;
    width: 80%;
}
.millwork12 > h5 {
    font-family: "SuisseIntl Medium";
    color: #fff;
    font-size: 1.65vw;
}
.millwork12 > p {
    font-family: "SuisseIntl Regular";
    color: #fff;
    font-size: 1.1vw;
    padding-bottom: 0;
    padding-top: 5px;
}
.wrntofer {
    display: flex;
    background-color: #1b2246;
    padding: 3% 3.3%;
    margin: 0 4%;
}
.wrntofer1 {
    width: 8.6%;
}
.wrntofer2 {
    width: 91.4%;
    padding-left: 2.6%;
}
.wrntofer2 > h5 {
    font-family: "SuisseIntl Regular";
    color: #fff;
    font-size: 1.66vw;
}
.wrntofer2 > p {
    color: #fff;
    font-size: 1.1vw;
    padding-bottom: 0;
}
p.claim {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    opacity: 0.6;
    font-size: 1.1vw;
    padding: 2% 0 0;
    font-family: "SuisseIntl Light";
}
/* ==========================================================================
                              faq
   ========================================================================== */
.faqs > h3 {
    font-size: 4.65vw;
    line-height: 1.2em;
}
.faqs > h5 {
    font-family: "SuisseIntl Regular";
    font-size: 1.7vw;
    color: #e60024;
}
.faqs {
    padding: 10.1% 17% 2.7% 20%;
}
.faqns {
    padding: 7% 0 0 0;
}
.faq-item > li {
    margin-bottom: 3.5%;
    padding-bottom: 4%;
    border-bottom: 1px solid #ccc;
}
.faq-item > li:last-child {border-bottom: none;}
.faq-item > li.active > a{color: #e60024;}
.faq-item > li > a {
    color: #000;
    font-size: 1.7vw;
    position: relative;
    display: block;
    padding-right: 7%;
    font-family: "SuisseIntl Regular";
}
.faq-item > li > a::after {
    position: absolute;
    content: '';
    top: 5%;width: 1vw;
    height: 1vw;
    right: 3%;background: url(../img/btarow.png) no-repeat 0 0 / 100% auto;
}
.faq-item > li.active > a::after{background: url(../img/rdarow.png) no-repeat 0 0 / 100% auto;}
.faq-ans {
    display: none;
    padding-top: 1%;
    padding-right: 18%;
}
.faq-ans > p {
    font-size: 1.06vw;
    line-height: 1.5em;
    padding-bottom: 5px;
}

/* ==========================================================================
                              contact
   ========================================================================== */
.cntct {    padding: 6.5% 6.8% 4.7%;
    background-color: #fafafa;
}
.cntctl {
    display: flex;
    justify-content: space-between;
}
.cntctl1 {
    width: 44%;
    padding-top: 6%;
}
.cntctl1 > h5 {
    color: #e60024;
    font-family: "SuisseIntl Regular";
    font-size: 1.7vw;
}
.cntctl1 > h3 {
    font-size: 4.6vw;
    line-height: 1.25em;
}    
.cntctl1 > p {
    padding-top: 27px;
    font-size: 1.1vw;
    opacity: 0.6;
    padding-bottom: 3vw;
}
.cntctinf {
    display: flex;
    padding-bottom: 3.3vw;
}
.cntctinf1 {
    width: 3.5vw;
}
.cntctinf2 {
    padding-left: 17px;
}
.cntctinf2 > h5 {
    font-family: "SuisseIntl Light";
    opacity: 0.6;
}
.cntctinf2 > p, .cntctinf2 > a {
    font-size: 1.39vw;
    font-family: "SuisseIntl SemiBold";
    color: #000;
    line-height: 1.1em;
}
.cntctl2 {
    width: 50.3%;
    padding: 3.2% 4.2%;
    border-radius: 15px;
    border: 1px solid #ccc;    background-color: #fff;
}
.eefrm > h5 {
    font-family: "SuisseIntl Medium";
    font-size: 1.7vw;
}
.eefrm > p {
    font-size: 0.95vw;
    opacity: 0.5;
    padding-top: 5px;
}
.efrm {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.7vw;
    justify-content: space-between;
}
.efrm1 {
    padding-bottom: 1.6vw;
    width: 48%;
}
.efrm1 > label,.efrm2 > label {
    font-family: "SuisseIntl Regular";
    font-size: 1vw;
    padding-bottom: 0.8vw;
    display: block;
}
.efrm11 {
    background-color: #f3f3f3 !important;
    border-radius: 4px !important;
    padding: 0.7vw 1.2vw;
    font-size: 0.9vw;
    font-family: "SuisseIntl Light";color: #000;    width: 100%;
    display: block;
}
a.efrm11.slctnm,.drpdwn {
    position: relative;
}
a.efrm11.slctnm::after {
    position: absolute;
    content: '';
    top: 40%;
    right: 19px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-50%) rotate(135deg);
}
.drpdwn.active a.efrm11.slctnm::after {top: 50%; transform: translateY(-50%) rotate(-45deg);}
.drpdwn.active {
    z-index: 1;
}
ul.dropcnt {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    background-color: #fff;display: none;
}
ul.dropcnt > li > a {
    color: #000;
    text-transform: capitalize;
    padding: 10px 20px;
    display: block; font-family: "SuisseIntl Light";    font-size: 0.9vw;
}
ul.dropcnt > li.active > a {background-color: #ccc}
.efrm2 {
    padding-bottom: 1vw;
}
textarea.efrm12 {
    resize: vertical;
}
.efrm1 input.error ~ .drpdwn .slctnm ,.efrm2 input.error ~ .drpdwn .slctnm {
    border: 1px solid #ff0000 !important;
}
.eeffrm {
    padding-top: 10px;
}
.eeffrm > input {
    color: #fff;
    font-size: 0.9vw;
    display: block;
    padding: 13px 30px;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    font-family: "SuisseIntl Light";
}
.efrm3 {
    padding-top: 17px;
}
.efrm3 > p {
    opacity: 0.6;
    font-size: 0.95vw;    padding-bottom: 5px;
}
.efrm3 > p svg {
    width: 1vw;
    height: 1.2vw;
    margin-right: 10px;
    vertical-align: middle;
}
.rdytrnfm {    background: url(../assets/transform.jpg) no-repeat center / cover;
    text-align: center;
    padding: 3.7% 3.7% 5%;
}
.rdytrnfm > h3 {
    font-size: 4.7vw;
    color: #fff;
}
.rdytrnfm > p {
    color: #fff;
    font-size: 1.1vw;
    width: 65%;
    margin: 0 auto;
    padding-top: 10px;
}
.rdytrnfm1 {
    display: flex;
    justify-content: center;
    padding-top: 14px;
    gap: 20px;
}
.rdytrnfm1 a {
    width: 18vw;
    color: #fff;
    font-family: "SuisseIntl Regular";
    padding: 13px 25px;
    display: inline-block;
    text-align: left;
    position: relative;
    background-color: #000;
}
.rdytrnfm1 a:hover {
    background-color: #e60024;
}
.rdytrnfm1 a svg {
    transform: rotate(-45deg);
    position: absolute;
    right: 10px;transition: all 500ms ease-in-out;
}
.rdytrnfm1 a:hover svg {transform: rotate(0deg);}
.rdytrnfm1 a img {
    width: 17px;
    margin-right: 10px;
}
/* ==========================================================================
                              popups
   ========================================================================== */
.enqpop,.enqpopd{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index: 2001;transition: all 500ms ease-in-out;display: none;align-items: center;justify-content: center;}
.enqpop.active,.enqpopd.active{display: flex;}
a.pfmcls{position: absolute;right: 28px;top: 20px;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;}
.enqpop1{position: relative;padding: 50px 80px 40px;background-color: #fff;width: 1180px;--cut: 3.6vw;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%);}
.modal-titleRow {
    display: flex;
    align-items: flex-start;
    gap: 22px;    padding-bottom: 40px;
}
.avatar {
    width: 120px;border-radius: 50%;}
.heading-line1 {
    font-family: "SuisseIntl Regular";
    display: block;
    font-size: 44px;
    line-height: 1.3em;
    opacity: 0.6;
}
.heading-line2 {
    font-family: "SuisseIntl Medium";
    display: block;
    font-size: 44px;
    line-height: 1em;
}
.form-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form-group {
    width: 46%;
    padding-bottom: 30px;
}
.modal-input {
    font-family: "SuisseIntl Regular";
    font-size: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgb(216, 216, 216) !important;
    color: #9CA3AF;
    width: 100%;
    display: block;
}
.pslctnm,.pdrpdwn {
    position: relative;
}
.pslctnm::after {
    position: absolute;
    content: '';
    top: 40%;
    right: 19px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-50%) rotate(135deg);
}
.pdrpdwn.active .pslctnm::after {top: 50%; transform: translateY(-50%) rotate(-45deg);}
.pdrpdwn.active {
    z-index: 1;
}
ul.pdropcnt {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    background-color: #fff;display: none;
}
ul.pdropcnt > li > a {
    color: #9CA3AF;
    text-transform: capitalize;
    padding: 10px 20px;
    display: block; font-family: "SuisseIntl Regular";    font-size: 16px;
}
ul.pdropcnt > li.active > a {background-color: #ccc}
.form-group.full-width {
    width: 100%;
}
.subtn1 {
    background-color: #000;
    color: #fff;
    font-family: "SuisseIntl Medium";
    font-size: 16px;
    padding: 10px 0px 10px 35px;
    height: 50px;
    display: flex;
    align-items: center;
}
.subtn1 span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e60024;
    margin-left: 35px;
}
input.modal-input.error {
    border: none !important;
    border-bottom: 1px solid #ff0000 !important;
}
.form-group input.error ~ .pdrpdwn .pslctnm {
    border-bottom: 1px solid #ff0000 !important;
}
/* ==========================================================================
                              footer
   ========================================================================== */
.footer{padding: 5% 6% 0 6.8%;background-color: #000;}
.footer2{display: flex;padding-bottom: 4%;border-bottom: 1px solid rgba(255,255,255,0.15);}
.fotr1{width: 34%;padding-right: 9%;}
.foot11{width: 42%;padding-bottom: 10%;}
.footer21 > h3{color: #fff;text-transform: uppercase;font-size: 1.3vw;padding-bottom: 8%;font-weight: 600;}
.footer21 > p{color: rgba(255,255,255,0.9);font-size: 1.1vw;line-height: 1.5em;padding-bottom: 10px;}
.fotr2{width: 22.9%;padding-right: 5%;padding-top: 5%;}
.footer21 > h5{color: #fff;font-size: 1.35vw;padding-bottom: 15%;font-family: "SuisseIntl Medium";}
.ftmenu > li{padding-bottom: 7%;}
.ftmenu > li > a{color: rgba(255,255,255,0.7);font-family: "SuisseIntl Regular";font-size: 1.1vw;text-transform: capitalize;}
.ftmenu > li > a:hover,.ftmenu > li.active > a{color: #E21D24;}
.fotr3{width: 19%;padding-right: 5%;padding-top: 5%;}
.fotr4{width: 23.9%;padding-top: 5%;}
.fotr4 > a span, .fotr4 > p span {
    display: block;
}
.fotr4 > a.fcall{margin: 19px 0;}
.fotr4 a{color: rgba(255,255,255,0.9);font-size: 1.1vw;display: inline-block;font-family: "SuisseIntl Regular";}
.fotr4 a:hover{color: #E21D24;}
.footer1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3vw 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.footer11 {
    display: flex;
}
.footer11 h5 {
    font-family: "SuisseIntl Medium";
    color: #fff;
    font-size: 1.4vw;
}
.footer12 {
    width: 2.8vw;
}
.footer11:nth-child(3) .footer12 {
    width: 4vw;
}
.footer11:nth-child(4) .footer12 {
    width: 4vw;
}
.footer13 {
    padding-left: 20px;
}
.footer11 h5 {
    font-family: "SuisseIntl Medium";
    color: #fff;
    font-size: 1.4vw;
}
.footer13 > p {
    font-family: "SuisseIntl Light";
    color: #fff;
    opacity: 0.6;
    font-size: 1vw;
}



.footer3{padding: 2% 0;display: flex;justify-content: space-between;align-items: center;}
.compny > p{color: rgba(255,255,255,0.4);font-size: 1vw;    font-family: "SuisseIntl Light";padding-bottom: 0;}
.cpyrt > li::after{position: absolute;content: '';right: 10px;width: 1px;height: 20px;background-color: rgba(255,255,255,0.7);top: 50%;transform: translateY(-50%);}
.cpyrt > li:last-child::after{display: none;}
.cpyrt > li:last-child{padding-right: 0;}
.cpyrt > li{padding-right: 25px;position: relative;}
.cpyrt > li{color: rgba(255,255,255,0.7);font-size: 1vw;    font-family: "SuisseIntl Light";}
.cpyrt{display: flex;}
.social{display: flex;padding-top: 20px;}
.social > li{margin-right: 10px;}
.social > li > a {
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    transition: all 0.2s;
    border-radius: 4px;
}
.social > li > a:hover{background-color:#e60024;
color: #ffffff;}
/* ==========================================================================
                              Responsive
   ========================================================================== */
@media only screen and (max-width: 1024px){
    .navi{display: none;}
    .hedcontainer{padding: 15px 30px;}
    .header.shead .hedcontainer{padding: 12px 30px;}
    .logo{width: 100px;}
    .header.shead .logo{width: 90px;}
    .topbar{padding: 8px 30px;}
    .topbar1 > a{font-size: 12px;}
    .phmenu{display: block;height: 30px;}
    .moblnk{display: inline-block;width: 30px;height: 30px;}
    .moblnk span{width: 25px;display: block;height: 2px;background-color: #fff;position: relative;top: 14px;left: 5px;border-radius: 2px;}
    .moblnk span::before{top: -7px;}
    .moblnk span::after{top: 7px;}
    .moblnk span::before,.moblnk span::after{content: "";display: block;position: absolute;background: inherit;height: 2px;width: 21px;transition: all 300ms ease-in-out;right: 0;border-radius: 2px;}
    .moblnk span::after{width: 18px;}
    .moblnk.active span{height: 0;}
    .moblnk.active span::before{transform: rotate(45deg);top: 0;right: 4px;}
    .moblnk.active span::after{transform: rotate(-45deg);top: 0;right: 4px;width: 21px;}
    .sldmnu.open{transform: translateX(0);}
    .sldmnu{position: fixed;top: 104px;right: 0;bottom: 0;transform: translateX(100%);display: block;width: 50%;background-color: #1A1A1A;z-index: 999;transition: all 500ms ease-in-out;overflow-y: auto;}
    header.hdesd .sldmnu{top: 93px;}
    .opts > li{padding-bottom: 20px;}
    .opts > li > a{color: #fff;font-size: 1.1em;text-transform: capitalize;}
    .opts > li.active > a{color: #E21D24;}
    .opts{padding: 50px 40px;    font-family: "SuisseIntl Regular";}
    span.sticn2 {width: 4vw;height: 4vw;}
    
    
    .hmbaner2{width: 60%;left: 30px;}
    .text > h2,.prizlst11 > h3{font-size: 4vw;}
    .prjtglry12 > h3{font-size: 2.5vw;}
    ul.prjtglry13 > li,.prizlst11 > h3 span,.footer13 > p{font-size: 1.5vw;}
    .prjtglry12 > p,.prjtglry14 > p,.alive2 > a,.prizlst11 > h3 span,.prizlst12 > ul li,.samplee > p,.testimlt2 > span,.millwork12 > p,.wrntofer2 > p,p.claim,.faq-ans > p,.eefrm > p,.efrm1 > label, .efrm2 > label,.efrm11,ul.dropcnt > li > a,.eeffrm > input,.efrm3 > p,.rdytrnfm > p,.prizlst11 > h5{font-size: 1.6vw;}
    .text > p,.bstsvcx > p, .wework > p,.drkfeatit > p,.daywrk3 > p,.pkgstrt > p,.portflit2 > p,.prjtglry11 > a p,.prjtglry14 > h5,.alive2 > p,.boxcnt > p,.testimlt1 > p,.cntctl1 > p,.cntctinf2 > p, .cntctinf2 > a{font-size: 1.8vw;}
    .btn-text,.footer11 h5{font-size: 1.7vw;}
    span.btn-icon {width: 4vw;height: 4vw;margin-left: 7px;}
    .banerslider .owl-dots .owl-dot{width: 6vw;}
    .bstsvc > h2,.pkgtbl > h2,.portfl > h2,.testim > h2,.prcstp > h2,.faqs > h2,.cntct > h2,.nwltr > h2{font-size: 3.5vw;}
    .bstsvcx > h5, .wework > h5,.portflit2 > h5,.testimlt2 > h5,.faqs > h5,.cntctl1 > h5,.eefrm > h5{font-size: 2.2vw;}
    .bstsvc,.pkgtbl,.portfl,.testim,.prcstp,.faqs,.cntct,.statbar,.partnr,.nwltr,.sample,.waranty{padding: 30px 30px;}
    .prizlsts{margin: 30px;padding-bottom: 10px;}
    .whychs{padding: 0 30px;}
    .bstsvcx, .wework,.wework.pckg,.wework.priz {width: 85%;}
    .bstsvcr2{padding: 0% 0% 0 6.6%;}
    .bstsvcr2 > h3{font-size: 4vw;}
    .bstsvcr2 > p,.bstsvcr2 > span,.features-list > li span{font-size: 1.8vw;}
    .statbar{padding: 45px 30px;}
    .statitm2 > h4{font-size: 4vw;}
    .statitm2 > .statlbl{font-size: 1.8vw;}
    .statitm1{width: 7vw;}
    .features-list{padding-bottom: 20px;}
    .bstsvcr2 > h3{padding-bottom: 7px;}
    .bstsvcr2 > p{padding-bottom: 15px;}
    .features-list > li svg {width: 1.8vw;height: 1.8vw;margin-right: 10px;}
    .drkfeatit {padding: 10.7% 10.8% 5.7% 10.8%;}
    .drkfeatit1{padding-bottom: 20px;}
    .drkfeatit > h4,.daywrk1 > h5,.daywrk1 > h4,.daywrk2 > h5,.prizlst11 > h4,.samplee > h5,.millwork12 > h5,.wrntofer2 > h5,.faq-item > li > a{font-size: 2vw;}
    .drkfeatl {width: 130%;}
    .drkfeat {overflow-x: auto;background: none;padding: 0 0 25px;}
    #features {background: url(../assets/background.jpg) center / cover;padding: 50px 30px;overflow: hidden;}
    .drkfeat::-webkit-scrollbar {height: 4px;width: 100%;}
    .drkfeat::-webkit-scrollbar-track {background: rgba(255,255,255,0.2);}
    .drkfeat::-webkit-scrollbar-thumb {background: #e60024;}
    .daywrk3 {width: 90%;}
    .daywrk2 > h5{width: 3.5vw;height: 3.5vw;}
    .strtprj { padding-top: 20px;padding-bottom: 20px;}
    .pkgtblt td svg {width: 1.3vw;height: 1.3vw;}
    .pkgstrt {padding: 20px 0;}
    .portfll {padding-left: 0;}
    .portfl .owl-nav button, .prjtglry .owl-nav button, .testiml .owl-nav button{    width: 5vw;height: 5vw;}
    .portfl .owl-nav button span, .prjtglry .owl-nav button span, .testiml .owl-nav button span {background: url(../img/rarrow.png) no-repeat 0 0 / 1.5vw auto;width: 1.5vw;height: 1.5vw;}
    .prjtglry {padding-left: 30px;padding-right: 30px;}
    ul.prjtglry13 > li{padding-left: 2vw;}
    ul.prjtglry13 > li::before{    width: 1.4vw;height: 1.4vw;}
    .portfl .owl-nav, .prjtglry .owl-nav, .testiml .owl-nav{left: 2vw;right: 2vw;}
    .ourworkvo {margin: 30px;}
    .alive2{width: 55%;}
    .boxcnt {width: 100%;}
    .priczing {overflow: hidden;}
    .prizlsts {overflow-x: auto;    margin-bottom: 30px;}
    .prizlst {width: 135%;padding-left: 0;}
    .prizlst12 > ul li::before{    width: 1.4vw;height: 1.4vw;left: 0;top: 2px;}
    .prizlst12 > ul li{padding-left: 2.3vw;}
    .prizlsts::-webkit-scrollbar {height: 4px;width: 100%;}
    .prizlsts::-webkit-scrollbar-track {background: rgba(255,255,255,0.5);}
    .prizlsts::-webkit-scrollbar-thumb {background: #e60024;}
    .testiml {padding: 3.6% 8.5% 0;}
    .wrnty{padding: 20px 0;}
    .wrntofer{margin: 0;}
    p.claim {width: 80%;}
    .faq-ans {padding-top: 10px;padding-right: 8%;}
    .faq-item > li > a::after{    width: 1.4vw;height: 1.4vw;}
    .cntctl1{padding-top: 1%;}
    .pkgtblt th,.pkgtblt td{font-size: 1.5vw;}
    .pkgtblt thead th {
        top: 92px;
    }
    .cntctl{flex-wrap: wrap;}
    .cntctl1,.cntctl2{width: 100%;}
    .cntctl1 > p {padding-top: 15px;}
    .efrm11{padding: 10px 20px;}
    .efrm3 > p svg {width: 1.4vw;height: 1.8vw;margin-right: 5px;}
    .rdytrnfm > p{width: 75%;}
    .rdytrnfm1 a {width: 32vw;}
    .popup-box,.gpopup-box{width: 60%;}
    
    .enqpop1 {width: 90%;    padding: 50px 50px 40px;}
    .avatar {
        width: 80px;}
    .heading-line1,.heading-line2{font-size: 25px;}
    .subtn1{height: 44px;padding: 7px 0px 7px 25px;}
    .subtn1 span {width: 44px;height: 44px;margin-left: 25px;}
    
    .footer{padding: 40px 30px 0;}
    .cpyrt > li{font-size: 1.4vw;}
    .footer21 > h3,.footer21 > h5,.ftmenu > li > a,.fotr4 > a,.cpyrt > li > a,.compny > p{font-size: 1.6vw;}
    .footer21 > p{font-size: 1.6vw;}
    .fotr1 {width: 30%;padding-right: 5%;}
    .fotr2 {width: 21.9%;padding-right: 4%;}
    .fotr4 {width: 28.9%;}
}
@media only screen and (max-width: 39em){
    .desk{display: none;}
    .mob{display: block;}
    .hedcontainer {padding: 15px 20px;}
    .header.shead .hedcontainer {padding: 12px 20px;}
    .logo {width: 90px;}
    .header.shead .logo {width: 80px;}
    .sldmnu{width: 100%;top: 98px;}
    header.hdesd .sldmnu{top: 84px;}
    .opts {padding: 50px 30px;}
    span.sticn1 {padding-right: 10px;}
     span.sticn2 {width: 7vw;height: 7vw;}
    
    .banerslider .owl-dots{bottom: 20px;    gap: 10px;}
    .hmbaner2{left: 0;top: auto;bottom: 20px;transform: none;width: 100%;padding: 30px 20px;}
    .hmbaner1::after{display: none;}
    .text > h2{font-size: 10vw;padding-bottom: 20px;}
    .text > p{font-size: 4.5vw;padding-bottom: 20px;}
    .btn-text, .footer11 h5{font-size: 3.7vw;}
    .hmbtnz .btn-text {width: 44vw;padding: 2vw 5vw;}
    .btn-text {padding: 2vw 5vw;}
    span.btn-icon {width: 9.2vw;height: 9.2vw;}
    .hmbtnz{flex-wrap: wrap;    gap: 20px;}
    .statbar{flex-wrap: wrap;padding: 35px 20px 10px;}
    .statitm{width: 48%;--cut: 7.6vw;clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);}
    .statitms {clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%)}
    .statitm:nth-child(1),.statitm:nth-child(2){margin-bottom: 15px;}
    .statitms{--cut: 7.5vw;}
    .statitm1{width: 13vw;}
    .statitm2 > h4{font-size: 8vw;}
    .statitm2 > .statlbl{font-size: 3.5vw;}
    .bstsvc, .pkgtbl, .portfl, .testim, .prcstp, .faqs, .cntct, .statbar, .partnr, .nwltr, .sample, .waranty {padding: 30px 20px;}
    .bstsvcx, .wework, .wework.pckg, .wework.priz,.bstsvcx > p, .wework > p {width: 100%;}
    .bstsvcx > h5, .wework > h5, .portflit2 > h5, .testimlt2 > h5, .faqs > h5, .cntctl1 > h5, .eefrm > h5 {font-size: 6vw;}
    .text > p, .bstsvcx > p, .wework > p, .drkfeatit > p, .daywrk3 > p, .pkgstrt > p, .portflit2 > p, .prjtglry11 > a p, .prjtglry14 > h5, .alive2 > p, .boxcnt > p, .testimlt1 > p, .cntctl1 > p, .cntctinf2 > p, .cntctinf2 > a {font-size: 4.7vw;}
    .bstsvcx > h2, .wework > h3 {font-size: 10vw;}
    .drkfeatit > h4, .daywrk1 > h5, .daywrk1 > h4, .daywrk2 > h5, .prizlst11 > h4, .samplee > h5, .millwork12 > h5, .wrntofer2 > h5, .faq-item > li > a {font-size: 5vw;}
    ul.prjtglry13 > li, .prizlst11 > h3 span, .footer13 > p {font-size: 4.5vw;}
    .prjtglry12 > p, .prjtglry14 > p, .alive2 > a, .prizlst11 > h3 span, .prizlst12 > ul li, .samplee > p, .testimlt2 > span, .millwork12 > p, .wrntofer2 > p, p.claim,.faq-ans > p, .eefrm > p, .efrm1 > label, .efrm2 > label, .efrm11, ul.dropcnt > li > a, .eeffrm > input, .efrm3 > p, .rdytrnfm > p, .prizlst11 > h5 {font-size: 4.5vw;}
    
    .bstsvcl {padding-top: 20px;}
    .bstsvcr{flex-wrap: wrap;padding-bottom: 30px;}
    .bstsvcr1,.bstsvcr2{width: 100%;padding: 0 !important;}
    .bstsvcr2{padding-top: 20px !important;}
    .bstsvcr2 > h3{font-size: 10vw;}
    .bstsvcr2 > p, .bstsvcr2 > span, .features-list > li span{font-size: 4.5vw;}
    .features-list > li svg {width: 4vw;height: 4vw;margin-right: 10px;}
    .features-list > li {padding-bottom: 10px;}
    
    #features{padding: 50px 20px;}
    .drkfeatl {width: 380%;}
    .drkfeatit {padding: 10.7% 10.8% 8.7% 10.8%;}
    .drkfeatit1 {width: 22vw;}
    .drkfeatit > h3{font-size: 15vw;}
    .drkfeatit > h4{font-size: 5.7vw;}
    .wework {padding: 30px 20px 10px;text-align: left;}
    .whychs {padding: 0 20px;}
    .whychs{flex-wrap: wrap;}
    .whychs1,.whychs2{width: 100%;padding: 0;}
    .whychs2{padding-top: 25px;}
    .daywrk1 {width: 92%;}
    .daywrk2 {width: 8%;}
    .daywrk2 > h5 {width: 7vw;height: 7vw;}
    .daywrk3 {width: 100%;}
    .wework.pckg {padding: 30px 20px 0;text-align: center;}
    ul.pkgmbl1 > li {
    border: 1px solid #d9d9d9;    overflow: hidden;
    border-radius: 6px;    margin-bottom: 20px;
}
    .pkgmbl1 > li.active{border-color: #fc767c;}
    .pkgmbl1 > li > a {
    font-family: "SuisseIntl Medium";
    color: #000;
    font-size: 5vw;
    position: relative;
    display: block;
    padding: 10px 20px;
}
    .pkgmbl1 > li.active > a::after {
    background: url(../img/rdarow.png) no-repeat 0 0 / 100% auto;
}
.pkgmbl1 > li > a::after
 {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 3vw;
    height: 3vw;
    right: 6%;
    background: url(../img/btarow.png) no-repeat 0 0 / 100% auto;
}
    .pkgmbl2 {
    display: none;
}
    .pkgmbl21 {
    border-top: 1px solid #ffc9ce;
    border-bottom: 1px solid #ffc9ce;
    background-color: #ffdee3;
    padding: 20px;
}
    .pkgmbl21 > h5 {
    font-family: "SuisseIntl SemiBold";
    font-size: 5vw;
    padding-bottom: 5px;
}
    .pkgmbl21 > p {
    font-family: "SuisseIntl Regular";
    font-size: 4.3vw;
    padding-bottom: 0;
}
    .pkgmbl22 {
    padding: 20px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #cfcfcf;
}
    .pkgmbl22 > p:first-child {
    opacity: 0.6;
    padding-bottom: 10px;
    font-family: "SuisseIntl Regular";
}
    .pkgmbl22 > h5 {
    font-family: "SuisseIntl Book";
    font-size: 4.3vw;
}
    .pkgmbl22 > p {
    font-family: "SuisseIntl Light";
    font-size: 4vw;
    padding-bottom: 0;
}
    .pkgmbl22:last-child {
    border-bottom: none;
}
    .pkgmbl22 > p svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
  .portfl .wework.pckg {
    padding: 20px 0 0;
}  
    .portflit2{padding: 20px;}
    .portfll {
        padding-right: 10%;}
    .portfl .owl-nav button, .prjtglry .owl-nav button, .testiml .owl-nav button {
        width: 9vw;
        height: 9vw;
    }
        .portfl .owl-nav button span, .prjtglry .owl-nav button span, .testiml .owl-nav button span {
        background: url(../img/rarrow.png) no-repeat 0 0 / 2.5vw auto;
        width: 2.5vw;
        height: 2.5vw;
    }
    .portfl .owl-nav, .testiml .owl-nav {
        left: -4vw;
        right: 2vw;
    }
    .prjtglry .owl-nav{left: 2vw;
        right: 2vw;}
    .portflit2 > h5 {
    font-size: 5vw;
}
    .portflit2 > p {
    font-size: 4vw;
}
    .ourwork {
        padding: 10px 0;}
        .prjtglry {
        padding-left: 20px;
        padding-right: 20px;
    }
    .prjtglry1 {
    display: block;
}
    .prjtglry11 {
        width: 100%;}
    .prjtglry12 {
    width: 100%;
    padding: 20px 20px 40px;
    }
        .prjtglry12 > h3 {
        font-size: 7vw;
    }
    ul.prjtglry13 {
    margin-top: 10px;
    border: none;
    display: block;
}
    ul.prjtglry13 > li {
        padding-left: 5vw;
        margin-bottom: 5px;
    }
        ul.prjtglry13 > li::before {
        width: 3.4vw;
        height: 3.4vw;
    }
    .prjtglry14 {
    margin: 0 -10px;
        padding: 20px;}
    .prjtglry14::after{    width: 33vw;
    height: 23vw;}
    .opnprjg {
    text-align: center;
    padding-top: 20px;
}
    .opnprjg > a {
    background-color: #fff;
    color: #000;
    font-family: "SuisseIntl Book";
    display: inline-block;
    padding: 10px 20px;
}
    .opnprjg > a svg {color: #000;margin-left: 10px;vertical-align: middle;}    
    .prjtglry11 > a p.desk {display: none;}
    .prjtglry11::before{display: none;}
    .ourworkvo {margin: 30px 20px;}
    .alive2 {width: 90%;}
    .alive2 > h3{font-size: 10vw;}
    .alive2 > a{    padding: 4.6vw 6.5vw 4.6vw 14.5vw;border-radius: 10vw;}
    .alive2 > a::before{    left: 7vw;width: 3.8vw;height: 4.3vw;}
    .wework.priz {padding: 30px 20px 0;text-align: center;}
    .wework.priz > p {width: 100%;}
    .boxcnt{padding: 20px;}
    .prizlsts {
        margin: 30px 20px 10px;}
        .prizlst {
            width: 350%;}
    .prizlst11{    padding: 8% 8% 6% 8%;}
    .text > h2, .prizlst11 > h3 {
        font-size: 12vw;
    }
    .prizlst11 > h5 {
    font-size: 4.4vw;
    }
    .prizlst12 {
    padding: 9% 8% 3% 8%;
    }
    
        .prizlst12 > ul li::before {
        width: 4vw;
            height: 4vw;}
        .prizlst12 > ul li {
        padding-left: 5.5vw;
        padding-bottom: 20px;
    }
    .samplex {
    overflow-x: auto;margin: 30px 20px 0;
}
    .sample {width: 280%;
    padding: 0 0 30px 0;
}
    .samplex::-webkit-scrollbar {height: 4px;width: 100%;}
    .samplex::-webkit-scrollbar-track {background: rgba(255,255,255,0.5);}
    .samplex::-webkit-scrollbar-thumb {background: #e60024;}
        .testiml {
        padding: 30px 0 0;
    }
    .samplez{    --cut: 15vw;}
    .samplee{--cut: 14.9vw;}
    .testiml .owl-item.prev-slide .testimlt {
    transform: scale(1) translateX(0%);
}

.testiml .owl-item .testimlt {
    opacity: 1;
    transition: none;
}
    .testiml .owl-item.next-slide .testimlt {
    transform: scale(1) translateX(0%);
}
    .testiml .owl-stage-outer {
    overflow: hidden !important;
}
    .testimlt {
        padding: 20px;}
    .testimlt2 {
        width: 100%;}
    
    .testimlt2 > h5{font-size: 5vw;}
    .testimlt2 > span{font-size: 4vw;}
    .testiml .owl-nav {
        left: -4vw;
        right: -4vw;
    }
    .waranty .wework.pckg {
    padding: 30px 0 0;
}
    
    
    .wrntofer {
    padding: 30px;
    display: block;
}
    .wrntofer1 {
    width: 28%;
}
    .wrntofer2 > h5 {
    padding: 20px 0 10px;
        font-size: 6vw;}
        p.claim {
        width: 100%;
        padding: 20px 0 10px;
    }
    .wrntofer2 {
    width: 100%;
    padding-left: 0;
}
    .wrnty {
    flex-wrap: nowrap;
}
    .wrntys{overflow-x: auto;        margin-bottom: 30px;
        padding-top: 20px;}
    .wrntys::-webkit-scrollbar {height: 4px;width: 100%;}
    .wrntys::-webkit-scrollbar-track {background: rgba(255,255,255,0.5);}
    .wrntys::-webkit-scrollbar-thumb {background: #e60024;}
    .wrnty{width: 360%;padding: 0;}
    .wrnty1 {
    margin-right: 20px;display: block;    padding: 2.5% 2%;
}
    .wrnty11 {
    width: 35%;
}
    .millwork12 {
    padding-left: 0;
    width: 100%;
    padding-top: 20px;
}
    .faqs > h3 {
        font-size: 10vw;}
    .faq-item > li {
    margin-bottom: 30px;
    padding-bottom: 20px;
    }
    .faq-item > li > a{font-size: 6vw;padding-right: 12%;}
    .faq-item > li > a::after {
        width: 4vw;
        height: 4vw;
    }
    .faq-ans{padding-right: 0;}
    .faq-item > li:last-child {
        margin-bottom: 0;}
        .cntctl1 {
        padding-top: 10px;
    }
    .cntctl1 > h3 {
        font-size: 10vw;}
        .cntctl1 > p {
            padding-bottom: 30px;}
    .cntctinf {
    display: block;
    padding-bottom: 25px;
}
    .cntctinf1{width: 15vw;}
    .cntctinf2 {
    padding-left: 0;
    padding-top: 7px;
}
    .cntctinf2 > h5{font-size: 4vw;}
    .cntctinf2 > p,.cntctinf2 > a{font-size: 4.7vw;}
    .cntctl2{padding: 20px;}
    .efrm1,.efrm2 {
    padding-bottom: 20px;
    width: 100%;
}
        .efrm3 > p svg {
        width: 3.6vw;
        height: 4vw;
    }
    .rdytrnfm{    padding: 30px 20px;}
    .rdytrnfm > h3 {
        font-size: 10vw;}
        .rdytrnfm > p {
        width: 95%;
    }
    .rdytrnfm1 {    flex-wrap: wrap;}
        .rdytrnfm1 a {
        width: 100%;
    }
    .enqpop1{width: 90%;padding: 50px 30px 30px;}
    a.pfmcls{    width: 20px;
    height: 20px;}
        .heading-line1, .heading-line2 {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .modal-titleRow {
        padding-bottom: 30px;}
    .form-group {
    width: 100%;
    padding-bottom: 25px;
}
    
    .footer {
        padding: 30px 20px 0;
    }
    .footer2{display: block;padding-bottom: 0;
        border-bottom: none;}
    .fotr1{width: 100%;padding-right: 0;padding-bottom: 20px;}
    .foot11{width: 40%;margin: 0;padding-bottom: 25px;}
    .footer21 > p,.fotr4 > a {
    font-size: 4.5vw;
}
    .footer21 > h3,.cpyrt > li,.compny > p{font-size: 4vw;}
        .fotr2,.fotr3 {
        width: 100%;
        padding-right: 0;
        padding-top: 0;
    }
    .footer21 > h5 {
    font-size: 4.5vw;
    display: inline-block;
    padding-right: 30px;    padding-bottom: 0;
    margin-bottom: 20px;
    position: relative;
}
    .fotr2.footer21 > h5::after,.fotr3.footer21 > h5::after {
    position: absolute;
    content: '';
    top: 40%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(135deg);
}
    .ftmenu {
    display: none;padding-bottom: 10px;
}
    .ftmenu > li {
    padding-bottom: 10px;
}
    .ftmenu > li > a{font-size: 4.5vw;}
    .fotr4{width: 100%;padding-top: 0;padding-bottom: 10px;}
    a.fcall::before,a.fcall::after{display: none;}
    .fotr4 > a.fcall{padding: 0;}
    .social {
    padding-top: 0px;
    padding-bottom: 20px;
}
    .footer1 {
    padding: 10px 0;
    display: block;
}
    .footer11 {
        padding-bottom: 15px;}
    .footer13 > p {
        padding-bottom: 0;}
    .footer12 {
    width: 7vw;
}
    .footer11:nth-child(3) .footer12,.footer11:nth-child(4) .footer12 {
    width: 10vw;
}
    .footer3{padding: 20px 0 20px;display: block;}
    .cpyrt {padding-top: 10px;
    flex-wrap: wrap;
    }
    .popup-box,.gpopup-box{width: 90%;}
    .popup-carousel .owl-nav,.gpopup-carousel .owl-nav {left: 0px;right: 0px;}
    .popup-carousel .owl-nav button.owl-prev, .popup-carousel .owl-nav button.owl-next,.gpopup-carousel .owl-nav button.owl-prev, .gpopup-carousel .owl-nav button.owl-next {width: 9vw;height: 9vw;}
}