/* 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; }
    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;}
/* Hide arrows in Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0;}

/* Hide arrows in Firefox */
input[type=number] {  -moz-appearance: textfield;}

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

    .browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;}
    .browserupgrade a {color: #b81424;} 
    *{-webkit-tap-highlight-color: transparent;-webkit-focus-ring-color: transparent;outline: none;}
    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    body{font-size:16px; background-color:#02031e;}
    h1, h2, h3, h4, h5, h6 { margin:0; font-size: 1em;font-family:"Poppins", sans-serif;font-weight: 600}
    p{line-height:1.4em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.02em;color: #fff;}
    a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);color: #fff;}
    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;color: #8a8a8a;}
    :-moz-placeholder{font-weight: 400;color: #8a8a8a;}
    ::-moz-placeholder{font-weight: 400;color: #8a8a8a;}
    :-ms-input-placeholder{font-weight: 400;color: #8a8a8a;}
    
input.hcrims:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  background-color: transparent !important;transition: background-color 5000s ease-in-out 0s;}
    /* ==========================================================================
                                  text colors related
       ========================================================================== */
    /* normal */
    body {color:#fff;font-family:"Poppins", sans-serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
/*body{background: url(../assets/Dsignxt-Landing-Page.jpg) no-repeat 0 0 /100% auto;padding-bottom: 1000px;}*/
    /* ==========================================================================
                                 commoncode
       ========================================================================== */
.mob,.phmenu,.mob1,.ourwk_gd2.mob1,.ftlt_1.mob1{display: none;}
.hedleft,.navi,.ddsdmig,.foundr,.foundr11,.dsigover,.lstservce1,.ourclients,.gglerev,.dnrlreview,.ourwk_wk,.ourwk_gd,.orbnft,.hot_rtcl,.hot_develp,.sbftrlst,.footer3,.socl,.aidlst,.aidds2,.blgdtl_baner,.bredcrumb,.gtmbrcet,.strtstg,.gtmbrv,.mylike,.prjserc,.prjserc21,.dribl_le,.prjovew,.serwepd,.prvdlst,.servgmit,.prjothrk,.ltstak,.mltadr,.cmpnys,.faqs,.tpndsh,.wizardc,.cdwzhd,.fleffcls,.bricrl,.techstkl{font-size: 0;}

.navi > li,.ddsdmig > div,.foundr > div,.dsigover > div,.lstservce1 > div,.ourclients > div,.gglerev > div,.dnrlreview > div,.ourwk_gd > div,.orbnft > div,.hot_rtcl > div,.hot_develp > div,.sbftrlst > li,.footer3 > div,.socl > li,.aidlst > li,.aidds2 > div,.blgdtl_baner > div,.bredcrumb > li,.gtmbrcet > div,.strtstg > div,.gtmbrv > div,.mylike > div,.prjserc > div,.prjserc21 > div,.prjovew > div,.serwepd > div,.prvdlst > li,.servgmit > div,.prjothrk > div,.ltstak > div,.mltadr > li,.cmpnys > li,.faqs > div,.tpndsh > div,.wizardc > div,.cdwzhd > div,.fleffcls > div,.bricrl > div,.techstkl > div{display: inline-block;vertical-align: top;font-size: 16px;}
.foundr11 > div{display: inline-block;vertical-align: middle;font-size: 16px;}
.ourwk_wk > div,.dribl_le > div{display: inline-block;vertical-align: bottom;font-size: 16px;}
.imprsve,.ddmorwrk{display: table;}
.imprsve > div,.ddmorwrk > div{display: table-cell;vertical-align: top;}
.bannercls{position: relative;}
.error,.vtxt.error {border-bottom: 1px solid #ff0000 !important;}
.error {font-size: 10px;color: #ff0000;}
.red {font-size: 14px;color: #ff0000;}
em.error {border-bottom:none !important;}
#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{z-index:999999;align-items: center;justify-content: center;display: none;}
#overlay{width:100%;height:100%;top:0;}
#overlay{position:fixed}
#overlay{background-color:rgba(0,0,0,.6)}
#message{width:30%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:10px}
#message{background-color:rgba(255,255,255,1)}
#message{font-weight:400}
#message > p{color: #000;font-weight: 600;font-size: 1.1em;padding:10px 0 30px;}
#message h5 {    font-size: 1.4em;}
#message #okbtn{color:#fff;padding:5px 20px;background:#000}
#overlay.closes{display: flex;}
#message h2 {
    font-weight: 700;
    font-size: 1.6em;
    padding: 20px 0;
}
#message {
    border-radius: 30px;
    padding: 3% 5%;
    display: block;
    font-weight: 400;box-sizing: border-box;
}.popupbtns .btntxt.nroml, .popupbtns .btntxt.nroml {
    padding-left: 12px;
    font-size: 1em;
    padding-top: 6px;
    float: left;
}.popupbtns .btntxt.nroml:hover .nrml1 {
    padding-top: 6px;
    transform: translateY(0%);
    opacity: 1;
    padding-left: 10px;
}
.thnku2 .popupbtns, #message .popupbtns {
        width: 21%;    text-align: center;
    font-size: 1em;
    padding: 7px 5px ;
    float: right;
    background-color: #3330bf;
    border-radius: 30px;
}
.mespopbtn { display: flex;justify-content: center;align-items: center;padding-top: 20px;}
    /* ==========================================================================
                                  Animation
       ========================================================================== */
.navi > li > a:hover,.navi > li.active > a {color: #fdc448;}
.navi > li.over > a::before {width: 100%;left: 0;}
.opts li.over a {color: #ff8300;}
a,.hedleft,.clogo,.logo,.navi > li > a::before,.mnulnk > span,.mnulnk.opened span::before,.mnulnk.opened span::after,.hedleft,.navigate,.hedcontainer,.head,.mylik1 > a .mylikig > img,.aidsxz > a .aidsxig > img,.prjserc2l > a .prjserc2ig > img,.servgmi img,.servgmit1 > img,.prjothrk1 > a .prjothrkig > img,.strtgig5g > img,.hot_develp1 > a .hot_devp > img,.bricrig > img{-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;}
.head.shead{background: #02031e;}
.head.shead .hedcontainer{padding: 20px 0px 10px;}
.navi > li.over > a::before {width: 100%;left: 0;}
.prjserc2ig > img,.servgmi,.servgmit1,.prjothrk1 > a .prjothrkig,.hot_devp,.bricrig {overflow: hidden;}
.mylik1 > a:hover .mylikig > img,.aidsxz > a:hover .aidsxig > img,.prjserc2l > a:hover .prjserc2ig > img,.prjothrk1 > a:hover .prjothrkig > img,.strtgig5g:hover > img,.hot_develp1 > a:hover .hot_devp > img,.bricrl1 > a:hover .bricrig > img{transform: scale(1.1);}

.nroml {position: relative;overflow: hidden;}
.nrml {padding-bottom: 0;transition: all 300ms ease-in-out;}
.nrml1 {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;padding-bottom: 0;transform: translateY(150%);transition: all 300ms ease-in-out;}
.nroml:hover .nrml,.ltstk:hover .nrml {transform: translateY(-100%);opacity: 0;visibility: hidden;} 
.nroml:hover .nrml1,.ltstk:hover .nrml1 {transform: translateY(0%);opacity: 1;visibility: visible;} 
.navi li.contacthm .nrml,.navi li.contacthm .nrml1{color: #02031c;}

.diagonal {position: relative;overflow: hidden;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 1;}
.dgnl,.dgnl1 {width: 24px;height: 24px;transition: all 300ms ease-in-out;}
.lstorsrv3 .dgnl,.lstorsrv3 .dgnl1 {
    width: 46%;
    height: 46%;
}
.dgnl1 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;transform: translate(-180%,180%);}
.lstservce > a:hover .diagonal .dgnl,.ddsdm > a:hover .dgnl,.ddmorwrk2 > a:hover .ddsdmig2 .dgnl,.bndsvcd1 > li > a:hover .bndsvcd22 .dgnl{transform: translate(180%,-180%);}
.lstservce > a:hover .diagonal .dgnl1,.ddsdm > a:hover .dgnl1,.ddmorwrk2 > a:hover .ddsdmig2 .dgnl1,.bndsvcd1 > li > a:hover .bndsvcd22 .dgnl1{transform: translate(60%,60%);}
.lstorsrv3::after,.ddsdmig2::after{position: absolute;content: '';top: 0%;left: 0%;width: 100%;height: 100%;background: #000;transform: scale(0);border-radius: 50%; transition: all 300ms ease-in-out;}
.ddmorwrk2 .ddsdmig2::after{background-color: #fff;}
.lstservce > a:hover .lstorsrv3::after,.ddsdm > a:hover .ddsdmig2::after,.ddmorwrk2 > a:hover .ddsdmig2::after{transform: scale(1);}

.gnrlvew21 .owl-nav,.ourwk_gdc .owl-nav,.clnat .owl-nav,.oexarci .owl-nav{display: flex;}
.gnrlvew21 button,.ourwk_gdc button,.clnat button,.oexarci .owl-nav button{position: relative;display: flex;align-items: center;justify-content: center;}
.gnrlvew21 button.owl-prev::before,.gnrlvew21 button.owl-next::before,.ourwk_gdc button.owl-prev::before,.ourwk_gdc button.owl-next::before,.clnat .owl-nav button.owl-prev::before,.clnat .owl-nav button.owl-next::before,.oexarci .owl-nav button.owl-prev::before,.oexarci .owl-nav button.owl-next::before{position: absolute;content: '';width: 20px;height: 20px;background-image: url(../img/arows.png);background-repeat:  no-repeat ;background-size:  28px auto; transition: all 300ms ease-in-out;z-index: 1;}
.gnrlvew21 button.owl-prev::before,.ourwk_gdc button.owl-prev:hover::before,.clnat .owl-nav button.owl-prev:hover::before,.oexarci .owl-nav button.owl-prev:hover::before{background-position:  -12px -24px ;}
.gnrlvew21 button.owl-next::before,.ourwk_gdc button.owl-next:hover::before,.clnat .owl-nav button.owl-next:hover::before,.oexarci .owl-nav button.owl-next:hover::before{background-position:  -12px 1px}
.gnrlvew21 button.owl-prev:hover::before,.ourwk_gdc button.owl-prev::before,.clnat .owl-nav button.owl-prev::before,.oexarci .owl-nav button.owl-prev::before{background-position: 5px -24px}
.gnrlvew21 button.owl-next:hover::before,.ourwk_gdc button.owl-next::before,.clnat .owl-nav button.owl-next::before,.oexarci .owl-nav button.owl-next::before{background-position: 5px 1px}
.gnrlvew21 button.owl-prev::after,.gnrlvew21 button.owl-next::after,.ourwk_gdc button.owl-prev::after,.ourwk_gdc button.owl-next::after,.clnat .owl-nav button.owl-prev::after,.clnat .owl-nav button.owl-next::after,.oexarci .owl-nav button.owl-prev::after,.oexarci .owl-nav button.owl-next::after{position: absolute;content: '';top: 0%;left: 0%;width: 100%;height: 100%;transform: scale(0);border-radius: 50%; transition: all 300ms ease-in-out;}
.gnrlvew21 button.owl-prev::after,.gnrlvew21 button.owl-next::after{background: #fff;}
.ourwk_gdc button.owl-prev::after,.ourwk_gdc button.owl-next::after,.clnat .owl-nav button.owl-prev::after,.clnat .owl-nav button.owl-next::after,.oexarci .owl-nav button.owl-prev::after,.oexarci .owl-nav button.owl-next::after{background: #02031c;}

.gnrlvew21 button.owl-prev:hover::after, .gnrlvew21 button.owl-next:hover::after,.ourwk_gdc button.owl-prev:hover::after, .ourwk_gdc button.owl-next:hover::after,.clnat .owl-nav button.owl-prev:hover::after,.clnat .owl-nav button.owl-next:hover::after,.oexarci .owl-nav button.owl-prev:hover::after,.oexarci .owl-nav button.owl-next:hover::after{transform: scale(1);}
.gnrlvew21 button.owl-prev span,.gnrlvew21 button.owl-next span,.ourwk_gdc button.owl-prev span,.ourwk_gdc button.owl-next span,.clnat button.owl-prev span,.clnat button.owl-next span,.oexarci .owl-nav button.owl-prev span,.oexarci .owl-nav button.owl-next span{font-size: 0;}

.perspct,.ltstak2,.blgcls1,.tpnds{transition: all 300ms ease-in-out;}
.blgcls2{transition: all 300ms ease-in-out 0.5s;}
.perspct,.ltstak2,.blgcls1,.blgcls2,.tpnds{transform-style: preserve-3d;transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0);transform-origin: 50% 0;opacity: 0;}
.content.anmtr .perspct,.content.anmtr .ltstak2,.content.anmtr .blgcls1,.content.anmtr .blgcls2,.content.anmtr .tpnds {transform: perspective(800px)rotate(0);opacity: 1;}

.sunrse{-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out ;transition: all 1s ease-in-out;}

.banadrss {-webkit-transition: all 1.2s ease-in-out 1s;-moz-transition: all 1.2s ease-in-out 1s;-ms-transition: all 1.2s ease-in-out 1s;-o-transition: all 1.2s ease-in-out 1s;transition: all 1.2s ease-in-out 1s;}
.brdfly {-webkit-transition: all 1.2s ease-in-out 1.2s;-moz-transition: all 1.2s ease-in-out 1.2s;-ms-transition: all 1.2s ease-in-out 1.2s;-o-transition: all 1.2s ease-in-out 1.2s;transition: all 1.2s ease-in-out 1.2s;}
    /* ==========================================================================
                                  header
       ========================================================================== */
.sldmnu,.phmenu,.clogo.mob{display: none;}
.head {position: fixed;top: 0;width: 100%;z-index: 999;}
.hedcontainer {margin: 0 3% 0 4%;padding: 35px 0 20px 0;}
.hedleft {float: left;width: 12%;}
.navi li.contacthm {padding-left: 0px;}
.navi li.servchm > a {padding-right: 17px;position: relative;}
.navi li.servchm > a::after{position: absolute;content: '';right: 2px;top: 43%;transform: translateY(-50%) rotate(135deg);width: 7px;height: 7px;border-top: 1px solid #fff;border-right: 1px solid #fff;}
.navi > li > a {
    text-transform: uppercase;
    font-size: 1.1vw;
    display: block;
    margin: 8px 0;
    position: relative;
    font-weight: 400;
}
.navi li.contacthm > a {padding: 8px 43px 8px 18px;color: #02031c;font-weight: 500;position: relative;border-radius: 20px;background-color: #fff;}
.navi li.contacthm > a::before {width: 30px;position: absolute;content: '';height: 30px;background-color: #3330bf;border: 1px solid #3330bf;box-sizing: border-box;right: 5px;top: 50%;border-radius: 50%;transform: translateY(-50%);transition: all 500ms ease-in-out;}
.navi li.contacthm > a::after {width: 15px;position: absolute;content: '';height: 17px;background: url(../../Frontend/img/gettouch.png) no-repeat 0 0 / 38px auto;right: 12px;top: 50%;transform: translateY(-50%);transition: all 500ms ease-in-out;}
.navi li.contacthm > a:hover::before{background-color: #fff;}
.navi li.contacthm > a:hover::after{background-position: -24px 0;}

.button__icons {width: 25px;height: 25px;color: #fff;background-color: #3827c7;border: 0.125rem solid #3827c7;border-radius: 50%;flex: none;justify-content: center;align-items: center;margin-top: -4px;margin-bottom: -4px;transition: all .4s;display: flex;position: relative;overflow: hidden;transform: translate(0);margin-left: 10px;}
.button__icon-lottie {z-index: 1;filter: brightness(0%)invert();font-size: 0;transition: all .4s;   position: relative;}
.button__bg.bg-color-white {background-color: #fff;}
.button__bg {width: 100%;height: 100%;background-color: #3827c7;border-radius: 50%;transition: all .3s;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;transform: scale(0);}
.navi > li {margin-right: 3%;}
.navi > li:last-child{margin-right: 0; margin-top: -8px;}

.hedright {float: right;width: 82%;}
.phmenu {float: right;}
a.mnulnk {display: block; width: 25px;height: 25px;margin-top: 5px;}
.mnulnk > span {width: 15px;height: 2px;background-color: #fff;display: block;position: relative;top: 12px;left: 0px;}
.mnulnk span::before {content: "";position: absolute;background-color: #fff;top: -6px;width: 22px; height: 2px;left: 0px;}
.mnulnk span::after {content: "";position: absolute;background-color: #fff;top: 6px;width: 22px; height: 2px;left: 0;}

.sldmnu { position: fixed;left: 30px;right: 30px;background-color: #fff;top: 77px;z-index: 1000;border-radius: 20px; display: none;}
.opts {padding: 30px 40px;}
.opts > li {border-bottom: 1px solid #adaeaf;}
.opts > li:last-child {border-bottom: none;}
.opts > li > a {color: #02031c;padding: 17px 0;display: block;font-size: 1em;text-transform: capitalize;font-weight: 700;letter-spacing: 0.02em;}
.opts > li:last-child > a {border-bottom: none;}
.mnulnk.opened span {width: 0;}
.mnulnk.opened span::before {transform: rotate(45deg);top: 0;}
.mnulnk.opened span::after {transform: rotate(-45deg);top: 0;}
.sldmnu.mnuopn{display: block;}
.mbsbmnu{display: none;}
.mbsbmnu > li > a{color: #02031c;padding: 17px 0;display: block;font-size: 1em;text-transform: capitalize;font-weight: 700;letter-spacing: 0.02em;}

.submenu {opacity: 0;visibility: hidden;}
.submenu.active{opacity: 1;visibility: visible;}
.submenu {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 666;}
.submenu .sbmnu{    transform-style: preserve-3d;transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0);transition: all 500ms ease-in-out;transform-origin: 50% 0;}
.submenu.active .sbmnu{ transform: perspective(800px)rotate(0);}
.mmolay {width: 100%;height: 100%;position: absolute;background-color: rgba(5,6,37,0.5);}
.sbmnu {width: 70%;margin: 0 auto;margin-top: 95px;background-color: #fff;border-radius: 30px;overflow: hidden;position: relative;}
header.xhead .sbmnu{margin-top: 67px;}
.sbmnu5 {padding: 35px;display: flex;}
.sbmnu1 {width: 32%;margin-right: 3%;box-sizing: border-box;padding: 30px 30px;background: url(../img/card.webp) no-repeat 0 0 / 100% 100%;}
.sbmnu1:last-child{margin-right: 0;}
.ddsdmig1 {width: 52px;}
.ddsdmig2 {width: 52px;height: 52px;border: 1px solid #adaeaf;border-radius: 50%;position: relative;}
.ddsdm > a:hover .ddsdmig2{}
.ddsdmtxt {padding: 24px 0 11px;border-bottom: 1px solid #adaeaf;}
.ddsdmtxt > h3 {color: #02031c;font-size: 1.6vw;font-weight: 600;}
.ddsdm > a:hover .ddsdmtxt > h3,.ddsdml > li > a:hover {color: #3330bf;}
ul.ddsdml {padding-top: 18px;}
ul.ddsdml > li {margin-bottom: 12px;}
ul.ddsdml > li:last-child{margin-bottom: 0;}
ul.ddsdml > li > a {color: #02031c;font-weight: 600;font-size: 1.1vw;position: relative;}
.ddsdml > li > a::after{position: absolute;content: '';right: -9px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 7px;height: 7px;border-top: 2px solid #3330bf;border-right: 2px solid #3330bf;opacity: 0;transition: all 500ms ease-in-out;}
.ddsdml > li > a:hover::after{opacity: 1;right: -15px;}

.sbmnu1.unltmtd {background: url(../img/cardgrd.png) no-repeat 0 0 / 100% 100%;}
.unltdig {width: 30%;}
.unltdig1 > h3 {font-size: 2.1vw;line-height: 1.1em;padding: 10px 0;}
.unltdig2 {padding-top: 10px;}
.ltstku {padding-left: 17%;position: relative;transition: all 300ms ease-in-out;display: inline-block;width: 60%;}
.ltstku::before{position: absolute;content: '';top:  50%;transform: translateY(-50%);left: 0;width: 23%;height: 105%;background: url(../img/thndr.png) no-repeat 0 0 / 100% auto;transition: all 300ms ease-in-out;}
.ltstku:hover{padding-right: 17%;padding-left: 0;} 
.ltstku:hover::before{width: 0;height: 0;}
.ltstku::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 0;width: 0px;height: 0px;background: url(../img/thndr.png) no-repeat 0 0 / 100% auto;transition: all 300ms ease-in-out;}
.ltstku:hover::after{width:23%;height: 105%;}
.ltstku > a {background-color: #fdc448;display: block;text-transform: uppercase;color: #02031c;padding: 7% 12%;border-radius: 30px;font-size: 1vw;text-align: center;}

@media only screen and (min-width:1281px){
.ltstk:hover{padding-right: 0%;padding-left: 3vw;} 
.ltstk:hover::before{width: 3vw;height: 3vw;}
.ltstk:hover::after{width:0%;height: 0%;}
}
    /* ==========================================================================
                                  main content
       ========================================================================== */
.content {padding-top:6%;}
.hmbanner {display: flex;padding: 6% 6.5%;justify-content: space-between;align-items: center;}
.hmbaner1 {  width: 65%;}
.hmbaner1 > h1 {font-weight: 700;text-transform: uppercase;font-size: 5.1vw;line-height: 1.1em;background:linear-gradient(90deg, #fff, #fff, #aca4f3, #a198fe);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}    
.hmbaner1 > h3 {font-size: 4vw;text-transform: uppercase;width: 75%;background: linear-gradient(90deg, #f1cd00, #edbf00, #e08e02, #d87003);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.1em;padding-top: 3%;}
.hmbaner1 > p{font-size: 1.2vw;padding-top: 2.5%;line-height: 1.9em;    padding-bottom: 3%;}
.ltstk {padding-right: 3vw;position: relative;transition: all 300ms ease-in-out;    display: inline-block;}
.ltstk::before{position: absolute;content: '';top:  50%;transform: translateY(-50%);left: 0;width: 0;height: 0%;background: url(../img/bnrarw.png) no-repeat 0 0 / 100% 100%;transition: all 300ms ease-in-out;}
.ltstk::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 0;width:3vw;height: 3vw;background: url(../img/bnrarw.png) no-repeat 0 0 / 100% 100%;transition: all 300ms ease-in-out;}

.ltstk > a {background-color: #fdc448;display: flex;align-items: center;color: #02031c;padding: 0px 30px;border-radius: 30px;font-size: 1.1vw;    height: 3vw;}
.hmbaner2 {width: 29%;}
.comnspc {background: url(../img/hmombg.jpg) no-repeat 0 0 / 100% 100%;}
.abtdsinxt {display: flex;justify-content: space-between;padding: 6% 6.5%;}
.abtdsinxt1 {width: 20%;padding-top: 4%;}
.foundm1 > p {font-size: 1.1vw; color: rgba(255, 255, 255, 0.7);}
.foundm1 > h5 {font-size: 1.4vw;}
.foundm1 {padding-top: 10%;}
.abtdsinxt2 {width: 71.5%;}
.abtdsinxt2 > h3 {text-transform: uppercase;font-size: 5.1vw;}
.abtdsinxt2 > h3 span{background: linear-gradient(90deg, #996eea, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.abtdsinxt2 > h2 {text-transform: uppercase;font-size: 2.7vw;font-weight: 700;padding: 1% 0 2%;}
.abtdsinxt2 > p {font-size: 1.45vw;}
.hmservice{padding: 3% 6.5%;}
.hmservice > h3 {text-align: center;font-size: 5.1vw;text-transform: uppercase;}
.hmservice > h3 span {background: linear-gradient(90deg, #fdc448, #fdc64e, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hmservice > p {text-align: center;font-size: 1.4vw;width: 70%;margin: 0 auto;}
.typservces {margin-top: 5.2%;padding: 3%;background-color: #fff;border-radius: 3.5vw;}
.typservce {background-color: #f5f5f7;border-radius: 3vw;padding: 3% 4%;}
.typservce > li {padding-bottom: 2.7%;border-bottom: 1px solid #d3d3dc;margin-bottom: 2.5%;}
.typservce > li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.typsvce {display: flex;}
.typsvce1{width: 4.6vw;}
.typsvce2 {width: calc(100% - 7.6vw);padding-left: 2%;padding-top: 1%;box-sizing: border-box;}
.typsvce2 > h4 {font-size: 2.25vw;color: #000;}
.typsvce2 > p {color: rgba(0, 0, 0, 0.6);font-size: 1.1vw;width: 90%;padding-top: 10px;display: none;padding-bottom: 0;}
.typsvce3 {width: 3vw;}
.hdiagonal {position: relative;overflow: hidden;width: 3vw;height: 3vw;display: flex;align-items: center;justify-content: center;z-index: 1;}
.hdgnl,.hdgnl1 {width: 24px;height: 24px;transition: all 300ms ease-in-out;}
.hdgnl1 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;transform: translate(180%,-180%);z-index: 1;}
.typservce > li > a.active .hdiagonal .hdgnl,.typservce > li > a:hover .hdiagonal .hdgnl{transform: translate(180%,-180%);}
.typservce > li > a.active .hdiagonal .hdgnl1,.typservce > li > a:hover .hdiagonal .hdgnl1{transform: translate(50%,50%);}
.hdiagonal::after{position: absolute;content: '';top: 0%;left: 0%;width: 100%;height: 100%;background: #000;transform: scale(0);border-radius: 50%; transition: all 300ms ease-in-out;}
.typservce > li > a.active .hdiagonal::after,.typservce > li > a:hover .hdiagonal::after{transform: scale(1);}
.brands {padding: 5% 5%;}
.brands > h3 {text-align: center;font-size: 5.1vw;text-transform: uppercase;line-height: 1.1em;}
.brands > h3 span {display: block;background: linear-gradient(90deg, #996dea, #cc95ee, #fff, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.brands > p {width: 68%;margin: 0 auto;font-size: 1.45vw;text-align: center;padding-top: 5px;}
.brndlst {padding-top: 4.3%;}
.brndsepl {display: flex;align-items: center;padding-bottom: 1.8%;}
.brndsepl1 {width: 12.2%;}
.brndsepl1 > h5 {font-family: "Inter", sans-serif;font-weight: 500;font-size: 1.35vw;line-height: 1.2em;text-transform: capitalize;    padding-right: 17%;}
.brndsepl2 {display: flex;flex-wrap: wrap;width: 87.8%;}
.brndsepl2.owl-carousel{display: flex;}
.brndsepl21 {width: 15.4%;margin-right: 1.5%;}
.brndsepl21:last-child {margin-right: 0;}
.casestudy{ padding: 4.5% 6.5%;}
.casestude {background: url(../img/casestudbg.png) no-repeat 0 0 / 100% 100%;padding: 2% 2.5% 3%;}
.casestudh {display: flex;justify-content: space-between;padding: 0 3% 2% 1.3%;align-items: end;}
.casestudh1 > h3 {font-size: 5.1vw;text-transform: uppercase;line-height: 1.1em;color: #000;}
.casestudh1 > h3 span {display: block;background: linear-gradient(90deg, #3827c7, #3626c0, #130e53, #000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.casestudh2 {padding-bottom: 2%;}
.casestudh2 > h6 {color: #000;font-size: 2.6vw;}
.casedetel.owl-carousel .owl-stage{display: flex;}
.casedetl {display: flex;justify-content: space-between;background-color: #f5f5f7;padding: 3% 3% 3% 4%;border-radius: 1.5vw;height: 100%;box-sizing: border-box;}
.casedetl1 {width: 67%;}
.casedetl1 > h3 {color: #000;text-transform: capitalize;font-size: 2.85vw;}
.casedetl1 > h5 {color: #3827c7;font-size: 2.3vw;text-transform: capitalize;padding-top: 0.5%;}
.casedetl11 {padding: 2% 0 0 0;}
.casedetl11 > h5 {color: #000;font-size: 1.8vw;padding-bottom: 1%;}
.casedetl11 > p,.casedetl11 > h3 {color: rgba(0, 0, 0, 0.5);font-size: 1.18vw;padding-bottom: 10px;font-weight: 400;}
.casedetl11 ul {list-style: disc;padding-left: 20px;}
.casedetl11 ul li {color: rgba(0, 0, 0, 0.5);font-size: 1.05vw;padding-bottom: 7px;}
.casedetl2 {width: 31%;box-sizing: border-box;padding:3.6% 3% 1.7% 4%;background: url(../img/result.png) no-repeat 0 0 / 100% 100%;}
.casedetl2 > h5 {color: #fdc448;font-size: 4.3vw;padding-bottom: 2%;}
.casedetl2 > p {font-size: 1.5vw;font-weight: 500;line-height: 1.55em;}
.casedetl2 > p span {color: #fdc448;font-size: 2.3vw;}
.casedetel .owl-nav, .casedetel .owl-dots {display: none;}
.custom-navd{display: flex;justify-content: space-between;align-items: center;padding-top: 5%;}
.custom-dots {display: flex;justify-content: center;    width: 82.5%;}
.custom-dots button:last-child {margin-right: 0;}
.custom-dots button {flex: 1;height: 6px;border-radius: 3px;background: rgba(255,255,255,0.3);border: none;cursor: pointer;transition: background 0.3s;margin-right: 3%;    padding: 0;border-radius: 5px;}
.custom-dots button span{background: #fff;width: 0;height: 100%;display: block;border-radius: 5px;}
.custom-dots button.active span{width: 100%;transition: all 5000ms ease-in-out;    border-radius: 5px;}
.custom-nav {display: flex;gap: 10px;justify-content: center;}
.custom-nav button.owl-prev,.custom-nav button.owl-next {display: flex;align-items: center;justify-content: center;width: 55px;height: 55px;background-color: #fff !important;border-radius: 50%;    position: relative;}
.custom-nav button.owl-prev::before,.custom-nav button.owl-next::before{position: absolute;content: '';width: 20px;height: 20px;background-image: url(../img/arows.png);background-repeat:  no-repeat ;background-size:  28px auto; transition: all 300ms ease-in-out;z-index: 1;}
.custom-nav button.owl-prev::after,.custom-nav button.owl-next::after {position: absolute;content: '';top: 0%;left: 0%;width: 100%;height: 100%;transform: scale(0);border-radius: 50%;transition: all 300ms ease-in-out;background: #02031c;}
.custom-nav button.owl-prev:hover::after, .custom-nav button.owl-next:hover::after {transform: scale(1);}
.custom-nav button.owl-prev::before {background-position: 5px -24px;}
.custom-nav button.owl-next::before {background-position: 5px 1px;}
.custom-nav button.owl-prev:hover::before {background-position: -12px -24px;}
.custom-nav button.owl-next:hover::before {background-position: -12px 1px;}
.custom-nav button.owl-prev span,.custom-nav button.owl-next span{display: none;}
.comnspc2 {position: relative;}
.comnspc2::before{position: absolute;content: '';top: 20%;left: 0;right: 0;bottom: 0;background: url(../img/craftbg.png) no-repeat 0 0 / 100% auto;z-index: -1;}
.aproach {padding: 4% 6.5%;}
.aproach > h3 {font-size: 5.1vw;text-transform: uppercase;line-height: 1.1em;text-align: center;padding-bottom: 1.3%;background: linear-gradient(90deg, #9c6af3, #e8a0f5, #fdf3fe, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.aproach > p {text-align: center;font-size: 1.4vw;width: 70%;margin: 0 auto;}
.aproach > h5 {text-align: center;text-transform: uppercase;font-size: 3vw;line-height: 1.2em;padding-top: 5px;}
.aproach > h5 span {display: block;background: linear-gradient(90deg, #fdc448, #fdc750, #fdf3fe, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.aproache {margin-top: 4%;padding: 4% 3.5%;background-color: #fff;border-radius: 2vw;}
.aproches {border-radius: 1.5vw;background-color: #f5f5f7;display: flex;justify-content: space-between;}
.aproach1 {width: 53%;padding: 4% 4% 3% 3%;box-sizing: border-box;}
.aproach3 {display: flex;padding-bottom: 4.5%;border-bottom: 1px solid #d3d3dc;margin-bottom: 4%;}
.aproach3:last-child {margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.aproach31 {width: 12%;padding-top: 10px;}
.aproach32 {width: calc(100% - 12%);box-sizing: border-box;padding-left: 5%;}
.aproach32 > h5 {font-size: 1.8vw;color: #000;}
.aproach32 > p {color: rgba(0, 0, 0, 0.7);font-size: 1.05vw;padding-bottom: 0;}
.aproach2 {width: 47%;}
.crafting {padding: 5.5% 6.5%;}
.crafting > h3 {font-size: 5.1vw;line-height: 1.1em;text-align: center;text-transform: uppercase;}
.crafting > h3 span {display: block;background: linear-gradient(90deg, #fdc448, #fdc750, #fdf3fe, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.crafting > p {text-align: center;font-size: 1.4vw;width: 84%;margin: 0 auto;padding-top: 2%;line-height: 1.6em;}
.craftexcl {padding-top: 3%;}
.craftexcl1.odd {-webkit-mask: url(../img/vision.png) no-repeat 0 0 / 100% 100%;}
.craftexcl1.even {-webkit-mask: url(../img/vision2.png) no-repeat 0 0 / 100% 100%;}
.craftexcls .owl-nav {position: absolute;left: -2vw;right: -2vw;top: 53%;transform: translateY(-50%);pointer-events: none;}
.craftexcls .owl-nav button.owl-prev {display: flex;align-items: center;justify-content: center;width: 4vw;height: 4vw;background-color: #fff !important;border-radius: 50%;position: relative;pointer-events: all;float: left;}
.craftexcls .owl-nav button.owl-next {display: flex;align-items: center;justify-content: center;width: 4vw;height: 4vw;background-color: #fff !important;border-radius: 50%;position: relative;pointer-events: all;float: right;}
.hmourwrk .owl-nav button.owl-prev {display: flex;align-items: center;justify-content: center;width: 4vw;height: 4vw;background-color: #fff !important;border-radius: 50%;float: left;position: relative;}
.hmourwrk .owl-nav button.owl-next {display: flex;align-items: center;justify-content: center;width: 4vw;height: 4vw;background-color: #fff !important;border-radius: 50%;float: right;position: relative;}
.craftexcls .owl-nav button.owl-prev::before,.craftexcls .owl-nav button.owl-next::before,.hmourwrk .owl-nav button.owl-prev::before,.hmourwrk .owl-nav button.owl-next::before{position: absolute;content: '';width: 20px;height: 20px;background-image: url(../img/arows.png);background-repeat:  no-repeat ;background-size:  28px auto; transition: all 300ms ease-in-out;z-index: 1;}
.craftexcls .owl-nav button.owl-prev::after,.craftexcls .owl-nav button.owl-next::after,.hmourwrk .owl-nav button.owl-prev::after,.hmourwrk .owl-nav button.owl-next::after {position: absolute;content: '';top: 0%;left: 0%;width: 100%;height: 100%;transform: scale(0);border-radius: 50%;transition: all 300ms ease-in-out;background: #02031c;border: 1px solid #fff;}
.craftexcls .owl-nav button.owl-prev:hover::after, .craftexcls .owl-nav .owl-next:hover::after,.hmourwrk .owl-nav button.owl-prev:hover::after, .hmourwrk .owl-nav .owl-next:hover::after {transform: scale(1);}
.craftexcls .owl-nav button.owl-prev::before,.hmourwrk .owl-nav button.owl-prev::before {background-position: 5px -24px;}
.craftexcls .owl-nav button.owl-next::before,.hmourwrk .owl-nav button.owl-next::before {background-position: 5px 1px;}
.craftexcls .owl-nav button.owl-prev:hover::before,.hmourwrk .owl-nav button.owl-prev:hover::before {background-position: -12px -24px;}
.craftexcls .owl-nav button.owl-next:hover::before ,.hmourwrk .owl-nav button.owl-next:hover::before {background-position: -12px 1px;}
.craftexcls .owl-nav button.owl-prev span,.craftexcls button.owl-next span,.hmourwrk .owl-nav button.owl-prev span,.hmourwrk button.owl-next span{display: none;}
.hmorwrk {padding: 5.4% 6.5%;}
.hmorwrk > h3 {font-size: 5.1vw;line-height: 1.1em;text-align: center;text-transform: uppercase;}
.hmorwrk > h3 span {display: block;background: linear-gradient(90deg, #9d6af3, #e8a0f5, #f3e5f8, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hmorwrk > p {text-align: center;width: 61%;margin: 0 auto;padding-top: 0.6%;font-size: 1.4vw;}
.hmourwk {padding-top: 3%;}
.hmourwk {margin-top: 3%;background-color: #fff;border-radius: 2vw;padding: 3.3%;}
.hmourwrk {background-color: #eee;border-radius: 2vw;}
.hmorork {display: flex;}
.hmorork1 {width: 43%;padding: 5% 5% 3% 5.5%;box-sizing: border-box;}
.strtang {width: 40%;padding-bottom: 3%;}
.hmorork1 > p {color: #000;font-weight: 500;font-size: 1.09vw;line-height: 1.9em;}
.hmorork1 > span {font-weight: 600;color: rgba(0, 0, 0, 0.5);font-size: 1.5vw;text-transform: capitalize;}
.hmorork2 {width: 57%;}
.hmorork2 > a {display: block;position: relative;}
.hmorork22 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 17%;}
.hmourwrk .owl-nav {position: absolute;left: 6%;bottom: 5%;display: flex;align-items: center;gap: 20px;}
.hecontct {padding: 5% 6.5% 7%;position: relative;}
.hecontct::after{position: absolute;content: '';left: 0;right: 0;bottom: 0;width: 100%;height: 145%;top: -45%;background: url(../img/talkbg.png) no-repeat left bottom / 100% auto;z-index: -1;}
.hltstak {display: flex;}
.hltstak1 {width: 36%;    box-sizing: border-box;padding: 1.5% 4% 0 0;}
.hltstak1 > h3 {font-size: 5.1vw;line-height: 1em;text-transform: uppercase;    padding-right: 10%;}
.hltstak1 > h3 span {display: block;background: linear-gradient(90deg, #fdc448, #fdc750, #fdf3fe, #fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.htaklst {padding-top: 5%;}
.htaklst > li {padding-left: 30px;font-size: 1.25vw;position: relative;margin-bottom: 15px;}
.htaklst > li::before{position: absolute;content: '';top: 50%;left: 0;width: 20px;height: 20px;background: url(../img/check.png) no-repeat 0 0 / 20px auto;transform: translateY(-50%);}
.hltstak2 {width: 64%;background: url(../img/contus1.png) no-repeat 0 0 / 100% 100%;}
.hltstak21 {padding: 12% 8% 7%;}
.hcrolis {display: flex;flex-wrap: wrap;}
.hcrlis1:nth-child(odd) {margin-right: 5.5%;}
.hcrlis1 {width: 47%;margin-bottom: 5%;position: relative;}
input.hcrims {color: #000;font-size: 1vw;padding: 0 0 9px 0;border-bottom: 1px solid #d3d3dc;background-color: transparent !important;border-radius: 0 !important;}
.hdrpdn{display: block;font-size:1vw;padding-bottom:9px;padding-top: 4px;border-bottom: 1px solid #d3d3dc;width: 100%;background-color: transparent !important;color: #8a8a8a;position: relative;text-transform: capitalize;}
.hdrpdn::after  {position: absolute;content: '';top: 30%;right: 5px;width: 8px;height: 8px;border-top: 2px solid #8a8a8a;border-right: 2px solid #8a8a8a;transform:translateY(-50%) rotate(135deg);transition: all 500ms ease-in-out;}
.hdrpdn.active::after{ transform:translateY(-50%) rotate(-45deg);top: 60%;}
.hdrpdwn {display: none;position: absolute;left: 0;top: 103%;background-color: #fff;border: 1px solid #d3d3dc;border-radius: 10px;padding:10px 15px;width: 100%;z-index: 10;box-sizing: border-box;}
.hdrpdwn > li {padding-bottom: 10px;}
.hdrpdwn > li:last-child{padding-bottom: 0;}
.hdrpdwn > li > a {color: #0a2827;font-size: 0.9vw;text-transform: capitalize;}
.hdrpdwn > li.active > a,.hdrpdwn > li > a:hover {color: #4b4196;}
.hcrolis1 {width: 100%;margin-bottom: 6%;}
.hcrolis1 textarea{color: #8a8a8a;font-size: 1vw;border-bottom: 1px solid #d3d3dc;padding: 0;}

.hsubmt {display: flex;justify-content: end;}
.crlpp2 {float: right;background-color: #3330bf;position: relative;border-radius: 30px;}
.crlpp2 > a{text-transform: uppercase;font-size: 1.1vw;padding: 0.6rem .75rem 0.6rem 1.5rem;z-index: 2;display: flex;align-items: center;justify-content: center;position: relative;}
.btntxt {font-size: 0.875em;margin-right: 0.75em;}
.btnicon {display: flex;justify-content: center;align-items: center;width: 35px;height: 35px;background-color: #fff;border-radius: 50%;color: #3827c7;position: relative;overflow: hidden;}
.btnicon1 {z-index: 1;justify-content: center;align-items: center;font-size: 0;transition: transform .4s cubic-bezier(.215,.61,.355,1);display: flex;position: relative; transform: translate(0%);}
.btnicon11 {z-index: 2;flex: none;width: 1rem;height: 1rem;font-size: 0;position: relative;}
.btnicon12 {position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;transform: translate(-180%);}
.btnicon2 {background-color: #3827c7;border-radius: 50%;transition: all .3s;position: absolute;top: 5%;bottom: 5%;left: 5%;right: 5%;transform: scale(0);}
#sbtnc,#sbtnc1 {z-index: 5;opacity: 0;width: 100%;height: 100%;padding: 0;display: block;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0;}
.crlpp2 > a.active .nrml {transform: translateY(-150%);opacity: 0;}
.crlpp2 > a.active .nrml1 {transform: translateY(0%);opacity: 1;    visibility: visible;}
.crlpp2 > a.active .btnicon{color: #fff;}
.crlpp2 > a.active .btnicon1{transform: translate(180%);} 
.crlpp2 > a.active .btnicon2  {transform: scale(1);}
/*********************************** common page -----------------------------*/
.enqpop {position: fixed;left: 0;top: 0; right: 0px;bottom: 0px;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{display: flex;}
a.pfmcls {position: absolute;right: 25px;top: 50px;font-size: 1em;line-height: 0.8em;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;color: #000;padding: 5px;}
.enqpop1{position: relative;padding: 60px 50px 40px;background-color: #fff;width: 850px;border-radius: 30px;box-sizing: border-box;background: url(../img/contus1.png) no-repeat 0 0 / 100% 100%;}
.ourxpert21 {display: flex;align-items: center;}
.ourxpert211 {width: 100px;}
.ourxpert212 {padding-left: 3%;}
.ourxpert212 > h5 {font-weight: 500;font-size: 1.5em;line-height: 1.2em;color: #02021e;}
.ourxpert212 > p {font-weight: 500;opacity: 0.5;color: #02021e;padding-bottom: 0;}
.enqpop2 {padding-top: 30px;}

.enbt {position: fixed;bottom: 40%;right: 1%;z-index: 2000;}
.enbt a{color:#fff;padding:1px;display:block;margin:6px 5px;position:relative}
.enbt a>img{width:45px;background:#fff;border:1px solid #d9d9d9;border-radius:50%;display: inline-block;vertical-align: middle;position: relative;z-index: 1;}
.enbt a span{display:block;position: absolute;top: 50%;text-align: left;background:#fff;border: 1px solid #02031e; color:#02031e;z-index:-1;right:13px;border-radius:20px 0 0 20px;padding:7px 0 7px 15px;font-size:0.9em;transform:translateY(-50%) translateX(0px);visibility:hidden;opacity:0;text-transform:capitalize;transition: all 500ms ease-in-out;}
.enbt a.ewhatsapp span{width:90px}
.enbt a:hover span{opacity:1;visibility:visible;transform:translateY(-50%) translateX(-27px);}
.enbt .mob{display: none;}
.totop {
    position: fixed;
    right: 15px;
    bottom: 30px;
    z-index: 1000;
    transform: translateY(100px);
    transition: all 500ms ease-in-out;}
.main.top .totop {
    transform: translateY(0);
}
.totop a {
    display: block;
    position: relative;
    height: 40px;
    width: 40px;
}
.scrltp1 {
    position: absolute;
    text-transform: capitalize;
    width: 133px;
    top: 50%;
    right: 0px;
    background-color: #fff;
    border-radius: 20px 0 0 20px;
    padding: 7px 0 7px 15px;
    font-size: 0.9em;
    transform: translateY(-50%) translateX(0px);
    border: 1px solid #02031e;
    color: #02031e;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;transition: all 500ms ease-in-out;
}
.totop a:hover .scrltp1{visibility: visible;opacity: 1;transform: translateY(-50%) translateX(-27px);}
.scrltp2 {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #02031e;
    position: relative;
    box-sizing: border-box;
}
.scrltp2::before {
    position: absolute;
    content: '';
    top: 59%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #0f0e17;
    border-right: 2px solid #0f0e17;
    transform: translate(-50%, -50%) rotate(-45deg);
}

    /* ==========================================================================
                                 Footer
       ========================================================================== */
.footer {padding: 6.7% 6.5% 3%;}
.footer1 {display: flex;justify-content: space-between;    padding-bottom: 4.5%;border-bottom: 1px solid #fff;}
.fotr1 {width: 30%;}
.ftlogo {width: 46%;padding-bottom: 30px;}
.foot_1 > h5 {font-weight: 600;font-size: 1.95vw;padding: 32px 0;line-height: 1.2em;}
.hmstrft {margin-top: 20px;border: 1px solid #eaeaec;border-radius: 30px;padding: 10px;display: flex;}
.tdid1 {width: calc(100% - 30px);box-sizing: border-box;padding: 5px 5px 0;position: relative;}
label.emilad {position: absolute;top: -25px;transform: translateY(30px);left: 10px;font-size: 1.2em;color: #8a8a8a;pointer-events: none;transition: transform 0.3s, font-size 0.3s;}
input.yrema:focus + .emilad,input.yrema.error ~ .emilad,input.yrema.valid ~ .emilad,input.yrema:not(:placeholder-shown) + .emilad{transform: translateY(2px);font-size: 16px;background-color: #02021e;padding: 0 5px;}
.tdid2 {position: relative;}
input#vsbt {width: 35px;height: 35px;padding: 0;font-size: 0;position: relative;z-index: 1;}
.tdid2::before{position: absolute;content: '';top: 50%;right: 0px;transform: translateY(-50%);width: 33px;height: 33px;border-radius: 50%;background-color: #fff;border: 1px solid #fff;transition: all 500ms ease-in-out;}
.tdid2::after{position: absolute;content: '';top: 50%;right: 8px;transform: translateY(-50%);width: 19px;height: 17px;background: url(../img/mail.png) no-repeat 1px 1px / 50px auto;transition: all 500ms ease-in-out;}
.tdid2:hover::before{background-color: #3827c7;}
.tdid2:hover::after{background-position: -31px 1px;}
.fotr2 {display: flex;}
.fotr21 {padding-right: 4.9vw;}
.fotr21 > li {padding-bottom: 14%;}
.fotr21 > li > a {font-size: 1.35vw;text-transform: capitalize;}
.fotr21 > li > a .nrml1{text-transform: capitalize;}
.fotr24 {padding-bottom: 5.2%;}
.fotr24 > span {text-transform: uppercase;color: rgba(255, 255, 255, 0.4);display: block;font-size: 1vw;line-height: 1em;padding-left: 30px;}
.fotr24 > a {font-size: 1.42vw;padding-left: 30px;position: relative;display: inline-block;}
.fotr24 > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;}
a.ftel::before{background: url(../img/fcall.png) no-repeat 0 0 / 100% auto;}
a.fmail::before{background: url(../img/fmail.png) no-repeat 0 0 / 100% auto;}
a.fweb::before{background: url(../img/website.png) no-repeat 0 0 / 100% auto;}
a.floct::before{background: url(../img/location.png) no-repeat 0 0 / 100% auto;}
.footer2 {padding-top: 1.5%;    display: flex;justify-content: space-between;align-items: center;}
.cpyrt > p {color: rgba(255, 255, 255, 0.5);font-size: 1.05vw;padding-bottom: 0;}
.socl > li {margin-right: 14px;}
.socl > li > a {width: 30px;height: 30px;display: block;position: relative;overflow: hidden;border: 1px solid #fff;border-radius: 50%;}
.socl > li > a .scl1,.socl > li > a .scl2{width: 30px;height: 30px;display: block;background-image: url(../img/social.png) ;background-repeat: no-repeat;background-size: 40px auto;position: relative;transition: all 300ms ease-in-out;}
.socl > li > a.fb .scl1,.socl > li > a.fb .scl2{background-position: -3px -2px;}
.socl > li > a.insta .scl1,.socl > li > a.insta .scl2{background-position: -2px -63px;}
.socl > li > a.lnkin .scl1,.socl > li > a.lnkin .scl2{background-position: 0 -125px;}
.socl > li > a.twtr .scl1,.socl > li > a.twtr .scl2{background-position: -2px -185px;}
.socl > li > a.utbe .scl1,.socl > li > a.utbe .scl2{background-position: -3px -247px;}
.socl > li > a .scl2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;transform: translateX(-60px);z-index: 1;}
.socl > li > a:hover .scl1{transform: translateX(60px);}
.socl > li > a:hover .scl2{transform: translateX(0);}
.socl > li > a::after{position: absolute;top: 0;left: 0;right: 0;bottom: 0; transform: scale(0);content: '';transition: all 300ms ease-in-out;border-radius: 50%;}
.socl > li > a:hover::after{transform: scale(1);}
.socl > li > a.fb::after{background-color: #1877F2;}
.socl > li > a.insta::after{background-color: #cd486b ;}
.socl > li > a.lnkin::after{background-color: #0077b5;}
.socl > li > a.twtr::after{background-color: #1DA1F2;}
.socl > li > a.utbe::after{background-color: #CD201F;}
.enqpop1 .pfmcls > img{width: 50%;height: 50%;}
    /* ==========================================================================
                                 Responsive
       ========================================================================== */
       
@media only screen and (max-width:1280px){
    .hdiagonal{width: 4vw;height: 4vw;}
    .navi > li{    margin-right: 30px;}
    a.ewhatsapp.desk{display: none;}
    a.ewhatsapp.mob{display: block;}
    .scrltp1{display: none;}
}
@media only screen and (max-width:64em){
    .desk{display: none;}
    .hedleft{width: 120px;}
    .hedright {width: auto;}
    .hedcontainer {margin: 0 30px;padding: 20px 0px;border-bottom: 1px solid #fff;}
    .head.shead .hedcontainer{padding: 15px 0;}
    .content {padding-top: 76px;}
    .phmenu {display: block;}
    
/*
    .mnulnk > span,.mnulnk span::before,.mnulnk span::after{transition: all 500ms ease-in-out;}
    
a.mnulnk {display: block; width: 25px;height: 25px;margin-top: 5px;}
.mnulnk > span {width: 15px;height: 2px;background-color: #fff;display: block;position: relative;top: 12px;left: 0px;}
.mnulnk span::before {content: "";position: absolute;background-color: #fff;top: -6px;width: 22px; height: 2px;border-radius: 25%;left: 0px;}
.mnulnk span::after {content: "";position: absolute;background-color: #fff;top: 6px;width: 22px; height: 2px;border-radius: 25%;left: 0;}
    .mnulnk.active > span{height: 0;}
    .mnulnk.active span::before{transform: rotate(45deg);top: 0;}
    .mnulnk.active span::after{transform: rotate(-45deg);top: 0;}
*/
/*

.sldmnu { position: fixed;left: 30px;right: 30px;background-color: #fff;top: 77px;z-index: 1000;border-radius: 20px; display: none;}
    .sldmnu.open{display: block;}
.opts {padding: 30px 40px;}
.opts > li {border-bottom: 1px solid #adaeaf;}
.opts > li:last-child {border-bottom: none;}
.opts > li > a {color: #02031c;padding: 17px 0;display: block;font-size: 1em;text-transform: capitalize;font-weight: 700;letter-spacing: 0.02em;}
.opts > li:last-child > a {border-bottom: none;}
*/
    
    .hmbaner1 > h1,.abtdsinxt2 > h3,.hmservice > h3,.brands > h3,.casestudh1 > h3,.aproach > h3,.crafting > h3,.hmorwrk > h3,.hltstak1 > h3{font-size: 5vw;}
    .hmbaner1 > h3,.casedetl2 > h5 {font-size: 4vw;}
    .aproach > h5{font-size: 3vw;}
    .abtdsinxt2 > h2,.casestudh2 > h6,.casedetl1 > h3{font-size: 2.7vw;}
    .typsvce2 > h4,.casedetl1 > h5{font-size: 2.2vw;}
    .casedetl2 > p{font-size: 2vw;}
    .aproach32 > h5{font-size: 1.8vw;}
    .hmbaner1 > p,.abtdsinxt2 > p,.foundm1 > h5,.hmservice > p,.brands > p,.casedetl11 > h5,.aproach > p,.crafting > p,.hmorwrk > p,.hmorork1 > span,input.hcrims,.hdrpdn,.hcrolis1 textarea,.crlpp2 > a,.fotr24 > a,.fotr21 > li > a{font-size: 1.8vw;}
    .ltstk > a,.foundm1 > p,.typsvce2 > p,.brndsepl1 > h5,.casedetl11 > p,.casedetl11 > h3,.casedetl11 ul li,.aproach32 > p,.hmorork1 > p,.htaklst > li,.hdrpdwn > li > a,.fotr24 > span,.cpyrt > p{font-size: 1.5vw;}
    
    .hmbanner{padding:50px 30px;}
    .brands,.abtdsinxt,.aproach,.hmorwrk {padding: 40px 30px;}
    .hmservice,.crafting{padding: 20px 30px;}
    .casestudy,.hecontct {padding: 20px 30px 40px;}
    .hmservice > p,.brands > p,.aproach > p,.crafting > p,.hmorwrk > p{width: 80%;}
    
    .ltstk > a{padding: 0 20px;height: 5vw;}
    .ltstk {padding-right: 5vw;}
    .ltstk::after{width: 5vw;height: 5vw;}
    .typservce{padding: 4%;}
    .hdgnl, .hdgnl1 {width: 18px;height: 18px;}
    .typservce > li > a.active .hdiagonal .hdgnl1, .typservce > li > a:hover .hdiagonal .hdgnl1 {transform: translate(40%, 40%);}
    .custom-nav button.owl-prev, .custom-nav button.owl-next{width: 45px;height: 45px;}
    .aproches,.hmorork{align-items: center;}
    .hmourwrk .owl-nav {position: static;padding: 20px 6%;}
    .hltstak21 {padding: 9% 5% 7%;}
    .craftexcls .owl-nav button.owl-prev, .hmourwrk .owl-nav button.owl-prev,.craftexcls .owl-nav button.owl-next, .hmourwrk .owl-nav button.owl-next{width: 45px;height: 45px;}
    .hltstak1 > h3{padding-right: 17%;}
    #message {width: 60%;padding: 30px;border-radius: 20px;}
    
    .footer {padding: 40px 30px 30px;}
    .footer1 {display: block;}
    .fotr1 {width: 40%;padding-bottom: 40px;}
    .footer2 {padding-top: 3%;}
}
@media only screen and (max-width:900px){
.fotr1 {width: 50%;}
    .enqpop1 {width: 80%;padding: 50px 30px 30px;border-radius: 20px;}
    #message {width: 70%;}
}
@media only screen and (max-width:39em){
    .desk1{display: none;}
    .mob1{display: block;}
     .hedcontainer {margin: 0 20px;padding: 15px 0px;}
    .sldmnu{left: 20px;right: 20px;top: 70px;}
    .opts {padding: 30px 20px;}
    
    .content {padding-top: 67px;}
    .hmbaner1 > h1,.abtdsinxt2 > h3,.hmservice > h3,.brands > h3,.casestudh1 > h3,.aproach > h3,.crafting > h3,.hmorwrk > h3,.hltstak1 > h3{font-size: 8vw;}
    .hmbaner1 > h3,.casedetl2 > h5 {font-size: 7vw;}
    .aproach > h5{font-size: 6vw;}
    .abtdsinxt2 > h2,.casestudh2 > h6,.casedetl1 > h3,.casedetl2 > p span{font-size: 4.5vw;}
    .typsvce2 > h4,.casedetl1 > h5{font-size: 4vw;}
    .casedetl2 > p{font-size: 4vw;}
    .aproach32 > h5{font-size: 3.8vw;}
    .hmbaner1 > p,.abtdsinxt2 > p,.foundm1 > h5,.hmservice > p,.brands > p,.casedetl11 > h5,.aproach > p,.crafting > p,.hmorwrk > p,.hmorork1 > span,input.hcrims,.hdrpdn,.hcrolis1 textarea,.crlpp2 > a,.fotr24 > a,.fotr21 > li > a,.brndsepl1 > h5{font-size: 3.8vw;}
    .ltstk > a,.foundm1 > p,.typsvce2 > p,.casedetl11 > p,.casedetl11 > h3,.casedetl11 ul li,.aproach32 > p,.hmorork1 > p,.htaklst > li,.hdrpdwn > li > a,.fotr24 > span,.cpyrt > p{font-size: 3.5vw;}
    
    .hmbanner{padding:30px 20px;}
    .brands,.abtdsinxt,.aproach,.hmorwrk {padding: 30px 20px;}
    .hmservice,.crafting{padding: 20px 20px;}
    .casestudy,.hecontct {padding: 20px 20px 30px;}
    .hmservice > p,.brands > p,.aproach > p,.crafting > p,.hmorwrk > p{width: 100%;}
    .hmbaner1,.hmbaner1 > h3,.abtdsinxt2,.typsvce2 > p,.brndsepl1,.brndsepl21,.casedetl1,.casedetl2,.aproach1,.aproach2,.hltstak1,.hltstak2,.hcrlis1 {width: 100%;}
    .hmbaner1,.abtdsinxt2 {text-align: center;}
    .hmbaner1 > p{line-height: 1.5em;}
    
    .hmbanner,.casestudh,.casedetl,.aproches,.hmorork,.hltstak,.hcrolis {display: block;}
    .ltstk > a{height: 9vw;}
    .ltstk::after {width: 9vw;height: 9vw;display: none;}
    .ltstk {padding-right: 0vw;}
    .hmbaner2 {width: 60%;margin: 0 auto;padding-top: 30px;}
    .abtdsinxt {flex-wrap: wrap;}
    .abtdsinxt2 > h2{font-weight: 500;}
    .abtdsinxt1 {order: 2;margin: 0 auto;width: 52%;text-align: center;padding-top: 20px;}
    .foundm1 > p {padding-bottom: 0;}
    .typservces {margin: 15px -20px 0;padding: 20px;border-radius: 15px;}
    .typservce {padding: 20px;border-radius: 10px;}
    .typservce > li{padding-bottom: 15px;margin-bottom: 15px;}
    .typsvce1 {width: 9vw;}
    .typsvce3 {width: 7vw;}
    .typsvce2 {width: calc(100% - 16vw);padding-left: 4%;}
    .hdiagonal {width: 7vw;height: 7vw;}
    .hdgnl, .hdgnl1 {width: 15px;height: 15px;}
    .brndsepl {display: block;padding-bottom: 20px;}
    .brndsepl1 {padding-bottom: 10px;}
    .brndsepl21{margin-right: 0;}
    .brands {overflow: hidden;}
    .brndsepl2.owl-carousel .owl-stage-outer{overflow:  visible !important;}
    .carousel-controls {display: flex;gap: 10px;justify-content: center;}
    .custom-prev,.custom-next {display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;background-color: #fff !important;border-radius: 50%;    position: relative;}
    .custom-prev::before,.custom-next::before{position: absolute;content: '';width: 20px;height: 20px;background-image: url(../img/arows.png);background-repeat:  no-repeat ;background-size:  28px auto; transition: all 300ms ease-in-out;z-index: 1;}
    .custom-prev:before {background-position: 5px -24px;}
    .custom-next::before {background-position: 5px 1px;}
    .casestude::after {position: absolute;content: '';left: 0;right: 0;bottom: 0;top: 50px;background-color: #fff;border-radius: 10px;z-index: -1;}
    .casestude {background: url(../img/mbcasestudy.png) no-repeat 0 0 / 100% auto;padding: 20px 20px;position: relative;}
    .casestudh{padding: 0;}
    .casestudh1 > h3 {display: inline-block;}
    .casestudh2 {padding-bottom: 15px;}
    .casedetl{padding: 0px;border-radius: 0px;background-color: #fff;display: flex;flex-direction: column;justify-content: flex-start;}
    .casedetl1{padding: 20px;border-radius: 10px;    background-color: #f5f5f7;box-sizing: border-box;height: 69%;}
    .casedetl2 {  padding: 20px;margin-top: 15px;background: url(../img/mbresult.png) no-repeat 0 0 / 100% auto;position: relative;height: 30%;}
    .casedetl2::after {position: absolute;content: '';left: 0;right: 0;bottom: 0;top: 50px;background-color: #3827c7;border-radius: 10px;}
    .casedetl2 > p{position: relative;z-index: 1;padding-bottom: 5px;}
    .custom-navd{padding-top: 20px;}
    .custom-navd{justify-content: center;}
    .custom-dots {display: none;}
    .comnspc {background: url(../img/hmombg.jpg) no-repeat 0 0 / 100% 80%;}
    .aproache {margin: 20px -20px 0;padding: 20px;border-radius: 15px;}
    .aproches {border-radius: 10px;}
    .aproach1{padding: 20px;}
    .aproach31{padding-top: 3px;}
    .aproach2 {padding: 20px 10px;box-sizing: border-box;}
    .craftexcl {padding-top: 20px;}
    .craftexcls .owl-nav {position: static;padding-top: 20px;display: flex;justify-content: center;gap: 10px;transform: translateY(0%);}
    .craftexcls .owl-nav button.owl-prev, .hmourwrk .owl-nav button.owl-prev,.craftexcls .owl-nav button.owl-next, .hmourwrk .owl-nav button.owl-next{width: 45px;height: 45px;}
    .hmorwrk > h3 {width: 80%;margin: 0 auto;}
    .hmourwk{border-radius: 10px;padding: 10px;}
    .hmourwrk{border-radius: 10px;}
    .hmorork1 {width: 100%;padding: 40px 25px 15px;}
    .hmorork2 {width: 100%;padding: 20px 25px;box-sizing: border-box;}
    .hmourwrk .owl-nav{justify-content: center;padding: 20px 20px 30px;}
    .hltstak1{padding: 0 0% 20px 0px;}
    .hltstak2{background: url(../img/mbcontus.png) no-repeat 0 0 / 100% auto;position: relative;}
    .hltstak2::after {position: absolute;content: '';left: 0;right: 0;bottom: 0;top: 50px;background-color: #fff;border-radius: 10px;z-index: -1;}
    .hltstak21 {padding: 40px 20px 25px;}
    .hcrlis1,.hcrolis1{margin-bottom: 20px;}
    .hcrlis1:nth-child(odd){margin-right: 0;}
    .hsubmt {justify-content: center;}
    .craftexcls .owl-nav button.owl-next{margin-left: 0;}
    .enqpop1 {width: 90%;padding: 50px 30px 30px;border-radius: 10px;background: url(../img/mbcontus.png) no-repeat 0 0 / 100% auto;position: relative;}
    .enqpop1::after {position: absolute;content: '';left: 0;right: 0;bottom: 0;top: 50px;background-color: #fff;border-radius: 10px;z-index: -1;}
    .ourxpert211 {width: 16vw;}
    .ourxpert212 > h5{font-size:4vw;}
    .ourxpert212 > p{font-size: 3vw;}
    .enqpop2 {padding-top: 20px;}
    a.pfmcls{top: 20px;right: 8px;width: 22px;height: 22px;}
    #message {width: 90%;}
    #message > p{font-size: 1em;}
    
    .footer {padding: 40px 20px 30px;}
    .fotr1 {width: 90%;}
    .ftlogo{padding-bottom: 20px;}
    .fotr2 {flex-wrap: wrap;}
    .fotr21 > li {padding-bottom: 15px;}
    .fotr21 {padding-right: 20vw;}
    .fotr23 {padding-top: 20px;}
    .fotr24 > a,.fotr24 > span{padding-left: 25px;}
    .fotr24 > a::before{width: 18px;height: 18px;}
    .footer2 {padding-top: 20px;flex-wrap: wrap;}
    .cpyrt {order: 2;width: 100%;border-top: 1px solid #fff;padding-top: 15px;margin-top: 20px;}
}