@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*
    font-family: 'Montserrat', sans-serif;
*/

body{ -webkit-tap-highlight-color: transparent; line-height: 1.5;}
/* wrapper */

.wrapper{max-width: 1300px;width: 100%;display: inline-block;padding: 0 15px;}

/* common classes */

.t-center {text-align: center;}
.c-head{font-size: 42px;font-weight: 800;color:#222629}
.violet-c{background: #32109a;}
.blue-c{background: #1669c7;}
.lviolet-c{background: #6916c6;}
.black-c{background: #222629;}
.gbtndiv{width: 100%;float: left;}
.gbtndiv .gbtn {font-size: 13px;font-weight: 500;color:#222629;text-transform: uppercase;outline: none;border: 1px solid #282c2f;background: none;padding: 10px 10px;transition: all 0.3s;position: relative;z-index: 2;font-family: 'Montserrat';display: inline-block;cursor: pointer;}
.gbtndiv .gbtn::before,.gbtn::after {background: #86c232;content: '';position: absolute;z-index: -1;transition: all 0.3s;}
.gbtndiv .gbtn:hover {color: #ffffff;border-color: #86c232;}
.gbtndiv .gbtn::after {height: 100%;left: 0;top: 0;width: 0;}
.gbtndiv .gbtn:hover:after {width: 100%;}
.cbtndiv .cbtn{font-size: 14px;font-weight: 500;text-transform: uppercase;outline: none;border: 1px solid #ffffff;background: none;padding: 10px 12px;color: #ffffff;transition: all 0.3s;position: relative;z-index: 2;font-family: 'Montserrat';display: inline-block;cursor: pointer;}
.cbtndiv .cbtn::before,.cbtn::after {background: #5e9216 ;content: '';position: absolute;z-index: -1;transition: all 0.3s;display: inline-block;}
.cbtndiv .cbtn:hover{border-color: #5e9216;}
.cbtndiv .cbtn::after {height: 100%;left: 0;top: 0;width: 0;}
.cbtndiv .cbtn:hover:after {width: 100%;}
.cbtndiv{width: 32%;float: left;}

::-webkit-scrollbar {display: none;}

#scrollbar {width: 8px;height: 100%;padding: 0;margin: 0 0 0 auto;right: 0;top: 0;position: fixed;background-color: transparent;z-index: 999;}
#scrollbar #bar {width: 100%;height: 0%;background-color: #86c232;}
.knowMore{display: block; padding: 8px 4px ; width: 130px; color:#86c232 !important;position: relative;transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);margin-top: 5px;}
/* .knowMore{display: block;position: relative;margin-top: 15px;width: 120px;text-align: left;color:#86c232 !important;transition: all 0.3s ease;} */
.knowMore::after{content: "";display: block; height: 2px;position: absolute;bottom: 0px;right: 1.25rem;left: 0;background-color: #86c232;transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);transform-origin: bottom center;z-index: -1;}
.knowMore:hover::after{	right: 0;left: 0;height: 100%;}
.knowMore:hover{color: #fff !important;padding: 8px 13px;margin-top: 5px;}

/* Header */

.header{padding: 20px 50px;display: flex;justify-content: space-between;align-items: center;position: fixed;background: #ffffff;z-index: 3;}
.header .leftmenu ul{display: flex;align-items: center;justify-content: flex-start;}
.header .leftmenu ul li{padding-right: 15px;}
.header .leftmenu ul li:nth-child(2){padding-right: 40px;}
.header .leftmenu .talk h3{font-size: 18px;font-weight: 600;border-bottom: 1px solid;padding-bottom: 2px;text-transform: uppercase;}



/* HomePage */

.bannersection{background: url(../images/banner-new.webp)no-repeat center center/cover;height: 90vh;display: flex;align-items: center;justify-content: center;text-align: left;position: relative;    margin-top: 100px;}
.bannersection .wrapper .headtext{width:51%;float: left;}
.bannersection .wrapper .headtext .htext{padding-bottom: 40px;float: left;}
.bannersection .wrapper .headtext .ptext {padding-bottom: 30px;float: left;}
.bannersection .wrapper .headtext .ptext p{font-size: 16px;font-weight: 400;}
.floatHomeBanner{position: absolute;left: 8%;top: 20%;display: block;width: 7%;display: none;}
.floatHomeBanner img{max-width: 100%;}

.scrollMouse{position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);display: block;}

.mouse_scroll {display: block;margin: 0 auto;width: 24px;height: 100px;}

.m_scroll_arrows{display: block;width: 5px;height: 5px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
border-right: 2px solid #86c232;border-bottom: 2px solid #86c232;margin: 0 0 3px 4px;width: 16px;height: 16px;}
.unu{  margin-top: 1px;}
.unu, .doi, .trei{    -webkit-animation: mouse-scroll 1s infinite;    -moz-animation: mouse-scroll 1s infinite;    animation: mouse-scroll 1s infinite;}
.unu{  -webkit-animation-delay: .1s;  -moz-animation-delay: .1s;  -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate;}
.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;

  animation-delay: .2s;
  animation-direction: alternate;

  margin-top: -6px;
}
.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;

  animation-delay: .3s;
  animation-direction: alternate;


  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid #86c232;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: #86c232;
  position: relative;

  height: 4px;
  width: 4px;
  border: 2px solid #86c232;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}


.section1 .wrapper .moresection{display: flex;align-items: center;justify-content: center;}
.section1 .wrapper .moresection span{font-size: 14px;font-weight: 500;text-transform: uppercase;padding-right: 10px;}
.section1 .wrapper .moresection i{font-size: 30px;color: #535353;}

.section2 .wrapper .expersection{text-align: left;margin-top: 0px;}
.section2 .wrapper .expersection .headtext{width: 70%;padding-bottom: 70px;}
.section2 .wrapper .expersection .excard ul{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
.section2 .wrapper .expersection .excard ul li{width:calc(50% - 30px);margin-bottom: 50px;position: relative;}
/* .overtext{border-radius: 5px;padding: 10px 10px;} */
/* .section2 .wrapper .expersection .excard ul li .overtext .workh1{font-size: 22px;font-weight: 600;color: #000;padding-bottom: 5px;}
.section2 .wrapper .expersection .excard ul li .overtext p{font-size: 13px;font-weight: 400;color: #000;} */
.section2 .wrapper .expersection .excard ul li{overflow: hidden; -webkit-transform: translate3d(0,100px,0);transform: translate3d(0,100px,0);transition: -webkit-transform .95s cubic-bezier(.475,.425,0,.995);transition: transform .95s cubic-bezier(.475,.425,0,.995);transition: transform .95s cubic-bezier(.475,.425,0,.995),-webkit-transform .95s cubic-bezier(.475,.425,0,.995);transition: -webkit-transform .95s var(--primary-ease);transition: transform .95s var(--primary-ease);transition: transform .95s var(--primary-ease),-webkit-transform .95s var(--primary-ease);z-index: 1;-webkit-perspective: 1000px;perspective: 1000px; -webkit-transform: translateZ(0);transform: translateZ(0);}
.section2 .wrapper .expersection .excard ul li .nooverflow{transition: all 2.0s cubic-bezier(.475,.425,0,.995);}
.section2 .wrapper .expersection .excard ul li:hover .nooverflow{-webkit-transform: scale(.95) rotateY(-9deg); transform: scale(.95) rotateY(-9deg);}
/*.b-absolute{position: absolute;bottom: 50px;right: 30px;}
 .t-absolute{position: absolute;top: 50px;left: 20px;} */

.section3{background:url(../images/brand-bg2.webp)no-repeat center center/cover;padding: 45px 0;margin-top: 90px;}
.section3 .wrapper .techsection .stone{width: 100%;float: left;text-align: center;}
.section3 .wrapper .techsection .stone .stoneh1 {font-size: 42px;font-weight: 800;color: #fefefe;margin-bottom: 20px;}
.section3 .wrapper .techsection .stone p {font-size: 16px;font-weight: 400;color: #fefefe;width: 61%;display: inline-block;line-height: 1.5;}
.section3 .wrapper .techsection .stone1 {width: 100%;float: left;padding: 30px 0;}
.section3 .wrapper .techsection .stone1 ul {width: 100%;float: left;display: flex;justify-content: center;align-items: flex-start;flex-flow: row wrap;}
.section3 .wrapper .techsection .stone1 ul li{width: 22%;margin-right: 30px;}
.section3 .wrapper .techsection .stone1 ul li .subitem .stoneh2{font-size: 50px;font-weight: 800;color: #a6e64d;}
.section3 .wrapper .techsection .stone1 ul li .subitem .stoneh3{font-size: 25px;font-weight: 600;color: #ffffff;margin-bottom: 15px;}
.section3 .wrapper .techsection .stone1 ul li .subitem p{font-size: 16px;font-weight: 400;color: #f1f1f1;line-height: 1.5;}
.section3 .wrapper .techsection .stone1 ul li:nth-child(even){margin-top: 50px;}

/* .sectioncapa{padding: 50px 0;} */
.section4 .capasection ul{width: 100%;float: left;display: flex;justify-content: center;align-items: flex-start;flex-flow: row wrap;}
.section4 .capasection ul li{width: calc(33.33% - 26px);margin-bottom: 50px;margin-right: 13px;margin-left: 13px;}
.section4 .capasection ul li .capitem{width: 100%;float: left;background: #fafafa;border: 1px solid #dadada;padding: 20px;display: flex; flex-direction: column; align-items: center;}
.section4 .capasection ul li .capitem .capah1{font-size:22px ;font-weight:600 ;color:#343538 ;    margin-bottom: 5px;
  margin-top: 12px; height:75px;    line-height: 26px;}  /*ish-13-10-22 */

.section4 .capasection ul li .capitem p{font-size: 15px;font-weight:400 ;color:#343538 ; line-height: 1.5;/*height: 175px;*/height: 215px;}/*--ish-30-8-21--*/
.section4 .capasection ul li .capitem .capaimg{margin-bottom: 10px;}
.section4 .capasection ul li .capitem .icoWrp{width: 60px;height: 60px;border-radius: 50%;background: #a6e64d;display: flex;justify-content: center;align-items: center;    margin-top: -50px;}
.section4 .capasection ul li .capitem .icoWrp img{max-width: 52%;}

.nooverflow{overflow: hidden;position: relative;}
.bgOverlayGreen {float: left;width: 100%;height: 100%;position: absolute;left: 0%;bottom: 100%;background: #fafafa;z-index: 2;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.bgOverlayGray{float: left;width: 100%;height: 100%;position: absolute;left: 0%;bottom: 100%;;background: #fff;z-index: 2;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0.4;}
.section2 .wrapper .expersection .excard ul li img{max-width: 100%;transform: scale(1);transition: transform 2s, filter 1s ease-in-out;}
.section2 .wrapper .expersection .excard ul li:hover img{transform: scale(1.1);}
.textani-R,.textani-L{transition: all 1s ease;}
.section2 .wrapper .expersection .excard ul li:hover .textani-R{transform: translateX(-70px);}
.section2 .wrapper .expersection .excard ul li:hover .textani-L{transform: translateX(80px);}

.section4{padding: 70px 0;}
.section4 .wrapper .coresection{display: flex;justify-content: space-between;align-items: center;margin-bottom: 100px;}
.section4 .wrapper .coresection .coretxt1 {width: 50%;}
.section4 .wrapper .coresection .coretxt2 {width: 40%;}
.section4 .wrapper .coresection .coretxt2 p{font-size:16px;font-weight: 500;}

.section5{padding: 0 50px;margin-bottom: 100px;}
.section5 .slidersection{width: 85%;float: right;}
.section5 .slidersection ul{width: 100%;float: left;}
.section5 .slidersection ul li{padding: 0 15px;}
.section5 .slidersection ul li .slidebox{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 30px 0;}
.section5 .slidersection ul li .slidebox .slideicon{padding: 50px 10px;}
.section5 .slidersection ul li .slidebox .slidetext{padding: 15px 35px;}
.section5 .slidersection ul li .slidebox .slidetext h3{font-size: 34px;font-weight: 300;color: #fffffe;height: 145px;}
.section5 .slidersection ul li .slidebox .slidetext p{font-size: 15px;font-weight: 400;color: #fffffe;padding-bottom: 30px;}
.section5 .slidersection ul li .slidebox .slidetext a{font-size: 15px;font-weight: 400;color: #86c232;padding-bottom: 30px;}

.section6{display: flex;justify-content: flex-start;align-items: center;}
.section6 .contact1{display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 50%;background: url(../images/homefbgimg1.jpg)no-repeat center center/cover;;padding: 45px 145px;}
.section6 .contact2{display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 50%;background: url(../images/homefbgimg2.jpg)no-repeat center center/cover;;padding: 45px 145px;}
.section6 .msgicon{padding-bottom: 10px;}
.section6 .msgtxt{display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 70%;}
.section6 .msgtxt .geth1{font-size: 16px;font-weight: 500;color: #ffffff;padding-bottom: 20px;}
.section6 .msgtxt .geth2{font-size: 25px;font-weight: 300;color: #ffffff;padding-bottom: 20px;}

/* footer */

.footer{margin: 30px 0;}
.footer .wrapper .footersection{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.footer .wrapper .footersection .foot1{margin: 0px 0px;}
.footer .wrapper .footersection .foot1 .footh1{font-size: 30px;font-weight: 300;color: #222629;}
.footer .wrapper .footersection .foot1 .footh2{font-size: 25px;font-weight: 600;color: #222629;}
.footer .wrapper .footersection .foot2 {margin: 30px 0;display: flex;justify-content: flex-start;align-items:flex-start;border-bottom: 1px solid #aaacad;padding-bottom: 0px;}
.footer .wrapper .footersection .foot2 .subf1 .flogo{padding-bottom: 25px;}
.footer .wrapper .footersection .foot2 .subf1 p{font-size: 16px;font-weight: 500;line-height: 1.5;}
.footer .wrapper .footersection .foot2 .subf1 .social{padding-top: 30px;}
.footer .wrapper .footersection .foot2 .subf1 .social ul{display: flex;justify-content: flex-start;align-items: center;}
.footer .wrapper .footersection .foot2 .subf1 .social ul li{margin-right: 25px;}
.footer .wrapper .footersection .foot2 .subf1 .social ul li i{font-size: 25px;transition: all 0.4s ease-in;color: #aaacad;}
.footer .wrapper .footersection .foot2 .subf1 .social ul li i:hover{color: #86c232;}



.footer .wrapper .footersection .foot2 .subf2 .footh3{font-size: 16px;color: #6b6e70;font-weight:700;text-transform: uppercase;}
.footer .wrapper .footersection .foot2 .subf2 .contwrapper{display: flex;justify-content: flex-start;align-items: flex-start;padding: 30px 0;flex-flow:row wrap;row-gap: 1em;}
.footer .wrapper .footersection .foot2 .subf2 .contwrapper .email {width: 40%;}
.footer .wrapper .footersection .foot2 .subf2 .contwrapper .email.address {width: 100%;}
.footer .wrapper .footersection .foot2 .subf2 .contwrapper .email .footh4{font-size: 16px;font-weight: 500;text-transform: uppercase;}
.footer .wrapper .footersection .foot2 .subf2 .contwrapper .email span{font-size: 16px;font-weight: 400;color: #7dac43;}
.footer .wrapper .footersection .foot2 .subf2 .footmenu{padding: 20px 0px;}
.footer .wrapper .footersection .foot2 .subf2 .footmenu ul{display: flex;justify-content: flex-start;align-items: center;flex-flow: row wrap;}
.footer .wrapper .footersection .foot2 .subf2 .footmenu ul li{font-size: 16px;color: #aaacad;padding: 0 13px;position: relative;font-weight: 700;transition: all 0.3s ease-in;}
.footer .wrapper .footersection .foot2 .subf2 .footmenu ul li:hover{color: #86c232;}
.footer .wrapper .footersection .foot2 .subf2 .footmenu ul li:nth-child(1){padding-left: 0%;}
.footer .wrapper .footersection .foot2 .subf2 .footmenu ul li::after{position: absolute;content: " ";width: 1px;height: 13px;top: 6px;right: 0;background: #aaacad;}
.footer .wrapper .footersection .foot2 .subf2 .footmenu ul li:last-child:after{content: none;}
.footer .wrapper .footersection .foot3 .footh5{font-size: 16px;font-weight: 400;color: #222629;}

/* Contact page */

.csection1{margin-top: 125px;margin-bottom: 38px; display: flex; justify-content: center;}
.csection1 .wrapper .contactsection{display: flex;margin-top: 5px;}
.csection1 .wrapper .contactsection .form{padding-top: 22px;}
.csection1 .wrapper .contactsection .text{width: 50%;}
.csection1 .wrapper .contactsection .text .cnh1{margin-bottom: 20px;}
.csection1 .wrapper .contactsection .text p{font-size: 16px;color: #222629;font-weight: 400;width: 90%;}
.csection1 .wrapper .contactsection .text .email {margin-top: 30px;}
.csection1 .wrapper .contactsection .text .email a{font-size: 16px;color: #86c232;font-weight: 500;border-bottom: 2px solid #86c232;padding-bottom: 6px;}
.csection1 .wrapper .contactsection .form ul{display: flex;flex-direction: column;}

.csection1 .wrapper .contactsection .form ul li{margin-bottom: 25px;}
.csection1 .wrapper .contactsection .form ul li .inputdiv{position: relative;}

.csection1 .wrapper .contactsection .form ul li .inputdiv input{background: #f5f5f5;outline: none;border: none;padding: 20px 20px;width: 100%;font-family: 'Montserrat';border-radius: 8px;}
.csection1 .wrapper .contactsection .form ul li .inputdiv input:focus{border-bottom: 2px solid #86c232;}
.csection1 .wrapper .contactsection .form ul li .inputdiv input::placeholder{font-size:14px;color: #aaacad;}
.csection1 .wrapper .contactsection .form ul li textarea{background: #f5f5f5;outline: none;border: none;padding: 25px 20px;width: 100%;resize: none;height: 250px;font-family: 'Montserrat';border-radius: 8px;}
.csection1 .wrapper .contactsection .form ul li textarea::placeholder{font-size:14px;color: #aaacad;font-family: 'Montserrat', sans-serif;}

.csection2{background: #f5f5f5;display: flex; justify-content: center;}
.csection2 .wrapper .addresssection{margin: 45px 0;}
.csection2 .wrapper .addresssection ul{display: flex;}
.csection2 .wrapper .addresssection ul li{width: calc(33.33% - 20px);}
/* .csection2 .wrapper .addresssection ul li .vecicon{padding-right: 20px;} */
/* .csection2 .wrapper .addresssection ul li .vecicon img{width: 50px;height: 50px;} */
.csection2 .wrapper .addresssection ul li .talk .cnh2{font-size: 25px;font-weight: 700;color: #2a2a2a;text-transform: uppercase;margin-bottom: 20px;}
.csection2 .wrapper .addresssection ul li .talk p{font-size: 16px;font-weight: 400;color: #2a2a2a;width: 75%;height: 60px;}
.csection2 .wrapper .addresssection ul li .talk .email a{font-size: 16px;font-weight: 400;color: #86c232;}
.csection2 .wrapper .addresssection ul li .talk .email {margin-top: 50px;display: inline-block;}

/* About Us Page */
/* .aboutbanner{margin-top: 35px; background: url(../images/desk.jpg) ; background-attachment: fixed;  background-position: center; background-repeat: no-repeat;
  background-size: cover;; height: 62vh; } */
.aboutbanner{margin-top: 35px;}
.asection1{margin-top: 150px;}
.asection1 .wrapper .we{display: flex;justify-content: flex-start;align-items: flex-end;flex-flow: row wrap;padding: 60px 0;}
.asection1 .wrapper .we .weleft{width: 50%;text-align: left;margin-bottom: 20px;}
.asection1 .wrapper .we .weleft .weh1{font-size: 20px;color:#61892f;font-weight: 500;text-transform: uppercase;letter-spacing: 5px;margin-bottom: 25px;}
.asection1 .wrapper .we .weleft .weh2{padding-left: 45px;}
.asection1 .wrapper .we .weright{width: 50%;text-align: right;}
.asection1 .wrapper .we .weright .starimg{margin-bottom: 90px;}
.asection1 .wrapper .we .weright p{font-size: 16px;font-weight: 500;color: #6b6e70;float: right;text-align: left;}


/* .teamBanner{background: url(../images/team-bg.jpg) no-repeat center center/cover;height: 86vh;} */

.asection2{margin-top: 50px;position: relative;overflow: hidden;}
.asection2 .wrapper .visionsection{display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: row wrap;padding: 35px 0;}
.asection2 .wrapper .visionsection .vwrap{width: 50%;float: left;}
.asection2 .wrapper .visionsection .vwrap .clients{width:95%;text-align: left;}
.asection2 .wrapper .visionsection .vwrap .clients .ah1{font-size:25px ;color:#222629 ;font-weight:700 ;}
.asection2 .wrapper .visionsection .viwrap {width: 50%;float: right;}
.asection2 .wrapper .visionsection .viwrap .vi1{text-align: left;margin-bottom: 30px;}
.asection2 .wrapper .visionsection .viwrap .vi1 .ah2{font-size: 24px;font-weight: 600;color: #222629;margin-bottom: 15px;}
.asection2 .wrapper .visionsection .viwrap .vi1 p{font-size: 16px;font-weight: 400;color: #222629;}
.asection2 .circle{position: absolute;width: 175px;height: 175px;border-radius: 50%;background: #86c232;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1; opacity: 0.3;}

.asection3{margin: 115px 0;position: relative;}
.asection3 .slideback{position: absolute;background: #d9d9d9;height: 300px;bottom: -100px;z-index: -1;}
.asection3 .teamtxt{text-align: left;margin-bottom: 70px;width: 30%;}
.asection3 .teammember{width: 85%;float: right;position: relative;}
.asection3 .teammember ul{width: 100%;float: left;}
.asection3 .teammember ul li{padding: 0 15px;}
.asection3 .teammember ul li .memcard{text-align: left;}
.asection3 .teammember ul li .memcard h3{font-size: 28px;font-weight: 600;color: #222629;text-transform: uppercase;margin-top: 20px;}
.asection3 .teammember ul li .memcard p{font-size: 22px;font-weight: 400;color: #222629;margin-top: 10px;}

.asection4{background:url(../images/getintouchbkc.jpg)center center/cover;}
.asection4 .wrapper .project{display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: row wrap;padding: 50px 0px;}
.asection4 .wrapper .project .pro1{width: 50%;text-align: left;}
.asection4 .wrapper .project .pro1 .proh1{font-size: 25px;font-weight: 600;color: #ffffff;margin-bottom: 30px;width: 50%;}
.asection4 .wrapper .project .pro1 .proh2{font-size: 48px;font-weight: 700;color: #ffffff;width: auto;float: left;position: relative;}
.asection4 .wrapper .project .pro1 .proh2::after{content: ' ';display: inline-block;height: 5px;width: 28%;background: #648e2f;transition: all 0.4s ease;left: 0;bottom: -5px;position: absolute;}
.asection4 .wrapper .project .pro1 .proh2:hover::after{width: 100%;}
.asection4 .wrapper .project .pro2{width: 50%;text-align: left;padding-top: 40px;}
.asection4 .wrapper .project .pro2 p{font-size: 16px;font-weight: 400;color: #ffffff;}

.progress1 {display: inline-block;width: 7%;height: 2px;border-radius: 10px;overflow: hidden;background-color: #aaa;background-image: linear-gradient(to right, #a2c078, #a2c078);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .4s ease-in-out;position: absolute;top: 111px;right: 249px;}
.sr-only1 {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.slider__counter1 {position: absolute;z-index: 1;pointer-events: none;font-size: 20px;color: #000000;right: 398px;top: -120px;font-weight: bold;display: inline-block;}
.slider__counter2 {position: absolute;z-index: 1;pointer-events: none;font-size: 20px;color: #b9c0c5;right: 217px;top: -120px;font-weight: bold;display: inline-block;}

/* Service Page */
.ca-widthp{width: 63% !important;margin-bottom: 80px !important;}
.marginb-0{margin-bottom: 15px !important;}
.margint-115{margin-top: 90px !important;}
.padd-10{padding: 10px 0px !important;}
.f-48{font-size: 48px !important;}
.marginb-100{margin-bottom: 100px !important;}

.servicebanner{margin: 0px 0 30px;}
.ssection1 .wrapper .brandsection .text{text-align: left;}
.ssection1 .wrapper .brandsection .text .sh1{font-size: 25px;font-weight: 700;color: #222629;width: 58%;}
.ssection1 .wrapper .brandsection .brandwrap{margin-top: 80px;}
.ssection1 .wrapper .brandsection .brandwrap{text-align: left;}
.ssection1 .wrapper .brandsection .brandwrap ul li{position: relative;padding-left: 50px;height: auto;border-bottom: 1px solid #b9b9b9;margin-bottom: 40px;padding-bottom: 20px;}
.ssection1 .wrapper .brandsection .brandwrap ul li:last-child{border-bottom: none;}
.ssection1 .wrapper .brandsection .brandwrap ul li::before{content: ' ';position: absolute;background: url(../images/sicon1.jpg)no-repeat center center;left: 0;top: 2px;width: 32px;height: 32px;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(1)::before{background: url(../images/creative-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(2)::before{background: url(../images/ui-ux-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(3)::before{background: url(../images/web-design-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(4)::before{background: url(../images/backend-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(5)::before{background: url(../images/ecommerce-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(6)::before{background: url(../images/mobile-developing-icon.png)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(7)::before{background: url(../images/seo-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(8)::before{background: url(../images/sem-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(9)::before{background: url(../images/social-media-icon.jpg)no-repeat center center;}
.ssection1 .wrapper .brandsection .brandwrap ul li:nth-child(10)::before{background: url(../images/blockchain-icon.jpg)no-repeat center center;}
.accordion{text-align: left;}
.accordion-item .acch1{font-size: 25px;font-weight: 400;color: #222629;margin-bottom: 20px;cursor: pointer;}
.accordion-thumb {position: relative;}
.accordion-thumb::after{content: ' '; width: 50px;height: 50px;background: url(../images/plusicon.jpg)no-repeat center center; top: 0;right: 0;position: absolute;background-size: 20px !important;}
.accordion-item p{font-size: 16px;font-weight: 400;color: #222629;line-height: 2;width: 87%;}
.accordion-panel {padding-bottom: .8rem;display: none;}
.accordion-item.is-active .accordion-thumb::after{background: url(../images/minusing.jpg)no-repeat center center;}

/* Work */

.wmargin{margin-bottom: 160px !important;}
.w-width{width: 100%;}
.accbtndiv{margin-top: 15px;}
.accbtndiv .accbtn{font-size: 14px;font-weight: 500;text-transform: uppercase;outline: none;border: 1px solid #282c2f;background: none;padding: 12px 10px;cursor: pointer;transition: all 0.3s;position: relative;z-index: 2;font-family: 'Montserrat';display: inline-block;}
.accbtndiv .accbtn::before,.accbtn::after {background: #86c232;content: '';position: absolute;z-index: -1;transition: all 0.3s;}
.accbtndiv .accbtn:hover {color: #ffffff;border-color: #86c232;}
.accbtndiv .accbtn::after {height: 100%;left: 0;top: 0;width: 0;}
.accbtndiv .accbtn:hover:after {width: 100%;}

/* Career */

.ca-margin{margin-bottom: 15px !important;}

.ca-marginb{margin-bottom: 99px !important;}
.careerbanner{margin-bottom: 50px;}
.casection .wrapper .worldsection .texthead{width: 100%;float: left;text-align: left;}
.casection .wrapper .worldsection .texthead .cah1{font-size: 25px;color: #222629;font-weight: 700;width: 80%;}
.casection .wrapper .worldsection .welcome{width: 100%;float: left;text-align: left;display: flex;justify-content: flex-start;align-items: flex-start;padding: 60px 0;flex-flow: row wrap;}
.casection .wrapper .worldsection .welcome .weltxt{width: 50%;float: left;}
.casection .wrapper .worldsection .welcome .weltxt .cah2{font-size: 25px;font-weight: 700;color: #222629;width: 47%;}
.casection .wrapper .worldsection .welcome .weltxt span{color: #86c232;text-transform: uppercase;}
.casection .wrapper .worldsection .welcome .position{width: 50%;}
.casection .wrapper .worldsection .welcome .position ul{width: 100%;}
.casection .wrapper .worldsection .welcome .position ul li{border-bottom: 1px solid #d4d4d4;padding: 20px 0;}
.casection .wrapper .worldsection .welcome .position ul li:last-child{border-bottom: none}
.casection .wrapper .worldsection .welcome .position .accordion-item .cah3{font-size: 25px;font-weight: 600;color: #222629;margin-bottom: 12px;cursor: pointer;}
.casection .wrapper .worldsection .welcome .position .accordion-item .cah4{font-size: 16px;font-weight: 400;color: #222629;margin-bottom: 12px;font-style: italic;}
.casection .wrapper .worldsection .welcome .position .accordion-thumb {position: relative;}
.casection .wrapper .worldsection .welcome .position .accordion-thumb::after{content: ' '; width: 50px;height: 50px;background: url(../images/plusicon.jpg)no-repeat center center;top: 0;right: 0;position: absolute;box-shadow: none;background-size: 20px;}
.casection .wrapper .worldsection .welcome .position .accordion-item p{font-size: 14px;font-weight: 400;color: #222629;width: 87%;}
.casection .wrapper .worldsection .welcome .position .accordion-panel {padding-bottom: .8rem;display: none;}
.casection .wrapper .worldsection .welcome .position .accordion-item.is-active .accordion-thumb::after{background: url(../images/minusing.jpg)no-repeat center center;box-shadow: none;}

/* popup */

.applybtn button{font-size: 16px;font-weight: 500;text-transform: uppercase;outline: none;border: 1px solid #282c2f;background:#d4f1ac;padding: 15px 50px;cursor: pointer;transition: all 0.3s;position: relative;z-index: 2;font-family: 'Montserrat';color: black;border-radius: 8px;}
.applybtn button::before,.applybtn button::after {background: #86c232;content: '';position: absolute;z-index: -1;transition: all 0.3s; border-radius: 8px;}
.applybtn button:hover {color: #ffffff;}
.applybtn button::after {height: 100%;left: 0;top: 0;width: 0;}
.applybtn button:hover:after {width: 100%;}

.popupsection{position: relative;background: url(../images/popbanner.jpg)no-repeat center center/cover;height: 100vh;display: flex;justify-content: center;align-items: center;}
.popupsection .wrapper .popdiv{padding: 60px 0;}
.popupsection .wrapper .popdiv .poptxt{text-align: left;}
.popupsection .wrapper .popdiv .poptxt .apph1{font-size: 40px;color: #bbe186;font-weight: 800;width: 38%;display: inline-block;}
.popupsection .wrapper .popdiv .popform{padding: 40px 0;}
.popupsection .wrapper .popdiv .popform ul{width: 100%;float: left;display: flex;justify-content:space-between;align-items: center;flex-flow: row wrap;}
.popupsection .wrapper .popdiv .popform ul li{width: calc(50% - 20px);display: inline-block;margin-bottom: 40px;}
.popupsection .wrapper .popdiv .popform ul li .inputdiv{width: 100%;position: relative;}
.popupsection .wrapper .popdiv .popform ul li .inputdiv input{width: 100%;border:1px solid black;font-size: 16px;height: 45px; border-radius: 8px; background: #d4f1ac;padding: 0 20px;color: #10100f;}
.popupsection .wrapper .popdiv .popform ul li .inputdiv select{width: 100%;border:1px solid black;font-size: 13px;height: 45px;background: #d4f1ac;padding: 0 20px;font-family: 'Montserrat';appearance: none;-webkit-appearance: none;position: relative;cursor: pointer;border-radius: 8px;}
.popupsection .wrapper .popdiv .popform ul li .inputdiv input::placeholder{color: #10100f;font-size: 13px;font-family: 'Montserrat';}
.popupsection .wrapper .popdiv .popform ul li .inputdiv option{color: #10100f;font-size: 16px;font-family: 'Montserrat';}
.popupsection .wrapper .popdiv .popform .textdiv{width: 100%;float: left;}
.popupsection .wrapper .popdiv .popform .textdiv textarea{width:100%;color: #10100f;font-size: 15px;font-family: 'Montserrat';border:1px solid black;background: #d4f1ac;padding: 20px 20px;resize: none; border-radius: 8px;}
.popupsection .wrapper .popdiv .popform .textdiv textarea::placeholder{color: #10100f;font-size: 14px;font-family: 'Montserrat';}
.popupsection .wrapper .popdiv .popform .applybtn{text-align: left;margin-top: 30px;float: left;}
.popupsection .wrapper .popdiv .popform ul li .inputdiv span{ width: 100%; bottom: -18px;cursor: pointer;font-size: 13px !important;font-family: 'Montserrat';} /*ish-13-10-22 */
.popupsection .wrapper .popdiv .popform ul li .inputdiv span i{font-size: 20px;color: #000000;}
.mfp-close{right: 15px !important;top: 15px !important;}
.popupsection .wrapper .popdiv .popform ul li .inputdiv.selectDiv{position: relative;}
.popupsection .wrapper .popdiv .popform ul li .inputdiv.selectDiv::after{content: '\f107';font: normal normal normal 16px/1 FontAwesome;color: #000;right: 10px;top: 50%;transform: translateY(-50%);font-weight: bold;padding: 0px 0px 0px 8px;position: absolute;pointer-events: none;cursor: pointer;}
.mfp-container{padding: 0 !important;}
.uploadBtn.homeClick{width: 20%;margin-bottom: 36px;}
/* Team Page */

.tsection1{margin: 30px 0 60px 0;}
.tsection1 .wrapper .teamsection .founder {width: 100%;float: left;margin-bottom: 0px;}
.foundtag {margin-bottom: 30px;}
.foundtag .th1{font-size: 30px;color: #222629;font-weight: 700;}
.tsection1 .wrapper .teamsection .founder .foundmemdiv{width: 100%;float: left;display: flex;justify-content: center;}
.tsection1 .wrapper .teamsection .founder .foundmemdiv ul{width: 100%;float: left;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap; padding: 0 10px;}
.tsection1 .wrapper .teamsection .founder .foundmemdiv ul li{display: inline-block;width: calc(33.33% - 30px);margin-bottom: 30px;}
.tsection1 .wrapper .teamsection .founder .foundmemdiv ul li .th2{font-size: 20px;color: #222629;font-weight: 600;}
.tsection1 .wrapper .teamsection .founder .foundmemdiv ul li p{font-size: 16px;color: #222629;}
.tsection1 .wrapper .teamsection .allteam {width: 100%;float: left;padding: 15px 0;}
.errors{font-size: 11px !important; position: absolute; bottom: -16px;  left: 0px;display: inline-block;width: 100%;}
.errorsLabel{color: red;}
.tsection1 .wrapper .teamsection .allteam .allteamdiv ul{width: 100%;float: left;display: flex;justify-content: center;align-items: flex-start;flex-flow: row wrap;}
.tsection1 .wrapper .teamsection .allteam .allteamdiv ul li{width: calc(25% - 20px);display: inline-block;margin: 0 10px 30px 10px; }
.tsection1 .wrapper .teamsection .allteam .allteamdiv ul li .employee{width: 100%;float: left;}
.tsection1 .wrapper .teamsection .allteam .allteamdiv ul li .employee .th3{font-size: 20px;color: #222629;font-weight: 600;}
.tsection1 .wrapper .teamsection .allteam .allteamdiv ul li .employee p{font-size: 16px;color: #222629;}
.foundimg{display: inline-block;overflow: hidden;position: relative;}
.tsection1 .wrapper .teamsection .foundmem img,.employee img{max-width: 100%;transform: scale(1);transition: transform 2s, filter 1s ease-in-out;}
.tsection1 .wrapper .teamsection .foundmem img:hover,.employee img:hover{transform: scale(1.1);}
.foundimg img.mobService{display: none;}

nav > ul {list-style: none;margin: 0;padding: 0;display: flex;}
nav > ul li {margin: 6px 20px;font-size: 48px;}

.menu-toggle {opacity: 0.6;background-color: transparent;position: fixed;z-index: 1001 !important;top: 48px;right: 45px;border: none;width: 25px;height: 17px;outline: none;transition: opacity 0.2s ease-out;cursor: pointer;}
.menu-toggle:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;right: auto;width: 100%;background: linear-gradient(to bottom, #10100f, #10100f 20%, transparent 20%, transparent 40%, #10100f 40%, #10100f 60%, transparent 60%, transparent 80%, #10100f 80%, #10100f 100%);transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out;}
.menu-toggle:after {opacity: 0;content: "×";color: white;position: absolute;top: 16px;right: -4px;font-family: Arial, sans-serif;font-size: 55px;line-height: 0;transition: opacity 0.4s ease-out;z-index: 0 !important;}
.menu-toggle:active {transform: translateY(2px);}
.menu-toggle:hover {opacity: 1;}
.open .menu-toggle {opacity: 1;}
.open .menu-toggle:before {opacity: 0;width: 0;}
.open .menu-toggle:after {opacity: 1;transform: translate3d(0, 0, 0) rotate(360deg);transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out;}

/* nav {z-index: 1000;position: fixed;top: -100%;left: 0;width: 100%;height: 100%;transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;}
nav:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background: #000;width: 100%;height: 0;padding-bottom: 100%;border-radius: 100%;transform: scale(0.04), translateY(9999px);overflow: hidden;opacity: 1;}
.open nav {top: 0;}
.open nav:before {-webkit-animation: menu-animation 1.0s ease-out forwards;animation: menu-animation 1.0s ease-out forwards;}

nav > ul.menu {position: fixed;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;perspective: 1000;color: white;}
nav > ul.menu a{width: 100%;display: inline-block;position: relative;} */
/* nav > ul.menu a:before {text-align: left;box-sizing: border-box;position: absolute;top: 0;left: 0;overflow: hidden;transition: all 400ms ease-in-out;content: attr(data-hover);} */

/* .horizontal a:before {
  width: 0px;
  color: #14542f;
  background: #208c4e;
}
.horizontal a:hover:before {
  width: 100%;
} */
nav > ul.menu li {opacity: 0;text-align: left;transform: translate3d(0, 36px, 0);bottom: 0;position: relative;}
nav > ul.menu li:hover{color:#97f513;}
.list2{display: none;}
.social_menu i{color: #fff;font-size: 18px;line-height: 36px;}
.social_menu a{width: 40px;height: 40px;border-radius: 50%;border: 2px solid #86c232;text-align: center;display: inline-block;margin-right: 20px;transition: all 0.4s ease-in;}
.social_menu a:hover{background: #86c232;}

.open ul.menu li {opacity: 1;line-height: 1.5;transform: translate3d(0, 0, 0);transition: transform 0.2s ease-out, opacity 0.2s ease-out;position: relative;}
.open ul.menu li:nth-child(1) {transition-delay: 0.75s;}
.open ul.menu li:nth-child(2) {transition-delay: 0.85s;}
.open ul.menu li:nth-child(3) {transition-delay: 0.95s;}
.open ul.menu li:nth-child(4) {transition-delay: 1.05s;}

.list2 {opacity: 0;transform: translate3d(0, 36px, 0);}
.open .list2 {opacity: 1;transform: translate3d(0, 0, 0);transition: transform 0.2s ease-out, opacity 0.2s ease-out;}
.open .list2:first-child{transition-delay: 0.75s;}
.open .list2:last-child{transition-delay: 0.85s;}

@-webkit-keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

@keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

/* chat popup */
#fixed-form-container .body{display: none;position: relative;}
#fixed-form-container{position: fixed;bottom: 0px;right: 3%;width: 94%;text-align: center;margin: 0;z-index: 3;}
/* chat-loader */

/* #fixed-form-container .body::before{position: absolute;content: '';height: 100%;width: 100%;left: 0;bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 5;}
#fixed-form-container .body::after{position: absolute;content: '';height: 100%;width: 100%;left: 0;bottom: 0;  z-index: 6; background: url('../images/loader.gif') no-repeat center;} */




#fixed-form-container .button:before { content: '\f095';font: normal normal normal 16px/1 FontAwesome;font-size: 17px;margin-right: 10px;}
#fixed-form-container .button.expanded:before { content: '\f00d';font: normal normal normal 16px/1 FontAwesome;font-size: 17px;margin-right: 10px;}
#fixed-form-container .button.expanded{left: 266px;}


#fixed-form-container .button { font-size:1.5em;margin-left: auto;margin-right: auto;border: 2px solid #86c232;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px 5px 0px 0px;padding: 5px 20px 5px 20px;background-color: #86c232;color: #fff;display: inline-block;text-align: center;text-decoration: none;-webkit-box-shadow: 0px 0px 31px 4px rgba(0,0,0,0.15);  -moz-box-shadow: 0px 0px 31px 4px rgba(0,0,0,0.15);  box-shadow: 0px 0px 31px 4px rgba(0,0,0,0.15);position: relative;; left: 210px;cursor: pointer;}

#fixed-form-container .body{background-color: #fff; border-radius: 5px;border: 2px solid #86c232;margin-bottom: 0px;padding: 10px; -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);}
.form-group {margin-bottom: 20px;position: relative;}
.form-group input {font-family: 'Montserrat', sans-serif;}
.form-group textarea{resize: none;height: 60px;font-family: 'Montserrat', sans-serif;}
.form-group label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.checkbox, .radio {position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}
.checkbox label, .radio label {min-height: 20px;padding-left: 20px;margin-bottom: 0;font-weight: 400;cursor: pointer;}
#fixed-form-container .btn-default {color: #f9faff;background-color: #86c232;border-color: #abef4c;border: none;padding: 10px 30px;font-size: 15px;border-radius: 5px;cursor: pointer;}
@media only screen and (min-width:768px){
  #fixed-form-container .button{margin: 0;left: 195px;}
  #fixed-form-container {right: 20px;width: 390px;text-align: left;}
  #fixed-form-container .body{padding: 30px;border-radius: 0px 5px 5px 5px;}
}

/* upload btn */

.uploadBtn {width: 100%;float: left;position: relative;margin-bottom: 0px;}
.uploadBtn .inputFile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;border: 1px solid #c1c1c1;position: absolute;z-index: -1;}
.uploadBtn .inputFile + label {position: static;pointer-events: inherit;cursor:pointer;}
.uploadBtn .inputFile + label .svgWrap {display: inline-block;vertical-align: middle;border: 1px solid #000000;padding: 0 8px 0 12px;  height: 45px; margin: 0;width: 100%;text-align: left;color: #000;font-size: 13px;background: #d4f1ac; border-radius: 8px;    padding-top: 11px;}
.uploadBtn .inputFile + label svg {fill: #7e7e7e;width: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0px;}
.uploadBtn p {font-size: 14px;color: #909090;}
.btn-car{border-radius: 8px;}

/* .foundimg::after{
  content: " ";width: 100%;height: 100%;background: #000;opacity: 0.5;position: absolute;left: 0;
} */

body .cursor {pointer-events: none;}
body .cursor__ball {position: absolute;top: 0;left: 0;mix-blend-mode: difference;z-index: 10000;}
body .cursor__ball circle {fill: #86c232;}

.blockchain {margin: 100px 0;}
.blockchain .wrapper .contentwrap{text-align: left;}
.blockchain .wrapper .contentwrap .bctext{margin-bottom: 30px;}
.blockchain .wrapper .contentwrap .bctext h3{font-size: 48px;font-weight: 700;color: #222629;}
.blockchain .wrapper .contentwrap .bcP p{font-size: 20px;font-weight: 400;color: #222629;line-height: 2;}

.mb-0{margin-bottom: 0px !important;}
.mb-25{margin-bottom: 25px !important;}
.mob-margin{margin-top: 35px !important;}

.tysection{margin: 350px 0 300px; display: flex; justify-content: center;}
.tysection .wrapper .thankyou{padding: 0 10px; text-align: center;}
.tysection .wrapper .thankyou .tylogo {padding-bottom: 0px;}
.tysection .wrapper .thankyou .tylogo img{width: 100px;height: 100px;}
.tysection .wrapper .thankyou .txt{font-size: 40px;padding-bottom: 0px;}
.tysection .wrapper .thankyou .tagline{font-size: 20px;padding-bottom: 20px;}

.nfsection{margin: 170px 0;}
.nfsection .wrapper .notfound{padding: 0 10px;position: relative;}
.nfsection .wrapper .notfound .txtnf h2{width: 100%;float: left;font-size: 500px;font-family: 'Montserrat', sans-serif;color: #d0d0d0;opacity: 0.4;display: flex;justify-content: center;font-weight: 800;}
.nfsection .wrapper .notfound .nfabsection{width: 38%;float: left;position: absolute;display: flex;flex-direction: column;top: 42%;left: 55%;transform: translateX(-50%);}
.nfsection .wrapper .notfound .nfabsection h3{text-align: left;color:#86c232;font-weight: 700; font-size: 50px;padding-bottom: 20px;}

.careerimg{padding-top: 20px;width: 80%;}
.conSub{width: 30%;padding: 12px 10px !important; border-radius: 8px;}
.conSub::after{border-radius: 5px;}
.mt-145{margin-top: 145px !important;}
.abcapaw{width: 50%;}
.loader {background: url(../images/refresh.gif) no-repeat center center;position: absolute;top: 0;left: 0;width: 100%;
height: 100%;z-index: 9999;position: fixed;background-color: rgba(255, 255, 255, 0.8);display: none;}
.errors{  color:red; }


/* .mobSlider{transition: all 0.4s ease;} */
.mobSlider.sticky {position: fixed;top: 64px;z-index: 10;background: #fff;padding: 8px 0;width: 65% !important;}

/* Different service pages */

.serviceHead{font-size: 20px;color: #61892f;font-weight: 500;text-transform: uppercase;letter-spacing: 5px;margin-bottom: 5px;}
.serviceDis .wrapper .contentWrapper{display: flex; width: 100%;float: left;margin: 35px 0 35px;}
.serviceDis .wrapper .contentWrapper .listItem{width: calc(30% - 20px);padding: 20px 20px;text-align: left;}

.serviceDis .wrapper .contentWrapper .listItem ul{width:100%;float: left;}
.serviceDis .wrapper .contentWrapper .listItem ul li{width:100%;float: left;font-size: 16px;margin-bottom: 12px;}
.serviceDis .wrapper .contentWrapper .listItem ul li a{color:#000;}
.serviceDis .wrapper .contentWrapper .listItem ul li::before{content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50%;background-color: #86c232;margin-right: 20px;-webkit-transform: translate3d(0,calc(-50% - 2px),0);transform: translate3d(0,calc(-50% - 2px),0);}
.serviceDis .wrapper .contentWrapper .rightDec{width: calc(70% - 20px);padding: 20px 20px;text-align: left;}
.serviceDis .wrapper .contentWrapper .rightDec p{font-size: 16px;padding-bottom: 30px;}

.gbtndiv a {color: #333339;}
.bannersection.ux-banner {background: url(../images/ux-banner-new.webp)no-repeat center center/cover;height: 85vh;}
.ux-banner{margin-top: 105px;}
.serviceDis {display: flex;justify-content: center;}
.floatImg-ux{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;width: 30%;}
.floatImg-mobile{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;width: 30%;display: none;}
.floatImg-seo{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;width: 30%;display: none;}
.floatImg-web{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;width: 30%;display: none;}
.floatImg-social{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;width: 30%;display: none;}

.bannersection.ux-banner .wrapper .headtext .htext {padding-bottom: 15px;}

.slick-dots li button{width: 8px !important ;height: 8px !important;padding: 0;border: 1px solid #86c232 !important;}
.slick-dots li.slick-active button{    background: #86c232 !important;}

.open ul.menu li::after{content: '';width: 0%;height: 2px;position: absolute;left: 50%;transform: translateX(-50%);background: #86c232;transition: all 0.2s ease-in;bottom: 0;}
.open ul.menu li:hover:after{width: 50%;}
.bannersection.teambanner {
  background: url(../images/team-bannernew5.webp)no-repeat center center/cover;
  height: 85vh;
}
.teambanner {
  margin-top: 105px;
}
.bannersection.teambanner .wrapper .headtext .htext {
  padding-bottom: 15px;
}


.blog-sec{width: 100%; float: left;display: flex; justify-content: center; margin-top: 160px;}
.blog-sec .blog-wrap{max-width: 1300px;width: 100%;display: inline-block;padding: 0 15px;}
.blog-sec .blog-wrap .blog-in{width: 100%; float: left;flex-wrap: wrap; display: flex;justify-content: space-between;}
.blog-sec .blog-wrap .blog-in a{width: 100%; float:left;}
.blog-sec .blog-wrap .blog-in .b-card1{width: calc(33.33% - 20px); float: left;padding-bottom: 90px;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-img{width:100%; float: left;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-img img{width:100%;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont{width:100%; float: left; position: relative; margin-top:0px;}
/*.blog-sec .blog-wrap .blog-in .b-card1 .b-cont span.rm-btn{border-radius: 6px;top: -52px; position: absolute; background: #fff;box-shadow: 0px 43px 148px 0px rgb(62 62 62 / 16%); color: #333;padding: 10px 20px;font-weight: 600;font-size: 18px; right: 17px;}*/
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont .b-title{width: calc(90% - 10px); font-size: 20px;margin-top: 0px; line-height: 30px; font-weight:600; color: #333333;text-align:left;}/* 7-11-22 */
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont .b-pare{width: 100%; float: left;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont .b-pare p{font-size: 16px;font-weight: 500;margin-top: 20px;  color: #333333; text-align: left;}

.b-btndiv{width: 100%;float: left;  padding-bottom: 25px;}
.b-btndiv .gbtn {font-size: 13px;font-weight: 500;text-transform: uppercase; color: #333d46;outline: none;border: 1px solid #282c2f;background: none;padding: 10px 10px;transition: all 0.3s;position: relative;z-index: 2;font-family: 'Montserrat';display: inline-block;cursor: pointer;}
.b-btndiv .gbtn::before,.gbtn::after {background: #86c232;content: '';position: absolute;z-index: -1;transition: all 0.3s;}
.b-btndiv .gbtn:hover {color: #ffffff;border-color: #86c232;}
.b-btndiv .gbtn::after {height: 100%;left: 0;top: 0;width: 0;}
.b-btndiv .gbtn:hover:after {width: 100%;}


.blog-sec .blog-wrap .blog-in .b-card1 .b-cont span.rm-btn{font-size: 15px;font-weight: 500;text-transform: uppercase;outline: none; border: 1px solid #282c2f;background: none;padding: 10px 20px;transition: all 0.3s;position: relative; z-index: 2; display: inline-block;cursor: pointer;top: -26px;right: -89px;background-color: #fff;border: none;border-radius: 6px;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont span.rm-btn::before,.rm-btn::after {background: #86c232;border-radius: 6px;content: '';position: absolute;z-index: -1;transition: all 0.3s;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont span.rm-btn:hover {color: #ffffff;border-color: #86c232;border-radius: 6px;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont span.rm-btn::after {height: 100%;left: 0;top: 0;width: 0;border-radius: 6px;}
.blog-sec .blog-wrap .blog-in .b-card1 .b-cont span.rm-btn:hover:after {width: 100%;border-radius: 6px;}


.b-item {
    position: relative;
    border: 0px solid #333;
    /*margin: 2%;*/
    overflow: hidden;
    width: auto;
    display: inline-block;
}
.b-item img {
    max-width: 100%;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
}
.blog-sec .blog-wrap .blog-in .b-item:hover img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.b-item:before {
    content: "";
    display: block;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #000;
    background: rgba(0,0,0,0.2);
    z-index: 2;
    opacity: 0;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}
.b-item:hover:before {
    opacity: 1;
}

.serviceClick:hover img { transform: scale(1.1);}
.serviceClick:hover .b-item:before{visibility: visible;opacity: 1;}
.serviceClick:hover .commonBtnService{color: #fff; background-color: #86c232 !important;}
/*.serviceClick:hover .commonBtnService::after{width: 100%;}*/
.serviceClick:hover .commonBtnService::before,.commonBtnService::after {background: #86c232;border-radius: 6px;content: '';position: absolute;z-index: -1;transition: all 0.3s;}


.commonBtnService{border-radius: 6px;background: #000;box-shadow: 0px 43px 148px 0px rgba(62, 62, 62, 0.16); color: #333;padding: 10px 20px;font-weight: 600;font-size: 20px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -o-transition: all 0.3s;transition: all 0.3s;; position: relative;display: block;overflow: hidden;z-index: 2;font-size: 22px; ;z-index: 1;position: absolute;top: -70px;right: 30px;z-index: 3;}
.commonBtnService::after{content: ''; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;  -o-transition: all 0.3s; transition: all 0.3s; position: absolute;left: 0;top: 0;width: 0;height: 100%; background-color:#86c232;display: block;z-index: -1;}



.b-d-sec{width: 100%; float: left;}
.b-d-sec .b-d-ban{width: 100%; float: left;}
.b-d-sec .b-d-ban .ban-img{width: 100%; float: left; position: relative;    margin-top: 106px;}
.b-d-sec .b-d-ban .ban-img img{width: 100%;}
.b-d-sec .b-d-ban .ban-img .ban-cont{width: 100%; float: left;flex-wrap: wrap; position: absolute; top:40%; display: flex; justify-content: center;}
.b-d-sec .b-d-ban .ban-img .ban-cont h2{font-size:30px; color: #fff;line-height: 35px; font-weight: 600; font-size: 30px;color: #fff;font-weight: 600;width: 100%;max-width: 1000px;text-align: left;}
.b-d-sec .b-d-ban .ban-img .ban-cont p{font-size:30px;padding-top: 20px;font-weight: 600; font-size: 18px;color: #86c232;font-weight: 600;width: 100%;max-width: 1000px;text-align: left;}

.b-d-sec .b-d-cont{width: 100%; float: left; display: flex; justify-content:center; padding: 50px 0px;}
.b-d-sec .b-d-cont .b-d-wrap{width: 100%; flex-wrap: wrap; max-width:1000px; float: left; display: flex;justify-content: center;}
.b-d-sec .b-d-cont .b-d-wrap .b-pare{width: 100%; float: left; }
.b-d-sec .b-d-cont .b-d-wrap .b-pare p{font-size: 16px;font-weight: 500;margin-top: 20px;  color: #333333; text-align: left; padding-bottom: 20px;}






.b-icons{width: 100%; float: left;display: flex; justify-content: center;}
.b-icons .social{padding-top: 30px;}
.b-icons .social ul{display: flex;justify-content: flex-start;align-items: center;}
.b-icons .social ul li{margin-right: 25px;}
.b-icons .social ul li i{font-size: 25px;transition: all 0.4s ease-in;color: #aaacad;}
.b-icons .social ul li i:hover{color: #86c232;}

.home-banner-mob {display: none;}



/*--16-7-21--*/
.b-d-cont2{width: 100%; float: left; display: flex; justify-content: center; padding: 50px 0px;}
.b-d-cont2 .b-d-cont2-in{width: 100%;flex-wrap: wrap; max-width: 1000px;float: left;display: flex;}
.b-d-cont2 .b-d-cont2-in h2{font-size:22px; font-weight: 500;margin-top: 20px;color: #333333;text-align: left;padding-bottom: 20px;}
.b-d-cont2 .b-d-cont2-in img{width: 100%;}
.b-d-cont2 .b-d-cont2-in p {font-size: 16px; font-weight: 500; margin-top: 20px; color: #333333;text-align: left; padding-bottom: 20px;}
.b-d-cont2 .b-d-cont2-in ul{width: 100%; float: left;padding-left: 20px;}
.b-d-cont2 .b-d-cont2-in ul li{width: 100%; float: left;list-style: disc;}
.b-d-cont2 .b-d-cont2-in ul li p {font-size: 16px; font-weight: 500; margin-top:10px; color: #333333;text-align: left; padding-bottom:0px;}



.b-d-cont2-in.cont-parent {width: 100%; float: left; display: flex; max-width: 1300px;justify-content: center;} /*ish-13-10-22 */
.d-left-cont {width:calc(70% - 10px);}
.d-right-cont {width:calc(25% - 10px);}
.d-right-cont-in {
  width: 100%;
  float: left;
  display: flex;
}
.d-right-cont-in ul {
  width: 100%;
  float: left;
  padding-left: 20px;
}
.d-right-cont-in ul li {  font-size: 15px;font-weight: 500; margin-top: 20px; color: #333333;text-align: left;  padding-bottom: 20px; border-bottom: solid 1px #525252;}




/* 7-11-22 */

.blog-v-s {width: 100%; float: left; display: flex; justify-content: space-between;}
.blog-v-btn {width:calc(20% - 10px); display: flex;    justify-content: flex-end;}
.blog-v-btn i.fa.fa-eye { padding-right: 9px; font-size: 21px;    color: #1f1f1f; vertical-align: initial; height: 20px !important; align-items: center;}
.blog-v-btn h1 {font-size: 16px; font-weight: 600;color: #1f1f1f;}
.blog-b-text {
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 20px;
  font-weight: 600;
  color: #86c232;
}