@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
body{
  margin: 0 !important;
  padding:0;
  color: rgb(72 132 199);
  font-family: "Outfit", sans-serif;
  position:relative;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover{
  color:#000;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -0px;
}
.main{
  margin: auto;
  padding: 0;
  width: 95%;
}
a{
  color: #000000;
  text-decoration: none;
}
a:focus, a:hover {
  color: #000;
  text-decoration: none;
}
img{
  max-width: 100%;
}
p{margin:0px;}

.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;
}
h1,h2,h3,h4,h5,h6{
  margin:0;
}
/* */
/* START HEADER SECTION */

/* start top head section */

.tophead-section{
  padding: 20px 0 13px;
  /* background: linear-gradient(45deg, #009688, #2c3e50) ; */
}
.tophead-left1{
}
.tophead-left2 a{
  color: #999999;
}
.tophead-left2 strong{font-size: 19px;font-weight: 400;color: #000000;text-transform: capitalize;}

.tophead-right2 ul li{
  display: inline-block;
  padding: 0px 0px 0 0;
  font-size: 19px;
  text-transform: capitalize;
  color: #393939;
  line-height: 25px;
  font-weight: 500;
}
.tophead-right2 ul li span{display:inline-block;}
.tophead-right2 ul li em{
    font-style: normal;
}
.tophead-right2 ul li span .call-top-icon{
  border: 1px solid #e3e3e3;
  border-radius: 50px;
  height: 36px;
  text-align: center;
  line-height: 31px;
  margin: 0 6px 0 0px;
  width: 60px;
  display: block;
}
.tophead-right2 ul li span a svg{
  width: 28px;
  fill: #6d3c3c;
  height: auto;
}

@keyframes button-color-change {
  0% {fill: #78c8a2;}
  50% {fill: #fff;}
  100% {fill: #78c8a2;}
}

.tophead-right2 ul li .call-top-number {
  font-size: 17px;
  font-weight: 500;
  margin: 0 4px 0 8px;
  position:relative;
  display:inline-block;
  transition: 0.5s eas-in;
  color: #4a4a4a;
}
.tophead-right2 ul li a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 0;
  border-bottom: 1px solid;
  opacity: 0.2;
}
.tophead-right2 ul li a:before {
  content: "";
  position: absolute;
  width: 0;
  right: 0;
  bottom: -3px;
  height: 0;
  transition: 0.5s ease-in;
  border-bottom: 1px solid;
}
.tophead-right2 ul li a:hover:before {
  width: 100%;
  left: 0;
  right: auto;
}

/* end top head section */

.santa{
  position: absolute;
  right: 20px;
  top: 150px;
  display: none;
  z-index: 9;
  left: auto;
}
.santa img{
  height: 130px;
}



/* start head section  */

.head-section{
}
.fixed-top {
  position: fixed;
  top: 0;
  padding: 11px 0 14px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 1030;
  height: auto;
  background: #fff;
  box-shadow: 2px 3px 7px #71717133;
}
.fixed-top .head-left2 img{height: 55px;} 
.fixed-top .tophead-section{
  display:none
}

.head-center1{
  width: 55%;
  position: relative;
  z-index: 99;
}

.right-head{
  width: 20%;
}

/* end head section */



/* start navigation  section */

.left-list-navigation{
  padding: 10px;
}


.navbar-toggler-icon {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 2px;
  margin: 0 0 0 auto;
  background-color: #777777;
  transition: transform 0.3s ease;
  background-image: none;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: '';
  position: absolute;
  width: 33px;
  height: 2px;
  left: 0;
  background-color: #777777;
  transition: transform 0.3s ease;
}
.navbar-toggler-icon::before {
  top: -8px;
}
.navbar-toggler-icon::after {
  top: 8px;
}
.navbar-toggler{border: 0;box-shadow: none;padding: 0;margin: -78px 0px 0 auto;}
.navbar-toggler:focus{box-shadow:none;}

.menu{
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu li{
  padding: 0px 8px;
  font-size: 16px;
  text-transform: capitalize;
  list-style: none;
  position: relative;
  z-index: 9;
  transition: all .5s, background 2s .5s linear;
}

.menu li:last-child:before{
  display:none;
}
.menu li a{
  color: #2f2f2f;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.navbar-nav .nav-link.active{
  color: #000000;
}
.nav-link:focus, .nav-link:hover{
  color:#000000;
}
  

.drowpdown-navigation{
  box-shadow: 0 0 12px 0px #6f6f6f54;
  padding: 15px;
  transition: all .5s, background 2s .5s linear;
  border-radius: 11px;
  background: #fff;
  z-index: 9;
  position: relative;
}




/* Cross effect on active toggle */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  transform: rotate(45deg);
  background: transparent;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
  transform: rotate(180deg);
  top: -8px;
  right: 0;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
  transform: rotate(90deg);
  top: -8px;
  right: 0;
}
.nav-link:focus, .nav-link:hover {
  color: #ffffff;
}

.nav-link:focus, .nav-link:hover {
  color: #ffffff;
}
@media all and (min-width: 992px) {
  .dropdown-menu {
    padding: 0px 0 0;
    margin: 0 0;
    width: 100%;
    top: auto;
    border: 0;
    z-index: 9;
    left: -326px;
    width: fit-content;
    margin: 0px  0 0 0;
    width: 860px;
    background: transparent;
    /* transform: perspective(1000px); */
    transition: all .5s, background 2s .5s linear;
  }
  .mega-submenu {
    left: 100%;
    top: 0;
    min-width: 25rem;
  }
  .ktm-mega-menu {
    position: static;
  }
  .mega-menu {
    left: 0;
    right: 0;
    width: 100%;
  }
  .dropdown-menu li {
    position: relative;
    padding: 0;
    display: block !important;
    line-height: 29px;
  }
  .dropdown-menu .submenu {
    display: none;
    left: 100%;
    top: 0;
  }
  .dropdown-menu>li:hover>.submenu,
  .dropdown:hover>.dropdown-menu {
    display: block;
    opacity:1;
    transition: all .5s, background 2s .5s linear;
  }
} 
.dropdown ul li a{
  text-transform:capitalize;
  color: #636363;
  padding: 10px 0px!important;
}
.dropdown ul li a svg{
  height: 30px;
  width: 30px;
  fill: #8bc34a;
  margin: 0 7px 0 0px;
}
.nav-link:focus, .nav-link:hover {
  color: #000000;
  transition: all .5s, background 2s .5s linear;
}
.dropdown ul li:before{
  display:none;
}

.dropdown-item:focus, .dropdown-item:hover{
  background:transparent;
  color: #000000;
}



/* end navigation section  */

/* start popup form section */


.modal-backdrop.show{
  opacity:0;
  height: 0;
}
.right-head .modle-btn{
  background: linear-gradient(
343deg, #caee6f, #05885c);
  margin: 0 auto;
  display: block;
  padding: 10px 18px 6px;
  border: 0;
  text-transform: capitalize;
}
.right-head .modle-btn em{
  font-style: normal;
  font-size: 17px;
}
.right-head .modle-btn svg{
  height: 26px;
  width: 26px;
  fill: #fff;
  margin: -6px 0 0px 0;
}
.modle-box-width{
  max-width: 80%;
  margin: 50px auto 0;
}
.left-company1{
  padding: 0;
  position: relative;
  z-index: 9;
}
.left-company2{
  padding: 0 50px 0 0px;
}
.left-company2 strong{
  font-size: 25px;
  font-weight: 500;
  line-height: 42px;
  color: #141414;
  text-transform:capitalize;
  padding: 0 0  10px 0;
  display: block;
}
.left-company2 ul li{
  list-style:none;
  padding: 30px 0 0;
}
.left-company2 ul li a{
  display:block;
  padding: 0 0 0 34px;
  color: #313131;
  font-size: 18px;
}
.left-company2 ul li a i{left: 0;}
.left-company2 ul li a i svg{
  height: 24px;
  width: 23px;
  margin: -5px 0 0;
}
.left-company2 ul li a i svg path{
}
.left-company2 span{
  bottom: 0;
  right: 20px;
  opacity: 0.4;
  z-index: -9;
  top: auto;
}
.left-company2 span img{
 height:100px;
}

.right-company{
  padding: 0;
}
.contactus-form{
  border-radius: 30px;
  padding: 30px;
  position: relative;
  border: 1px solid #e7e7e7;
  z-index: 9;
  box-shadow: 0px 0px 14px 6px #ebebeb;
}
.contac-rr {
  padding: 0 0 20px 0;
  margin: 0;
  text-align: left;
}
.form-group1 {
   padding: 7px 10px;
   text-align: center;
   margin: 5px 0px 5px;
   position: relative;
}
.form-group1 label{
  text-align: left;
  font-weight: 600;
  display: block;
  padding: 0 0 4px 0;
  font-size: 14px;
  text-transform: capitalize;
}
input.form-control1 {
   color: #252525;
}
.form-control1 {
  height: 41px;
  background-color: #ffffff00;
  border-radius: 0px;
  border: 0;
  border-bottom: 1px solid #cfcfcf;
  display: block;
  width: 100%;
  padding: 7px 14px 6px 14px;
  font-size: 15px;
  font-weight: 400;
}
textarea.form-control1 {
  height: 51px;
}
.form-group1 span{
  margin: 0;
}
.btn-group{
  padding: 23px 0 0px 0;
  display: block;
  margin: 0;
  text-align: left;
}
.btn-group>.btn{
  background: linear-gradient(45deg, #caee6f, #05885c);
  padding: 11px 18px 10px;
  color: #ffffff;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  border:0;
  border-radius: 0px;
  transition: 0.8s all ease-in-out;
  margin: 0px auto 0px;
}
.form-group1  .place::-webkit-input-placeholder{
  color: #303030;
  font-size:15px;
  font-weight:400;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.btn:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -0px;
}
.btn:active:focus, .btn:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -0px;
}
.digital-heading strong {
  font-size: 27px;
  color: #212121;
  display: block;
  text-align: left;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
}
.digital-heading strong:before{
  content:"";
  position:absolute;
  height: 2px;
  width: 30%;
  margin: 0 auto 0 0;
  left:0;
  right:0;
  background: #e3e3e3;
  bottom: 0;
}
.modal-body{
  padding: 50px 30px 70px;
}


/* end popup form section */


/* start header slide section */


.header-slide{
  padding: 115px 0 50px 60px;
  overflow: hidden;
  margin: 0 0 80px;
  position:relative;
}
.header-slide:before{
  background: radial-gradient(#edfcc5a1, transparent);
  content:"";
  position:absolute;
  height:100%;
  width: 30%;
  left:0;
  top:0;
  z-index: -9;
}

.slide-text strong{
  font-size: 88px;
  display: block;
  color: #000000;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 100px;
}
.slide-text strong:nth-child(1){
  font-size: 77px;
  text-transform: uppercase;
  font-weight: 600;
  color: #414141;
  line-height: normal;
  margin: 0 0 -5px 0;
}
.slide-text strong:nth-child(2){
  font-size: 106px;
}
.slide-text strong:nth-child(3){
  text-transform: capitalize;
}

.header-right2{
  position: relative;
  text-align: center;
}
.social-media-top {
  /* position: relative; */
  background: transparent;
  padding: 0px;
  height: 500px;
  width: 500px;
  margin: 0 auto;
}
.social-media-top span{
  display:block;
  position: absolute;
  top: 50px;
  left: 55px;
  z-index: 9;
}
.social-media-top span:nth-child(1) svg{
  height: 40px;
  width: 40px;
}
.social-media-top span:nth-child(2){
  top: auto;
  left: auto;
  bottom: 60px;
  right: 50px;
}
.social-media-top span:nth-child(4){
  top: auto;
  bottom: 180px;
  left: -4px;
}
.social-media-top span:nth-child(5){
  bottom: 0;
  top: auto;
  left: 100px;
}
.social-media-top span:nth-child(6){
  top: 210px;
  left: auto;
  right: 0;
  height: 10%;
  width: fit-content;
}
.social-media-top span:nth-child(7){
  top: -70px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
} 
.social-media-top span svg{
 height: 50px;
 width: 50px;
}
.background-cricle{
  background: linear-gradient(45deg, #beeb4d, #f7ffe1);
  height: 500px;
  width:500px;
  border-radius: 50%;
  position: absolute;
  left:0;
  right: 0;
  margin:0 auto;
  top: -3px;
}
.background-cricle:before{
  background: #ffffff;
  height: 400px;
  width: 400px;
  border-radius: 50%;
  position: absolute;
  content:"";
  top: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.round-cricle{
  background: #ffffff;
  height: 580px;
  width: 580px;
  border-radius: 50%;
  border: 2px dashed #e1e1e1;
  position: absolute;
  content:"";
  top: -44px;
  left: 0;
  right: 0;
  z-index: -9;
  margin: 0 auto;
  animation: rotation 20s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0);

  }
  to {
    transform: rotate(1turn);
      
  }
}
.branding-join{
  position: absolute;
  top: 0px;
  right: 0;
  text-align: left;
  background: #fdfff6;
  border-radius: 50px;
  padding: 8px 39px;
  text-transform: capitalize;
}
.branding-join p{
  font-size: 16px;
  color: #6e6e6e;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.branding-join span{
  font-size: 26px;
  margin: 0px 0 0 0;
  font-weight: 600;
  display: block;
  color: #000;
}

.loop-section strong{
  color: #80a71d;
  font-size: 17px;
  display:block;
  font-weight: 500;
  padding: 51px 0 0px;
}
.item{
  margin: 15px 9px;
}
.owl-carousel .owl-item .loop-client  img {
  width: 120px;
  cursor: pointer;
  margin: 0 auto;
}
.owl-carousel .owl-item .loop-client:hover img{
  filter:grayscale(1);
}
.owl-dots{display:none;}
.loop-client{
  border-radius: 12px;
  border: 1px solid #c3e374;
  padding: 16px 0;
}
.image-gril{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  right: 0;
  margin: 0 auto;
}

/* end header slide section*/

/* END HEADER SECTION*/


/* start our services section*/

.services-section{
  padding: 50px 0 120px;
}
.heading-services strong{
  color:#000;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 46px;
  display: block;
  text-align: center;
}
.heading-services strong:nth-child(3){
  font-size: 47px;
  color: #434343;
}
.heading-services  span{
  color: #515151;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 auto 10px;
  display: block;
  font-weight: 500;
  padding: 5px 20px 3px;
  border-radius: 20px;
  border: 1px solid #80a71d;
  width: fit-content;
} 
.heading-services span .bi{
  height: 20px;
  fill: #80a71d;
  width: 20px;
}
.services-1{
  padding: 10px;
}
.services-2{
  padding: 38px 30px;
  background: #f7f7f7;
  border-radius: 9px;
  z-index: 9;
  position: relative;
  transition: all 0.3s;
}
.srv{
  border-radius: 9px;
  overflow: hidden;
  padding: 3px 3px  0;
  position: relative;
}

.services-2 span{
  height: 80px;
  width: 80px;
  display:block;
  line-height: 77px;
  background: #ffffff;
  border-radius: 12px;
  text-align: center;
}
.services-2 span i{
  font-size: 15px;
  color: #148d56;
  background-color: #ffffff;
  font-weight: 500;
  line-height: 1;
  top: 60px;
  position: absolute;
  text-transform: uppercase;
  right: -27px;
  font-style: normal;
  padding: 10px 11px 10px 14px;
  -webkit-box-pack: center;
  height: 38px;
  border-radius: 10px 10px  00 0;
  border-right: 0;
  transition: all 0.3s;
  display: inline-block;
  transform: rotate(
270deg);
  white-space: nowrap; /* prevent wrapping */
} 

.services-2 span svg{
  height: 50px;
  width: 50px;
  fill: #ffffff;
}
.services-2 strong{
  display: block;
  color: #101010;
  font-size: 23px;
  font-weight: 600;
  padding: 26px 0 6px;
  text-transform: capitalize;
  line-height: normal;
}
.services-2 p{
  color: #000000;
  line-height: 29px;
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
}

/* end our services section*/



/* start about our company section */

.ourcompany-section{
  padding: 70px 0px 110px;
}

.ourcompany{
  padding: 10px;
}
.company-heading span{
  color: #515151;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  padding: 5px 20px 3px;
  border-radius: 20px;
  border: 1px solid #80a71d;
  width: fit-content;
} 
.company-heading span .bi{
  height: 20px;
  fill: #80a71d;
  width: 20px;
}
.company-heading strong{
  font-size: 54px;
  display: block;
  color: #000000;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 72px;
}
.leftcompany1 strong{
  color: #128f5d;
  position: relative;
  font-size: 170px;
  line-height: normal;
  font-weight: 600;
}
.leftcompany1 strong span{
  font-size: 44px;
  position: absolute;
  left: auto;
  line-height: normal;
  color: #128f5d;
  right: -10px;
  top: 21px;
}
.leftcompany1 p{
  font-size: 19px;
  letter-spacing: 0px;
  color: #292929;
  padding: 0 0px 0 0px;
}

.rightcompany1 p{
  line-height: 30px;
  font-size: 16px;
  text-align: left;
  color:#3e3e3e;
}
.rightcompany1 ul{
  padding:0;
  margin:0;
  list-style:none;
}
.rightcompany1 ul li{
  padding: 0px 0px 0 19px;
  font-size: 16px;
  color: #313131;
  position: relative;
  margin: 7px  0 0;
}
.rightcompany1 ul li:before{
  content:"";
  position:absolute;
  height:10px;
  width:10px;
  left: 0;
  top: 9px;
  padding: 1px;
  background: linear-gradient(45deg, #dbff7f, #05885c);
  border-radius: 30px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px #289a5f; /* replaces outline */
}
.rightcompany1 a{
  background: linear-gradient(45deg, #caee6f, #05885c);
  padding: 6px 48px 7px  20px;
  display: inline-block;
  margin: 10px 0  0;
  font-size: 18px;
  color: #fff;
  position: relative;
  border-radius: 20px;
  text-transform: capitalize;
  border: 1px solid #4bac63;
  transition:0.5s ease-in;
}
.rightcompany1 a span{
  height: 30px;
  width: 30px;
  background: #fff;
  border-radius: 40px;
  display: block;
  position: absolute;
  right: 6px;
  top: 5px;
  left: auto;
   color: rgb(85 147 75);
}
.rightcompany1 a span .bi{
  margin: 0px 0 -3px 6px;
}
.rightcompany1 a:hover{
  background: transparent;
  border:1px solid #699647;
  color:#000;
}
.rightcompany1 a:hover span{
  background:linear-gradient(45deg, #809942, #05885c);
   color: rgb(255 255 255);
}
.ourcompany1{
  padding: 0 29px 0 0px;
}
.rightcompany1{
  padding: 0px 0 0 30px;
}
.aboutcompany-left1{
  padding: 0px 60px 0 0px;
}
.aboutcompany-content p{
  color: #2b2b2b;
  line-height: 32px;
  font-size: 16px;
  text-align: justify;
}
.content-home p{
    margin: 10px 0 0;
    background: #f2fff7;
    padding: 8px 18px;
}
.aboutcompany-content p strong{
  color: #000;  
}
.aboutcompany-content h2,h3,h4,h5,h6{
  color:#000;
  font-size: 18px;
  padding: 9px 20px 8px;
  background: #f7f7f7;
  margin: 17px 0 18px;
  width: fit-content;
  border-radius: 10px;
  border-left: 3px solid #3aa361;
  border-right: 3px solid #3aa361;
}
.aboutcompany-content ul{
  padding: 0px 0 0 0;
  margin:0;
  list-style:none;
}
.aboutcompany-content  ul li{
   margin: 13px 0 13px;
   color: #424242;
   line-height: 25px;
   position: relative;
   font-size: 15px;
   padding: 0 0 0 20px;
}
.aboutcompany-content  ul li span{
  color:#000;
  font-weight: 600;
}
.aboutcompany-content  ul li:before{
  content:"";
  position:absolute;
  left: 0;
  top: 9px;
  height: 12px;
  width: 12px;
  background: linear-gradient(45deg, #dbff7f, #05885c);
  border-radius: 30px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px #289a5f;
}

.con-botm{
  padding: 30px 0 0;
}

.aboutcompany-right1{
  padding:0 0 00px;
}
.mission{
  padding: 30px;
  margin: 0px 0 0 0;
  background: linear-gradient(45deg, #faffed, #f1fffa);
  border-radius: 10px;
  border: 1px solid #e6ffd2;
}
.mission strong{
  font-size: 25px;
  font-weight: 600;
  position: relative;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  color: #000;
  padding: 0 0 0px 50px;
  display: block;
}
.mission strong span{
  color: #eee;
  left: 0px;
  display: block;
  position: absolute;
  top: -6px;
}
.mission strong span svg{
  height: 35px;
  width: 35px;
  fill: #34a061;
}
.mission strong span .st0{
  stroke: #3ca461;
}
.mission p{
  color: #454545;
  line-height: 30px;
  font-size: 15px;
  text-align: justify;
}
.vision{
  padding: 30px 50px 0 0px;
}

/* end about our company section */


/* start services section */

.ourservices-section{
  padding: 70px 0 100px;
}
.ourheading  span{
  color: #515151;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 auto 10px;
  display: block;
  font-weight: 500;
  padding: 6px 20px 4px;
  border-radius: 20px;
  border: 1px solid #80a71d;
  width: fit-content;
} 
.ourheading span .bi{
  height: 20px;
  fill: #80a71d;
  width: 20px;
}
.ourheading strong{
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 46px;
  display: block;
  text-align: center;
}
.ourheading strong:nth-child(2){
  font-size: 47px;
  color: #434343;
}
.ourservices-1{
  padding: 13px;
}
.ourservices-1:nth-child(2) .ourservices-2, .ourservices-1:nth-child(4) .ourservices-2, .ourservices-1:nth-child(6) .ourservices-2{
  background: radial-gradient(#05885c, #9ec341);
}

.ourservices-2{
  position: relative;
  padding: 53px 30px 53px 30px;
  height: 197px;
  background: radial-gradient(#9ec341, #05885c);
  display: flex;
  justify-content: center;
  border-radius: 30px;
  align-items: center;
  border: 1px solid #00887724;
}
.ourservices-2 strong{
  position: relative;
  padding: 0 0 0 0px;
  color: #ffffff;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  width: 70%;
}
.ourservices-2 strong p{
  font-size: 15px;
  color: #008877;
  text-transform: uppercase;
}
.ourservices-2 strong a{
  display: block;
  padding: 20px  0 0 0;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff;
}


.ourservices-2 span{
  width: 30%;
  text-align: right;
}
.ourservices-2 span svg{
  height: 60px;
  width: 62px;
}
/* end services section*/


/* start why choose us section */

.chooseus-section{
  padding: 80px 0 90px;
  background: rgb(245, 245, 245);
}

.choose-left2{
  background: linear-gradient(149deg, #97bf33, #05885c);
  padding: 190px 20px 40px;
  border-radius: 20px;
  position: relative;
  z-index: 9;
}
.choose-left2:before{
  content:"";
  position: absolute;
  background: url(images/chooseus.jpg) no-repeat;
  height: 100%;
  width:100%;
  border-radius: 20px;
  opacity: 0.2;
  left:0;
  top:0;
  right: 0;
  margin:0 auto;
  z-index: -9;
  background-attachment: fixed;
  background-position: left center;
}
.choose-us strong{
  font-size: 29px;
  display: block;
  line-height: 50px;
  font-weight: 600;
  color: #fff;
  position: relative;
  text-transform: capitalize;
}
.choose-us strong:before{
  content:"";
  position:absolute;
  height: 11px;
  width: 11px;
  bottom: -8px;
  left:0;
  transform: rotate(45deg);
  border-radius: 2px;
  background: #eee;
}
.choose-us strong:after{
  content:"";
  position:absolute;
  height: 11px;
  width: 11px;
  bottom: -8px;
  left: 22px;
  transform: rotate(45deg);
  border-radius: 2px;
  background: #eee;
}
.choose-us span{
  color: #000000;
  letter-spacing: 1px;
  font-size: 14px;
  border-radius: 29px;
  text-transform: uppercase;
  background: linear-gradient(45deg, #e1ff98, #95ffda);
  padding: 5px 17px;
}
.choose-us p{
  color: #ffffff;
  line-height: 29px;
  font-size: 16px;
  margin: 33px 0 0;
  text-align: justify;
}
.choose-right1{
  padding:0 0 0 30px;
}
.choose-1{
  padding: 15px;
}
.choose-2{
  padding: 30px 25px;
  /* box-shadow: 9px 6px 30px rgb(0 0 0 / 16%); */
  border-radius: 12px;
  background: #fff;
}
.choose-2 span{
  display: block;
  height: 100px;
  line-height: 80px;
  width: 100px;
  background: #e4ffd0;
  border-radius: 50px;
  text-align: center;
  border: 10px solid #ffffff;
  box-shadow: 0 0 0 1px #c4e6a5; /* replaces outline */
}
.choose-2 span img{
  height: 61px;
}
.choose-2 strong{
  position: relative;
  padding: 20px 0 0 0px;
  color: #000000;
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 20px;
}
.choose-2 p{
  color: #454545;
  line-height: 29px;
  font-size: 16px;
}
/* end why choose us section*/

/* start success section */

.success-section{
  padding: 100px 0 70px 0;
  background: linear-gradient(
256deg, #caee6f, #05885c);
  background: radial-gradient(#9ec341, #05885c);
}
.left-success1{padding: 0 50px 0 0px;}
.left-success2{
}
.left-success2 strong{
  color: #ffffff;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 42px;
  display: block;
}
.left-success2 span{
  color: #515151;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 auto 10px 0;
  display: block;
  font-weight: 500;
  padding: 5px 20px 3px;
  border-radius: 20px;
  border: 1px solid #eeffdf;
  width: fit-content;
  background: #fff;
}
.left-success2 p{
  color: #ffffff;
  line-height: 33px;
  padding: 20px 0;
  font-size: 16px;
  text-align: justify;
}
.left-success2 a{
  margin: 30px 0 0;
  padding: 9px 58px 8px 30px;
  font-size: 18px;
  color: #000000;
  position: relative;
  border-radius: 60px;
  text-transform: capitalize;
  background:#fff;
  z-index: 9;
  transition: 0.5s ease-in;
  display: block;
  width: fit-content;
}
.left-success2 a i{
  height: 30px;
  width: 30px;
  background: radial-gradient(#9ec341, #05885c);
  border-radius: 40px;
  display: block;
  position: absolute;
  right: 13px;
  top: 7px;
  left: auto;
  transition:0.6s ease-in;
  color: rgb(255 255 255);
}
.left-success2 a i .bi{
  margin: -4px 0 -3px 5px;
  height: 20px;
  width: 20px;
}
.left-success2 a:before{
  background: linear-gradient(45deg, #dffb9a, #9fffdd);
  left:0;
  content:"";
  position:absolute;
  top:0;
  width:0%;
  left:0;
  border-radius: 60px;
  height:100%;
  z-index:-9; 
  width: 0%;
  transition:0.6s ease-in;
}
.left-success2 a:hover:before{
  width:100%;
}

.left-success2 a:hover i{
  background: #fff;
  color:#44a051;
}



.right-success1{
}
.right-success2{
}
.success-1{
  padding: 10px;
}
.success-1:nth-child(2), .success-1:nth-child(4){
  margin: 50px 0 0 0;
}
.success-2{
}
.success{
  padding:10px 0;
}
.success span{
    display: block;
    background: #fff;
    /* box-shadow: 1px -4px 9px #c7c7c7; */
    border-radius: 7px;
    padding: 11px 0 0;
} 
.success span img{
  height: 60px;
   animation:animove 5s infinite ease-in;
}
@keyframes animove{
  0% {transform: translateY(-5px);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(-5px);}
}
.success span aside{
    border-bottom: 4px solid #21914e;
    border-radius: 7px 7px;
    margin: 6px 0 0;
    text-transform: capitalize;
    padding: 0 0 8px 0;
    color: #000;
} 
/* end success section */

/* start social media section*/

.socialmedia-section{
  padding: 60px 0;
}
.socialmedia-section .ourheading strong:nth-child(2){
  color:#000;
}
.social-icon1{
  padding: 15px;
  width: 33%;
}
.social-icon2{
  padding: 0px 0px;
  border-radius: 40px;
  position: relative;
  z-index:9;
  background: #ffffff;
  /* border: 1px solid  #bdbdbd; */
  box-shadow: -1px 4px 8px 0px #e5e5e5;
}
.social-icon1:nth-child(2) .social-icon2 span{
  background: #1877F2;
}
.social-icon1:nth-child(4) .social-icon2 span{
  background: #0077B5;
}
.social-icon1:nth-child(5) .social-icon2 span{
  background: #E60023;
}
.social-icon1:nth-child(3) .social-icon2 span{
  background: #000000;
  line-height: 73px;
  margin: 0px 0 0px;
}
.social-icon2:before{
  content:"";
  position:absolute;
  height:100%;
  width:100%;
  opacity: 30%;
  /* background: repeating-linear-gradient(45deg, #dadada, #dadada 1px, transparent 1px, transparent 10px), repeating-linear-gradient(-45deg, #dadada, #dadada 1px, transparent 1px, transparent 10px); */
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  border-radius: 190px;
  z-index:-5;
}
.social-icon2 span{
  height: 52px;
  display: block;
  border-radius: 40px 40px 0 0;
  line-height: 51px;
  text-align: center;
  margin: -2px 0 0;
  width: 100%;
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}
.social-icon2 span svg{
  height: 33px;
  width: 33px;
  fill: #ffffff;
}
.social-icon2 aside{
  padding: 14px 11px 14px;
  color: #636363;
  text-align: center;
}
.social-icon2 aside p{
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 600;
  color: #000000;
}

.social-icon2 aside em{font-size: 14px;}

.text-follow{
  padding: 25px 16px;
  box-shadow: 1px 1px 10px 2px #e5e5e5;
  border-radius: 40px;
  text-align: center;
}
.text-follow em{
  
font-weight: 500;
  
text-transform: capitalize;
  
color: #000000;
}
.text-follow p{
  
text-align: center;
  
font-size: 36px;
  
font-weight: 600;
  
text-transform: capitalize;
  
color: #9ec341;
  
font-family: cursive;
}



/* end social media section*/


/* start client section */

.client-section{padding: 100px 0;}

.left-client1{padding: 0 50px 0 0px;}
.left-client2 strong{
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 30px;
  display: block;
  text-align: center;
}

.right-client1{
}
.right-client2{
}
.experties1{
  padding: 40px 30px;
  border: 1px solid #d5d5d5;
  text-align: left;
}
.experties1:nth-child(1){border-bottom:0;}
.experties1:nth-child(2){border-left:0;border-right:0;border-bottom: 0;}
.experties2 strong{
  position: relative;
  padding: 0px 0 0 0px;
  color: #1c1c1c;
  display: block;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 24px;
}
.experties2 p{
  display: block;
  font-size: 16px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 25px;
  color: #333333;
  padding: 2px 0 0;
}
.project{
  background: linear-gradient(45deg, #caee6f, #05885c);
  padding: 40px 30px;
  box-shadow: -11px 15px 50px rgb(0 0 0 / 40%);
}
.project p{
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}
.project p span{
  height: 14px;
  widows: 14px;
  line-height: 15px;
  border-radius: 50%;  
}
.project em{
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  font-style: normal;
}
.online-meet1{
  border: 1px solid #d5d5d5;
  overflow: hidden;
  padding: 50px 0px;
  border-right: 0;
}
.online-meet1 span{
  opacity: 13%;
  position: absolute;
  bottom: -50px;
  right: -50px;
}
.online-meet1 span svg{
  height: 200px;
  width: 210px;
}
.online-meet p{text-align: right;padding: 0 17px 0 0px;color: #000;font-size: 26px;font-weight: 600;}
.expert2 span{
  left: -40px;
  opacity: 13%;
  position: absolute;
  top: -50px;
}
.expert2 p{
  font-size: 35px;
  color: #000000;
  text-transform: capitalize;
  font-weight: 500;
}
.expert2 em{
  font-size:20px;
  letter-spacing: 1px;
  font-style: normal;
  color: #7f7f7f;
}
.award-text p{
  color: #303030;
  font-weight: 500;
  text-transform: capitalize;
  text-align: left;
  line-height: 32px;
  font-size: 17px;
}
.experiences2 aside{
  font-size: 66px;
  font-weight: 600;
  color: #fff;
}
.experiences2 p{
  color: #fff;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 1px;
}
.ensure1{

}
.ensure2{
}
.ensure2 aside{
  font-size: 26px;
  color: #000;
}
.ensure2 p{
  color: #545454;
  text-transform: capitalize;
  font-weight: 400;
  letter-spacing: 1px;
}
.expert1{
  border:1px solid #d5d5d5;
  padding: 40px;
  position: relative;
  overflow: hidden;
}
.expert1:nth-child(3){border-top:0;border-right: 0;}
.expert1 .bi{
  fill: rgb(0, 0, 0);
  height: 180px;
  width: 170px;
}

.experiences1{
  background: linear-gradient(80deg, #caee6f, #05885c);
  border: 0;
}
/* end client section*/

/* start pricing section*/

.pricing-section{
  padding: 40px 0 100px;
  background: linear-gradient(#fefff9, #edfff5);
  position: relative;
}
.pricing-left1{
  padding: 0 40px 0 0px;
}
.pricing-left2{position: sticky;padding: 50px 0 50px 0px;top: 0;}
.pricing-left2 span{
  color: #575757;
  font-size: 15px;
  text-transform: uppercase;
  border: 1px solid #e9e9e9;
  margin: 0 auto 10px 0;
  display: block;
  font-weight: 500;
  background: #fff;
  padding: 10px 20px 4px;
  border-radius: 20px;
  width: fit-content;
} 
.pricing-left2 span .bi{
  height: 20px;
  fill: #23985f;
  margin: 0px 0 -2px 0;
  width: 20px;
}
.pricing-left2 strong{
  color: #000000;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 52px;
  line-height: 69px;
  display: block;
}
.pricing-left2 p{
    color: #000000;
    line-height: 30px;
    padding: 20px 40px 0 0px;
    font-size: 15px;
    text-align: justify;
}

.pricing1{
    padding: 25px 0 0;
}
.pricing2{background: #ffffff;padding: 20px;border-radius: 30px;box-shadow: 0 0 16px 0px #bbbbbbad;}

.price-left1{
  padding: 0 30px 0 0px;
}
.price-left2{
  padding: 20px;
  background: linear-gradient(
223deg, #caee6f, #05885c);
  border-radius: 28px;
}
.price-left2 em{
  font-size: 13px;
  font-weight: 600;
  color: #353535;
  font-style: normal;
  width: fit-content;
  display: block;
  border-radius: 30px;
  padding: 4px 18px 3px;
  background: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.price-left2 strong{
  position: relative;
  padding: 10px 0 0 0px;
  color: #ffffff;
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 40px;
}
.price-left2 strong i{color: #000000;font-size: 15px;font-style: normal;}
.price-left2 p{
  color: #ffffff;
  line-height: 24px;
  font-size: 15px;
}
.price-left2 aside{
  margin: 15px 0 0;
  padding: 7px 58px 6px 15px;
  font-size: 15px;
  color: #000000;
  position: relative;
  border-radius: 60px;
  text-transform: capitalize;
  background:#fff;
  z-index: 9;
  transition: 0.5s ease-in;
  display: block;
  width: fit-content;
}
.price-left2 aside i{
  height: 30px;
  width: 30px;
  background: radial-gradient(#9ec341, #05885c);
  border-radius: 40px;
  display: block;
  position: absolute;
  right: 5px;
  top: 4px;
  left: auto;
  transition:0.6s ease-in;
  color: rgb(255 255 255);
}
.price-left2 aside i .bi{
  margin: 0px 0 -7px 5px;
  height: 20px;
  width: 20px;
}
.price-left2 aside:before{
  background: linear-gradient(45deg, #dffb9a, #9fffdd);
  left:0;
  content:"";
  position:absolute;
  top:0;
  width:0%;
  left:0;
  border-radius: 60px;
  height:100%;
  z-index:-9; 
  width: 0%;
  transition:0.6s ease-in;
}
.price-left2:hover aside:before{
  width:100%;
}
.price-left2:hover aside i{
  background: #fff;
  color:#44a051;
}
.price-right2 ul{
  list-style: none;
  overflow: scroll;
  height: 239px;
  overflow-x: hidden
}
.price-right2 ul li{
  color: #292929;
  font-size: 15px;
  margin: 14px 0 15px;
  padding: 0 8px 0 19px;
  position:relative;
}
.price-right2 ul li:before{
  font-weight: 400;
  position: absolute;
  color: #6ba21c;
  top: 0px;
  text-align: center;
  left: 0px;
  font-size: 16px;
  content: "\2714";
  line-height: normal;
  font-family: 'Glyphicons Halflings';
  border-radius: 50%;
}
.price-right2 ul li small{
  background: #ededed;
  text-transform: capitalize;
  color: #000000;
  border-radius: 20px;
  font-size: 12px;
  padding: 2px 10px;
  display: inline-block;
}
.price-right2 ul::-webkit-scrollbar {
  width: 1px;
}
.price-right2 ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 100px #000000;
  border-radius: 0;
}
.price-right2 ul::-webkit-scrollbar-thumb {
  background: #bcbcbc;
  height: 20px;
  border-radius: 0 0 10px 10px;
}
.price-right2{
  padding: 0 0px 0 0px;
}
/* end pricing section*/


/* start our partner section */

.partner-section{
  padding: 100px 0 100px;
}
.partner-left2 strong{
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 47px;
  line-height: normal;
  padding: 0 40px 0 20px;
  display: block;
  width:fit-content;
  margin: 0 0 29px 0;
  position:relative;
}
.partner-left2 strong:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 0;
  border-bottom: 1px solid;
  opacity: 0.2;
}
.partner-left2 strong:before {
  content: "";
  position: absolute;
  width: 0;
  right: 0;
  bottom: -3px;
  height: 0;
  transition: 0.5s ease-in;
  border-bottom: 1px solid;
}
.partner-left2:hover strong:before {
  width: 100%;
  left: 0;
  right: auto;
}
.partner-left2 p {
  color: #2f2f2f;
  line-height: 28px;
  padding: 0px 40px 10px 0px;
  font-size: 15px;
  text-align: justify;
}
.partner-left2 a{
  background: linear-gradient(
174deg, #caee6f, #05885c);
  display: block;
  color: #fff;
  padding: 11px 22px 12px 58px;
  position: relative;
  font-size: 18px;
  border: 0;
  text-transform: capitalize;
  width: fit-content;
  margin: 24px 0 0  0;
  border-radius: 33px;
}
.partner-left2 a em{
  font-style: normal;
}
.partner-left2 a span{
  height: 33px;
  width: 32px;
  position: absolute;
  top: 8px;
  left: 17px;
}
.partner-left2 a svg{
  height: 30px;
  width: 30px;
  fill: #fff;
  margin: -0px 5px -3px 0px;
}
.partner-right1{
}
.partner-right2 img{display: block;margin: 0 auto;}

/* end our partner section*/

/* start contact info section */


.contact-info-section{
  padding: 50px 0 120px;
}
.contact-info1{
  padding: 100px 40px;
  background: linear-gradient(131deg, #caee6f, #075733);
}
.contact-info1:nth-child(1){
  border-radius: 20px 0 0px 0px;
  background: linear-gradient(210deg, #caee6f, #075733);
}
.contact-info1:nth-child(1) .contact-info2 a strong{
  font-size: 25px;
}
.contact-info1:nth-child(4){
  border-radius: 0px 0px 20px 0px;
}
.contact-info1:nth-child(3){
  background: linear-gradient(207deg, #caee6f, #075733);
}
.contact-info1:nth-child(2){
  background: linear-gradient(117deg, #caee6f, #075733);
}
.contact-info2{
}
.contact-info2 a{
  position: relative;
}
.contact-info2 a span{height: 100px;width: 100px;display: block;background: #dcffe10a;border-radius: 50%;line-height: 133px;/* box-shadow: inset 1px -2px 7px 2px #13914566; */text-align: center;border: 1px solid #90bf61;}
.contact-info2 a span svg{
  height: 52px;
  width: 52px;
  fill: #fff;
}
.contact-info2 a strong{
  font-size: 18px;
  font-style: normal;
  color: #ffffff;
  font-weight: 500;
  line-height: 30px;
}
.contact-info2 a strong small{
  letter-spacing: 0;
  font-size: 13px;
  display: block;
}
.contact-info2 a aside{
  position: relative;
  padding: 60px 0 20px 0px;
  color: #ffffff;
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 20px;
}
.follow span{height: 100px;width: 100px;display: block;background: #dcffe10a;border-radius: 50%;line-height: 122px;/* box-shadow: inset 1px -2px 7px 2px #13914566; */text-align: center;border: 1px solid #90bf618f;}
.follow span svg{
  height: 32px;
  width: 32px;
  fill: #fff;
}
.follow strong{
  font-size: 16px;
  font-style: normal;
  color: #ffffff;
  font-weight: 400;
  line-height: 27px;
}
.follow aside{
  position: relative;
  padding: 60px 0 20px 0px;
  color: #ffffff;
  display: block;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 20px;
}
.follow ul li{
  list-style:none;
  display:inline-block;
  color:#fff;
  margin: 7px 0px 0 0px;
}
.follow ul li a{
  color:#fff;
  text-transform:capitalize;
  padding: 0px 24px 0px 0px;
  font-style:italic;
  font-weight: 400;
  position: relative;
}
.follow ul li a:before{
  width: 20%;
  height:1px;
  background: #8dc13a;
  position:absolute;
  content:"";
  top: 10px;
  right: 0;
}
/* end contact info section */


/* start footer section */

.footer-section{
  padding:70px 0;
  background: #0e0e0e;
}
.footer-left1{
  padding:0 40px 0 0;
}
.footer-left2{
  padding: 30px 30px;
  background: #1c1c1c;
  border-radius: 30px;
}
.footer-heading{
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  padding: 0 0px 3px 10px;
  position: relative;
  margin: 0px 0 24px 0;
}
.footer-heading:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 0;
  border-bottom: 1px solid;
  opacity: 0.2;
}
.footer-heading:before {
  content: "";
  position: absolute;
  width: 0;
  right: 0;
  bottom: -3px;
  height: 0;
  transition: 0.5s ease-in;
  border-bottom: 1px solid;
}
.footer-heading:hover:before{
  width: 100%;
  left: 0;
  right: auto;
}
.footer-design p{
  color: #d5d5d5;
  font-size: 15px;
  line-height: 30px;
}
.footer-review a{
  background:#3e7ee8;
  display: block;
  width: fit-content;
  padding: 0px 15px  0px 0px;
  border-radius: 13px;
  position: relative;
  margin: 30px 0 0px 0;
}
.footer-review a span{
  background:#fff;
  display: inline-block;
  border-radius: 10px 0px 0px 10px;
  height: 75px;
  width: 75px;
  text-align: center;
  position: absolute;
  line-height: 72px;
}
.footer-review a span svg{
  height: 40px;
}
.footer-review a i{
  font-size: 17px;
  text-transform: capitalize;
  color:#fff;
  font-style: normal;
  padding: 9px 10px 7px 90px;
  display: block;
  margin: 0px 0 0;
}
.footer-review a i b{
 font-weight:600;
 text-transform: uppercase;
 display: block;
 font-size: 23px;
}
.list-home ul li{
  padding: 7px 20px 7px 19px;
  display: inline-block;
  font-size: 15px;
  position:relative;
  letter-spacing: 0.4px;
  text-transform: capitalize;
  color: #fff;
  font-weight: 400;
}
.list-home ul li a{
  color: #c3c3c3;
}
.list-home  ul li:before{
  content:"";
  position:absolute;
  left: 0;
  top: 14px;
  height: 9px;
  width: 9px;
  background: linear-gradient(45deg, #dbff7f, #05885c);
  border-radius: 30px;
  border: 2px solid #0e0e0e;
  box-shadow: 0 0 0 2px #289a5f;
}
.copy{
  border-top: 1px solid #1a1a1a;
  padding: 20px 0 0 0;
}
.copy-right p{
  color: #8d8d8d;
  font-size: 14px;
}
.social-media p{
  color: #9d9d9d;
  font-size: 15px;
}
.social-media p a{
  color: #fff;
}
/* end footer section*/

/*===================================================
        START ABOUT US PAGE SECTION
=====================================================*/

.aboutus-page{
  padding: 50px 0 0;
  color: #fff;
  position-relative;
  background: #05875c;
  position: relative;
  margin: 30px 0  0;
  z-index: 9;
}
.aboutus-page:before{
  position:absolute;
  content:"";
  left:0;
  background: linear-gradient(to right, #c2ff48, transparent);
  height: 70%;
  width: 26%;
  filter: blur(80px);
  top: 80px;
  z-index: -9;
}
.aboutus-page:after{
  position:absolute;
  content:"";
  right:0;
  background: linear-gradient(to left, #cdff3c, transparent);
  height: 70%;
  width:30%;
  filter: blur(80px);
  top: 70px;
  z-index: -9;
}
.aboutus-heading h1{
  font-size: 110px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.aboutus-heading h1 a{
  color: #fff;
  animation: animove 5s infinite 
ease-in;}




.left-about{
  width: 20%;
}
.designaboutus{
  border: 1px solid #72cc50;
  border-radius: 20px;
  padding: 0px 30px 10px 10px;
  margin: 0px 0px 30px;
}
.designaboutus:nth-child(2){
  border: 1px solid #108e5a;
  padding: 0px 10px 10px 30px;
}
.designaboutus strong{
  font-weight: 600;
  font-size: 80px;
  text-transform: capitalize;
}
.designaboutus p{
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  margin: -18px 0 0;
}
.center-about{
  width: 60%;
  margin: 0px 0 -121px 0;
}
.right-about{width: 20%;}

.right-about p{
  text-align: center;
  line-height: 34px;
  font-size: 16px;
}
.mobile-tagline{
  display:none;
  font-size: 18px;
  font-weight: 500;
  color: #3f3f3f;
  margin: 0 0 10px 0;
  line-height: 31px;
  text-align: center;
}
.content-aboutus{
  padding: 130px 0 80px;
}
.content-info p{
  color: #585858;
  line-height: 32px;
  font-size: 16px;
  text-align: left;
  margin: 10px 0 0;
}
.content-info strong{
  color: #000000;
  font-size: 70px;
  text-transform: capitalize;
  display: block;
  border-bottom: 3px solid #9bc13b;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 30px 0;
  padding: 0px 0 0px 0;
  -webkit-text-stroke: 2px #9bc13b;
  width: fit-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position:relative;
}
.content-info strong:before{
    position: absolute;
    content: "";
    width: 71px;
    height: 8px;
    left: 180px;
    bottom: -4px;
    border-left: 58px solid #ffffff;
    animation: animborder 3.9s linear infinite;
}
@keyframes animborder{
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.miss{
  padding:10px;
}

.aboutmission-left1{
  padding: 0 20px 0 0px;
}

.featurs1 {
  padding: 0 0 0 20px;
}
.feature-srv1{
  padding: 10px;
}
.feature-srv2{
  padding: 26px 10px;
  box-shadow: 0 0 14px #dbdbdbb0;
  background: #fff;
  text-align: center;
  border-radius: 20px;
}
.feature-srv2 span{
  display: block;
  margin: 0 0 10px 0;
}
.feature-srv2 span svg{
  height: 50px;
  fill: #36a163;
  width: 50px;
}
.feature-srv2 strong{
  font-size: 18px;
  color: #161616;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  padding: 0px 0 3px;
}
.feature-srv2 p{
  color: #5e5e5e;
  line-height: 25px;
  font-size: 15px;
}
.heading-feature strong{
  font-size: 50px;
  display: block;
  color: #000000;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 72px;
}
.heading-feature aside{
  color: #515151;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  padding: 5px 20px 3px;
  border-radius: 20px;
  border: 1px solid #80a71d;
  width: fit-content;
}
.value1{
  padding: 7px;
}
.value2{
  padding: 20px;
  border-right: 1px solid #e3e3e3;
}
.value2 strong{
  font-size: 23px;
  color: #179f55;
  font-weight: 700;
  text-transform: capitalize;
  display: block;
  padding: 0px 0 3px;
  background: -webkit-linear-gradient(45deg, #24985f, #9ec341);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.value2 p{
  color: #5e5e5e;
  line-height: 26px;
  font-size: 16px;
}


.process{
  padding: 50px 0 0 0;
    position:relative;
}
.process:before{
  content:"";
  position:absolute;
  height: 3px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 70%;
  border-top: 1px dashed #b7b7b7;
  top: 100px;
  z-index: -999;
}
.process1{
  padding: 10px;

}

.process2{text-align: center;}
.process2 span{
  height: 90px;
  width: 90px;
  line-height: 87px;
  border-radius: 50%;
  margin: 0 auto 20px;
  box-shadow: 0 0 0px 9px #95e19457;
  display: block;
  background: linear-gradient(131deg, #caee6f, #075733);
}
.process2 span svg{
  height: 50px;
  width: 50px;
  fill: #fff;
}
.process2 strong{
  font-size: 21px;
  color: #161616;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  padding: 0px 0 3px;
}
.process2 p{
  color: #5e5e5e;
  line-height: 25px;
  font-size: 15px;
}

/*===================================================
        END ABOUT US PAGE SECTION
=====================================================*/

/* start bread crumb section */

.bread-crumb{
  position: relative;
  padding: 30px 0;
  background: #f5ffe4;
  margin: 20px 0 0;
  z-index: 9;
}
.breadcrumb-section{
}
.breadcrumb-section h1{
  font-size: 33px;
  line-height: 50px;
  text-transform: capitalize;
  font-weight: 600;
}
.breadcrumb-section h1 a{
  color: #000000;
}
.breadcrumb-section h1 a b{
  font-weight: 700;
  color: #ffc035;
}
.breadcrumb-section p{
  padding: 0 0 5px 0;
  color: #636363;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
}
.breadcrumb-section .home{
  background: linear-gradient(174deg, #caee6f, #05885c);
  display: block;
  color: #fff;
  padding: 6px 22px 7px 37px;
  position: relative;
  font-size: 15px;
  border: 0;
  text-transform: capitalize;
  width: fit-content;
  margin: 9px 0 0  0;
  border-radius: 33px;
}
.breadcrumb-section span{
  position: absolute;
  top: 4px;
  left: 4px;
}
.breadcrumb-section .home span svg{
  height: 26px;
  width: 26px;
  fill: #fff;
  margin: -0px 5px -3px 0px;
}
.breadcrumb-right img{
  height: 200px;
  display:block;
  margin:0 0 0 auto;
  animation: animove 5s infinite ease-in;
}
/* end bread crumb section  */
 
/*======================================================
     START GET IN TOUCH PAGE CSS 
========================================================*/
.getintouch{
  padding:100px 0;
}
.details-1{
  padding: 10px;
}
.details-1:nth-child(2) .details-2 a b{
  font-size: 19px;
}
.details-1:nth-child(3) .details-2 a b{
  font-size: 15px;
}
.details-2 a{
  display:block;
  position: relative;
  background: #f3f3f3;
  padding: 40px 20px 40px 20px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
}
.details-2 a p span{
  position: absolute;
  z-index: 9;
  text-align: center;
  line-height: 66px;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  left: 0px;
  top: -3px;
  background: linear-gradient(343deg, #caee6f, #05885c);
}

.details-2 a span .bi{
  height: 25px;
  width: 25px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}
.details-2 p{
  font-size: 16px;
  font-weight: 600;
  color: #34a060;
  position: relative;
  padding: 0px 0 0 59px;
  text-transform: capitalize;
}
.details-2  a b{
  color: #000000;
  font-weight: 500;
  display: block;
  padding: 0 0 0 62px;
  font-size: 22px;
}
.text-timming p{
  color: #000000;
  font-weight: 500;
  display: block;
  padding: 0;
  text-transform: capitalize;
  font-size: 16px;
  }
.text-timming strong{
  font-size: 18px;
  font-weight: 600;
  color: #34a060;
  position: relative;
  padding: 0px 0 0 0px;
  text-transform: capitalize;
}
.text-timming{
  padding: 12px 0px 0;
}
.timming{
  display:block;
  position: relative;
  background: #f3f3f3;
  padding: 21px 20px 23px 20px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
}


.getin-left1{
  padding:0 0 0 40px;
}
.page-contact{
  border: 1px solid #cfcfcf;
  height: 48px;
}
textarea.page-contact{
  height: 100px;
}
/*======================================================
     END GET IN TOUCH PAGE CSS 
========================================================*/

/*======================================================
     START MAIN CONTENT PAGE CSS 
========================================================*/

.content-main-section{
  padding: 50px 0;
}

.main-content-left1{
  padding: 10px;
}
.main-content p{
  color: #585858;
  line-height: 32px;
  font-size: 16px;
  text-align: left;
  margin: 10px 0 0;
}
.main-content p strong{
  font-weight: 500;
  color:#000;
}
.main-content p strong a{
  font-weight: 500;
  color:#6ba21c;
}
.main-content h2,h3,h4,h5,h6{
  background: linear-gradient(174deg, #caee6f, #05885c);
  display: block;
  color: #fff;
  padding: 11px 22px 12px 28px;
  position: relative;
  font-size: 18px;
  border: 0;
  text-transform: capitalize;
  width: fit-content;
  margin: 24px 0 0 0;
  border-radius: 33px;
}
.main-content ul,ol{
  padding: 6px 0 6px;
  margin:0;
  list-style:none;
}
.main-content ul li{
  color: #515151;
  font-size: 15px;
  margin: 6px 10px 6px 0;
  display: inline-block;
  font-weight: 500;
  padding: 6px 20px 4px;
  border-radius: 20px;
  border: 1px solid #cbcbcb;
  width: fit-content;
}
.main-content ol li{
  margin: 13px 0 13px;
  color: #232323;
  position: relative;
  font-size: 16px;
  padding: 0 0 0 20px;
}
.main-content ol li:before{
  content:"";
  position:absolute;
  left: 0;
  top: 9px;
  height: 10px;
  width: 10px;
  background: linear-gradient(45deg, #cbff45, #05885c);
  border-radius: 30px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px #05875c;
}
.main-content-right1{
  padding: 0 0 0 20px;
}
.main-content-right2{
  position: sticky;
  top: 0;
}
.main-content-right2 .details-2 a{
  padding: 30px 20px 30px 20px;
}
.list-services{
  background: #fff;
  box-shadow: 1px -1px 10px 0px #c7c7c7;
  border-radius: 20px;
  padding: 30px 20px 30px 20px;
  position: sticky;
  top: 0;
  margin: 20px 0 0;
}
.list-services strong{
  color: #000;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 20px;
  display: block;
  padding: 7px 0 8px 0;
  border-radius: 10px;
  text-align: left;
  margin: 0 0 19px 0;
  position:relative;
}
.list-services strong:before{
  content:"";
  position:absolute;
  height: 2px;
  width: 50%;
  background: #59b364;
  bottom: 5px;
  left: 0;
}
.list-services ul{
  padding: 0 10px 0 0px;
  margin:0;
  list-style:none;
  overflow: scroll;
  height: 410px;
  overflow-x: hidden;
}
.list-services ul li{
  color: #292929;
  font-size: 15px;
  margin: 9px 0 10px;
  letter-spacing: 0.2px;
  padding: 3px 0px 8px 17px;
  position:relative;
  border-bottom: 1px solid #d9d9d9;
}
.list-services ul li:last-child{
  border-bottom:0;
  padding-bottom: 0;
}
.list-services ul li a{
  color: #292929;
  display: block;
}
.list-services ul li:before{
  font-weight: 400;
  position: absolute;
  background: #6ba21c00;
  top: 3px;
  text-align: center;
  left: 0px;
  content: "";
  line-height: normal;
  border-radius: 3px;
  font-family: 'Glyphicons Halflings';
  height: 8px;
  width: 8px;
  border: 10px solid transparent;
  border-left: 9px solid #6ba21c;
}
.list-services ul::-webkit-scrollbar {
  width: 1px;
}
.list-services ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 100px #000000;
  border-radius: 0;
}
.list-services ul::-webkit-scrollbar-thumb {
  background: #bcbcbc;
  height: 20px;
  border-radius: 0 0 10px 10px;
}
.social-media-section{
  border: 1px solid #e3e3e3;
  margin: 20px 0 0 0;
  background: #f3f3f3;
  padding: 20px;
  border-radius: 21px;
}
.social-media-section strong{
  color: #000;
  display: block;
  font-weight: 600;
  font-size: 18px;
  padding: 0 0 10px 0;
  text-transform: capitalize;
  margin: 0 0 10px 0;
  position:relative;
}
.social-media-section strong:before{
  content: "";
  position: absolute;
  height: 2px;
  width: 20%;
  background: #59b364;
  bottom: 5px;
  left: 0;
}
.social-media-section ul li{
  list-style:none;
  padding: 0px 4px;
  display:inline-block;
}
.social-media-section ul li a{
  color: #636363;
  display: block;
  height: 28px;
  width: 33px;
  background: #fff;
  line-height: 26px;
  box-shadow: 0 0 1px #ffffff;
  text-align: center;
  border-radius: 9px;
}
.social-media-section ul li a .bi{
  height: 13px;
  width: 13px;
}
/*======================================================
     END MAIN CONTENT PAGE CSS 
========================================================*/

/* ===================================================
    START ERROR PAGE CSS 
======================================================*/
.error-heading a{
  display:block;
  font-size: 110px;
  font-weight: 700;
  color:#fff;
  text-transform: uppercase;
  position: relative;
  animation: animove 5s infinite ease-in;
}


/* ===================================================
    END ERROR PAGE CSS 
======================================================*/

/* fixed whatsapp */
.fix-chat a{
    position: fixed;
    font-size: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    text-decoration: none;
    border-radius: 50%;
    padding: 0;
    animation: pulse 1.5s ease-out infinite;
    transition: transform .3s ease;
    color: #fff;
    transform: scale(1.1);
    z-index: 999999;
    bottom: 120px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    right: 56px;
    filter: drop-shadow(10px 0px 11px #9090904a);
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37,211,102,.5)
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37,211,102,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37,211,102,0)
    }
}

.fix-chat a:before{
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid #25d366;
    opacity: .75;
    animation: pulse-border 1.5s ease-out infinite
}
.fix-chat a svg{
  height: 50px;
  width: 50px;
}
@keyframes pulse-border {
    0% {
        transform: scale(1);
        opacity: .75
    }

    75% {
        transform: scale(2);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}



@media (max-width: 767px){
  .tophead-section .row{ align-items: center;}
  .tophead-left2 strong{margin: -1px 0 -5px 0;font-size: 10px;}
  .head-right1{width:100%;}
  .tophead-right2{text-align: center !important;}
  .head-left1{width: 50%;}
  .right-head .modle-btn em{display:none;}
  .head-center1{width:100%;}
  .right-head .modle-btn{position:absolute;right: 60px;top: 22px;height: 40px;width: 40px;border-radius: 50%;padding: 0;}
  .header-slide {padding: 75px 0 0px 0px;}
  .right-head .modle-btn svg{margin: 0px 0 -1px 0;height: 28px;width: 28px;}
  .header-align{flex-flow: column-reverse;}
  .menu li{text-align:left;padding: 6px 13px;}
  .menu{align-items: start;}
  .slide-text strong:nth-child(2), .slide-text strong:nth-child(3){display: inline-block;font-size: 64px;margin: 0 12px 0 0px;}
  .left-company2 strong{font-size: 18px;padding: 0;line-height: 29px;}
  .modal-body {padding: 20px 20px 20px;}
  .contactus-form{padding: 19px;margin: 20px 0 0;}
  .left-company2 span{opacity: 0.2;}
  .tophead-right2 ul li .call-top-number{display:none;}
  .tophead-right2 ul li em{display:none;}
  .tophead-left1{width:80%;}
  .tophead-right1{width:20%;}
  .tophead-right2 ul li span .call-top-icon{margin: 0;}
  .tophead-section{padding: 10px 0 10px;justify-content: center;align-items: center;}
  .fixed-top .right-head .modle-btn{top: 10px;}
  .fixed-top .navbar-toggler{margin: -55px 0px 0 auto;}
  .head-left2 img{height: 70px;}
  .services-2 p{text-align:left;}
  .services-2 strong{font-size: 20px;}
  .company-heading strong {font-size: 43px;}
  .leftcompany1{text-align:center;}
  .services-section{padding: 0 0 110px 0;}
  .services-2 { padding: 38px 20px;}
  .ourcompany-section{padding: 0px 12px 20px 12px;}
  .mission {padding: 24px 16px 16px 16px;}
  .mission strong{  font-size: 22px;}
  .aboutcompany-right1{padding: 0 0px!Important;margin: 30px 0 0;}
  .bottom-abo-cont{padding: 30px 0 0;}
  .vision{padding:0;}
  .rightcompany1{padding:0 0  30px;}
  .ourcopmany1{display:none;}
  .ourcompany1{padding:0;}
  .aboutcompany-left1{padding:0;}
  .ourheading strong{font-size: 35px;}
  .ourservices-2 span{width:100%;text-align: center;}
  .ourservices-2 strong{width:100%;padding: 10px 0 0;text-align: center;}
  .ourservices-2{align-items: end;height: auto;padding: 33px 10px 33px 10px;flex-flow: column-reverse;}
  .ourservices-1 {padding: 6px;}
  .choose-2 {padding: 30px 16px;}
  .choose-1 {padding: 10px;}
  .left-success2 a{ margin: 0px 0 40px;}
  .ensure2 p{letter-spacing: 0;}
  .expert2 em{font-size: 16px;letter-spacing: 0.5px;}
  .price-left1{padding:0;}
  .success{padding: 4px 0;}
  .success-1{padding: 4px 4px 4px;}
  .choose-left2{padding: 50px 10px 60px;}
  .choose-right1{padding: 40px 0 0 0px;}
  .left-client2 strong{font-size: 19px;line-height: 34px;}
  .project{ padding: 40px 10px;}
  .left-success1{padding:0;}
  .award-text p{font-size: 13px;line-height: 21px;}
  .expert2 p{font-size: 23px;}
  .experties1 {padding: 50px 10px;}
  .pricing-section {padding: 50px 0px 0 0;}
  .expert1{padding: 15px;}
  .project p{font-size: 30px;}
  .online-meet p{font-size: 21px;}
  .social-icon2 aside em{ font-size: 14px;}
  .social-icon2 aside {padding: 10px 11px 10px;}
  .social-icon1 {padding: 9px;width: 33.3333%;}
  .social-icon2{height: auto;border-radius: 190px 190px 50px 50px;}
  .social-icon2 aside p{font-size: 16px;}
  .pricing-left2{ padding: 0px 0 50px 0px;}
  .pricing-left1{padding:0;}
  .pricing-left2 strong{font-size: 47px;}
  .pricing1{padding: 10px;}
  .footer-review a span{ height: 67px;width: 75px;line-height: 67px;}
  .footer-review a i{font-size: 12px;padding: 9px 0px 5px 88px;}
  .partner-section .row{flex-flow: column-reverse;padding: 0 12px;}
  .partner-left2 p{padding: 0 0 10px 0px;}
  .partner-left2{margin:20px 0 0;}
  .copy-right p{text-align:center;font-size: 13px;}
  .social-media p{text-align: center;padding: 0 0 20px 0;}
  .left-company2 {padding: 0 0px 0 0px;}
  .ourservices-2 strong a{ padding: 8px 0 0px 0;font-size: 13px;letter-spacing: 1px;}
  .choose-us strong{font-size: 22px; line-height: 37px;}
  .contact-info-section{padding: 0 0 90px 0;}
  .footer-left1{padding:0;}
  .breadcrumb-right{position: absolute;right: 0;z-index: -9;left: auto;}
  .breadcrumb-right img{height: 140px;}
  .getin-left1{padding: 0;}
  .contact-info1 {padding: 60px 40px;}
  .breadcrumb-section h1{font-size: 21px;line-height: 27px;}
  .getintouch { padding: 40px 0 100px 0;}
  .contact-info1 { padding: 80px 30px;}
  .details-2 a p span{height: 44px;width: 43px;line-height: 50px;}
  .details-2 a{padding: 30px 10px 30px 10px;}
  .details-2 a span .bi{height: 20px;width: 20px;}
  .details-2 p{padding: 0px 0 0 49px;}
  .details-2 a b{padding: 0px 0 0 49px;}
  .details-1:nth-child(2) .details-2 a b{font-size: 18px;}
  .text-timming p{font-size: 15px;}
  .footer-right1{padding: 30px 0 0;}
  .list-home ul li {padding: 7px 16px 7px 15px;font-size: 14px;}
  .designaboutus strong{font-size: 38px;}
  .designaboutus:nth-child(2){padding: 0px 10px 10px 10px;}
  .designaboutus{padding: 0px 10px 10px 10px;}
  .right-about p{line-height: 24px;font-size: 14px;}
  .aboutus-heading h1{font-size: 90px;}
  .heading-feature strong {font-size: 36px;}
  .featurs1 {padding: 0 0 0 0px;}
  .feature-srv2 strong{font-size: 14px;}
  .value2 {padding: 12px;border: 1px solid #e3e3e3;}
  .value2 strong{font-size: 19px;}
  .aboutmission-left1 {padding: 0 0px 0 0px;}
  .process2 strong{font-size: 15px;}
  .modle-box-width {max-width: 90%;}
  .process2 span{height: 80px;width: 80px;line-height: 74px;}
  .process2 span svg{height: 40px;width: 40px;}
  .right-story{text-align: center;}
  .designaboutus p{margin: -6px 0 0 0;font-size: 14px;}
  .aboutus-heading h1 {font-size: 51px;}
  .content-aboutus {padding: 80px 0 80px;}
  .main-content-right1{padding:0;}
  .main-content ul li{font-size: 13px; margin: 3px 6px 3px 0;padding: 6px 10px 4px;}
  .main-content h2, h3, h4, h5, h6{padding: 11px 18px 12px 18px;font-size: 15px;margin: 15px 0 0 0;border-radius: 9px;}
  .navbar-toggler{margin: -53px 0px 0 auto;}
  .error-heading a{font-size: 58px;}
  .drowpdown-navigation{padding: 0px;}
  .dropdown ul li a{padding: 2px 0px !important;}
  .left-list-navigation{padding: 10px 10px 0 0;}
  .dropdown ul{overflow: scroll;height: 100px;overflow-x: hidden}
  .dropdown ul::-webkit-scrollbar {width: 1px;}
  .dropdown ul::-webkit-scrollbar-track {box-shadow: inset 0 0 100px #000000;border-radius: 0;}
  .dropdown ul::-webkit-scrollbar-thumb {background: #bcbcbc;height: 20px;border-radius: 0 0 10px 10px;}
  .left-dropdown img{height: 200px;display: block;margin: 0 auto;}
  .dropdown-menu{border: 0;padding: 0;}
  .social-media-top{position: relative;}
  .round-cricle{height: 530px;width: 530px;}
  .background-cricle{height: 480px;width:480px;top: -19px;}
  .background-cricle:before{height: 380px; width: 380px;}
  .social-media-top span{left: 10px;}
  .social-media-top span:nth-child(4){left: -25px;}
  .left-project,.online-meet1{width:50%;}
  .left-client1{width: 30%;padding: 0 20px 0 0px;}
  .right-client1{width: 70%;}
  .text-follow p{font-size: 26px;}
  .santa{
    top: 70px;
}
  

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .right-head .modle-btn em{display:none;}
  .head-center1{width:100%;}
  .right-head .modle-btn{position:absolute;right: 60px;top: 34px;height: 40px;width: 40px;border-radius: 50%;padding: 0;}
  .header-slide {padding: 95px 0 50px 20px;}
  .right-head .modle-btn svg{margin: 0px 0 0 0;}
  .header-align{flex-flow: column-reverse;}
  .menu li{text-align:left;padding: 6px 13px;}
  .menu{align-items: start;}
  .slide-text strong:nth-child(2), .slide-text strong:nth-child(3){
    display: inline-block;font-size: 70px;  margin: 0 12px 0 0px;}
  .left-company2 strong{font-size:20px;padding: 0;line-height: 32px;}
  .modal-body {padding: 30px 30px 30px;}
  .contactus-form{padding: 19px;margin: 20px 0 0;}
  .left-company2 span{opacity: 0.2;}
  .fixed-top .right-head .modle-btn{top: 10px;}
  .fixed-top .navbar-toggler{ margin: -50px 0px 0 auto;}
  .left-success1{padding:0;}
  .leftcompany1{text-align:center;}
 .services-section{padding: 0 0 110px 0;}
  .services-2 { padding: 38px 20px;}
  .ourcompany-section{padding:0 0 70px 0;}
  .mission {padding: 20px;}
  .mission strong{  font-size: 22px;}
  .aboutcompany-right1{padding: 0 10px!Important;margin: 40px 0 0;}
  .bottom-abo-cont{padding:50px 0 0;}
  .vision{padding:0;}
  .rightcompany1{padding:0 0  30px;}
  .ourcopmany1{display:none;}
  .ourcompany1{padding:0;}
  .aboutcompany-left1{padding:0;}
  .choose-left2{padding: 60px 20px 60px;}
  .choose-right1{padding: 40px 0 0 0px;}
  .left-client2 strong{font-size: 23px;}
  .project{ padding: 40px 10px;}
  .award-text p{ font-size: 14px; line-height: 21px;}
  .expert2 p{font-size: 28px;}
  .experties1 {padding: 50px 10px;}
  .pricing-section {padding: 70px 0px 60px 0;}
  .expert1{padding: 25px;}
  .project p{font-size: 30px;}
  .online-meet p{font-size: 21px;}
  .social-icon2 aside em{ font-size: 14px;}
  .social-icon2 aside {padding: 20px 11px 30px;}
  .social-icon1 {padding: 5px;}
  .social-icon2{height: auto;}
  .social-icon2 aside p{font-size: 15px;}
  .pricing-left2{ padding: 0px 0 50px 0px;}
  .pricing-left1{padding:0;}
  .pricing-left2 strong{font-size: 47px;}
  .pricing1{padding: 10px;}
  .footer-review a span{ height: 67px;width: 75px;line-height: 67px;}
  .footer-review a i{font-size: 12px;padding: 9px 0px 7px 88px;}
  .breadcrumb-right{position: absolute;right: 0;z-index: -9;left: auto;}
  .breadcrumb-right img{height: 190px;}
  .getin-left1{padding: 0;}
  .contact-info1 {padding: 60px 40px;}
  .breadcrumb-section h1{font-size: 30px;line-height: 37px;}
  .getintouch { padding: 40px 0 100px 0;}
  .designaboutus strong{font-size: 50px;}
  .designaboutus:nth-child(2){padding: 0px 10px 10px 10px;}
  .designaboutus{padding: 0px 10px 10px 10px;}
  .right-about p{line-height: 29px;font-size: 14px;}
  .aboutus-heading h1{font-size: 90px;}
  .heading-feature strong {font-size: 40px;}
  .featurs1 {padding: 0 0 0 0px;}
  .feature-srv2 strong{font-size: 14px;}
  .value2 {padding: 7px;}
  .value2 strong{font-size: 19px;}
  .error-heading a{font-size: 78px;}


} 

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-slide {padding: 115px 0 50px 30px;}
  .slide-text strong:nth-child(2) {font-size: 73px;}
  .round-cricle {height: 470px;width: 470px;top: -24px;}
  .background-cricle {height: 430px;width: 430px;left: 10px;}
  .background-cricle:before{top: 30px;height: 380px;width: 380px;}
  .menu li {padding: 0px 3px;font-size: 14px;}
  .right-head .modle-btn{padding: 10px 12px;}
  .services-2 strong{font-size: 18px;}
  .company-heading strong{font-size: 45px;}
  .aboutcompany-right1{padding:0 !Important;}
  .bottom-abo-cont{padding:50px 0 0;}
  .choose-us strong{ font-size: 23px;}
  .expert1{padding: 35px;}
  .project p{font-size: 30px;}
  .online-meet p{font-size: 21px;}
  .price-left2 aside{padding: 7px 53px 6px 15px;}
  .follow ul li{display:block;}
  .contact-info1 { padding: 80px 30px;}
  .details-2 a p span{height: 44px;width: 43px;line-height: 50px;}
  .details-2 a{padding: 30px 10px 30px 10px;}
  .details-2 a span .bi{height: 20px;width: 20px;}
  .details-2 p{padding: 0px 0 0 49px;}
  .details-2 a b{padding: 0px 0 0 49px;}
  .details-1:nth-child(2) .details-2 a b{font-size: 18px;}
  .text-timming p{font-size: 15px;}
  .error-heading a{font-size:90px;}
  
}

@media only screen and (min-width: 1201px) and (max-width: 1350px) {
  .round-cricle {height: 550px;width: 550px;top: -34px;}
  .background-cricle {height: 480px;width: 480px;}
  .background-cricle:before{top:40px;}
  
}

@media only screen and (min-width: 1400px) and (max-width: 1550px) {

}

@media (max-width: 575px) and (min-width: 0px) {
  .navbar-toggler{margin: -65px 0px 0 auto;}
  .right-head .modle-btn{top: 20px;}
  .round-cricle{height: 377px;width: 377px;}
  .background-cricle{height: 350px;width: 350px;top: -33px;}
  .background-cricle:before{height: 320px;width: 320px;top: 16px;}
   .social-media-top span{ top: 22px;left: 0;position: relative;right: auto;text-align: left;}
  .slide-text{margin: -113px 0 0 0;}
  .slide-text strong:nth-child(2), .slide-text strong:nth-child(3){font-size: 29px;line-height: normal;margin: 0 5px 0 0px;}
  .tophead-right2{text-align: right !important;}
  .loop-section strong{padding: 21px 0 0px;}
  .heading-services strong{font-size:30px;}
  .heading-services strong:nth-child(3){font-size:30px;}
  .company-heading strong {font-size: 26px;line-height: 39px;}
  .rightcompany1{padding:0;}
  .mission strong{padding: 0 0 0px 40px;font-size: 18px;}
  .mission p{text-align:left;0;}
  .ourheading strong:nth-child(2){font-size: 27px;}
  .ourheading strong{font-size: 22px;}
  .choose-2{text-align:center;}
  .choose-2 span{margin:0 auto;}
  .left-success2 strong{font-size: 27px;}
  .success-1{width: 50%;}
  .experties1{width:33.33%;}
  .left-client1{padding:0;width: 100%;}
  .left-client2 strong{font-size: 23px;line-height: 48px;}
  .left-project, .online-meet1{width:50%;}
  .expert1{width:50%;}
  .online-meet1 span svg{height: 130px;width: 130px;}
  .expert2 p{ font-size: 19px;}
  .social-icon1{width:50%;padding: 4px;}
  .social-icon1:last-child{width:100%;}
  .pricing-left2 strong {font-size: 37px;line-height: 51px;}
  .pricing-left2 p{ padding: 10px 0 0;text-align: left;}
  .pricing2{padding:10px;}
  .partner-left2 strong{padding: 0 10px 0 10px;font-size: 37px;text-align: center;margin: 0 auto 40px;}
  .partner-right2 img{height: 130px;}
  .contact-info1 {padding: 30px 20px;background: linear-gradient(210deg, #caee6f, #075733) !important;}
  .follow aside {padding: 40px 0 10px 0px;}
  .social-media-top span:nth-child(7){top: 90px;left: 0;margin: 0 0 0 auto;text-align: left;}
  .social-media-top span:nth-child(6){left: 0;top: -37px;right: auto;height: auto;width: auto;}
  .social-media-top span:nth-child(4){top: 70px;left: 0px;}
  .social-media-top span:nth-child(5){left: auto;top: 117px;bottom: auto;}
  .social-media-top span:nth-child(2){width: 90%;height: 0;right: 0px;bottom: -110px;}
  .social-media-top span svg{height: 34px;width: 34px;}
  .social-media-top span:nth-child(1) svg {height: 27px;width: 27px;}
  .social-media-top{height: 470px;width: 30px;left: 0;margin: 0 auto 0 0;top: -30px;}
  .image-gril img{height: 360px;z-index: -9;position: relative;}
  .modle-box-width{ max-width: 96%;}
  .leftcompany1 strong{font-size: 250px;display: block;margin: -63px 0 0 0;}
  .leftcompany1 strong span{font-size: 54px;right: 20px;top: 31px;}
  .leftcompany1 p{font-size: 23px;color: #000;   padding: 0 0 10px 0;margin: -23px 0 0 0;font-weight: 600;}
  .aboutcompany-content h2, h3, h4, h5, h6{font-size: 17px;padding: 7px 9px 6px;margin: 14px 0 13px;line-height: 22px;}
  .right-head .modle-btn svg {margin: 0px 0.2px 0px 0px;height: 34px;width: 34px;}
  .fixed-top .head-left2 img {height: 48px;}
  .fixed-top .modle-btn svg {margin: 0px 0 2px 0;height: 22px;width: 23px;}
  .fixed-top{padding: 10px 0 10px; }
  .social-icon1:nth-child(5) .social-icon2 span{width: 30%;height: 100%;margin: 0px 0 0;border-radius: 160px 0 0 160px;}
  .social-icon1:nth-child(5){ width: 100%;}
   .social-icon1:nth-child(5) .social-icon2 {border-radius: 100px 30px 30px 100px;display: flex;justify-content: center;align-items: center;}
  .social-icon1:nth-child(5) .social-icon2 aside{ width: 70%;}
  .contact-info2 a aside{padding: 20px 0 10px 0px;}
  .contact-info1:nth-child(1) .contact-info2 a strong{font-size: 32px; font-weight: 600;}
  .contact-info1:nth-child(2) .contact-info2 a strong{font-size: 24px;}
  .follow ul li a{ font-size: 13px;}
  .follow ul li a:before{width: 14%;right: 6px;}
  .price-left2 aside{margin: 8px 0 0;}
  .left-about{width:100%;display: flex;}
  .designaboutus{width: 49%;margin: 0px 5px 0 5px;text-align: center !important;padding: 10px 10px 10px 10px;}
  .designaboutus:nth-child(2){padding: 10px 10px 10px 10px;}
  .center-about{width:100%;margin:0px 0 -121px;}
  .right-about{display:none;}
  .aboutus-page {padding: 30px 0 70px;}
  .mobile-tagline{display:block;}
  .designaboutus strong{font-size:30px;}
  .content-info strong{font-size: 45px;}
  .contact-info2 a strong{font-size: 16px;}
  .footer-left2 {padding: 10px 10px;}
  .list-home ul li:before{top:10px;}
  .heading-feature strong{font-size: 30px;line-height: 49px;}
  .process:before{display:none;}
  .process1{width:50%;}
  .contact-info2 a span{height:80px;width:80px;line-height: 103px;}
  .contact-info2 a span svg {height: 38px;width: 38px;}
  .feature-srv2 strong {font-size: 18px;}
  .error-heading a{font-size: 43px;}
  .right-client1{width:100%;}
  

  
}
@media (max-width: 420px) and (min-width: 0px) {
  .navbar-toggler{margin: -52px 0px 0 auto;}
  .right-head .modle-btn{top: 8px;height: 33px;width: 33px;right: 48px;}
  .round-cricle{height: 307px;top: -39px;width: 307px;}
  .background-cricle{height: 290px;width: 290px;top: -34px;}
  .background-cricle:before{height: 260px;width: 260px;top: 16px;}
  .image-gril img{height: 300px;}
  .header-left1{margin: -70px 0 0;}
  .slide-text strong:nth-chil(2), .slide-text strong:nth-child(3){font-size: 38px;line-height: normal;}
  .tophead-right2{text-align: right !important;}
  .loop-section strong{padding: 21px 0 0px;}
  .branding-join{padding: 2px 29px;border: 1px solid #eee;top: -30px;}
  .branding-join span{text-align: right;}
  .branding-join p {font-size: 13px;}
  .slide-text strong:nth-child(1){font-size: 58px;}
  .head-left2 img{height:auto;}
  .footer-review a i {font-size: 10px;padding: 9px 0px 9px 84px;}
  .footer-right2{padding: 30px 0 0;}
  .list-home ul li {padding: 5px 10px 5px 16px;font-size: 13px;}
  .social-media p a{display:block;}
  .breadcrumb-right{position: relative;margin: 0 auto;left: 0;right: 0;top: -20px;}
  .breadcrumb-right img{height: 110px;}
  .bread-crumb{padding: 30px 0 0;}
  .breadcrumb-section h1{font-size: 18px;}
  .tophead-left2 strong{display:none;}
  .error-heading a{font-size: 33px;}
}