/* 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;}

    /* ==========================================================================
       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:#02021e;}
    h1, h2, h3, h4, h5, h6 { margin:0; font-size: 1em;font-family:"proxima-nova";font-weight: 400}
    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;}
    
     
    /* ==========================================================================
                                  text colors related
       ========================================================================== */
    /* normal */
    body {color:#fff;font-family:"proxima-nova";overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
/*body{background: url(../bg/About-us.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,.footer1,.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,.footer1 > 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;min-width:600px}
#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;}
#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;
}.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 > a.active {color: #fdc448;}
.navi > li.over > a::before {width: 100%;left: 0;}
.opts li.over a {color: #ff8300;}
a,.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: #02021e;}
.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;position: absolute;top: 0;left: 0;padding-bottom: 0;transform: translateY(150%);transition: all 300ms ease-in-out;}
.nroml:hover .nrml{transform: translateY(-150%);opacity: 0;} 
.nroml:hover .nrml1{transform: translateY(0%);opacity: 1;} 
.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%;padding: 35px 0 14px 0;border-bottom: 1px solid #fff;}
.hedleft {float: left;}
.clogo {width: 122px;}
.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: 9px 4px 7px 18px;color: #02031c;font-weight: 500;position: relative;border-radius: 20px;background-color: #fff;display: flex;}
.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: 46px;}
.navi > li:last-child{margin-right: 0; margin-top: -8px;}

.hedright {float: right;}
.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;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;}

.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;}
.opts > li:first-child > a{position: relative;} 
.opts > li:first-child > a::after{position: absolute;content: '';top: 20px;right: 10px;width: 10px;height: 10px;border-top: 1px solid #02031c;border-right: 1px solid #02031c;transform: rotate(135deg);}
.opts > li.active > a::after{top: 25px;transform: rotate(-45deg);}
.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;}
    /* ==========================================================================
                                  main content
       ========================================================================== */
#founder {
    position: relative;
}
#founder::before {
    position: absolute;
    content: '';
    left: -5%;
    right: -5%;top: 0;bottom: 0;
    background: url(../img/bg-blue.webp) no-repeat 0% 0 / 100% auto;z-index: -1;
}
.content {padding-top: 122px;}
.container {margin: 0 5%;}
.banercls {padding: 30px 0;display: flex;}
.bannerc1 {width: 66%; background: url(../img/homeb.webp) no-repeat 0 0 / 100% 100%;}
.homcontainer {padding: 9% 5% 2%;position: relative;   }
.homcontainer > h1 {font-weight: 600;text-transform: uppercase;font-size: 7vw;line-height: 0.87em;}
span.h1_words {height: 13vw;position: relative;display: inline-block;vertical-align: middle;  transition: all .8s cubic-bezier(.77,0,.175,1);overflow: hidden;width: 100%;}
.h1_word {display: flex;position: absolute;top: 0;left: 0;bottom: auto;right: auto;flex-wrap: wrap;}
.h1_letter.break {
    flex-basis: 100%;
}
.h1_letter {font-style: normal;display: inline-block;position: relative;transform: translateY(210%);}
.h1_letter.active.done {transform: translateY(-210%);}
.h1_letter.active {transition: all .8s;transform: translate(0);}
.h1_thing{position: relative;z-index: 1;}
.homimages{z-index:0;width:33.2%;height:51%;position:absolute;top:13%;right:5%;transform:translate(0);z-index: 10;}
.home_image{width:100%;height:100%;max-width:none;display:block;position:absolute;top:0%;bottom:auto;left:0%;right:auto;transform:translateY(8rem)scale(0)}
.home_image.active{transition:all 1s cubic-bezier(.77,0,.175,1);transform:translate(0)scale(1)}
.home_image.active.done{transform:translateY(-8.6rem)scale(0)}
.homcontnt {margin-top: 3%;border-top: 1px solid #ffffff6e;padding-top: 5%;}
.honcnt10 > h3 {font-weight: 500;font-size: 4vw;display: inline-block;vertical-align: middle;line-height: 1em;}
.honcnt10 {width: 47%;float: left;}
.honcnt10 > h5 {display: inline-block;vertical-align: middle;text-transform: uppercase;    width: 67%;padding-left: 14px;font-size: 1.35vw;}
.homcntlk {float: right;padding-top: 1%;    width: 19%;}
.bannerc2 {  width: 34%;box-sizing: border-box;margin-left: 2.2%;border-radius: 30px;overflow: hidden;background-color: #352b5d;}
.ltstk {padding-left: 29%;position: relative;transition: all 300ms ease-in-out;}
.ltstk::before{position: absolute;content: '';top:  50%;transform: translateY(-50%);left: 0;width: 29%;height: 100%;background: url(../img/thndr.png) no-repeat 0 0 / 100% 100%;transition: all 300ms ease-in-out;}
.ltstk:hover{padding-right: 29%;padding-left: 0;} 
.ltstk:hover::before{width: 0;height: 0;}
.ltstk::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% 100%;transition: all 300ms ease-in-out;}
.ltstk:hover::after{width:29%;height: 100%;}
.ltstk > a {background-color: #fdc448;display: block;text-transform: uppercase;color: #02031c;padding: 10% 12%;border-radius: 30px;font-size: 1vw;}
.homcnter {position: relative;}
.homcnterslid {width: 100%;}
.obrns {position: absolute;top: 3%;left: 8%;width: 85%;z-index: 101;}
.obr > span {width: 24%;display: inline-block;vertical-align: top;height: 3px;margin-right: 1%;background-color: #595959;border-radius: 10px;}
.obr > span {width: 24%;display: inline-block;vertical-align: middle;height: 3px;margin-right: 1%;background-color: #595959;border-radius: 10px;    position: relative;text-indent: -1000em;}
.obr > span::after {content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #fff;z-index: 2;}
.obr > span.cycle-pager-active:after {width: 100%;transition: all 3500ms ease;}

.foundr {padding-top: 38px;}
.foundr1 {width: 20%;margin-right: 15%;}
.foundr1ig {width: 58%;}
.foundr1txt > p {font-weight: 500;font-size: 1.3vw;padding-bottom: 0;}
.foundr1txt {width: 100%;box-sizing: border-box;padding-left: 0;padding-top: 25px;display: block !important;}
.foundr2{width: 65%;    padding-top: 20px;}
.prjserc2 .foundr2{width: 100%;}
.space-heading {float: left;width: 18.5%;height: 2rem;}
.foundr2 > p {font-weight: 600;font-size: 2.2vw;line-height: 1.1em;}
.dsigover {padding: 77px 0;}
.dsigover1 {width: 23.2% !important;margin-right: 2.3%;position: relative;}
.dsigovrig img{transition: all 500ms ease-in-out;}
.dsigovrig:hover img {transform: scale(0.95);}
.dsigover1:last-child{margin-right: 0;}
.dsigovrcnt {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.dsigovrim {width: 70%;margin: 0 auto;}
.dsigovrcnt > p {font-weight: 600;font-size: 1.4vw;padding: 17px 0 0 0;text-align: center;}
.ourservice {padding-top: 50px;padding-bottom: 150px}
.ourservice1 > h2 {font-weight: 600;color: #02031c;font-size: 8vw;text-transform: uppercase;line-height: 0.9em;    padding-bottom: 4.2rem;}
.ourservice1 {padding: 5% 3%;background: url(../img/servcbg.png) no-repeat 0 0 / 100% 100%;position: relative;}
.videotw {position: absolute;right:3%;top: 17%;}
.videotw1 {display: flex;}
.videone,.videtwo {width: 105px;height: 105px;border-radius: 50%;overflow: hidden;}
.clvideo {width: 100%;height: 100%;object-fit: cover;}
.videtwo {margin-left: -20px;background-color: #000;position: relative;}
.videtwo > a {display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;}
.videtwo > a > p {width: 30px;padding-bottom: 0;position: relative;z-index: 1;}
.videtwo > a::after {background-color: #3827c7;position: absolute;content: '';top: 0%;left: 0%;right: 0%;bottom: 0;transform: scale(0);transition: all 500ms ease-in-out;border-radius: 50%;}
.videtwo > a:hover::after {transform: scale(1);}
.videopop {position: fixed;top: 25px;width: 360px;height: calc(100% - 50px);right: 30px;bottom: 25px;z-index: 999;display: none;}
.vdpopcls {position: absolute;  top: -10px;right: -10px;width: 30px;height: 30px;background-color: #000;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;}
.vdpopcls > img {width: 10px;}
.vidopp {width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
.lstservce {margin-bottom: 15px;}
.lstservce1 {padding: 3.2%;background-color: #f5f5f7;border-radius: 20px;}
.lstorsrv1 {width: 35.5%;box-sizing: border-box;}
.lstorsig {width: 14.3%;}
.lstorsrv11{display: flex;}
.lstorsrv11 > h5 {text-transform: uppercase;font-weight: 500;font-size: 1.4vw;width: 70%;background-color: #02031c;border-radius: 50px;    display: flex; align-items: center;justify-content: center;}
.lstorsrv2 > p {color: #02031c;font-weight: 500;font-size: 1.06vw;}
.lstorsrv2 {width: 62%;box-sizing: border-box;padding: 0 10% 0 10.5%;}
.lstorsrv3 {width: 4vw;height: 4vw;border: 1px solid #bcbec0;border-radius: 50%;box-sizing: border-box;position: relative;transition: all 500ms ease-in-out;}
.orclnts {width: 25%;border-right: 1px solid #888995;box-sizing: border-box;    padding: 7% 3.5% 5.5%;}
.orclnts:nth-child(4n+4){border-right: none;}
.orclnts:nth-child(1),.orclnts:nth-child(2),.orclnts:nth-child(3),.orclnts:nth-child(4){border-bottom: 1px solid #888995;}
.ourclients {padding-bottom: 100px;}
.clients_video {text-align: center;}
video.clients__video {width: 45%;margin-top: -5%;}
.clients_video > p {padding-bottom: 0;padding-top: 3px;}
.gglerev {padding-top: 75px;}
.gglerev1 {width: 21.5%;border: 1px solid #888995;border-radius: 30px;    padding: 12px 0;    margin-right: 11.5%;}
.gleimg {display: inline-block;vertical-align: middle;width: 45%;box-sizing: border-box;padding-left: 8%;padding-right: 7%;}
.gglerev1 > p {display: inline-block;vertical-align: middle;padding: 0 7%;border-left: 1px solid #888995;font-weight: 500;text-transform: uppercase;font-size: 1.05vw;}
.gglerev2 {width: 66.8%;}
.gglerev2 > p {font-weight: 600;font-size: 2.3vw;line-height: 1.1em;}
.dnrlreview {padding: 70px 0;}
.gnrlvew1 {width: 34%;box-sizing: border-box;padding-right: 4%;position: relative;}
.gnrlvew1txt {position: absolute;left: 0;top: 51%;width: 80%;}
.gnrlvew1txt > h3 {font-weight: 600;font-size: 5vw;}
.gnrlvew1txt > p {font-weight: 600;font-size: 1.85vw;padding-top: 15px;padding-bottom: 0;line-height: 1.3em;}
.gnrlvew2 {width: 66%;}
.gnrlvew21 .owl-stage{display: flex;}
.gnrlvew21 .owl-stage .owl-item{background: url(../img/revewbg.png) no-repeat 0 0 / 100% 100%;}
.gnrlvew2o {padding: 9.5%;}
.revew_rate,.revew_stars {display: flex;align-items: center;}
.revew_hed {padding-right: 12px;}
.revew_hed > h5 {font-size: 2vw;}
.revew_stars {width: 40% !important;}
.revew_rate {padding-bottom: 30px;border-bottom: 1px solid #fff;margin-bottom: 40px;}
.revew > p {font-weight: 500;font-size: 1.4vw;line-height: 1.3em;height: 20.5vw;overflow: auto;padding-bottom: 0;position: relative;margin-right: -10px;padding-right: 10px;}
.revew > p::-webkit-scrollbar {width: 4px;right: -10px;}
/* Track */
.revew > p::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
/* Handle */
.revew > p::-webkit-scrollbar-thumb {background: #fff;border-radius: 10px;}
/* Handle on hover */
.revew > p::-webkit-scrollbar-thumb:hover {background: #fff;}

.revew_author {padding-top: 50px;display: flex;align-items: center;}
.revew_auth {width: 17%;margin-right: 5%;}
.revew_prsn > h5 {font-weight: 600;font-size: 1rem;}
.revew_prsn > p {font-size: .875rem;padding-bottom: 0;}
.gnrlvew21 .owl-nav {position: absolute;left: -52%;bottom: 6%;}
.gnrlvew21 button.owl-prev,.gnrlvew21 button.owl-next {width: 55px;height: 55px;margin-right: 12px;border: 1px solid #fff !important;border-radius: 50%;}

.ourwrk {margin: 80px 0;padding: 2.7% 3%;background: url(../img/servcbg.png) no-repeat 0 0 / 100% 100%;}
.ourwk_wk1 {width: 35%;margin-right: 15%;}
.ourwk_wk1 > h3 {color: #02031c;font-size: 8vw;font-weight: 600;line-height: 0.9em;text-transform: uppercase;}
.ourwk_wk2 {width: 50%;}
.ourwk_wk21 {display: flex;align-items: baseline;}
.ourwk_wk21 > p {font-weight: 600;color: #02031c;font-size: 1.4vw;width: 70%;line-height: 1.2em;padding-bottom: 0;margin-right: 12%;}
.ourwk_wk21 > a {width: 6.4rem;height: 6.4rem;color: #fff;text-transform: uppercase;font-size: 1.1vw;background-color: #02031c;border-radius: 50%;display: flex;align-items: center;text-align: center;box-sizing: border-box;padding: 0 20px;line-height: 1.2em;position: relative;}
.ourwk_wk21 > a::after {background-color: #3827c7;position: absolute;content: '';top: 0%;left: 0%;right: 0%;bottom: 0;transform: scale(0);transition: all 500ms ease-in-out;border-radius: 50%;}
.ourwk_wk21 > a:hover::after{transform: scale(1);}
.ourwk_gdc {padding-top: 72px;}
.ourwk_gd{background-color: #f5f5f7;border-radius: 20px;}
.ourwk_gd1 {width: 44%;box-sizing: border-box;padding: 3% 10% 0 3%;}
.ourwk_gd1 > h5 {color: #02031c;text-transform: uppercase;font-size: 1.1vw;}
.ourwk_gd1 > h3 {color: #02031c;font-size: 2.3vw;font-weight: 600;padding-top: 34px;line-height: 1.3em;}
.ourwk_gd1 > p {color: #4d4d5a;font-weight: 500;font-size: 1.05vw;padding-top: 19px;line-height: 1.55em;}
.ourwk_gd2 {width: 56%;}
.ourwk_gdc .owl-nav {position: absolute;left: 3%;bottom: 6.3%;}
.ourwk_gdc button.owl-prev,.ourwk_gdc button.owl-next {width: 55px;height: 55px;background-color: #fff !important;margin-right: 12px;border-radius: 50%;}
.ourbenfit {padding-top: 97px;position: relative;}
.ourbenfit::before{position: absolute;content: ''; left: -6%;right: -6%;top: -40%;bottom: 0;background: url(../img/benfit.webp) no-repeat left bottom / 100% 100%;z-index: -1;}
.ourbenfit > h3 {font-weight: 600;font-size: 6vw;text-transform: uppercase;line-height: 0.9em;}
.orbnft {padding-top: 75px;padding-bottom: 165px;}
.orben_ft {width: 23%;margin-right: 2.3%;    box-sizing: border-box;padding: 3%;}
.orben_ft:last-child{margin-right: 0;}
.orben_icn {width: 25%;padding-bottom: 30px;}
.orben_slid > p {font-weight: 600;color: #02031c;font-size: 1.87vw;line-height: 1.25em;}
.obrns1 {padding-top: 10px; z-index: 101;}
.obr1 > span {width:32%;display: inline-block;vertical-align: middle;height: 3px;margin-right: 2%;background-color: #eaeaec;position: relative;text-indent: -1000em;}
.obr1 > span:last-child{margin-right: 0;}
.obr1 > span::after {content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #3827c7;z-index: 2;}
.obr1 > span.cycle-pager-active:after {width: 100%;transition: all 5000ms ease;}
.orben_ft.oft1 {background: url(../img/benefitw.png) no-repeat 0 0 / 100% 100%;}
.orben_ft.oft2 {background: url(../img/benefit1.png) no-repeat 0 0 / 100% 100%;}
.orben_ft.oft3 {background: url(../img/benefit1.png) no-repeat 0 0 / 100% 100%;}
.orben_ft > h3 {font-weight: 500; font-size: 3.9vw;line-height: 1em; padding-bottom: 38px;border-bottom: 1px solid #fff;margin-bottom: 35px;}
.orben_ft > h5 {font-weight: 600;font-size: 2vw;padding-bottom: 19px;    line-height: 1.35em;}
.orben_ft > p {font-size: 1.05vw;line-height: 1.6em;padding-bottom: 0;}
.orben_ft.oft3 > h5 {padding-top: 5rem;}
.benefits__infinity {border-bottom: 1px solid #fff;margin-bottom: 35px;}
.benefits__infinity > svg {width: 40.02% !important;}
.hotricles {padding: 182px 0;}
.hot_rtcl1 {width: 29%;}
.hot_rtcl1 > a {color: #02031c;font-weight: 500;text-transform: uppercase;font-size: 1.07vw;padding: 18px 51px 18px 20px;display: inline-block;position: relative;border-radius: 30px;background-color: #fff;}
.hot_rtcl1 > a::before{position: absolute;content: ''; top: 50%;right: 16px;transform: translateY(-50%);width: 26px;height: 26px;border-radius: 50%;background-color: #3827c7;border: 1px solid #3827c7;transition: all 500ms ease-in-out;}
.hot_rtcl1 > a::after{position: absolute;content: '';top: 50%;right: 23px;transform: translateY(-50%);width: 15px;height: 15px;background: url(../img/article.png) no-repeat 3px 2px / 30px auto;transition: all 500ms ease-in-out;}
.hot_rtcl1 > a:hover::before{background-color: #fff;}
.hot_rtcl1 > a:hover::after{background-position: -17px 2px;}
.hot_rtcl2 {width: 71%;}
.hot_rtcl2.fullwidth {width: 100%;}
.hot_rtcl2 > p{font-weight: 600;font-size: 3vw;line-height: 1.2em;}
.hot_rtcl2.fullwidth > p{font-weight: 400;font-size: 2vw;line-height: 1.4em;}
.space-heading1 {float: left;width: 30.5%;height: 2rem;}
.hot_develp {padding-top: 61px;}
.hot_develp.owl-carousel{display: block;}
.hot_develp1:first-child {margin-right: 2.6%;background: url(../img/htart1.png) no-repeat 0 0 / 100% 100%;}
.hot_develp1:last-child {background: url(../img/htart2.png) no-repeat 0 0 / 100% 100%;}
.hot_develp1 {width: 48.7%;}
.hot_develp1 > a {display: block;padding: 11% 6% 6%;}
.hot_develp1:first-child .hot_devp {width: 47%;margin: 0 auto;padding: 50px 0;}
.hot_devp {width: 39%;margin: 0 auto;padding: 69px 0;}
.hot_develptt {padding-top: 10px;}
.hot_develptt > h3 {font-weight: 600;  font-size: 1.9vw;}
.hot_develptt > p {padding-top: 20px;font-size: 1.1vw;text-transform: uppercase;padding-bottom: 0;}
.contctcls {margin: 28px 0px 0;background: url(../img/contctbg.jpg) no-repeat 0 0 / 100% 100%;    padding: 8.7% 15.5%;    border-radius: 50px 50px 0 0;}
.contctcls1 {padding: 5% 22%;background: url(../img/cntctoter1.svg) no-repeat 0 0 / 100% auto;    border-radius: 2.5rem;}
.cntrdy1 {width: 61.4%;box-sizing: border-box;padding: 1% 5.3% 1% 3%;}
.cnt_discus > h3 {font-weight: 700;color: #02031c;font-size: 4vw;line-height: 1em;margin-bottom: 35px;}
.cnt_fields {display: flex;margin-bottom: 43px;}
.frms:first-child {margin-right: 6%;}
.frms {width: 47%;}
input.prms {padding: 0 0 14px 0px;font-size: 1.1vw;border-bottom: 1px solid #cdcecf;font-weight: 500;color:#000;}
.frmsa {width: 100%;}
.cnt_submit {padding-top: 40px;}
.acptpp > p {color: #565661;font-weight: 500;font-size: 1.05vw;    padding: 6px 0 0 0;line-height: 1.3em;}
.acptpp > p > a{color: #3330bf;}
.acptpp {float: left;width: 53%;}
.acptsbt {float: right;background-color: #3330bf;position: relative;border-radius: 30px;}
input#sbtn {font-weight: 600;text-transform: uppercase;font-size: 1.1vw;padding: 15px 67px 15px 21px;text-align: left;position: relative;z-index: 1;}
.acptsbt::before{position: absolute;content: ''; top: 50%;right: 16px;transform: translateY(-50%);width: 26px;height: 26px;border-radius: 50%;background-color: #fff;border: 1px solid #fff;transition: all 500ms ease-in-out;}
.acptsbt::after{position: absolute;content: '';top: 50%;right: 23px;transform: translateY(-50%);width: 15px;height: 15px;background: url(../img/send.png) no-repeat 1px 1px / 40px auto;transition: all 500ms ease-in-out;}
.acptsbt:hover::before{background-color: #3330bf;}
.acptsbt:hover::after{background-position: -26px 1px;}
.cntrdy2 {width: 38.6%;background: url(../img/cntctiner.png) no-repeat 0 0 / 100% 100%;    padding: 3% 4%;box-sizing: border-box;}
.cntrdy2 > h3 {font-weight: 700;color: #02031c;font-size: 1.95vw;padding: 27px 0;border-bottom: 1px solid #cdcecf;}
.cntrdy21 {margin-top: 30px;}
.cntrdysy > p {font-weight: 600;color: #02031c;font-size: 1.4vw;line-height: 1.3em;}
.revew_author.rpclr{padding-top: 36px;}
.revew_author.rpclr .revew_prsn > h5{color: #02031c;}
.revew_author.rpclr .revew_prsn > p{color: #7c7a7a;}
.cnt_discus {text-align: center;}
    /* ==========================================================================
                                  footer
       ========================================================================== */
.footer {padding-top: 90px;}
.foot_1 {width: 35%;}
.ftlogo {width: 29%;}
.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: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;}
.foot_2 {width: 41.5%;box-sizing: border-box;padding: 20px 0 0 13.4%;}
.foot_2 > ul > li {margin-bottom: 10px;}
.foot_2 > ul > li > a {font-weight: 500;text-transform: capitalize;font-size: 1.45vw;padding-right: 30px;position: relative;display: inline-block;}
.foot_2 > ul > li > a.active{color: #fdc448;}
.foot_2 > ul > li > a::after{position: absolute;content: '';top: 50%;right: 0;width: 20px;height: 20px;background: url(../img/arw-black.png) no-repeat -34px 4px / 50px auto;opacity: 0;transform: translate(-5px,0%);transition: all 500ms ease-in-out;}
.foot_2 > ul > li > a:hover::after{opacity: 1;transform: translate(0,-50%);}
.foot_3 {width: 23.5%;padding-top: 21px;}
.foot_31 > h5 {text-transform: uppercase;color: #757581;font-size: 1.15vw;}
.foot_31 > a {font-weight: 500;font-size: 1.45vw;padding-top: 2px;display: block;}
.foot_31 {padding-bottom: 37px;}
.call{padding-left: 30px;    background: url(../img/call.png) no-repeat 0px 4px / 20px auto;margin-top: 7px;}
.footer1 {padding-bottom: 175px;border-bottom: 1px solid #eaeaec;}
.footer2 {border-bottom: 1px solid #eaeaec;}
.footer2 > a{display: flex;justify-content: space-between;padding: 30px 0;}
.footer2 > a > div:first-child{font-weight: 500;font-size: 1.45vw;    display: flex;align-items: center;}
.subfooter {padding-top: 44px;display: none;}
.subfooter1 > h5 {text-transform: uppercase;font-size: 1.1vw;}
.sbftrlst {padding-top: 29px;}
.sbftrlst > li {width: 25%;margin-bottom: 10px;}
.sbftrlst > li > a {color: #b5b5b5;text-transform: capitalize;font-size: 1.1vw;}
.subfooter1 {padding-bottom: 39px;}
.footer3 {padding: 22px 0px;}
.ftlt_1 > p {color: #747482;padding: 12px 0px;}
.ftlt_1 {width: 33.3%;}
.ftlt_2 {width: 41.7%;}
.socl > li {margin-right: 14px;}
.socl > li > a {width: 45px;height: 45px;display: block;position: relative;overflow: hidden;border: 1px solid #fff;border-radius: 50%;}
.socl > li > a .scl1,.socl > li > a .scl2{width: 45px;height: 45px;display: block;background-image: url(../img/social.png) ;background-repeat: no-repeat;background-size: 50px auto;position: relative;transition: all 300ms ease-in-out;}
.socl > li > a.fb .scl1,.socl > li > a.fb .scl2{background-position: 0 0;}
.socl > li > a.insta .scl1,.socl > li > a.insta .scl2{background-position: 0 -76px;}
.socl > li > a.lnkin .scl1,.socl > li > a.lnkin .scl2{background-position: 0 -152px;}
.socl > li > a.twtr .scl1,.socl > li > a.twtr .scl2{background-position: 0 -228px;}
.socl > li > a.utbe .scl1,.socl > li > a.utbe .scl2{background-position: 0 -305px;}
.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);}
.ftlt_3 > a {color: #747482;padding: 12px 0px;display: inline-block;font-size: 1.1vw;}
.ftlt_3{width: 25%;text-align: right;}
.ftlt_3 > a:first-child{margin-right: 60px;}
.sub_foot{display: none;}
.sub_foot > li {margin-top: 10px;}
.sub_foot > li > a {color: rgba(245,245,247,.7);font-size: 1.2vw;}
.foot_2 > ul > li:first-child > a::after {background: url(../img/plusminus1.png) no-repeat 0 0 / 20px auto;opacity: 1;transform: translateY(-50%);}
.foot_2 > ul > li.active > a::after {background-position: 0 -35px;}
.shalss {width: 37px;height: 37px;display: flex;align-items: center;justify-content: center;position: relative;}
.shals,.shals1 {width: 22px;height: 22px;position: relative;z-index: 1;}
.shals1,.footer2 > a.active .shals {display: none;}
.footer2 > a.active .shals1 {display: block;}
.shalss::after{position: absolute;top: 0;left: 0;right: 0;bottom: 0; background-color: #3827c7;transform: scale(0);content: '';transition: all 300ms ease-in-out;border-radius: 50%;}
.footer2 > a:hover .shalss,.footer2 > a.active .shalss{color: #02031c;}
.footer2 > a:hover .shalss::after,.footer2 > a.active .shalss::after{transform: scale(1);}
.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;}
    /* ==========================================================================
                                  blog
       ========================================================================== */
.blgcls {padding: 40px 0;width: 100%;display: flex;}
.blgcls1 {width: 51%;border-right: 2vw solid transparent;background: url(../img/blogb1.png) no-repeat 0 0 / 100% 100%;}
.blgcls11 {padding: 10.7% 6% 6%;}
.blgcls11 > h1 {font-weight: 600;font-size: 8vw;text-transform: uppercase;line-height: 0.85em;}
.stylop {padding: 44px 0 26px;border-bottom: 1px solid #fff;display: flex;}
.stylopig {width: 13%;padding-right: 3.5%;}
.stylop > p {font-weight: 600;font-size: 1.4vw;width: 65%;line-height: 1.3em;padding-top: 9px;}
.blgsubsrb {padding-top: 36px;}
.hmstrft1 {border-radius: 30px;padding: 10px;background-color: #fff;}
.tdid11 {float: left;padding: 4px 13px;}
.tdid21 {float: right;}

.hmlftprtone {
    position: absolute;
    top: 50px;
    left: 8%;
}

.hmlftprtone > h4 {
    font-weight: 600;
    font-size: 18px;
}

.hmlftprtone > p {
    font-size: 15px;
}
.tdid11 > input {font-size: 1.1vw;font-weight: 500;}
input#vsbt1 {text-transform: uppercase;font-weight: 500;font-size: 1.1vw;padding: 5px 23px;background-color: #3230be;border-radius: 30px;border: 1px solid #3230be;}
.blgcls2 {width: 49%;background: url(../img/blogb2.png) no-repeat 0 0 / 100% 100%;}
.blgcls21 {padding: 6% 6%;    height: 100%;box-sizing: border-box;}
.postp > p {padding-left: 29px;text-transform: uppercase;font-size: 0.9em;background: url(../img/pin.png) no-repeat 0 0 / 20px auto;}
.blgclsig {width: 56%;margin: 0 auto;}
.rdmap{padding-top: 34px;}
.rdmap > h5 { font-weight: 600;font-size: 1.95vw;line-height: 1.25em;}
.rdmap > p{text-transform: uppercase;font-size: 1.05vw;padding-top: 27px;padding-bottom: 0;}
.aidds {padding: 25px 0px;}
.aidlst {text-align: center;}
.aidlst > li{margin-right: 13px;}
.aidlst > li > a {display: block;text-transform: uppercase;font-weight: 600;font-size: 1.1vw;padding: 16px 31px;border-radius: 30px;border: 1px solid #fff;}
.aidlst > li.active > a{color: #02031c;background-color: #fff;}
.aidds2 {padding: 72px 0px;}
.aidsxz {width: 31.8%;margin-left: 2.3%;margin-bottom:27px; transition: all 300ms ease-in-out;}
.aidsxig {padding: 19% 29%;background: url(../img/blogbg.png) no-repeat 0 0 / 100% 100%;}
.insgth > p {text-transform: uppercase;color: #b3b3c1;padding: 20px 0;}
.insgth > p:first-child{float: left;}
.insgth > p:last-child{float: right;}
.aidtxt > p {font-weight: 600;font-size: 1.9vw;line-height: 1.3em;}
.aidtxt > p > span,.myliktxt > p > span {width: 10px;height: 10px;display: inline-block;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);opacity: 0;transition: all 500ms ease-in-out;}
.aidsxz > a:hover .aidtxt > p > span,.mylik1 > a:hover .myliktxt > p > span{opacity: 1;margin-left: 15px;}
/*-----------blog detail -------------*/
.blg_dtl {padding-top: 100px;}
.blg_dtl {padding: 156px 5% 35px 5%;position: relative;    background-color: #3162e6;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
.bredcrumb > li {padding-right: 15px;position: relative;}
.bredcrumb > li::after{position: absolute;content: '';top: 50%;right: 9px;width: 1px;height: 11px;background-color: #fff;transform: rotate(22deg) translateY(-50%);}
.bredcrumb > li:last-child::after{width: 0;}
.bredcrumb > li > a {text-transform: uppercase;font-size: 1.1vw;}
.blgdtl_1 > h1 {font-size: 3.9vw;text-transform: uppercase;font-weight: 600;line-height: 1.2em;padding-top: 30px;}
.blgdtl_1 {width: 51%;}
.blgdtl_1 > p {text-transform: uppercase;font-size: 1.1vw;padding: 0px 0 0 31px;margin-top: 28px;background: url(../img/calendar.png) no-repeat 0 0 / 20px auto;}
.blgdtl_2 {width: 49%;}
.blgdtl_2g {margin: 6% 4% 0 auto;width: 77%;}
.downarw{position: absolute;right: 5%;bottom: 37px;text-transform: uppercase;font-size: 1.1vw;padding-left: 32px;background: url(../img/downarw.png) no-repeat 0 0 / 20px auto;}
.blgcntdtl {padding: 81px 5%;}
.gtmbrcet {border-bottom: 1px solid #9a9a9a;}
.gtmbrcet1 {width: 7.2%;position: sticky;top: 100px;}
.gtmbrcet1 > p{text-transform: uppercase;font-size: 1.1vw;color: #000;}
.stiky > li {margin-bottom: 10px;}
.stiky > li > a {width: 42px;height: 42px;display: block;background-image: url(../img/ssocial.png);background-repeat: no-repeat;background-size: 47px auto;}
.stiky > li > a.slnkin{background-position: 0 0;}
.stiky > li > a.sinsta{background-position: 0 -77px;}
.stiky > li > a.sfb{background-position: 0 -155px;}
.stiky > li > a.stwtr{background-position: 0 -232px;}
.stiky > li > a.sutbe{background-position: 0 -310px;}
.content1 {background-color: #fff;}
.gtmbrcet2 {width: 92.8%;}
.gtmbrv1 {width: 71%;box-sizing: border-box;padding-right: 6%;}
.gtmbrv1 > p {font-weight: 600;font-size: 1.9vw;color: #02031e;}
.gtmbrv2 {width: 29%;}
.strtup_1 {width: 17%;}
.strtup{display: flex;align-items: center;}
.strtup_2 > p {color: #646474;font-weight: 500;font-size: 1.1vw;padding-bottom: 0;}
.strtup_2 > h5 {color: #02031e;font-weight: 500;font-size: 1.1vw;}
.strtup_2 {padding-left: 8px;}
.gtmbrv {padding-bottom: 49px;border-bottom: 1px solid #9a9a9a;}
.strtstg {padding: 69px 0 86px;}
.strtstg1 {width: 71%;box-sizing: border-box;padding-right: 10%;}
.entaly{ padding: 6px 5% 0 4%;}
.entaly > p {color: #434343;font-weight: 500;font-size: 1.4vw;}
.entaly > h5 {font-weight: 600;color: #000;font-size: 1.97vw; padding: 32px 0 24px;}
.strtgig5 {padding: 47px 0 30px 4%;}
.strtgig5g {border-radius: 25px;overflow: hidden;}
.strtgig5 > p, .entaly > p > small {text-align: center;padding: 20px 0;color: #535462;font-size: 1.06vw;}
.blgqot {padding-left: 4%;position: relative;}
.blgqot::after,.entaly > p > q::after{position: absolute;content: '';top: 29%;right: 5.2%;width: 23px;height: 20px;background: url(../img/quote.png) no-repeat 0 0 / 23px auto;}
.blgqot > p, .entaly > p > q {font-weight: 500;color: #000;font-size: 1.37vw;padding: 5% 20% 5% 5%;background: url(../img/quotebg.png) no-repeat 0 0 / 100% 100%;display: block;position: relative;}
.strtstg2 {width: 29%;position: sticky;top: 100px;}
.strtstg2 > a {background-color: #3330bf;border-radius: 30px;padding: 14px 10px 15px 51px;display: block;text-transform: uppercase;font-size: 1.1vw;font-weight: 500;position: relative;}
.strtstg2 > a::before{position: absolute;content: '';top: 50%;right: 10px;width: 30px;height: 30px;background-color: #fff;border-radius: 50%; border: 1px solid #fff;transition:  all 500ms ease-in-out;transform: translateY(-50%);}
.strtstg2 > a:hover::before{background-color: #3330bf;}
.strtstg2 > a::after{position: absolute;content: '';top: 50%;right: 15px;width: 15px;height: 15px;background: url(../img/arw-down.png) no-repeat 0 2px / 30px auto;transition: all 500ms ease-in-out;transform: translateY(-50%);}
.strtstg2 > a:hover::after{background-position: -20px 2px;}
.mylik {padding-top: 68px;}
.mylik > h2 {color: #000;font-weight: 700;font-size: 2.9vw;}
.mylike {padding-top: 46px;}
.mylik1 {width: 31.7%;margin-right: 2.3%;margin-bottom: 30px;transition: all 300ms ease-in-out;}
.mylikig {padding: 19% 29%;background: url(../img/blogbg.png) no-repeat 0 0 / 100% 100%;}
.myliktxt {padding-top: 24px;}
.myliktxt > p {font-weight: 600;font-size: 1.9vw;line-height: 1.3em;color: #000;}
    /* ==========================================================================
                                  Projects
       ========================================================================== */
.prjdone {margin-top: 55px;border-top: 1px solid #fff;padding: 28px 0 0px;}
.prjdone1 {float: left;width: 47%;display: flex;align-items: center;}
.prjlft1 > h2 {font-weight: 500;font-size: 4vw;line-height: 1.2em;}
.prjlft2 {padding-left: 10%;}
.prjlft2 > h5 {text-transform: uppercase;font-weight: 500;font-size: 1.3vw;line-height: 1.3em;}
.prjdone2 {float: right;position: relative;padding-left: 7.5%;margin-top: 2.5%;    transition: all 300ms ease-in-out;width: 19%;}
.prjdone2 > a {background-color: #fdc448;display: block;text-transform: uppercase;color: #02031c;padding: 10% 12%;border-radius: 30px;font-size: 1vw;font-weight: 500;text-align: center;}
.prjdone2::before{position: absolute;content: '';top: 50%;transform: translateY(-50%);left: 0;width: 28%;height: 100%;background: url(../img/rnd-down.png) no-repeat 0 0 / 100% auto;transition: all 300ms ease-in-out;}
.prjdone2:hover{padding-right: 7.5%;padding-left: 0;} 
.prjdone2:hover::before{width: 0;height: 0;}
.prjdone2::after{position: absolute;content: '';top:  50%;transform: translateY(-50%);right: 0;width: 0px;height: 0px;background: url(../img/rnd-down.png) no-repeat 0 0 / 100% auto;transition: all 300ms ease-in-out;}
.prjdone2:hover::after{width: 28%;height:100%;}
.blgcls25 > h5 {  font-weight: 600;font-size: 2.9vw;line-height: 1.15em;}
.blgcls25 {padding: 13.3% 5% 0 9%;}
.prjserc {padding: 80px 0 60px;}
.prjserc1 {width: 23%;margin-right: 11%;position: sticky;top: 100px;}
.prjserc18{border: 1px solid #fff;border-radius: 20px;padding: 10% 13%;box-sizing: border-box;}
.prjserc18 > h5 {font-weight: 500;font-size: 2.2vw;line-height: 1.2em;text-transform: uppercase;padding-bottom: 17px;border-bottom: 1px solid #fff;}
.prjserc1 .faqrma {
    width: 100%;
}
.prjserc1 .faqrma > a{padding: 0.8rem .75rem 0.8rem 1.5rem;}
.prjserc1 .faqrma .btnicon {
    position: absolute;
    right: 5px;
    top: 5px;
}
.prjsclst {padding-top: 19px;}
.prjsclst > li {margin-bottom:15px;}
.prjsclst > li:last-child{margin-bottom: 0;}
.prjsclst > li > a {font-weight: 500;font-size: 1.5vw;}
.prjsclst > li.active > a,.prjsclst > li > a:hover{color: #fdc448}
.prjserc2 {width: 66%;}
.prjserc2l:nth-child(odd) {margin-right: 4%;}
.prjserc2l {width: 48%;    margin-bottom: 76px;transition: all 300ms ease-in-out;}
.prjserc2ig {-webkit-mask: url(../img/prjbg.png) no-repeat 0 0 / 100% 100%;}
.prjserc2tt > p {color: #c3c3c3;font-size: 1.1vw;text-transform: uppercase;}
.prjserc2tt {padding: 23px 0 0 0;}
.prjserc2tt > h5 {font-weight: 600;font-size: 1.93vw;line-height: 1.3em;}
.prjserc21 {padding-bottom: 50px;}
.dribble {margin-top: 61px;padding: 2.7% 3%; background: url(../img/servcbg.png) no-repeat 0 0 / 100% 100%;}
.dribl_le1 {width: 45%;margin-right: 5%;}
.dribl_le1 > h3 {color: #02031c;font-size: 8vw;font-weight: 600;line-height: 0.9em;text-transform: uppercase;}
.dribl_le2 {width: 50%;}
.dribl_le21 {display: flex;align-items: baseline;}
.dribl_le21 > p {font-weight: 600;color: #02031c;font-size: 1.4vw;width: 66%;line-height: 1.2em;padding-bottom: 0;margin-right: 16%;}
.dribl_le21 > a {width: 6.4rem;height: 6.4rem;color: #fff;text-transform: uppercase;font-size: 1.1vw;background-color: #d85b89;border-radius: 50%;display: flex;align-items: center;text-align: center;box-sizing: border-box;padding: 0 20px;line-height: 1.2em;position: relative;}
.dribl_le21 > a::after {background-color: #3827c7;position: absolute;content: '';top: 0%;left: 0%;right: 0%;bottom: 0;transform: scale(0);transition: all 500ms ease-in-out;border-radius: 50%;}
.dribl_le21 > a:hover::after{transform: scale(1);}
.dribl_le21 > a > p,.ourwk_wk21 > a > p {position: relative;z-index: 10;    padding-bottom: 0;}
.imprsve {padding-top: 68px;}
.imprsve1 {width: 36%;border-right: 2vw solid transparent;box-sizing: border-box;padding: 3%;background: url(../img/drible.png) no-repeat 0 0 / 100% 100%;}
.imprsve2 {width: 63%;}
.mvew {width: 72%;}
.mvew1 > h5 {font-weight: 600;color: #02031c;font-size: 5.6vw;}
.mvew1 {padding-top: 49%;}
.mvew1 > p {font-weight: 600;color: #02031c;font-size: 1.9vw;padding-top: 12px;line-height: 1.25em;padding-bottom: 0;}
.orachvmnt {padding: 172px 0 67px;}
.orachvmnt .hot_rtcl1 > a {background-color: transparent;color: #fff;padding-right: 20px;}
.orachvmnt .hot_rtcl1 > a::before,.orachvmnt .hot_rtcl1 > a::After{display: none;}
.orachvmnt .hot_rtcl1 {padding-top: 10px;}
#prjservc {background: url(../img/projectbg.png) no-repeat left bottom / 100% auto;}
.prdsigover1 {width: 100%;}
.prdsigover1 .dsigovrim{width: 100%;}
.blgcls27 {height: 100%;-webkit-mask: url(../img/blogb2.png) no-repeat 0 0 / 100% 100%;background-color: #fff;}
.pjvvct {
    padding: 25px 35px 0 35px
}
.prjstext  {
    font-size: 0.9vw;
    padding-bottom: 12px;
    text-transform: uppercase;color: #000;
}
.prjscapts{font-size: 1.7vw;padding-bottom: 10px;font-weight: 600;color: #000;letter-spacing: 0;line-height: 1em;}
.obrns7 {
    position: absolute;
    bottom: 40px;
    left: 6%;
    right: 6%;
    z-index: 101;
}
.obr7{display: flex;}
.obr7 > span {flex: 1;
    height: 5px;
    margin-right: 1%;
    background-color: #eaeaec;
    border-radius: 10px;
    position: relative;
    text-indent: -1000em;
}
.obr7 > span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #3827C7;
    z-index: 2;border-radius: 10px;
}
.obr7 > span.cycle-pager-active:after {
    width: 100%;
    transition: all 3500ms ease;
}

/*project detail*/
.prjdtl_baner,.prj_dtl {position: relative;}
.prjdtl_1 {border-bottom-right-radius: 40px;border-bottom-left-radius: 40px;overflow: hidden;}
.prjdtl_2 {position: absolute;left: 5%;top: 22%;width: 44%;}
.prjdtl_2 > h1 {font-weight: 700;font-size: 3.9vw;text-transform: uppercase;padding-top: 15%;line-height: 1.2em;}
.indedu {position: absolute;left: 5%;bottom: 14px;width: 70%;display: flex;}
.indedu > p { width: 54.8%;padding: 0 0 0 31px;background: url(../img/clock.png) no-repeat 0 0 / 20px auto;box-sizing: border-box;}
.indedu > h5 {text-transform: uppercase;font-size: 1.13vw;}
.prjcntdl {padding: 101px 0;}
.prjovew1 {width: 25.7%;}
.prjovew1 > p {color: #02031c;text-transform: uppercase;font-size: 1.05vw;}
.prjovew2 {width: 60.3%;padding-bottom: 75px;}
.prjovew2 > h3 {font-weight: 600;color: #02031c;font-size: 3vw;line-height: 1em;}
.prjovew2 > p { color: #666776;font-weight: 500;font-size: 1.4vw;padding-top: 26px;line-height: 1.55em;}
.webste {margin-top: 11px;text-transform: uppercase;padding: 14px 65px 14px 17px;display: inline-block;font-size: 1.1vw;position: relative;border-radius: 30px;background-color: #3330bf;}
.webste::before{position: absolute;content: '';top: 50%;right: 10px;width: 30px;height: 30px;background-color: #fff;border-radius: 50%; border: 1px solid #fff;transition:  all 500ms ease-in-out;transform: translateY(-50%);}
.webste:hover::before{background-color: #3330bf;}
.webste::after{position: absolute;content: '';top: 50%;right: 15px;width: 15px;height: 15px;background: url(../img/arw-up.png) no-repeat 0 2px / 30px auto;transition: all 500ms ease-in-out;transform: translateY(-50%);}
.webste:hover::after{background-position: -20px 2px;}
.serwepd1 {width: 25.5%;box-sizing: border-box;padding-right: 10%;}
.serwepd1 > h5 {font-weight: 600;color: #02031c;font-size: 2.4vw;line-height: 1.1em;}
.serwepd2 {width: 60.5%;}
.prvdlst > li > a {border: 1px solid #b2b2b2;border-radius: 30px;color: #02031c;text-transform: uppercase;font-size: 1.1vw;padding: 11px 27px;display: block;}
.prvdlst > li > a:hover{background-color: #02031c;color: #fff;}
.prvdlst > li {margin-right: 5px;}
.serwepd3 {width: 14%;}
.serwepd3 > p {color: #838383;text-transform: uppercase;padding: 13px 0 0 0;font-size: 1.1vw;}
.serwepd3 > p > span{ color: #02031c;}
.serwepd {padding-bottom: 87px;padding-top: 24px;}
.servgmi {border-radius: 30px;overflow: hidden;margin-bottom: 20px;}
.servgmit {padding: 45px 0;}
.servgmit1:first-child {margin-right: 2.6%;}
.servgmit1 {width: 48.7%;border-radius: 30px;overflow: hidden;}
.prjothrw {padding: 8px 0 45px;}
.prjothrw > h3 {font-weight: 600; color: #02031c;font-size: 3vw;text-transform: capitalize;}
.prjothrk {padding-top: 60px;}
.prjothrk1 {width: 31.7%;margin-bottom: 76px;margin-left: 2%;transition: all 300ms ease-in-out;}
.prjothrkig {-webkit-mask: url(../img/prjbg.png) no-repeat 0 0 / 100% 100%;}
.prjothrktt > p {color: #5a5a5a;text-transform: uppercase;font-size: 1.1vw;}
.prjothrktt {padding-top: 24px;}
.prjothrktt > h5 {color: #02031c;font-weight: 600;font-size: 1.95vw;line-height: 1.2em;}
    /* ==========================================================================
                                  Contact us
       ========================================================================== */
.ltstak {padding-top: 41px;}
.ltstak1 {width: 34%;}
.ltstak1 > h1 {font-weight: 600;text-transform: uppercase;font-size: 8vw;line-height: 0.85em;padding-top: 11%;}
.taklst {padding-top: 46px;}
.taklst > li {padding-left: 30px;font-weight: 500;font-size: 1.1vw;position: relative;margin-bottom: 15px;}
.taklst > 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%);}
.ltstak2 {width: 66%;background: url(../img/contus1.png) no-repeat 0 0 / 100% 100%;}
.ltstak21 {padding: 13% 7.5% 5%;}
.crolis {display: flex;    margin-bottom: 42px;position: relative;}
.crolis1 > textarea {font-size: 1em;    border-bottom: 1px solid #cdcecf;color: #000;}
.crlis1:first-child {margin-right: 4%;}
.crlis1 {width: 48%;position: relative;}
label.form__label{position: absolute;top: -30px;transform: translateY(30px);left: 0;font-size: 1em;color: #8a8a8a;pointer-events: none;transition: transform 0.3s, font-size 0.3s;}
.crolis1 {
    width: 100%;
}
.crlis1.active .form__label,.crolis1.active .form__label{transform: translateY(0px);
      font-size: 12px;}
input.crims {padding: 0 0 16px 0;font-size: 1em;border-bottom: 1px solid #cdcecf;font-weight: 400;color: #000;}
.form-atach {text-align: right;padding: 15px 0;width: 100%;border-bottom: 1px solid #cdcecf;}
.form-atach > input {width: auto;    position: relative;cursor: pointer;}
.form-atach > input::-webkit-file-upload-button {width: auto;visibility: hidden;}
.form-atach > input::before {content: 'Attach a file';color: #888888;right: 0;position: absolute;padding-right: 38px;font-size: 1.1vw;background: url(../img/attach.png) no-repeat right 2px / 22px auto;}
.crolisb {padding: 18px 0;}
.crlpp1 > p {color: #565661;font-weight: 500;font-size: 1.05vw;    padding: 6px 0 0 0;line-height: 1.3em;}
.crlpp1 > p > a{color: #3330bf;}
.crlpp1 {float: left;width: 41%;}
.crlpp2 {float: right;background-color: #3330bf;position: relative;border-radius: 30px;}
/*#sbtnc {font-weight: 600;text-transform: uppercase;font-size: 1.1vw;padding: 15px 67px 15px 21px;text-align: left;position: relative;z-index: 1;}
.crlpp2::before{position: absolute;content: ''; top: 50%;right: 16px;transform: translateY(-50%);width: 26px;height: 26px;border-radius: 50%;background-color: #fff;border: 1px solid #fff;transition: all 500ms ease-in-out;}
.crlpp2::after{position: absolute;content: '';top: 50%;right: 23px;transform: translateY(-50%);width: 15px;height: 15px;background: url(../img/send.png) no-repeat 1px 1px / 40px auto;transition: all 500ms ease-in-out;}
.crlpp2:hover::before{background-color: #3330bf;}
.crlpp2:hover::after{background-position: -26px 1px;}*/
.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 {
    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;
}
.crlpp2 > a.active .btnicon{color: #fff;}
.crlpp2 > a.active .btnicon1{transform: translate(180%);}
    
.crlpp2 > a.active .btnicon2  {
    transform: scale(1);
}
.mltladrs {padding: 97px 0;}
.mltadr > li {margin-right: 3.6%;}
.mltadr > li:last-child {margin-right: 0;}
.mltadr > li > a {padding-left: 26px;  display: block;font-weight: 500;font-size: 1.43vw;position: relative;}
.mltadr > li > a.cnmail::before{position: absolute;content: '';top: 50%;transform: translateY(-50%);left: 0;width: 22px;height: 22px;background: url(../img/cumail.png) no-repeat 0 0 / 20px auto;}
.mltadr > li > a.cntel::before{position: absolute;content: '';top: 50%;transform: translateY(-50%);left: 0;width: 22px;height: 22px;background: url(../img/cutel.png) no-repeat 0 0 / 20px auto;}
.mltadr > li > a.cnadrs::before{position: absolute;content: '';top: 50%;transform: translateY(-50%);left: 0;width: 22px;height: 22px;background: url(../img/cuadrs.png) no-repeat 0 0 / 20px auto;}
.wewrkd {padding-top: 114px;}
.wewrkd > h5 {text-align: center;text-transform: uppercase;font-weight: 500;font-size: 1.5vw;}
.cmpnys {padding-top: 50px;}
.cmpnys > li:last-child {margin-right: 0;}
.cmpnys > li {width: 13%;margin-right: 1.5%;}
#contacid {background: url(../img/cntusbg.webp) no-repeat left bottom / 100% 100%;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.faqs {padding: 52px 0;}
.faqs1 {width: 23.5%;margin-right: 10%;background: url(../img/benefitw.png) no-repeat 0 0 / 100% 100%;box-sizing: border-box;padding: 3%;position: sticky;top: 100px;}
.faqig {width: 36%;margin-bottom: 30px;margin: 0 auto;padding-bottom: 30px;}
.faqs1 > p {font-weight: 600;color: #02031c;font-size: 1.4vw;line-height: 1.25em;}
.faqs1 > a {margin-top: 36px;display: block;padding: 13px 18px;border-radius: 30px;text-transform: uppercase;font-size: 0.9vw;font-weight: 400;background-color: #3330bf;border: 1px solid #3330bf; position: relative;}
.faqs1 > a::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 15px;width: 28px;height: 28px;background: url(../img/whatsapp.png) no-repeat 0 0 / 28px auto;}
.faqs2 {width: 66.5%;}
.faqs2 > h3 {font-weight: 600;font-size: 5.5vw;text-transform: uppercase;line-height: 0.9em;}
.fqlst {padding-top: 51px;}
.topnld2 .topntd .topntd1 {padding-bottom: 7px;}
.fqlst > li {border-top: 1px solid #fff;margin-bottom: 33px;}
.fqlst > li > a{display: flex;justify-content: space-between;margin-top: 34px;}
.fqlst > li > a > div:first-child {font-weight: 500;font-size: 1.5vw;display: block;position: relative;}
.fqlst > li > a:hover .shalss::after{transform: scale(1);}
.fqlst > li.active .shals1{display: block;}
.fqlst > li.active .shals{display: none;}
.fqlstp {padding-top: 34px;padding-right: 12%;display: none;}
.fqlstp > p {font-size: 1.2vw;line-height: 1.6em;padding-bottom: 0;}
.fqlstp > ul > li {
    color: rgba(2, 2, 30, 0.8);
    font-size: 1.2vw;
}
.fqlstp > ul {
    list-style: disc;
    padding-left: 20px;
    padding-top: 10px;
}
.clntabtu {padding: 2.8% 0 2.8% 3%;background: url(../img/servcbg.png) no-repeat 0 0 / 100% 100%;}
.cntusta > h2 {font-weight: 600;font-size: 8vw;text-transform: uppercase;color: #02031c;line-height: 0.85em;width: 50%;}
.clnat {padding-top: 73px;}
.clnat1.caugle{padding: 9.5% 9.3%;background: url(../img/drible.png) no-repeat 0 0 / 100% 100%;}
.clnat1 {padding: 9.5% 11.5%;background: url(../img/card.webp) no-repeat 0 0 / 100% 100%;}
.clnat1 .clnat1ig {padding: 15px 0;width: 85%;background-color: #02031c;border-radius: 30px;}
.clnat1ig .gleimg{width: 48%;}
.clnat1ig > p {display: inline-block;vertical-align: middle;padding: 0 7%;border-left: 1px solid #888995;font-weight: 500;text-transform: uppercase;font-size: 1.05vw;}
.clnat1tt {padding-top: 60%;}
.clnat1tt > h3 {font-weight: 600;color: #02031c;font-size: 6vw;}
.clnat1tt > p {font-weight: 600;color: #02031c;font-size: 1.95vw;padding-top: 2px;line-height: 1.3em;padding-bottom: 0;}
.clnat1 .revew_rate{border-bottom: 1px solid #02031c;}
.clnat1 .revew_hed > h5,.clnat1 .revew_prsn > h5,.clnat1 .revew_prsn > p {color: #02031c;}
.clnat1 > p {font-weight: 500;font-size: 1.4vw;line-height: 1.3em;color: #02031c;padding-bottom: 5px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;
    white-space: pre-wrap;min-height: 21vw;}
.clnat .owl-nav {position: absolute;top: -52px;right: 3%;}
.clnat .owl-nav button.owl-prev,.clnat .owl-nav button.owl-next {width: 55px;height: 55px;margin-left: 15px;border: 1px solid #888995 !important;border-radius: 50%;transition: all 500ms ease-in-out;}
#cfaqs {background: url(../img/faqbg.png) no-repeat left bottom / 100% auto;padding-bottom: 80px;    margin-bottom: 95px;}
    /* ==========================================================================
                                  Services
       ========================================================================== */
.tpnotch {padding: 55px 0;}
.tpnds {padding: 5.8% 3% 0;background: url(../img/designbg.png) no-repeat 0 0 / 100% 100%;}
.tpndsh1 {width: 61.3%;}
.tpndsh1 > h1 {font-weight: 600;font-size: 8vw;text-transform: uppercase;line-height: 0.82em;}
.tpndsh2 {width: 38.7%;}
.tpndsh2ig {border-radius: 25px;overflow: hidden;}
.tpndsh {padding-bottom: 63px;border-bottom: 1px solid #fff;}
.topnld {padding: 34px 0px;}
.topnld1 {float: left;position: relative;padding-left: 40px;transition: all 300ms ease-in-out;}
.topnld1 > a {background-color: #fdc448;display: block;text-transform: uppercase;color: #02031c;padding: 10px 25px;border-radius: 30px;font-size: 0.9em;font-weight: 500;}
.topnld1::before{position: absolute;content: '';top: 50%;transform: translateY(-50%);left: 0;width: 40px;height: 40px;background: url(../img/thndr.png) no-repeat 0 0 / 100% auto;transition: all 300ms ease-in-out;}
.topnld1:hover{padding-right: 40px;padding-left: 0;} 
.topnld1:hover::before{width: 0;height: 0;}
.topnld1::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;}
.topnld1:hover::after{width: 40px;height: 40px;}
.topnld2 {float: right;display: flex;align-items: center;width: 60%;}
.topntd:first-child {width: 56%;box-sizing: border-box;padding-right: 10%;position: relative;}
.topntd:first-child::after {position: absolute; top: 0;right: 8%;bottom: 0;width: 1px;height: 100%;background-color: #fff;content: '';}
.topntd:last-child {width: 44%;}
.topntd {display: flex;}
.topntd1 > h3 {font-weight: 500;font-size: 4vw;line-height: 0.78em;text-transform: uppercase;}
.topntd2 {padding-left: 9%;}
.topntd2 > h5 {text-transform: uppercase;font-weight: 500;font-size: 1.3vw;line-height: 1.3em;}
.orachvmnt.brnd5 {padding: 80px 0 60px;}
.orachvmnt.brnd5.padtopre {padding: 25px 0 40px;}
.orachvmnt.brnd5 .hot_rtcl1 > a {border: 1px solid #fff;border-radius: 30px;}
.bendeserv {background: url(../img/servcbg.png) no-repeat 0 0 / 100% 100%;margin-bottom: 55px;}
.bndsvcd {padding: 2.2%;}
.bndsvcd > h3 {font-weight: 600;color: #02031c;font-size: 8vw;text-transform: uppercase;line-height: 0.9em;padding-bottom: 4.2rem; width: 44%;}
.bndsvcd1 {padding-top: 13px;padding-bottom: 10px;}
.bndsvcd1 > li {padding: 12px 0;border-bottom: 1px solid #888995;}
.bndsvcd1 > li:last-child{border-bottom: none;}
.bndsvcd21 > p {font-weight: 600;color: #02031c;font-size: 1.85vw;text-transform: capitalize;padding-bottom: 0;padding-top: 7px;}
.bndsvcd21 {float: left;}
.bndsvcd22 {float: right;}
.bndsvcd22 > p {color: #3f3f3f;display: inline-block;vertical-align: top;padding: 17px 77px 0 0;font-size: 1.05vw;opacity: 0;}
.bndsvcd1 > li > a:hover .bndsvcd22 > p{opacity: 1;}
.bndsvcd22 > span::before {background-color: #3827c7;position: absolute;content: '';top: 0%;left: 0%;right: 0%;bottom: 0;transform: scale(0);transition: all 500ms ease-in-out;border-radius: 50%;}
.bndsvcd22 > span {display: inline-block;width: 52px;height: 52px;position: relative;}
.bndsvcd22 > span::before {background-color: #02031c;position: absolute;content: '';top: 0%;left: 0%;right: 0%;bottom: 0;transform: scale(0);transition: all 500ms ease-in-out;border-radius: 50%;}
.bndsvcd1 > li > a:hover .bndsvcd22 > span::before{transform: scale(1);}
.ddmorwrk {padding: 35px 0px 85px;}
.ddmorwrk1 {width: 44%;box-sizing: border-box;padding: 3.3%;background: url(../img/brndd1.png) no-repeat 0 0 / 100% 100%;}
.ddmorwrk1 > h5 {text-transform: capitalize;font-weight: 600;font-size: 3.6vw;line-height: 1.1em;padding-bottom: 32px;border-bottom: 1px solid #888995;margin-bottom: 35px;}
.ddmorwrk1 > p {font-weight: 600;font-size: 1.9vw;line-height: 1.3em;padding-bottom: 48px;}
.ddmorwrk1 .topnld1 {float: none;display: inline-block;}
.ddmorwrk1 .topnld1 > a{display: inline-block;} 
.ddmorwrk2 {width: 23.3%;border-left: 2.2vw solid transparent;box-sizing: border-box;padding: 3%;background: url(../img/brndd2.png) no-repeat 0 0 / 100% 100%;}
.ddmorwrk2 .ddsdmig {padding-bottom: 36px;border-bottom: 1px solid #888995;margin-bottom: 35px;}
.ddmorwrk2 h5 {text-transform: capitalize;font-weight: 600;font-size: 1.7vw;padding-bottom: 11px;}
.ddmorwrk2 p {font-weight: 500;font-size: 1.1vw;line-height: 1.5em;color: #cacaca;padding-bottom: 0;}
.wizardc {padding: 66px 0;}
.wizardc1 {width: 56%;padding-right: 27%;box-sizing: border-box;}
.cdwhrt {width: 15%;padding-bottom: 35px;}
.wizardc1 > h3 {font-weight: 600;text-transform: uppercase;font-size: 5.5vw;line-height: 1em;}
.wizzrd {padding-top: 22px;display: flex;align-items: center;}
.wizzrd > h3 {font-weight: 500;font-size: 4vw;padding-right: 25px;}
.wizzrd > p {font-weight: 500;text-transform: uppercase;font-size: 1.3vw;padding-bottom: 0;line-height: 1.2em;}
.wizardc2 {width: 44%;}
.cdwzlst:nth-child(4n+1) {margin-left: 0;}
.cdwzhd {text-align: right;}
.cdwzlst {width: 21%;margin-left: 5.3%;margin-bottom: 27px;}
.fleffcls {margin: 32px 0;border-top: 1px solid #fff;}
.fleffcls1 {width: 31.3%;border-right: 1px solid #fff;box-sizing: border-box;padding: 3% 5% 0 0;margin-right: 5.8%;}
.fleffcls1:last-child{margin-right: 0;border-right: none;    padding-right: 0;width: 25.8%;}
.flexndsc {width: 16%;padding-bottom: 36px;}
.fleffcls1 > h3 {font-weight: 600;font-size: 1.95vw;}
.fleffcls1 > p {font-weight: 500;padding-top: 20px;font-size: 1.05vw;line-height: 1.5em;}
#crtivewiz {padding-bottom: 90px;background: url(../img/faqbg.png) no-repeat left bottom / 100% auto;}
#hhtrtcl .hotricles {padding: 143px 0 0;}
.tpndsh.ddmsrvcz .tpndsh1 {width: 65.3%;margin-right: 5.5%;}
.tpndsh.ddmsrvcz .tpndsh2{width: 28.2%;}
.altrsrc .topnld1{float: right;}
.altrsrc .topnld2{float: left;}
.orachvmnt.brnd6 {padding: 113px 0;}
.orexparchi {padding: 44px 0;}
.orexarci > h2 {font-weight: 600;color: #02031c;font-size: 8vw;text-transform: uppercase;line-height: 0.9em;padding-bottom: 5rem;width: 50%;}
.orexarci {padding: 2% 3%;    background: url(../img/servcbg.png) no-repeat 0 0 / 100% 100%;}
.oexarci.owl-carousel .owl-stage{display: flex;} 
.oexarci.owl-carousel .owl-stage .owl-item{background: url(../img/card.webp) no-repeat 0 0 / 100% 100%;}
.oexarci1 {padding: 9%;position: relative;overflow: hidden;}
.oexarcig {width: 58%;margin: 0 auto;padding: 64px 0;}
.oexarcitt > p {float: left;font-weight: 600;color: #02031c;text-transform: capitalize;width: 80%;font-size: 1.8vw;line-height: 1em;padding-bottom: 0;}
.oexarcitt > span {float: right;display: block;width: 30px;height: 30px;border: 1px solid #888995;border-radius: 50%;position: relative;z-index: 1;}
.oexarcitt > span::before {background-color: #02031c;position: absolute;content: '';top: 0%;left: 0%;right: 0%;bottom: 0;transform: scale(0);transition: all 500ms ease-in-out;border-radius: 50%;}
.oexarcitt > span::after {position: absolute;content: '';top: 50%;left: 50%;transform: translate(-50%,-50%);width: 20px;height: 20px;background: url(../img/plusminus.png) no-repeat -32px 1px / 50px auto;}
.oexarci1.active .oexarcitt > span::after {position: absolute;content: '';top: 50%;left: 50%;transform: translate(-50%,-50%);width: 20px;height: 20px;background: url(../img/plusminus.png) no-repeat -32px -29px / 50px auto;}
.oexarcit7 {position: absolute;left: 0;right: 0;bottom: 6%;top: 16%;padding: 0 9%;box-sizing: border-box;    background-color: #eaeaec;transform: translateY(100%);opacity: 0;transition: all 500ms ease-in-out;}
.oexarci1.active .oexarcit7 {opacity: 1;transform: translateY(0);}
.oexarcit7 > h5 {color: #02031c;text-transform: capitalize;font-size: 1.8vw; line-height: 1em;}
.oexarcit7 > p {font-size: 1.15vw;color: #02031c;padding-top: 25px;}
.oexarcitt {padding: 36px 0 6px 8px;}
.oexarci {padding-bottom: 10px;}
.oexarci .owl-nav {position: absolute;top: -145px;right: 0%;}
.oexarci .owl-nav button.owl-prev,.oexarci .owl-nav button.owl-next {width: 55px;height: 55px;margin-left: 15px;border: 1px solid #888995 !important;border-radius: 50%;transition: all 500ms ease-in-out;}
.bricr {padding: 130px 0 64px;}
.bricr > h3 {font-weight: 600;font-size: 5.5vw;text-transform: uppercase;width: 35%;line-height: 1em;}
.bricrl {padding-top: 74px;display: flex;flex-wrap: wrap;}
.bricrl1 > a {display: flex;flex-direction: column;height: 100%;width: 100%;}
.bricrtx > p {font-weight: 600;color: #02031c;font-size: 1.85vw;padding-top: 10px;line-height: 1.3em;padding-bottom: 4px;}
.bricrtx > h5 {color: #02031c;font-size: 1.1vw;}
.bricrtx {padding: 35px 40px;background-color: #fff;display: flex;flex-direction: column;flex: 1;}
.bricrl1 {width: 49%;-webkit-mask: url(../img/htart2.png) no-repeat 0 0 / 100% 100%;margin-bottom: 36px;}
.bricrl1:nth-child(odd) {margin-right: 2%;-webkit-mask: url(../img/htart1.png) no-repeat 0 0 / 100% 100%;}
.techstk {padding-bottom: 120px;position: relative;}
.techstk > h3 {font-weight: 600;font-size: 5.5vw;text-transform: uppercase;width: 43%;line-height: 1em;}
.techstkl9 {padding-top: 70px;}
.techstkl:first-child {display: block;}
.techstkl {display: none;}
.frbcdb {position: absolute;right: 0;top: 10%;}
.frbdc {display: flex;}
.frbdc > li {margin-right: 15px;}
.frbdc > li > a {border: 1px solid #b2b2b2;border-radius: 30px;color: #fff;text-transform: uppercase;font-size: 1.1vw;padding: 11px 27px;display: block;}
.frbdc > li.active > a{background-color: #fff;color:#02031c; }
.techstkn:nth-child(4n+1) {margin-left: 0;}
.techstkn {width: 23.3%;margin-left: 2.2%;margin-bottom: 25px;position: relative;}
.techstk1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.techstkig {width: 74%;margin: 0 auto;}
.techstk1 > p {font-weight: 600;font-size: 1.3vw;text-align: center;padding: 30px 0 0 0;    text-transform: capitalize;}
.reviews {padding-bottom: 67px;}
.ourbenfit.nobenspc{padding-top: 43px;}
.eyes {padding-bottom: 35px;border-bottom: 1px solid #fff;margin-bottom: 35px;}
.eyes > img{width: 26%;}
.faqs.nofqac {padding: 132px 0 91px;}
.reltdsrvc > h3 {font-weight: 600;font-size: 5.5vw;text-transform: uppercase;width: 43%;line-height: 1em;}
.reltsrvc {padding: 80px 0;}
.reltsrvc1 {/*width: 23.3%;margin-right: 2.2%;box-sizing: border-box*/;padding: 11%;background: url(../img/brndd2.png) no-repeat 0 0 / 100% 100%;}
.reltsrvc1:last-child {margin-right: 0;}
.reltsrvc1 > h5 {font-weight: 600;font-size: 1.6vw;line-height: 1.2em;padding-bottom: 22px;}
.reltsrvc1 > p { font-size: 1.15vw;line-height: 1.5em;padding-bottom: 46px;color: #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.lrnmr {padding-left: 33px;position: relative;transition: all 500ms ease-in-out;    margin-top: 37px;}
.lrnmr::before{position: absolute;content: '';top: 0;left: 0;width: 33px;height: 33px;background: url(../img/lrnmr.png) no-repeat 0 0 / 100% auto;transition: all 500ms ease-in-out;}
.lrnmr:hover{padding-right: 33px;padding-left: 0;} 
.lrnmr:hover::before{width: 0;}
.lrnmr::after{position: absolute;content: '';top: 0;right: 0;width: 0px;height: 33px;background: url(../img/lrnmr.png) no-repeat 0 0 / 100% auto;transition: all 500ms ease-in-out;}
.lrnmr:hover::after{width: 33px;}
.lrnmr > a {background-color: #fdc448;display: block;text-transform: uppercase;color: #02031c;padding: 7px 25px;border-radius: 30px;font-size: 1vw;text-align: center;}
.reltdsrvc {padding-bottom: 86px;}
.reltsrvc .owl-nav {position: absolute;top: -65px;right: 0%;}
.reltsrvc .owl-nav button.owl-prev,.reltsrvc .owl-nav button.owl-next {width: 52px;height: 52px;margin-left: 15px;border: 1px solid #fff !important;border-radius: 50%;transition: all 500ms ease-in-out;}
.reltsrvc .owl-nav button.owl-prev span,.reltsrvc .owl-nav button.owl-next span{color: #fff;font-size: 2em;line-height: 0.6em;transition: all 500ms ease-in-out;}
.reltsrvc .owl-nav button.owl-prev:hover,.reltsrvc .owl-nav button.owl-next:hover{background-color: #fff;}
.reltsrvc .owl-nav button.owl-prev:hover span,.reltsrvc .owl-nav button.owl-next:hover span{color: #02031c;}
/*-----------------27-08-2024------------*/
.faqrma {display: inline-block;background-color: #3330bf;border-radius: 30px;margin-top: 20px;}
.faqrma > 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;}
.faqrma > a.active .btnicon{color: #fff;}
.faqrma > a.active .btnicon1{transform: translate(180%);}
.faqrma > a.active .btnicon2  {transform: scale(1);}
.faqs3 > h3 {
    text-transform: uppercase;
    font-size: 3vw;
    font-weight: 700;
}
.container.padbtpm10{    padding-bottom: 30px;padding-top: 30px; }
.thnku {
    border-radius: 35px;
    background: #fff;
    width: 70%;
    margin: 0 auto;
    padding: 50px 0 70px;
}
.thnku1 {
    text-align: center;
}
.thnku1 > h1 {
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
}
.thnku2 {
    padding-top: 10px;
}
.thnku2 > h3 {color: #000;padding: 2% 5%;
    text-align: center;
    font-size: 1.3vw;font-weight: 600;
}
p.redydisp{color:#000;padding: 1% 7%;font-size: 1.1vw;}
    /* ==========================================================================
                                  About
       ========================================================================== */
}
#founder.abtfndr::before{background: url(../img/bg-blue.webp) no-repeat 0% 0 / 100% 100%;}
/*#founder.abtfndr > .aabtfndr{background-color:#02021e; }*/
#founder.abtfndr .foundr {padding-top: 0;}
.tpndshx .topnld2 {width: 100%;float: none;    justify-content: space-between;}
.tpndshx .topntd {display: block;width: auto;    padding-right: 8%;}
.tpndshx .topntd:last-child{padding-right: 0;}
.tpndshx .topntd2 {padding-left: 0;}
.tpndshx .topntd:first-child::after{display: none;}
.topntd2 > h5{font-size: 1.5vw}
.trustd {padding: 5% 0 0;position: relative;}
/*.trustd::before {position: absolute;content: '';left: 0;top: 0;right: 0;height: 70%;background: url(../img/trusted.jpg) no-repeat 0 0 / 100% auto;z-index: -1;}*/
.trusted { display: flex;padding: 0 0 2% 1.7%;justify-content: space-between;}
.trusted1 {width: 30%;padding-top: 2.6%;}
.trusted1 > h3 {font-size: 4.1vw;font-weight: 600;line-height: 1em;}
.trusted2 {width: 61%;}
.trusted2 > p {font-weight: 600;font-size: 2.2vw;line-height: 1.2em;}
.trustd .ourclients {padding-bottom: 20px;}
.abtsetms.settems > h3{font-size: 3.9vw;width: 55%;}
.abtsetms.settems .modissues{padding: 11% 1.6% 0%;}
.settems.abtsetms {padding: 4.7% 3.3% 5.7% 6.7%;}
.abtsetms.settems::before{    background: none;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
#visimis {padding: 6% 1.4% 0;background: url(../img/benfit.webp) no-repeat left bottom / 100% 100%;}
.visin {padding-bottom: 5%;}
.visin > h3 {color: #fff;font-weight: 600;text-transform: uppercase;font-size: 4vw;border-bottom: 1px solid #fff;padding-bottom: 7px;margin-bottom: 2%;}
.visin > p {color: #fff;font-weight: 600;font-size: 1.7vw;width: 75%;line-height: 1.5em;}
    /* ==========================================================================
                                  Process
       ========================================================================== */
.tpndsh.orprces{padding-bottom: 10px;}
.tpndsh.orprces .tpndsh1 {width: 72.5%;}
.tpndsh.orprces .tpndsh1 > h1{ font-size: 5.6vw;   line-height: 1.12em;}
.tpndsh.orprces .tpndsh2 {width: 27%;}
.orprces .topnld2 {float: left;width: 71%;}
.orprces .topnld1 {float: right;}
.orprces .topntd2{padding-left: 12%;}
.orprces .topntd,.orprces .topntd{padding-right: 9%;}
.orprces .topntd:last-child{padding-right: 0;}
.orprces .topntd2 > h5{font-size: 1.4vw;}
.orprces .topntd:first-child,.orprces .topntd:last-child {width: auto;}
.orprces .topntd:first-child::after{right: 11%;}
.orprces .topntd{position: relative;}
.orprces .topntd:nth-child(2)::after {position: absolute;top: 0;right: 8%;bottom: 0;width: 1px;height: 100%;background-color: #fff;content: '';}
.orexparchip .oexarci1{    background: url(../img/pborder.webp) no-repeat 0 0 / 100% 100%;}
.orexparchip .oexarcig{padding:0 0;    width: auto;}
.orexparchip .oexarcitt > p{color: #fff;}
.orexparchip .oexarcitt > span{border:1px solid #fff ;}
.orexparchip .oexarcitt > span::before {background-color: #fff;}
.orexparchip .oexarcitt > span::after{background-position:1px 1px; }
.orexparchip .oexarci1 > a:hover .oexarcitt > span::after{background-position:-32px 1px;}
.solutions__img-wrap > div > svg:first-child{display: none;}
.solutions__img-wrap {width: 88%;margin: 0 auto;}
#brndesgn {position: relative;}
#brndesgn::before{position: absolute;content: ''; left: 0;top: 0;right: 0;bottom: 0;background: url(../img/bg-blue.webp) no-repeat 0 0 / 100% auto;    border-bottom-right-radius: 2.5rem;border-bottom-left-radius: 2.5rem;z-index: -1;}
.orexparchip .owl-nav {position: static;padding-top: 4.5%;}
.orexparchip {padding-bottom: 8.7%;position: relative;}
.orexparchip .oexarci .owl-nav button.owl-prev{margin-left: 0;}
.orexparchip .oexarci .owl-nav button.owl-prev,.orexparchip .oexarci .owl-nav button.owl-next{    border: 1px solid #fff !important;}
.orexparchip .oexarci .owl-nav button.owl-prev::before {background-position: -13px -23px;}
.orexparchip .oexarci .owl-nav button.owl-next::before {background-position: -12px 1px;}
.orexparchip .oexarci .owl-nav button.owl-prev:hover::before {background-position: 5px -24px;}
.orexparchip .oexarci .owl-nav button.owl-next:hover::before {background-position: 5px 1px;}
.orexparchip .oexarci .owl-nav button.owl-prev::after,.orexparchip .oexarci .owl-nav button.owl-next::after{background-color: #fff;}
.progress-container {width: calc(100% - 150px);height: 5px;background-color: #ccc;border-radius:10px;    position: absolute;left: 150px;bottom: 21%;}
.progress-bar {width: 0;height: 100%;background-color: #fff;border-radius:10px;transition: width 0.3s ease;}
.settems {padding: 4.7% 3.3% 5.7%;position: relative;}
.settems::before {position: absolute;content: ''; left: 0;top: 0;right: 0;bottom: 0;background: url(../img/procstem.webp) no-repeat center / cover;    border-bottom-right-radius: 2.5rem;border-bottom-left-radius: 2.5rem;z-index: -1;}
.settems > h3 {font-size: 5.6vw;font-weight: 600;text-transform: uppercase;width: 48%;line-height: 1em;}
.settems1 {padding: 6.5% 0;}
.settems3 {position: relative;}
.settems31 {border: 1px solid #ffffff4d;border-radius: 50%;padding: 18% 5% 18% 5%;}
.settems3sg {width: 35%;transition: all 500ms ease-in-out;margin: 0 auto;}
.settems3s > p {padding: 9% 13% 0 13%;font-weight: 500;font-size: 1.3vw;text-align: center;}
.settems32 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;  visibility: hidden;border-radius: 50%;transition: all 500ms ease-in-out;}
.settems33 {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;text-align: center;position: relative;}
.settems33::before {position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;background-color: #fff;transform: scale(0);transition: all 500ms ease-in-out;}
.settems33 > p {color: #000;font-size: 1.1vw;    position: relative;padding-bottom: 0;}
.settems3:hover .settems3sg{transform: scale(0.5);}
.settems3:hover .settems32{opacity: 1;visibility: visible;}
.settems3:hover .settems33::before{transform: scale(1);}
.settems3::after {position: absolute;content: '';top: 50%;transform: translateY(-50%) rotate(45deg);right: -31px;width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
.modissues {display: flex;flex-wrap: wrap;padding: 5% 1.6%;}
.modisue:nth-child(3n+1) {padding-left: 0;    border-left: none;}
.modisue {width: 31%;padding-left: 3.5%;border-left: 1px solid rgba(255, 255, 255, 0.7);box-sizing: border-box;}
.modisue:nth-child(1),.modisue:nth-child(2),.modisue:nth-child(3){border-bottom: 1px solid rgba(255, 255, 255, 0.7);padding-bottom: 3.5%;}
.modisue:nth-child(4),.modisue:nth-child(5),.modisue:nth-child(6){padding-top: 4.5%;}
.modisue1 {width: 14%;}
.modisue > h5 {font-size: 2vw;padding: 9% 0 5%;}
.modisue > p {font-size: 1.1vw;opacity: 0.7;line-height: 1.5em;width: 80%;}
.xtndtm {padding: 5.4% 1.7%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xtndtm1 > h3 {color: #000;font-size: 3vw;font-weight: 500;}
.xtndtm1 > p {color: #000;font-size: 1.08vw;padding-top: 3.3%;line-height: 1.5em;}
.xtndtm1 {width: 49%;padding: 5% 3% 3%;box-sizing: border-box;background:url(../img/exteam1.svg) no-repeat 0 0 / 100% 100%;}
.xtndtm1:last-child{background:url(../img/exteam2.svg) no-repeat 0 0 / 100% 100%;}
.xtndtm1g {padding: 3% 0;}
.xtndtm2 {margin-top: 2.7%;border-top: 1px solid #0003;padding-top: 7%;display: flex;justify-content: space-between;}
.xtndtm22 > .faqrma {margin-top: 0;}
.xtndtm21 {display: flex;align-items: center;}
.xtndtm23 > h5 {color: #000;font-weight: 500;font-size: 4vw;line-height: 1em;}
.xtndtm24 {padding-left: 2%;}
.xtndtm24 > p {color: #000;font-size: 1.4vw;line-height: 1.2em;padding-bottom: 0;}
.technolg {padding: 3% 0;}
.technolg .techstk {padding-bottom: 38px;}
.technolg .ourwrk {margin: 0 0 60px;}
.technolg .reviews {padding-bottom: 0;}
.technolg .faqs {padding: 10px 0;}
.fqlst > li{position: relative;}
.fqlst > li.active::before{position: absolute;content: '';left: -30px;top: -1px;right: -30px;bottom: -34px;background-color: #fff;border-radius: 20px;z-index: -1;}
.fqlst > li.active .fqlstp > p{color: rgba(2, 2, 30, 0.8);}
.fqlst > li.active > a > div:first-child{color: #02021e;}
.fqlst > li.active > a .shalss::after {transform: scale(1);}
.cntcntlk .btntxt {margin-right: 1.75em;}
.cntcntlk .faqrma > a{    padding: 0.6rem .75rem 0.6rem 2rem;}
.orachvmnt.brnd5{position: relative;}
.dataim span {
  display: inline-block;
  opacity: 0.2;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.dataim span.active {
  opacity: 1;
}
.oexarci1.noncrd .oexarcit7{background-color: transparent;}
.oexarci1.noncrd.active .oexarcig,.oexarci1.noncrd.active .oexarcitt > p{opacity: 0;}
.oexarci1.noncrd .oexarcit7 > h5,.oexarci1.noncrd .oexarcit7 > p{color: #fff;}
.oexarci1.noncrd.active > a .oexarcitt > span::before {transform: scale(1);}
.oexarci1.noncrd.active .oexarcitt > span::after,.oexarci1.noncrd.active > a:hover .oexarcitt > span::after{background: url(../img/plusminus.png) no-repeat -32px -29px / 50px auto;}
.oexarci.noncrd0.owl-carousel .owl-stage .owl-item{background: none;}
    /* ==========================================================================
                                  contatc popup
       ========================================================================== */
.ourxperts {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(2, 2, 28, 0.9);display: none;z-index: 1000;align-items: center;justify-content: center;}
.ourxperts.active{display: flex;}
.ourxpert1 {width: 56%;padding: 3rem 4rem;background: url(../img/contpopup.avif) no-repeat 0 0 / 100% 100%;position: relative;}
a.cpopcls {position: absolute;top: 0;right: 0;display: flex;justify-content: center;font-size: 2em;line-height: 0.95em;width: 35px;height: 35px;border-radius: 50%;}
a.cpopcls:hover{color: #02021e;}
a.cpopcls::before{position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background-color: #fff;border-radius: 50%;transform: scale(0);transition: all 500ms ease-in-out;z-index: -1;}
a.cpopcls:hover::before{transform: scale(1);}
.ourxpert21 {display: flex;align-items: center;}
.ourxpert211 {width: 100px;}
.ourxpert212 {padding-left: 3%;}
.ourxpert212 > h5 {font-weight: 500;font-size: 1.75em;line-height: 1.2em;color: #02021e;}
.ourxpert212 > p {font-weight: 500;opacity: 0.5;color: #02021e;padding-bottom: 0;}
.ourxpert22 {padding-top: 50px;}
.crlis7 {position: relative;}
.crlis7 > a {padding: 0 0 16px 0;font-size: 1.1vw;border-bottom: 1px solid #cdcecf;font-weight: 500;color: #808080;display: block;position: relative;}
.crlis7 > a::after{position: absolute;content: '';top: 5px;right: 20px;width: 7px;height: 7px;border-top: 2px solid #808080;border-right: 2px solid #808080;transform: rotate(135deg);transition: all 500ms ease-in-out;} 
.crlis7 > a.active::after{    transform: rotate(-45deg)}
.crlis8 {display: none;position: absolute;top: 120%;left: 0;right: 0;border: 1px solid #cdcecf;border-radius: 15px;background-color: #fff;overflow: hidden;z-index: 10;}
.crlis8 > li > a {color: #02021e;padding: 10px 20px;display: block;font-size: 1rem;}
.crlis8 > li > a:hover,.crlis8 > li.active > a{background-color: #f5f5f7;}
.ourxpert22 .crolisb{display: flex;align-items: center;}
.ourxpert22 .crlpp2 {float: none;}
.ourxpert22 .crlpp1{width: 50%;float: none;padding-left: 3%;}
.ourxpert22 .crlpp1 > p {padding:0 0 0 20px;position: relative;}
.ourxpert22 .crlpp1 > p::before {background: url(../img/icon-shield.svg) no-repeat 0 0 / 100% auto;position: absolute;left: 0;top: 2px;width: 15px;height: 15px;content: '';}
.ourxpert22 .crolis1 > textarea { height: 8em;}
.button__icon-lottie > svg:nth-child(2) {display: none;}
.faqs1 > a.mob {
    display: none;
}
.foundr11 {
    padding-top: 35px;
}
p.founderdesgi {font-size: 1vw;}
.thnku2 .popupbtns {display: flex;width: 187px;
}
 /* ==========================================================================
                                  Responsive
       ========================================================================== */
@media only screen and (min-width: 1400px) {
    .clnat1 > p{height: 21.5vw;-webkit-line-clamp: 12;}
    .call{    background: url(../img/call.png) no-repeat 0px 6px / 20px auto;}
}
@media only screen and (min-width: 1600px) {
    .clnat1 > p{height: 22.5vw;}
    .call{    background: url(../img/call.png) no-repeat 0px 9px / 20px auto;}
    .settems3s > p {padding: 10% 13% 0 13%;}
}
    @media only screen and (min-width: 1280px) {
        .oexarci1 > a:hover .oexarcitt > span::before{transform: scale(1);}
.oexarci1 > a:hover .oexarcitt > span::after{background-position: 1px 1px;}
 .oexarci1.active > a:hover .oexarcitt > span::after{background-position: 1px -29px;}
    }
@media only screen and (min-width: 1180px) {
    .aidsxz:nth-child(3n+1) {margin-left: 0;}
    .mylik1:nth-child(3n+3){margin-right: 0;}
    .prjothrk1:nth-child(3n+1) {margin-left: 0;}
}
@media only screen and (max-width: 1180px) and (min-width: 820px) and (orientation: landscape){
    .orben_ft.oft3 > h5 {padding-top: 2rem;}
    .clnat1tt {padding-top: 53%;}
    .clnat1 > p{min-height: 18.3vw;}
    .revew > p {min-height: 25vw;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
    .clnat1tt {padding-top:53%;}
    .clnat1 > p{min-height: 20.7vw;}
    .revew > p {min-height: 20vw;}
}
@media only screen and (max-width: 850px) {
    .clnat1tt {padding-top: 48%;}
    .clnat1 > p{min-height: 21.5vw;}
    .revew > p {min-height: 25vw;}
}
@media only screen and (max-width: 770px) {
    .clnat1tt {padding-top: 60%;}
    .clnat1 > p{min-height: 25vw;}
    .revew > p {min-height: 27vw;}
}
@media only screen and (max-width: 1200px) {
    .faqs1 > a.desk {display: none;}
.faqs1 > a.mob {display: block;}
    .gnrlvew2 .owl-carousel .owl-item .gnrlvew2o {min-height: 440px;}

}
@media only screen and (max-width:64em){
    #message {width: 75%;}
    #message .popupbtns, .thnku2 .popupbtns {width: 50%;display: flow;}
    .gnrlvew2 .owl-carousel .owl-item .gnrlvew2o {min-height: 415px;}
    #overlay {min-width: 90%;}
    .desk,.lstorsrv2.desk,.faqs1.desk{display: none;}
    .cntrdy2,.bndsvcd22 > p{display: none !important;}
    .mob,.phmenu{display: block;}
    .hedcontainer {margin: 0;padding: 30px 30px 10px;}
    .head.shead .hedcontainer {padding: 20px 20px 10px;}
    .content {padding-top: 77px;}
    .container {margin: 0 30px;}
    .orben_ft > h3,.cnt_discus > h3,.mylik > h2,.faqs3 > h3,.thnku1 > h1{font-size: 2em;}
    .foundr2 > p,.gglerev2 > p,.hot_rtcl2 > p,.gtmbrv1 > p,.entaly > h5,.prjlft1 > h2,.prjserc18 > h5{font-size: 1.5em;}
    .gnrlvew1txt > p,.ourwk_gd1 > h3,.hot_develptt > h3,.foot_2 > ul > li > a,.foot_31 > a,.footer2 > a > div:first-child,.rdmap > h5,.aidtxt > p,.gtmbrcet1  > p,.entaly > p,.blgqot > p,.myliktxt > p,.prjserc2tt > h5,.prjothrktt > h5,.mltadr > li > a,.wewrkd > h5,.fqlst > li > a,.bndsvcd21 > p,.ddmorwrk1 > p,.ddmorwrk2 h5,.fleffcls1 > h3,.oexarcitt > p,.bricrtx > p,.reltsrvc1 > h5,.oexarcit7 > h5,.fqlst > li > a > div:first-child,.thnku2 > h3,.revew > p,.revew_prsn > h5,p.redydisp{font-size: 1.1em;}
    input.crims,.revew_prsn > p{font-size: 1em;color: #ccc;}
    .honcnt10 > h5,.dsigovrcnt > p,.lstorsrv11 > h5,.ourwk_wk21 > p,.orben_ft > h5,.hot_develptt > p,input.prms,input#sbtn,.acptpp > p,.foot_31 > h5,.ftlt_3 > a,.subfooter1 > h5,.sbftrlst > li > a,.stylop > p,.tdid11 > input,input#vsbt1,.aidlst > li > a,.downarw,.bredcrumb > li > a,.blgdtl_1 > p,.strtup_2 > h5,.strtup_2 > p,.strtstg2 > a,.prjserc2tt > p,.dribl_le21 > p,.indedu > h5,.prjovew1 > p,.prjovew2 > p,.webste,.prjothrktt > p,.prvdlst > li > a,.serwepd3 > p,.taklst > li,.form-atach > input::before,.crolis1 > textarea,.crlpp1 > p,#sbtnc,.fqlstp > p,.clnat1ig > p,.clnat1 > p,.topnld1 > a,.topntd2 > h5,.ddmorwrk2 p,.wizzrd > p,.fleffcls1 > p,.bricrtx > h5,.techstk1 > p,.reltsrvc1 > p,.foot_31 > h5,.sub_foot > li > a,.oexarcit7 > p,.prjscapts,.faqrma > a,.crlpp2 > a,.crlis7 > a,.fqlstp > ul > li{font-size: 0.9em;}
    .ltstk > a,.foundr1txt > p,.ourwk_gd1 > h5,.ourwk_gd1 > p,.orben_ft > p,.hot_rtcl1 > a,.rdmap > p,.strtgig5 > p,.prjdone2 > a,.prjlft2 > h5,.lrnmr > a{font-size: 1em;}
    .gglerev1 > p,.prjstext{font-size: 0.6em;}
    .bannerc2,.lstservce1,.servgmi,.servgmit1 {border-radius: 15px;}
    .dsigover,.dnrlreview,.blgcls,.strtstg,.prjserc,.orachvmnt.brnd5,.wizardc,.orachvmnt.brnd6,.bricr,.reltsrvc{padding: 40px 0;}
    .prjcntdl,.mltladrs {padding: 50px 0;}

    .ourwk_gdc,.ourbenfit,.orbnft,.hot_develp,.footer,.mylik,.prjothrk,.wewrkd,.fqlst{padding-top: 40px;}
    .gtmbrv1,.strtstg1 {width: 100%;padding-right: 0;}
    .prjserc2,.ltstak1,.ltstak2,.faqs2{width: 100%;box-sizing: border-box;}
    
    .banercls {padding: 40px 0;}
    .homimages{width: 9em;height: 9em;top: 2.8em;right: 1.5em;}
    .honcnt10{width: 62%;}
    .homcntlk{padding-top: 5px;width: auto;}
    .ltstk > a{padding: 7px 20px;}
    .ltstk {padding-left: 32px;}
    .ltstk::before{width: 32px;height: 32px;}
    .foundr1 {width: 25%;margin-right: 10%;}
    .foundr1ig {width: 50%;}
    .space-heading,.space-heading1{height: 1.5em;}
    .ourservice1 > h2{padding-bottom:40px;}
    .lstorsrv11 > h5{background-color: transparent;color:#02031c;padding: 10px; }
    .lstorsrv3{float: right;}
    .lstorsrv1,.lstorsrv11 > h5{width: auto;}
    .lstorsig {width: 57px;}
    .lstorsrv3 {width: 40px;height: 40px;}
    .lstservce:last-child{margin-bottom: 0;}
    .ourservice{padding-bottom: 80px;}
    .ourclients {padding-bottom: 30px;}
    .gglerev {padding-top: 50px;}
    .gglerev1 {width: 28%;margin-right: 5%;}
    .gglerev2 {width: 66.5%;}
    .gnrlvew1txt > p,.orben_ft > h3{padding-bottom: 20px;margin-bottom: 20px;}
    .revew_author{padding-top: 20px;}
    .revew_auth{width: 50px;}
    .gnrlvew21 button.owl-prev, .gnrlvew21 button.owl-next,.ourwk_gdc button.owl-prev, .ourwk_gdc button.owl-next,.oexarci .owl-nav button.owl-prev, .oexarci .owl-nav button.owl-next ,.clnat .owl-nav button.owl-prev, .clnat .owl-nav button.owl-next,.reltsrvc .owl-nav button.owl-prev, .reltsrvc .owl-nav button.owl-next{width: 45px;height: 45px;}
    .oexarci .owl-nav{top: -80px;}
    .ourwrk{margin: 40px 0;}
    .ourwk_wk1{margin-right: 5%;}
    .ourwk_wk2 {width: 60%;}
    .ourwk_wk21 > a,.dribl_le21 > a {width: 75px;height: 75px;}
    .ourwk_gd1{    padding: 3% 3% 0 3%;}
    .ourwk_gd1 > h3,.ourwk_gd1 > p{padding-top: 10px;}
    .orben_ft.oft1 {width: 100%;}
    .orben_icn {width: 50px;padding-right: 20px;padding-bottom: 0;display: inline-block;vertical-align: middle;}
    .orben_slider {display: inline-block;width: calc(100% - 75px);vertical-align: middle;}
    .orben_slid > p {padding-bottom: 0;}
    .orben_ft.oft1 {background: url(../img/infslid.webp) no-repeat 0 0 / 100% 100%;    margin-bottom: 20px;}
    .orben_ft {width: 31.8%;}
    .orben_ft.oft3 > h5{padding-top: 0;}
    .benefits__infinity > svg {width: 47px !important;}
    .orbnft{padding-bottom: 30px;}
    .benefits__infinity{margin-bottom: 20px;}
    .hotricles {padding: 80px 0;}
    .hot_devp{padding: 60px 0;}
    .ourbenfit::before{left: -30px;right: -30px;}
    .contctcls{padding: 30px;}
    .cntrdy1{width: 100%;padding: 20px;}
    .contctcls1 {padding: 10% 22%;border-radius: 2rem;}
    .cnt_discus > h3{margin-bottom: 15px;}
    .cnt_submit {  padding-top: 0px;}
    .footer1{padding-bottom: 50px;}
    .ftlogo {width: 100px;}
    .foot_2{padding: 20px 0 0 80px;} 
    .foot_1 > h5{padding: 20px 0;}
    .socl > li {margin-right: 10px;}
    .socl > li:last-child{margin-right: 0;}
    .socl > li > a{width: 35px;height: 35px;}
    .socl > li > a .scl1, .socl > li > a .scl2 {width: 35px;height: 35px;background-size: 39px auto;}
    .socl > li > a.insta .scl1,.socl > li > a.insta .scl2{background-position: 0 -59px;}
    .socl > li > a.lnkin .scl1,.socl > li > a.lnkin .scl1{background-position: 0 -118px;}
    .socl > li > a.twtr .scl1,.socl > li > a.twtr .scl1{background-position: 0 -178px;}
    .socl > li > a.utbe .scl1,.socl > li > a.utbe .scl1{background-position: 0 -238px;}
    .ftlt_1 {width: 30%;}
    .ftlt_2 {width: 32%;}
    .ftlt_3 {width: 38%;}
    .ftlt_3 > a,.ftlt_1 > p{padding: 7px;}
    .ftlt_3 > a:first-child {margin-right: 0px;}
    .sbftrlst > li {width: 33%;}
    .foot_1 {width: 40%;}
    .foot_2 {width: 35%;}
    .foot_3 {width: 25%;}
    .stylop > p{width: 83%;padding-top: 0;}
    input#vsbt1{padding: 5px 15px;}
    .tdid11{padding: 4px;}
    .blgcls21 {padding: 8% 6%;}
    .aidsxz {width: 47.5%;margin-left: 5%;}
    .aidsxz:nth-child(odd){margin-left: 0;}
    .aidds2 {padding: 40px 0 0;}
    .blg_dtl {padding: 106px 30px 35px 30px;}
    .blgcntdtl {padding: 40px 30px 0;}
    .entaly {padding: 0;}
    .strtup_1 {width: 30%;}
    .gtmbrcet1 {width: 12%;}
    .gtmbrcet2 {width: 88%;}
    .entaly > h5{padding: 20px 0;}
    .strtgig5 {padding: 30px 0 30px 0;}
    .blgqot {padding-left: 0;}
    .strtstg2{position: static;width: auto;padding-top: 30px;}
    .strtstg2 > a{display: inline-block;    padding: 14px 60px 15px 15px;}
    .mylik1 {width: 45%;margin-right: 5%;}
    .prjlft2 {padding-left: 10px;}
    .prjdone2{margin-top: 3px;}
    .prjserc1{width: 100%;margin-right: 0;position: relative;top: 0;}
    .prjserc18{padding: 0;border: none;}
    .prjserc18 > h5{border-bottom: none;}
    .prjscsb {padding: 10px 20px;background-color: #fff;display: block;border-radius: 15px;position: relative;color: #02031c;font-size: 1.1em;}
    .prjsclst {position: absolute;background-color: #fff;width: 100%;border-radius: 15px;box-sizing: border-box;padding: 20px;    z-index: 10;top: 65px;display: none;}
    .prjsclst > li > a{color: #02031c;font-size: 1.1em;}
    .prjserc2{padding-top: 30px;}
    .prjscsb.active::after {transform: rotate(-45deg);top: 19px;}
    .prjserc21 {padding-bottom: 0;}
    .dribble{margin-top: 0;}
    .dribl_le21 > p{margin-right: 10%;width: 72%;}
    .dribl_le21{align-items: normal;}
    .mvew {width: 90%;}
    .orachvmnt {padding: 60px 0 30px;}
    .downarw{bottom: 15px;}
    .prjdtl_1 {border-bottom-right-radius: 30px;border-bottom-left-radius: 30px}
    .prjdtl_2 > h1{padding-top: 30px;}
    .prjdtl_2{top: 30%;}
    .prjovew2 {width: 74.3%;padding-bottom: 40px;}
    .prjothrk1:nth-child(odd) {margin-left: 0;}
    .prjothrk1 {width: 47.5%;margin-bottom: 50px;margin-left: 5%;}
    .prjothrw {padding: 8px 0 0px;}
    .serwepd2 {width: 74.5%;}
    .serwepd3 {width: 25%;padding-left: 25.5%;padding-top: 10px;}
    .serwepd {padding-bottom: 50px;}
    .ltstak1 > h1{padding-top: 0;}
    .ltstak1 {padding-bottom: 30px;}
    .form-atach > input::before{background-size: 20px auto;}
    .crlpp1{width: 50%;}
    .mltadr > li {margin-bottom: 30px;}
    .wewrkd{position: relative;min-height: 170px;    overflow: hidden;}
    .cmpnys > li {width: 165px;margin-right: 10px;}
    .cmpnys {animation: marquee 10s linear infinite;white-space: nowrap;text-align: center;position: absolute;}
    @keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-75%,0,0)}}
    #contacid{border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
    .faqs,.faqs.nofqac {padding: 75px 0;}
    .clnat1 .clnat1ig{width: 95%;}
    .clnat1ig > p{padding: 0 5%;}
    .clnat1 .clnat1ig {width: 100%;}
    .topnld2{width: 70%;}
    .topntd2 {padding-left: 10px;}
    .bndsvcd > h3{padding-bottom: 30px;}
    .ddsdmig1 {width: 45px;}
    .ddsdmig2 {width: 45px;height: 45px;}
    .ddmorwrk2 .ddsdmig{padding-bottom: 20px;margin-bottom: 20px;}
    .ddmorwrk1{width: 30%;background: url(../img/pddsbg.webp) no-repeat 0 0 / 100% 100%;}
    .ddmorwrk2 {width: 30.3%;}
    .ddmorwrk2 .ddsdmig2 {background-position: -20px 16px;}
    .ddmorwrk {padding: 35px 0px 45px;}
    .wizzrd > h3{padding-right: 20px;}
    .fleffcls{border-top: none;}
    .fleffcls1,.fleffcls1:last-child{width: 100%;margin-right: 0;border-right: none;border-top: 1px solid #fff;padding: 20px 0;    display: flex !important;}
    .flexndsc{width: 10%;padding-bottom: 0;}
    .flexndsc > img{width: 40px;}
    .fleffcls1 > p {padding: 0;width: 50%;}
    .fleffcls1 > h3 {width: 40%;box-sizing: border-box;padding-right: 30px;}
    #crtivewiz,.techstk{padding-bottom: 40px;}
    #hhtrtcl .hotricles {padding: 80px 0 0;}
    .orexarci {padding: 3%;}
    .orexarci > h2{padding-bottom: 30px;}
    .oexarcitt > span{margin-top: 0;width: 20px;height: 20px;}
    .oexarcitt > span::after{width: 10px;height: 10px;background: url(../img/plusminus.png) no-repeat -21px 0px / 30px auto;}
    .oexarci1.active .oexarcitt > span::after{width: 10px;height: 10px;background: url(../img/plusminus.png) no-repeat -20px -18px / 30px auto;}
    .bricrl {padding-top: 50px;}
    .bricrtx {padding: 20px;}
    .techstk1 > p{padding-top: 20px;}
    .techstkig {width: 40px;}
    .reltsrvc1 > h5{padding-right: 20%;}
    .reltsrvc .owl-nav{top: -55px;}
    .frbdc > li {margin-right: 10px;}
    .videotw{top: 54px;}
    .videone, .videtwo {width: 90px;height: 90px;}
    .shalss {width: 30px;height: 30px;}
    #founder::before{left: -30px;right: -30px;}
    .pjvvct {padding: 20px;}
    /*---------------About----------------*/
    .tpndshx .topntd{padding-right: 3%;}
    .trusted2 > p{font-size: 1.3em;}
    .trusted{padding: 0 0 2% 0;}
    .trusted2 {width: 70%;}
    .settems.abtsetms {padding: 4.7% 3.3% 5.7% 3.7%;}
    .abtsetms.settems .modissues {padding: 5% 1.6% 0%;}
    .abtsetms.settems::before {background: none;}
    #visimis {padding: 30px 0 0;}
    .visin > p{font-size: 1em;width: 90%;}
    .visin {padding-bottom: 20px;}
    /*---------------process----------------*/
    .tpndsh.orprces .tpndsh1 > h1 {font-size: 6.6vw;line-height: 1em;}
    .tpndsh.orprces {padding-bottom: 30px;}
    .orprces .topnld2{width: 60%;}
    .orprces .topntd2 {padding-left: 0;}
    .orprces .topntd1 {float: left;padding-right: 5%;padding-top: 2px;}
    .orprces .topntd1 > h3{font-size: 2vw;}
    .orprces .topntd2 > h5 {font-size: 1.8vw;}
    #brndesgn{overflow: hidden;}
    .orexparchip {padding-right: 9%;}
    .orexparchip .oexarci.owl-carousel .owl-stage-outer{overflow: visible !important;}
    .orexparchip .oexarcitt > span::after {background-position: 0px 0px;}
    .progress-container{bottom: 18%;left: 130px;}
    #brndesgn::before,.settems::before{    border-bottom-right-radius: 2rem;border-bottom-left-radius: 2rem;}
    .settems {padding: 50px 30px 70px;}
    settems3sg {width: 33%;}
    .settems3s > p{font-size: 2.5vw;}
    .settems33 > p{font-size: 2vw;}
    .settems3::after{right: -22px;}
    .settems1{position: relative;}
    .settems1 .progress-container{bottom: 6%;left: 0;width: 100%;    background-color: transparent;}
    .modissues {display: block;padding: 5% 0;}
    .modisue1 {width: 7%;}
    .modisue {width: 100%;display: flex;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.7);border-left: none;border-bottom: none;padding: 3.5% 0;}
    .modisue > h5 {width: 43%;font-size: 2.4vw;padding: 0 28% 0 2%;box-sizing: border-box;line-height: 1em;}
    .modisue > p {font-size: 1.8vw;padding-bottom: 0;width: 50%;}
    .modisue:nth-child(1), .modisue:nth-child(2), .modisue:nth-child(3) {border-bottom: none;}
    .xtndtm {padding: 0;}
    .xtndtm1 > p{font-size: 0.9em;line-height: 1.4em;}
    .xtndtm2{display: block;    margin-top: 0;border-top: none;padding-top: 0;}
    .xtndtm21 {border-bottom: 1px solid #0003;padding-bottom: 15px;}
    .xtndtm22 {padding-top: 20px;}
    .xtndtm22 > .faqrma{display: block;}
    .xtndtm22 .btnicon{position: absolute;right: 5px;}
    .xtndtm22 .faqrma > a{padding: 0.8rem .75rem 0.8rem 0.5rem;}
    .technolg {padding: 6% 0;}
    .frbcdb {position: static;padding-top: 30px;}
    .frbdc > li > a{font-size: 0.9em;}
    .technolg .techstk {padding-bottom: 60px;}
    .fqlst > li.active::before{left: -20px;right: -20px;}
    .fqlstp {padding-top: 20px;}
    .faqs {display: flex;flex-wrap: wrap;}
    .faqs2 {order: 1;}
    .faqs1 {order: 2;width: 100%;margin-right: 0;padding: 2em;background: url(../img/cntctoter1.svg) no-repeat 0 0 / 100% auto;margin-top: 30px;        position: static;}
    .faqig {width: 20%;margin-bottom: 0;margin: 0 auto;padding-bottom: 0;}
    .faqs1 > p {font-size: 1.5em;padding: 30px 3% 30px 2%;box-sizing: border-box;}
    .faqs1 > a{margin-top: 0;font-size: 1.2em;padding: 15px 68px 15px 18px;}
    .faqs1 > a.mob{display: inline-block;        margin-top: 0;}
    .oexarci1.noncrd.active .oexarcitt > span::after{background: url(../img/plusminus.png) no-repeat -37px -34px / 50px auto;}
    .ourxpert1 {width: 81%;}
    
    .prjsclst.desk {display: none !important;}
    .prjserc2 {padding-top: 0;}
    .mbfilserv {display: flex;margin-bottom: 40px;margin-top: 20px;position: relative;}
    .mbfilser1.faqrma > a {padding: 19px 20px;}
    .mbfilser1.faqrma {width: 50%;margin-top: 0;}
    .mbfilser2 {width: 56px;}
    .prjscsb {padding: 0;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;        width: 100%;height: 100%;}
    .unel {width: 28px;height: 28px;}
    .lstservce > a:hover .diagonal .dgnl, .ddsdm > a:hover .dgnl, .ddmorwrk2 > a:hover .ddsdmig2 .dgnl, .bndsvcd1 > li > a:hover .bndsvcd22 .dgnl{transform: none;}
    .bndsvcd22 > span::before,.dgnl1{display: none;}
    .fqlst > li > a:hover .shalss::after {transform: scale(0);}
    .fqlst > li.active > a .shalss::after { transform: scale(1) !important;}
    .mbmcntus {padding-top: 20px;}
    .mbmcntus > a {border-radius: 30px;background-color: #fff;display: block;position: relative;color: #02031c;text-align: center;font-size: 1em;text-transform: uppercase;padding: 12px 0;}
    .mbmcntus .button__icons {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);margin: 0;}
    .sldmnu{bottom: 0;background-color: #02031c;}
    .opts {background-color: #fff;border-radius: 30px;}
    .opts > li > a{padding: 10px 0;}
    .opts > li:first-child > a::after{border-top: 2px solid #02031c;border-right: 2px solid #02031c;}
    .mbsbmnu > li {border-bottom: 1px solid #02021e4d;margin-bottom: 2px;}
    .mbsbmnu > li:last-child,.opts > li{border-bottom: none;}
    .mbsbmnu > li > a{padding: 20px 0 20px 50px;position: relative;}
    .mbsbmnu > li:nth-child(1) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/design.svg) no-repeat 0 0 / 100% auto;}
    .mbsbmnu > li:nth-child(2) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/developement.svg) no-repeat 0 0 / 100% auto;}
    .mbsbmnu > li:nth-child(3) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/marketing.svg) no-repeat 0 0 / 100% auto;}
    .mbsbmnu > li:nth-child(4) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/design.svg) no-repeat 0 0 / 100% auto;}
 }
@media only screen and (max-width:39em){
    .desk1,.lstorsrv3.desk1,.gnrlvew1.desk1,.gnrlvew21 .owl-nav,.ourwk_wk2.desk1,.ourwk_gd2.desk1,.ftlt_1.desk1,.clnat .owl-nav,.blgcls2.desk1,.blgdtl_2.desk1,.gtmbrcet1.desk1,.dribl_le2.desk1,.oexarci .owl-nav{display: none;}
    .mob1,.ourwk_gd2.mob1,.hot_rtcl1 > a,.cnt_fields,.ftlt_1.mob1,.crolis,.blgcls,.blgcls > div,.imprsve,.imprsve > div,.indedu,.webste,.topnld2,.ddmorwrk,.ddmorwrk > div,.ddmorwrk1 .topnld1 > a{display: block;}
    .hedcontainer,.head.shead .hedcontainer{padding: 20px 20px 10px;}
    .sldmnu{left: 0px;right: 0px;top: 67px;background-color: #02031c;bottom: 0;padding: 20px;border-radius: 0;}
    
    .opts {padding: 10px 20px;background-color: #fff;border-radius: 20px;}
    .content {padding-top: 67px;overflow: hidden;}
    .container {margin: 0 20px;}
    .orachvmnt.brnd5 .hot_rtcl1 > a{width: 35%;}
    .banercls,.h1_thing{display: block;}
    .banercls,.dsigover,.dnrlreview,.blgcls,.strtstg,.prjserc,.orachvmnt.brnd5,.wizardc,.orachvmnt.brnd6,.bricr,.reltsrvc {padding: 30px 0;}
    .bannerc1,.bannerc2,.honcnt10,.homcntlk,.foundr1,.foundr2,.gglerev2,.ourwk_gd1,.ourwk_gd2,.orben_slider,.orben_ft,.hot_rtcl1,.hot_rtcl2,.frms,.acptpp,.foot_1,.foot_2,.foot_3,.sbftrlst > li,.ftlt_1,.ftlt_2,.ftlt_3,.hot_develp1,.crlis1,.crlpp2,.mltadr > li,.cntusta > h2,.blgcls1,.blgcls2,.aidsxz,.blgdtl_1,.gtmbrcet2,.mylik1,.prjserc2l,.imprsve1,.imprsve2,.prjovew1,.prjovew2,.serwepd1,.serwepd2,.serwepd3,.prjothrk1,.tpndsh1,.tpndsh2,.topnld2,.topntd:first-child,.topntd:last-child,.ddmorwrk1,.ddmorwrk2,.wizardc1,.wizardc2,.tpndsh.ddmsrvcz .tpndsh1,.tpndsh.ddmsrvcz .tpndsh2,.bricrl1{width: 100%;box-sizing: border-box;}
    .homcontainer > h1{line-height: 1.1em;font-size: 10.5vw;width: 100%;}
    .honcnt10 > h3,.ourservice1 > h2,.ourwk_wk1 > h3,.ourbenfit > h3,.ltstak1 > h1,.faqs2 > h3,.cntusta > h2,.blgcls11 > h1,.dribl_le1 > h3,.mvew1 > h5,.bndsvcd > h3{font-size: 3em;}
    .prjlft1 > h2,.tpndsh1 > h1,.topntd1 > h3,.wizardc1 > h3,.wizzrd > h3,.reltdsrvc > h3,.techstk > h3,.bricr > h3,.orexarci > h2{font-size: 2.5em;}
    .blgdtl_1 > h1,.prjdtl_2 > h1,.prjovew2 > h3,.prjothrw > h3{font-size: 1.9em;}
    .cnt_discus > h3,.blgcls25 > h5,.serwepd1 > h5,.ddmorwrk1 > h5,.faqs3 > h3{font-size: 1.5em;}
    .foundr2 > p{font-size: 1.5em;}
    .gglerev2 > p,.hot_rtcl2 > p,.gtmbrv1 > p,.entaly > h5,.prjlft1 > h2,.prjserc18 > h5,.revew_hed > h5,.foot_1 > h5{font-size: 1.3em;}
    .orben_slid > p,.orben_ft > h5,.tdid1 > input,.sbftrlst > li > a,.subfooter1 > h5{font-size: 1.1em;}
    .mvew1 > p{font-size: 1em;}
    .clnat1tt > p,.frbdc > li > a{font-size: 0.9em;}
    .gnrlvew21.owl-carousel .owl-stage-outer,.clnat.owl-carousel .owl-stage-outer{overflow: visible !important;}
    .ourservice1,.ourwrk{padding: 30px 20px;}
    .revew_rate{padding-bottom: 20px;margin-bottom: 20px;}
    .ltstk > a,.hot_rtcl1 > a,input#sbtn,input#sbtnc,.prjdone2 > a,.webste,.topnld1 > a{text-align: center;}
    
    .foundr1txt {width: 70%;display: inline-block !important;padding-left: 4%;padding-top: 0;}
    .foundr1txt > p{font-size: 4.3vw;}
    #content{background-position: 0 26%;}
    .bannerc1 {background: url(../img/mbhomeb.webp) no-repeat 0 0 / 100% 100%;}
    .homcontainer{padding: 50px 25px 25px;}
    span.h1_words{height: 22vw;}
    .homcontainer > h1{position: relative;z-index: 2;}
    .ltstk:hover{padding-right: 32px;}
    .ltstk:hover::after {width: 32px; height: 32px;}
    .nrml1{right: 0;}
    .homcontainer > h1 span:first-child {width: 71%;display: inline-block;}
    .homimages {width: 36vw;height: 36vw;top: 26%;right: 0%;}
    .homcontnt{margin-top: 25px;padding-top: 25px;}
    
    
    .honcnt10 > h5{width: 64%;}
    .homcntlk {padding-top: 25px;}
    .bannerc2 {margin: 30px 0 0 0;}
    .foundr1{margin-right: 0;}
    .foundr1ig {width: 30%;}
    .foundr2{padding-top: 40px;}
    .space-heading, .space-heading1{width: 0;}
    .dsigover1:nth-child(odd) {margin-right: 5%;}
    .dsigover1 {width: 47.5%;margin-right: 0;margin-bottom: 20px;}
    .dsigovrcnt{width: 60%;}
    .dsigovrcnt > p{padding-top: 10px;}
    .ourservice{padding: 30px 0 50px;margin: 0 -20px;}
    .lstorsig {width: 50px;}
    .lstservce1 {padding: 15px;}
    .orclnts {width: 50%;padding: 10% 3.5%;}
    .orclnts:nth-child(even) {border-right: none;}
    .orclnts:nth-child(5), .orclnts:nth-child(6) {border-bottom: 1px solid #888995;}
    .ourclients {padding-bottom: 20px;}
    .gglerev {padding-top: 30px;}
    .gglerev1{margin-right: 0;width: 70%;}
    .gglerev2 {padding-top: 30px;}
    .gnrlvew2 {width: 85%;}
    .ourwk_wk1 {width: 62%;}
    .ourwk_gd1,.orben_ft {padding: 20px;}
    .ourwk_gdc .owl-nav {position: static;padding-top: 20px;}
    .ourwk_gdc button.owl-prev, .ourwk_gdc button.owl-next {border: 1px solid #888995!important;}
    .ourwrk,.clntabtu,.dribble{background: url(../img/mbservcbg.webp) no-repeat 0 0 / 100% 100%;}
    .ourwrk{position: relative;margin: 0 -20px;}
    .mbmrces {position: absolute;right: 20px;bottom: 30px;z-index: 10;}
    .mbmrces > a {color: #fff;text-transform: uppercase;background-color: #02031c;padding: 10px 20px;border-radius: 20px;display: inline-block;}
    .orben_icn{width: 40px;}
    .orben_slider {margin-top: 20px;}
    .orben_ft.oft1 {background: url(../img/mbinfslid.webp) no-repeat 0 0 / 100% 100%;}
    .orben_ft{margin-right: 0;}
    .orben_ft.oft2,.orben_ft.oft3 {background: url(../img/mbbenefit.webp) no-repeat 0 0 / 100% 100%;margin-bottom: 20px;}
    .hotricles {padding: 50px 0 30px;}
    .hot_rtcl1 {padding-bottom: 30px;}
    .contctcls {padding: 20px;    background: url(../img/mbcontctbg.webp) no-repeat 0 0 / 100% 100%;border-radius: 20px 20px 0 0px;}
    .contctcls1{padding: 10%;background: url(../img/mbcntctoter.webp) no-repeat 0 0 / 100% auto;border-radius: 20px;}
    .frms:first-child {margin-right: 0;margin-bottom: 30px;}
    .cnt_fields{margin-bottom: 30px;}
    .acptsbt {float: left;width: 100%;}
    .acptpp{padding-top: 15px;}
    .foot_2 {padding: 30px 0 0 0px;}
    .footer1,.subfooter1:last-child {padding-bottom: 0;}
    .ftlt_2 {padding-bottom: 22px;border-bottom: 1px solid #fff;}
    .ftlt_3{display: flex !important;justify-content: space-between;padding: 15px 0;border-bottom: 1px solid #fff;}
    .ftlt_1 > p {text-align: center;padding-top: 20px;}
    .ourbenfit::before {left: -20px;right: -20px;}
    .hot_devp,.hot_develp1:first-child .hot_devp{padding: 30px 0;}
    .hot_develp .owl-dots {width: 100%;padding-top: 20px;text-align: center;}
    .hot_develp .owl-dots button.owl-dot {width: 40px;height: 5px;border-radius: 5px;background-color: #888995 !important;margin-right: 10px;}
    .hot_develp .owl-dots button.owl-dot.active{background-color: #EAEAEC !important;}
    .hot_develp {overflow: hidden;}
    .ltstak{padding-top: 30px;}
    .taklst {padding-top: 35px;}
    .crlis1:first-child{margin-right: 0;margin-bottom: 30px;}
    .crolis{margin-bottom: 30px;}
    .form-atach{padding: 0;}
    .form-atach > input::before{left: 0;right: auto;}
    .ltstak2 {background: url(../img/mbcontct1.webp) no-repeat 0 0 / 100% 100%;margin: 0 -20px;width: calc(100% + 40px);}
    .ourservice1 {background: url(../img/mbcontct1.png) no-repeat 0 0 / 100% 100%;}
    .mltadr > li {margin-right: 0;}
    .mltadr > li > a.cnadrs::before{top: 5px;transform: translateY(0%);}
    .fqlstp {padding-top: 25px;padding-right: 0;}
    .fqlst > li > a {padding-right: 0px;margin-top: 25px;}
    .fqlst > li{margin-bottom: 25px;}
    .clnat {padding-top: 30px;width: 85% !important;}
    #cfaqs{padding-bottom: 0px;margin-bottom: 30px;}
    .clntabtu {margin: 0 -20px;padding: 30px 20px;}
    .clnat1,.clnat1.caugle {padding: 20px;}
    .clnat1 .clnat1ig{padding: 10px 0;}
    .clnat1 > p {min-height: 200px;}
    .clnat1.caugle {min-height: 407px;box-sizing: border-box;}
    .blgcls1{border-right: none;}
    .blgcls11 {padding: 50px 20px 20px;}
    .hmstrft1 {border-radius: 0;padding: 0;background-color: transparent;}
    .tdid11 {  float: none;width: 100%;background-color: #fff;border-radius: 30px;padding: 10px 20px;box-sizing: border-box;}
    .tdid21 {float: none;}
    input#vsbt1 {padding: 10px 15px;}
    .stylop {padding: 25px 0;}
    .blgsubsrb {padding-top: 25px;}
    .aidsxz{margin-left: 0;}
    #blgdrp {padding: 10px 20px;background-color: #fff;display: block;border-radius: 20px;position: relative;color: #02031c;}
    #blgdrp::after{position: absolute;content: '';right: 25px;top: 13px;transform:rotate(135deg);width: 8px;height: 8px;border-top: 1px solid #02031c;border-right: 1px solid #02031c;}
    #blgdrp.active::after{transform: rotate(-45deg);top: 20px;}
    .aidds1 {position: relative;}
    ul.aidlst {position: absolute;background-color: #fff;border-radius: 20px;top: 50px;text-align: left;    overflow: hidden;width: 100%;display: none;}
    .aidlst li.active > a {background-color: #f5f5f7;}
    .aidlst > li {display: block;margin-right: 0;}
    .aidlst > li > a{padding: 15px 20px;border-radius: 0;color: #02031c;}
    .blg_dtl {padding: 90px 20px 30px 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
    .blgcntdtl {padding: 40px 20px 0;}
    .gtmbrv2 {width: 52%;}
    .mylik1{margin-right: 0;}
    .prjdone{margin-top: 30px;}
    .prjdone1 {float: none;}
    .prjdone2 {margin-top: 20px;float: none;}
    .blgcls2 {margin-top: 20px;}
    .blgcls25 {padding: 0;}
    .prjserc2l:nth-child(odd) {margin-right: 0;}
    .prjserc2l{margin-bottom: 50px;}
    .dribl_le1 {width: 80%;}
    .imprsve {padding-top: 30px;}
    .dribble{padding: 30px 20px;    margin: 0 -20px;}
    .imprsve1{border-right: none;padding: 20px;}
    .mvew1 {padding-top: 70px;}
    .imprsve2 {padding-top: 20px;}
    .mbdrible.mob1 {padding-top: 30px;}
    .mbdrible > a {background-color: #d85b89;text-transform: uppercase;display: block;border-radius: 30px;padding: 10px 30px 10px 10px;text-align: center;font-size: 1em;font-weight: 300;position: relative;}
    .mbdrible > a::after{position: absolute;content: '';top: 6px;right: 7px;width: 30px;height: 30px;background: url(../img/basebal.png) no-repeat 0 0 / 30px auto;}
    .orachvmnt {padding: 30px 0 0px;}
    #prjservc{background: none;}
    .prjdtl_2 {top: 17%;left: 20px;right: 20px;width: auto;}
    .indedu {left: 20px;bottom: 20px;width: auto;right: 20px;}
    .indedu > h5 {padding: 20px 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
    .indedu > p {margin-top: 20px;}
    .prjdtl_1 {border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
    .serwepd1{padding-right: 0;}
    .serwepd2{padding: 20px 0;overflow: scroll;}
    .serwepd3 {padding-left: 0;padding-top: 10px;}
    .servgmit {padding: 30px 0;}
    .prjovew2 {padding-bottom: 20px;}
    .prjothrw {padding: 0;}
    .prjothrk1{margin-left: 0;}
    .prvdlst {width: 520px;}
    .serwepd {padding-bottom: 30px;}
    .tpnotch {padding: 30px 0;}
    .tpnds {padding: 40px 20px 30px;background: url(../img/mbdesignbg.webp) no-repeat 0 0 / 100% 100%;}
    .tpndsh1 {padding-bottom: 30px;}
    .tpndsh2ig {border-radius: 20px;}
    .tpndsh {padding-bottom: 30px;}
    .altrsrc .topnld2,.altrsrc .topnld1 {float: none;}
    .topntd:first-child::after{display: none;}
    .topntd:last-child{padding-right: 10%;padding-top: 20px;}
    .topnld2 {padding-bottom: 30px;}
    .topnld{padding-bottom: 0;}
    .faqs, .faqs.nofqac {padding: 50px 0;}
    .bendeserv {background: url(../img/mbservcbg.webp) no-repeat 0 0 / 100% 100%;margin: 0 -20px 30px;}
    .bndsvcd{padding: 40px 20px 20px;}
    .bndsvcd > h3{width: 75%;padding-bottom: 10px;}
    .bndsvcd22 > span{width: 30px;height: 30px;}
    .bndsvcd21 > p{padding-top: 4px;}
    .ddmorwrk1{padding: 20px;background: url(../img/mbpddsbg.webp) no-repeat 0 0 / 100% 100%;}
    .ddmorwrk1 > h5,.eyes{padding-bottom: 20px;margin-bottom: 20px;}
    .ddmorwrk2{padding: 20px;border-left: none;margin-top: 20px;background: url(../img/mbrndd2.webp) no-repeat 0 0 / 100% 100%;}
    .cdwhrt {width: 50px;}
    .wizardc1{padding-right: 20%;padding-bottom: 50px;}
    .fleffcls{margin: 0;}
    .flexndsc {width: 40px;display: inline-block;vertical-align: top;}
    .fleffcls1, .fleffcls1:last-child{display: block !important;padding: 30px 0;}
    .fleffcls1 > h3 {font-size: larger;width: calc(100% - 50px);box-sizing: border-box;padding-right: 0;padding-left: 20px;display: inline-block;vertical-align: top;}
    .fleffcls1 > p {width: 100%;box-sizing: border-box;padding-left: 65px;}
    .tpndsh.ddmsrvcz .tpndsh1{margin-right: 0;}
    .tpndsh.ddmsrvcz .tpndsh2ig {width: 70%;margin: 0 auto;}
    .reltdsrvc {padding-bottom: 0px;}
    .eyes > img {width: 40px;}
    .techstkn:nth-child(odd) {margin-left: 0;}
    .techstkn {width: 47.5%;margin-left: 5%;}
    .techstkl9 {padding-top: 40px;}
    .bricrl1:nth-child(odd){margin-right: 0;}
    .bricr > h3,.orexarci > h2{width: 75%;}
    .orexparchi {margin: 0 -20px;}
    .orexarci {padding: 40px 20px 20px;background: url(../img/mbservcbg.webp) no-repeat 0 0 / 100% 100%;}
    .oexarci {width: 85% !important;}
    .oexarci.owl-carousel .owl-stage-outer{overflow:  visible !important;}
    .frbcdb{position: static;padding: 30px 0;overflow: scroll;}
    .videotw {position: static;padding-bottom: 30px;}
    .videtwo {display: none;}
    .videone {width: 100%;border-radius: 20px;height: 190px;position: relative;}
    .mbvido.mob1 > a {display: block;width: 25px;height: 25px;}
    .mbvido {position: absolute;top: 20px;left: 20px;background-color: #fff;border-radius: 50%;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
    .videopop{width: 100%;right: 0;bottom: 0;top: 0px;height: 100%;background-color: rgba(0,0,0,0.7);}
    .vdpopcls{top: 15px;right: 0;}
    .vidopp {padding-top: 50px;box-sizing: border-box;}
    .subfooter {padding-top: 20px;}
    .revew > p {min-height: 65vw;font-size: 4vw;}
     #founder::before{left: -20px;right: -20px;background-position: 0 50%;}
    .pjvvct {padding: 20px 20px 30px;}
    .obrns7 {bottom: -20px;}
    .ourwk_gd {background-color: transparent;}
    .ourwk_gd1 {background-color: #f5f5f7;}
    .thnku {width: 90%;padding: 10% 5%;}
    /*---------------About----------------*/
    .tpndshx .topnld2 {display: flex;padding-bottom: 0;flex-wrap: wrap;}
    .tpndshx.topnld {padding: 0;}
    .tpndshx .topnld2 .topntd {width: 50%;box-sizing: border-box;}
    .trusted {display: block;}
    .trusted1 {width: 100%;padding-top: 10px;}
    .trusted1 {width: 100%;padding-top: 10px;}
    .trusted1 > h3,.visin > h3 {font-size: 1.5em;}
    .trusted2 {width: 100%;padding-top: 20px;}
    .settems.abtsetms {padding: 20px;}
    .abtsetms.settems > h3 {font-size: 1.5em;width: 100%;}
    #visimis {padding: 20px 0 0;margin-bottom: 30px;}
    .visin > p{width: 100%;}
    /*---------------process----------------*/
    .tpndsh.orprces .tpndsh1 {width: 100%;padding-bottom: 10px}
    .tpndsh.orprces .tpndsh2 {width: 70%;margin: 0 auto;display: block;}
    .tpndsh.orprces .tpndsh1 > h1,.settems > h3 {font-size: 2.5em;}
    .tpndsh.orprces {padding-bottom: 10px;}
    .orprces .topnld {padding: 0px 0px;}
     .orprces .topnld2 {width: 100%;float: none;padding-bottom: 20px;}
    .orprces .topntd:first-child, .orprces .topntd:nth-child(2) {padding-right: 0;}
    .orprces .topntd1 > h3 {font-size: 2em;}
    .topntd {align-items: center;}
    .topntd {align-items: center;padding-top: 20px;}
    .orprces .topntd:nth-child(2)::after{display: none;}
    .orprces .topnld1 {float: none;}
    .orprces .topntd2 > h5 {font-size: 0.9em;}
    .orexparchip {padding-right: 0;}
    .orexparchip .owl-nav {display: flex;padding-top: 25px;}
    .progress-container {bottom: 12%;left: 100px;width: calc(100% - 100px);}
    .orexparchip .oexarci .owl-nav button.owl-prev, .orexparchip .oexarci .owl-nav button.owl-next{width: 35px;height: 35px;}
     .settems {padding: 40px 20px 40px;overflow: hidden;}
    .settems > h3{width: 100%;}
    .settems3s > p {font-size: 5vw;}
    .settems1 {width: 70%;padding: 10% 0;}
    .settems2.owl-carousel .owl-stage-outer{overflow: visible !important;}
    .settems31{padding:21% 10% 21% 10%; }
    .modisue {flex-wrap: wrap;padding: 25px 0 10px}
    .modisue1 {width: 12%;}
    .modisue > h5 {width: 43%;font-size: 1.2em;padding: 0 8% 0 2%;}
    .modisue > p {font-size: 0.9em;padding-top: 20px;width: 100%;}
    .xtndtm1:first-child,.xtndtm1:last-child {background: url(../img/exteam3.svg) no-repeat 0 0 / 100% auto;margin-bottom: 20px;border-radius: 10px;}
    .xtndtm1 {width: 100%;padding: 30px 20px 20px;}
    .xtndtm1 > h3{font-size: 1.7em;}
    .xtndtm23 > h5{font-size: 2.5em;}
    .xtndtm24 > p{font-size: 0.9em;}
    .fqlst > li > a > div:first-child {width: calc(100% - 40px);}
    .faqs1 {padding: 20px;flex-wrap: wrap;background: url(../img/mbcntctoter.webp) no-repeat 0 0 / 100% 100%;border-radius: 20px;}
        .faqig {width: 30%;margin: 0 auto;}
        .faqs1 > p {text-align: center;}
        .faqs1 > a {font-size: 1em;width: 100%;margin-top: 20px;text-align: center;padding: 13px 50px 13px 10px;box-sizing: border-box;}
    .ourxpert21 {display: block;}
    .ourxpert211 {width: 90px;margin-bottom: 2%;}
    .ourxpert212 > h5{font-size: 1.3em;}
    .ourxpert1{padding: 2rem;background: url(../img/mbcontpopup.webp) no-repeat 0 0 / 100% 100%;}
    .ourxpert212 > p {font-size: 0.85em;}
    .ourxpert212 {padding-left: 0;}
    .ourxpert22 {padding-top: 20px;}
    .ourxpert22 .crolis1 > textarea {height: auto;}
    .ourxpert22 .crolisb {display: block;padding: 0;}
    .ourxpert22 .crlpp1 {width: 75%;float: none;padding-left: 0;text-align: center;margin: 0 auto;padding-top: 15px;}
    .ourxpert22 .crlpp2 > a{padding: 0.8rem .75rem 0.8rem 1.5rem;}
    .ourxpert22 .btnicon {position: absolute;right: 5px;}
    
    .ltstk::before,.ltstk:hover::after,.topnld1::before,.topnld1:hover::after,.prjdone2::before,.prjdone2:hover::after{width: 45px;height: 45px;}
    .ltstk > a,.topnld1 > a,.prjdone2 > a {padding: 14px 20px;}
    .ltstk,.topnld1,.prjdone2 {padding-left: 45px;}
    .ltstk:hover,.topnld1:hover,.prjdone2:hover {padding-right: 45px;}
    
    .crolis1 > textarea {height: 39px;}
    .crlpp2 > a{ padding: 1.2rem .75rem 1.2rem 1.5rem;}
    
    .blgcls11 > h1{font-size: 3.3em;}
    .prjlft1 > h2{font-size: 2.3em;}
    .ddmorwrk1 > h5 {font-size: 1.8em;}
    .opts > li > a,.hot_rtcl2.fullwidth > p,.hot_rtcl2 > p{font-size: 1.6em;}
    .ddmorwrk1 > p{font-size: 1.3em;}
    .mbsbmnu > li > a,.prjscapts{font-size: 1.2em;}
    .stylop > p{font-size: 1.05em;}
    .prjlft2 > h5{font-size: 1em;}
    .prjstext{font-size: 0.9em;}
    .btntxt {font-size: 0.95em;}
    .popupbtns .btnicon {
        position: absolute;
        right: 128px;
        width: 31px;
        height: 31px;
    }
    .popupbtns .btntxt.nroml {
    padding-bottom: 2px;
    padding-left: 12px;
    font-size: 1em;
    padding-top: 5px;
    float: left;
}
    .btnicon{position: absolute;right: 9px;width: 38px;height: 38px;}
    .crolisb {padding: 0;}
    html, button{ color: #222; -webkit-tap-highlight-color: transparent;}
    .opts > li > a{padding: 10px 0;}
    .opts > li:first-child > a::after{border-top: 2px solid #02031c;border-right: 2px solid #02031c;}
    .mbsbmnu > li {border-bottom: 1px solid #02021e4d;margin-bottom: 2px;}
    .mbsbmnu > li:last-child,.opts > li{border-bottom: none;}
    .mbsbmnu > li > a{padding: 20px 0 20px 50px;position: relative;}
    .mbsbmnu > li:nth-child(1) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/design.svg) no-repeat 0 0 / 100% auto;}
    .mbsbmnu > li:nth-child(2) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/developement.svg) no-repeat 0 0 / 100% auto;}
    .mbsbmnu > li:nth-child(3) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/marketing.svg) no-repeat 0 0 / 100% auto;}
    .mbsbmnu > li:nth-child(4) > a::before{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background: url(../img/design.svg) no-repeat 0 0 / 100% auto;}
    .mbmcntus {padding-top: 20px;}
    .mbmcntus > a {border-radius: 30px;background-color: #fff;display: block;position: relative;color: #02031c;text-align: center;font-size: 1.2em;font-weight: 600;text-transform: uppercase;padding: 12px 0;}
    .mbmcntus .button__icons {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);margin: 0;}
    .hot_rtcl1 > a,.orachvmnt.brnd5 .hot_rtcl1 > a {width: auto;display: inline-block;font-size: 1em;padding: 10px 20px;}
    .hot_rtcl1 > a{padding: 10px 60px 10px 20px;}
    .ddmorwrk1 > p{padding-bottom: 25px;}
    .ddmorwrk1 .topnld1{display: block;}
    .prjdone2 {width: auto;}
    .mbfilser1.faqrma {width: calc(100% - 56px);}
    .mbdrible > a{padding: 17px 30px 17px 10px;}
    .mbdrible > a::after{top: 50%;transform: translateY(-50%);width: 37px;height: 37px;}
    .cntcntlk > .faqrma {min-width: 13.75em;}
    .cntcntlk .faqrma > a {padding: 1.2rem .75rem 1.2rem 2rem;}
    .stylop > p{padding-bottom: 0;}
    .faqs2 .faqrma > a{padding: 1.2rem 3.3rem 1.2rem 1.5rem;}
    .tpndsh1 > h1{line-height: 0.9em;}
    #crtivewiz{background: url(../img/bg-team_mobile.webp) no-repeat left bottom / 100% auto;border-radius: 20px;}
    .marquee-carousel {width: 232px;}
    .dsigover1 {width: 100% !important;}
    .hot_develp1:first-child {    margin-bottom: 30px;margin-right: 0;}
    .faqs1 > p {font-size: 1.18em;padding: 30px 0% 30px 0%;}
     .settems33 > p {font-size: 4.8vw;}
    .revew_auth{width: 25%;}
    .revew_prsn {width: 70%;}
    .clnat1 .clnat1ig{margin-top: 20px;}
    p.founderdesgi {font-size: 3.5vw;}
    p.redydisp{padding: 10px 0 0 0;font-size: 1rem;}
}