@font-face {
	font-family: 'et-line';
	src:url('fonts/et-line.html');
	src:url('fonts/et-lined41dd41dd41d.html?#iefix') format('embedded-opentype'),
		url('fonts/et-line-2.html') format('woff'),
		url('fonts/et-line-3.html') format('truetype'),
		url('fonts/et-line-4.html#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
body{font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4{font-family: 'Merienda One', cursive!important; padding: 0;margin: 0;}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.icon-mobile:before {
	content: "\e000";
}
.icon-laptop:before {
	content: "\e001";
}
.icon-desktop:before {
	content: "\e002";
}
.icon-tablet:before {
	content: "\e003";
}
.icon-phone:before {
	content: "\e004";
}
.icon-document:before {
	content: "\e005";
}
.icon-documents:before {
	content: "\e006";
}
.icon-search:before {
	content: "\e007";
}
.icon-clipboard:before {
	content: "\e008";
}
.icon-newspaper:before {
	content: "\e009";
}
.icon-notebook:before {
	content: "\e00a";
}
.icon-book-open:before {
	content: "\e00b";
}
.icon-browser:before {
	content: "\e00c";
}
.icon-calendar:before {
	content: "\e00d";
}
.icon-presentation:before {
	content: "\e00e";
}
.icon-picture:before {
	content: "\e00f";
}
.icon-pictures:before {
	content: "\e010";
}
.icon-video:before {
	content: "\e011";
}
.icon-camera:before {
	content: "\e012";
}
.icon-printer:before {
	content: "\e013";
}
.icon-toolbox:before {
	content: "\e014";
}
.icon-briefcase:before {
	content: "\e015";
}
.icon-wallet:before {
	content: "\e016";
}
.icon-gift:before {
	content: "\e017";
}
.icon-bargraph:before {
	content: "\e018";
}
.icon-grid:before {
	content: "\e019";
}
.icon-expand:before {
	content: "\e01a";
}
.icon-focus:before {
	content: "\e01b";
}
.icon-edit:before {
	content: "\e01c";
}
.icon-adjustments:before {
	content: "\e01d";
}
.icon-ribbon:before {
	content: "\e01e";
}
.icon-hourglass:before {
	content: "\e01f";
}
.icon-lock:before {
	content: "\e020";
}
.icon-megaphone:before {
	content: "\e021";
}
.icon-shield:before {
	content: "\e022";
}
.icon-trophy:before {
	content: "\e023";
}
.icon-flag:before {
	content: "\e024";
}
.icon-map:before {
	content: "\e025";
}
.icon-puzzle:before {
	content: "\e026";
}
.icon-basket:before {
	content: "\e027";
}
.icon-envelope:before {
	content: "\e028";
}
.icon-streetsign:before {
	content: "\e029";
}
.icon-telescope:before {
	content: "\e02a";
}
.icon-gears:before {
	content: "\e02b";
}
.icon-key:before {
	content: "\e02c";
}
.icon-paperclip:before {
	content: "\e02d";
}
.icon-attachment:before {
	content: "\e02e";
}
.icon-pricetags:before {
	content: "\e02f";
}
.icon-lightbulb:before {
	content: "\e030";
}
.icon-layers:before {
	content: "\e031";
}
.icon-pencil:before {
	content: "\e032";
}
.icon-tools:before {
	content: "\e033";
}
.icon-tools-2:before {
	content: "\e034";
}
.icon-scissors:before {
	content: "\e035";
}
.icon-paintbrush:before {
	content: "\e036";
}
.icon-magnifying-glass:before {
	content: "\e037";
}
.icon-circle-compass:before {
	content: "\e038";
}
.icon-linegraph:before {
	content: "\e039";
}
.icon-mic:before {
	content: "\e03a";
}
.icon-strategy:before {
	content: "\e03b";
}
.icon-beaker:before {
	content: "\e03c";
}
.icon-caution:before {
	content: "\e03d";
}
.icon-recycle:before {
	content: "\e03e";
}
.icon-anchor:before {
	content: "\e03f";
}
.icon-profile-male:before {
	content: "\e040";
}
.icon-profile-female:before {
	content: "\e041";
}
.icon-bike:before {
	content: "\e042";
}
.icon-wine:before {
	content: "\e043";
}
.icon-hotairballoon:before {
	content: "\e044";
}
.icon-globe:before {
	content: "\e045";
}
.icon-genius:before {
	content: "\e046";
}
.icon-map-pin:before {
	content: "\e047";
}
.icon-dial:before {
	content: "\e048";
}
.icon-chat:before {
	content: "\e049";
}
.icon-heart:before {
	content: "\e04a";
}
.icon-cloud:before {
	content: "\e04b";
}
.icon-upload:before {
	content: "\e04c";
}
.icon-download:before {
	content: "\e04d";
}
.icon-target:before {
	content: "\e04e";
}
.icon-hazardous:before {
	content: "\e04f";
}
.icon-piechart:before {
	content: "\e050";
}
.icon-speedometer:before {
	content: "\e051";
}
.icon-global:before {
	content: "\e052";
}
.icon-compass:before {
	content: "\e053";
}
.icon-lifesaver:before {
	content: "\e054";
}
.icon-clock:before {
	content: "\e055";
}
.icon-aperture:before {
	content: "\e056";
}
.icon-quote:before {
	content: "\e057";
}
.icon-scope:before {
	content: "\e058";
}
.icon-alarmclock:before {
	content: "\e059";
}
.icon-refresh:before {
	content: "\e05a";
}
.icon-happy:before {
	content: "\e05b";
}
.icon-sad:before {
	content: "\e05c";
}
.icon-facebook:before {
	content: "\e05d";
}
.icon-twitter:before {
	content: "\e05e";
}
.icon-googleplus:before {
	content: "\e05f";
}
.icon-rss:before {
	content: "\e060";
}
.icon-tumblr:before {
	content: "\e061";
}
.icon-linkedin:before {
	content: "\e062";
}
.icon-dribbble:before {
	content: "\e063";
}

.section { 
        background-image: url(../images/back-white.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.section2 {
    padding: 80px 0;
}

.section2 { 
        background-image: url(../images/back-org.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



.about {
    background: #000000;
    padding: 70px 0;
    background-image: url(../images/black-bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.about h1 {
    color: #f4cb57;
    font-size: 30px;
    margin-bottom: 20px;
}
.about p {
    color: #fff;
    /* font-size: 30px; */
    /* margin-bottom: 20px; */
}

/* .service-box { */
    /* border: solid 1px #00000017; */
    /* padding: 20px; */
    /* box-shadow: 0 0 4px 0px #b5b5b5a1; */
    /* background: #ffff; */
    /* border-radius: 10px; */
/* } */
.service-box h4 {
    font-size: 25px;
	font-family: 'Merienda One', cursive;
    color: #861428;
    margin: 20px 0 7px 0;
}
.service-box p {
    font-size: 17px;
    color: #222;
	    font-weight: 400;
     margin-bottom: 8px;
}

ul.call-chat-services {
    padding: 0;
    margin: 0;
    text-align: center;
}
ul.call-chat-services li {
    line-height: normal;
    display: inline-block;
    padding: 15px 7px;
}
ul.call-chat-services li a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    background: #000000;
    padding: 11px 15px;
        transition: 0.5s;
    border-radius: 40px;
}
ul.call-chat-services li a:hover {
    background: #660000 !important;
}
ul.call-chat-services li a:hover {
    background: #660000 !important;
    color: #fff !important;
}
ul.call-chat-services li a:hover i{ 
    color: #fff !important;
}
ul.call-chat-services li a  i {
    font-size: 20px;
    color: #f4cb57;
    position: relative;
    animation-duration: var(--fa-animation-duration,3s);
    top: 3px;
}
ul.call-chat-services li a:hover {
    background: #000;
}


.border-radius_10{border-radius:10px;}

/* Style inputs */
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  /* margin-top: 6px; */
  margin-bottom: 6px;
  resize: vertical;
}

button[type=submit] {
    background-color: #f06b00;
    color: white;
    padding: 12px 20px;
    font-size: 17px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
	
}

button[type=submit]:hover {
  background-color: #45a049;
}


.bootstrap-iso .input-group-addon {
  padding: 6px 12px;
    font-size: 16px;
    font-weight: normal;
    /* line-height: 1; */
    margin-top: auto;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 38px;
}
}
.bootstrap-iso .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.bootstrap-iso .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.bootstrap-iso .input-group-addon input[type="radio"],
.bootstrap-iso .input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.bootstrap-iso .input-group .form-control:first-child,
.bootstrap-iso .input-group-addon:first-child,
.bootstrap-iso .input-group-btn:first-child > .btn,
.bootstrap-iso .input-group-btn:first-child > .btn-group > .btn,
.bootstrap-iso .input-group-btn:first-child > .dropdown-toggle,
.bootstrap-iso .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.bootstrap-iso .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bootstrap-iso .input-group-addon:first-child {
  border-right: 0;
}
.bootstrap-iso .input-group .form-control:last-child,
.bootstrap-iso .input-group-addon:last-child,
.bootstrap-iso .input-group-btn:last-child > .btn,
.bootstrap-iso .input-group-btn:last-child > .btn-group > .btn,
.bootstrap-iso .input-group-btn:last-child > .dropdown-toggle,
.bootstrap-iso .input-group-btn:first-child > .btn:not(:first-child),
.bootstrap-iso .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bootstrap-iso .input-group-addon:last-child {
  border-left: 0;
}
.bootstrap-iso .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.bootstrap-iso .input-group-btn > .btn {
  position: relative;
}
.bootstrap-iso .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.bootstrap-iso .input-group-btn > .btn:hover,
.bootstrap-iso .input-group-btn > .btn:focus,
.bootstrap-iso .input-group-btn > .btn:active {
  z-index: 2;
}
.bootstrap-iso .input-group-btn:first-child > .btn,
.bootstrap-iso .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.bootstrap-iso .input-group-btn:last-child > .btn,
.bootstrap-iso .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

label {
    display: inline-block;
   margin-bottom: 0px;
}

.center {
  margin: auto;
 
  /* border: 3px solid green; */
  padding: 10px;
}







.main_tx {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #efefef; */
  /* overflow: hidden; */
  height: 60vh;
  width: 100vw;
}

.testimonials {
  /* background-color: #ffffff; */
  width: 100%;
  max-width: 900px;
  margin: 20px;
  box-shadow: 0 6px 5px -7px #cbcbcb;
  border-radius: 3px;
  position: relative;
  opacity: 0;
  animation: showTestimonials 0.32s 0.78s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    forwards;
  input {
    display: none;
    visibility: hidden;
    height: 0;
    width: 0;
    pointer-events: none;
    opacity: 0;
  }
}

@keyframes showTestimonials {
  to {
    opacity: 1;
  }
}

.testimonials-inner {
  position: relative;
  min-height: 100px;
}

.testimonial {
  padding: 40px 34px 20px 34px;
  margin: 0 30px;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

input[name="testimonial"]:nth-child(1):checked
  ~ .testimonials-inner
  .testimonial:nth-child(1),
input[name="testimonial"]:nth-child(2):checked
  ~ .testimonials-inner
  .testimonial:nth-child(2),
input[name="testimonial"]:nth-child(3):checked
  ~ .testimonials-inner
  .testimonial:nth-child(3),
input[name="testimonial"]:nth-child(4):checked
  ~ .testimonials-inner
  .testimonial:nth-child(4) {
  pointer-events: initial;
}

.testimonial {
  transition: 0.72s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.32s 0.12s;
  opacity: 0;
  transform: translate(0, 38px);
  max-height: 80px;
  animation: hideTestimonial 0s 0.52s forwards;
  position: relative;
}

input[name="testimonial"]:nth-child(1):checked
  ~ .testimonials-inner
  .testimonial:nth-child(1),
input[name="testimonial"]:nth-child(2):checked
  ~ .testimonials-inner
  .testimonial:nth-child(2),
input[name="testimonial"]:nth-child(3):checked
  ~ .testimonials-inner
  .testimonial:nth-child(3),
input[name="testimonial"]:nth-child(4):checked
  ~ .testimonials-inner
  .testimonial:nth-child(4) {
  animation: showTestimonial 0s 0.72s forwards;
  position: absolute;
  opacity: 1;
  transform: none;
  max-height: 500px;
  transition: 0.3s 0.52s, opacity 0.68s 0.92s, max-height 0.82s 0.72s;
}

@keyframes hideTestimonial {
  to {
    position: absolute;
  }
}

@keyframes showTestimonial {
  to {
    position: relative;
  }
}

input[name="testimonial"]:nth-child(1):checked
  ~ .testimonials-bullets
  label:nth-child(1)
  span,
input[name="testimonial"]:nth-child(2):checked
  ~ .testimonials-bullets
  label:nth-child(2)
  span,
input[name="testimonial"]:nth-child(3):checked
  ~ .testimonials-bullets
  label:nth-child(3)
  span,
input[name="testimonial"]:nth-child(4):checked
  ~ .testimonials-bullets
  label:nth-child(4)
  span {
  background-color: rgba(245, 34, 34, 0.836);
  transform: scale(1);
  transition: transform 0.36s cubic-bezier(0.26, -0.59, 0.43, 2.48),
    background-color 0.41s ease-in;
}

.testimonial-photo {
  height: 84px;
  width: 84px;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.photo-background {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  box-shadow: 0 -4px 3px -2px #c3c2c2;
  width: 100%;
  transform: scale(0.87);
  transition: 0.32s;
}

input[name="testimonial"]:nth-child(1):checked
  ~ .testimonials-inner
  .testimonial:nth-child(1)
  .photo-background,
input[name="testimonial"]:nth-child(2):checked
  ~ .testimonials-inner
  .testimonial:nth-child(2)
  .photo-background,
input[name="testimonial"]:nth-child(3):checked
  ~ .testimonials-inner
  .testimonial:nth-child(3)
  .photo-background,
input[name="testimonial"]:nth-child(4):checked
  ~ .testimonials-inner
  .testimonial:nth-child(4)
  .photo-background {
  transform: scale(1);
  transition: 0s;
}

.photo-author {
  background-size: 68px;
  background-position: center;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #dbdbdb;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  transform: scale(1.18) translate(0, -6px);
  transition: transform 0.42s ease-out, opacity 0.58s, width 0s 0.6s,
    height 0s 0.6s;
}

input[name="testimonial"]:nth-child(1):checked
  ~ .testimonials-inner
  .testimonial:nth-child(1)
  .photo-author,
input[name="testimonial"]:nth-child(2):checked
  ~ .testimonials-inner
  .testimonial:nth-child(2)
  .photo-author,
input[name="testimonial"]:nth-child(3):checked
  ~ .testimonials-inner
  .testimonial:nth-child(3)
  .photo-author,
input[name="testimonial"]:nth-child(4):checked
  ~ .testimonials-inner
  .testimonial:nth-child(4)
  .photo-author {
  transform: scale(1);
  opacity: 1;
  height: 68px;
  width: 68px;
  transition: width 0.26s 1.01s, height 0.26s 1.01s;
}

.testimonial-text {
  color: #606060;
  /* font-size: 20px; */
  font-weight: 400;
  padding-top: 10px;
  text-align: center;
  /* text-shadow: 0 0 1px #939393; */
  /* letter-spacing: 0.12px; */
  /* font-style: italic; */
  line-height: 26px;
  p {
    margin-bottom: 10px;
  }
}

.testimonial-author {
  font-size: 15px;
    text-align: right;
    font-weight: 400;
    color: #f57000;
    /* letter-spacing: 0.24px; */
    font-style: italic;
    text-transform: capitalize;
  }
}

.testimonials-bullets {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 30px;
  transform: translate(0, 8px);
  .bullet {
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 1px;
    div {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      background-color: #ffffff;
      box-shadow: 0 4px 6px -7px #000000;
      span {
        background-color: #c3c3c3;
        height: 14px;
        width: 14px;
        border-radius: 50%;
        transform: scale(0.82);
        transition: 0.72s;
      }
    }
    &:hover span {
      background-color: rgba(216, 118, 118, 0.836);
    }
  }
}

.testimonials-arrows {
  height: 100%;
  .arrow {
      display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    position: absolute;
    top: calc(50% - 39px);
    span {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #ffffff;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      &:before {
        font-size: 32px;
        font-family: monospace, sans-serif;
        font-weight: 600;
        color: #c3c3c3;
        transition: color 0.21s ease-in;
      }
    }
    &:hover span:before {
      color: #444444;
      transition: color 0.17s ease-out;
    }
    label {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      cursor: pointer;
    }
  }
  .arrow-left {
    left: -20px;
    span {
      box-shadow: 40px 0 20px 20px #ffffff, -5px 0 30px 0px #e1e1e1;
      &:before {
        content: "<";
      }
    }
  }
  .arrow-right {
    right: -20px;
    span {
      box-shadow: -40px 0 20px 20px #ffffff, 5px 0 30px 0px #e1e1e1;
      &:before {
        content: ">";
      }
    }
  }
}

input[name="testimonial"]:nth-child(1):checked
  ~ .testimonials-arrows
  .arrow-left
  label[for="input-testimonial4"],
input[name="testimonial"]:nth-child(1):checked
  ~ .testimonials-arrows
  .arrow-right
  label[for="input-testimonial2"],
input[name="testimonial"]:nth-child(2):checked
  ~ .testimonials-arrows
  .arrow-left
  label[for="input-testimonial1"],
input[name="testimonial"]:nth-child(2):checked
  ~ .testimonials-arrows
  .arrow-right
  label[for="input-testimonial3"],
input[name="testimonial"]:nth-child(3):checked
  ~ .testimonials-arrows
  .arrow-left
  label[for="input-testimonial2"],
input[name="testimonial"]:nth-child(3):checked
  ~ .testimonials-arrows
  .arrow-right
  label[for="input-testimonial4"],
input[name="testimonial"]:nth-child(4):checked
  ~ .testimonials-arrows
  .arrow-left
  label[for="input-testimonial3"],
input[name="testimonial"]:nth-child(4):checked
  ~ .testimonials-arrows
  .arrow-right
  label[for="input-testimonial1"] {
  z-index: 1;
}

.testimonial:nth-child(1) .photo-author {
  background-image: url(../images/t1.png);
}

.testimonial:nth-child(2) .photo-author {
  background-image: url(../images/t2.png);
}

.testimonial:nth-child(3) .photo-author {
  background-image: url(../images/t3.png);
}

.testimonial:nth-child(4) .photo-author {
  background-image: url(../images/t4.png);
}




.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient( -225deg, #18abe9 0%, #ec4222 29%, #2a8bff 67%, #37c02c 100% );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-weight: 800;    font-size: 20px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}



.text-ani{    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 10px #f443363b;
    border-radius: 22px;
    background: #ff3404;}

.zoom-in-out-box3 {
  /* background:#5cadff; */
  border-radius:15px;
  animation: zoom-in-zoom-out 2s ease infinite;
}



@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}


/* .call_action{     position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* right: 0; */
   
    /* z-index: 99;} */


.fix{
  position: fixed;
     padding: 0px;
  bottom: 0;
  left: 0;
  /* background: #f2f2f2; */
  /* border-top: 1px solid #e2e2e2; */
  display: none;
}
.ff5{
  padding: 13px 10px;
}
.end
{
  margin: 0;
  padding: 0;
  text-align: center;
  
}

.end .wh-fx:after{background: #26b144;}
.end .wh-fx:before{background: #26b144;}

 .end li:before
 {
       position: absolute;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    background: #cc0000;
    border-radius: 50%;
    transition: all 2s;
    animation-name: calla;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
   
 }
 .element2 {
  animation-delay: 2s;
  animation: pulse 2s infinite;
  display: table;
  animation-direction: alternate;
}
.end li a{    text-decoration: none;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;}
.end li a i
{
 font-size: 34px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    display: block;
    height: 30px;
    width: 32px;
    line-height: 57px;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
}
@keyframes pulsate {
    0% {transform: scale(0.9, 0.9); opacity: 1;}
    50% {transform: scale(1.2, 1.2) ; opacity: 1;}
    100% {transform: scale(0.9, 0.9); opacity: 1;}
}


@keyframes callb{
0%{transform: rotate(0deg);}
100%{transform: rotate(-360deg);}
}
@keyframes calla{
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}

.wh-fx{
  right: 20px;
}
.ph-fx{
  right: 80px;
}
.ph-fx a i{
  color: #fff !important;
}
.end li{
    display: inline;
    text-align: left;
    list-style: none;
    position: absolute;
    text-align: center;
    height: 30px;
    bottom: 10px;
    width: 30px;
    border-radius: 1px solid #000;
    animation-name: calla;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    background: #a20032;
    line-height: 60px;
    border-radius: 50%;
}
.end li:after{
     position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index:-99;
    content: "";
   transform: scale(1);
   border: 1px solid rgba(162, 162, 162, 0.8);
     animation-name: callb;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
 }
 .element2 {
  animation-delay: 2s;
  animation: pulse 2s infinite;
  display: table;
  animation-direction: alternate;
}
.end li a i{
 font-size: 18px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    display: block;
    height: 30px;
    width: 32px;
    line-height: 30px;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
}
@keyframes pulsate {
    0% {transform: scale(0.9, 0.9); opacity: 1;}
    50% {transform: scale(1.2, 1.2); opacity: 1;}
    100% {transform: scale(0.9, 0.9); opacity: 1;}
}
@keyframes callb{
0%{transform: scale(0.9);}
20%{transform: scale(1);}
40%{transform: scale(1.1);}
60%{transform: scale(1.2);}
80%{transform: scale(1.3);}
100%{transform: scale(1.4);}

}
@keyframes calla{
0%{ box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);}
20%{ box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);}
40%{ box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);}
60%{ box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);}
80%{ box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);}
100%{ box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);}
}
.wh-fx{right: 20px;    background: #26b144 !important;}
/* .ph-fx{left: 20px;} */

.end li a img
{

}
 .ff5 span {
    color: #ff0000;
}



/*start media query*/

@media (max-width: 767px){
   
     .fix{display: block;}
    .top-hide{display: none;}
    .head-logo{padding: 0px 0;}
    .head-contact{padding:0px 0 0 0px;}
    .top-icon ul {transform: skew(-30deg);}
    .top-line1 {padding: 0px 25px 0 0px;}
    .head-line3 p {padding: 2px 10px;}
    .head-mark span {position: relative;}
    .head-line2 p {font-size: 18px;}
    .head-call1 {padding: 5px 0;}
    .top-line2 p {font-size: 16px;padding: 5px 0px 5px 24px;}
    .top-icon {padding: 7px 10px; transform: skew(30deg);}
    .carousel-control .icon-next, .carousel-control .icon-prev {font-size: 30px;}
    .best-services1{padding: 30px 0px;}
    .best-list {padding: 10px 0;}
    .best-serv {padding: 10px 0;}
    .best-serv4{border-right: 0px solid #e8e8e8;}
    .best-serv3{width: 50%;}
    .mark-1a{padding:30px 0;}
    .chooseus-section1{padding:30px 0px;}
    .choose1{width: 50%;}
    .services-section1{padding:30px 0;}
    .services1 {padding: 0px;}
    .services-ban{width: 50%;}
    .services3 {padding: 10px 0px;}
    .services4{display: inline-flex;}
    .services-left img{height: 130px;}
    .services {padding: 0px;}
    .form-section1{padding:30px 0px;}
    .bottom-services-1{padding:30px 0px;}
    .bottom-services2{padding: 20px 0;}
    .bottom-list{width: 50%;}
       .footer-section1{padding: 30px 0px;}
    .footer-section2{width: 50%;}
    .footer-section-2 {padding: 0px 0;}
    .footer-serv{width: 50%;}
    .footer-section3 {padding: 10px 0;}
    .aboutus-section1{padding: 30px 0;}
    .content-services1{padding:30px 0px;}
    .content-serv{width: 50%;}
     .testimonials-section1{padding:30px 0px;}
   .testi2{background-image: none;}
   .testi4 {padding: 20px 0px;}
   .testim .arrow.left {left: -27px;}
   .testim .arrow.right {right: -18px;}
   .testim .wrap {padding: 0px 0px 40px 0px;}
     .aword3{width: 50%;}
    .aword1{padding: 30px 0px;}



    .dis-1 {padding: 0px 0px;}
    .copy-1 {padding: 0px 0px 80px 0px;}

    


}

@media only screen and (min-width: 768px) and  (max-width:991px) {
    .best-serv4{border-right: 0px solid #e8e8e8;}
    .top-hide{display: none;}
    .head-logo{padding: 0px 0;}
    .head-line2 p {font-size: 18px;}
    .head-line3 a i {padding: 0 8px;}
    .head-line2 {padding: 8px 0;}
    .head-line3 a {padding: 4px 6px;}
    .services3 {padding: 15px 8px;}
    .mark-1a span {font-size: 19px;}
    .services-right span {font-size: 21px;}

} 


@media only screen and (min-width: 991px) and  (max-width:1200px) {
      .best-serv {padding: 10px 0;}
      .best-list {padding: 10px 0;}
      .best-serv6 span {font-size: 24px;}
      .services-choose3 {padding: 20px 10px;}
      .services3 {padding: 10px;}
      .choose2 p {font-size: 26px;}
      .content1 strong {font-size: 25px;}
      .content-serv1 {padding: 15px 10px;}
      .mark-2a p { line-height: 46px;font-size: 26px;}
      .footer-section4 li { font-size: 16px;}


}

@media only screen and (min-width:1200px) and  (max-width:1300px){

}

@media (max-width: 575px) and (min-width: 0px) {
   .best-serv3{width: 100%;padding: 0px 0;}
   .best-head p { font-size: 31px;}
   .head-line2 {padding: 4px 0;}
   .head-line2 p {font-size: 16px;}
   .services-ban{width: 100%;}
   .services3{width: 100%;}
   .services3 {padding: 6px 0;}
   .services-right span {font-size: 20px;}
   .choose1{width: 100%;}
   .services-choose3 {padding: 10px 0;}
   .services-choose2 {padding: 0px;}
   .mark-1a span {font-size: 16px;letter-spacing: 0;}
    .mark-1a p {padding: 15px 0px 5px 0px;font-size: 30px;line-height: 46px;}
    .services-banner {padding: 0px;}
    .bottom-list{width: 100%;}
    .footer-section-2 {padding: 0px 0;}
    .dis-1 p {font-size: 12px;padding: 10px 0px;line-height: 20px;}
  .copy-1 .copy {padding: 10px 0px;font-size: 13px;}
  .footer-section2{width: 100%;}
  .content-serv{width: 100%;}
  .testi-head p {font-size: 21px;}
  .aword3{width: 100%;}

}