/*
Theme Name: Robotics Services Pro
Theme URI: https://www.theclassictemplates.com/products/portfolio-wordpress-theme
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description: Premium Portfolio WordPress Theme is a theme all creatives need to display their work to potential clients. Be it writers, designers, illustrators, cartoonists, web developers, photographers, architects, fashion designers, or marketing and advertising professionals, if you have a portfolio to show, this theme is all you need. Tell your clients about what you do and yourself under “About Me” as it becomes your call-to-action (CTA) tool. With sleek, modern design layouts, well-structured configuration, this theme is cross-platform and all-browsers compatible, making it responsive. The bug and breach free theme reassures for a faster loading website that won’t keep your clients waiting for pages to load.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: Robotics Services Pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
developed by Theclassictemplates(Theclassictemplates.net), 2023.
Robotics Services Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --yellow: #FDC400;
  --blue: #015AA3;
  --light-blue: #E6EFF6;
}
:root {
  --pri-font: "Outfit", sans-serif;
  --h3-font : "Orbitron", sans-serif;
  overflow: auto;
}
#wpadminbar {
  position: fixed !important;
}
section{
  padding: 4% 0px;
  position: relative;
}
html body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-black);
  font-weight: 300;
  font-size: 15px;
  font-family: var(--font-var(--pri-font));
  overflow-x: hidden;
  background-color:var(--color-white);
  overflow-x: hidden;
  width: 100%;
}

/* owl-nav */
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{
  width: 100% !important;
  display: flex;
  border: none !important;
}
#testimonial .owl-carousel .owl-nav button.owl-next{
  margin-left: 6px;
}
.carousel_prev_text {
  background: #000;
  font: 400 14px / 14px var(--pri-font);
  border-radius: 0px 50px 50px 0px;
  padding: 13px 10px;
  width: 70%;
  text-transform: capitalize;
}
.carousel_next_text {
  background: var(--blue);
  font: 400 14px / 14px var(--pri-font);
  border-radius: 50px 0px 0px 50px;
  padding: 13px 10px;
  width: 70%;
  text-transform: capitalize;
}
.owl-nav .owl-prev i {
  background: var(--blue) !important;
  color: #fff !important;
  margin-right: 2px;
  border-radius: 50px 0px 0px 50px !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.owl-nav .owl-next i {
  background: #000 !important;
  color: #fff !important;
  margin-left: 2px;
  border-radius: 0px 50px 50px 0px !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.owl-nav button{
  border-radius: 0px !important;
}
.owl-nav button i{
  font-size: 16px;
}
#testimonial .owl-nav,#our-Serve .owl-nav{
  display: block;
}
#our-Serve .owl-nav{
  width: fit-content;
  display: flex;
  justify-content: space-between;
}
#our-Serve .owl-carousel .owl-nav button.owl-prev{
  position: absolute;
  top: -40%;
  left: 0;
  width: 10% !important;
  border: none;
}
#our-Serve .owl-carousel .owl-nav button.owl-next{
  position: absolute;
  top: -40%;
  right: 0;
  width: 10% !important;
  border: none;
}

.owl-nav{
  display: none;
}
h6{
  font: 600 18px / 25px var(--pri-font);
  color: var(--blue);
  margin: 0px;
}
h5{
  font: 600 22px/24px var(--pri-font);
  color: var(--black);
  margin: 0;    
}
h4{
  font: 700 18px/27px var(--h3-font);
  color: var(--black);
  margin: 0;    
}
h3,h3 a{
  font: 800 28px / 45px var(--h3-font);
  color: #000000;
}
h2{
  font: 800 28px / 45px var(--h3-font);
  color: var(--white);
  margin: 0;
}
h1{
  font: 800 40px / 50px var(--h3-font);
  color: #fff;
  margin: 0px;
}
p{
  font: 300 14px/25px var(--pri-font);
  color: var(--black);
  margin: 0;
}
#reply-title{
  font: 400 35px/60px var(--pri-font);
  color: var(--blackk);
  margin: 0;
}
.page-title{
  color: #000;
  font: 600 40px/52px var(--h1-font);
}
.button-box .btn-text{
  background: #000;
  color: #fff;
  font: 400 14px / 14px var(--pri-font);
  padding: 10px 18px;
  border-radius: 50px 0px 0px 50px;
}
.button-box .btn-icon {
  background: var(--blue);
  padding: 10px 15px;
  border-radius: 0px 50px 50px 0px;
  color: #fff;
  font-size: 14px;
}
#slider .button-box .btn-icon {
  background: #fff;
  color: var(--blue);
}
.counter-btn.button-box .btn-text{
  background: #fff;
  color: #000;
}
.button-box:hover .btn-text{
  background: var(--blue);
  color: var(--white);
  transition: all 0.5s ease 0s;
}
.button-box:hover .btn-icon,.form-submit:hover .submit{
  background: var(--black) !important;
  transition: all 0.5s ease 0s;
}
.button-box:hover .btn-icon i {
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
#slider .button-box:hover .btn-icon{
  color: #fff;
}
#slider .button-box:hover .btn-text{
  background: #fff;
  color: var(--blue);
}
.newsletter-cons-form-box .submit-box .submit:hover::after,.form-submit:hover::after{
  background: var(--blue);
  color: #fff;
  transition: all 0.5s ease 0s;
}
#newsletter input[type="submit"]:hover{
  background: #fff;
  color: #000;
  transition: all 0.5s ease 0s;
}
.newsletter-head-form-box form p:nth-child(3):hover::after{
  background: var(--blue);
  color: #fff;
  transition: all 0.5s ease 0s;
}
.owl-next:hover .carousel_next_text,.owl-prev:hover .carousel_prev_text{
  background: var(--black);
  transition: all 0.5s ease 0s;
}
.owl-next:hover span i,.owl-prev:hover span i{
  background: var(--blue) !important;
  color: var(--white) !important;
  transition: all 0.5s ease 0s;
}
.owl-prev:hover .carousel_prev_text,.submit-box .submit:hover p:after{
  background: var(--blue);
  transition: all 0.5s ease 0s;
}
.owl-prev:hover span i,.contact-touch-form-box form .submit:hover p input[type="submit"]{
  background: var(--black) !important;
  color: var(--white) !important;
  transition: all 0.5s ease 0s;
}


/* .btn-text{
  position: relative;
}
.button-box:hover .btn-text:before, .button-box:focus .btn-text:before, .button-box:active .btn-text:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.btn-text:before {
  background-color: var(--blue);
}
.btn-text:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--blue);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 50px 0px 0px 50px;
}
.button-box:hover .btn-text{
  background: transparent;
} */
/* .btn-text{
  position: relative;
}
.btn-text:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50px 0px 0px 50px;
  background: var(--blue);
  position: absolute;
  top: 50%;
  left: 105%;
  z-index: -1;
  transform: translateY(-50%);
  transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
}
.button-box:hover .btn-text::before{
  width: 100%;
  height: 100%;
  border-radius: 50px 0px 0px 50px;
  left: 0;
  z-index: -1;
}
.button-box:hover .btn-text{
  background: transparent;
} */



/* .button-box:hover .outer-btn:before {
  width: 100%;
  height: 100%;
  left: 0;
  padding: 21px 10px;
  z-index: -1;
}
.button-box:hover .outer-btn:before {
  opacity: 1;
}
.button-box .outer-btn:before {
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--blue);
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 1;
  transform: translateY(-50%);
  transition: left 0.3s ease 0s, border-radius 0.3s ease 0.3s, height 0.3s ease 0.3s, width 0.3s ease 0.5s;
  opacity: 0;
}
.button-box:hover .outer-btn {
  color: #fff;
}
.button-box:hover .btn-text{
  background: transparent;
  transition: all 0.5s ease 0s;
} */



/* .btn {
  font: 400 14px / 14px var(--pri-font);
  letter-spacing: 0;
  color: var(--white);
  background: var(--black);
  padding: 12px 30px;
  border-radius: 0px;
  position: relative;
  border: none;
  z-index: 0;
} */
.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/

/* loader */
.eco-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: var(--blue);
  cursor: pointer;
  z-index: 9999;
}
/* HTML: <div class="loader"></div> */
.loader {
  width: 40px;
  height: 40px;
  color: #E6EFF6;
  background:
    conic-gradient(from  -45deg at top    20px left 50% ,#0000 ,currentColor 1deg 90deg,#0000 91deg),
    conic-gradient(from   45deg at right  20px top  50% ,#0000 ,currentColor 1deg 90deg,#0000 91deg),
    conic-gradient(from  135deg at bottom 20px left 50% ,#0000 ,currentColor 1deg 90deg,#0000 91deg),
    conic-gradient(from -135deg at left   20px top  50% ,#0000 ,currentColor 1deg 90deg,#0000 91deg);
  animation: l4 1.5s infinite cubic-bezier(0.3,1,0,1);
}
@keyframes l4 {
   50%  {width:60px;height: 60px;transform: rotate(180deg)}
   100% {transform: rotate(360deg)}
}
/* .spinner {
  margin: auto;
  width: 50px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

.loader {
  position: relative;
  width: 250px;
  height: 50px;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
} */

.loader {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  /* width: 48px;
  height: 48px;
  border: 3px dotted #FFF;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: rotation 2s linear infinite;
  animation: rotation 2s linear infinite; */
}
/* .loader:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted var(--yellow);
  border-style: solid solid dotted;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-animation: rotationBack 1s linear infinite;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}

@keyframes rotation{
  0% {
    transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
} */
/* video popup */
/* .modal-new {
  display: none;
  position: fixed;
  z-index: 999999999999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.4);
}
/* Modal Content */
/* .modal-contents {
  background-color: #fff;
  margin: auto;
  padding: 6px;
  width: 45%;
  transition: 2s;
  border-radius: 10px;
}
/* The Close Button */
 /* .close-one{ 
  color: #252525;
  float: right;
  font-size: 28px;
  padding-right: 20px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-weight: 900;
}  */

/*------ search bar ----------*/
/* .search-container{
  display: none;
  position: absolute;
  bottom: -60px;
  z-index: 999;
  padding: 0px;
  right: 15%;
  width: auto !important;
  border: none;
  border-radius: 8px;
}
#header_navigation [type="submit"] {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 14px;
  background-color: var(--yellow);
  border: inherit;
  color: var(--white);
  cursor: pointer;
  border: none;
  border-radius: 0px;
}
.search-container [type=search] {
  color: #fff !important;
  border: unset;
  position: relative;
  padding: 15px 90px 15px 10px;
  width: auto;
  outline: none;
  border-radius: 0px;
  background: var(--yellow);
  font-size: 12px;
}
.search-form button {
  color: white;
  padding: 10px 10px 10px 10px;
  width: 50px;
  height: 49px;
  font-size: 0;
  position: absolute;
  right: auto;
  top: -2px;
  border: none;
  background: var(--blue);
}
.search-form button[type=submit]::before {
  content: '\f002';
  font-family: "font awesome 6 free";
  font-weight: 900;
  font-size: 16px;
} */

/* faq page */
#faq-page .accordion-button:not(.collapsed){
  border: none;
  background: var(--blue);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-body{
  font: 400 14px/28px var(--pri-font);
}
#faq-page .accordion-item{
  border: none;
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  z-index: 0;
}
#faq-page .accordion-button{
  box-shadow: 0px 0px 2px 0px #9e9c9c;
  border-radius: 10px;
  padding: 12px 30px;
  color: #000;
  font: 500 16px/28px var(--pri-font);
}
#faq-page .accordion-button.collapsed::after {
  content: '\f067';
}
#faq-page .accordion-button::after {
  content: '\f068';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  background-image: unset !important;
  height: unset !important;
  width: unset !important;
  transition: unset !important;
}
#faq-page .faq-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}
/* contact */
.contact-outer-form{
  gap: 50px 0px;
  justify-content: space-between;
}
.get-contact-small-head {
  padding: 5% 10px 5% 0px;
}
.contact-touch-form-box .newsletter-head-form-box .wpcf7 form.invalid .wpcf7-response-output{
  color: #000;
}
.checkbox .wpcf7-list-item-label{
  color: var(--blue);
  font: 300 14px/14px var(--pri-font);
  padding-left: 6px;
}
.contact-touch-form-box form .get:nth-child(5)-box input[type="text"]{
  padding-bottom: 40px;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-detail-box svg path{
  fill: var(--blue);
}
.contact-touch-form-box .wpcf7-checkbox input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 1px solid var(--blue);
  border-radius: 3px;
  background-color: #fff;
  padding: 1px;
}
.contact-touch-form-box .wpcf7-checkbox input[type=checkbox] {
  position: relative;
  cursor: pointer;
}
.contact-touch-form-box .wpcf7-checkbox input {
  background: transparent;
}
.contact-touch-form-box form .submit p input[type="submit"]{
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--blue);
  border: none;
  border-radius: 50px 0px 0px 50px;
  padding: 13px 25px;
  width: max-content;
}
.submit-box .submit p{
  position: relative;
}
.submit-box .submit p:after{
  position: absolute;
  background: #000;
  color: #fff;
  width: 45px;
  height: 100%;
  line-height: 45px;
  right: -50px;
  top: 0;
  content: '\f061';
  border-radius: 0px 50px 50px 0px;
  font-family: 'FontAwesome';
  text-align: center;
}
.contact-touch-form-box form .submit p input[type="submit"]:hover{
  background: var(--blue);
  color: #fff;
}
.contact-bg-colr{
  background: #006940 0% 0% no-repeat padding-box;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], input[type="phone"], input[type="password"], textarea{
  background: #fff;
}
.contact-form-content-box { 
  background: #ffffff;
  padding: 25px 35px;
  box-shadow: 0px 1px 2px 0px #999999;
}
.contact-touch-form-box input[type="text"], .contact-touch-form-box input[type="tel"], .contact-touch-form-box input[type="email"], .contact-touch-form-box input[type="number"], .contact-touch-form-box input[type="date"], .contact-touch-form-box input[type="phone"], .contact-touch-form-box input[type="password"], .contact-touch-form-box textarea, .contact-touch-form-box select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 0px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 2px 3px 0px #999999;
}

/* we serve */
.we-serve-bg-overlay-box {
  position: absolute;
  background: #E6EFF6;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  margin-top: -8%;
}
.our-serve-head-image-box:hover:hover .serve-box {
  transform: translateX(10px) rotate(10deg) translateY(-10px);
}
.serve-box {
  width: 75px;
  height: 75px;
  background: linear-gradient(180deg, #015AA3 0%, #042146 100%);
  padding: 12px;
  border-radius: 8px;
  width: fit-content;
  margin: auto;
  transition: all 1s ease 0s;
}
.serve-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.our-feature-outer-box{
  position: relative;
  background: #fff;
  padding: 15% 2% 12% 1%;
  clip-path: polygon(3.04% 0.236%, 30.332% 0.236%, 30.332% 0.236%, 30.69% 0.259%, 31.037% 0.329%, 31.369% 0.441%, 31.683% 0.594%, 31.976% 0.785%, 32.243% 1.012%, 32.483% 1.271%, 32.691% 1.562%, 32.864% 1.881%, 32.999% 2.225%, 34.653% 7.358%, 34.653% 7.358%, 34.81% 7.758%, 35.011% 8.129%, 35.253% 8.466%, 35.531% 8.768%, 35.843% 9.032%, 36.183% 9.254%, 36.547% 9.431%, 36.933% 9.562%, 37.337% 9.642%, 37.753% 9.67%, 62.247% 9.67%, 62.247% 9.67%, 62.663% 9.642%, 63.067% 9.562%, 63.453% 9.431%, 63.817% 9.254%, 64.157% 9.032%, 64.469% 8.768%, 64.747% 8.466%, 64.989% 8.129%, 65.19% 7.758%, 65.347% 7.358%, 67.001% 2.225%, 67.001% 2.225%, 67.136% 1.881%, 67.309% 1.562%, 67.517% 1.271%, 67.757% 1.012%, 68.024% 0.785%, 68.317% 0.594%, 68.631% 0.441%, 68.963% 0.329%, 69.31% 0.259%, 69.668% 0.236%, 96.96% 0.236%, 96.96% 0.236%, 97.417% 0.274%, 97.849% 0.384%, 98.253% 0.561%, 98.621% 0.797%, 98.949% 1.088%, 99.23% 1.427%, 99.458% 1.808%, 99.629% 2.225%, 99.735% 2.673%, 99.772% 3.145%, 99.772% 96.855%, 99.772% 96.855%, 99.735% 97.327%, 99.629% 97.775%, 99.458% 98.192%, 99.23% 98.573%, 98.949% 98.912%, 98.621% 99.203%, 98.253% 99.439%, 97.849% 99.616%, 97.417% 99.726%, 96.96% 99.764%, 3.04% 99.764%, 3.04% 99.764%, 2.583% 99.726%, 2.151% 99.616%, 1.747% 99.439%, 1.379% 99.203%, 1.051% 98.912%, 0.77% 98.573%, 0.542% 98.192%, 0.371% 97.775%, 0.265% 97.327%, 0.228% 96.855%, 0.228% 3.145%, 0.228% 3.145%, 0.265% 2.673%, 0.371% 2.225%, 0.542% 1.808%, 0.77% 1.427%, 1.051% 1.088%, 1.379% 0.797%, 1.747% 0.561%, 2.151% 0.384%, 2.583% 0.274%, 3.04% 0.236%);
}
.our-feature-outer-box:after{
  /* content: ''; */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(269.58deg, #FFFFFF 0.35%, #015AA3 46.65%, #FFFFFF 99.63%);
  width: 100%;
  height: 0%;
  /* opacity: 0; */
  z-index: 0;
  transition: all 2s;
}
.our-serve-head-image-box:hover .our-feature-outer-box:after{
  opacity: 0.3;
  height: 100%;
}
.our-serve-head-image-box:hover .serve-content-box h4{
  color: #015AA3;
}
.our-serve-head-image-box {
  padding: 2px 0px;
  position: relative;
}
.our-serve-head-image-box:after {
  background: linear-gradient(269.58deg, #FFFFFF 0.35%, #015AA3 46.65%, #FFFFFF 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  z-index: -1;
  left: 0;
  right: 0;
  clip-path: polygon(3.04% 0.236%, 30.332% 0.236%, 30.332% 0.236%, 30.69% 0.259%, 31.037% 0.329%, 31.369% 0.441%, 31.683% 0.594%, 31.976% 0.785%, 32.243% 1.012%, 32.483% 1.271%, 32.691% 1.562%, 32.864% 1.881%, 32.999% 2.225%, 34.653% 7.358%, 34.653% 7.358%, 34.81% 7.758%, 35.011% 8.129%, 35.253% 8.466%, 35.531% 8.768%, 35.843% 9.032%, 36.183% 9.254%, 36.547% 9.431%, 36.933% 9.562%, 37.337% 9.642%, 37.753% 9.67%, 62.247% 9.67%, 62.247% 9.67%, 62.663% 9.642%, 63.067% 9.562%, 63.453% 9.431%, 63.817% 9.254%, 64.157% 9.032%, 64.469% 8.768%, 64.747% 8.466%, 64.989% 8.129%, 65.19% 7.758%, 65.347% 7.358%, 67.001% 2.225%, 67.001% 2.225%, 67.136% 1.881%, 67.309% 1.562%, 67.517% 1.271%, 67.757% 1.012%, 68.024% 0.785%, 68.317% 0.594%, 68.631% 0.441%, 68.963% 0.329%, 69.31% 0.259%, 69.668% 0.236%, 96.96% 0.236%, 96.96% 0.236%, 97.417% 0.274%, 97.849% 0.384%, 98.253% 0.561%, 98.621% 0.797%, 98.949% 1.088%, 99.23% 1.427%, 99.458% 1.808%, 99.629% 2.225%, 99.735% 2.673%, 99.772% 3.145%, 99.772% 96.855%, 99.772% 96.855%, 99.735% 97.327%, 99.629% 97.775%, 99.458% 98.192%, 99.23% 98.573%, 98.949% 98.912%, 98.621% 99.203%, 98.253% 99.439%, 97.849% 99.616%, 97.417% 99.726%, 96.96% 99.764%, 3.04% 99.764%, 3.04% 99.764%, 2.583% 99.726%, 2.151% 99.616%, 1.747% 99.439%, 1.379% 99.203%, 1.051% 98.912%, 0.77% 98.573%, 0.542% 98.192%, 0.371% 97.775%, 0.265% 97.327%, 0.228% 96.855%, 0.228% 3.145%, 0.228% 3.145%, 0.265% 2.673%, 0.371% 2.225%, 0.542% 1.808%, 0.77% 1.427%, 1.051% 1.088%, 1.379% 0.797%, 1.747% 0.561%, 2.151% 0.384%, 2.583% 0.274%, 3.04% 0.236%);
}

/* about */
.About-experience-text-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: spin 10s linear infinite;
}
.about-icon-img{
  position: relative;
  width: fit-content;
}
.about-icon-img img{
  width: 70px;
  height: 70px;
  object-fit: contain;
  position: relative;
  z-index: 2;
  padding: 15px;
}
.about-inner-title{
  color: var(--black);
}
.about-inner-paragraph{
  font: normal normal normal 14px/20px var(--pri-font);
}
.about-paragraph{
  width: 95%;
}
.About-image{
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: repeat(11, 30px);
  gap: 12px;
}
.About-image img{
  width: 100%;
  height: 100%;
}
.why-choose-main-img-three{
  position: relative;
  overflow: hidden;
}
.about-main-img-four:hover::after,.why-choose-main-img-three:hover::after,.why-choose-main-img-two:hover::after {
  transform: scaleY(1);
}
.about-main-img-four:hover::before,.why-choose-main-img-three:hover::before,.why-choose-main-img-two:hover::before {
  transform: scaleX(1);
}
.about-main-img-four::before, .about-main-img-four::after,.why-choose-main-img-three::before, .why-choose-main-img-three::after,.why-choose-main-img-two::after,.why-choose-main-img-two::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: scaleX(0);
  transition: all 0.6s ease 0s;
}
.why-choose-main-box:hover .why-choose-main-img-four,.why-choose-main-box:hover .why-choose-main-img-one {
  animation: tilt-in-top-2 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-top-2{
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
      -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
      transform: rotateY(0deg) translateY(0) skewY(0deg);
      opacity: 1;
  }
}
.about-main-img-one {
  grid-row-start: 1;
  grid-row-end: 12;
  grid-column-start: 1;
  grid-column-end: 18;
  position: relative;
}
.about-main-img-one img{
  border: none !important;
  animation: shake 20s ease infinite;
}
@keyframes shake{
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      transform: translateX(10px);
  }
}
.about-main-img-two {
  grid-row-start: 1;
  grid-row-end: 4;
  grid-column-start: 19;
  grid-column-end: 25;
  position: relative;
}
.about-main-img-three {
  grid-row-start: 4;
  grid-row-end: 7;
  grid-column-start: 9;
  grid-column-end: 15;
  position: relative;
}
.about-main-img-four {
  grid-row-start: 4;
  grid-row-end: 10;
  grid-column-start: 15;
  grid-column-end: 25;
  position: relative;
  clip-path: polygon( 0% 3.876%,0% 3.876%,0.054% 3.247%,0.211% 2.651%,0.461% 2.095%,0.797% 1.587%,1.21% 1.135%,1.692% 0.748%,2.233% 0.433%,2.826% 0.198%,3.462% 0.051%,4.132% 0%,95.868% 0%,95.868% 0%,96.538% 0.051%,97.174% 0.198%,97.767% 0.433%,98.308% 0.748%,98.79% 1.135%,99.203% 1.587%,99.539% 2.095%,99.789% 2.651%,99.946% 3.247%,100% 3.876%,100% 16.996%,100% 16.996%,99.974% 17.43%,99.897% 17.853%,99.772% 18.262%,99.601% 18.653%,99.386% 19.024%,99.129% 19.37%,98.832% 19.689%,98.499% 19.976%,98.129% 20.23%,97.727% 20.446%,97.727% 20.446%,97.727% 20.446%,97.325% 20.662%,96.956% 20.915%,96.622% 21.203%,96.326% 21.521%,96.069% 21.868%,95.853% 22.238%,95.682% 22.629%,95.557% 23.038%,95.481% 23.461%,95.455% 23.895%,95.455% 42.079%,95.455% 42.079%,95.479% 42.501%,95.551% 42.912%,95.669% 43.311%,95.83% 43.694%,96.033% 44.057%,96.277% 44.399%,96.557% 44.715%,96.874% 45.003%,97.225% 45.26%,97.608% 45.482%,97.847% 45.603%,97.847% 45.603%,98.23% 45.826%,98.58% 46.082%,98.897% 46.37%,99.178% 46.686%,99.421% 47.028%,99.624% 47.391%,99.786% 47.774%,99.903% 48.173%,99.976% 48.585%,100% 49.006%,100% 96.124%,100% 96.124%,99.946% 96.753%,99.789% 97.349%,99.539% 97.905%,99.203% 98.413%,98.79% 98.865%,98.308% 99.252%,97.767% 99.567%,97.174% 99.802%,96.538% 99.949%,95.868% 100%,4.132% 100%,4.132% 100%,3.462% 99.949%,2.826% 99.802%,2.233% 99.567%,1.692% 99.252%,1.21% 98.865%,0.797% 98.413%,0.461% 97.905%,0.211% 97.349%,0.054% 96.753%,0% 96.124%,0% 3.876% );
}
.About-experience-text-box {
  grid-row-start: 10;
  grid-row-end: 12;
  grid-column-start: 15;
  grid-column-end: 25;
  position: relative;
  background: linear-gradient(99.27deg, #015AA3 0.84%, #042146 100%);
  align-self: center;
  padding: 10px 20px;
  clip-path: polygon( 0% 10%,0% 10%,0.054% 8.378%,0.211% 6.839%,0.461% 5.404%,0.797% 4.094%,1.21% 2.929%,1.692% 1.929%,2.233% 1.116%,2.826% 0.51%,3.462% 0.131%,4.132% 0%,95.868% 0%,95.868% 0%,96.538% 0.131%,97.174% 0.51%,97.767% 1.116%,98.308% 1.929%,98.79% 2.929%,99.203% 4.094%,99.539% 5.404%,99.789% 6.839%,99.946% 8.378%,100% 10%,100% 90%,100% 90%,99.946% 91.622%,99.789% 93.161%,99.539% 94.596%,99.203% 95.906%,98.79% 97.071%,98.308% 98.071%,97.767% 98.884%,97.174% 99.49%,96.538% 99.869%,95.868% 100%,4.132% 100%,4.132% 100%,3.462% 99.869%,2.826% 99.49%,2.233% 98.884%,1.692% 98.071%,1.21% 97.071%,0.797% 95.906%,0.461% 94.596%,0.211% 93.161%,0.054% 91.622%,0% 90%,0% 79.379%,0% 79.379%,0.011% 78.738%,0.045% 78.105%,0.1% 77.486%,0.176% 76.881%,0.272% 76.295%,0.389% 75.731%,0.524% 75.191%,0.679% 74.679%,0.851% 74.197%,1.042% 73.75%,1.042% 73.75%,1.232% 73.303%,1.404% 72.821%,1.559% 72.309%,1.695% 71.769%,1.811% 71.205%,1.908% 70.619%,1.984% 70.014%,2.039% 69.395%,2.072% 68.762%,2.083% 68.121%,2.083% 29.569%,2.083% 29.569%,2.072% 28.996%,2.038% 28.435%,1.982% 27.887%,1.905% 27.358%,1.807% 26.85%,1.69% 26.366%,1.554% 25.911%,1.401% 25.488%,1.229% 25.099%,1.042% 24.75%,1.042% 24.75%,0.854% 24.401%,0.683% 24.012%,0.529% 23.589%,0.393% 23.134%,0.276% 22.65%,0.179% 22.142%,0.102% 21.613%,0.046% 21.065%,0.012% 20.504%,0% 19.931%,0% 10% );
}
.our-about-box:hover .About-experience-text-box {
  animation: tilt-in-top-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-top-2{
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }

  100% {
      -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
      transform: rotateY(0deg) translateY(0) skewY(0deg);
      opacity: 1;
  }
}
.About-experience-img {
  height: 60px;
}
.About-experience-text-inner-box{
  width: 70%;
  margin: auto;
}
.about-count-text {
  color: #fff;
  font: 300 16px/25px var(--pri-font);
}
.about-count {
  font: 700 22px/27px var(--h3-font);
  color: #fff;  
}

/* counter */
#counter-sec{
  padding-top: 2%;
}
.counter-overlay-image {
  background: linear-gradient(263.66deg, #042146 0%, #015AA3 100%);
  clip-path: polygon(100% 0%, 0% 0%, 0% 74.083%, 0% 74.083%, 0.447% 74.527%, 1.717% 75.736%, 3.699% 77.525%, 6.284% 79.708%, 9.363% 82.101%, 12.826% 84.519%, 16.564% 86.776%, 20.467% 88.689%, 24.427% 90.071%, 28.333% 90.738%, 28.333% 90.738%, 33.58% 90.614%, 38.805% 89.724%, 44.012% 88.308%, 49.205% 86.604%, 54.389% 84.852%, 59.567% 83.292%, 64.745% 82.163%, 69.925% 81.703%, 75.113% 82.152%, 80.313% 83.75%, 80.313% 83.75%, 83.166% 85.201%, 85.998% 87.013%, 88.743% 89.067%, 91.335% 91.24%, 93.709% 93.412%, 95.798% 95.46%, 97.538% 97.264%, 98.862% 98.703%, 99.705% 99.656%, 100% 100%, 100% 0%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 90%;
  z-index: 0;
}
.counter-heading-box {
  position: absolute;
  top: 0;
  left: 0;
  padding: 50px;
  z-index: 1;
}
.counter-right-image{
  animation: rotateCard 2s forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate-reverse;
  animation-delay: 1s;
}
@keyframes rotateCard{
  0% {
    transform: perspective(1500px) rotateY(0deg);
  }
  100% {
      transform: perspective(1500px) rotateY(20deg);
  }
}
#counter-sec .container{
  position: relative;
  z-index: 1;
}
.our-counter-box{  
  position: relative;
}
.counter-img-box {
  width: auto;
  height: 75px;
}
.counter-img-box {
  animation: flipInX 3s infinite;
}
@keyframes flipInX{
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
  }
}
.counter-img {
  width: 90px;
  height: 100%;
  object-fit: contain;
  padding: 15px 15px;
  background: #000;
  opacity: 1;
  border-radius: 10px;
  /* border-bottom: 1px solid transparent;
  border-image: linear-gradient(0.25turn, rgb(250 250 250 / 3%), rgb(255 255 255), rgba(56, 2, 155, 0));
  border-image-slice: 1;
  border-top: 1px solid transparent; */
}
.counter-img-box:after {
  background: linear-gradient(269.58deg, #ffffff00 0.35%, #fefeff 46.65%, #ffffff00 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 102%;
  top: -3px;
  z-index: -1;
  left: 0;
  margin: 2px 0px;
  right: 0;
  border-radius: 10px;
}
.counter-heading-box h6,.counter-heading-box h2{
  color: #fff;
}
.counter-right-image {
  position: relative;
  clip-path: polygon( 0% 3.839%,0% 3.839%,0.039% 3.216%,0.15% 2.625%,0.329% 2.075%,0.569% 1.572%,0.864% 1.124%,1.208% 0.741%,1.594% 0.428%,2.017% 0.196%,2.471% 0.05%,2.95% 0%,97.05% 0%,97.05% 0%,97.529% 0.05%,97.983% 0.196%,98.406% 0.428%,98.792% 0.741%,99.136% 1.124%,99.431% 1.572%,99.671% 2.075%,99.85% 2.625%,99.961% 3.216%,100% 3.839%,100% 96.161%,100% 96.161%,99.961% 96.784%,99.85% 97.375%,99.671% 97.925%,99.431% 98.428%,99.136% 98.876%,98.792% 99.259%,98.406% 99.572%,97.983% 99.804%,97.529% 99.95%,97.05% 100%,2.95% 100%,2.95% 100%,2.471% 99.95%,2.017% 99.804%,1.594% 99.572%,1.208% 99.259%,0.864% 98.876%,0.569% 98.428%,0.329% 97.925%,0.15% 97.375%,0.039% 96.784%,0% 96.161%,0% 68.003%,0% 68.003%,0.015% 67.64%,0.059% 67.286%,0.132% 66.943%,0.231% 66.613%,0.356% 66.3%,0.506% 66.005%,0.679% 65.732%,0.875% 65.483%,1.091% 65.26%,1.327% 65.067%,1.327% 65.067%,1.327% 65.067%,1.564% 64.874%,1.78% 64.651%,1.975% 64.402%,2.149% 64.129%,2.298% 63.835%,2.424% 63.521%,2.523% 63.191%,2.595% 62.848%,2.64% 62.494%,2.655% 62.131%,2.655% 19.539%,2.655% 19.539%,2.64% 19.176%,2.595% 18.822%,2.523% 18.478%,2.424% 18.149%,2.298% 17.835%,2.149% 17.541%,1.975% 17.268%,1.78% 17.018%,1.564% 16.796%,1.327% 16.603%,1.327% 16.603%,1.327% 16.603%,1.091% 16.409%,0.875% 16.187%,0.679% 15.938%,0.506% 15.665%,0.356% 15.37%,0.231% 15.057%,0.132% 14.727%,0.059% 14.384%,0.015% 14.029%,0% 13.667%,0% 3.839% );
}
.counter-right-image:after {
  content: "";
  width: 100%;
  height: 34%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent linear-gradient(0deg, #3FBAD900 -10%, #000000 100%) 0% 0% no-repeat padding-box;
  transition: 0.2s ease-in-out;
  border-radius: 8px;
}
.counter-box h4{
  color: var(--white);
  font: 800 26px/27px var(--h3-font)
}
.counter-title {
  color: var(--white);
}
.counter-content-box:after {
  background: linear-gradient(269.58deg, #ffffff00 0.35%, #fefeff 46.65%, #ffffff00 99.63%);
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0px;
  z-index: -1;
  left: 0;
  margin: 0 auto;
  right: 50px;
}
.counter-content-box:before {
  background: linear-gradient(269.58deg, #ffffff00 0.35%, #fefeff 46.65%, #ffffff00 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  bottom: 0px;
  z-index: -1;
  left: 0;
  margin: 0 auto;
  right: 0;
}
/* service */
#services-sec {
  padding: 12% 0px 5% 0px;
  margin-top: -12%;
}
.service-box-outer:hover img {
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.services-content-box {
  background: #fff;
  padding: 15% 2% 12% 1%;
  clip-path: polygon( 3.04% 0.236%,30.332% 0.236%,30.332% 0.236%,30.69% 0.259%,31.037% 0.329%,31.369% 0.441%,31.683% 0.594%,31.976% 0.785%,32.243% 1.012%,32.483% 1.271%,32.691% 1.562%,32.864% 1.881%,32.999% 2.225%,34.653% 7.358%,34.653% 7.358%,34.81% 7.758%,35.011% 8.129%,35.253% 8.466%,35.531% 8.768%,35.843% 9.032%,36.183% 9.254%,36.547% 9.431%,36.933% 9.562%,37.337% 9.642%,37.753% 9.67%,62.247% 9.67%,62.247% 9.67%,62.663% 9.642%,63.067% 9.562%,63.453% 9.431%,63.817% 9.254%,64.157% 9.032%,64.469% 8.768%,64.747% 8.466%,64.989% 8.129%,65.19% 7.758%,65.347% 7.358%,67.001% 2.225%,67.001% 2.225%,67.136% 1.881%,67.309% 1.562%,67.517% 1.271%,67.757% 1.012%,68.024% 0.785%,68.317% 0.594%,68.631% 0.441%,68.963% 0.329%,69.31% 0.259%,69.668% 0.236%,96.96% 0.236%,96.96% 0.236%,97.417% 0.274%,97.849% 0.384%,98.253% 0.561%,98.621% 0.797%,98.949% 1.088%,99.23% 1.427%,99.458% 1.808%,99.629% 2.225%,99.735% 2.673%,99.772% 3.145%,99.772% 96.855%,99.772% 96.855%,99.735% 97.327%,99.629% 97.775%,99.458% 98.192%,99.23% 98.573%,98.949% 98.912%,98.621% 99.203%,98.253% 99.439%,97.849% 99.616%,97.417% 99.726%,96.96% 99.764%,3.04% 99.764%,3.04% 99.764%,2.583% 99.726%,2.151% 99.616%,1.747% 99.439%,1.379% 99.203%,1.051% 98.912%,0.77% 98.573%,0.542% 98.192%,0.371% 97.775%,0.265% 97.327%,0.228% 96.855%,0.228% 3.145%,0.228% 3.145%,0.265% 2.673%,0.371% 2.225%,0.542% 1.808%,0.77% 1.427%,1.051% 1.088%,1.379% 0.797%,1.747% 0.561%,2.151% 0.384%,2.583% 0.274%,3.04% 0.236% );
  position: relative;
  z-index: 1;
}
.service-box-outer{
  position: relative;
}
.service-box-outer:after {
  background: linear-gradient(269.58deg, #FFFFFF 0.35%, #015AA3 46.65%, #FFFFFF 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 101%;
  top: -4px;
  z-index: 0;
  left: 0;
  margin: 2px 0px;
  right: 0;
  clip-path: polygon(3.04% 0.236%, 30.332% 0.236%, 30.332% 0.236%, 30.69% 0.259%, 31.037% 0.329%, 31.369% 0.441%, 31.683% 0.594%, 31.976% 0.785%, 32.243% 1.012%, 32.483% 1.271%, 32.691% 1.562%, 32.864% 1.881%, 32.999% 2.225%, 34.653% 7.358%, 34.653% 7.358%, 34.81% 7.758%, 35.011% 8.129%, 35.253% 8.466%, 35.531% 8.768%, 35.843% 9.032%, 36.183% 9.254%, 36.547% 9.431%, 36.933% 9.562%, 37.337% 9.642%, 37.753% 9.67%, 62.247% 9.67%, 62.247% 9.67%, 62.663% 9.642%, 63.067% 9.562%, 63.453% 9.431%, 63.817% 9.254%, 64.157% 9.032%, 64.469% 8.768%, 64.747% 8.466%, 64.989% 8.129%, 65.19% 7.758%, 65.347% 7.358%, 67.001% 2.225%, 67.001% 2.225%, 67.136% 1.881%, 67.309% 1.562%, 67.517% 1.271%, 67.757% 1.012%, 68.024% 0.785%, 68.317% 0.594%, 68.631% 0.441%, 68.963% 0.329%, 69.31% 0.259%, 69.668% 0.236%, 96.96% 0.236%, 96.96% 0.236%, 97.417% 0.274%, 97.849% 0.384%, 98.253% 0.561%, 98.621% 0.797%, 98.949% 1.088%, 99.23% 1.427%, 99.458% 1.808%, 99.629% 2.225%, 99.735% 2.673%, 99.772% 3.145%, 99.772% 96.855%, 99.772% 96.855%, 99.735% 97.327%, 99.629% 97.775%, 99.458% 98.192%, 99.23% 98.573%, 98.949% 98.912%, 98.621% 99.203%, 98.253% 99.439%, 97.849% 99.616%, 97.417% 99.726%, 96.96% 99.764%, 3.04% 99.764%, 3.04% 99.764%, 2.583% 99.726%, 2.151% 99.616%, 1.747% 99.439%, 1.379% 99.203%, 1.051% 98.912%, 0.77% 98.573%, 0.542% 98.192%, 0.371% 97.775%, 0.265% 97.327%, 0.228% 96.855%, 0.228% 3.145%, 0.228% 3.145%, 0.265% 2.673%, 0.371% 2.225%, 0.542% 1.808%, 0.77% 1.427%, 1.051% 1.088%, 1.379% 0.797%, 1.747% 0.561%, 2.151% 0.384%, 2.583% 0.274%, 3.04% 0.236%);
}
.services-content-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.service-title a,.serve-content-box h4,.about-inner-title{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.service-bg-clor {
  background: #E6EFF6;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.services-img-outer-box{
  width: fit-content;
  margin: auto;
}
.services-img-box {
  width: 75px;
  height: 75px;
  background: linear-gradient(180deg, #015AA3 0%, #042146 100%);
  padding: 12px;
  border-radius: 8px;
}
.services-img-box img{
  filter: unset;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.services-read-box a {
  font: 700 14px / 14px var(--pri-font);
}
.service-box-outer:hover .services-read-box a,.service-box-outer:hover .service-title a{
  color: var(--blue);
}
.service-box-outer:hover .tl, .investment-four:hover .tl {
  top: 0;
  left: 0;
  -webkit-transition: all .6s;
  transition: all .6s;
  transform: rotate(180deg);
  z-index: -1;
}
.service-box-outer .tl, .investment-four .tl {
  position: absolute;
  width: 157px;
  height: 155px;
  top: -80px;
  left: -240px;
  -webkit-transition: all .6s;
  transition: all .6s;
  opacity: 0.5;
  background-color: #E6EFF6;
  border-radius: 10px;
}
.service-box-outer .bl, .investment-four .bl {
  position: absolute;
  width: 157px;
  height: 155px;
  left: -240px;
  -webkit-transition: all .6s;
  transition: all .6s;
  opacity: 0.5;
  background-color: #E6EFF6;
  border-radius: 10px;
  z-index: -1;
}
.service-box-outer:hover .bl, .investment-four:hover .bl {
  bottom: 0;
  left: 0;
  -webkit-transition: all .6s;
  transition: all .6s;
  transform: rotate(180deg);
}
.service-box-outer:hover .tr, .investment-four:hover .tr {
  top: 0;
  right: 0;
  -webkit-transition: all .6s;
  transition: all .6s;
  transform: rotate(180deg);
  z-index: -1;
}
.service-box-outer .tr, .investment-four .tr {
  position: absolute;
  width: 157px;
  height: 155px;
  top: -80px;
  right: -240px;
  -webkit-transition: all .6s;
  transition: all .6s;
  opacity: 0.5;
  background-color: #E6EFF6;
  border-radius: 10px;
}
.service-box-outer:hover .br, .investment-four:hover .br {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all .6s;
  transition: all .6s;
  transform: rotate(180deg);
  z-index: -1;
}
.service-box-outer .br, .investment-four .br {
  position: absolute;
  width: 157px;
  height: 155px;
  top: unset;
  right: -240px;
  -webkit-transition: all .6s;
  transition: all .6s;
  opacity: 0.5;
  background-color: #E6EFF6;
  border-radius: 10px;
}

/* case syudies */
.case-studies-active-content-box {
  position: relative;
}
.case-studies-inner-content-box{
  margin: 2px;
  background: #E6EFF6;
  padding: 15px 20px 15px 12px;
  position: relative;
  clip-path: polygon(1.486% 0.26%, 98.514% 0.26%, 98.514% 0.26%, 98.737% 0.302%, 98.949% 0.424%, 99.146% 0.619%, 99.326% 0.88%, 99.486% 1.201%, 99.623% 1.575%, 99.735% 1.996%, 99.818% 2.457%, 99.871% 2.951%, 99.889% 3.472%, 99.889% 28.181%, 99.889% 28.181%, 99.879% 28.56%, 99.851% 28.929%, 99.805% 29.284%, 99.742% 29.622%, 99.664% 29.94%, 99.57% 30.236%, 99.463% 30.505%, 99.342% 30.745%, 99.209% 30.953%, 99.064% 31.125%, 97.875% 32.337%, 97.875% 32.337%, 97.707% 32.537%, 97.552% 32.778%, 97.412% 33.057%, 97.286% 33.37%, 97.178% 33.714%, 97.087% 34.084%, 97.014% 34.477%, 96.961% 34.889%, 96.928% 35.318%, 96.917% 35.758%, 96.917% 63.257%, 96.917% 63.257%, 96.928% 63.698%, 96.961% 64.126%, 97.014% 64.538%, 97.087% 64.932%, 97.178% 65.302%, 97.286% 65.645%, 97.412% 65.958%, 97.552% 66.237%, 97.707% 66.478%, 97.875% 66.678%, 99.064% 67.89%, 99.064% 67.89%, 99.209% 68.062%, 99.342% 68.27%, 99.463% 68.51%, 99.57% 68.779%, 99.664% 69.075%, 99.742% 69.393%, 99.805% 69.732%, 99.851% 70.087%, 99.879% 70.455%, 99.889% 70.834%, 99.889% 96.528%, 99.889% 96.528%, 99.871% 97.049%, 99.818% 97.543%, 99.735% 98.004%, 99.623% 98.425%, 99.486% 98.799%, 99.326% 99.12%, 99.146% 99.381%, 98.949% 99.576%, 98.737% 99.698%, 98.514% 99.74%, 1.486% 99.74%, 1.486% 99.74%, 1.263% 99.698%, 1.051% 99.576%, 0.854% 99.381%, 0.674% 99.12%, 0.514% 98.799%, 0.377% 98.425%, 0.265% 98.004%, 0.182% 97.543%, 0.129% 97.049%, 0.111% 96.528%, 0.111% 3.472%, 0.111% 3.472%, 0.129% 2.951%, 0.182% 2.457%, 0.265% 1.996%, 0.377% 1.575%, 0.514% 1.201%, 0.674% 0.88%, 0.854% 0.619%, 1.051% 0.424%, 1.263% 0.302%, 1.486% 0.26%);
}
.case-studies-inner-content-box img{
  height: 100%;
  object-fit: cover;
  border-radius: 10px;  
  -webkit-transition: all .6s;
  transition: all .6s;
}
.case-studies-post-contents-box h4 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.case-studies-post-images{
  overflow: hidden;
  transition: all .3s;
  position: relative;
}
.case-studies-post-images:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: var(--blue);
  transition: all .6s;
  opacity: 0;
}
.case-studies-active-content-box:hover .case-studies-post-images:after{
  width: 100%;
  opacity: 0.6;
}
.case-studies-active-content-box:hover img {
  transform: scale(1.1) rotateZ(3deg);
  -moz-transform: scale(1.1) rotateZ(3deg);
  -webkit-transform: scale(1.1) rotateZ(3deg);
  -o-transform: scale(1.1) rotateZ(3deg);
}
.case-studies-active-content-box:after {
  background: linear-gradient(0deg, #FFFFFF 0.35%, #015AA3 46.65%, #FFFFFF 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 1.5px;
  z-index: -1;
  left: 0;
  right: 0;
  clip-path: polygon( 1.486% 0.26%,98.514% 0.26%,98.514% 0.26%,98.737% 0.302%,98.949% 0.424%,99.146% 0.619%,99.326% 0.88%,99.486% 1.201%,99.623% 1.575%,99.735% 1.996%,99.818% 2.457%,99.871% 2.951%,99.889% 3.472%,99.889% 28.181%,99.889% 28.181%,99.879% 28.56%,99.851% 28.929%,99.805% 29.284%,99.742% 29.622%,99.664% 29.94%,99.57% 30.236%,99.463% 30.505%,99.342% 30.745%,99.209% 30.953%,99.064% 31.125%,97.875% 32.337%,97.875% 32.337%,97.707% 32.537%,97.552% 32.778%,97.412% 33.057%,97.286% 33.37%,97.178% 33.714%,97.087% 34.084%,97.014% 34.477%,96.961% 34.889%,96.928% 35.318%,96.917% 35.758%,96.917% 63.257%,96.917% 63.257%,96.928% 63.698%,96.961% 64.126%,97.014% 64.538%,97.087% 64.932%,97.178% 65.302%,97.286% 65.645%,97.412% 65.958%,97.552% 66.237%,97.707% 66.478%,97.875% 66.678%,99.064% 67.89%,99.064% 67.89%,99.209% 68.062%,99.342% 68.27%,99.463% 68.51%,99.57% 68.779%,99.664% 69.075%,99.742% 69.393%,99.805% 69.732%,99.851% 70.087%,99.879% 70.455%,99.889% 70.834%,99.889% 96.528%,99.889% 96.528%,99.871% 97.049%,99.818% 97.543%,99.735% 98.004%,99.623% 98.425%,99.486% 98.799%,99.326% 99.12%,99.146% 99.381%,98.949% 99.576%,98.737% 99.698%,98.514% 99.74%,1.486% 99.74%,1.486% 99.74%,1.263% 99.698%,1.051% 99.576%,0.854% 99.381%,0.674% 99.12%,0.514% 98.799%,0.377% 98.425%,0.265% 98.004%,0.182% 97.543%,0.129% 97.049%,0.111% 96.528%,0.111% 3.472%,0.111% 3.472%,0.129% 2.951%,0.182% 2.457%,0.265% 1.996%,0.377% 1.575%,0.514% 1.201%,0.674% 0.88%,0.854% 0.619%,1.051% 0.424%,1.263% 0.302%,1.486% 0.26% );
}
.case-studies-category a {
  font: 600 14px / 25px var(--pri-font);
}
.case-studies-content:hover .case-studies-post-contents-box h4 a{
  color: var(--blue);
}

/* why shoose us */
.our-mission-head-image-box {
  width: auto;
  height: 450px;
}
.our-mission-head-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.our-mission-para {
  width: 90%;
}
.why-choose-main-box .horizontal .progress-bar {
  grid-column-start: 2;
  height: 45px;
  width: 100%;
  padding: 12px 0;
}
.why-choose-main-box .progress-bar {
  background-color: transparent !important;
  padding: 20px 0px;
}
.why-choose-para,.why-choose-track-para p{
  text-transform: capitalize;
}
.why-choose-icon-box {
  width: 60px;
  height: 60px;
  padding: 10px;
  border-radius: 8px;
  position: relative;
}
.about-icon-main-box{
  position: relative;
}
.why-choose-outer-box:hover .why-choose-icon-box::after,.about-icon-main-box:hover .about-icon-img:after {
  animation: mymove 5s infinite;
}
.why-choose-icon-box::after,.about-icon-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #015AA3 0%, #042146 100%);
  padding: 15px;
  border-radius: 5px;
  z-index: -1;
}
@keyframes mymove{
  50% {
    transform: rotate(180deg);
  }
}
.why-choose-outer-box{
  position: relative;
  /* border-image: linear-gradient(0.25turn, rgb(250 250 250 / 3%), #015AA3, rgba(56, 2, 155, 0));
  border-image-slice: 1;
  border-top: 1px solid transparent; */
}
.about-icon-main-box:nth-child(2)::after{
  display: none;
}
.why-choose-outer-box:after,.about-icon-main-box:after{
  background: linear-gradient(269.58deg, #ffffff00 0.35%, #015AA3 46.65%, #ffffff00 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  top: unset;
  bottom: 0px;
  z-index: -1;
  left: 0;
  margin: 0 auto;
  right: 0;
}
.why-choose-outer-box:nth-child(3):after{
  display: none;
}
.why-choose-icon-box img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.why-choose-main-box .horizontal .progress-track h6{
  color: #000;
  font: normal normal bold 18px / 30px var(--pri-font);
}
.why-choose-main-box .horizontal .progress-track span{
  color: #000;
  font: normal normal 600 17px/19px var(--pri-font);
}
.why-choose-main-box .horizontal .progress-fill {
  font: 400 16px/19px var(--pri-font);
}
.why-choose-main-box .progress-bar h6{
  color: #000;
}
.why-choose-image {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-template-rows: repeat(18, 25px);
}
.why-choose-main-img-one {
  grid-row-start: 1;
  grid-row-end: 6;
  grid-column-start: 9;
  grid-column-end: 14;
  position: relative;
}
.why-choose-main-img-two {
  grid-row-start: 2;
  grid-row-end: 11;
  grid-column-start: 15;
  grid-column-end: 25;
  position: relative;
}
.why-choose-main-img-three {
  grid-row-start: 7;
  grid-row-end: 19;
  grid-column-start: 1;
  grid-column-end: 13;
  position: relative;
}
.why-choose-main-img-four {
  grid-row-start: 12;
  grid-row-end: 18;
  grid-column-start: 14;
  grid-column-end: 27;
}
.why-choose-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* our process */
.process-main-box .owl-item.active{
  padding-bottom: 5%;
}
.process-main-box .owl-item.active:nth-child(1){
  position: relative;
  top: -5%;
}
.process-main-box .owl-item.active:nth-child(2){
  position: relative;
  top: 62px;
}
.process-main-box .owl-item.active:nth-child(3){
  position: relative;
  top: 7px;
}
.process-main-box .owl-item.active:nth-child(4){
  position: relative;
  top: 57px;
}
#Our_process {
  background: linear-gradient(263.66deg, #042146 0%, #015AA3 100%);
  clip-path: polygon(100% 0%, 0% 0%, 0% 74.083%, 0% 74.083%, 0.447% 74.527%, 1.717% 75.736%, 3.699% 77.525%, 6.284% 79.708%, 9.363% 82.101%, 12.826% 84.519%, 16.564% 86.776%, 20.467% 88.689%, 24.427% 90.071%, 28.333% 90.738%, 28.333% 90.738%, 33.58% 90.614%, 38.805% 89.724%, 44.012% 88.308%, 49.205% 86.604%, 54.389% 84.852%, 59.567% 83.292%, 64.745% 82.163%, 69.925% 81.703%, 75.113% 82.152%, 80.313% 83.75%, 80.313% 83.75%, 83.166% 85.201%, 85.998% 87.013%, 88.743% 89.067%, 91.335% 91.24%, 93.709% 93.412%, 95.798% 95.46%, 97.538% 97.264%, 98.862% 98.703%, 99.705% 99.656%, 100% 100%, 100% 0%);
  padding: 5% 0 10% 0;
}
.process-outer-box .heading-box h6{
  color: #fff;
}
.process-outer-box .heading-box h3{
  color: #fff;
}
.process-box {
  width: 200px;
  height: 75px;  
  animation: flipInX 3s infinite;
}
.process-box:after{
  background: linear-gradient(269.58deg, #ffffff00 0.35%, #fefeff 46.65%, #ffffff00 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 102%;
  top: -3px;
  z-index: -1;
  left: 0;
  margin: 2px 0px;
  right: 0;
  border-radius: 10px;
}
.process-img {
  width: 100px;
  height: 100%;
  object-fit: contain;
  padding: 15px 15px;
  background: #000;
  opacity: 1;
  border-radius: 10px;
}
.process-content-box h6{
  color: #fff;
}
.process-svg-box{
  position: absolute;
  top: 3%;
  left: 0;
  right: 0;
  width: 100%;
}
.process-inner-box {
  padding-top: 15%;
}
.process-content-box:after {
  content: '';
  position: absolute;
  top: 3px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50px;
  z-index: 1;
  -webkit-animation: blink 0.7s infinite alternate;
}
.process-content-box{
  padding: 0 15px;
}
.process-content-box p,.process-content-box h4{
  color: #fff;
}
.process-count-box h3 {
  color: #ffff;
  font: 700 28px / 40px var(--h3-font);
}
/* testimonial */
#testimonial .heading-box h6{
  color: var(--blue);
}
#testimonial .heading-box p{
  font: normal normal normal 14px/25px var(--pri-font);
}
section#testimonial {
  padding: 15% 0px 5% 0px;
  margin-top: -8%;
}
.testimonial-bg-clor {
  background: #E6EFF6;
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.testimonial-client-image {
  width: 60px;
  height: 60px;
}
.testimonial-client-image img {
  width: 100% !important;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.testimonial-title-box {
  color: #000;
  font: 700 16px/27px var(--h3-font);
}
.testimonial-content-main-box{
  margin: 5px;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(0.25turn, rgb(250 250 250 / 3%), rgb(2 63 119), rgba(56, 2, 155, 0));
  border-image-slice: 1;
  position: relative;
}
.testimonial-content-box {
  padding: 22px 21px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
  clip-path: polygon( 3.401% 0.215%,53.188% 0.215%,53.188% 0.215%,53.545% 0.251%,53.893% 0.359%,54.23% 0.535%,54.554% 0.777%,54.862% 1.081%,55.151% 1.445%,55.419% 1.866%,55.663% 2.341%,55.881% 2.866%,56.07% 3.44%,56.679% 5.54%,56.679% 5.54%,56.881% 6.153%,57.114% 6.715%,57.375% 7.223%,57.661% 7.672%,57.97% 8.062%,58.299% 8.387%,58.645% 8.645%,59.006% 8.834%,59.378% 8.949%,59.759% 8.988%,76.798% 8.988%,76.798% 8.988%,77.187% 8.947%,77.566% 8.828%,77.933% 8.632%,78.285% 8.364%,78.618% 8.027%,78.931% 7.624%,79.219% 7.158%,79.481% 6.634%,79.713% 6.053%,79.912% 5.421%,80.429% 3.552%,80.429% 3.552%,80.615% 2.96%,80.832% 2.417%,81.077% 1.926%,81.347% 1.491%,81.64% 1.114%,81.952% 0.798%,82.281% 0.548%,82.624% 0.365%,82.979% 0.253%,83.342% 0.215%,96.565% 0.215%,96.565% 0.215%,97.099% 0.296%,97.604% 0.532%,98.076% 0.909%,98.507% 1.415%,98.89% 2.037%,99.219% 2.762%,99.486% 3.578%,99.686% 4.471%,99.81% 5.428%,99.853% 6.438%,99.853% 93.562%,99.853% 93.562%,99.81% 94.572%,99.686% 95.529%,99.486% 96.422%,99.219% 97.238%,98.89% 97.963%,98.507% 98.585%,98.076% 99.091%,97.604% 99.468%,97.099% 99.704%,96.565% 99.785%,3.401% 99.785%,3.401% 99.785%,2.868% 99.704%,2.362% 99.468%,1.89% 99.091%,1.46% 98.585%,1.076% 97.963%,0.748% 97.238%,0.48% 96.422%,0.281% 95.529%,0.156% 94.572%,0.113% 93.562%,0.113% 6.438%,0.113% 6.438%,0.156% 5.428%,0.281% 4.471%,0.48% 3.578%,0.748% 2.762%,1.076% 2.037%,1.46% 1.415%,1.89% 0.909%,2.362% 0.532%,2.868% 0.296%,3.401% 0.215% );
}
.testimonial-content-main-box{
  position: relative;
}
.testimonial-content-main-box:after {
  background: linear-gradient(269.58deg, #FFFFFF 0.35%, #015AA3 46.65%, #FFFFFF 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: -1px;
  z-index: -1;
  left: 0px;
  right: 0;
  clip-path: polygon(3.401% 0.215%, 53.188% 0.215%, 53.188% 0.215%, 53.545% 0.251%, 53.893% 0.359%, 54.23% 0.535%, 54.554% 0.777%, 54.862% 1.081%, 55.151% 1.445%, 55.419% 1.866%, 55.663% 2.341%, 55.881% 2.866%, 56.07% 3.44%, 56.679% 5.54%, 56.679% 5.54%, 56.881% 6.153%, 57.114% 6.715%, 57.375% 7.223%, 57.661% 7.672%, 57.97% 8.062%, 58.299% 8.387%, 58.645% 8.645%, 59.006% 8.834%, 59.378% 8.949%, 59.759% 8.988%, 76.798% 8.988%, 76.798% 8.988%, 77.187% 8.947%, 77.566% 8.828%, 77.933% 8.632%, 78.285% 8.364%, 78.618% 8.027%, 78.931% 7.624%, 79.219% 7.158%, 79.481% 6.634%, 79.713% 6.053%, 79.912% 5.421%, 80.429% 3.552%, 80.429% 3.552%, 80.615% 2.96%, 80.832% 2.417%, 81.077% 1.926%, 81.347% 1.491%, 81.64% 1.114%, 81.952% 0.798%, 82.281% 0.548%, 82.624% 0.365%, 82.979% 0.253%, 83.342% 0.215%, 96.565% 0.215%, 96.565% 0.215%, 97.099% 0.296%, 97.604% 0.532%, 98.076% 0.909%, 98.507% 1.415%, 98.89% 2.037%, 99.219% 2.762%, 99.486% 3.578%, 99.686% 4.471%, 99.81% 5.428%, 99.853% 6.438%, 99.853% 93.562%, 99.853% 93.562%, 99.81% 94.572%, 99.686% 95.529%, 99.486% 96.422%, 99.219% 97.238%, 98.89% 97.963%, 98.507% 98.585%, 98.076% 99.091%, 97.604% 99.468%, 97.099% 99.704%, 96.565% 99.785%, 3.401% 99.785%, 3.401% 99.785%, 2.868% 99.704%, 2.362% 99.468%, 1.89% 99.091%, 1.46% 98.585%, 1.076% 97.963%, 0.748% 97.238%, 0.48% 96.422%, 0.281% 95.529%, 0.156% 94.572%, 0.113% 93.562%, 0.113% 6.438%, 0.113% 6.438%, 0.156% 5.428%, 0.281% 4.471%, 0.48% 3.578%, 0.748% 2.762%, 1.076% 2.037%, 1.46% 1.415%, 1.89% 0.909%, 2.362% 0.532%, 2.868% 0.296%, 3.401% 0.215%);
}
.testimonial-para-content-box{
  font: normal normal normal 14px/22px var(--pri-font);
}
.testimonial-content-main-box .quote-img {
  position: absolute;
  right: 16px;
  top: 30px;
}
#testimonial .owl-nav {
  display: flex;
  position: absolute;
  left: -52%;
  bottom: 0%;
  width: 30%;
}
.testimonial-content-main-box:hover .testimonial-title-box{
  color: var(--blue);
}

/* team */
.team-title{
  color: #000;
  font: 800 18px/27px var(--h3-font);
}
.team-designation-box{
  margin: 4px 0px;
} 
.team-content {
  clip-path: polygon(3.049% 0.481%, 96.951% 0.481%, 96.951% 0.481%, 97.421% 0.6%, 97.867% 0.946%, 98.282% 1.5%, 98.662% 2.243%, 98.999% 3.156%, 99.289% 4.221%, 99.524% 5.418%, 99.7% 6.728%, 99.81% 8.134%, 99.848% 9.615%, 99.848% 90.385%, 99.848% 90.385%, 99.81% 91.866%, 99.7% 93.272%, 99.524% 94.582%, 99.289% 95.779%, 98.999% 96.844%, 98.662% 97.757%, 98.282% 98.5%, 97.867% 99.054%, 97.421% 99.4%, 96.951% 99.519%, 91.997% 99.519%, 91.997% 99.519%, 91.564% 99.409%, 91.154% 99.09%, 90.771% 98.58%, 90.422% 97.896%, 90.111% 97.055%, 89.844% 96.075%, 89.627% 94.972%, 89.465% 93.765%, 89.364% 92.47%, 89.329% 91.106%, 89.329% 91.106%, 89.29% 89.585%, 89.178% 88.143%, 88.997% 86.797%, 88.756% 85.569%, 88.459% 84.477%, 88.112% 83.54%, 87.723% 82.777%, 87.296% 82.209%, 86.839% 81.853%, 86.357% 81.731%, 59.68% 81.731%, 59.68% 81.731%, 59.198% 81.853%, 58.74% 82.209%, 58.314% 82.777%, 57.924% 83.54%, 57.578% 84.477%, 57.281% 85.569%, 57.039% 86.797%, 56.859% 88.143%, 56.746% 89.585%, 56.707% 91.106%, 56.707% 91.106%, 56.672% 92.47%, 56.571% 93.765%, 56.41% 94.972%, 56.193% 96.075%, 55.926% 97.055%, 55.615% 97.896%, 55.266% 98.58%, 54.883% 99.09%, 54.472% 99.409%, 54.04% 99.519%, 3.049% 99.519%, 3.049% 99.519%, 2.579% 99.4%, 2.133% 99.054%, 1.718% 98.5%, 1.338% 97.757%, 1.001% 96.844%, 0.711% 95.779%, 0.476% 94.582%, 0.3% 93.272%, 0.19% 91.866%, 0.152% 90.385%, 0.152% 9.615%, 0.152% 9.615%, 0.19% 8.134%, 0.3% 6.728%, 0.476% 5.418%, 0.711% 4.221%, 1.001% 3.156%, 1.338% 2.243%, 1.718% 1.5%, 2.133% 0.946%, 2.579% 0.6%, 3.049% 0.481%);
  padding: 20px 15px;
  position: relative;
  top: -10px;
  background: #fff;
  border-radius: 10px;
  border-image: linear-gradient(0.25turn, rgb(250 250 250 / 3%), rgb(12 97 167), rgba(56, 2, 155, 0));
  border-image-slice: 1;
  border-top: 2px solid transparent;
}
.team-designation-box{
  position: relative;
}
.team-designation-box:after {
  background: linear-gradient(269.58deg, #FFFFFF 0.35%, #015AA3 46.65%, #FFFFFF 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 8px;
  z-index: -1;
  left: 0px;
  right: 0;
  clip-path: polygon(3.049% 0.481%, 96.951% 0.481%, 96.951% 0.481%, 97.421% 0.6%, 97.867% 0.946%, 98.282% 1.5%, 98.662% 2.243%, 98.999% 3.156%, 99.289% 4.221%, 99.524% 5.418%, 99.7% 6.728%, 99.81% 8.134%, 99.848% 9.615%, 99.848% 90.385%, 99.848% 90.385%, 99.81% 91.866%, 99.7% 93.272%, 99.524% 94.582%, 99.289% 95.779%, 98.999% 96.844%, 98.662% 97.757%, 98.282% 98.5%, 97.867% 99.054%, 97.421% 99.4%, 96.951% 99.519%, 91.997% 99.519%, 91.997% 99.519%, 91.564% 99.409%, 91.154% 99.09%, 90.771% 98.58%, 90.422% 97.896%, 90.111% 97.055%, 89.844% 96.075%, 89.627% 94.972%, 89.465% 93.765%, 89.364% 92.47%, 89.329% 91.106%, 89.329% 91.106%, 89.29% 89.585%, 89.178% 88.143%, 88.997% 86.797%, 88.756% 85.569%, 88.459% 84.477%, 88.112% 83.54%, 87.723% 82.777%, 87.296% 82.209%, 86.839% 81.853%, 86.357% 81.731%, 59.68% 81.731%, 59.68% 81.731%, 59.198% 81.853%, 58.74% 82.209%, 58.314% 82.777%, 57.924% 83.54%, 57.578% 84.477%, 57.281% 85.569%, 57.039% 86.797%, 56.859% 88.143%, 56.746% 89.585%, 56.707% 91.106%, 56.707% 91.106%, 56.672% 92.47%, 56.571% 93.765%, 56.41% 94.972%, 56.193% 96.075%, 55.926% 97.055%, 55.615% 97.896%, 55.266% 98.58%, 54.883% 99.09%, 54.472% 99.409%, 54.04% 99.519%, 3.049% 99.519%, 3.049% 99.519%, 2.579% 99.4%, 2.133% 99.054%, 1.718% 98.5%, 1.338% 97.757%, 1.001% 96.844%, 0.711% 95.779%, 0.476% 94.582%, 0.3% 93.272%, 0.19% 91.866%, 0.152% 90.385%, 0.152% 9.615%, 0.152% 9.615%, 0.19% 8.134%, 0.3% 6.728%, 0.476% 5.418%, 0.711% 4.221%, 1.001% 3.156%, 1.338% 2.243%, 1.718% 1.5%, 2.133% 0.946%, 2.579% 0.6%, 3.049% 0.481%);
}
.teambox:hover .team-title{
  color: var(--blue);
}
.team-social-icon-box {
  position: absolute;
  top: 0;
  right: 20px;
  width: fit-content;
  background: var(--blue);
  border-radius: 0px 0px 4px 4px;
  opacity: 0;
  z-index: 1;
}
.teambox:hover .team-social-icon-box{
  opacity: 1;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.9s;
}
@keyframes fadeInUp{
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.team-social-icon-box-main i {
  color: #fff;
  width: 34px;
  height: 34px;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
}
.team-social-icon-box-main i:hover {
  background: var(--blue);
  color: #fff;
}
.team-image{
  position: relative;
}
.team-image::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #000;
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  opacity: 0.2;
  z-index: 0;
}
.teambox:hover .team-image::after {
  width: 100%;
}
/* blog */
@keyframes shine{
  100% {
    left: 125%;
  }
}
#blog .owl-carousel .blog-image-box{
  margin: 0px 10px;
  overflow: hidden;
}
.blog-image-box{
  overflow: hidden;
}
.blog-contents-box {
  clip-path: polygon(3.049% 0.481%, 96.951% 0.481%, 96.951% 0.481%, 97.421% 0.6%, 97.867% 0.946%, 98.282% 1.5%, 98.662% 2.243%, 98.999% 3.156%, 99.289% 4.221%, 99.524% 5.418%, 99.7% 6.728%, 99.81% 8.134%, 99.848% 9.615%, 99.848% 90.385%, 99.848% 90.385%, 99.81% 91.866%, 99.7% 93.272%, 99.524% 94.582%, 99.289% 95.779%, 98.999% 96.844%, 98.662% 97.757%, 98.282% 98.5%, 97.867% 99.054%, 97.421% 99.4%, 96.951% 99.519%, 91.997% 99.519%, 91.997% 99.519%, 91.564% 99.409%, 91.154% 99.09%, 90.771% 98.58%, 90.422% 97.896%, 90.111% 97.055%, 89.844% 96.075%, 89.627% 94.972%, 89.465% 93.765%, 89.364% 92.47%, 89.329% 91.106%, 89.329% 91.106%, 89.29% 89.585%, 89.178% 88.143%, 88.997% 86.797%, 88.756% 85.569%, 88.459% 84.477%, 88.112% 83.54%, 87.723% 82.777%, 87.296% 82.209%, 86.839% 81.853%, 86.357% 81.731%, 59.68% 81.731%, 59.68% 81.731%, 59.198% 81.853%, 58.74% 82.209%, 58.314% 82.777%, 57.924% 83.54%, 57.578% 84.477%, 57.281% 85.569%, 57.039% 86.797%, 56.859% 88.143%, 56.746% 89.585%, 56.707% 91.106%, 56.707% 91.106%, 56.672% 92.47%, 56.571% 93.765%, 56.41% 94.972%, 56.193% 96.075%, 55.926% 97.055%, 55.615% 97.896%, 55.266% 98.58%, 54.883% 99.09%, 54.472% 99.409%, 54.04% 99.519%, 3.049% 99.519%, 3.049% 99.519%, 2.579% 99.4%, 2.133% 99.054%, 1.718% 98.5%, 1.338% 97.757%, 1.001% 96.844%, 0.711% 95.779%, 0.476% 94.582%, 0.3% 93.272%, 0.19% 91.866%, 0.152% 90.385%, 0.152% 9.615%, 0.152% 9.615%, 0.19% 8.134%, 0.3% 6.728%, 0.476% 5.418%, 0.711% 4.221%, 1.001% 3.156%, 1.338% 2.243%, 1.718% 1.5%, 2.133% 0.946%, 2.579% 0.6%, 3.049% 0.481%);
  padding: 15px 15px 40px 15px;
  position: relative;
  top: -10px;
  background: var(--light-blue);
  border-radius: 10px;
}
.blog-contents-outer-box{
  position: relative;
}
.blog-contents-outer-box:after{
  background: linear-gradient(269.58deg, #FFFFFF 0.35%, #015AA3 46.65%, #FFFFFF 99.63%);
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 8px;
  z-index: -1;
  left: 0px;
  right: 0;
  clip-path: polygon(3.049% 0.481%, 96.951% 0.481%, 96.951% 0.481%, 97.421% 0.6%, 97.867% 0.946%, 98.282% 1.5%, 98.662% 2.243%, 98.999% 3.156%, 99.289% 4.221%, 99.524% 5.418%, 99.7% 6.728%, 99.81% 8.134%, 99.848% 9.615%, 99.848% 90.385%, 99.848% 90.385%, 99.81% 91.866%, 99.7% 93.272%, 99.524% 94.582%, 99.289% 95.779%, 98.999% 96.844%, 98.662% 97.757%, 98.282% 98.5%, 97.867% 99.054%, 97.421% 99.4%, 96.951% 99.519%, 91.997% 99.519%, 91.997% 99.519%, 91.564% 99.409%, 91.154% 99.09%, 90.771% 98.58%, 90.422% 97.896%, 90.111% 97.055%, 89.844% 96.075%, 89.627% 94.972%, 89.465% 93.765%, 89.364% 92.47%, 89.329% 91.106%, 89.329% 91.106%, 89.29% 89.585%, 89.178% 88.143%, 88.997% 86.797%, 88.756% 85.569%, 88.459% 84.477%, 88.112% 83.54%, 87.723% 82.777%, 87.296% 82.209%, 86.839% 81.853%, 86.357% 81.731%, 59.68% 81.731%, 59.68% 81.731%, 59.198% 81.853%, 58.74% 82.209%, 58.314% 82.777%, 57.924% 83.54%, 57.578% 84.477%, 57.281% 85.569%, 57.039% 86.797%, 56.859% 88.143%, 56.746% 89.585%, 56.707% 91.106%, 56.707% 91.106%, 56.672% 92.47%, 56.571% 93.765%, 56.41% 94.972%, 56.193% 96.075%, 55.926% 97.055%, 55.615% 97.896%, 55.266% 98.58%, 54.883% 99.09%, 54.472% 99.409%, 54.04% 99.519%, 3.049% 99.519%, 3.049% 99.519%, 2.579% 99.4%, 2.133% 99.054%, 1.718% 98.5%, 1.338% 97.757%, 1.001% 96.844%, 0.711% 95.779%, 0.476% 94.582%, 0.3% 93.272%, 0.19% 91.866%, 0.152% 90.385%, 0.152% 9.615%, 0.152% 9.615%, 0.19% 8.134%, 0.3% 6.728%, 0.476% 5.418%, 0.711% 4.221%, 1.001% 3.156%, 1.338% 2.243%, 1.718% 1.5%, 2.133% 0.946%, 2.579% 0.6%, 3.049% 0.481%);
}
.blog-contents-box h4 a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.blog-img-box .post-img:after{
  position: absolute;
  top: 0;
  left: -86%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.blog-image-box:hover .blog-img-box .post-img{
  transform: scale(1.07);
  overflow: visible;
  transition: 0.5s ease-in-out;
  border-radius: 10px;
}
.blog-image-box:hover .blog-img-box .post-img:after{
  -webkit-animation: shine .75s;
  animation: shine 2s;
}
@keyframes shine{
  100% {
    left: 125%;
  }
}
.blog-img-box .post-img{
  width: 100%;
  height: 230px;
  position: relative;
}
.blog-img-box .post-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}
.blog-date-admin-box .date{
  font: normal normal 800 22px / 24px var(--pri-font);
}
.blog-date-admin-box .month{  
  font: normal normal 700 16px / 16px var(--pri-font);
}
.blog-image-box:hover .blog-date-admin-box:after{
  background: var(--blue);
}
.blog-admin-box span,.post-comments,.blog-date-admin-box{
  font: 400 14px / 14px var(--pri-font);
  text-transform: capitalize;
}
.blog-image-box:hover h4{
  color: var(--blue);
}
.blog-admin-content-box{
  width: 90%;
  justify-content: space-between;
}

/* newsletter */
.newsletter-cons-form-box h3{
  color: #fff;
}
.newsletter-outer-box .newsletter-cons-form-box label {
  color: #fff;
  font: 400 14px / 14px var(--pri-font);
  text-align: start;
}
.newsletter-overlay-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 90%;
  background: linear-gradient(263.99deg, #042146 0%, #015AA3 100.53%);
  z-index: -1;
  clip-path: polygon(100% 100%, 0% 100%, 0% 17.631%, 0% 17.631%, 0.447% 17.162%, 1.717% 15.886%, 3.699% 13.998%, 6.284% 11.693%, 9.363% 9.167%, 12.826% 6.615%, 16.564% 4.232%, 20.467% 2.213%, 24.427% 0.754%, 28.333% 0.05%, 28.333% 0.05%, 33.58% 0.297%, 38.805% 1.553%, 44.012% 3.514%, 49.205% 5.879%, 54.389% 8.345%, 59.567% 10.608%, 64.745% 12.367%, 69.925% 13.319%, 75.113% 13.161%, 80.313% 11.59%, 80.313% 11.59%, 83.166% 10.234%, 85.998% 8.795%, 88.743% 7.327%, 91.335% 5.882%, 93.709% 4.515%, 95.798% 3.277%, 97.538% 2.221%, 98.862% 1.402%, 99.705% 0.871%, 100% 0.683%, 100% 100%);
}
.newsletter-cons-form-box input[type="text"],.newsletter-cons-form-box input[type="tel"],.newsletter-cons-form-box input[type="email"],.newsletter-cons-form-box input[type="number"],.newsletter-cons-form-box input[type="date"],.newsletter-cons-form-box input[type="phone"],.newsletter-cons-form-box input[type="password"],.newsletter-cons-form-box textarea,.newsletter-cons-form-box select {
  width: 100%;
  border: none;
  background: #313030c4;
  padding: 10px 10px;
  border-radius: 6px;
}
.newsletter-content-box{
  position: relative;
  top: 40px;
}
.newsletter-cons-form-box textarea{
  height: 60px;
}
.newsletter-outer-box .newsletter-cons-form-box{
  justify-content: space-between;
  background: #000000;
  padding: 30px;
  border-radius: 20px 20px 0px 0px;
}
.newsletter-cons-form-box .submit-box .submit:after {
  position: absolute;
  background: #fff;
  color: #000;
  width: 45px;
  height: 100%;
  line-height: 45px;
  right: -50px;
  top: 0;
  content: '\f061';
  border-radius: 0px 50px 50px 0px;
  font-family: 'FontAwesome';
  text-align: center;
}
.newsletter-cons-form-box .submit-box .submit {
  position: relative;
}
#newsletter .heading-box h6{
  color: var(--white);
}
#newsletter .heading-box h3{
  color: var(--white);
}
.newsletter-inner-box{
  position: relative;
  z-index: 2;
  padding: 50px 0px;
  clip-path: polygon(0% 0%, 90.582% 0%, 100% 26.47%, 100% 100%, 7.499% 100%, 0% 77.339%);
}
.newsletter-head-content-box h3, .newsletter-head-content-box p{
  color: #000000;
}
.newsletter-head-content-box p{
  width: 80%;
}
#newsletter .newsletter-head-form-box .wpcf7 input[type="email"] {
  padding: 12px 20px;
  border: none;
  border-radius: 50px;
  background-color: #fff !important;
  color: #000 !important;
  width: 100% !important;
  margin: 10px auto !important;
}
#newsletter .wpcf7-form-control-wrap{
  font: 400 14px / 20px var(--pri-font);
  color: #000;
}
.newsletter-head-form-box form p:nth-child(3){
  align-self: center;
  position: relative;
}
.newsletter-head-form-box form p:nth-child(3):after {
  position: absolute;
  background: #000;
  color: #fff;
  width: 45px;
  height: 100%;
  line-height: 45px;
  right: -50px;
  top: 0;
  content: '\f061';
  border-radius: 0px 50px 50px 0px;
  font-family: 'FontAwesome';
  text-align: center;
}
#newsletter input[type="submit"] {
  background: var(--blue);
  border-radius: 50px 0px 0px 50px;
  color: #fff;
  padding: 12px 20px;
  font: 400 14px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
#newsletter form{
  display: flex;
  justify-content: space-around;
}
#newsletter .wpcf7 form.invalid .wpcf7-response-output{
  color: #fff;
}
.newsletter-head-form-box form p:nth-child(2){
  width: 80%;
  margin-right: 10px;
}
#newsletter .wpcf7-not-valid-tip{
  position: absolute;
  /* top: 10px; */
}
#newsletter .newsletter-head-form-box .wpcf7 form .wpcf7-response-output{
  position: absolute;
  width: fit-content;
  color: #fff;
  bottom: 4px;
  top: unset;
  font-size: 12px;
  left: 20px;
  margin: 0px 6px;
  padding: 0px 2px;
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
  }
  80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
  }
  100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
}

/* quotation form */
.quotation-form-box{
  box-shadow: 0px 1px 5px 0px #b1b1b1;
  padding: 50px;
  border-radius: 0px;
}
.quotation-form-box .head-label {
  font-size: 22px !important;
  line-height: 35px;
  font-weight: 600 !important; 
}
.quotation-form-box .waste-box label {
  font-weight: 500;
  font-size: 18px;
  line-height: 35px;
}
.quotation-form-box input[type="text"], .quotation-form-box input[type="tel"], .quotation-form-box input[type="email"], .quotation-form-box input[type="number"], .quotation-form-box input[type="date"], .quotation-form-box input[type="phone"], .quotation-form-box input[type="password"], .quotation-form-box textarea, .quotation-form-box select {
  font-size: 16px !important;
  padding: 14px 18px !important;
  width: 100%;
  border-radius: 0px;
  line-height: 16px;
  font-family: var(--pri-font);
  border: none;
  box-shadow: 0px 1px 3px 0px #999999;
  background: #fff;
}
.quotation-form-box form .submit p input[type="submit"] {
  font: 500 16px / 20px var(--pri-font);
  color: var(--white);
  background: var(--blue);
  border: none;
  border-radius: 50px 0px 0px 50px;
  padding: 10px 25px;
  width: max-content;
}
.quotation-form-box .submit-box .submit p:after {
  position: absolute;
  background: #000;
  color: #fff;
  width: 45px;
  height: 100%;
  line-height: 40px;
  right: -50px;
  top: 0;
  content: '\f061';
  border-radius: 0px 50px 50px 0px;
  font-family: 'FontAwesome';
  text-align: center;
}
.quotation-form-box form .submit p input[type="submit"]:hover {
  background: var(--black);
  color: #fff;
}
.quotation-form-box .submit-box:hover .submit p:after{
  background: var(--blue);
  color: #fff;
}
.single-services-img-box {
  height: 100%;
}
.single-services-img-box img{
  height: 100%;
  object-fit: cover;
}




/* single service */
#single-Case-studies .single-case-studies-title a{
  font: 700 24px / 24px var(--h3-font);
}
#single-Case-studies .case-studies-image{
  height: 430px;
}
#single-Case-studies .case-studies-para p, #single-Case-studies .services-list-items li,#single-Case-studies .case-studies-para {
  font: 300 15px/25px var(--pri-font);
  color: #000;
}
#single-Case-studies .case-studies-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#single-Case-studies .nav-pills .nav-link {
  color: #fff;
  padding: 15px 6px;
  font: 500 16px / 25px var(--pri-font);
  border-radius: 6px;
  box-shadow: 0px 0px 6px 0px #a2a2a2;
  width: 90%;
  text-align: center;
  background-color: var(--black);
}
#single-Case-studies .nav-pills .nav-link.active {
  background-color: var(--blue);
}
#single-Case-studies .nav-pills .nav-item{
  width: 100%;
}
#single-Case-studies .top_title {
    font: normal normal 600 26px/30px var(--pri-font);
    color: var(--black);
}
#single-Case-studies .about_me p span,#single-Case-studies .about_me p{
    color: #000;
}
#single-Case-studies .about_me{
  box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px;
  background-color: #fff;
  border-radius: 25px;
  padding: 40px;
  margin-right: 10%;
}
.sidebar4 .add-title i{
  font-size: 20px;
}
.footer-contact-box .location a{
  font: 300 14px / 20px var(--pri-font);
  color: #000;
}
.footer-contact-box .location:hover a {
  color: var(--blue);
}
#case-studies-page .heading-box{
  display: none;
}
.single-post-content {
  font: 400 16px / 25px var(--pri-font);
}
.case-studies-list-items{
  padding-top: 20px;
  list-style-type: decimal;
  padding-left: 18px;
}
.case-studies-list-items li,.case-studies-para{
  font: normal normal normal 14px / 25px var(--pri-font);
  color: var(--black);
}
.single-post-content li {
  font: 600 15px / 30px var(--pri-font);
}
.single-case-studies-img-box , .single-case-studies-img-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* ---Single Post Page----- */
.single-post-img img{
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
#single-post .single-author-image{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
#single-post .author-name{
  font: normal normal 600 14px / 24px var(--pri-font);
  text-transform: capitalize;
  color: #000000;
}
.meta-heading{
  font: 500 15px / 16px var(--pri-font);
  letter-spacing: 0px;
  color: #000000;
}
.social-share-icon-main{
  position: absolute;
  display: flex;
  right: 0;
  text-align: center;
  gap: 5px;
  opacity: 0;
}
.social-share-icon-main a{
  background: #000000;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  border-radius: 0;
  font-size: 12px;
  margin: 0 auto;
}
.social-share-icon-main a:hover{
  background: var(--red);
  color: #fff;
}
.share_icon:hover .social-share-icon-main{
  opacity: 1;
  cursor: pointer;
}
.blog-que{
  font: 600 20px / 26px var(--pri-font);;
  letter-spacing: 0px;
  color: #000000;
}
.single-blog-content p{
  font: 400 15px / 28px var(--pri-font);
  color: #000000;
  opacity: 0.7;
}
#single-post hr:not([size]) {
    height: 1px;
    background-color: #000;
    opacity: inherit;
}

#single-post .comment-respond{
  width: 100%;
  max-width: 40%;
  height: 100%;
  order: 1;
  background: #fff;
  box-shadow: 0px 0px 5px 0px #c1c1c1;
  padding: 20px;
  border-radius: 0px;
}
#single-post #commentform {
  display: flex;
  flex-wrap: wrap;
}
.comment-list{
  list-style-type: none;
  width: 55%;
  order: 2;
}
#comments h2.comments-title {
  display: none;
}
#single-post .comment-form-url,.comment-notes{
  display: none;
}
#single-post .comment-form-author{
  order: 2;
  width: 100%;
  display: grid;
}
#single-post .comment-form-email{
  order: 3;
  width: 100%;
  display: grid;
}
#single-post .comment-form-comment{
  order: 4;
  width: 100%;
  display: grid;
}
/*------------------ Comments BOX ------------------*/
#comments {
  float: left;
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
#comments h2.comments-title {
  font-size: 20px;
  font-weight: bold;
}
#comments h3.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
#comments input[type="text"], #comments input[type="email"], #comments textarea {
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #2F363C;
  border-radius: 6px;
  font-family: var(--pri-font);
  width: 100%;
}
#comments textarea {
  height: 120px;
}
#comments input[type="submit"].submit {
  border-radius: 50px 0px 0px 50px;
  background: var(--blue);
  font: 400 14px / 20px var(--pri-font);
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 8px 15px;
  border: none;
}
#comments input[type="submit"].submit:hover{
background-color: var(--blue);
}
#reply-title{
position: relative;
}
#comments a time {
  color: black;
  font-weight: bold;
  font-size: 12px;
}
#comments .comment-metadata {
  width: 90%;
  float: left;
  padding: 1% 0 0 0;
}
#comments .comment-content {
  width: 90%;
  text-align: left;
  margin-left: 7%;
}
.comment-awaiting-moderation, #comments .says{
  display: none !important;
}
#comments h2#reply-title {
  margin-bottom: 15px;
  font: normal normal 600 24px / 28px var(--pri-font);;
  letter-spacing: 0px;
  color: #2F363C;
}
#single-post-page #commentform{
  display: flex;
  flex-wrap: wrap;
}
.comment-form-email{
  order: 1;
}
.comment-notes{
  order: 2;
}
.comment-form-author{
  order: 3;
}
.comment-form-comment{
  order: 4;
}
.comment-form-cookies-consent{
  order: 5;
  display: flex;
  align-items: start;
}
input#wp-comment-cookies-consent{
  margin-right: 10px;
  margin-top: 6px;
}
.form-submit{
  order: 6;
  width: fit-content;
  position: relative;
}
.form-submit:after{
  position: absolute;
  background: #000;
  color: #fff;
  width: 45px;
  height: 100%;
  line-height: 37px;
  right: -50px;
  top: 0;
  content: '\f061';
  border-radius: 0px 50px 50px 0px;
  font-family: 'FontAwesome';
  text-align: center;
}
.comment-form-url, .reply>a i{
  display: none;
}
.comment-respond label{
  font: 500 14px / 20px var(--pri-font);;
  letter-spacing: 0px;
  color: #2F363C;
}
.comment-author.vcard img{
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.comment-author.vcard{
  display: flex;
  align-items: center;
  gap: 10px;
}
cite a{
  font: 500 20px / 28px var(--pri-font);;
  letter-spacing: 0px;
  color: #000;
  text-transform: capitalize;
}
.reply>a{
  font: 500 14px / 26px var(--pri-font);;
  letter-spacing: 0px;
  color: #000000;
}
.comment-list li{
  background: #fff;
  box-shadow: 0px 0px 5px 0px #c1c1c1;
  padding: 20px;
  border-radius: 0px;
}
#newsletter .newsletter-head-form-box .wpcf7 form .wpcf7-response-output {
  bottom: -20px;
}
#newsletter .newsletter-head-form-box .wpcf7 form.invalid .wpcf7-response-output {
  bottom: -22px;
  font-size: 13px;
  width: fit-content;
  left: unset;
  padding: 2px;
  line-height: 13px;
  margin: auto;
  right: 0;
  top: unset;
}
#newsletter .newsletter-cons-form-box .wpcf7 form .wpcf7-response-output{
  bottom: 0;
  font-size: 13px;
  width: fit-content;
  left: 30px;
  padding: 2px;
  line-height: 11px;
  margin: 0 0px;
  right: 0;
  position: absolute;
  top: unset;
}
#gallery-1 .gallery-item{
  margin-bottom: 0px !important;
}
#gallery-1 .gallery-item img{
  border: none !important;
  border-radius: 10px;
}

/* media css */
@media screen and (max-width: 1750px){
  section#testimonial {
    padding: 22% 0px 5% 0px;
    margin-top: -15%;
  }
  #newsletter .wpcf7 form.invalid .wpcf7-response-output{
    /* bottom: 2px;
    font-size: 13px;
    width: fit-content;
    left: 0;
    padding: 4px;
    line-height: 13px;
    margin: auto;
    right: 0; */
  }   
  .counter-right-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
  }
  .process-main-box .owl-item.active:nth-child(1) {
    position: relative;
    top: 16px;
  }
  .process-main-box .owl-item.active:nth-child(2) {
    position: relative;
    top: 34px;
  }
  .process-main-box .owl-item.active:nth-child(3) {
    position: relative;
    top: 38px;
  }
  .process-main-box .owl-item.active:nth-child(4) {
    position: relative;
    top: 21px;
  }
}
@media screen and (max-width: 1440px){
  .title-box h1{
    line-height: 40px;
  }
  .process-main-box .owl-item.active:nth-child(1) {
    position: relative;
    top: 35px;
  }
  .process-main-box .owl-item.active:nth-child(2) {
    position: relative;
    top: 13px;
  }
  .process-main-box .owl-item.active:nth-child(3) {
    position: relative;
    top: 57px;
  }
  .process-main-box .owl-item.active:nth-child(4) {
    position: relative;
    top: 4px;
  }
}
@media screen and (max-width: 1399px){  
  .slider-circle-img {
    height: 550px;
    bottom: 0px;
    right: 95px;
  }  
  .our-counter-box:before{
    bottom: 69px;
    left: -72px;
    border-bottom: 45px solid transparent;
  }
  .our-counter-box:after{
    top: 74px;
    border-top: 41px solid transparent;
    right: -72px;
  }
  .counter-title {
    font: 300 14px / 20px var(--pri-font);
  }
  .about-count-text {
    color: #fff;
    font: 300 14px / 25px var(--pri-font);
  }
  .About-experience-text-box{
    padding: 10px 12px;
  }
}
@media screen and (max-width: 1366px){
  .process-main-box .owl-item.active:nth-child(1) {
    position: relative;
    top: 47px;
  }
  .process-main-box .owl-item.active:nth-child(2) {
    position: relative;
    top: 4px;
  }
  .process-main-box .owl-item.active:nth-child(3) {
    position: relative;
    top: 62px;
  }
  .process-main-box .owl-item.active:nth-child(4) {
    position: relative;
    top: 19px;
  }
}
@media screen and (max-width: 1199px){
  #newsletter form{
    width: 90%;
  }
  #our-Serve .owl-carousel .owl-nav button.owl-prev,#our-Serve .owl-carousel .owl-nav button.owl-next{
    width: 18% !important;
  }
  .title-box {
    height: 320px;
  }
  .about-inner-paragraph{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .process-box {
    width: 100px;
    height: 55px;
  }
  .process-img{
    padding: 10px;
  }
  .blog-admin-content-box {
    width: 100%;
  }
  .blog-admin-box span, .post-comments, .blog-date-admin-box {
    font: 400 12px / 14px var(--pri-font);
  }
  .counter-content-box:after{
    right: 0;
  }
  .About-image{
    grid-template-rows: repeat(14, 18px);
  }
  .about-count-text {
    color: #fff;
    font: 300 14px / 25px var(--pri-font);
  }
  .About-experience-img {
    width: 60px;
    height: 60px;
  }
  .About-experience-text-box img{
    object-fit: contain;
  }
  .About-experience-text-box {
    grid-row-start: 10;
    grid-row-end: 12;
    grid-column-start: 13;
    grid-column-end: 25;
    padding: 8px 10px;
  }
  .about-main-img-four {
    grid-row-start: 4;
    grid-row-end: 9;
    grid-column-start: 15;
  }
  .our-counter-box:before{
    bottom: 70px;
    left: -72px;
    border-bottom: 50px solid transparent;
  }
  .our-counter-box:after{
    top: 78px;
    border-top: 43px solid transparent;
    right: -72px;
  }
  h5 {
    font: normal normal 600 17px / 20px var(--pri-font);
  }
  .our-process-box:before {
    left: -26px;
    bottom: 85px;
    border-right: 120px solid var(--yellow);
    border-bottom: 112px solid transparent;
  }
  .our-process-box:after {
    right: -21px;
    top: 102px;
    border-left: 115px solid var(--yellow);
    border-top: 81px solid transparent;
  }
  #testimonial .owl-nav {
    left: -75%;
  }
  .newsletter-outer-box:after{
    right: 6px;
    top: 61px;
    border-top: 61px solid transparent;
  }
  .newsletter-outer-box:before{
    left: 16px;
    bottom: 51px;
    border-bottom: 60px solid transparent;
  }
  .call-number {
    font: normal normal bold 16px / 26px var(--pri-font);
  }
  .slidemainbox-col1{
    padding: 5% 20px;
  }
  .slider-main-image {
    height: 750px;
  }
  .header-main-box{
    text-align: center;
  }
  .logo{
    padding: 20px 18px 20px 18px;
  }
  .main-navigation #menu-primary-menu a{
    padding: 15px 20px;
  }
  h1 {
    font: normal normal 800 28px / 42px var(--h3-font);
  }
  .slider-main-image {
    height: 650px;
  }
  .slidemainbox-col1{
    padding: 20% 20px 16% 20px;
  }
  .slider-circle-img {
    height: 500px;
    position: absolute;
    bottom: 0px;
    right: 95px;
    z-index: 1;
  }
  .process-main-box .owl-item.active:nth-child(1) {
    position: relative;
    top: 27px;
  }
  .process-main-box .owl-item.active:nth-child(2) {
    position: relative;
    top: 16px;
  }
  .process-main-box .owl-item.active:nth-child(3) {
    position: relative;
    top: 55px;
  }
}
@media screen and (max-width:1024px){
  .process-main-box .owl-item.active:nth-child(1) {
    position: relative;
    top: 50px;
  }
  .process-main-box .owl-item.active:nth-child(2) {
    position: relative;
    top: 2px;
  }
  .process-main-box .owl-item.active:nth-child(3) {
    position: relative;
    top: 62px;
  }
}
@media screen and (max-width: 991px){     
  .process-main-box .owl-item.active:nth-child(1),.process-main-box .owl-item.active:nth-child(2),.process-main-box .owl-item.active:nth-child(3),.process-main-box .owl-item.active:nth-child(4){
    position: relative;
    top: 0;
  }
  .About-experience-img {
    width: 60px;
    height: 60px;
  }
  .About-experience-text-box img{
    object-fit: contain;
  }
  .About-experience-text-box {
    grid-row-start: 9;
    grid-row-end: 12;
    grid-column-start: 13;
    grid-column-end: 25;
    padding: 8px 10px;
  }
  .about-main-img-four {
    grid-row-start: 4;
    grid-row-end: 9;
    grid-column-start: 15;
  }
  .why-choose-outer-box h4 {
    font: 700 16px / 27px var(--h3-font);
  }
  .why-choose-icon-box {
    width: 70px;
    height: 50px;
    padding: 8px;
  }
  .why-choose-track-para p{
    font: 300 13px/19px var(--pri-font);
  }
  .newsletter-content-box{
    top: 0;
    padding-top: 20px;
  }
  .about-main-img-one img{
    object-fit: contain !important; 
  }
  .quotation-form-box{
    padding: 20px;
  }
  .quotation-form-box .head-label {
    font-size: 20px !important;
    line-height: 25px;
    font-weight: 600 !important; 
  }
  .modal-contents {
    width: 70%;
  }
  .title-box h1 {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
  }
  .banner-heading{
    padding-top: 5%;
  }
  #faq-page .accordion-body {
    font: 400 13px / 22px var(--pri-font);
    padding: 1rem 1rem;
  }
  #faq-page .accordion-button,#faq-page .accordion-button:not(.collapsed){
    border-radius: 4px;
    padding: 11px 15px;
    font: 500 14px / 22px var(--pri-font);
  }
  #faq-page .faq-image img{
    object-position: top;
  }
  #footer_box .social_widget aside .widget-title{
    width: 35%;
  }
  .heading-box{
    gap: 0px;
  }
  .single-post-content li {
    font: 400 13px / 24px var(--pri-font);
  }
  .single-post-content {
    font: 400 14px / 22px var(--pri-font);
  }
  .about-main-heading,.heading-box h3 {
    font: 800 20px / 30px var(--h3-font);
  }
  .counter-heading-box {
    padding: 22px;
    bottom: 0;
    align-self: center;
  }
  .counter-box h4 {
    font: 800 20px / 24px var(--h3-font);
  }
  .about-inner-title{
    font: 700 18px / 28px var(--h3-font);
  }
  .about-count {
    /* font: normal normal bold 30px / 30px Figtree; */
  }
  .about-count-text {
    font: 300 14px / 14px var(--pri-font);
  }
  .About-image{
    grid-template-rows: repeat(14, 15px);
  }
  .why-choose-image{
    grid-template-rows: repeat(10, 19px);
  }
  .why-choose-main-box .progress-bar{
    padding: 10px 0px;
  }
  .team-social-icon-box{
    display: block;
  }
  .blog-outer-box{
    justify-content: center !important;
  }
  .newsletter-head-form-box {
    width: 80%;
    margin: auto;
  }
  .newsletter-outer-box:before {
    left: -8px;
    bottom: 48px;
    border-bottom: 55px solid transparent;
  }
  .newsletter-outer-box:after {
    right: -18px;
    top: 56px;
    border-left: 100px solid var(--yellow);
    border-top: 55px solid transparent;
  }  
  .footer2 h4, .footer3 h4 {
    padding-bottom: 4%;
    padding-top: 10%;
  }
  .footer1 .widget_media_image, .footer4 h4 {
    padding-bottom: 5%;
    padding-top: 10%;
  }
  .copyright-menus-box{
    width: fit-content;
    margin: auto;
  }
  h1 {
    font: normal normal 800 28px / 42px var(--h3-font);
  }
  .slider-main-image {
    height: 650px;
  }
  .slidemainbox-col1{
    padding: 20% 20px 16% 20px;
  }
  .slider-circle-img {
    height: 420px;
    position: absolute;
    bottom: 0px;
    right: 45px;
    z-index: 1;
  }
  .newsletter-outer-box .newsletter-cons-form-box{
    border-radius: 20px;
  }
  .newsletter-overlay-box{
    clip-path: unset;
  }
  .newsletter-cons-form-box form .get-box p{
    text-align: start;
  }
  .process-svg-box{
    background: #ffffff;
    width: 90%;
    height: 1px;
    top: 3%;
    margin: auto;
  }
  .process-svg-box svg{
    display: none;
  }
  .counter-overlay-image{
    height: 100%;
  }
  .counter-content-box:after{
    right: 20px;
  }
  .counter-heading-box h2{
    font: 800 18px / 35px var(--h3-font);
  }
  
}
@media screen and (max-width:767px){
  .admin-bar .stickynavbar .logo{
    /* display: none; */
  }
  .why-choose-outer-box:after{
    bottom: -6px;
  }
  .post-meta-inner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    text-align: center;
  }
  .single-blog-content {
    margin-top: 20px;
    text-align: center;
  }
  #single-post .comment-respond {
    width: 100%;
    max-width: 100%;
  }
  #single-post .comment-list {
    list-style-type: none;
    width: 100%;
    padding: 0;
  }
  .single-post-comment div#comments{
    display: block;
  }
  .case-studies-post-contents-box h4 a{
    -webkit-line-clamp: 1;
  }
  .process-box {
    width: 135px;
    height: 55px;
  }
  .newsletter-outer-box .newsletter-cons-form-box{
    padding: 10px;
  }
  .newsletter-overlay-box{
    height: 100%;
    clip-path: unset;
  }
  .newsletter-cons-form-box h3 {
    font: 800 24px / 34px var(--h3-font);
  }
  #services-sec,section#testimonial{
    margin-top: 0;
  }
  #Our_process{
    clip-path: unset;
  }
  .process-content-box h4 {
    font: 700 16px/22px var(--h3-font);
  }  
  .About-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
  }
  .case-studies-post-images {
    height: 160px;
  }
  .counter-content-box:before,.counter-content-box:after{
    display: none;
  }
  .counter-overlay-image{
    clip-path: unset;
    height: 100%;
  }
  .slidemainbox-col1{
    padding: 25% 0px 0 0px;
  }
  .slider-circle-img {
    height: 450px;
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
  .slider-bg-overlay-box{
    clip-path: unset;
  }
  .slider-overlay-img {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
  }
  #our-Serve .owl-carousel .owl-nav button.owl-prev,#our-Serve .owl-carousel .owl-nav button.owl-next{
    position: unset;
    width: 100% !important;
    margin: 0 4px;
  }
  #our-Serve .owl-nav{
    margin: auto;
    margin-top: 10%;
  }
  .we-serve-bg-overlay-box{
    margin-top: 0%;
  }
  .About-experience-img {
    width: 60px;
    height: 60px;
  }
  .About-experience-text-box img{
    object-fit: contain;
  }
  .About-experience-text-box {
    grid-row-start: 10;
    grid-row-end: 12;
    grid-column-start: 13;
    grid-column-end: 25;
    padding: 8px 10px;
  }
  .about-main-img-four {
    grid-row-start: 4;
    grid-row-end: 9;
    grid-column-start: 15;
  }
  .About-image{
    grid-template-rows: repeat(14, 30px);
  }
  .title-box {
    height: 300px;
  }  
  .banner-heading{
    width: 80%;
  }
  div#comments{
    padding: 0;
  }
  .get-contact-head-content-box h3 {
    width: fit-content;
    margin: auto;
  }
  .contact-touch-form-box form .submit-box {
    position: relative;
    width: fit-content !important;
    margin: auto;
  }
  .contact-outer-form{
    gap: 20px 0px;
    justify-content: space-between;
  }
  .blog-main-heading{
    margin: auto;
  }
  .our-counter-box{
    width: 100%;
    margin: auto;
  }
  .counter-counter-box,.process-outer-box,.newsletter-inner-box{
    clip-path: none;
    width: 100%;
    margin: auto;
  }
  .our-counter-box:before,.our-counter-box:after,.our-process-box:before,.our-process-box:after,.newsletter-outer-box:before,.newsletter-outer-box:after{
    display: none;
  }
  .testimonial-main-heading{    
    margin: auto;
  }
  ul.gallery_front{
    grid-template-rows: repeat(11, 15px);
  }
  .footer-content .footer1 p{
    width: 100%;
  }
  .slider-main-image{
    clip-path: none;
  }
  .our-features-head-content-box{
    margin: auto;
  }  
  h1 {
    font: normal normal 800 33px / 43px var(--pri-font);
  }
  .slider-para{
    width: 100%;
  }
  .slidemainbox-col1:after{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .why-choose-image {
    grid-template-rows: repeat(8, 20px);
  }
  #newsletter .wpcf7-not-valid-tip{
    position: unset;
  }
  .footer2 #menu-quick-links li a, .menu-services-menu-container ul li a {
    font: normal normal 500 16px / 30px var(--pri-font);
  }
}
@media screen and (min-width:575px) and (max-width:767px){  
  #newsletter .newsletter-head-form-box .wpcf7 form.invalid .wpcf7-response-output{
    bottom: -20px;
    font-size: 12px;
    width: fit-content;
    left: 0;
    padding: 0;
    line-height: 13px;
    margin: 0 20px;
    right: 0;
    position: absolute;
    top: unset;
  }
  #newsletter .newsletter-cons-form-box .wpcf7 form .wpcf7-response-output{
    /* bottom: -4px; */
    font-size: 12px;
    width: fit-content;
    left: unset;
    padding: 2px;
    line-height: 11px;
    margin: 0px 0px;
    right: 0;
    position: absolute;
    top: unset;
    bottom: 0px;
  }
}
@media screen and (max-width:575px){  

  #header_navigation{
    background: #fff;
  }
  .header-outer-box{
    margin: 0px !important;
  }  
  .stickynavbar .header-outer-box{
    margin-top: 15px !important;
  }
  .header-main-content-box .button-box .btn-icon{
    border-radius: 0px;
  }
  .header-main-content-box .button-box .btn-text,.header-main-content-box:after{
    display: none;
  }
  .stickynavbar .header-main-content-box{
    border-image: none;
  }
  .counter-main-box{
    width: 90%;
    margin: auto;
  }
  .why-choose-outer-box:after{
    bottom: -8px;
  }
  .slidemainbox-col1{
    padding: 35% 0px 0 0px;
  }
  .header-outer-box{
    justify-content: center;
  }
  .header-main-content-box{
    clip-path: unset;
    margin-top: 5px;
  }
  .error-img {
    width: auto;
    margin: auto;
  }
  .banner-heading {
    padding-top: 20%;
  }
  .title-box h1 {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
  }
  .About-image{
    grid-template-rows: repeat(12, 14px);
    gap: 6px;
  }
  .footer-content{
    text-align: center;
  }
  .footer-contact-box,.footer-call-box {
    margin: auto;
  }
  .footer-content .footer1 p{
    width: 90%;
    margin: auto;
  }
  .location{
    justify-content: center;
  }
  .footer2 h4, .footer3 h4 {
    padding-bottom: 4%;
    padding-top: 10%;
  }
  .footer1 .widget_media_image, .footer4 h4 {
    padding-bottom: 5%;
    padding-top: 10%;
  }
  .logo{
    width: fit-content;
    margin: auto;
  }
  .header-main-outer-box:before{
    display: none;
  }
  h1 {
    font: normal normal 800 20px / 30px var(--h3-font);
  }
  .features-inner-box {
    border-top: 1px solid #2A2A2A;
  }
  .why-choose-image {
    grid-template-columns: repeat(27, 1fr);
    grid-template-rows: repeat(8, 25px);
  }
}
@media screen and (max-width:480px){
  
  #newsletter .newsletter-cons-form-box .wpcf7 form .wpcf7-response-output{
    bottom: -4px;
    font-size: 12px;
    width: fit-content;
    left: 0;
    padding: 2px;
    line-height: 11px;
    margin: 0 0px;
    right: 0;
    position: relative;
    top: unset;
  }
  #newsletter .newsletter-head-form-box .wpcf7 form .wpcf7-response-output {
    position: relative;
    bottom: -19px;
    top: unset;
    margin: 0 auto;
    left: 10px;
    right: 10px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
  }
  #newsletter form{
    width: 100%;
  }
  .newsletter-head-form-box form p:nth-child(3) {
    width: fit-content;
    margin: auto;
  }
  .counter-heading-box h6{
    font: 500 15px/18px var(--pri-font);
  }
  .counter-heading-box h2{
    font: 800 18px / 25px var(--h3-font);
  }
  .why-choose-icon-box {
    width: 90px;
    height: 60px;
    padding: 10px;
  }
  section {
    padding: 8% 0px;
  }
  .banner-heading {
    padding-top: 20%;
  }
  #newsletter form{
    display: block;
  }
  .newsletter-head-form-box form p:nth-child(2) {
    width: 100%;
  }
  .why-choose-image {
    grid-template-rows: repeat(6, 18px);
    grid-template-columns: repeat(27, 1fr);
  }
  a.single-services-button.btn{
    padding: 12px 20px;
  }
  .slider-circle-img {
    height: 430px;
    position: relative;
    bottom: -11px;
    right: 0;
    z-index: 1;
  }
  .slider-bg-overlay-box{
    clip-path: unset;
  }
  .slider-overlay-img {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
  }
}
@media screen and (max-width:425px){
  .slidemainbox-col1{
    padding: 57% 0px 0 0px;
  }
}
@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  
  80% {
    transform: translateX(10px);
  }
  
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  
  80% {
    transform: translateX(-10px);
  }
  
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

/* tada  */
@keyframes tada{
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
      -webkit-transform: scale(0.9) rotate(-3deg);
      -ms-transform: scale(0.9) rotate(-3deg);
      transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
      -webkit-transform: scale(1.1) rotate(3deg);
      -ms-transform: scale(1.1) rotate(3deg);
      transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
      -webkit-transform: scale(1.1) rotate(-3deg);
      -ms-transform: scale(1.1) rotate(-3deg);
      transform: scale(1.1) rotate(-3deg);
  }
  100% {
      -webkit-transform: scale(1) rotate(0);
      -ms-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
  }
}

@keyframes bouncess{
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-15px);
  }
}


.testimonial-content-box,.case-studies-post-contents-outer-box,.services-content-box,.our-feature-outer-box{
  overflow: hidden;
  position: relative;
}
.testimonial-content-main-box:hover .testimonial-content-box::before,.case-studies-inner-content-box:hover .case-studies-post-contents-outer-box::before,.service-box-outer:hover .services-content-box::before,.our-serve-head-image-box:hover .our-feature-outer-box:before  {
  content: '';
  pointer-events: none;
  opacity: .6;
  background: radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, var(--blue) 3px, var(--blue) 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, var(--blue) 3px, var(--blue) 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--blue) 5px, var(--blue) 6px, transparent 6px), radial-gradient(circle at 33% 44%, transparent 0, transparent 4px, var(--blue) 5px, var(--blue) 6px, transparent 6px), radial-gradient(circle at 65% 40%, transparent 0, transparent 2px, var(--blue) 3px, var(--blue) 4px, transparent 4px), radial-gradient(circle at 30% 32%, transparent 0, transparent 2px, var(--blue) 3px, var(--blue) 4px, transparent 4px);
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}
@keyframes bubbles{
  0% {
    transform: translate();
  }
  100% {
      transform: translate(0, -66.666%);
  }
}