@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
body , body *{
    font-family: 'Poppins', sans-serif;

}
ul.toplinks li {
    display: inline-block;
}

ul.topnav li {
    display: inline-block;
    margin: 0 10px;
}

ul.topnav li a {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

ul.toplinks a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 2px;
    display: block;
    margin-left: 8px;
}

ul.toplinks a svg , ul.toplinks a i {
    position: relative;
    top: -1px;
    margin-right: 2px;
    color: #ec6c5c;
}

ul.navigation li {
    display: inline-block;
    margin: 0 8px;
    position: relative;
}

ul.navigation {
    display: block;
    background-color: #0a0202;
    margin-bottom: -26px;
    margin-top: 10px;
    position: relative;
    text-align: center;
}

ul.navigation a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 13px 10px;
    display: block;
    
}

header {
    padding-bottom: 0;
    border: 0;
}

ul.navigation:before {content: "";width: 20px;height: 100%;background-color: black;position: absolute;right: 99%;transform: skewX(10deg);}

ul.navigation:after {
    content: "";
    width: 20px;
    height: 100%;
    background-color: black;
    position: absolute;
    left: 99%;
    transform: skewX(
10deg
);
}

header ul {
    margin-bottom: 0;
    margin-top: 23px;
    line-height: 1.2;
}
section.banner {
    background-image: url(../images/banner-main-bg.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background-color: #f1ebed;
    padding: 170px 0 30px;
}
section.banner h1 span {
    color: red;
    font-size: 26px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}

section.banner h1 {
    font-weight: bold;
    color: #000000;
    font-size: 50px;
    font-family: poppins;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 0 !important;
}

section.banner h1 br {
    display: none;
}

section.banner p {
    font-weight: 600;
    color: #666666;
    font-size: 17px;
}

section.banner .text-right img {
    max-width: unset;
}

.buttons li {
    display: inline-block;
    margin-right: 10px;
}

.banner ul.buttons {
    margin-top: 30px;
}

a.button {
    background-color: #f37c6c;
    color: #fff;
    padding: 8px 20px;
    display: block;
    border-radius: 50px;
    font-size: 16px;
}

a.button.black {background-color: #f37c6c;}
header .col-md-5 {
    padding: 0 0;
}
section.portfolio-col.port-column{
    background-image:url('../image/portfolio-main-bg.jpg');
    background-size: cover;
}
section.portfolio-col h2 {
    font-family: 'Poppins';
    color: #000;
}

section.portfolio-col h2 ~ p {
    color: #000;
    font-size: 22px;
    font-weight: bold;
}

.new-pf div#filters button {
    display: inline-block;
    width: unset;
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 5px !important;
    margin: 5px 2px;
}

.new-pf div#filters .button.is-checked, .new-pf div#filters button:active {
    border-color: #db3340;
}

button#showMore {
    background-color: #4434ae;
    font-size: 18px;
    font-weight: 600;
    display: none;
}
.new-pf div#filters {
    text-align: center;
}
.servicesfull{
    
background-image: url('../images/service-full-bg.jpg');
    
background-position: top;
    
background-size: cover;
    
padding: 6em 0 10em;

background-color: #f4736b;
    
position: relative;
}
.servbox{
    
background-image: url('../images/service-box-1.jpg');
    
padding: 20px 30px;
    
background-size: cover;
    
margin-top: 6em;
    
margin-bottom: 20px;
    
overflow: hidden;
    
background-size: 100%;
    
transition: 6s all 0s;
    
background-position: center;
}
.servicesfull h3 {
    text-align: center;
    color: #fff;
    font-size: 44px;
    font-weight: bold;
    line-height: 1.3;
    font-family: 'Poppins';
}

.servicesfull h3 * {
    padding: 0;
    line-height: 1;
    position: static;
}

.servicesfull h3 span {
    color: #ec0752;
}

.servicesfull h3 strong {
    color: #8875ff;
}

.servicesfull h3 i {
    color: #ffe400;
}

.servicesfull h3 ~ p {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 30px;
}

.row.servboxes .col-md-4 {
    padding: 0;
}

.servbox strong {
    color: #fff;
    font-size: 100px;
    font-weight: bold;
    opacity: 0.1;
    line-height: 1;
}

.servbox h4 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-top: 7em;
}


.row.servboxes .col-md-4:nth-child(2) .servbox, .row.servboxes .col-md-4:nth-child(4) .servbox {
    margin-top: 0;
}
.row.servboxes .col-md-4:nth-child(6) .servbox {margin-top: 30px;}
.servbox p {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
}
strong.legend {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #2c87a4 !important;
    font-size: 240px;
    line-height: 0.8;
    text-transform: uppercase;
    z-index: 0;
    text-shadow: 0px 0px 0px #93c3d6;
}

section.servicesfull .container {
    position: relative;
    z-index: 9;
}
.stepssec{
    
  /* background-image: url('../image/25-8-2025.png');   */
    
background-position: center;
    
background-size: cover;
    
padding: 1em 0 0;
    
background-color: purple;
    
position: relative;
}
.stepshead * {
    display: inline-block;
}

.stepshead {
    text-align: center;
}

.stepshead h4 {
    width: 240px;
    color: #fff;
    text-align: right;
    font-weight: bold;
    font-size: 24px;
    margin-top: 20px;
}

.stepshead h3 {
    color: #fff;
    font-size: 39px;
    font-weight: bold;
    margin-left: -150px;
    text-transform: uppercase;
    margin-top: 44px;
}

.stepshead h3 small {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #ff5741;
    text-align: right;
}

.steps-icon {
    display: table;
    margin: 0 auto;
    padding: 60px 60px;
    background-image: url('../image/1.png');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    text-align: center;
    min-height: 180px;
    transform: scale(0.7);
}

.stepbox a {
    text-align: center;
    display: table;
    margin: 0 auto;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0px;
    display: block;
    padding-bottom: 20px;
    border-bottom: 5px solid #c93a30;
    min-height: 90px;
}
section.stepssec .col-md-3:hover .stepbox .steps-icon {
    background-image: url('../image/2.png');
}
.steps-icon:after {content: "";width: 180px;height: 1px;background-color: #e41721;position: absolute;left: 84%;top: 50%;z-index: 0;}

/*.col-md-3:nth-child(4) .steps-icon:after {*/
/*    display: none;*/
/*}*/

.stepbox {
    margin-top: -50px;
}
.steps-icon img {
    position: relative;
    top: 4px;
}
.stepssec:before{content:"";width: 350px;height: 380px;position: absolute;left: 0;bottom: 0;background-image: url('../images/stepbefore.png');background-repeat: no-repeat;opacity: 0.03;}
.stepssec:after{content:"";width: 350px;height: 380px;position: absolute;right: 0;top: 0;background-image: url('../images/stepbefore.png');background-repeat: no-repeat;opacity: 0.03;transform: rotate(180deg);}
section.cutomer-feedback {
    padding: 0 0;
    background-color: #f7fbe8;
    background-image: url('../images/testimonial-bg-left.jpg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 100%;
}

section.cutomer-feedback:before {
    display: none;
}
section.cutomer-feedback h5 {
    font-weight: bold;
    font-size: 44px;
    color: #e01f28;
    padding-top: 10px;
}

section.cutomer-feedback h5 img {
    position: relative;
    top: -9px;
}

section.cutomer-feedback h3 {
    color: #000;
    font-size: 44px;
    font-weight: bold;
    font-family: 'Poppins';
}

section.cutomer-feedback .item {position: relative;padding-top: 130px;padding-bottom: 0;}

section.cutomer-feedback .item p {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    line-height: 1.5;
}

section.cutomer-feedback .author-name {
    color: #ec0752;
    font-size: 30px;
    font-weight: bold;
    display: block;
    margin-top: 30px;
}

section.cutomer-feedback .author-name span {
    display: block;
    color: #000;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
section.cutomer-feedback h5 , section.cutomer-feedback h3 {
    position: relative;
    top: 100px;
}

section.cutomer-feedback .container {
    border: 0;
}
section.footer-form{
    padding: 0;
    background-image: url('../image/lets-get-bg.jpg');
    background-position: left;
    background-position: 70%;
    background-color: #f0f0f0;
}
section.footer-form:before{content:"";background-image: url('../image/bottom-form-img.jpg') !important;background-color: transparent !important;top: 0;height: 100%;}
.footer-form:after{content:"";}
.pinkbox {
    background-color: #e45c64;
    padding: 80px 30px;
    position: relative;
    left: 50px;
}

.footer-form .pinkbox h2 {
    background-color: transparent !important;
    box-shadow: unset !important;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 60px;
    line-height: 1;
    position: relative;
    padding-bottom: 20px;
}

section.footer-form h3 {
    margin-top: 40px;
    color: #000;
    font-size: 44px;
}

section.footer-form form {
    margin-bottom: 40px;
    display: block;
}

section.footer-form form input[type="submit"] {
    float: none;
    display: table;
    background-color: #4434ae;
    border: 0;
    font-size: 22px;
    padding: 14px 50px;
    font-weight: bold;
    text-transform: uppercase;
}
.footer-form .pinkbox h2 em {
    font-style: italic;
    color: #e62c1f;
}

.footer-form .pinkbox h2:after {content: "";width: 100px;height: 5px;background-color: #dd3124;position: absolute;left: 0;bottom: -10px;}

.footer-form .pinkbox p {
    font-size: 18px;
}

section.footer-form .col-md-5 p , section.footer-form .col-md-5 li {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

section.footer-form form input, section.footer-form form textarea {
    background-color: #fff;
    padding: 17px 20px;
    margin-bottom: 10px;
    font-size: 15px;
}

section.footer-form h3 ~ p {
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
    font-size: 18px;
}

section.footer-form form textarea {
    min-height: 100px;
    resize: none;
}
footer{
    
background-image: url('../image/footer-main-bg.jpg');
    
    background-size: cover;
    background-color: #2b2e37; 
padding: 5em 0 2em;
    
border: 0;
}
footer p.ftr-about {
    color: #7e838d;
    font-size: 16px;
}

footer h6 {
    color: #fff;
    position: relative;
    padding-bottom: 20px;
}

footer h6:after {content: "";width: 50px;height: 3px;background-color: #f4736b;position: absolute;bottom: 0;left: 0;}

footer ul li a {
    color: #f37c6c;
    font-size: 16px;
}

footer ul li a i {
    color: #ec6c5c !important;
    font-size: 18px !important;
}

footer ul.ftr-social li i , footer ul.ftr-social li svg {
    margin-right: 5px;
}

.copyright {
    text-align: left;
    color: #7e828d;
    padding-top: 4em;
}
.copyright span {
    color: #ec6c5c;
}
section.hm-sec1 {
    padding: 4em 0 2em;
}
section.ourpartners {
    clear: both;
    display: block;
    background-color: #f4f9fe;
    padding: 25px 0;
}

section.ourpartners h4 {
    font-weight: bold;
    font-size: 22px;
    color: #000;
    line-height: 1.4;
}

section.ourpartners img {
    margin-left: auto;
    display: table;
    margin-top: 5px;
}
section.midtabs {
    padding: 5em 0;
    overflow-x: hidden;
}

section.midtabs h3 {
    display: block;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #000;
}

section.midtabs h3 span {
    color: #ec6c5c;
}

section.midtabs h2 {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size: 40px;
    margin-bottom: 1em;
}

.midtabs 
 ul.nav.nav-tabs {
    text-align: center;
    display: block;
    border: 0;
    margin-bottom: 0em;
}

.midtabs ul.nav.nav-tabs li {
    display: inline-block;
    margin: 0 5px;
}

.midtabs ul.nav.nav-tabs li a {
    border: 2px solid #d0d0d0;
    padding: 10px 20px;
    display: block;
    font-weight: 600;
    color: #000;
    font-size: 15px;
    border-radius: 50px;
    text-transform: uppercase;
}

.midtabs ul.nav.nav-tabs li a.active {
    border-color: #ec6c5c;
}

.midtabs h4 {
    font-weight: bold;
    color: #000;
    font-size: 40px;
    padding: 30px 0 20px;
}

.midtabs p {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
}

.midtabs .button {
    display: table;
    font-size: 20px;
    margin-top: 20px;
    background-image: url('../image/Wiztech-Solution-Eid-Post-.png');
    font-size: 17px;
}
.ctadark{
    
background-image: url('../image/cta-bg-dark.jpg');
    
padding: 2em 0;
    
background-size: cover;
    
background-position: center;
}
.midtabs h4 span {
    color: #ec6c5c;
}

.ctadark h2 {
    color: #fff;
    font-size: 44px;
    font-weight: bold;
}

.ctadark  .button-consult {

    /* text-align: center; */
    background-color: #ec6c5c;
    margin-top: 15px;
    font-size: 21px;
    font-weight: bold;
    padding: 8px 20px;
     pointer-events: none; 
}

.ctadark h6 {
    display: block;
    text-align: right;
    color: #ec6c5c;
    font-size: 26px;
    font-weight: bold;
    padding-top: 1em;
}

.ctadark h5 {
    display: block;
    text-align: right;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
}

.ctadark li a {padding: 9px 37px;border: 2px solid  #f37c6c;;}

.ctadark .buttons li {
    margin-right: 0;
    margin-left: 13px;
}

.ctadark .buttons li a.black {
    background-color: transparent;
}

.ctadark .buttons {
    display: flex;
    float: right;
}
section.boxsection{
    background-image: url('/image/box-section-bg.png');
    padding: 6em 0;
    text-align: center;
    background-repeat: repeat-x;
}
section.boxsection h5 {
    font-weight: bold;
    font-size: 24px;
    color: #ec6c5c;
    text-transform: uppercase;
}

section.boxsection h2 {
    color: #000;
    font-weight: bold;
    font-size: 40px;
}

section.boxsection h6 {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 20px;
}

section.boxsection .box {
    margin: 15px 0px;
}

section.boxsection .boxicon {
    margin: 0 auto;
    clear: both;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
section.boxsection .box strong {
    font-size: 22px;
    padding: 10px 0 15px;
    display: block;
}

section.boxsection .box p {
    font-size: 17px;
    color: #000;
}

section.boxsection .box {
    background-color: #ffe7df;
    padding: 20px 26px 20px;
    min-height: 320px;
    border-radius: 5px;
}
section.boxsection .row > div:nth-child(2) .box {
    background-color: #d7f7f9;
}

section.boxsection .row > div:nth-child(3) .box {
    background-color: #d7f9e7;
}

section.boxsection .row > div:nth-child(4) .box {
    background-color: #f0f9d7;
}

section.boxsection .row > div:nth-child(5) .box {
    background-color: #d7e1f9;
}

section.boxsection .row > div:nth-child(6) .box {
    background-color: #fff9df;
}
section.happy-clients {
    padding: 5em 0;
    /* text-align: center; */
}

section.happy-clients h6.h6-line {
    color: #ec6c5c;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
}

section.happy-clients h6.h6-line span:before {
    display: none;
}

section.happy-clients h2 {
    font-weight: bold;
    color: #000;
}

section.happy-clients p {
    font-size: 17px;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
}

section.happy-clients img {
    /* opacity: 0.6; */
}
.midtabs ul li h5 {
    font-weight: bold;
    font-size: 24px;
    display: block;
    position: relative;
    color: #000;
}

.midtabs ul li h5 img {
    position: relative;
    bottom: 9px;
    margin-right: 6px;
}

.midtabs ul li {
    padding-top: 5px;
    margin-bottom: 0;
}

.midtabs ul li  p {
    font-weight: 500;
    font-size: 17px;
}

.midtabs  .col-md-5 img {
    max-height: 880px;
    max-width: unset;
    /*margin-top: 80px;*/
    max-width: 560px;
}
.midtabs .tab-content>.tab-pane {
    margin-top: 80px;
}  


.midtabs .col-md-7 ul.sq-list li {
    list-style: square inside;
}

.midtabs .col-md-7 ul.sq-list li p  {
    display: initial;
}  

.midtabs .col-md-7 ul.sq-list li h5 {
    display: initial;
}

.midtabs .col-md-7 ul.sq-list li h5 + p {
    clear: both;
    display: block;
}
section.boxsection.nonbg .box {
    background-color: transparent !important;
    min-height: 200px;
    padding-bottom: 0;
}

section.boxsection.nonbg .box .boxicon {background-color:   #f37c6c;;margin: 0 auto;width: 100px;border-radius: 4px;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
section.boxsection.webserv .box {background-color: transparent !important;padding: 20px 10px;position: relative;}

section.boxsection.webserv .box p {
    font-weight: 500;
}

section.boxsection.webserv .box:after {content: "";width: 140px;position: absolute;height: 50px;top: 18%;left: 80%;z-index: 0;background-image: url('../images/box-arrow-after.png');background-position: center;background-repeat: no-repeat;}

section.boxsection.webserv .col-md-3:nth-child(4) .box:after {
    display: none;
}
.midtabs.iconleft ul li img {
    position: absolute;
    left: 0;
}

.midtabs.iconleft  .tab-content li {
    position: relative;
    padding-left: 90px;
}
   
.midtabs.iconleft .tab-content li img {
    top: 7px;
}

section.boxsection.apps .box {
    background-color: transparent !important;
    min-height: unset;
}

section.boxsection.apps .box strong {
    color: #949494;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 0;
}
.h6-line>span {
    font-weight: bold;
    font-size: 24px;
    color: #ec6c5c;
    text-transform: uppercase;
}

.h6-line>span:before {
    display: none;
}
section.portfolio-col.port-column .col-md-4 {
    margin: 15px 0;
}
section.maintenance{
    
padding: 6em 0;
    
text-align: center;
    
background-image: url('../image/maintenance/maintenance-section-bg.jpg');
    
background-size: cover;
    
background-position: center;
}
section.maintenance .box {
    background-color: #fff;
    padding: 80px 22px;
    margin: 15px 0;
    border-radius: 4px;
    min-height: 300px;
    box-shadow: 6px 10px 5px #00a4ab1a;
}

section.maintenance .box strong {
    font-size: 22px;
    padding-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

section.maintenance .box p {
    font-size: 17px;
    color: #5c6768;
    font-weight: 500;
}

h2 {
    font-size: 44px;
    font-weight: bold;
    color: #000;
}
section.maintenance .box:hover{
    background-color: #f37c6c;
    background-image: url(../images/maintenance-box-hover.png);
    background-position: center;
    background-repeat: repeat-x;
}
section.maintenance .box:hover * {
    color: #fff;
}

section.maintenance .box p {
    margin-bottom: 0;
}
section.boxsection.nonbg.noiconbg .boxicon {
    background-color: transparent;
}
.boxsection.animbottom strong {
    font-size: 18px !important;
    font-weight: 600;
    line-height: 1.3;
    background-position: bottom !important;
}

section.boxsection.nonbg.noiconbg.animbottom .box {
    min-height: unset;
}
.video-style{
      background-image: url(../images/video-style-bg.jpg);
      background-position: center;
      background-repeat: repeat-x;
      text-align: center;
      padding: 5em 0;
}
section.videostyle h2 {
    margin-bottom: 0.5em;
}
section.socialicons {
    padding: 4em 0;
    text-align: center;

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(236,254,255,0.38) 38%, rgba(236,254,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(236,254,255,0.38) 38%,rgba(236,254,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(236,254,255,0.38) 38%,rgba(236,254,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ecfeff',GradientType=0 ); /* IE6-9 */
}

.soc_bnrs section.midtabs{
      background: url(../images/socee.png) no-repeat scroll center top;
      background-size:cover;   
}

h6 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

h2 span {
    color: #ec6c5c;
}

h2 ~ p {
    font-size: 17px;
    font-weight: 600;
}
section.socialicons .col-md-2:nth-child(odd) img {
    margin-top: 35px;
}
.resultsec .inrow {
    text-align: left;
    margin: 15px 0;
    background-color: #ebf4ff;
    padding: 20px;
    padding-left: 130px;
    position: relative;
    border-radius: 5px;
}

.resultsec .inrow i{
    background-color: #ec6c5c;
    position: absolute;
    font-size: 50px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 7px;
    top: 28px;
    left: 17px;
    width: 95px;
    height: 95px;
    text-align: center;
}

.resultsec .inrow span {
    display: block;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}

.resultsec .inrow strong {
    color: #ec6c5c;
    font-size: 54px;
    font-weight: bold;
    line-height: 0.9;
}

.resultsec .inrow h4 {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}

section.boxsection.resultsec .row {
    flex-direction: row-reverse;
} 


.resultsec img {
    
    position: absolute;
    right: 0; 
    max-width: unset;
}

section.boxsection.resultsec {
    overflow: hidden;
    background-image: none;
}
section.seoslidersec {
          background-image: url(../images/video-style-bg.jpg);
      background-position: center;
      background-repeat: repeat-x;
}
section.seoslidersec .col-md-5 img {
    margin-top: 40px;
}
section.webbanner h1 {
    margin-top: 2.5em;
}
.midtabs ul li p {
    font-weight: 600;
}

.midtabs .tab-pane ul {
    margin: 30px 0;
}
.tab-pane .col-md-7 {
    margin-top: auto;
    margin-bottom: auto;
}
.banner .col-md-7 {
    margin-top: auto;
    margin-bottom: auto;
}
.contactbanner .col-md-5.text-right{
    position: relative;
    left: -16em;
}
ul.submenu {
    position: absolute;
    width: 280px;
    background-color: #000000d6;
    top: 70%;
    left: 0;
    box-shadow: 0px 7px 16px #00000040;
    display: none;
}

ul.submenu a {
    text-align: left;
    display: block;
    font-size: 15px;
}

ul.submenu li {
    width: 100%;
    margin: 0 0;
}

ul.navigation li:hover .sub-menu {
    display: block;
}

ul.navigation li:hover .submenu {
    display: block;
}
ul.navigation li:hover >  a {
    
    background-image: url('../image/Wiztech-Solution-Eid-Post-.png');
}
.row.servboxes .col-md-4:nth-child(8) .servbox {
    margin-top: 0;
}
.banner .col-md-5.text-right img {
    max-height: 480px;
}
 body.home button#showMore {
    display: none;
}  
span.hd-border{    text-shadow: #000000ba 0px 0px 3px;}
 #serviceslider .owl-dots {
    position: absolute;
    top: -10px;
    right: 0;
}

#serviceslider .owl-dots button.owl-dot {
    display: block;
    color: #fff;
    font-size: 20px;
}

#serviceslider .owl-item:nth-child(odd) .item {
    margin-top: 30px !important;
}

div#serviceslider .owl-item:nth-child(odd) .servbox {
    margin-top: 190px;
}

#serviceslider .owl-dots span {
    opacity: 0.5;
    width: 35px;
    height: 35px;
    display: block;
    border: 2px solid transparent;
    line-height: 2.1;
    border-radius: 50px;
    margin-bottom: 5px;
    font-size: 15px;
}

#serviceslider .owl-dots .active span {
    opacity: 0.8;
    border-color: #fff;
    position: relative;
}

#serviceslider .owl-dots .active span:after {content: "";width: 50px;height: 3px;position: absolute;right: 100%;top: 0;bottom: 0;margin: auto;background-color: #fff;}

div#serviceslider {
    padding-top: 2em;
}

#serviceslider .owl-dots .active span:before {
    content: "";
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 13px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -60px;
}
.servbox:hover {
    /* -webkit-animation: slide 8s linear infinite; */
    background-size: 150%;
}
section.about-sec2 h2 {
    font-size: 50px;
}

section.meet-technologies img {
    margin-left: 0;
    max-width: 100%;
    margin-top: 70px;
}
section.banner.inbanner .text-right img {
    max-height: 400px;
}
.midtabs h5 {
    font-weight: bold;
    font-size: 24px;
    display: block;
    position: relative;
    color: #000;
}
.midtabs h5 img {
    margin-right: 15px;
}
section.boxsection.nonbg .box p {
    font-size: 15px;
}

section.boxsection.nonbg .box strong {
    font-size: 18px;
}
ul.ftr-social li i {
    position: absolute;
    left: 0;
}

ul.ftr-social li {
    position: relative;
    color: #7e838d;
    padding-left: 30px;
}

.video-style figure {
    margin: 0 0 8px;
    position: relative;
    overflow: hidden;
}

.video-style figure figcaption {
    position: absolute;
    bottom: 15px;
    left: 20px;
    transition: .5s all;
    z-index: 2;
}

.video-style figure figcaption h4 {
    font-size: 16px;
    color: white;
    font-weight: 500;
    margin: 0;
}

.video-style .col-sm-7 .col-sm-4 {
    padding: 0 5px;
}
.video-style .col-sm-7 {
    padding: 0 7px;
}

.video-style figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.video-style figure:hover figcaption {
    bottom: 35px;
}
.video-style figure img{
    transition: .3s linear;
    transition-delay: .2s;
    width: 100%;
}
.video-style figure:hover img{
    transform: scale(1.1);
}
section.banner.inbanner {
    min-height: 600px;
}
.new-pf {
    padding-bottom: 0 !important;
}
section.boxsection.nonbg .col-md-6 .box strong , section.boxsection.nonbg .col-md-6 .box p {
    text-align: left;
}

section.banner.staticbanner {
    min-height: unset;
    padding: 15em 0 7em !important;
}


    @media only screen and (max-width : 980px) {

.socialicons .col-md-2 {
    width: 50%;
}

.socialicons .col-md-2 img {
    margin-top: 0 !important;
    max-width: 100px;
}  

     .midtabs.iconleft .tab-content li img {
    position: static;
    margin-bottom: 20px;
}

.midtabs.iconleft .tab-content li {
    padding-left: 0;
    /* text-align: center; */
} 
     
     .video-style .col-sm-7 {
    padding: 0 25px;
}


     section.banner.vid-face {
    background: #e2feff !important;
}

section.banner.vid-face .col-md-6 {
    padding-top: 0;
    padding-bottom: 0;
}    
        strong.legend {
    font-size: 70px;
}

section.servicesfull {
    padding-bottom: 2em;  
}


        section.stepssec{ 
            display:none;
        }
            a.logo {
                display: table;
                margin: 0 auto;
            }
            section.banner.inbanner {
                min-height: unset;
                padding-bottom: 0;
            }

            
            ul.topnav li a {
                font-size: 13px;
            }
            
            header ul.topnav {
                display: table;
                margin: 20px auto 0;
            }
            
            ul.toplinks a {
                font-size: 12px;
            }
            
            ul.toplinks {
                text-align: center;
                margin-bottom: 20px;
            }
            
            ul.navigation {
                display: none;
            }
            
            section.banner h1 span {
                font-size: 16px;
            }
            
            section.banner h1 {
                font-size: 30px;
            }
            
            section.banner p {font-weight: 500;font-size: 14px;}
            
            a.button {
                padding: 5px 15px;
                font-size: 15px;
            }
            
            section.banner a {
                margin-bottom: 5px;
            }
            
            header {
                position: static;
            }
            
            section.banner {
                padding: 1em 0 2em;
            }
            
            section.ourpartners h4 {
                text-align: center;
                font-size: 18px;
            }
            
            section.midtabs h3 {
                font-size: 20px;
            }
            
            section.midtabs h2 {
                font-size: 22px;
            }
            
            .midtabs h4 {
                font-size: 20px;
                text-align: center;
                padding: 10px 0;
            }
            
            .midtabs p, .midtabs ul li p {
                font-size: 14px;
                font-weight: 500;
                /*text-align: center;*/
            }
            
            .midtabs ul li h5 {
                font-size: 18px;
                /*text-align: center;*/
            }
            
            .midtabs .button {
                font-size: 14px;
                display: table;
                margin: 0 auto;
            }
            
            .midtabs .col-md-5 img {
                max-width: 100%;
            }
            
            h6 {
                font-size: 18px;
            }
            
            h2 {
                font-size: 24px;
            }
            
            h2 ~ p {
                font-size: 14px;
            }
            
            .ctadark h2 {
                font-size: 24px;
                text-align: center;
            }
            
            .ctadark .button-consult {
                font-size: 15px;
            }
            
            .ctadark h6 {
                padding-top: 10px;
                text-align: center;
                font-size: 20px;
            }
            
            .ctadark h5 {
                font-size: 20px;
                display: table;
                margin: 10px  auto;
            }
            
            .ctadark li a {
                padding: 7px 10px;
            }
            
            .ctadark .buttons {
                display: table;
                margin: 0 auto;
                float: none;
            }
            
            section.boxsection h2 {
                font-size: 22px;
            }
            
            section.boxsection h5 {
                font-size: 17px;
            }
            
            section.boxsection h6 {
                font-size: 15px;
            }
            
            .resultsec .inrow strong {
                font-size: 30px;
            }
            
            .resultsec .inrow span {
                font-size: 14px;
            }
            
            .resultsec .inrow h4 {
                font-size: 15px;
            }
            
            .resultsec .inrow i {
                width: 90px;
                height: 80px;
            }
            
            .resultsec img {
                max-width: 100%;
            }
            
            section.midtabs.seoslidersec h6 {
                text-align: center;
            }
            section.banner .text-right img {
                max-width: 100%;
            }
            
            .midtabs ul.nav.nav-tabs li a {
                font-size: 13px;
                min-width: 140px;
            }
            
            section.boxsection.nonbg .box {
                min-height: unset;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0 !important; 
            }
            .contactbanner .col-md-5.text-right{position: static;}
            section.maintenance .box {
                padding: 40px 15px;
                min-height: unset;
            }
            
            section.maintenance .box p {
                font-size: 14px;
            }
            
            section.stepssec {
                text-align: center;
            }
            
            .stepssec:after {
                display: none;
            }
            
            .stepssec:before {
                display: none;
            }
            
            .stepshead h4 {
                text-align: center;
                width: 100%;
            }
            
            .stepshead h3 {
                margin-left: 0;
                font-size: 30px;
                margin-top: 0;
            }
            
            .pinkbox {
                left: 0;
                width: 100%;
                padding: 40px;
            }
            
            section.footer-form {
                background-image: none !important;
            }
            
            .footer-form .pinkbox h2 {
                font-size: 24px;
            }
            
            section.footer-form .col-md-5 p, section.footer-form .col-md-5 li {
                font-size: 16px;
            }
            
            section.footer-form:before {
                display: none;
            }
            
            section.footer-form .col-md-5 ul li {
                font-size: 15px;
            }
            
            section.footer-form .col-md-5 ul {
                margin-top: 20px;
                margin-bottom: 0;
            }
            
            .footer-form .pinkbox h2:after {
                left: 0;
                right: 0;
                margin: auto;
            }
            
            section.footer-form h3 {
                font-size: 22px;
            }
            
            section.footer-form h3 ~ p {
                font-size: 14px;
            }
            
            section.footer-form form input[type="submit"] {
                font-size: 15px;
                padding: 10px 40px;
            }
            
            footer h6:after {
                left: 0;
                right: 0;
                margin: auto;
            }
            
            .copyright {
                text-align: center;
                padding: 10px 0;
            }
            
            footer h6 {
                margin-top: 20px;
            }
            .site-wrap{display: block !important;}
            header .toggle-nav {    position: absolute;}
            .new-pf div#filters button {
                font-size: 14px;
            }
            
            button#showMore {
                font-size: 14px;
            }
            
            .servicesfull h3 {
                font-size: 22px;
            }
            
            .servbox {
                margin: 10px 0 !important;
            }
            
            section.cutomer-feedback h5, section.cutomer-feedback h3 {
                font-size: 24px;
            }
            
            section.cutomer-feedback .item p {
                font-size: 17px;
            }
            
            section.cutomer-feedback .col-md-7:after {
                display: none;
            }
            
            section.cutomer-feedback .author-name {
                margin-top: 0;
                padding-top: 0;
            }
            
            section.cutomer-feedback .author-name span {
                font-size: 14px;
            }
            section.cutomer-feedback .item {
                padding-top: 80px;
            }
            .stepbox {
                margin-top: -20px;
            }
            ul.ftr-social li {
                display: table;
                margin: 0 auto;
            }
            
            section.happy-clients img {
                /*display: none;*/ 
            }
            
            section.happy-clients {
                padding: 2em 0;
            }
            
            section.happy-clients p {
                font-size: 16px;
    display: none; 
            }
            section.midtabs {
                padding: 2em 0;
            }
            
            section.portfolio-col h2 {
                font-size: 24px;
            }
            
            section.portfolio-col h2 ~ p {
                font-size: 16px;
            }
            
            .new-pf {
                padding-bottom: 0em;
            }
            
            section.boxsection {
                padding: 2em 00;
            }
            
            section.boxsection .box {
                min-height: unset;
            }
            
            section.happy-clients h2 {
                font-size: 22px;
            }
            .stepshead h3 small {
                text-align: center;
            }
            section.banner.staticbanner {
                padding: 30px 0  0!important;
            }
    }
    
    
    
    div#serviceslider {
    max-width: 900px;
    margin: 0 auto;
}