@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
body {
  background: #fff;
  color: #000;
  font-family: "Poppins", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 14px;
  display: block;
  line-height: normal;
  overflow: hidden;
}
html {
  overflow-x: hidden;
  overflow-y: scroll;
}    

/* Style the scrollbar background */
::-webkit-scrollbar {
  background:#666;width: 5px;
}

/* Style the scrollbar handle */
::-webkit-scrollbar-thumb {
  background: #ccc; width: 5px;
}



.js-cont {
  position: relative;
  width: 100%;
  height: 100%;
}

.js-scroll {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  will-change: transform;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #343433;
  margin: 0; 
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}

a {
  outline: 0;
  color: #231f20;
  text-decoration: none;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
} 

html {
  scroll-behavior: smooth;
}

div {
  scroll-behavior: smooth;
}

a:focus,
a:hover {
  color: #1836f4;
  text-decoration: none;
}
img{ max-width: 100%;}
 .header{position: absolute;left: 0;right: 0;z-index: 999;padding: 0px 0;} 
.heroslider{display: block;min-height: 100vh;position: relative;align-items: baseline;}
.flex{ display: flex;}
.itemscenter{ align-items: center;}
.justifycebter{ justify-content: space-between;}





.card-goal {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
}

.card-goal > a {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.33);
}

.card-goal .goal-image {
  z-index: 1;
  width: 100%;
  position: absolute;
  height: 100%;
}

.card-goal:hover > a {
  text-decoration: none;
}

.card-goal:hover .card-body {
  opacity: 1;
}

.card-goal:hover .goal-image {
  z-index: -1;
}

.card-goal:hover .goal-logo {
  /* z-index: -1; */
  /* visibility: hidden; */
}

.card-goal:hover .goal-image {
  visibility: hidden;
}

.card-goal .card-body {
  padding: 20px;
  opacity: 0;
  position: relative;
  width: 100%;
  height: 100%;
  color: #ffffff;
  z-index: 3;
}

.card-goal .goal-logo {
  position: absolute;
  max-width: 150px;
  left: 10px;
  bottom: 10px;
  z-index: 1;
}

.card-goal .goal-number {
  opacity: 0.28; 
  font-size: 32px;
  margin-bottom: 15px;
  display: inline-block;
  line-height: 1.11;
}

.card-goal .goal-text { 
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  color: #ffffff;
}

.card-goal .goal-title {
  font-size: 18px;
  line-height: 1.11;
  color: #fff;
  font-weight: 800;
  margin: 0 0 5px;
}

.card-goal .goal-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.card-goal .goal-info > div {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  padding-left: 0;
}

.card-goal .goal-info .number { 
  font-size: 25px;
  display: inline-block;
  line-height: 1.1;
  color: #ffffff;
}

.card-goal .goal-info .feature { 
  font-size: 12px;
  margin-bottom: 0;
  color: #ffffff;
}

.card-goal .btn-goal {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 1px;
  border: 1px solid #ffffff;
  color: #ffffff;
  justify-content: center;
  font-size: 14px;
}

.card-goal.goal-1 .card-body {
  background: #e5233d;
}

.card-goal.goal-2 .card-body {
  background: #dda73a;
}

.card-goal.goal-3 .card-body {
  background: #4ca146;
}

.card-goal.goal-4 .card-body {
  background: #c5192d;
}

.card-goal.goal-5 .card-body {
  background: #ef402c;
}

.card-goal.goal-6 .card-body {
  background: #27bfe6;
}

.card-goal.goal-7 .card-body {
  background: #fbc412;
}

.card-goal.goal-8 .card-body {
  background: #a31c44;
}

.card-goal.goal-9 .card-body {
  background: #f26a2d;
}

.card-goal.goal-10 .card-body {
  background: #e01483;
}

.card-goal.goal-11 .card-body {
  background: #f89d2a;
}

.card-goal.goal-12 .card-body {
  background: #bf8d2c;
}

.card-goal.goal-13 .card-body {
  background: #407f46;
}

.card-goal.goal-14 .card-body {
  background: #1f97d4;
}

.card-goal.goal-15 .card-body {
  background: #59ba48;
}

.card-goal.goal-16 .card-body {
  background: #126a9f;
}

.card-goal.goal-17 .card-body {
  background: #13496b;
}

@media (max-width: 992px) {
  .card-goal {
      height:500px;
  }
}

@media (max-width: 576px) {
  .card-goal {
      height:270px;
      pointer-events: auto;
      cursor: pointer;
  }

  .card-goal:hover .goal-image {
      z-index: 1;
  }

  .card-goal:hover .goal-logo {
      z-index: 1;
      visibility: visible;
  }

  .card-goal:hover .goal-image {
      visibility: visible;
  }

  .card-goal .card-body {
      opacity: 1;
      display: none;
  }
}

.card-mobile {
  position: relative;
  cursor: pointer;
}

.card-mobile > a {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.33);
}

.card-mobile .goal-image {
  z-index: 1;
  width: 100%;
  position: absolute;
  height: 100%;
}

.card-mobile .card-body {
  padding: 20px;
  position: relative;
  width: 100%;
  height: 100%;
  color: #ffffff;
}

.card-mobile .goal-logo {
  position: absolute;
  max-width: 100px;
  left: 10px;
  bottom: 10px;
  z-index: 1;
}

.card-mobile .goal-number {
  opacity: 0.28; 
  font-size: 32px;
  margin-bottom: 15px;
  display: inline-block;
  line-height: 1.11;
}

.card-mobile .goal-text { 
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  color: #ffffff;
}

.card-mobile .goal-title { 
  font-size: 18px;
  line-height: 1.11;
}

.card-mobile .goal-info {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.card-mobile .goal-info > div {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  padding-left: 0;
}

.card-mobile .goal-info .number { 
  font-size: 25px;
  display: inline-block;
  line-height: 1.1;
  color: #ffffff;
}

.card-mobile .goal-info .feature {
  font-family: "Roboto-Medium";
  font-size: 12px;
  margin-bottom: 0;
  color: #ffffff;
}

.card-mobile .btn-goal {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 1px;
  border: 1px solid #ffffff;
  color: #ffffff;
  justify-content: center;
  font-size: 14px;
}

.card-mobile.goal-1 .card-body {
  background: #e5233d;
}

.card-mobile.goal-2 .card-body {
  background: #dda73a;
}

.card-mobile.goal-3 .card-body {
  background: #4ca146;
}

.card-mobile.goal-4 .card-body {
  background: #c5192d;
}

.card-mobile.goal-5 .card-body {
  background: #ef402c;
}

.card-mobile.goal-6 .card-body {
  background: #27bfe6;
}

.card-mobile.goal-7 .card-body {
  background: #fbc412;
}

.card-mobile.goal-8 .card-body {
  background: #a31c44;
}

.card-mobile.goal-9 .card-body {
  background: #f26a2d;
}

.card-mobile.goal-10 .card-body {
  background: #e01483;
}

.card-mobile.goal-11 .card-body {
  background: #f89d2a;
}

.card-mobile.goal-12 .card-body {
  background: #bf8d2c;
}

.card-mobile.goal-13 .card-body {
  background: #407f46;
}

.card-mobile.goal-14 .card-body {
  background: #1f97d4;
}

.card-mobile.goal-15 .card-body {
  background: #59ba48;
}

.card-mobile.goal-16 .card-body {
  background: #126a9f;
}

.card-mobile.goal-17 .card-body {
  background: #13496b;
}

@media (max-width: 992px) {
  .card-goal {
      height:500px;
  }
}

@media (max-width: 576px) {
  .card-mobile {
      height:270px;
      pointer-events: auto;
      cursor: pointer;
  }

  .card-mobile .goal-logo {
      height: 100px;
  }

  .card-mobile .modal-dialog {
      margin: 0;
      height: 100%;
  }

  .card-mobile .close {
      position: absolute;
      right: 20px;
      color: #ffffff;
      z-index: 1;
  }

  .card-mobile .modal-body {
      height: 100%;
      padding: 0;
  }
}

.goal-global .goal-image {
  max-width: 180px;
  height: auto;
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}

.goal-global > a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1.25rem;
} ul{ list-style-type: none; margin: 0; padding: 0;}

.topbar{background-color: #eee;padding: 5px 0;color: #000;border-bottom: 1px solid #eee;font-size: 12px;}
.topbar .social ul{display: flex;justify-content: right;align-items: center;}
.topbar .social li{padding-left: 10px;line-height: initial;}  
.topbar .social li a{color: #5d5d5d;font-size: 18px;line-height: unset;}
.hedbar{padding: 0;}
.collapse:not(.show) {
  display: block;
}
#myNavbar{ display: flex;}
.hedbar .flex{ justify-content: space-between;}
.site-navigation{ display: flex;}
.navbar-nav{ flex-direction: row;}
.navbar-nav li{ padding-left: 15px;}
.navbar-nav li a{color: #000;font-weight: 500;text-transform: uppercase;font-size: 15px;}
.navbar-nav li.donate a{padding: 10px 30px;background-color: #86af3f;color: #fff;border-radius: 30px;font-weight: 600;}
.heroslider{min-height: auto;background-color: #fff;padding: 0;text-align: center;}

.heroslider h1{font-size: 60px;color: #fff;position: relative;font-weight: 700;line-height: 70px;margin: 0 0 20px;}
.heroslider h1 span{display: block;margin-top: -35px;margin-left: 35px;}
.heroslider h2{
  color: #142215;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 30px;
  /* font-family: "Poppins", serif; */
  }
  .heroslider a{display: inline-block;padding: 20px 50px;background-color: #038b33;color: #fff;border-radius: 0;font-weight: 500;/* font-family: "Oswald", serif; */letter-spacing: 1px;text-transform: uppercase;font-size: 15px;}
.about{padding: 100px 0;text-align: center;}
.about h2{font-size:40px;margin: 0 0 20px;font-weight: 600;/* display: block; */}
.about p{ line-height: unset;}

.qoutes{background-color: #f3f3f3;padding: 20px 30px;font-weight: 500;border-radius: 20px;margin: 20px 0;border-left: 5px solid #f2b428;}
.qoutes span{ color: red;}
.about h3{margin: 0 0 10px;font-size: 22px;}
.about h3 i{ color: #e43d34;}

.ctabtn{color: #fff;display: inline-block;padding: 10px 30px;background-color: #86af3f;border-radius: 10px;}.ctabtn:hover{ background-color: #000; color: #fff;}

.programs{padding: 100px 0 70px;background-color: #f4f4f4;text-align: center;}
.titleone{text-align: center;margin: 0 0 60px;font-size: 40px;font-weight: 600;display: inline-block;position: relative;text-transform: uppercase;}
.titleone:after{width: 100px;position: absolute;left: -120px;height: 1px;background-color: #cad0e6;content: "";top: 30px;}
.titleone::before{width: 100px;position: absolute;right: -120px;height: 1px;background-color: #cad0e6;content: "";top: 29px;}

.pbox{background-color: #fff;margin: 0 0 30px;border-radius: 10px;box-shadow: 0 0 30px #ddd;}
.pcnt{padding: 25px 30px;}
.pbox img{
    border-radius: 10px;
    width: 100%;
}
.pbox h5{margin: 0 0 10px;font-size: 23px;text-align: left;}.pboxp{ margin: 0 0 10px;}
.pbox a{ color: #359f47;}
.pbox p{margin:10px 0 0;text-align: left;}

.joinus{padding: 100px 0;text-align: center;}

.joinus h3{text-align: center;/* margin: 0 0 40px; */font-size: 40px;font-weight: 600;/* display: block; */position: relative;}
.jbox{padding: 20px;background-color: #daecd1;text-align: right;border-radius: 10px;cursor: pointer;}
.jbox h4{text-align: left;margin-bottom: -20px;font-size: 25px;}
.jbox.bg{ background-color: #d8ebf8;}
.countcol{background-color: #2b6d36;padding: 50px 0;text-align: center;margin: 0 0 100px;}
.clist{padding: 0 0 20px;display: flex;justify-content: center;align-items: center;}
.clist span{color: #fff;font-size: 60px;font-weight: 100;padding-right: 15px;}
.countcol p{margin: 0 20px;color: #fff;}
.testmonial{padding: 100px 0;/* text-align: center; */}
.testmonial h3{text-align: center;margin: 0 0 40px;font-size: 40px;font-weight: 600;/* display: block; */position: relative;}
.testmonial h5{ font-weight: 600; margin: 0 0 10px;}
.testmonial h6{ font-weight:400; color: #eb4d7d;}
.dotwo{ text-align: center;}
.testmonial .owl-carousel img{ width: auto !important; display: inline-block !important;}
.gallerycol{background-color: #ebebeb;padding: 100px 0;text-align: center;}
.gallerycol h3{text-align: center;margin: 0 0 60px;font-size: 40px;font-weight: 600;/* display: block; */position: relative;}
.img-thumbnail {
  padding: 0;
  background-color: #fff;
  border: 0;
  border-radius: .25rem;}
.thumb{ padding: 0 5px;}
.footer{background-color:#171717;padding: 80px 0 0;}
.footer p{ color: #ddd;}
.footer h5{ color: #fff; font-size: 25px; margin: 0 0 20px;}
.atext{padding: 20px 100px 0 0;font-size: 13px;line-height: 24px;}
.ftbtm{background-color: #000;color: #aaa;margin-top: 50px;padding: 20px 0;}
.ftbtm .social ul{display: flex;justify-content: right;}
.ftbtm .social ul li{ padding: 0 0 0 10px;}
.ftbtm .social ul li a{color: #fff;font-size: 20px;}
.footer iframe{border: 5px solid #ffffff !important;padding: 1px;}
.hedbar .flex{ align-items: center;}
.navbar-nav li.donate a:hover, .heroslider a:hover{ background-color: #000; color: #fff;}
.topbar .row{ align-items: center;}
.jbox:hover{background-color: #72bb4d;}
.jbox.bg:hover{background-color: #72bb4d;}
.view-content .card-goal{ opacity: 0.4; cursor: text ;}
.view-content .card-goal a{ cursor: text;}
.view-content .card-goal:nth-child(3), .view-content .card-goal:nth-child(15){ opacity: 1; cursor: text ;}
.view-content .card-goal:nth-child(3), .view-content .card-goal:nth-child(15) a{ cursor: pointer;}
.view-content .card-goal:hover .card-body{ opacity: 0;}
.view-content .card-goal:nth-child(3):hover .card-body, .view-content .card-goal:nth-child(15):hover  .card-body { opacity: 1; }


.container-fluid{ padding-left: 30px; padding-right: 30px;}
.heroslider .owl-dots.disabled, .testmonial .owl-dots.disabled{display: none !important;}
.heroslider .owl-dots .owl-dot, .testmonial .owl-dots .owl-dot{width: 12px;height: 12px;background-color: #fff;border: none;border-radius: 50%;margin: 0 5px;}
.heroslider .owl-dots .owl-dot.active, .testmonial .owl-dots .owl-dot.active{background-color: #f8b730 !important;}
.he100{ height: 350px;}

.footer .social ul{ display: flex;}
.footer .social ul li{ padding-right: 10px;}
.footer .social ul li a{color: #fff;font-size: 20px;}
.owl-dots{ text-align: center;}
.about h4{ margin: 0 0 20px; font-size: 25px;}
.countcol p span{display: block;font-size: 20px;margin: 0 0 10px;}
.ftbtm .flex{ justify-content: space-between;}
.awareness{background-color: #437bbe;padding: 70px 0;}
.awareness .container-fluid{ padding-left: 60px; padding-right: 60px;}
.q-link-text{ padding-left: 20px; width: 75%;}
.q-link-text h2{color: #fff;font-size: 20px;margin: 0 0 10px;}
.q-link-text p{color: #fff;margin: 0 30px 0 0;line-height: 15px;font-size: 13px;} 
.awareness .owl-nav{display: block !important;position: absolute;top: -21%;left: -40px;right: -40px;}
.awareness .owl-nav span{color: #fff;font-size: 100px;font-weight: 100;}
.awareness .owl-next{ float: right;}
button:focus{ outline: none;}
.login a{display: inline-block;padding: 5px 17px;font-size: 12px !important;!i;!;background: #86af3f;border-radius: 30px;}
.login {padding-left: 40px !important;}
.login a:hover{ background-color: #000;}



.about-section {
  position: relative;
  padding: 50px 0px 120px 0px;
}.image_block_1 .image-box {
  position: relative;
  display: block;
  padding-right: 60px;
  margin-right: 10px;
  padding-bottom: 60px;
  margin-top: 10px;
}.image_block_1 .image-box:before {
  position: absolute;
  content: '';
  background: #f5f0f0;
  width: calc(100% + 60px);
  height: calc(100% - 60px);
  top: 60px;
  right: 0px;
}.about-section .image-box .image {
  position: relative;
  display: block;
  overflow: hidden;
}
.about-section .image-box .image:before {
  position: absolute;
  top: 0;
  left: -80%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.image_block_1 .image-box .image:before {
  position: absolute;
  top: 0;
  left: -80%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.about-section .image-box:hover .image:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}.image_block_1 .image-box .image-content {
  position: absolute;
  left: -60px;
  bottom: 0px;
  max-width: 200px;
  width: 100%;
  padding: 34px 40px 37px 40px;
  text-align: center;
}.image_block_1 .image-box .image-content {
  background: #cc5e28;
}.image_block_1 .image-box .image-content h2 {
  font-size: 50px;
  line-height: 50px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 14px;
}.image_block_1 .image-box .image-content h5 {
  font-size: 18px;
  line-height: 27px;
  color: #fff;
  font-weight: 700;
}.content_block_1 .content-box {
  position: relative;
  margin-left: 70px;
}.sec-title {
  position: relative;
  display: block;
  margin-bottom: 20px;
}.sec-title p {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #716868;
  padding-bottom: 4px;
}.sec-title h2 {
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 60px;
  font-weight: 900;
  margin: 0px;
}.content_block_1 .content-box .text {
  margin-bottom: 41px;
}.content_block_1 .content-box .inner-box {
  position: relative;
  margin-bottom: 44px;
}.content_block_1 .content-box .inner-box .single-item {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 75px;
}.clearfix::after {
  display: block;
  clear: both;
  content: "";
}.content_block_1 .content-box .inner-box .single-item i {
  position: absolute;
  left: 0px;
  top: 6px;
  font-size: 60px;
  line-height: 50px;
}.content_block_1 .content-box .inner-box .single-item h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.content_block_1 .content-box .support-box {
  position: relative;
  display: inline-block;
  padding: 20px 65px 20px 85px;
  background: #f5f0f0;
}.content_block_1 .content-box .support-box i {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}.content_block_1 .content-box .support-box p {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}.content_block_1 .content-box .support-box h4 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}.content_block_1 .content-box .list-item {
  position: relative;
  margin-bottom: 42px;
}.content_block_1 .content-box .list-item li {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 28px;
  font-weight: 300;
  padding-left: 30px;
  margin-bottom: 12px;
}
.content_block_1 .content-box .support-box i {
  background: #cc5e28;
}
.sec-title p:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  left: 0px;
  bottom: 0px;
}
.sec-title p:before {
  background: #cc5e28;
}
.service-section {
  position: relative;
  padding: 75px 0px 120px 0px;
}
.bg-color-1 {
  background-color: #f5f0f0;
}.service-section .sec-title {
  margin-bottom: 50px;
  text-align: center;
}.sec-title p {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #716868;
  padding-bottom: 4px;
  margin: 0 0 11px;
}.sec-title h2 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-weight: 900;
  margin: 0px;
  /* line-height: initial; */
}.service-block-one .inner-box {
  position: relative;
  display: block;
  overflow: hidden;
}
.service-block-one .inner-box:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  z-index: 2;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  transition: all 500ms ease;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}
.service-block-one .inner-box:before {
  background: #cc5e28;
}.service-block-one .inner-box .image-box {
  position: relative;
  display: block;
  overflow: hidden;
}
figure {
  margin: 0px;
}.service-block-one .inner-box .image-box img {
  width: 100%;
  transition: all 500ms ease;
}
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}.service-block-one .inner-box .image-box:before {
  position: absolute;
  content: '';
  background: #2d2727;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  z-index: 1;
  transition: all 500ms ease;
}.service-block-one .inner-box .text {
  position: absolute;
  display: flex;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding: 30px 30px;
  opacity: 1;
  transition: all 500ms ease;
}.service-block-one .inner-box .text h2 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  font-weight: 700;
}.service-block-one .inner-box .overlay-content {
  position: absolute;
  left: 0px;
  top: 15px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding: 30px 30px;
  opacity: 0;
  transition: all 500ms ease;
}
.service-block-one .inner-box .overlay-content h3 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 12px;
}.service-block-one .inner-box .overlay-content p {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 22px;
}.service-block-one .inner-box .overlay-content .link a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 28px;
  text-align: center;
  letter-spacing: 1px;
}
.service-block-one .inner-box .overlay-content .link a {
  background: #cc5e28;
}
.service-block-one .inner-box:hover .overlay-content {
  opacity: 1;
  top: 0px;
}
.service-block-one .inner-box:hover .text {
  opacity: 0;
}

.service-block-one .inner-box .image-box:before {
  position: absolute;
  content: '';
  background: #2d2727;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.4;
  z-index: 1;
  transition: all 500ms ease;
}

.service-block-one .inner-box:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  z-index: 2;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  transition: all 500ms ease;
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}
.service-block-one .inner-box:before {
  background: #cc5e28;
}

.service-block-one .inner-box:hover .image-box:before {
  opacity: 0.9;
}

.service-block-one .inner-box:hover:before {
  height: 20px;
}
.service-block-one .inner-box .overlay-content h3 a {
  display: inline-block;
  color: #fff;
}

.banner1{background-image: url(../images/slideone.jpg);min-height: 650px;display: flex;align-items: center;text-align: left;background-size: cover;}

.banner2{background-image: url(../images/slidetwo.jpg);min-height: 650px;display: flex;align-items: center;text-align: left;background-size: cover;}

.banner3{background-image: url(../images/slidethree.jpg);min-height: 650px;display: flex;align-items: center;text-align: left;background-size: cover;}

.banner4{background-image: url(../images/slidetfour.jpg);min-height: 650px;display: flex;align-items: center;text-align: left;background-size: cover;}

.site-branding img{max-height: 80px;}
.heroslider .owl-dots{display: block;position: absolute;z-index: 9;left: 0;right: 0;bottom: 100px;}
.heroslider{ width: 100%;}
.topbar p{ margin: 0;}
  .support-box {
  position: relative;
  padding: 20px 0px 20px 65px;
}  .support-box i {
  position: absolute;
  left: 0px;
  top: 22px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.support-box i {
  background: #cc5e28;
}
.support-box p{ margin: 0 0 5px;}
.support-box h4{ font-weight: 700;}
.support-box:before {
  position: absolute;
  content: '';
  background: #ede6e6;
  width: 1px;
  height: 100%;
  left: -60px;
  top: 0px;
}.heroslider{position: relative;padding-bottom: 83px;}
.heroslider p{ color: #fff;}
.owl-carousel .owl-stage-outer{ width: 100% !important;}
.pattern-layer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 166px;
  z-index: 3;
} .pattern-layer:before {
  position: absolute;
  content: '';
  width: 50%;
  height: 166px;
  left: 0px;
  bottom: 0px;
  z-index: 2;
  clip-path: polygon(0% 40%, 100% 0%, 100% 0%, 0% 100%, 0% 0%);
} .pattern-layer:after {
  position: absolute;
  content: '';
  width: 20%;
  height: 166px;
  right: 0px;
  bottom: -49px;
  z-index: 2;
  clip-path: polygon(0% 0%, 100% 19%, 100% 100%, 175% 100%, 0% 0%);
  transform: rotate(0deg);
}
.pattern-layer:after, .pattern-layer:before {
  background: #cc5e28;
}.style-one:before {
  position: absolute;
  content: '';
  background: #fff;
  width: 50%;
  height: 166px;
  left: 0px;
  bottom: 0px;
  z-index: 2;
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}.style-one:after {
  position: absolute;
  content: '';
  background: #fff;
  width: calc(50% + 1px);
  height: 166px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  clip-path: polygon(0% 0%, 200% 100%, 100% 100%, 0% 100%, 0% 0%);
}

.list-item li:before {
  position: absolute;
  content: "\f058";
  font-family: 'Font Awesome 5 Pro';
  font-size: 16px;
  left: 0px;
  top: 0px;
  font-weight: 700;
}
.list-item li:before {
  color: #cc5e28;
}
.single-item i {
  color: #cc5e28;
}



.skrills-section{
  position: relative;
  padding: 110px 0px;
}

.skrills-section .image-layer{
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.skrills-section .bg-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 45%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.progress-box{
  margin-bottom: 25px;
  position: relative;
}

.progress-box:last-child{
  margin-bottom: 0px;
}

.progress-box .bar{
  position:relative;
  width:100%;
  height:8px;
  background: rgba(255,255,255,0.1);
  border-radius:0px;
  margin-bottom:12px;
}

.progress-box .bar-inner{
  position:relative;
  display:block;
  width:0px;
  height:8px;
  -webkit-transition:all 1500ms ease;
  -ms-transition:all 1500ms ease;
  -o-transition:all 1500ms ease;
  -moz-transition:all 1500ms ease;
  transition:all 1500ms ease; 
}

.progress-box .count-text{
  position:absolute;
  top: -40px;
  right: 0px;
  font-size:16px;
  color: rgba(255,255,255,0.7);
  font-weight: 700;
  opacity:0;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  transition:all 500ms ease;  
}

.progress-box .bar-inner.counted .count-text{
  opacity:1;  
}

.progress-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}

.content_block_2 .content-box .text{
  position: relative;
  margin-bottom: 48px;
}

.content_block_2 .content-box .text p{
  color: rgba(255,255,255,0.6);
}

.content_block_2 .content-box .inner-box .single-item{
  position: relative;
  float: left;
  width: 50%;
  padding: 9px 0px 10px 60px;
  min-height: 47px;
}

.content_block_2 .content-box .inner-box .single-item i{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  border-radius: 50%;
  font-size: 51px;
  color: #f2ca1a;
}

.content_block_2 .content-box .inner-box .single-item h5{
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
}

.content_block_2 .content-box .inner-box{
  position: relative;
  margin-bottom: 55px;
}


.bg-color-2 {
  background-color: #2d2727;
}

.skillscol h2{ color: #fff;}
.skillscol .sec-title p{ color: #fff;}


.cta-section{
  position: relative;
  padding: 50px 0;
}

.cta-section .btn-box .theme-btn-one{
  background: #fff;
  color: #2d2727 !important;
}

.cta-section .btn-box .theme-btn-one:hover{
  color: #fff !important;
}

.cta-section .text h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 56px;
  color: #fff;
  font-weight: 600;
}

.cta-section .text h2 a{
  display: inline-block;
  font-size: 50px;
  color: #fff;
}

.cta-section .text h2 a:hover{
  text-decoration: underline;
}

.cta-section .btn-box { 
}

.cta-section .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.pt-6{
  padding-top: 6px;
}
.bg-color-3 {
  background-color: #cc5e28;
}
.cta-section .inner-box{display: flex;align-items: center;justify-content: space-between;}
.cta-section .inner-box .theme-btn-one {
  padding: 20px 40px;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
}
.cta-section .inner-box .theme-btn-one:hover{ background-color: #000; color: #fff;}
.imagesgallery { padding-top: 3px;}
.imagesgallery .col-lg-3{ padding: 3px;}
a:hover{ text-decoration: none;}
.imagesgallery .overlay-content{ color: #fff; font-size: 40px; cursor: pointer;}
.aboutfirm{ padding: 80px 0;}
.content-box .image-box {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 30px 0 0;
}
.content-box .lower-box {
  background: #cc5e28;
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: space-between;
}
.content-box .lower-box h4{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}
.content-box .lower-box a{
    display: block;
    background: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 13px;
}



.content_block_4 .counter-block{
  position: relative;
  display: block;
  background: #f5f0f0;
  padding: 80px 0px 10px 80px;
}
  
.funfact-section .content_block_4 .counter-block{
  margin-left: 70px;
  margin-top: 10px;
}

.content_block_4 .counter-block .counter-block-one{
  position: relative;
  padding: 3px 0px 61px 140px;
  border-bottom: 1px solid #fff;
  margin-bottom: 0px;
  min-height: 161px;
}

.content_block_4 .counter-block .counter-block-one:last-child{
  border-bottom: none;
  margin-bottom: 0px;
}

.content_block_4 .counter-block .counter-block-one .icon-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  font-size: 50px;
  color: #fff;
}

.content_block_4 .counter-block .counter-block-one .count-outer{
  position: relative;
  font-size: 40px;
  line-height: 60px;
  color: #2d2727;
  font-weight: 700;
  margin-bottom: 2px;
}

.content_block_4 .counter-block .counter-block-one p{
  font-weight: 600;
  margin: 0;
}
.funfact-section .content_block_4 .counter-block {
  margin-left: 50px;
  margin-top: 10px;
}.content_block_4 .counter-block .counter-block-one .icon-box {
  background: #cc5e28;
}


.video-section{
  position: relative;
  width: 100%;
  padding: 120px 0px 110px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
}

.video-section:before{
  position: absolute;
  content: '';
  background: #2d2727;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.6;
  z-index: 1;
}

.video-section .inner-box a{
  position: relative;
  display: inline-block;
  width: 108px;
  height: 108px;
  line-height: 108px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 39px;
}

.video-section .inner-box a:after, 
.video-section .inner-box a:before {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.video-section .inner-box a:after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.video-section .inner-box h2{
  font-size: 60px;
  line-height: 72px;
  color: #fff;
  font-weight: 900;
}
.video-section .auto-container{ position: relative; z-index: 3;}
.video-section .inner-box a {
  background: #cc5e28;
}
.testmonial { background-color: #fafafa; padding: 70px 0;}
.testmonial .inner-box {
  position: relative;
  display: block;
  border: 1px solid #ede6e6;
  background: #fff;
  padding: 0px 40px 55px 40px;
  margin-top: 50px;
  }
  .author-thumb {
    position: relative;
    display: inline-block;
    width: 108px;
    height: 108px;
    background: transparent;
    border-radius: 50%;
    padding: 8px;
    overflow: hidden;
    margin-top: -55px;
    margin-bottom: 10px;
    transition: all 500ms ease;
}.inner-box .text {
  position: relative;
  margin-bottom: 21px;
}.inner-box .text p {
  font-style: italic;
  line-height: unset;
}
.author-info h4 {
  font-size: 15px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 0px;
}
.author-info .designation {
  position: relative;
  display: block;
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
}
.author-info .designation {
  color: #cc5e28;
}
.testmonial .sec-title{ text-align: center; padding: 0 0 30px;}




.newsletter-section{
  position: relative;
  padding: 30px 0px;
  background: #221d1d;
}

.newsletter-section .text{
  position: relative;
  padding-left: 75px;
}

.newsletter-section .text .icon-box{
  position: absolute;
  left: 0px;
  top: 12px;
  font-size: 45px;
  line-height: 40px;
}

.newsletter-section .text h4{
  font-size: 20px;
  line-height: 70px;
  color: #fff;
  font-weight: 600;
}

.newsletter-section .newsletter-form{
  position: relative;
  display: block;
  margin-left: 120px;
}

.newsletter-section .newsletter-form .form-group{
  position: relative;
  margin: 0px;
}

.newsletter-section .newsletter-form .form-group input[type='email']{
  position: relative;
  width: 100%;
  height: 70px;
  background: #2d2727;
  border: 1px solid #2d2727;
  padding: 10px 70px 10px 20px;
  font-size: 16px;
  color: #b9b0b0;
  font-weight: 600;
  transition: all 500ms ease;
}

.newsletter-section .newsletter-form .form-group input::-webkit-input-placeholder{
  color: #b9b0b0;
}

.newsletter-section .newsletter-form .form-group input:focus{

}

.newsletter-section .newsletter-form .form-group button{
  position: absolute;
  top: 18px;
  right: 35px;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 500ms ease;
}


/** main-footer **/

.main-footer{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.main-footer:before{
  position: absolute;
  content: '';
  background: #2d2727;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.95;
}

.main-footer .footer-logo{
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  z-index: 1;
}

.footer-top{
  position: relative;
  padding: 93px 0px 100px 0px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.footer-top .widget-title{
  position: relative;
  display: block;
  margin-bottom: 24px;
}

.footer-top .widget-title h4{
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
}

.footer-top .about-widget .text{
  margin-bottom: 24px;
}

.footer-top .about-widget .text p{
  font-size: 13px;
  line-height: 24px;
  color: #b9b0b0;
  font-weight: 400;
}

.footer-top .about-widget .support-box{
  position: relative;
  display: inline-block;
  padding: 20px 65px 20px 80px;
  background: #221d1d;
}

.footer-top .about-widget .support-box i{
  position: absolute;
  left: 20px;
  top: 20px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.footer-top .about-widget .support-box p{
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #b9b0b0;
}

.footer-top .about-widget .support-box h4{
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
}

.footer-top .about-widget .support-box h4 a{
  display: inline-block;
  color: #fff;
}

.footer-top .about-widget .support-box h4 a:hover{

}

.footer-top .links-widget .links-list li{
  position: relative;
  display: block;
  margin-bottom: 6px;
}

.footer-top .links-widget .links-list li:last-child{
  margin-bottom: 0px;
}

.footer-top .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #b9b0b0;
  padding-left: 10px;
} 
.footer-top .map-widget .map-inner{
  position: relative;
  background: #221d1d;
  padding: 10px;
}

.footer-top .map-widget #contact-google-map{
  position: relative;
  width: 100%;
  height: 173px;
}

.footer-bottom{
  position: relative;
  padding: 30px 0px;
}

.footer-bottom .copyright p{
  font-size: 16px;
  line-height: 52px;
  color: #b9b0b0;
  font-weight: 600;
}

.footer-bottom .copyright p a{
  color: #b9b0b0;
}

.footer-bottom .copyright p a:hover{
  color: #fff;
}

.footer-bottom .footer-social li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.footer-bottom .footer-social li:last-child{
  margin: 0px !important;
}

.footer-bottom .footer-social li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #fff;
  background: #221d1d;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 50%;
}
.auto-container{ width: 90%; margin: 0 auto;}
 .icon-box {
  color: #cc5e28;
}.form-group button {
  color: #cc5e28;
}
.footer-bottom .auto-container{ display: flex; align-items: center; justify-content: space-between;}
.about-section .support-box:before{ display: none;}
.list-item li:before{ display: none;} .cta-section .text h2 a:hover{ text-decoration: none !important;}
.service-block-one .inner-box img{ max-height:300px;}
.justify-center{ text-align: justify;}.mt30{ margin-top: 30px;}
.footer-widget p{color: #b9b0b0;line-height: 25px;font-size: 16px;}