/* 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,.banertxt.dummy{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
    /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

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

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

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

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

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

    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    body{font-size:16px; background-color:#FFF;}
    h1, h2, h3, h4, h5, h6 { margin:0; font-size: 1em;font-family:"IBM Plex Sans", sans-serif;font-weight: 600;}
    p{line-height:1.4em; padding-bottom:1em; font-size:1em; margin: 0; letter-spacing: 0.0em;color: #000;}
    a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);color: #ffffff;}
    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 { border: 0;  -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
    select > option {padding: 0; -moz-padding:0;}
    ::-webkit-input-placeholder{font-weight: 500;color: #999;}
    :-moz-placeholder{font-weight: 500;color: #999;}
    ::-moz-placeholder{font-weight: 500;color: #999;}
    :-ms-input-placeholder{font-weight: 500;color: #999;}
    ::placeholder{font-weight: 500;color: #999;}
    input.vcct::-webkit-input-placeholder{font-weight: 400;color: #999;}
    input.vcct:-moz-placeholder{font-weight: 400;color: #999;}
    input.vcct::-moz-placeholder{font-weight: 400;color: #999;}
    input.vcct:-ms-input-placeholder{font-weight: 400;color: #999;}
    input.vcct::placeholder{font-weight: 400;color: #999;}
     
    /* ==========================================================================
                                  text colors related
       ========================================================================== */
    /* normal */
    body {color:#000;font-family:"IBM Plex Sans", sans-serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
*{box-sizing: border-box;}
body{background: url(../bg/) no-repeat 0 0 /100% auto;padding-bottom: 000px}

#orimode {position: fixed;z-index: 9999999;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 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;}
#overlay,#FlashmesOverlay{position:fixed;z-index:999999;align-items: center;justify-content: center;display: none;width:100%;height:100%;top:0;min-width:320px;background-color:rgba(0,0,0,.6)}
#message,#flashmessage{width:53%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:25px;box-sizing: border-box;}
#message,#flashmessage{border-radius: 15px;background-color: #fff;font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 30px;background: #0092df;border-radius: 30px;margin-bottom: 0px;font-size: 0.9em;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#message,#flashmessage > p {padding: 25px;font-size: 18px;line-height: 1.5em;}
/* ==========================================================================
                                  common code
       ========================================================================== */
a,.header,.hedcontainer,.logo,.navigt,.mnulnk > span,.mnulnk > span::before,.mnulnk > span::after,.hbknow::after{-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;}
.navilst{font-size: 0;}
.navilst > li{ display: inline-block; vertical-align: top;font-size: 16px;}
.mob,.mob1,.mob2,.sldmnu,.phmenu{display: none;}
.bannercls{position: relative;}
.cmmnfxd {position: fixed;top: 40%;right: 15px;z-index: 666;}
.cmmnfxd > a {display: block;width: 50px;height: 50px;margin-bottom: 10px;background-image: url(../img/img.png);background-repeat: no-repeat;background-size: 180px;transition: all 0ms ease-in-out;}
.fxdwhts {background-position: 0 0px;}
.spcfy.mob1{display: none;}
input.gins.error {border: 1px solid #ff0000;}
/* ==========================================================================
                                 header
       ========================================================================== */
.header {position: fixed;top: 0;width: 100%;z-index: 666;}
.header.shead{background-color: #0d191f;}
.hedcontainer {margin: 0 8.1% 0 8.3%;padding: 4.2% 0 0;}
.header.shead .hedcontainer {padding: 1.2% 0;}
.logo{float: left;width: 19%;}
.header.shead .logo{width: 10%;}
.navigt {float: right;width: 80%;}
.header.shead .navigt {padding-top: 1.5%;}
.navi {position: relative;}
.navi::after{position: absolute;content: '';right: -15%;bottom: 1.5px;left: 0;height: 1px;background-color: #fff;}
.navilst {text-align: right;}
.navilst > li:first-child {margin-left: 0;}
.navilst > li{margin-left: 2.1%;}
.navilst > li > a {color: #fff;font-weight: 500;text-transform: uppercase;font-size: 1.2vw;letter-spacing: 0.05em;display: block;padding-bottom: 28px;position: relative;}
.navilst > li > a::after{position: absolute;content: '';right: 0;height: 4px;width: 0;left: 50%;bottom: 0;background-color: #0092d4;transition: all 500ms ease-in-out;z-index: 1;}
.navilst > li.active > a::after,.navilst > li > a:hover::after {width: 100%;left: 0;}
.header.shead .navilst > li > a{padding-bottom: 5px;}
.sbmenu {position: fixed;top: 15.5%;left: 0;width: 100%;background-color: rgba(13,25,31,0.95);display: none;}
.header.shead .sbmenu {top: 8.9%;}
.smnue {text-align: left;padding: 4.3% 0 5% 34%;}
.smnue > li {padding-bottom: 2.1%;}
.smnue > li > a {font-weight: 500;font-size: 1.25vw;display: inline-block;padding-bottom: 9px;position: relative;}
.smnue > li > a::after{position: absolute;content: '';left: 0;height: 2px;width: 0px;bottom: 0;background-color: #0092d4;transition: all 500ms ease-in-out;}
.smnue > li.active > a::after,.smnue > li > a:hover::after{width: 25px;}
.evntdate {color: #0094da;}
.header.whead{z-index: 778;}
.header.whead.shead {background-color: #fff;}
.whead .hedcontainer{padding: 2.4% 0; }
.whead .logo {width: 16.7%;}
.whead .navigt {padding-top: 3.3%;}
.whead .navilst > li > a {color: #000;letter-spacing: 0;padding-bottom: 15px;}
.whead .navilst > li > a::after{height: 2px;left: 0;}
.whead .navilst > li.active > a::after,.whead .navilst > li > a:hover::after{width: 25px;}

/* ==========================================================================
                                 animation
       ========================================================================== */
.hmserv1 > a,.servcelstx > a{background-image: linear-gradient(to right, #0092df, #0092df 50%, #000 50%);background-size: 200% 100%;background-position: 100%;}
.bredcrm > a{background-image: linear-gradient(to right, #0092df, #0092df 50%, #fff 50%);background-size: 200% 100%;background-position: 100%;}
.hmserv1 > a,.bredcrm > a,.servcelstx > a{-webkit-background-clip: text;-moz-background-clip: text;-o-background-clip: text;-ms-background-clip: text;-webkit-text-fill-color: transparent;-moz-text-fill-color: transparent;-o-text-fill-color: transparent;-ms-text-fill-color: transparent;}
.hmserv1 > a:hover,.bredcrm > a:hover,.servcelstx > a:hover{
	-webkit-transition: all 2s cubic-bezier(0, 0, 0.23, 1);
	-moz-transition: all 2s cubic-bezier(0, 0, 0.23, 1);
	-o-transition: all 2s cubic-bezier(0, 0, 0.23, 1);
	-ms-transition: all 2s cubic-bezier(0, 0, 0.23, 1);
	transition: all 2s cubic-bezier(0, 0, 0.23, 1);
	background-position: 0%;
}


.fcity > li > a:hover,.ftmenu11 > li > a:hover,.ftmenu21 > li > a:hover,.pfemil > li > a:hover{color: #0092d4;}
.trmscy > li > a:hover,.trmscy > li.active > a{color: #fff;}
input#vsbt:hover,input#sbtn:hover,.btnblu:hover,.btnbluc:hover,.dphmr > a:hover,.goglemps:hover{background-color: #fff;color: #0092d4;}
.btnblu:hover::after,.btnbluc:hover::after,input#sbtn:hover+.sbmti,input#vsbt:hover+.sbmti{background-position: -20px -237px;}
.dphmr > a:hover::after{background-position: -25px -271px;}
.goglemps:hover::after{background-position: -22px -240px;}
.btnblu::after,.btnbluc::after,.sbmti,.dphmr > a::after,.goglemps::after{transition: all 500ms ease-in-out;}

.sbanertxt > h5{-webkit-transition: all 500ms ease-in-out 0.1s;-moz-transition: all 500ms ease-in-out 0.1s;-ms-transition: all 500ms ease-in-out 0.1s;-o-transition: all 500ms ease-in-out 0.1s;transition: all 500ms ease-in-out 0.1s;}
.banertxt > h6,.dirpfle::after,.abtbtxt > p,.abtbtxtd > h1,.sbanertxt > h1{-webkit-transition: all 500ms ease-in-out 0.3s;-moz-transition: all 500ms ease-in-out 0.3s;-ms-transition: all 500ms ease-in-out 0.3s;-o-transition: all 500ms ease-in-out 0.3s;transition: all 500ms ease-in-out 0.3s;}
.banertxt > h1,.dpfleslid1 > h4,.dpfleslid2,.abtbtxt > h1,.abtbtxtd > p,.sbanertxt > p{-webkit-transition: all 500ms ease-in-out 0.6s;-moz-transition: all 500ms ease-in-out 0.6s;-ms-transition: all 500ms ease-in-out 0.6s;-o-transition: all 500ms ease-in-out 0.6s;transition: all 500ms ease-in-out 0.6s;}
.banertxt > a,.dpfleslid1 > h5{-webkit-transition: all 500ms ease-in-out 0.9s;-moz-transition: all 500ms ease-in-out 0.9s;-ms-transition: all 500ms ease-in-out 0.9s;-o-transition: all 500ms ease-in-out 0.9s;transition: all 500ms ease-in-out 0.9s;}
.dpfleslid1 > p{-webkit-transition: all 500ms ease-in-out 1.2s;-moz-transition: all 500ms ease-in-out 1.2s;-ms-transition: all 500ms ease-in-out 1.2s;-o-transition: all 500ms ease-in-out 1.2s;transition: all 500ms ease-in-out 1.2s;}
.dphmr{-webkit-transition: all 500ms ease-in-out 1.5s;-moz-transition: all 500ms ease-in-out 1.5s;-ms-transition: all 500ms ease-in-out 1.5s;-o-transition: all 500ms ease-in-out 1.5s;transition: all 500ms ease-in-out 1.5s;}

.banertxt > h6,.banertxt > h1,.banertxt > a,.abtbtxt > p,.abtbtxt > h1,.abtbtxtd > h1,.abtbtxtd > p,.sbanertxt > h1,.sbanertxt > p,.sbanertxt > h5{opacity: 0;}
.bannercls.cycle-slide-active .banertxt > h6,.bannercls.cycle-slide-active .banertxt > h1,.bannercls.cycle-slide-active .banertxt > a,.content.anmtr .abtbtxt > p,.content.anmtr .abtbtxt > h1,.content.anmtr .abtbtxtd > h1,.content.anmtr .abtbtxtd > p,.content.anmtr .sbanertxt > h1,.content.anmtr .sbanertxt > p,.content.anmtr .sbanertxt > h5{opacity: 1;}
.dirpfle,.hmservlig > a .hmservli1,.testims22,.servcelsig,.srvcdtlig,.ccityig{overflow: hidden;}
.dpfleslid2 .dpfleslid2g{overflow: visible;}
.hmservlig > a:hover .hmservli1 img,.dpfleslid2g:hover img,.testims22:hover img,.servcelsig:hover img,.srvcdtlig:hover img,.ccityig:hover img{transform: scale(1.05);}
.hmservlig > a .hmservli1 img,.dpfleslid2g img,.testims22 img,.servcelsig img,.srvcdtlig img,.ccityig 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;}

.dirpfle.htg.in-view::after{transform: translateX(100%);transition: all 500ms ease-in-out;}
.dirpfle.htg::after{transform: translateX(0);}
.dirpfle.htg.in-view .dpfleslid1 > h4,.dirpfle.htg.in-view .dpfleslid1 > h5,.dirpfle.htg.in-view .dpfleslid1 > p,.dirpfle.htg.in-view .dphmr,.dirpfle.htg.in-view .dpfleslid2{opacity: 0;transform: translateY(30px);}
.dirpfle.htg .dpfleslid1 > h4,.dirpfle.htg .dpfleslid1 > h5,.dirpfle.htg .dpfleslid1 > p,.dirpfle.htg .dphmr,.dirpfle.htg .dpfleslid2{opacity: 1;transform: translateY(0px);}
.content.anmtr .abtbtxt > p.shortdesc { margin-top: 25px; line-height: 1.5em; font-size: 1.2em; font-weight: 400;} 
/* ==========================================================================
                                  content
       ========================================================================== */
/*.bannercls{background: url(../img/baner.jpg) no-repeat 0 0 / 100% auto;}*/
.banertxt {position: absolute;left: 8.2%;top: 34%;width: 56%;}
.banertxt > h6 {
    color: #fff;
    text-transform: capitalize;
    font-size: 2.9vw;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.hbknow {
    border-radius: 30px;
    background-color: #4090ce;
    margin-top: 10px;
    display: inline-block;
    padding: 13px 50px 13px 31px;border: 1px solid #4090ce;
    font-size: 1vw;
    position: relative;
}
.hbknow:hover{color: #4090ce;background-color: #fff;}
.hbknow:hover::after {background-position: -20px -222px;}
.hbknow::after {position: absolute;content: '';right: 25px;width: 20px;height: 20px;top: 50%;transform: translateY(-50%);background: url(../img/icons.png) no-repeat 3px -221px / 37px auto;}
.banertxt > h1 {font-weight: 600;font-size: 5.7vw;line-height: 1.1em;color: #fff;text-transform: capitalize;}
.hmsrvce {padding: 9% 0 5% 8%;}
.hmserv1 {display: flex;justify-content: space-between;align-items: center;padding-right: 8.6%;}
.hmserv1 > h3 {font-size: 5.1vw;line-height: 1em;}
.hmserv1 > a {color: #000;text-transform: capitalize;font-weight: 500;font-size: 1.4vw;padding-right: 37px;padding-bottom: 13px;line-height: 1em;position: relative;}
.hmserv1 > a::before {position: absolute;left: 0;bottom: 0;content: '';background-color: #000;width: 0px;height: 2px;transition: all 500ms ease-in-out;}
.hmserv1 > a:hover::before{width: 35px;}
.hmserv1 > a::after {position: absolute;content: '';top: 0;right: 0;width: 25px;height: 25px;background: url(../img/icons.png) no-repeat 5px -284px / 63px auto;}
.hmserv2 {padding: 2.6% 28.5% 0% 0;overflow: hidden;}
.hmserv21.owl-carousel .owl-stage-outer {overflow: visible !important;}
.hmservltxt {padding: 3.6% 10% 0 0;}
.hmservltxt > h5 {font-size: 2.55vw;line-height: 1.1em;padding-bottom: 5%;}
.hmservltxt > p {font-size: 1.1vw;}
.hmservlig {position: relative;}
.hmservli2 {position: absolute;top: 0;left: 50%;width: 0%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 146, 212, 0.6);opacity: 0;transition: all 500ms ease-in-out;}
.hmservlig > a:hover .hmservli2{opacity: 1;left: 0;width: 100%;}
.hmservli2 > p {font-weight: 500;color: #fff;text-transform: capitalize;font-size: 1.4vw;padding-right: 40px;padding-bottom: 0;position: relative;}
.hmservli2 > p::after {position: absolute;content: '';top: 0;right: 0;width: 30px;height: 30px;background: url(../img/icons.png) no-repeat 5px -378px / 63px auto;}
.hmserv21 {padding-bottom: 11%;}
.hmserv21 .owl-nav {position: absolute;right: -27%;bottom: 0;display: flex;}
.hmserv21 button.owl-prev,span.prevs,.hmawrdes button.owl-prev,.testims1 button.owl-prev,.ldeshp button.owl-prev {width: 58px;height: 58px;background-color: #000 !important;border: 1px solid #000 !important;position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.hmserv21 button.owl-next,span.nexts,.hmawrdes button.owl-next,.testims1 button.owl-next,.ldeshp button.owl-next {width: 58px;height: 58px;background-color: #000 !important;border: 1px solid #000 !important;margin-left: 15px;position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.hmserv21 button.owl-prev::before,span.prevs::before,.hmawrdes button.owl-prev::before,.testims1 button.owl-prev::before,.ldeshp button.owl-prev::before{position: absolute;content: '';width: 20px;height: 20px;background-image: url(../img/icons.png);background-repeat: no-repeat;background-size: 55px auto;background-position: 0 -499px;transition: all 500ms ease-in-out;z-index: 1;}
.hmserv21 button.owl-prev:hover::before,span.prevs:hover::before,.hmawrdes button.owl-prev:hover::before,.testims1 button.owl-prev:hover::before,.ldeshp button.owl-prev:hover::before{background-position: -35px -499px;}
.hmserv21 button.owl-next::before,span.nexts::before,.hmawrdes button.owl-next::before,.testims1 button.owl-next::before,.ldeshp button.owl-next::before{position: absolute;content: '';width: 20px;height: 20px;background-image: url(../img/icons.png);background-repeat: no-repeat;background-size: 55px auto;background-position: 0 -428px;transition: all 500ms ease-in-out;z-index: 1;}
.hmserv21 button.owl-next:hover::before,span.nexts:hover::before,.hmawrdes button.owl-next:hover::before,.testims1 button.owl-next:hover::before,.ldeshp button.owl-next:hover::before{background-position: -35px -428px;}
.hmserv21 button.owl-prev::after,.hmserv21 button.owl-next::after,span.prevs::after,span.nexts::after,.hmawrdes button.owl-prev::after,.hmawrdes button.owl-next::after,.testims1 button.owl-prev::after,.testims1 button.owl-next::after,.ldeshp button.owl-prev::after,.ldeshp button.owl-next::after{position: absolute;content: '';top: 0%;left: 0%;width: 100%;height: 100%;transform: scale(0);border-radius: 50%;background-color: #fff;transition: all 300ms ease-in-out;}
.hmserv21 button.owl-prev:hover::after,.hmserv21 button.owl-next:hover::after,span.prevs:hover::after,span.nexts:hover::after,.hmawrdes button.owl-prev:hover::after,.hmawrdes button.owl-next:hover::after,.testims1 button.owl-prev:hover::after,.testims1 button.owl-next:hover::after,.ldeshp button.owl-prev:hover::after,.ldeshp button.owl-next:hover::after{transform: scale(1);}
.hmserv21 button.owl-prev span,.hmserv21 button.owl-next span{font-size: 0;}
.hmserv21 button.owl-prev.disabled,.hmserv21 button.owl-next.disabled{display: none;}
.dirpfle {background-color: #002c3f;position: relative;padding: 6.6% 8.3% 0;}
.dirpfle::after {position: absolute;content: '';right: 0;top: 0;bottom: 0;width: 24.2%;background: url(../img/dirbg.jpg) no-repeat 0 0 / 100% 100%;}
.dirpfle1 > h3 {position: absolute;left: -4px;top: -12px;font-size: 5.1vw;line-height: 1em;color: #fff;}
.dirpfle1 {position: relative;}
.dpfleslids {display: flex;}
.dpfleslid1 {width: 65.5%;padding: 11.2% 8% 0 0;}
.dpfleslid1 > h4 {font-size: 2.34vw;color: #fff;}
.dpfleslid1 > h5 {font-weight: 400;font-size: 1.5vw;color: #0092d4;padding-bottom: 17px;}
.dpfleslid1 > p,.dpfleslid1 > ul > li > p,.dpfleslid1 > ol > li > p {font-size: 1.03vw;line-height: 1.5em;padding-bottom: 24px;color: #fff;}
.dpfleslid1 > ol > li::marker{color:#fff;font-size: 1.03vw;}
.dphmr {padding-top: 22px;}
.dphmr > a {padding: 15px 54px 15px 37px;text-transform: capitalize;font-size: 1.1vw;display: inline-block;font-weight: 500;border: 1px solid #0092d4;border-radius: 30px;background-color: #0092d4;position: relative;}
.dphmr > a::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 27px;width: 23px;height: 23px;background: url(../img/icons.png) no-repeat 5px -271px / 45px auto;}
.dpfleslid2 {width: 34.5%;}
.dirpfle2 {position: relative;padding-bottom: 5.5%;}
.prnxt {position: absolute;bottom: 7%;right: 0;    z-index: 100;display: flex;}
.sticky {position: sticky;top: 0;height: 100vh;width: 100%;overflow: hidden;    background-color: #000d13;}
.scroll_section {position: absolute;top: 0;display: flex;height: 100%;will-change: transform;align-items: center;}
.sbmenu.eventsmn .smnue{padding: 4.3% 0 14% 75%;}
.engnrxp {padding:0;width: 100vw;flex: none;}
.engnrxpn {display: flex;padding: 17% 13% 11%;}
.engnrxpn {display: flex;}
.engnrxpn1 {width: 27%;}
.engnrxpn2 {margin-left: 6%;padding-left: 7%;width: 67%; position: relative;}
.engnrxpn2::after{position: absolute;content: '';left: 0;top: 1%;bottom: 1%;width: 1px;background-color: rgba(255,255,255,0.9);}
.engnrxpn2 > h2 {font-size: 3.8vw;line-height: 1.2em;color: #fff;}
.engnrxpn2.hmpgx > h2{font-size: 2.8vw;}
.engnrxpn2 > p {font-weight: 300;color: #fff;font-size: 1.65vw;padding-top: 4.8%;line-height: 1.6em;padding-bottom: 0;}
.engnrxpn2 > h6 {
    color: #4090ce;
    font-weight: 300;
    font-size: 1.9vw;
}
.orpromse {padding: 4.6% 8% 8%;}
.orpromse > h3 {font-size: 5.1vw;line-height: 1em;}
.orpomis {display: flex;flex-wrap: wrap;padding-top: 6.5%;}
.orpomis1:nth-child(3n+1) {margin-left: 0;}
.orpomis1 {width: 30%;margin-left: 5%;margin-bottom: 6%;}
.orpomisg {width: 16%;}
.orpomis1 h5 {font-weight: 500;font-size: 2.5vw;}
.orpomis1 p {font-weight: 500;font-size: 1.2vw;width: 64%;padding-top: 2%;}
.hmawrd {padding: 3.4% 7.8% 4.1%;background-color: #f0f0f0;}
.hmawrd > h3 {font-size: 5.1vw;line-height: 1em;}
.hmawrd > p {padding-top: 1.2%;font-weight: 500;font-size: 1.15vw;}
.hmawrd1 {padding-top: 4%;}
.hmawrdig {width: 34%;    margin-bottom: 3%;}
.hmawrde h5 {font-weight: 500;font-size: 2.5vw;}
.hmawrde p {font-weight: 500;font-size: 1.15vw;padding-top: 1.7%; width: 75%;}
.btnblu {margin-top: 1%;display: inline-block;font-weight: 500;text-transform: capitalize;padding: 16px 50px 16px 40px;position: relative;border-radius: 30px;border: 1px solid #0092d4;background-color: #0092d4;}
.btnblu::after{position: absolute;content: '';right: 20px;width: 25px;height: 25px;top: 50%;transform: translateY(-50%);background: url(../img/icons.png) no-repeat 5px -237px / 40px auto;}
/*.hmawrdes .owl-nav {padding-top: 6.9%;justify-content: right;display: flex;}*/
.hmawrdes .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);left: -80px;right: -80px; display: flex;justify-content: space-between;pointer-events: none;}
.hmawrdes button.owl-prev,.hmawrdes button.owl-next{pointer-events: all;}
.hmawrdes button.owl-prev span,.hmawrdes button.owl-next span{font-size: 0;}
.hmawrdes button.owl-prev.disabled,.hmawrdes button.owl-next.disabled{opacity: 0;}
.ftrepjt1,.fetreprj {position: relative;}
.ftrepjtxt {position: absolute;top: 16.6%;left: 63%;width: 27%;}
.ftrepjtxt > h5 {font-weight: 500;font-size: 2.05vw;color: #0092d4;}
.ftrepjtxt > h3 {font-size: 3.9vw;line-height: 1.1em;padding-top: 1.6%;color: #fff;padding-bottom: 6%;}
.ftrepjtxt > p {font-weight: 500;font-size: 1.1vw;letter-spacing: 0.02em;line-height: 1.5em;color: #fff;}
.ftrepjt .owl-nav {position: absolute;left: 14.5%;bottom: 8%;}
.ftrepjt button.owl-prev {width: 35px;height: 35px;margin-right: 15px;background: url(../img/icons.png) no-repeat 7px -461px / 60px auto !important;transform: rotate(180deg);}
.ftrepjt button.owl-next {width: 35px;height: 35px;background: url(../img/icons.png) no-repeat 7px -461px / 60px auto !important;}
.ftrepjt button.owl-prev span,.ftrepjt button.owl-next span{font-size: 0;}
.ftrepjt button.owl-prev.disabled,.ftrepjt button.owl-next.disabled{display: none;}
.countl {position: absolute;left: 8%;bottom: 7%;z-index: 1;font-family: "Poppins", sans-serif;}
span#currentSlide {color: #fff;font-size: 2.4vw;font-weight: 500;}
span#totalSlides {color: #4b4b4b;font-weight: 500;font-size: 2.4vw;    padding-left: 45px;position: relative;}
span#totalSlides::before{position: absolute;content: '';left: 25px;top: 0;bottom: 0;width: 1px;background-color: #0092d4;}
.testims {padding: 4.3% 15.2% 4.8%;background-color: #e5e6e7;}
.testims > h3 {font-size: 5.1vw;text-align: center;line-height: 1em;}
.testims > p {font-weight: 500;text-align: center;font-size: 1.15vw;padding-top: 0.7%;}
.testims6 {padding-top: 1.6%;}
.testims2 {display: flex;}
.testims21 {width: 35%;}
.testims22 {width: 42.7%;}
.testims21 {width: 57.3%;padding: 7.5% 4% 2% 11.5%;background-color: #fff;}
.testimsig {width: 27%;padding-bottom: 5.5%;}
.testims21 h3 {font-size: 1.7vw;}
.testims21 h5 {font-weight: 500;font-size: 1.22vw;padding: 1% 0 7%;color: #9a9a9a;}
.testims21 p {font-size: 1.15vw;padding-left: 2px;line-height: 1.6em;}
.testims1 .owl-nav {position: absolute;left: -30px;right: -30px;top: 46.5%;} 
.testims1 button.owl-prev {float: left;}
.testims1 button.owl-next {float: right;}
.testims1 button.owl-prev span,.testims1 button.owl-next span{font-size: 0;}
.testims1 button.owl-prev.disabled,.testims1 button.owl-next.disabled{display: none;}
.getchin {padding: 4.3% 16.8%;}
.srvgetin{padding: 6.6% 16.8% 5%;background-color: #f2f3f3;}
.getchin1 > h3 {font-size: 3.75vw;text-align: center;line-height: 1em;}
.getchin1 > p {font-weight: 500;text-align: center;font-size: 1.15vw;padding-top: 1.6%;}
#cals {padding-top: 4%;}
.getin {display: flex;justify-content: space-between;}
.getin1 {width: 30.9%;margin-bottom: 6%;}
input.gins {background-color: transparent !important;border: 1px solid #999;border-radius: 10px;  padding: 16px 25px;font-weight: 500;font-size: 1.1vw;}
.gettera textarea {padding: 20px 25px;font-weight: 500;box-sizing: border-box;border: 1px solid #999;border-radius: 10px;font-size: 1.1vw;}
.getsbmt {margin-top: 2.4%;margin-bottom: 0.4%;text-align: right;position: relative;}
.sbmti{position: absolute;content: '';right: 20px;width: 25px;height: 25px;top: 50%;transform: translateY(-50%);background: url(../img/icons.png) no-repeat 5px -237px / 40px auto;}
input#sbtn {width: auto;  color: #fff;font-size: 0.9vw;padding: 13px 50px 13px 27px;border-radius: 30px;border: 1px solid #0092d4;background-color: #0092d4;transition: all 500ms ease-in-out;}
   /* ==========================================================================
                                  footer
       ========================================================================== */
.footer1 .ftcontainer{background-color:#ffffff}
.ftcontainer {padding: 1.5% 8.3% 1.5%;background-color: #000d13;}
.footer1 .ftcontainer{border-bottom: 1px solid #404a4e;}
/*.fclients {display: flex;align-items: center;}
.fclients > div:first-child {margin-left: 0;}
.fclients > div {margin-left: 5%;filter: grayscale(1);}  
.clentf1 {width: 4.8%;}
.clentf2 {width: 14.6%;}
.clentf3 {width: 10.6%;}
.clentf4{width: 8.5%;}
.clentf5 {width: 8.7%;}
.clentf6 {width: 4.5%;}
.clentf7 {width: 6%;}
.clentf8 {width: 7.3%;}*/
.fterr1 {padding-top: 2.8%;display: flex;}
.ftlogo {width: 59%;}
.ftlogo > a {width: 29%;display: block;}
.ftmenus {width: 41%;display: flex;justify-content: space-between;}
.ftmenu11 > li {padding-bottom: 8px;}
.ftmenu11 > li:last-child,.ftmenu21 > li:last-child{padding-bottom: 0;}
.ftmenu11 > li > a {text-transform: uppercase;   font-size: 1.1vw;}
.ftmenu11 > li.active > a,.ftmenu21 > li.active > a{color: #0092d4;}
.ftmenu2 > h5 {text-transform: uppercase;font-size: 1.1vw;color: #0092d4;font-weight: 400;}
.ftmenu21 {padding-top: 4%;}
.ftmenu21 > li {padding-bottom: 9px;}
.ftmenu21 > li > a {font-size: 1.1vw;}
.fterr2 {display: flex;padding-top: 5%;}
.ft2left {width: 71.5%;}
.fcity {display: flex;}
.fcity > li {padding-right: 41px;position: relative;}
.fcity > li::before,.pfemil > li::before{position: absolute;content: '';right: 20px;top: 50%;width: 1px; height: 70%;transform: translateY(-50%);background-color: #fff;}
.fcity > li:last-child::before, .pfemil > li:last-child::before{display: none;}
.fcity > li > a {text-transform: uppercase;font-size: 1.05vw;letter-spacing: 0.01em;display: block;}
.fcity > li.active > a{color: #0092d4;}
.difflct {padding-top: 2.7%;}
.pfemil {display: flex;}
.pfemil > li {position: relative;padding-right: 31px;}
.pfemil > li > a {font-size: 0.85vw;display: block;}
.fadres {padding-top: 2.6%;width: 40%;}
.fadres > p {color: #fff;font-size: 0.9vw;line-height: 1.5em;}
.difrnt {display: none;}
.difrnt:first-child {display: block;}
.ft2right {width: 28.5%;padding-top: 1.2%;}
.tdid8 {position: relative;}
.vslm {border: 1px solid #999;border-radius: 30px;}
input.vcct {font-family: "Poppins", sans-serif;font-weight: 400;color: #fff;    font-size: 0.8vw;padding: 18px 33px;width: calc(100% - 25%);}
.vslm em#email-error {position: absolute;bottom: -25px;left: 0;}
.error {color: #ff0000;font-size: 0.8em;}
.vslm1 {position: absolute;right: 4px;top: 4px;bottom: 4px;}
/*.vslm1::after {position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 21px;width: 20px;height: 20px;background: url(../img/icons.png) no-repeat 0 -209px / 35px auto;}*/
input#vsbt {padding: 14px 45px 14px 25px;font-family: "Poppins", sans-serif;font-size: 0.8vw;text-transform: capitalize;color: #fff;background-color: #0092d4;border-radius: 30px;border: 1px solid #0092d4;transition: all 500ms ease-in-out;}
.fterr3 {display: flex;padding: 2.3% 0;justify-content: space-between;align-items: flex-end;}
.trmscy {display: flex;}
.trmscy > li:first-child {padding-right: 55px;}
.trmscy > li:first-child a{pointer-events: none;}
.trmscy > li {padding-right: 30px;position: relative;}
.trmscy > li:nth-child(2)::after{position: absolute;content:'';right: 15px;top: 50%;transform: translateY(-50%);;width: 1px;height: 70%; background-color: #585d5f;}
.trmscy > li > a {text-transform: capitalize;color: #585d5f;font-size: 0.9vw;display: block;}
.socil > li {padding-right: 8px;}
.socil > li:last-child {padding-right: 0;}
.socil {display: flex;}
.socil > li > a {display: block;width: 30px;height: 30px;background-image: url(../img/social.png);background-repeat: no-repeat;background-size: 185px auto;}
.socil > li > a.utbe{background-position: 0 0;}
.socil > li > a.fb{background-position: -38px 0;}
.socil > li > a.insta{background-position: -77px 0;}
.socil > li > a.twtr{background-position:  -116px 0;}
.socil > li > a.lnkin{background-position: -155px 0;}
.socil > li > a.utbe:hover{background-position: 0 -68px;}
.socil > li > a.fb:hover{background-position: -38px -68px;}
.socil > li > a.insta:hover{background-position: -77px -68px;}
.socil > li > a.twtr:hover{background-position:  -116px -68px;}
.socil > li > a.lnkin:hover{background-position: -155px -68px;}
.footer2 .ftcontainer {padding-bottom: 0;border-bottom: 8px solid #0092d4;}
   /* ==========================================================================
                                  About
       ========================================================================== */
#content {padding-top: 12%;}
.banercls {position: relative;}
.abtbtxt {position: absolute;left: 8%;top: 27%;width: 60%;}
.abtbtxt > p {font-weight: 200;text-transform: capitalize;font-size: 4.2vw;line-height: 1em;padding-bottom: 0;color: #fff;}
.abtbtxt > h1 {text-transform: capitalize;font-size: 6.5vw;line-height: 1em;margin-left: -1%;color: #fff;}
.abtbtxt.afsz > h1{font-size: 5.15vw;margin-left: -0.2%;}
.bredcrm {position: absolute;top: 10%;right: 8.3%;z-index: 777;}
.bredcrm > a {font-weight: 300;text-transform: capitalize;font-size: 1.1vw;padding-left: 32px;position: relative;}
.bredcrm > a::after{position: absolute;content: '';left: 0;top: 50%;transform: translateY(-50%) rotate(180deg);width: 22px;height: 20px;background: url(../img/icons.png) no-repeat 1px -468px / 60px auto;}
.overvia > p {font-size: 1.15vw;line-height: 1.5em;padding-bottom: 2.5%;}
.overvia {padding: 5.1% 8.3% 3.5%;}
.engnrxp.aovrve {padding: 17% 14% 16.7% 14%;}
.engnrxp.aovrve .engnrxpn1 {padding-left: 4.5%;padding-right: 1.5%;}
.engnrxpn2 > h3 {font-size: 3.8vw;line-height: 0.7em;color: #0092d4;    padding-bottom: 6.2%;}
.engnrxp.aovrve .engnrxpn2 > p{padding-top: 1%;}
.abtvision {padding: 5% 8%;}
.abtvision > h3 {font-size: 5.1vw;text-transform: capitalize;line-height: 1em;}
.abtvisin {padding-top: 2%;display: flex;flex-wrap: wrap;}
.abtvisin1:nth-child(odd) {margin-left: 0;}
.abtvisin1 {width: 48.5%;margin-left: 3%;padding: 6% 3.3%;background-color: #f4f4f4;}
.abtvisin1:first-child,.abtvisin1:nth-child(2){margin-bottom: 3%;}
.vinin {display: flex;}
.vinin1 {width: 11.2%;}
.vinin2 {margin-left: 2.8%;width: 83%;}
.vinin2 > h5 {font-weight: 500;font-size: 2.4vw;line-height: 1.1em;letter-spacing: 0.025em;}
.vinin2 > p {font-weight: 500;padding-top: 4.1%;font-size: 1.15vw;padding-left: 2px;line-height: 1.5em;padding-bottom: 0;}
.abtmision {position: relative;}
.misintx {position: absolute;left: 8%;top: 47.6%;width: 29%;}
.misintx > h3 {font-size: 5.1vw;line-height: 1em;color: #0092d4;text-transform: capitalize;}
.misintx > p {font-weight: 500;font-size: 1.15vw;line-height: 1.5em;padding-top: 2%;padding-left: 6px;}
.abrawrd {display: flex;flex-wrap: wrap;padding: 6.5% 8% 0.5%;}
.abrawrd1:nth-child(3n+1) {margin-left: 0;}
.abrawrd1 {width: 30%;margin-left: 8.5%;margin-bottom: 6%;}
.abrawrd1:nth-child(3n+3) {width: 23%;}
.abtardig {width: 35.5%;}
.abrawrd1:nth-child(3n+3) .abtardig {width: 46.5%;}
.abtardtx {padding-top: 2%;padding-left: 2%}
.abtardtx h5 {font-weight: 500;font-size: 2.7vw;}
.abtardtx p {font-weight: 500;  font-size: 1.2vw;padding-top: 1.7%;}
.abtldrshp8 {padding: 3.4% 8% 3%;}
.abtldrshp8 > h3,.abtldrshp1 > h3 {font-size: 3.42vw;line-height: 1em;}
.ldeshp8 {display: flex;flex-wrap: wrap;padding: 6.4% 15.2% 0;}
.ldeshp1:nth-child(odd) {margin-left: 0;}
.ldeshp1 {width: 44%;margin-left: 9%;margin-bottom: 4.5%;}
.ldeshpig {width: 90%;margin: 0 auto;}
.ldeshpig > a{display: block;padding: 11.5%;background: url(../img/directrbg.png) no-repeat 0 0 / 100% auto;}
.ldeshpig3 {border-radius: 50%;overflow: hidden;position: relative;}
.ldeshpig2 {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../img/dirmouse.png) no-repeat 0 0 / 100% auto;    display: flex;align-items: flex-end;justify-content: center;    transform: scale(0);transition: all 500ms ease-in-out;}
.ldeshpig > a:hover .ldeshpig2{transform: scale(1);}
.ldeshpig2 > p {font-weight: 500;color: #fff;text-transform: capitalize;font-size: 1.1vw;margin-bottom: 20%;padding-right: 30px;position: relative;padding-bottom: 0;}
.ldeshpig2 > p::after{position: absolute;content: '';right: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background: url(../img/icons.png) no-repeat 0 -240px / 40px auto;}
.ldeshp1 > h5,.ldeshp7 > h5 {text-align: center;font-size: 2.5vw;padding-top: 3.5%;}
.ldeshp1 > p,.ldeshp7 > p {text-align: center;font-size: 1.6vw;color: #0092d4;}
.abtldrshp1 {padding: 6% 3% 6% 8%;background-color: #e5e6e7;}
.ldship {padding-top: 8%;}
.ldeshp7 .ldeshpig {width: 100%;}
.ldeshp .owl-nav {padding-right: 6%;display: flex;justify-content: right;} 
.ldeshp button.owl-prev span,.ldeshp button.owl-next span{font-size: 0;}
.ldeshp button.owl-prev.disabled,.ldeshp button.owl-next.disabled{display: none;}
.abtbtxtd {position: absolute;left: 8.4%;top: 43%;}
.abtbtxtd > p {text-transform: capitalize;font-size: 2.65vw;line-height: 1em;padding-bottom: 0;color: #fff;    padding-top: 4%;}
.abtbtxtd > h1 {text-transform: capitalize;font-size: 4.1vw;line-height: 1em;color: #fff;}
.lderdtl {padding: 4.8% 8.3% 6%;}
.lderdtl > p {font-size: 1.15vw;padding-bottom: 2.3%;line-height: 1.5em;}
.lderdtl > ol,.lderdtl > ul {margin: 0;padding-left: 20px;padding-bottom: 2.3%;}
.lderdtl > ul{list-style: disc;}
.lderdtl > ol > li,.lderdtl > ul > li{font-size: 1.15vw;line-height: 1.5em;font-weight: 400;}
   /* ==========================================================================
                                  About-Delivarables/methodology/Quality/timeline
       ========================================================================== */
.delivrble {padding: 2.3% 8.3%;}
.delivrble > p {font-size: 1.15vw;line-height: 1.5em;}
.delivrble1 {padding: 2.5% 3.1% 0;background-color: #f4f4f4;margin-bottom: 3.5%;}
.delivrble1 > h5 {font-size: 3.8vw;}
.delivrble2 {padding-top: 4%;display: flex;flex-wrap: wrap;}
.delivrble21 {width: 50%;display: flex;align-items: center;padding-bottom: 4.5%;}
.delivrble2g {width: 10%;}
.delivrble2t {padding-left: 2.5%;padding-right: 10%;width: 90%;}
.delivrble2t > p {font-weight: 500;font-size: 1.7vw;padding-bottom: 0;line-height: 1.3em;}
.mlstwid .delivrble21:last-child{width: 100%;}
.mlstwid .delivrble21:last-child .delivrble2g {width: 5%;}
.whydt{padding-bottom: 0;}
.abtbtxt.qqlty {top: 15%;}
.qltyac {padding: 0.8% 8.2% 4%;}
.qltyac1 {padding: 3.4% 3.3% 3%;}
.qltyac1 > h5 {font-size: 2.5vw;text-transform: uppercase;padding-bottom: 2.5%;}
.qltyac1 > p {font-weight: 500;font-size: 1.14vw;letter-spacing: 0;padding-bottom: 2.7%;}
.qltyac1 > p:last-child{ padding-bottom: 0;}
.qltyac1 ul {padding-top: 3px;}
.qltyac1 ul > li {padding-left: 32px;font-weight: 500;font-size: 1.14vw;line-height: 1.5em;padding-bottom: 2.3%;position: relative;}
.qltyac1 ul > li:last-child{padding-bottom:1%;}
.qltyac1 ul > li::before{position: absolute;content: '';left: 0;top: 10px;width: 8px;height: 8px;background-color: #00abde;border-radius: 50%;}
.qltyac1.gren {background-color: #e9e9e9;}
.qltyac1.ltblu {background-color: #f4f4f4;}
.qltyac1.blck {background-color: #e9e9e9}
/*
.qltyac1.blck > h5 {color: #fff;padding-bottom: 0;}
.qltyac1.blck > p {color: #fff;font-size: 1em;padding-top: 3px;}
.qltyac1.blck > h6 {color: #41a8d9;font-size: 1.2em;padding-top: 3px;}
.qltyac1.blck ul li{color: #fff;}
*/
.qltyac1.tblue > p {font-size: 1.4vw;color: #41a8d9;}
.insde {padding-top: 3%;}
.insde > p {color: #fff;}
.eventsdet {padding: 7% 7% 0 8%;overflow: hidden;text-align: center;}
.timlne {padding: 5% 0 7% 8%;overflow: hidden;}
.timlne > h3, .eventsdet > h3 {font-size: 4.15vw;color: #0092d4;}
.timlne > p, .eventsdet > p {font-weight: 500;font-size: 1.6vw;}
.verticaro {padding-top: 4.5%;}
.verline {width: 91%;}
.ahrefc {color: rgba(5, 25, 11, 0.2);font-weight: 600;font-size: 2.2vw;display: block;    text-align: center;}
.ahrefc.active{ color: #0092d4;}
.timelnlst {padding-top: 2%;width: 76.5%;}
.tiieen1 {border: 1px solid #00a359;border-radius: 20px;padding: 10% 8%;background-color: #e5f6ee;height: 100%;}
.tiieen .owl-item .tiieen1.active{border-color: #0092d4;background-color: #e5f4fb;}
.tiieenig {width: 30%;margin-bottom: 6.5%;}
.tiieen1 > h5 {font-size: 2.25vw;padding-bottom: 18px;}
.tiieen1 > p {font-size: 1.15vw;line-height: 1.5em;padding-bottom: 11px;}
.tiieen.owl-carousel .owl-stage{display: flex;}
.tiieen.owl-carousel .owl-stage-outer{overflow:  visible !important;}
#qltydsgn{background-color: #fcfcfc;}
.vertcaro .owl-nav {position: absolute;top: 35%;left: -20px;right: -20px;pointer-events: none;}
.vertcaro button.owl-prev {width: 15px;height: 15px;border-right: 2px solid #000 !important;border-top: 2px solid #000 !important;transform: rotate(-135deg);float: left;pointer-events: all;}
.vertcaro button.owl-next {width: 15px;height: 15px;border-right: 2px solid #000 !important;border-top: 2px solid #000 !important;transform: rotate(45deg);float: right;pointer-events: all;}
.vertcaro button.owl-prev span,.vertcaro button.owl-next span {
    font-size: 0;
}
/* ==========================================================================
                                 services
       ========================================================================== */
.bredcrm.bbcum{top: 15%;}
.sbanertxt {position: absolute;top: 45%;left: 7.7%;}
.sbanertxt > h1 {font-size: 9.65vw;line-height: 1em;color: #fff;}
.sbanertxt > p {color: #fff;width: 49%;padding-left: 0.5%;font-size: 1.26vw;padding-top: 0.8%;line-height: 1.5em;}
.servcels {padding: 5.3% 8.4%;display: flex;flex-wrap: wrap;}
.servcels1:nth-child(odd) {margin-left: 0;}
.servcels1 {width: 45.6%;margin-left: 8.8%;margin-bottom: 4.1%;}
.servcelstx {padding-top: 3%;}
.servcelstx > h5 {font-weight: 500;font-size: 2.5vw;}
.servcelstx > p {font-weight: 500;font-size: 1.15vw; padding: 1% 12% 5% 0;}
.servcelstx > a {color: #000;font-weight: 500;font-size: 1vw;padding-right: 35px;position: relative;}
.servcelstx > a::after{position: absolute;content: ''; right: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;    background: url(../img/icons.png) no-repeat 0px -268px / 60px auto;}
.sbanertxt.ssbnrt {right: 8%;}
.sbanertxt > h5 {font-size: 5vw;line-height: 1em;color: #0092d4;font-weight: 400;padding-bottom: 1%;}
.sbanertxt.ssbnrt > h1 {font-size: 7.7vw;}
.sbanertxt.ssbnrt > p {padding-top: 2.4%;width: 73%;}
.srvcdtl {padding: 5.3% 8.4% 3%;}
.srvcdtlxt {padding-top: 2%;}
.srvcdtlxt > h5 {font-size: 2.5vw;line-height: 1em;font-weight: 500;}
.srvcdtlxt > p {font-weight: 500;font-size: 1.14vw;padding-top: 1.2%;width: 50%;}
.srvcdtl1 {padding-bottom: 2.4%;}
/* ==========================================================================
                                 contact
       ========================================================================== */
.ssbnrtx {position: absolute;top: 40%;left: 7.7%;width: 42%;}
.ssbnrtx > h5 {font-size: 3.9vw;line-height: 1em;color: #0092d4;font-weight: 400;}
.ssbnrtx > h1 {font-size: 5.45vw;line-height: 1em;color: #fff;}
.ssbnrtx > p {color: #fff;width: 92%;padding-left: 1.2%;font-size: 1.26vw;padding-top:4%;line-height: 1.5em;}
.contctc {position: relative;margin-top: -13%;padding: 0 8.3%;}
.contctc1 {display: flex;justify-content: space-between;}
.contcal {width: 49.1%;background-color: #fff;padding: 5.3% 6.8%;}
.contmlig {width: 16%;}
.contcal > h5 {font-size: 1.75vw;padding: 1.3% 0 2.2%;}
.contcal p {font-weight: 500;font-size: 1.15vw;}
.btnbluc {margin-top: 1%;display: inline-block;font-weight: 500;text-transform: uppercase;padding: 18px 70px 18px 51px;position: relative;   border-radius: 30px;border: 1px solid #0092d4;background-color: #0092d4;}
.btnbluc::after {position: absolute;content: '';right: 35px;width: 25px;height: 25px;top: 50%;transform: translateY(-50%);background: url(../img/icons.png) no-repeat 5px -237px / 40px auto;}
.contctc2 {padding-top: 4.1%;display: flex;flex-wrap: wrap;}
.concity:nth-child(3n+1) {margin-left: 0;}
.concity {width: 31.5%;margin-left: 2.75%;margin-bottom: 6.5%;}
.ccitytx {padding-top: 6%;}
.ccitytx > h3 {font-size: 1.45vw;text-transform: capitalize;}
.ccitytx > h5 {font-weight: 500;font-size: 1.15vw;width: 70%;padding: 1% 0;line-height: 1.3em;}
.cfpml1 {display: flex;flex-wrap: wrap;padding-top: 8px;}
.cfpml1 > li {padding-right: 38px;position: relative;}
.cfpml1 > li:first-child::after{position: absolute;content: '';right: 17px;top: 50%;transform: translateY(-50%);width: 1px;height: 70%;background-color: #000;}
.cfpml1 > li > a {color: #000;font-size: 1vw;}
.cfpml {padding-bottom: 5.5%;}
.goglemps {font-weight: 500;padding: 18px 60px 18px 41px;  text-transform: capitalize;font-size: 1vw;display: inline-block;letter-spacing: 0.03em;border: 1px solid #0092d4;background-color: #0092d4;border-radius: 30px;position: relative;}
.goglemps::after{position: absolute;content: '';right: 36px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background: url(../img/icons.png) no-repeat 2px -240px / 40px auto;}
   /* ==========================================================================
                                  Infrastructure
       ========================================================================== */
.ifstrtre {padding: 2.8% 8.3% 1%;}
.ifstrtre > p {font-size: 1.15vw;width: 72%;line-height: 1.5em;}
.ifstrtre > h3 {font-size: 3.3vw;padding-top: 21px;padding-bottom: 9px;}
.mpower {padding-top: 17px;}
.softwre {padding: 2.8% 8.4%;background-color: #f2f3f3;}
.softwre > h3 {font-size: 3.3vw;}
.softwre1 {display: flex;flex-wrap: wrap;padding-top: 2.4%;}
.softwre2 {width: 40.7%;display: flex;padding-bottom: 30px;}
.sftre1 {width: 5%;}
.sftre2 {width: 80%;padding-left: 3.5%;}
.sftre2 > h5 {font-size: 1.2vw;}
.sftre2 > p {font-size: 1.15vw;padding: 5px 0 0;}
.iqulty {display: flex;padding-bottom: 35px;}
.iqulty2 {width: 58.5%;}
.iqulty1 {width: 41.5%;padding: 3.5% 0 0 8%;padding-bottom: 5.3%;}
.iqulty1 > h3 {font-size: 5vw;line-height: 1.1em;color: #0092d4;padding-bottom: 6%;}
.iqulty1 > p {font-size: 1.15vw;padding-left: 5px;font-weight: 500;padding-right: 12%;line-height: 1.5em;padding-bottom: 5%;}
.ifstrtre2 > h5 {font-weight: 600;padding: 0.9% 8.3%;font-size: 1.3vw;letter-spacing: 0.06em;color: #fff;background-color: #0092d4;}
.ifstrtre3 {padding: 3% 8.2%;}
.ifstrtre31 {display: flex;}
.indirtc1 {display: flex;width: 22%;}
.indirtc1g {width: 44%;}
.indirtc1cnt {padding-left: 9%;width: 56%;}
.indirtc1cnt > h3 {font-size: 3.3vw;line-height: 1.1em;padding-top: 11%;color: #0092d4;}
.indirtc1cnt > h5 {font-size: 1.4vw;text-transform: uppercase;}
.indirtc2 {margin-left: 8%;display: flex;width: 64%;}
.indirtc2 .indirtc1g {width: 15%;}
.indirtc2 .indirtc1cnt {padding-left: 3%;width: 85%;}
.indirtc2 .indirtc1cnt h3 {padding-top: 2.3%;}
.ifstrtre32 > h5 {font-size: 1.4vw;text-transform: capitalize;}
.ifstrtre32 {padding-top: 6%;}
.ifstrtre32 > h5 {font-size: 1.4vw;text-transform: capitalize;}
.deptrtnt {  display: flex;margin-bottom: 7px;}
.deptrtnt1 {width: 28.3%;display: flex;align-items: center;}
.deptrtnt11 {width: 23%;}
.deptrtnt12 {width: 60%;padding-left: 4%;}
.deptrtnt12 > h4 {color: #0092d4;font-size: 1.5vw;line-height: 1.4em;}
.deptrtnt12 > h5 {font-size: 1.3vw;}
.deptrtnt2 {display: flex;width: 71.7%;}
.ddptls:last-child {margin-right: 0;}
.ddptls > h5 {font-size: 1.4vw;line-height: 1.2em;padding: 0 10%;    width: 100%;}
.ddptls > p {padding-bottom: 0;padding-top: 13%;font-size: 1.6vw;font-weight: 500;color: #0092d4;}
.ddptls {margin-right: 2%;padding: 3% 0 1.8%;display: flex;align-content: space-between;justify-content: center;flex-wrap: wrap;}
.ddptls:nth-child(odd) {background-color: #e5f4fb;}
.ddptls:nth-child(even) {background-color: #f8f8f8;}
.ddptls:nth-child(1) {width: 23%;}
.ddptls:nth-child(2) {width: 29%;}
   /* ==========================================================================
                                  clients
       ========================================================================== */
.oclient {padding: 5% 8.2%;}
.oclntlst {display: flex;flex-wrap: wrap;}
.oclntlst1:nth-child(4n+1) {margin-left: 0;}
.oclntlst1 {width: 24.7%;margin-left: 0.4%;border: 1px solid #e5e7e5;padding: 4.5%;margin-bottom: 0.5%;}
.iqulty.bggrey {    background-color: #f2f3f3;}
.enbt {position: fixed;right: 2%;bottom: 10%;z-index: 1000;}
.enbt > a {width: 4vw;display: block;}

.footbch {position: relative;}
.footbch2 {position: absolute;left: 8.3%;right: 8.1%;top: 50%;transform: translateY(-50%);}
.footbch3 {display: flex;justify-content: space-between;align-items: center;}
.footbch31 {width: 60%;}
.footbch31 > h3 {color: #fff;font-size: 4vw;}
.footbch31 > p {color: #fff;font-size: 1.4vw;}
.footbch32 > a {color: #fff;font-size: 1vw;padding: 13px 50px 13px 27px;border-radius: 30px;border: 1px solid #0092d4;background-color: #0092d4;transition: all 500ms ease-in-out;position: relative;display: inline-block;}
.footbch32 > a::after {position: absolute;content: '';right: 25px;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;background: url(../img/download.png) no-repeat 0 0 / 49px auto;transition: all 500ms ease-in-out;}
.footbch32 > a:hover{color: #0092d4;background-color: #fff;}
.footbch32 > a:hover::after{background-position: -34px 0;}
.img-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.img-modal img {
    max-width: 50%;
    max-height: 80%;
}

.img-modal .close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

/* ==========================================================================
                                  Responsive
========================================================================== */
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape){
#orimode {display: block;}
}
@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape){
    .sbmenu{top: 11.5%;}
    .ldeshpig2{transform: scale(1);}
}
@media only screen and (max-width:64em){
    .desk1{display: none;}
    .phmenu,.sldmnu{display: block;}
    .hedcontainer,.whead .hedcontainer {margin: 0 30px;padding: 20px 0;}
    .header.shead .hedcontainer {padding: 15px 0;}
    .header.shead .logo {width: 14%;}
    .header.shead .phmenu {padding-top: 5%;}
    .navigt{width: auto;}
    .whead .navigt {padding-top: 0;}
    .header.whead .mnulnk > span,.header.whead .mnulnk > span::before,.header.whead .mnulnk > span::after {background-color: #000;}
    .phmenu {padding-top: 55%;}
.mnulnk{display: block;width: 30px;height: 30px;}
.mnulnk > span {display: block;width: 30px;height: 2px;background-color: #fff;position: relative;top: 13px;}
.mnulnk > span::before,a.mnulnk > span::after {position: absolute;content: '';height: 2px;background-color: #fff;right: 0;}
.mnulnk > span::before{top: -8px;width: 30px;}
.mnulnk > span::after{top: 8px;width: 30px;}
.mnulnk.opened > span{height: 0;}
.mnulnk.opened > span::before{transform: rotate(45deg);top: 0;width: 30px;}
.mnulnk.opened > span::after{transform: rotate(-45deg);top: 0;width: 30px;}
.sldmnu {position: fixed;top: 11%;right: 0; width:220px;height: 100%;background-color: rgba(13,25,31,1);z-index: 999;transform: translateX(100%);transition: all 500ms ease-in-out;}
header.hdesd .sldmnu {top: 11%;}
.sldmnu.open{transform: translateX(0);}
.opts {padding: 30px;}
.opts > li {margin-bottom: 15px;}
.mbhasubs {position: relative;}
.opts > li > a,.sbmenu > li > a {color: #fff;text-transform: uppercase;padding-bottom: 15px;display: block;}
.sbmenu {display: none;position: relative;/*top: 30px;left: 0;width: 100%*/;background-color:  rgba(13,25,31,1);z-index: 11;}
.smnue{text-align: inherit;padding: 20px 0;}
.smnue > li {padding-bottom: 20px;}
.smnue > li > a {text-transform: uppercase;font-weight: 300;font-size: 0.9em;position: relative;display: block;}
.opts > li.active > a,.smnue > li.active > a {color: #0092df;}
.mbhasubs::after {position: absolute;content: "";right: 12px;top: 2px;width: 10px;height: 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;-moz-transform: rotate(-134deg);-webkit-transform: rotate(-134deg);-o-transform: rotate(-134deg);-ms-transform: rotate(-134deg);transform: rotate(-134deg);}
.mbhasubs.op2::after {transform: rotate(45deg);top: 9px;}
    .smnue > li.active > a::after, .smnue > li > a:hover::after{display: none;}
    
    .banertxt > h1{font-size: 3em;}
    .banertxt > h6{font-size: 1.5em;}
    .sbanertxt > h1{font-size: 4.5em;}
    .abtbtxt > h1,.sbanertxt.ssbnrt > h1{font-size: 3em;}
    .hmserv1 > h3,.orpromse > h3,.hmawrd > h3,.testims > h3,.abtvision > h3,.misintx > h3,.sbanertxt > h5,.ssbnrtx > h1,.hmserv1 > h3,.abtbtxt.afsz > h1,.iqulty1 > h3 {font-size: 2.5em;}
    .dirpfle1 > h3,.engnrxpn2 > h2,.ftrepjtxt > h3,.getchin1 > h3,.abtbtxt > p,.engnrxpn2 > h3,.abtldrshp8 > h3, .abtldrshp1 > h3,.abtbtxtd > h1,.sbanertxt > h5,.ssbnrtx > h5,.delivrble1 > h5,.ifstrtre > h3,.softwre > h3,.timlne > h3, .eventsdet > h3{font-size: 2em;}
    .indirtc1cnt > h3,.ahrefc{font-size: 1.8em;}
    .hmservltxt > h5,.dpfleslid1 > h4,.orpomis1 h5,.hmawrde h5,span#currentSlide,span#totalSlides,.vinin2 > h5,.abtardtx h5,.ldeshp1 > h5, .ldeshp7 > h5,.abtbtxtd > p,.servcelstx > h5,.srvcdtlxt > h5,.qltyac1 > h5,.tiieen1 > h5{font-size: 1.3em;}
    .hmserv1 > a,.dpfleslid1 > h5,.engnrxpn2 > p,.ftrepjtxt > h5,.testims21 h3,.bredcrm > a,.ldeshp1 > p, .ldeshp7 > p,.contcal > h5,.ccitytx > h3,.delivrble2t > p,.timlne > p, .eventsdet > p{font-size: 1.1em;}
    .sftre2 > h5,.ifstrtre2 > h5,.ifstrtre32 > h5,.deptrtnt12 > h4,.ddptls > p,.qltyac1.blck > p,.qltyac1.tblue > p,.hmservli2 > p,.indirtc1cnt > h5,.engnrxpn2 > h6{font-size: 1em;}
    .hmservltxt > p,.dpfleslid1 > p,.dpfleslid1 > ul > li > p, .dpfleslid1 > ol > li > p,.dphmr > a,.orpomis1 p,.hmawrd > p,.hmawrde p,.ftrepjtxt > p,.testims > p,.testims21 h5,.testims21 p,.getchin1 > p,input.gins,.gettera textarea,input#sbtn,.ftmenu11 > li > a,.ftmenu2 > h5,.ftmenu21 > li > a,.fcity > li > a,.pfemil > li > a,.trmscy > li > a,.fadres > p,input#vsbt,input.vcct,.overvia > p,.vinin2 > p,.misintx > p,.abtardtx p,.ldeshpig2 > p,.lderdtl > p,.lderdtl > ul > li,.lderdtl > ol > li,.sbanertxt > p,.servcelstx > p,.servcelstx > a,.srvcdtlxt > p,.ssbnrtx > p,.contcal p,.btnbluc,.ccitytx > h5,.cfpml1 > li > a,.goglemps,.delivrble > p,.ifstrtre > p,.ifstrtre > p,.sftre2 > p,.iqulty1 > p,.deptrtnt12 > h5,.ddptls > h5,.qltyac1 > p,.qltyac1 ul > li,.tiieen1 > p,.hbknow {font-size: 0.9em;}
    .orpomis1 p,.ft2left,.ccitytx > h5{width: 100%;}
    
     /*---------------------home----------------*/
    .banertxt{left: 30px;width: 60%}
    .hmsrvce {padding: 50px 0 50px 30px;overflow: hidden;}
    .hmserv1{padding-right: 30px;}
    .hmserv1 > a{padding-bottom: 7px;}
    .hmserv1 > a::before{width: 20px;}
    .hmserv2 {padding: 30px 30px 0 0;overflow: visible;}
    .hmserv21 {padding-bottom: 0;}
    .hmservltxt > h5{padding-bottom: 10px;}
    .hmservltxt {padding: 15px 0 0 0;}
        .hmserv21 .owl-nav {display: block;
        position: absolute;
        top: 25%;
        left: -20px;
        right: -20px;
    }
    .hbknow{padding: 11px 40px 11px 25px;}
    .hbknow::after{right: 15px;}
    .hmserv21 button.owl-prev,span.prevs,.hmawrdes button.owl-prev,.testims1 button.owl-prev,.ldeshp button.owl-prev {float: left;width: 40px;height: 40px;}
    .hmserv21 button.owl-next,span.nexts,.hmawrdes button.owl-next,.testims1 button.owl-next,.ldeshp button.owl-next {float: right;width: 40px;height: 40px;}
    .dirpfle{padding: 30px 30px 0;}
    .dirpfle1 > h3{top: 0;}
    .dpfleslid1{padding: 50px 30px 0 0;}
    .dphmr {padding-top: 5px;}
    .dphmr > a {padding: 13px 50px 13px 30px;}
    .dphmr > a::after{right: 22px;width: 20px;height: 20px;background: url(../img/icons.png) no-repeat 2px -241px / 40px auto;}
    .dirpfle2{padding-bottom: 30px;}
    .prnxt{bottom: 25px;}
    .engnrxp,.engnrxp.aovrve {padding: 50px 30px;}
    .orpromse {padding: 40px 30px 0;}
    .orpomis{padding-top: 35px;}
    .orpomisg {width: 20%;}
    .orpomis1{margin-bottom: 30px;}
    .hmawrd,.testims21{padding: 30px;}
    .hmawrd > p {padding-top: 10px;}
    .hmawrd1 {padding-top: 30px;padding-left: 40px;padding-right: 40px;}
    .hmawrdes .owl-nav{padding-top: 35px;left: -50px;right: -50px;}
    .btnblu {margin-top: 5px;padding: 12px 50px 12px 25px;}
    .hmawrde p{width: 85%;}
    .ftrepjtxt{top: 6%;left: auto;right: 30px;width: 41%;}
    .ftrepjtxt > h3{padding-bottom: 15px;}
    .countl{left: 30px;bottom: 20px;}
    span#totalSlides{padding-left: 36px;}
    span#totalSlides::before{left: 18px;}
    .ftrepjt .owl-nav {left: 95px;bottom: 17px;}
    .testims,.getchin {padding: 30px 30px 40px;}
    .testims6 {padding-top: 20px;}
    .testims21 h5{padding: 2px 0 10px;}
    .testims1 .owl-nav{left: -20px;right: -20px;}
    #cals {padding-top: 20px;}
    input.gins,.gettera textarea{padding: 12px 15px;}
    .getsbmt {margin-top: 20px;}
    .hmservli2 > p::after{width: 25px;height: 25px;background: url(../img/icons.png) no-repeat 5px -270px / 45px auto;}
    .hmserv21 .owl-item.active .hmservli2 {opacity: 1;left: 0;width: 100%;}
/*
    .sticky {position: static;height: auto;}
    .scroll_section{position: static;display: block;}
*/
    /*---------------------footer----------------*/
    .ftcontainer {padding: 20px 30px;}
    .fterr1 {padding-top: 20px;}
    .ftlogo > a {width: 40%;}
    .ftlogo {width: 43%;}
    .ftmenus {width: 57%;}
    .fterr2{padding-top: 30px;}
    .fterr2 {flex-wrap: wrap;}
    .difflct {padding-top: 15px;}
    .fadres {padding-top: 15px;width: 50%;}
    .ft2right {width: 350px;padding-top: 10px;}
    input.vcct{width: calc(100% - 110px);}
    .fterr3 {padding: 40px 0;}
    .trmscy{flex-wrap: wrap;}
    .trmscy > li:first-child {padding-right: 0;width: 100%;padding-bottom: 15px;}
    /*---------------------About----------------*/
    #content {padding-top: 13%;}
    .abtbtxt,.abtbtxtd{left: 30px;}
    .bredcrm{right: 30px;}
    .overvia,.abrawrd,.servcels,.srvcdtl {padding: 40px 30px 20px;}
    .overvia > p{padding-bottom: 20px;}
    .engnrxpn2 > h3{padding-bottom: 20px;}
    .abtvision {padding: 40px 30px;}
    .abtvisin {padding-top: 20px;}
    .vinin2 > p{padding-top: 12px;}
    .vinin1 {width: 14.2%;}
    .abtvisin1{padding: 4% 3%;}
    .misintx{left: 30px;bottom: 20px;top: auto;width: 40%;}
    .abrawrd1:nth-child(3n+3) {width: 30%;}
    .abrawrd1:nth-child(3n+3) .abtardig {width: 35.5%;}
    .abtardtx {padding-top: 20px;}
    .abtldrshp8{padding: 30px;}
    .ldeshpig2{transform: scale(1);}
    .ldeshp8{padding: 6% 12% 0;}
    .abtldrshp1 {padding: 40px 30px;}
    .ldeshp .owl-nav{padding-right: 0;}
    .lderdtl {padding: 30px 30px 20px;}
    .lderdtl > p,.lderdtl > ul,.lderdtl > ol{padding-bottom: 20px;}
    .delivrble {padding: 30px;}
    .delivrble1 {padding: 20px;margin-bottom: 30px;}
    .delivrble2g,.mlstwid .delivrble21:last-child .delivrble2g {width: 50px;}
    .overvia.whydt {padding: 40px 30px 0;}
    .qltyac {padding: 10px 30px 30px;}
    .qltyac1 {padding: 20px;}
    .qltyac1 > h5,.qltyac1 > p{padding-bottom: 15px;}
    .qltyac1 ul > li {padding-left: 20px;}
    .qltyac1 ul > li::before{top: 8px;width: 7px;height: 7px;}
    .insde {padding-top: 15px;}
    .timlne, .eventsdet {
        padding: 30px;}
    .verline {
    width: 100%;
}
    .timelnlst{width: 90%;padding-top: 20px;}
    .vertcaro .owl-nav{left: -15px;right: -15px;top: 32%;}
    .camera{height: auto;}
    .frame{display: block;}
    .engnrxpn{padding: 0;}
    /*---------------------services----------------*/
    .bredcrm.bbcum {top: 18%;}
    .sbanertxt{left: 30px;right: 30px;}
    .sbanertxt > p,.sbanertxt.ssbnrt > p{width: 80%;}
    .servcelstx {padding-top: 10px;}
    .servcelstx > p{padding:5px 0 15px 0; }
    .servcels1 {width: 47.5%;margin-left: 5%;}
    .srvcdtl1 {padding-bottom: 25px;}
    .srvcdtlxt {padding-top: 12px;}
    .srvcdtlxt > p{width: 80%;}
    /*---------------------contact----------------*/
    .ssbnrtx{left: 30px;width: 60%;}
    .contctc {margin-top: -10%;padding: 0 30px;}
    .contcal {width: 48%;padding: 30px;}
    .contcal > h5{padding: 10px 0;}
    .btnbluc{padding: 12px 50px 12px 25px;}
    .btnbluc::after{right: 27px;width: 20px;height: 20px;background: url(../img/icons.png) no-repeat 5px -209px / 35px auto;}
    .contctc2 {padding-top: 30px;}
    .ccitytx {padding-top: 15px;}
    .goglemps{padding:12px 50px 12px 25px; }
    .goglemps::after{right: 24px;background: url(../img/icons.png) no-repeat 2px -210px / 35px auto;}
    .cfpml1 > li:nth-child(2) {padding-right: 0;}
     /*---------------------infrastructure----------------*/
    .ifstrtre {padding: 30px;}
    .ifstrtre > p{width: 80%;}
    .ifstrtre > h3{padding-top: 10px;}
    .softwre {padding: 20px 30px 0}
    .sftre1 {width: 8%;}
    .softwre2 {width: 50%;}
    .iqulty1{padding: 30px 0 0 30px;}
    .iqulty1 > p{padding-right: 0;}
    .ifstrtre2 > h5{padding: 10px 30px;}
    .ifstrtre3 {padding: 30px;}
    .ifstrtre32{width: 100%;}
    .indirtc2 .indirtc1cnt h3 {padding-top: 0;}
   /*---------------------clients----------------*/
    .oclient {padding: 30px;}
    .enbt > a {width: 50px;}
    
    .footbch2{left: 30px;right: 30px;}
    .footbch31 > h3 {font-size: 2em;}
    .footbch31 > p{font-size: 0.9em;}
    .footbch32 > a{font-size: 0.8em;}
        
}
@media only screen and (max-width:56em){
    .concity {width: 47.5%;margin-left: 5%;}
    .concity:nth-child(3n+1) {margin-left: auto;}
    .concity:nth-child(odd) {margin-left: 0%;}
    .engnrxpn{display: block;}
    .engnrxpn1 {width: 40%;margin: 0 auto;padding-bottom: 50px;}
    .engnrxpn2 {padding-left: 0;width: 67%;margin: 0 auto;text-align: center;}
    .engnrxpn2::after{display: none;}
    .ddptls > h5 {font-size: 0.8em;}
    
}
@media only screen and (max-width:39em){
    .desk,.dirpfle::after,.engnrxpn2::after,.hmserv1 > a{display: none;}
    .mob,.engnrxpn,.testims2,.getin,.contctc1,.fterr1,.dpfleslids,.ftmenus,.ifstrtre31,.indirtc1{display: block;}
    .hedcontainer, .whead .hedcontainer {margin: 0 20px;padding: 15px 0;}
    .logo,.whead .logo{width: 100px;}
    .phmenu {padding-top: 10px;}
    .header.shead .logo,.header.shead.whead .logo {width: 80px;}
    .sldmnu{top:60px;}
    header.hdesd .sldmnu {top: 71px;}
    #content {padding-top: 81px;}
    .footbch32.botm2.magizine{margin-top:20px;}
    .banertxt > h1,.sbanertxt > h1{font-size: 2.7em;}
    .banertxt > h6{font-size: 1.3em;}
    .abtbtxt > h1,.abtbtxt.afsz > h1,.sbanertxt.ssbnrt > h1,.ssbnrtx > h1{font-size: 2.5em;}
    .hmserv1 > h3,.orpromse > h3,.hmawrd > h3,.testims > h3,.abtvision > h3,.misintx > h3,.sbanertxt > h5,.hmserv1 > h3,.iqulty1 > h3 {font-size: 1.8em;}
    .dirpfle1 > h3,.engnrxpn2 > h2,.ftrepjtxt > h3,.getchin1 > h3,.abtbtxt > p,.engnrxpn2 > h3,.abtldrshp8 > h3, .abtldrshp1 > h3,.abtbtxtd > h1,.sbanertxt > h5,.ssbnrtx > h5,.delivrble1 > h5,.timlne > h3, .eventsdet > h3{font-size: 1.5em;}
    .hmservltxt > h5,.dpfleslid1 > h4,.orpomis1 h5,.hmawrde h5,span#currentSlide,span#totalSlides,.vinin2 > h5,.abtardtx h5,.ldeshp1 > h5, .ldeshp7 > h5,.abtbtxtd > p,.servcelstx > h5,.srvcdtlxt > h5{font-size: 1.2em;}
    .tiieen1 > h5{font-size: 1em;}
    .hmserv1 > a,.dpfleslid1 > h5,.engnrxpn2 > p,.ftrepjtxt > h5,.testims21 h3,.bredcrm > a,.ldeshp1 > p, .ldeshp7 > p,.contcal > h5,.ccitytx > h3,.timlne > p, .eventsdet > p{font-size: 1em;}
    .btnblu {font-size: 0.9em;}
    .orpomis1,.hmawrde p,.testims21,.testims22,.getin1,.abtvisin1,.abrawrd1,.abrawrd1:nth-child(3n+3),.sbanertxt > p, .sbanertxt.ssbnrt > p,.servcels1,.srvcdtlxt > p,.contcal,.concity,.ftlogo,.ftmenus,.ft2right,.fadres{width: 100%;}
    .hmserv1,.dpfleslid1,.dirpfle1 > h3,.engnrxpn2,.orpomis1,.orpromse > h3,.hmawrd,.testims21,.ftmenu1,.difflct,.trmscy,.ft3right,.abtbtxt,.overvia,.misintx,.abtldrshp8 > h3, .abtldrshp1 > h3,.lderdtl,.delivrble > p,.abrawrd1,.qltyac1.tcntre,.ifstrtre,.ifstrtre1,.softwre > h3,.iqulty1,.sbanertxt,.servcelstx,.srvcdtlxt,.ccitytx,.contcal,.ssbnrtx,.timlne > h3,.timlne > p,.eventsdet > h3, .eventsdet > p,.tiieen1 > h5,.tiieen1 > p{text-align: center;}
    .ftrepjtxt > p,.testims21 p,.ifstrtre > p,.sbanertxt > p{line-height: 1.3em;}
    .testimsig,.ftlogo > a,.abtardig,.contmlig{margin: 0 auto;}
    .getsbmt{display:flex;justify-content:center;}
    .getsbmtt {position: relative;}

    
    .banertxt {left: 20px;right: 20px;width: auto;top: 25%;}
    .hmsrvce {padding: 30px 0 30px 20px;}
    .hmserv1{padding-right: 20px;}
    .hmserv1 > a {padding-right: 30px;}
    .hmserv1 > a::after{width: 20px;height: 20px;background: url(../img/icons.png) no-repeat 3px -246px / 55px auto;}
    .hmserv2 {padding: 30px 80px 0 0;}
    .dirpfle1 > h3 {width: 100%;}
    .hmserv21 .owl-nav{top: 21%;}
    .dirpfle {padding: 30px 20px 0;}
    .dirpfle1 > h3 {left: 0px;}
    .dpfleslid1 {padding: 40px 0px 0 0;width: 100%;}
    .dpfleslid2g.mob {padding-bottom: 20px;}
    .dpfleslid2 {width: 52%;margin: 30px auto 0;}
    .prnxt {bottom: 13%;left: 0;display: block;}
    .engnrxp, .engnrxp.aovrve {padding: 40px 20px;}
    .engnrxpn1 {width: 60%;margin: 0 auto;padding-bottom: 30px;}
    .engnrxpn2 {margin-left: 0;padding-left: 0;width: 100%;}
    .orpomis1{margin-left: 0;margin-bottom: 20px;padding: 0 20%;}
    .orpromse {padding: 30px 20px 0;}
    .orpomisg{margin: 0 auto;}
    .btnblu{padding:10px 40px 10px 20px; }
    .btnblu::after{right: 15px;width: 20px;height: 20px;background: url(../img/icons.png) no-repeat 5px -209px / 35px auto;}
    .hmawrd, .testims21 {padding: 30px 20px;}
    .testims {padding: 30px 20px 30px;}
    .getchin {padding: 40px 50px 40px;}
    .getin1{margin-bottom: 20px;}
    .orpomisg {width: 30%;}
    .hmawrdig {width: 30%;margin: 0 auto 15px;}
    .hmawrdes .owl-nav{}
    .ftrepjtg {background-color: #e5e6e7;}
    .ftrepjtxt {top: auto;left: 20px;right: 20px;width: auto;bottom: -0px;text-align: center;}
    .fetreprj .countl,.ftrepjt .owl-nav{display: none;}
    #testimnls {margin-top: -1px;}
    .testims6 {padding-top: 0px;}
    .testims {padding-top: 50px;}
    .testims21 p{padding-bottom: 0;}
    .getchin1 > h3 {padding: 0 30px}
    #cals {padding: 20px;}
    .getsbmt .sbmti{right: 20px;}
    /*---------------------About----------------*/
    .abtbtxt {top: auto;bottom: 30px;width: auto;right: 30px;}
    .overvia, .abrawrd, .servcels, .srvcdtl {padding: 30px 20px 20px;}
    .abtvision,.abtldrshp8 {padding: 30px 20px;}
    .abtvisin1 {padding: 15px;margin-left: 0;}
    .abtvisin1:first-child, .abtvisin1:nth-child(2), .abtvisin1:nth-child(3) {margin-bottom: 20px;}
    .misintx {position: static;padding: 0 20px 20px 20px;width: 100%;}
    .misintx > p{padding-left: 0;padding-top: 10px;}
    .abtbtxt > h1,.abtbtxt.afsz > h1{padding: 5px 20px 0;}
    .ldeshp8 {padding: 30px 12% 0;}
    .ldeshp1 {width: 100%;margin-left: 0;margin-bottom: 30px;}
    .ldship {padding: 40px 30px 0;}
    .lderdtl {padding: 30px 20px 20px;}
    .abrawrd1{margin-left: 0;margin-bottom: 50px;}
    .overvia.whydt {padding: 30px 20px 0;}
    .delivrble { padding: 30px 20px 10px;}
    .delivrble21{padding-bottom: 20px;width: 100%;}
    .delivrble2 {padding-top: 20px;}
    .delivrble2g,.mlstwid .delivrble21:last-child .delivrble2g {width: 40px;}
    .ldeshp .owl-nav{justify-content: center;}
    .bredcrm {right: 20px;top: 15px;}
    .abtbtxtd {left: 30px; right: 30px;top: 15%;text-align: center;}
    .abtbtxtd > p{padding-top: 7px;}
    .abtbtxt.qqlty {top: auto;}
    .qltyac {padding: 10px 20px 30px;}
    .qltyac1.tcntre {padding: 20px 0;}
    .tiieenig {width: 30%;margin: 0 auto 15px;}
    /*---------------------Service----------------*/
    .sbanertxt {left: 20px;right: 20px;top: auto;bottom: 30px;}
    .servcels1{margin-left: 0;margin-bottom: 40px;}
    .sbanertxt.ssbnrt {right: 20px;}
    .sbanertxt > h1 {padding: 0 30px 10px;}
    /*---------------------contact----------------*/
    .contctc{padding: 0 20px;}
    .ssbnrtx {left: 20px;width: auto;right: 20px;}
    .contcal {margin-bottom: 0px;}
    .concity{margin-left: 0;margin-bottom: 40px;}
    .cfpml1{justify-content: center;}
    /*---------------------infrastructure----------------*/
    .ifstrtre {padding: 20px;}
    .ifstrtre > p {width: 100%;}
    .softwre {padding: 20px 20px 0;}
    .softwre1{padding: 20px 0px 0 25px;}
    .softwre2,.iqulty2 {width: 100%;}
    .iqulty {flex-wrap: wrap;}
    .iqulty2{order: 1;}
    .iqulty1 {order: 2; width: 100%;padding: 20px 20px 0px 20px;}
    .indirtc1{width: 100%;}
    .indirtc1cnt {padding-left: 0;width: 100%;}
    .indirtc1g,.indirtc2 .indirtc1g {width: 30%;margin: 0 auto;}
    .indirtc1cnt > h3,.indirtc2 .indirtc1cnt h3 {padding-top: 15px;}
    .indirtc2 {padding-top: 30px;margin-left: 0;display: block;width: 100%;}
    .indirtc2 .indirtc1cnt {padding-left: 0;width: 100%;}
    .deptrtnt,.deptrtnt1{display: block;}
    .deptrtnt1,.deptrtnt2,.deptrtnt12{width: 100%;}
    .deptrtnt11 {width: 25%; margin: 0 auto;}
    .deptrtnt{margin-bottom: 30px;}
    .ifstrtre32 > h5 {padding-bottom: 30px;}
    .ddptls {width: 47%;padding: 10px 0;margin-right: 6%;}
    .deptrtnt2{flex-wrap: wrap;padding-top: 20px;justify-content: center;}
    .ddptls:nth-child(even){margin-right: 0;}
    .ifstrtre32 {padding: 20px 0px;}
    .deptrtnt12{padding-top: 10px;}
    .ddptls{margin-bottom: 20px;}
    .ddptls > p{padding-top: 15px;}
    .oclient {padding: 30px 20px;}
    .oclntlst1:nth-child(odd){margin-left: 0;}
    .oclntlst1 {width: 49.5%;margin-left: 0.5%;}
    /*---------------------footer----------------*/
    .fclients {flex-wrap: wrap;}
    /*.clentf1 {width: 12%;margin-bottom: 25px;}
    .clentf2 {width: 25%;margin-bottom: 25px;}
    .clentf3 {width: 25%;margin-bottom: 25px;}
    .clentf4{width: 23%;margin-bottom: 25px;}
    .clentf5 {width: 25%;margin-bottom: 25px;}
    .clentf6 {width: 15%;}
    .clentf7 {width: 20%;}
    .clentf8 {width: 25%;}
    .fclients > div {width: 21.2%;}*/
    .clentf5 {margin-left: 0 !important;}
    .ftcontainer {padding: 10px 20px;}
    .ftlogo{padding-bottom: 20px;}
    .pfemil {flex-wrap: wrap;justify-content: center}
    .trmscy,.socil,.fcity{justify-content: center;}
    .fcity > li{padding-right: 16px;margin-bottom: 10px;}
    .fcity > li::before{right: 8px;}
    .fcity {flex-wrap: wrap;}
    .ft2right,.ft3right {order: 1;}
    .ft2left,.ft3left {order: 2;}
    .ft2right{padding: 0 0 30px 0;}
    .pfemil > li:last-child {padding-right: 0;padding-top: 7px;}
    .fterr3 {flex-wrap: wrap;}
    .ft3right {padding-bottom: 30px;width: 100%;}
    .fcity > li> a {font-size: 0.55em;}
    .fcity > li:last-child {padding-right: 0;}
    .ftmenu2 {text-align: center;padding-top: 30px;}
    
    .footbch2{left: 20px;right: 20px;}
    .footbch31 > h3 {font-size: 1.5em;}
    .footbch3 {display: block;    text-align: center;}
    .footbch31 {width: 90%;margin: 0 auto;}
    .content.anmtr .abtbtxt > p.shortdesc{font-size: 1em;}
    .img-modal img {max-width: 80%;max-height: 95%;}
    .img-modal .close { top: 200px;}
    .ddptls:nth-child(1),.ddptls:nth-child(2){width: 47%;}
}
@media only screen and (min-width:390px) and (max-width:450px){
    .sbmtim{right: 70px}
}