/*
Theme Name: cloud storage 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: cloud-storage-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.
cloud storage services pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
  --white: #ffffff;
  --black: #000000;
  --yellow: #FDC400;
  --blue: #10263A;
  --light-blue: #E6EFF6;
}
:root {
  --pri-font: "Open Sans", sans-serif;
  --h3-font : "Open Sans", 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);
  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;
  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: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
.button-box .btn-icon {
  background: var(--blue);
  padding: 10px 15px;
  border-radius: 0px 50px 50px 0px;
  color: #fff;
  font-size: 14px;
}
.button-box .btn-icon-one {
  background: #fff;
  padding: 10px;
  border-radius: 50%;
  color: #000;
  font-size: 18px;
  margin-left: -15px;
  border: none;
  box-shadow: 0 0 0 5px #10263A;
}
.button-box .btn-icon-two {
   background: #fff;
  padding: 10px;
  border-radius: 50%;
  color: #000;
  font-size: 18px;
  margin-left: -15px;
  border: none;
  box-shadow: 0 0 0 5px #10263A;
}
#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: #000;
}
#slider .button-box:hover .btn-icon-one{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
#slider .button-box:hover .btn-icon-one i{
  color: #fff;
}
#slider .button-box:hover .btn-icon-two{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
#slider .button-box:hover .btn-icon-two i{
  color: #fff;
}
.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 .newsletter-head-form-box:has(input[type="submit"]:hover) form p:nth-child(3)::after {
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
#newsletter .heading-box i {
    background: linear-gradient(45deg, #F84D89, #592C6E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.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"]{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
.submit-box .submit p{
  position: relative;
}
.submit-box .submit p:after{
  position: absolute;
  background: #fff;
  color: #000;
  width: 45px;
  height: 100%;
  line-height: 45px;
  font-size: 18px;
  right: -40px;
  top: 0;
  content: '\f061';
  border-radius: 50%;
  font-family: 'FontAwesome';
  text-align: center;
  box-shadow: 0 0 0 5px #10263A;
}
.contact-touch-form-box form .submit p input[type="submit"]:hover{
  background: #fff !important;
  color: #000 !important;
}
.contact-touch-form-box .submit-box:has(input[type="submit"]:hover) .submit p::after {
   background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
#Get-Contact .wpcf7 form.invalid .wpcf7-response-output{
  border-color: #fff;
  color: #fff;
}
#Get-Contact .wpcf7 form.failed .wpcf7-response-output{
    border-color: #fff;
    color: #fff !important;
}
.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;
}
#Get-Contact{
  background-color: #10263A;
}
.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, #10263A 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%, #10263A 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: #10263A;
}
.our-serve-head-image-box {
  padding: 2px 0px;
  position: relative;
}
.our-serve-head-image-box:after {
  background: linear-gradient(269.58deg, #FFFFFF 0.35%, #10263A 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-sec {
  background-color: #fff;
  width: 96%;
  margin: 0 auto;
}

#about-sec .heading-box i{
  background: linear-gradient(45deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

#about-sec .heading-box h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#about-sec .heading-box h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 34px;
  line-height: 44px;
  text-transform: capitalize;
}
#about-sec .heading-box p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  /* line-height: 30px; */
  color: #000000;
}
#about-sec .right-para p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  /* line-height: 30px; */
  color: #000000;
}

#about-sec .button-box .btn-icon-about {
  background: #10263A;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  margin-left: -5px;
  border: none;
  box-shadow: 0 0 0 5px #fff;
}
#about-sec .button-box .btn-text-about{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
#about-sec .button-box:hover .btn-text-about{
  background: #10263A;
  color: var(--white);
  transition: all 0.5s ease 0s;
}
#about-sec .button-box:hover .btn-icon-about{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}


.right-para::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 57px;
    width: 5px; 
    background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
    transform: translate(0px, -87px);
    border-radius: 6px;
}

.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{
 position: relative;
}
.About-image img{
  width: 100%;
  height: 100%;
}
.about-main-img-one img {
  width: 100%;
  height: 100%;
  max-width: 381px;
  max-height: 275px;
  object-fit: cover;
  z-index: 1;
  position: relative;
}
.about-main-img-two img{
  width: 100%;
  height: 100%;
  max-width: 344px;
  max-height: 243px;
  object-fit: cover;
  z-index: 0;
  position: relative;
}
.about-main-img-three img{
  width: 100%;
  height: 100%;
  max-width: 310px;
  max-height: 235px;
  object-fit: cover;
  z-index: 1;
  position: relative;
}
.about-main-img-one {
  position: absolute;
  top: -100px;

}
.about-main-img-one{
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 381px;
  min-width: 275px;
}
.about-main-img-two{
  position: absolute;
  right: 0;
  bottom: 15px;
}
/* .About-image .about-main-img-one: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);
}

.about-main-img-one:hover .about-main-img-one:after{
  -webkit-animation: shine .75s;
  animation: shine 2s;
} */

.about-main-img-one img:hover {
    transform: scale(1.1);
}
.about-main-img-two img:hover {
    transform: scale(1.1);
}
.about-main-img-three img:hover {
    transform: scale(1.1);
}
.about-main-img-one img{
  -webkit-mask-image: url(assets/images/about/about-mask.png);
  mask-image: url(assets/images/about/about-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  position: relative;
  border-radius: 10px;
}
.about-main-img-two img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  min-width: 344px;
  min-height: 243px;
  object-fit: cover;
}
.about-main-img-three img {
  border: 8px solid #ffff;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-width: 310px;
  min-height: 235px;
}
.about-main-img-three {
  position: absolute;
  right: 0;
  top: 100px;
}
.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);
}
.count-box-two{
  display: flex;
  gap: 10px;
  align-items: center;
}

.about-count-one {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 31px;
  line-height: 40px;
  text-transform: capitalize;
  color: #fff;
}
.about-count-text-one {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  color: #fff;
}
.about-count-two {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 36px;
  line-height: 100%;
  text-transform: capitalize;
}
.about-count-two-mb {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
}
.about-count-two-para {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
}


.about-count-three {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 36px;
  line-height: 100%;
  text-transform: capitalize;
}
.about-count-three-mb {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
}
.about-count-three-para {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 17px;
  line-height: 100%;
  text-transform: capitalize;
}


/* .why-choose-main-box:hover .why-choose-main-img-four,.why-choose-main-box:hover  {
  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;
} */

@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 {
    position: absolute;
    transform: translate(0px, 200px);
    clip-path: polygon(0px 10px, 0px 10px, 0.13088305px 8.37794745px, 0.5098064px 6.8392256px, 1.11618135px 5.40442315px, 1.9294192px 4.0941288px, 2.92893125px 2.92893125px, 4.0941288px 1.9294192px, 5.40442315px 1.11618135px, 6.8392256px 0.5098064px, 8.37794745px 0.13088305px, 10px 1.6555540320986E-31px, 81.5054px 0px, 81.5054px 0px, 82.600856px 0.06002155px, 83.670296px 0.2368604px, 84.705638px 0.52567785px, 85.6988px 0.9216352px, 86.6417px 1.41989375px, 87.526256px 2.0156148px, 88.344386px 2.70395965px, 89.088008px 3.4800896px, 89.74904px 4.33916595px, 90.3194px 5.27635px, 93.7148px 11.612px, 93.7148px 11.612px, 94.2851629px 12.5491705px, 94.9462032px 13.408236px, 95.6898383px 14.1843575px, 96.5079856px 14.872696px, 97.3925625px 15.4684125px, 98.3354864px 15.966668px, 99.3286747px 16.3626235px, 100.3640448px 16.65144px, 101.4335141px 16.8282785px, 102.529px 16.8883px, 265px 16.8883px, 265px 16.8883px, 266.622089px 17.0191844px, 268.160832px 17.3981112px, 269.595643px 18.0044908px, 270.905936px 18.8177336px, 272.071125px 19.81725px, 273.070624px 20.9824504px, 273.883847px 22.2927452px, 274.490208px 23.7275448px, 274.869121px 25.2662596px, 275px 26.8883px, 275px 98.2812px, 275px 98.2812px, 274.869121px 99.9032348px, 274.490208px 101.4419344px, 273.883847px 102.8767116px, 273.070624px 104.1869792px, 272.071125px 105.35215px, 270.905936px 106.3516368px, 269.595643px 107.1648524px, 268.160832px 107.7712096px, 266.622089px 108.1501212px, 265px 108.281px, 10px 108.281px, 10px 108.281px, 8.37794988px 108.1501212px, 6.83922944px 107.7712096px, 5.40442756px 107.1648524px, 4.09413312px 106.3516368px, 2.928935px 105.35215px, 1.92942208px 104.1869792px, 1.11618324px 102.8767116px, 0.50980736px 101.4419344px, 0.13088332px 99.9032348px, 1.655557729884E-31px 98.2812px, 0px 10px); 
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
     margin: 0px 0px 0px 0px;
     height: 108px;
     width: 275px;
     padding: 4% 0% 0% 3%;
}
.About-experience-text-box-one:hover {
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
.About-experience-text-box-one:hover .About-experience-img-one {
    background: unset;
    border: 1px solid #ffff;
}
.About-experience-text-box-one:hover h4 {
    color: #fff;
}
.About-experience-text-box-one:hover p{
    color: #fff;
}
.about-exp-box{
  filter: drop-shadow(0px 0px 2px #00000026);
}
.exp-main-box{
  display: flex;
  gap: 20px;
}
.About-experience-text-box-one {
  clip-path: polygon(10px 0.5px, 95.8223px 0.5px, 95.8223px 0.5px, 96.8629421px 0.557030846px, 97.8788528px 0.725044448px, 98.8623587px 0.999442202px, 99.8057864px 1.375625504px, 100.7014625px 1.84899575px, 101.5417136px 2.414954336px, 102.3188663px 3.068902658px, 103.0252472px 3.806242112px, 103.6531829px 4.622374094px, 104.195px 5.5127px, 109.072px 14.6113px, 109.072px 14.6113px, 109.670854px 15.5953696px, 110.364952px 16.4974648px, 111.145798px 17.3124952px, 112.004896px 18.0353704px, 112.93375px 18.661px, 113.923864px 19.1842936px, 114.966742px 19.6001608px, 116.053888px 19.9035112px, 117.176806px 20.0892544px, 118.327px 20.1523px, 310px 20.1523px, 310px 20.1523px, 311.541021px 20.2766391px, 313.002848px 20.6366168px, 314.365927px 21.2126737px, 315.610704px 21.9852504px, 316.717625px 22.9347875px, 317.667136px 24.0417256px, 318.439683px 25.2865053px, 319.015712px 26.6495672px, 319.375669px 28.1113519px, 319.5px 29.6523px, 319.5px 116px, 319.5px 116px, 319.375669px 117.541021px, 319.015712px 119.002848px, 318.439683px 120.365927px, 317.667136px 121.610704px, 316.717625px 122.717625px, 315.610704px 123.667136px, 314.365927px 124.439683px, 313.002848px 125.015712px, 311.541021px 125.375669px, 310px 125.5px, 10px 125.5px, 10px 125.5px, 8.4590519px 125.375669px, 6.9972672px 125.015712px, 5.6342053px 124.439683px, 4.3894256px 123.667136px, 3.2824875px 122.717625px, 2.3329504px 121.610704px, 1.5603737px 120.365927px, 0.9843168px 119.002848px, 0.6243391px 117.541021px, 0.5px 116px, 0.5px 10px, 0.5px 10px, 0.62433883px 8.4590519px, 0.98431584px 6.9972672px, 1.56037181px 5.6342053px, 2.33294752px 4.3894256px, 3.28248375px 3.2824875px, 4.38942128px 2.3329504px, 5.63420089px 1.5603737px, 6.99726336px 0.9843168px, 8.45904947px 0.6243391px, 10px 0.5px);
  background-color:  #fff;
  margin: 0px 0px 0px 0px;
  height: 126px;
  width: 320px;
  padding: 10% 0% 5% 7%;
  align-items: center;
}
.about-box-first{
  filter: drop-shadow(0px 0px 2px #00000026);
}

.About-experience-text-box-two {
  clip-path: polygon(10px 0.5px, 95.8223px 0.5px, 95.8223px 0.5px, 96.8629421px 0.557030846px, 97.8788528px 0.725044448px, 98.8623587px 0.999442202px, 99.8057864px 1.375625504px, 100.7014625px 1.84899575px, 101.5417136px 2.414954336px, 102.3188663px 3.068902658px, 103.0252472px 3.806242112px, 103.6531829px 4.622374094px, 104.195px 5.5127px, 109.072px 14.6113px, 109.072px 14.6113px, 109.670854px 15.5953696px, 110.364952px 16.4974648px, 111.145798px 17.3124952px, 112.004896px 18.0353704px, 112.93375px 18.661px, 113.923864px 19.1842936px, 114.966742px 19.6001608px, 116.053888px 19.9035112px, 117.176806px 20.0892544px, 118.327px 20.1523px, 310px 20.1523px, 310px 20.1523px, 311.541021px 20.2766391px, 313.002848px 20.6366168px, 314.365927px 21.2126737px, 315.610704px 21.9852504px, 316.717625px 22.9347875px, 317.667136px 24.0417256px, 318.439683px 25.2865053px, 319.015712px 26.6495672px, 319.375669px 28.1113519px, 319.5px 29.6523px, 319.5px 116px, 319.5px 116px, 319.375669px 117.541021px, 319.015712px 119.002848px, 318.439683px 120.365927px, 317.667136px 121.610704px, 316.717625px 122.717625px, 315.610704px 123.667136px, 314.365927px 124.439683px, 313.002848px 125.015712px, 311.541021px 125.375669px, 310px 125.5px, 10px 125.5px, 10px 125.5px, 8.4590519px 125.375669px, 6.9972672px 125.015712px, 5.6342053px 124.439683px, 4.3894256px 123.667136px, 3.2824875px 122.717625px, 2.3329504px 121.610704px, 1.5603737px 120.365927px, 0.9843168px 119.002848px, 0.6243391px 117.541021px, 0.5px 116px, 0.5px 10px, 0.5px 10px, 0.62433883px 8.4590519px, 0.98431584px 6.9972672px, 1.56037181px 5.6342053px, 2.33294752px 4.3894256px, 3.28248375px 3.2824875px, 4.38942128px 2.3329504px, 5.63420089px 1.5603737px, 6.99726336px 0.9843168px, 8.45904947px 0.6243391px, 10px 0.5px);
  background-color:  #fff;
  margin: 0px 0px 0px 0px;
  height: 126px;
  width: 320px;
  padding: 10% 0% 5% 7%;
  align-items: center;
}

.About-experience-text-box-two:hover {
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
.About-experience-text-box-two:hover .About-experience-img-two {
    background: unset;
    border: 1px solid #ffff;
}
.About-experience-text-box-two:hover h4 {
    color: #fff;
}
.About-experience-text-box-two:hover p{
    color: #fff;
}
.about-box-second{
  filter: drop-shadow(0px 0px 2px #00000026);
}
.About-experience-img {
  width: 67px;
  height: 67px;
  background: #fff;
  padding: 10px;
  border-radius: 50%;
}
.About-experience-img-one {
  width: 80px;
  height: 80px;
  background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
  padding: 15px;
  border-radius: 50%;
}
.About-experience-img-two {
  width: 80px;
  height: 80px;
  background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
  padding: 15px;
  border-radius: 50%;
}

/* .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-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;  
}
/* brand */
#brand {
  background-color: #fff;
  padding: 4% 0% !important;
  width: 96%;
  margin: 0 auto;
  border-radius: 0 0 8px 50px;
}
#brand .me-3:hover {
    transform: scale(1.1);
}
/* counter */
#counter-sec {
    /* padding-top: 2%; */
    background-color: #fff;
    width: 96%;
    margin: 0 auto;
}
.counter-overlay-image {
  background: linear-gradient(263.66deg, #042146 0%, #10263A 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 {
background: #10263A;
}
.service-box-outer h4 {
font-family: 'Open Sans';
font-weight: 700;
font-size: 22px;
line-height: 32px;
text-transform: capitalize;
color: #fff;
}

.service-box-outer:hover:after {
  background-image: url('./assets/images/services/service-bg.svg');
}
.service-box-outer:hover .services-img-box{
border: 2px solid #fff;
background: unset;
}
#services-sec .heading-box h6 {
font-family: 'Open Sans';
font-weight: 700;
font-size: 18px;
line-height: 100%;
text-transform: capitalize;
color: #fff;
margin-bottom: 15px;
}
#services-sec .heading-box h3 {
font-family: Open Sans;
font-weight: 800;
font-size: 34px;
line-height: 44px;
text-align: center;
text-transform: capitalize;
color: #fff;
}
#services-sec .heading-box i{
    color: #fff;
}
.service-button-box{
    text-align: center;
    display: block;
}

/* #about-sec .button-box .btn-icon-about {
  background: #10263A;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  margin-left: -5px;
  border: none;
  box-shadow: 0 0 0 5px #fff;
}
#about-sec .button-box .btn-text-about{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
#about-sec .button-box:hover .btn-text-about{
  background: #10263A;
  color: var(--white);
  transition: all 0.5s ease 0s;
}
#about-sec .button-box:hover .btn-icon-about{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
} */
#services-sec .button-box .btn-text{
background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
#services-sec .btn-icon {
background: #fff;
  padding: 10px;
  border-radius: 50%;
  color: #000;
  font-size: 18px;
  margin-left: -5px;
  border: none;
  box-shadow: 0 0 0 5px #10263A;
}
#services-sec .button-box:hover .btn-text{
  background: #fff;
  color: #000;
  transition: all 0.5s ease 0s;
}
#services-sec .button-box:hover .btn-icon{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%) !important;
}
#services-sec .button-box:hover .btn-icon i{
  color: #fff !important;
}
.service-number-box {
position: absolute;
right: 20px;
font-family: Open Sans;
font-weight: 800;
font-size: 91px;
line-height: 100%;
text-transform: capitalize;
color: rgba(217, 217, 217, 0.05);
}
.service-number-box{
opacity: 0;
}
.service-box-outer:hover .service-number-box {
opacity: 1;
}
.service-box-outer p {
font-family: 'Open Sans';
font-weight: 400;
font-size: 15px;
line-height: 25px;
text-transform: capitalize;
color: #fff;
}
.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);
}

.counter-folder-box: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 {
    padding: 10% 2% 12% 5%;
    z-index: 1;
    background-color: #10263A;
    clip-path: polygon(0px 10px, 0px 10px, 0.13088305px 8.37794745px, 0.5098064px 6.8392256px, 1.11618135px 5.40442315px, 1.9294192px 4.0941288px, 2.92893125px 2.92893125px, 4.0941288px 1.9294192px, 5.40442315px 1.11618135px, 6.8392256px 0.5098064px, 8.37794745px 0.13088305px, 10px 1.6555540320986E-31px, 129.869px 0px, 129.869px 0px, 130.963317px 0.05989459px, 132.031696px 0.23636552px, 133.066079px 0.52459353px, 134.058408px 0.91975936px, 135.000625px 1.41704375px, 135.884672px 2.01162744px, 136.702491px 2.69869117px, 137.446024px 3.47341568px, 138.107213px 4.33098171px, 138.678px 5.26657px, 147.071px 20.8861px, 147.071px 20.8861px, 147.641787px 21.8216867px, 148.302976px 22.6792536px, 149.046509px 23.4539809px, 149.864328px 24.1410488px, 150.748375px 24.7356375px, 151.690592px 25.2329272px, 152.682921px 25.6280981px, 153.717304px 25.9163304px, 154.785683px 26.0928043px, 155.88px 26.1527px, 430.335px 26.1527px, 430.335px 26.1527px, 431.956846px 26.2835844px, 433.495448px 26.6625112px, 434.930202px 27.2688908px, 436.240504px 28.0821336px, 437.40575px 29.08165px, 438.405336px 30.2468504px, 439.218658px 31.5571452px, 439.825112px 32.9919448px, 440.204094px 34.5306596px, 440.335px 36.1527px, 440.335px 291.293px, 440.335px 291.293px, 440.204094px 292.915089px, 439.825112px 294.453832px, 439.218658px 295.888643px, 438.405336px 297.198936px, 437.40575px 298.364125px, 436.240504px 299.363624px, 434.930202px 300.176847px, 433.495448px 300.783208px, 431.956846px 301.162121px, 430.335px 301.293px, 9.99998px 301.293px, 9.99998px 301.293px, 8.37793044px 301.162121px, 6.83921152px 300.783208px, 5.40441188px 300.176847px, 4.09412016px 299.363624px, 2.928925px 298.364125px, 1.92941504px 297.198936px, 1.11617892px 295.888643px, 0.50980528px 294.453832px, 0.13088276px 292.915089px, 1.6555503343131E-31px 291.293px, 0px 10px);
    margin: 0px 10px 0px 0px;
}
.service-content-main{
  filter: drop-shadow(0px 0px 1px #FFFFFF);
}
.services-content-box:hover {
    background-color: red;
    background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
}
.service-box-outer{
  position: relative;
}

.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;
}
.services-img-box {
    width: 80px;
    height: 80px;
    background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
    padding: 15px;
    border-radius: 50%;
}
.services-img-box img{
  filter: unset;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.services-read-box a {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    text-transform: capitalize;
    color: #fff;
}




/* why shoose us */
#why-choose {
  background-color: #fff;
  width: 96%;
  margin: 0 auto;
  border-radius: 20px 50px 0 0;
}
.choose-box{
  padding-top: 5em;
}
.why-main{
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
.why-choose-main-box h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
  background: linear-gradient(90deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.why-choose-main-box h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 34px;
  line-height: 50px;
  text-transform: capitalize;
}
.why-choose-main-box p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
}
.why-choose-main-box i{
    background: linear-gradient(45deg, #F84D89, #592C6E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.why-choose-us-features-list p {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.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, #10263A 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%), #10263A, 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%, #10263A 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-main-img-one img:hover{
  transform: scale(1.1);
}
.why-choose-main-img-two img:hover{
  transform: scale(1.1);
}
.why-choose-main-img-three img:hover{
  transform: scale(1.1);
}
.why-choose-main-img-one img{
  -webkit-mask-image: url(assets/images/why-choose/why-mask.png);
  mask-image: url(assets/images/why-choose/why-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  position: relative;
  border-radius: 10px;
}
.why-choose-main-img-three img {
    border: 8px solid #ffff;
    border-radius: 15px;
}
.why-choose-main-img-two img {
    border-radius: 10px;
}
.why-choose-main-img-one img {
    width: 100%;
    height: 243px;
    max-width: 327px;
    max-height: 243px;
    object-fit: cover;
    z-index: 1;
    position: relative;
}
.why-choose-main-img-two img {
    width: 100%;
    height: 203px;
    max-width: 317px;
    max-height: 203px;
    z-index: 0;
    position: relative;
}
.why-choose-main-img-three img {
    width: 100%;
    height: 201px;
    max-width: 265px;
    max-height: 201px;
}
.why-choose-image{
position: relative;
}
.why-choose-main-img-one{
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
}

.why-choose-main-img-two{
  position: absolute;
  right: 0;
  transform: translate(0px, 0px);
}
.why-choose-main-img-three{
  position: absolute;
  right: 0;
  transform: translate(20px, 144px);
}
/* 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: #fff;
    width: 96%;
    margin: 0 auto;
    border-radius: 0px 0px 20px 50px;
}
.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-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: #000;
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize;
}




/* testimonial */
#testimonial .heading-box h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
  color: #fff;
}
.test-main-con{
  padding-top: 5em;
  padding-bottom: 5em;
}
#testimonial .heading-box h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 34px;
  line-height: 50px;
  text-transform: capitalize;
  color: #fff;
}
#testimonial .heading-box p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
}
#testimonial .heading-box i{
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 display: inline-block;
}
section#testimonial {
  /* padding: 15% 0px 5% 0px;
  margin-top: -8%; */
  background-color: #10263A;
}
.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-content-box h5 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
}
.testimonial-content-box:hover h5{
  color: #fff !important;
}
.testimonial-content-box:hover .testimonial-contents{
  color: #fff !important;
}
.testimonial-content-box:hover .testimonial-para-content-box{
  color: #fff !important;
}
.testimonial-content-box:hover .quote-img svg path{
  fill: #fff !important;
}
#testimonial .owl-nav .owl-prev i {
    background: #fff;
    color: #000 !important;
    margin-right: 2px;
    border-radius: 50% !important;
    width: 48px;
    height: 48px;
    line-height: 48px;
}
#testimonial .owl-carousel .owl-nav button.owl-prev {
    width: 20% !important;
    display: flex;
    border: none !important;
}
#testimonial .owl-nav {
    display: flex;
    position: absolute;
    left: -52%;
    bottom: 0%;
    width: 30%;
}
#testimonial .owl-carousel .owl-nav button.owl-next {
    margin-left: 6px;
}
#testimonial .owl-nav .owl-next i {
    background: #fff;
    color: #000 !important;
    margin-left: 2px;
    border-radius: 50% !important;
    width: 48px;
    height: 48px;
    line-height: 48px;
}
#testimonial .owl-nav .owl-prev i:hover{
 background: linear-gradient(90deg, #F84D89, #592C6E) !important;
 color: #fff !important;
}
#testimonial .owl-nav .owl-next i:hover{
 background: linear-gradient(90deg, #F84D89, #592C6E) !important;
 color: #fff !important;
}
.testimonial-content-box {
  padding: 22px 21px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 6px 6px 6px 6px;
}
.testimonial-content-main-box{
  position: relative;
}
.testimonial-contents{
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-transform: capitalize;
}
.testimonial-para-content-box {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}
.testimonial-content-main-box .quote-img {
  position: absolute;
  right: 16px;
  top: 30px;
}
#testimonial .owl-nav {
  display: flex;
  position: absolute;
  left: -52%;
  bottom: 15%;
  width: 30%;
}
.testimonial-content-main-box:hover .testimonial-title-box{
  color: var(--blue);
}
.testimonial-content-box:hover {
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
/* team */
.team-title {
  color: #000000;
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
}
.team-content p {
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  text-transform: capitalize;
}
.team-content {
  padding: 10px 15px;
}
.detail{
padding: 1px;
}
.team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-designation-box {
  position: relative;
  border: 1px solid #c9ced3;
  border-radius: 0px 0px 6px 6px !IMPORTANT;
  border-top: unset;
}
.teambox:hover .team-designation-box {
    border: unset;
}
.teambox:hover .team-designation-box {
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
.teambox:hover .share-toggle{
    background: #000;
}
.teambox:hover .team-title{
  color: #fff;
}
.teambox:hover p{
  color: #fff;
}
.team-social-icon-box {
position: absolute;
right: 21px;
width: fit-content;
background: #fff;
opacity: 0;
z-index: 1;
bottom: -35px;
padding: 10px 5px 30px;
border-radius: 6px;
}
.teambox:hover .team-social-icon-box{
  opacity: 1;
}

#our-team {
  background-color: #fff;
  width: 96%;
  margin: 0 auto;
}

#our-team .heading-box h6{
font-family: 'Open Sans';
font-weight: 700;
font-size: 18px;
line-height: 40px;
text-transform: capitalize;
background: linear-gradient(90deg, #F84D89, #592C6E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

#our-team .heading-box h3 {
font-family: 'Open Sans';
font-weight: 800;
font-size: 34px;
line-height: 40px;
text-transform: capitalize;
}
#our-team .heading-box p {
font-family: 'Open Sans';
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: #000000;
}
#our-team .owl-dots{
  display: none;
}
#our-team .owl-nav {
display: flex;
position: absolute;
left: -49%;
bottom: 18%;
width: 30%;
}
#our-team .owl-carousel .owl-nav button.owl-prev {
width: 20% !important;
display: flex;
border: none !important;
}
#our-team .owl-carousel .owl-nav button.owl-next {
margin-left: 6px;
}
#our-team .owl-nav .owl-prev i {
background: #10263A ;
color: #fff !important;
margin-right: 2px;
border-radius: 50% !important;
width: 48px;
height: 48px;
line-height: 48px;
}
#our-team .owl-nav .owl-next i {
background: #10263A;
color: #fff !important;
margin-left: 2px;
border-radius: 50% !important;
width: 48px;
height: 48px;
line-height: 48px;
}
#our-team .owl-nav .owl-prev i:hover{
 background: linear-gradient(90deg, #F84D89, #592C6E) !important;
}
#our-team .owl-nav .owl-next i:hover{
 background: linear-gradient(90deg, #F84D89, #592C6E) !important;
}
#our-team .heading-box i {
background: linear-gradient(45deg, #F84D89, #592C6E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
.share-toggle {
background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
color: white;
padding: 20px;
border-radius: 50px;
cursor: pointer;
width: 46px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
transition: background 0.3s ease;
position: absolute;
top: 15px;
right: 20px;
z-index: 9;
}


@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: 32px;
    height: 32px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    background-color: #000;
    border-radius: 50%;
    margin: 2px;
}
.team-social-icon-box-main i:hover {
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  color: #fff;
}
.team-image{
  position: relative;
}

.teambox:hover .team-image::after {
  width: 100%;
}
#benefit::before{
  content: "";
  display: inline-block;
  width: 383px;
  height: 112px;
  background: url('assets/images/design-one.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;
  position: absolute;
  background-position: top;
  top: -27%;
  left: 0;
}
#why-choose::before{
  content: "";
  display: inline-block;
  width: 383px;
  height: 112px;
  background: url('assets/images/design-one.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;
  position: absolute;
  background-position: top;
  top: -16%;
  left: 0;
}
#pricing-section::before {
  content: "";
  display: inline-block;
  width: 383px;
  height: 112px;
  background: url('assets/images/design-one.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;
  position: absolute;
  background-position: top;
  top: -18%;
  left: 0;
}
#brand::before{
  content: "";
  display: inline-block;
  width: 383px;
  height: 112px;
  background: url('assets/images/design-two.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;
  position: absolute;
  background-position: top;
  bottom: -58%;
  right: 0;
}
#Our_process::before{
   content: "";
  display: inline-block;
  width: 383px;
  height: 112px;
  background: url('assets/images/design-two.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;
  position: absolute;
  background-position: top;
  bottom: -16%;
  right: 0;
}
/* blog */
@keyframes shine{
  100% {
    left: 125%;
  }
}

#blog::before {
  content: "";
  display: inline-block;
  width: 383px;
  height: 112px;
  background: url('assets/images/design-two.svg') no-repeat center center;
  background-size: contain;
  z-index: 1;
  position: absolute;
  background-position: top;
  bottom: -16%;
  right: 0;
}

#blog {
    background-color: #fff;
    width: 96%;
    margin: 0 auto;
    border-radius: 0px 0px 10px 50px;
}
#blog .owl-carousel .blog-image-box{
  margin: 0px 10px;
  overflow: hidden;
}
.blog-image-box{
  overflow: hidden;
}
.blog-image-box:hover .blog-contents-outer-box {
    border: unset;
}
.blog-contents-outer-box {
    position: relative;
    padding: 15px;
    border: 1px solid #e4ebf1;
    border-radius: 0 0 6px 6px;
    border-top: unset;
}
.blog-image-box:hover .blog-contents-outer-box{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
.blog-image-box:hover .blog-admin-content-box {
    color: #fff;
}
.blog-image-box:hover h4{
  color: #fff;
}
#blog .heading-box h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#blog .heading-box h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 34px;
  line-height: 50px;
  text-transform: capitalize;
}
#blog .blog-contents-outer-box h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
}
#blog .heading-box i {
  background: linear-gradient(45deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.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:after{
  -webkit-animation: shine .75s;
  animation: shine 2s;
}

#blog .button-box .btn-text-blog{
background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
#blog .btn-icon-blog {
background: #10263A;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  margin-left: -5px;
  border: none;
  box-shadow: 0 0 0 5px #fff;
}
#blog .button-box:hover .btn-text-blog{
  background: #10263A;
  color: #fff;
  transition: all 0.5s ease 0s;
}
#blog .button-box:hover .btn-icon-blog{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%) !important;
}
#blog .button-box:hover .btn-icon-blog i{
  color: #fff !important;
}
@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;
}
.blog-date-admin-box{
  position: absolute;
  top: 20px;
  left: 20px;
}
.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-family: 'Open Sans';
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
}

.blog-admin-content-box {
  width: 100%;
  gap: 20px;
}

.post-img img{
-webkit-mask-image: url(assets/images/our-blog/blog-mask.png);
  mask-image: url(assets/images/our-blog/blog-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  position: relative;
}
.news-date-day {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  text-transform: capitalize;
  color: #fff;
}
.news-date-month {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  text-transform: capitalize;
  color: #fff;
}
.blog-date-admin-box {
  background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
  height: 64px;
  width: 64px;
  padding: 10px;
  border-radius: 6px;
}
/* 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{
 padding: 6% 0 6% 0 !important;
}
.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;
}
.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 h3 {
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 34px;
    line-height: 45px;
    text-transform: capitalize;
    color: #fff;
}
.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: 40px;
  height: 100%;
  line-height: 40px;
  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: 10em;
} */
#newsletter .heading-box h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
  background: linear-gradient(90deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p.newsletter-main-para.align-self-center.wow.fadeInRight {
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}
#newsletter .newsletter-head-form-box .wpcf7 form .wpcf7-response-output{
  position: absolute;
  width: fit-content;
  color: #fff;
  bottom: 4px;
  top: unset;
  font-size: 14px;
  left: 20px;
  margin: 0px 6px;
  padding: 0px 4px;
}
#newsletter .newsletter-head-form-box .wpcf7 input[type="email"] {
    padding: 10px 10px;
    border: none;
    border-radius: 6px 6px 6px 6px;
    background-color: #fff !important;
    color: #000 !important;
    width: 100% !important;
    margin: 10px auto !important;
}

@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);
  }
}

#newsletter .wpcf7-form-control-wrap {
    font: 400 12px / 20px var(--pri-font);
    color: #000;
}
#newsletter input[type="submit"] {
   background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
    border-radius: 6px 6px 6px 6px;
    color: #fff;
    padding: 10px 30px;
    font: 400 16px / 20px var(--pri-font);
    width: fit-content;
    border: none;
}
.newsletter-head-form-box form p:nth-child(3):after {
    background: #fff;
    padding: 0px;
    border-radius: 50%;
    color: #000;
    font-size: 18px;
    /* margin-left: -5px; */
    border: none;
    box-shadow: 0 0 0 5px #10263A;
    position: absolute;
    left: 25%;
}
#newsletter .wpcf7-not-valid-tip {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: block;
    padding-bottom: 10px;
    font-family: 'Open Sans';
}
#newsletter .newsletter-head-form-box .wpcf7 form.invalid .wpcf7-response-output {
    bottom: -35px;
    font-size: 13px;
    width: fit-content;
    left: 0;
    padding: 2px;
    line-height: 13px;
    margin: auto;
}
/* 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"] {
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
    border-radius: 6px 6px 6px 6px;
    color: #fff;
    padding: 10px 30px;
    font: 400 16px / 20px var(--pri-font);
    width: fit-content;
    border: none;
}
#newsletter form {
    display: block;
}
.newsletter-head-form-box form p:nth-child(2) {
width: 80%;
margin-right: 10px;
}
.quotation-form-box .submit-box .submit p:after {
  background: #10263A;
  padding: 0px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  /* margin-left: -5px; */
  border: none;
  box-shadow: 0 0 0 5px #fff;
  position: absolute;
  left: 90px;
}
.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-service{
  z-index: 1;
  position: relative;
}
.single-col-one{
  order: 2;
}
.single-services-img-box {
  height: 100%;
}
.single-services-img-box img{
  height: 100%;
  object-fit: cover;
  z-index: 9;
  position: relative;
}

.single-benefit-img-box {
  height: 100%;
}
.single-benefit-img-box img{
  height: 100%;
  object-fit: cover;
  z-index: 9;
  position: relative;
}

/* single investment page*/
#investment{
  z-index: 9;
  position: relative;
}
#investment h3{
  font: 600 25px / 35px var(--h3-font);
}
#investment p{
  font: 500 16px / 26px var(--pri-font);
  padding-bottom: 20px;
}

#investment ul li{
  font: 500 16px / 26px var(--pri-font);
  padding-bottom: 20px;
}

/* 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-service .btn-text-single-servic{
background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
.single-service .btn-iconsingle-servic {
background: #10263A;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  margin-left: -5px;
  border: none;
  box-shadow: 0 0 0 5px #fff;
}
.single-services-btn-box:hover .btn-text-single-servic{
  background: #10263A;
  color: #fff;
  transition: all 0.5s ease 0s;
}
.single-services-btn-box:hover .btn-iconsingle-servic{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%) !important;
}
.single-service:hover .btn-iconsingle-servic i{
  color: #fff !important;
}



.single-benefit .btn-text-single-benefit{
background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
.single-benefit .btn-icon-single-benefit {
background: #10263A;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  margin-left: -5px;
  border: none;
  box-shadow: 0 0 0 5px #fff;
}
.single-services-btn:hover .btn-text-single-benefit{
  background: #10263A;
  color: #fff;
  transition: all 0.5s ease 0s;
}
.single-services-btn:hover .btn-icon-single-benefit{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%) !important;
}
.single-benefit:hover .btn-icon-single-benefit i{
  color: #fff !important;
}
/* ---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: 15px;
    width: fit-content;
    left: unset;
    padding: 4px;
    line-height: 13px;
    margin: auto;
    bottom: -35px;
    font-family: 'Open Sans';
}
#newsletter .newsletter-head-form-box .wpcf7 form .wpcf7-response-output {
    bottom: -35px;
    left: 0;
}
#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){
  
  #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: 15%;
  }
  #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-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;
  }
  .fadeInDown-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: 14px;
    width: fit-content;
    left: 0;
    padding: 2px;
    line-height: 13px;
    margin: -25px auto;
    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: 25%;
  }
  .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;
  }
 
  .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: 40%;
  }
  #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%);
  }
}


/* how it work */

#Our_process .heading-box i {
    background: linear-gradient(45deg, #F84D89, #592C6E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.process-outer-box .heading-box h6 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-transform: capitalize;
    background: linear-gradient(90deg, #F84D89, #592C6E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.process-outer-box .heading-box h3 {
    color: #000000;
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 34px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
}
.process-img {
    width: 80px !important;
    height: 80px;
    object-fit: contain;
    padding: 15px 15px;
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
    opacity: 1;
    border-radius: 50%;
    margin: 0 auto;
    transition: linear all 0.3s;
}
.process-inner-box:hover .process-img {
    background: #10263A;
    transition: linear all 0.3s;
}
.process-inner-box:hover .process-count-box {
    background: #10263A;
    transition: linear all 0.3s;
}
.process-inner-box:hover .process-count-box h3 {
    color: #fff;
    transition: linear all 0.3s;
}
.process-inner-boxed h4 {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
}

.process-inner-boxed p {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    min-height: 100px;
}

.process-count-box {
    height: 70px;
    width: 70px;
    padding: 15px;
    border-radius: 50%;
    background: linear-gradient(149.62deg, rgba(248, 77, 137, 0.15) 19.25%, rgba(89, 44, 110, 0.15) 89.44%);
}
.center-line svg path {
    fill: #000;
}
.center-line{
    position: absolute;
    right: -95px;
    bottom: 20px;
}

/* Counter */

/* .counter-folder-box::before {
    content: '';
    display: inline-block;
    background: url('./assets/images/counter/counter.svg')  no-repeat center center;
    position: absolute;
    background-position: center;
    height: 126px;
    width: 320px;
    top: 0;
    right: 0;
    left: 0;
} */
.counter-folder-box {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 30px 0px 25px 25px;
    background-color: #ffff;
    clip-path: polygon(10px 0.5px, 95.8223px 0.5px, 95.8223px 0.5px, 96.8629421px 0.557030846px, 97.8788528px 0.725044448px, 98.8623587px 0.999442202px, 99.8057864px 1.375625504px, 100.7014625px 1.84899575px, 101.5417136px 2.414954336px, 102.3188663px 3.068902658px, 103.0252472px 3.806242112px, 103.6531829px 4.622374094px, 104.195px 5.5127px, 109.072px 14.6113px, 109.072px 14.6113px, 109.670854px 15.5953696px, 110.364952px 16.4974648px, 111.145798px 17.3124952px, 112.004896px 18.0353704px, 112.93375px 18.661px, 113.923864px 19.1842936px, 114.966742px 19.6001608px, 116.053888px 19.9035112px, 117.176806px 20.0892544px, 118.327px 20.1523px, 310px 20.1523px, 310px 20.1523px, 311.541021px 20.2766391px, 313.002848px 20.6366168px, 314.365927px 21.2126737px, 315.610704px 21.9852504px, 316.717625px 22.9347875px, 317.667136px 24.0417256px, 318.439683px 25.2865053px, 319.015712px 26.6495672px, 319.375669px 28.1113519px, 319.5px 29.6523px, 319.5px 116px, 319.5px 116px, 319.375669px 117.541021px, 319.015712px 119.002848px, 318.439683px 120.365927px, 317.667136px 121.610704px, 316.717625px 122.717625px, 315.610704px 123.667136px, 314.365927px 124.439683px, 313.002848px 125.015712px, 311.541021px 125.375669px, 310px 125.5px, 10px 125.5px, 10px 125.5px, 8.4590519px 125.375669px, 6.9972672px 125.015712px, 5.6342053px 124.439683px, 4.3894256px 123.667136px, 3.2824875px 122.717625px, 2.3329504px 121.610704px, 1.5603737px 120.365927px, 0.9843168px 119.002848px, 0.6243391px 117.541021px, 0.5px 116px, 0.5px 10px, 0.5px 10px, 0.62433883px 8.4590519px, 0.98431584px 6.9972672px, 1.56037181px 5.6342053px, 2.33294752px 4.3894256px, 3.28248375px 3.2824875px, 4.38942128px 2.3329504px, 5.63420089px 1.5603737px, 6.99726336px 0.9843168px, 8.45904947px 0.6243391px, 10px 0.5px);
    margin: 2px -25px 0px 2px;
}
.f{
  filter: drop-shadow(0px 0px 2px #00000026);
}
.counter-folder-box:hover{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
}
.counter-folder-box:hover .counter-img {
    background: unset;
    border: 1px solid #FFF;
}
.counter-folder-box:hover h4 {
    color: #fff;
}
.counter-folder-box:hover p{
    color: #fff;
}
.counter-img {
    width: 70px !important;
    height: 70px !important;
    object-fit: contain;
    padding: 15px 15px;
    background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
    opacity: 1;
    border-radius: 50%;
}
.counter-folder-box h4 {
    font-family: 'Open Sans';
    font-size: 36px;
    line-height: 100%;
    text-transform: capitalize;
    font-weight: 800 !important;
}
.counter-folder-box p {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-transform: capitalize;
}
.counter-folder-content{
 text-align: left;
}
#counter-sec .owl-stage-outer .item {
    padding: 0px 30px 0px 0px;
}
/* benefit */

#benefit {
  background-color: #fff;
  width: 96%;
  margin: 0 auto;
  border-radius: 6px 50px 0 0;
}
.benefit-content-box {
    padding: 6% 2% 12% 5%;
    background-color: #ffff;
    clip-path: polygon(0px 10px, 0px 10px, 0.13088305px 8.37794745px, 0.5098064px 6.8392256px, 1.11618135px 5.40442315px, 1.9294192px 4.0941288px, 2.92893125px 2.92893125px, 4.0941288px 1.9294192px, 5.40442315px 1.11618135px, 6.8392256px 0.5098064px, 8.37794745px 0.13088305px, 10px 1.6555540320986E-31px, 95.5212px 0px, 95.5212px 0px, 96.6154871px 0.05989459px, 97.6838368px 0.23636552px, 98.7181917px 0.52459353px, 99.7104944px 0.91975936px, 100.6526875px 1.41704375px, 101.5367136px 2.01162744px, 102.3545153px 2.69869117px, 103.0980352px 3.47341568px, 103.7592159px 4.33098171px, 104.33px 5.26657px, 109.17px 14.2737px, 109.17px 14.2737px, 109.740787px 15.2092839px, 110.401976px 16.0668432px, 111.145509px 16.8415593px, 111.963328px 17.5286136px, 112.847375px 18.1231875px, 113.789592px 18.6204624px, 114.781921px 19.0156197px, 115.816304px 19.3038408px, 116.884683px 19.4803071px, 117.979px 19.5402px, 319px 19.5402px, 319px 19.5402px, 320.622089px 19.6710844px, 322.160832px 20.0500112px, 323.595643px 20.6563908px, 324.905936px 21.4696336px, 326.071125px 22.46915px, 327.070624px 23.6343504px, 327.883847px 24.9446452px, 328.490208px 26.3794448px, 328.869121px 27.9181596px, 329px 29.5402px, 329px 245px, 329px 245px, 328.869121px 246.622089px, 328.490208px 248.160832px, 327.883847px 249.595643px, 327.070624px 250.905936px, 326.071125px 252.071125px, 324.905936px 253.070624px, 323.595643px 253.883847px, 322.160832px 254.490208px, 320.622089px 254.869121px, 319px 255px, 10px 255px, 10px 255px, 8.37794988px 254.869121px, 6.83922944px 254.490208px, 5.40442756px 253.883847px, 4.09413312px 253.070624px, 2.928935px 252.071125px, 1.92942208px 250.905936px, 1.11618324px 249.595643px, 0.50980736px 248.160832px, 0.13088332px 246.622089px, 1.655557729884E-31px 245px, 0px 10px);
}
.benefit-main-box{
  filter: drop-shadow(0px 0px 2px #00000026);
  margin: 2px;
}

#benefit .owl-nav {
display: flex;
position: absolute;
left: -52%;
bottom: 10%;
width: 30%;
}
#benefit .owl-carousel .owl-nav button.owl-prev {
width: 20% !important;
display: flex;
border: none !important;
}
#benefit .owl-carousel .owl-nav button.owl-next {
margin-left: 6px;
}
#benefit .owl-nav .owl-prev i {
background: #10263A;
color: #fff !important;
margin-right: 2px;
border-radius: 50% !important;
width: 48px;
height: 48px;
line-height: 48px;
}
#benefit .owl-nav .owl-next i {
background: #10263A;
color: #fff !important;
margin-left: 2px;
border-radius: 50% !important;
width: 48px;
height: 48px;
line-height: 48px;
}
#benefit .owl-nav .owl-prev i:hover{
 background: linear-gradient(90deg, #F84D89, #592C6E) !important;
}
#benefit .owl-nav .owl-next i:hover{
 background: linear-gradient(90deg, #F84D89, #592C6E) !important;
}
.benefit-img-box {
  width: 70px;
  height: 70px;
  background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
  padding: 15px;
  border-radius: 50%;
}
.benefit-content-box:hover {
    background: linear-gradient(120deg, #F84D89, #592C6E) !IMPORTANT;
}

.benefit-content-box:hover h4 {
    color: #fff;
}
.benefit-content-box:hover p {
    color: #ffff;
}
.benefit-content-box:hover .benefit-read-box a {
    color: #fff;
}
.benefit-content-box:hover .benefit-img-box {
    background: url();
    border: 1px solid #ffff;
}
.benefit-box-outer h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  text-transform: capitalize;
}
.benefit-box-outer p {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  text-transform: capitalize;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.benefit-read-box a {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  text-transform: capitalize;
}
#benefit .heading-box h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#benefit .heading-box h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 30px;
  line-height: 40px;
  text-transform: capitalize;
}
#benefit .heading-box i {
background: linear-gradient(45deg, #F84D89, #592C6E);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}



/* pricing-plan */

#pricing-section {
  background-color: #fff;
  width: 96%;
  margin: 0 auto;
  border-radius: 0px 50px 0px 0px;
}
 #pricing-section
  .pricing-tabs-container {
    display: flex;
    gap: 40px;
    font-family: 'Arial', sans-serif;
  }
#pricing-section .pricing-info h6 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  text-transform: capitalize;
  background: linear-gradient(90deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pricing-section .pricing-info h3 {
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 34px;
    line-height: 45px;
    text-transform: capitalize;
    color: #000000;
}
#pricing-section .pricing-info p {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #000000;
}
#pricing-section .pricing-info i{
  background: linear-gradient(45deg, #F84D89, #592C6E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.price-main{
  display: flex;
    gap: 20px;
    align-items: center;
}

.pricing-icon img {
    width: 50px !important;
    height: 50px;
}
.pricing-right-side .month {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
}
.pricing-right-side .year {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  text-transform: capitalize;
}
  .pricing-cards {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

.pricing-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 25px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 396px;
    height: 460px;
}
.pricing-card:hover .pricing-icon img {
    filter: invert(1);
}

#pricing-section .button-box .btn-text-pric{
background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%);
  border-radius: 6px 6px 6px 6px;
  color: #fff;
  padding: 10px 30px;
  font: 400 16px / 20px var(--pri-font);
  width: fit-content;
  border: none;
}
#pricing-section .btn-icon-pric {
background: #10263A;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  margin-left: -5px;
  border: none;
  box-shadow: 0 0 0 5px #fff;
}

.pricing-card:hover {
    background: linear-gradient(120deg, #F84D89 0%, #592C6E 100%);
}
.pricing-card:hover .feature-text{
  color: #fff;
}
.pricing-card:hover h3{
  color: #fff;
}
.pricing-card:hover h4{
  color: #fff;
}
/* #pricing-section .button-box:hover .btn-text{
  background: #fff;
  color: #000;
  transition: all 0.5s ease 0s;
}
#pricing-section .button-box:hover .btn-icon{
  background: linear-gradient(90deg, #F84D89 0%, #592C6E 100%) !important;
}
#pricing-section .button-box:hover .btn-icon i{
  color: #fff !important;
}
  .pricing-card.active {
    background: linear-gradient(135deg, #d93b7f, #3f2a64);
    color: #fff;
    border: none;
  } */

  .pricing-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d93b7f, #3f2a64);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
 .pricing-card:hover .pricing-icon {
    background: #fff;
}
  .pricing-icon img {
    width: 40px;
    height: 40px;
    
  }

  /* .pricing-card.active .pricing-icon img {
    filter: invert(1);
  } */

.pricing-card h3 {
  font-family: 'Open Sans';
  font-weight: 800;
  font-size: 30px;
  line-height: 100%;
  text-align: left;
  text-transform: capitalize;
}
.pricing-features span {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
}
.pricing-card  h3 small {
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  text-transform: capitalize;
}

.pricing-card h4 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  text-align: left;
  text-transform: capitalize;
}

  hr {
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.15);
    margin-bottom: 15px;
  }

  .pricing-card.active hr {
    border-color: rgba(255,255,255,0.3);
  }

  ul.pricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
  }

  ul.pricing-features li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }

  ul.pricing-features li i {
    color: #000;
    margin-right: 10px;
  }
 .pricing-card:hover ul.pricing-features li i{
  color: #fff;
 }
 .pricing-card:hover .btn-text-pric {
    background: #fff !important;
    color: #000 !important;
}
.pricing-card:hover  .btn-icon-pric {
    background: #10263A;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    margin-left: -5px;
    border: none;
    box-shadow: 0 0 0 5px #8e3777 !important;
}
  .pricing-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 18px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
  }

  .pricing-card.active .pricing-btn {
    background: #fff;
    color: #3f2a64;
  }


  .pricing-btn i {
    font-size: 14px;
  }

  .pricing-right-side {
    flex: 1;
    max-width: 450px;
  }

  .pricing-right-side .small-label {
    font-weight: 700;
    color: #d93b7f;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
  }

  .pricing-right-side .small-label i {
    font-size: 18px;
  }

  .pricing-right-side h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 15px 0;
  }

  .pricing-right-side p {
    color: #444;
    line-height: 1.5;
    margin-bottom: 40px;
  }

  .toggle-switch {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 600;
  }

  .toggle-switch label {
    cursor: pointer;
  }

.switch {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 40px;
}

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }


.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 70px;
    height: 35px;
    background-color: #e5e5e5;
    border-radius: 30px;
    transition: 0.4s;
}


.slider:before {
  position: absolute;
  content: "";
  height: 35px;
  width: 35px;
  left: 0px;
  bottom: 0px;
  background: linear-gradient(135deg, #d93b7f, #3f2a64);
  border-radius: 50%;
  transition: 0.4s;
}

input:checked + .slider:before {
  transform: translateX(40px); 
}

 /* RESPONSIVE */
@media screen and (min-width: 768px) and (max-width: 991px){
  .single-post .banner-heading {
    padding-top: 10%;
    width: 100%;
  }
  /* footer */
  #footer::before {
    width: 200px;
    height: 112px;
    left: 15px;
    top: -5%;
    z-index: 0;
  }
  #blog::before {
    width: 200px;
    height: 112px;
    bottom: -18%;
  }
  /* #footer_box {
  border-radius: 15px 50px 50px 50px;
  } */


/* Newsletter */
.newsletter-head-form-box form p:nth-child(3):after {
    left: 61%;
}
.newsletter-head-form-box form p:nth-child(2){
  width: 100%;
}
#newsletter .newsletter-head-form-box .wpcf7 form .wpcf7-response-output{
  position: unset;
  margin: 10px auto !important;
}

/* Team */
  #our-team .owl-carousel .owl-nav button.owl-prev {
    width: 45% !important;
  }
  .team-title {
    font-size: 12px;
    line-height: 20px;
  }
  #our-team .owl-nav {
    left: -69%;
    bottom: 5%;
}

/* pricing-plan */
 .pric-col-2{
  order: 1;
 }
  .pric-col-1{
  order: 2;
 }
 .pricing-card { 
    width: 340px;
 }
 .toggle-switch{
  margin-bottom: 20px;
 }

 /* testimonial */
#pricing-section::before {
    width: 200px;
    top: -7%;
}
 #Our_process::before {
    width: 200px;
    bottom: -20%;
    right: 19px;
}
 #pricing-section {
    border-radius: 5px 50px 0px 0px;
 }
 #testimonial .owl-nav {
    width: 60%;
 }
 #testimonial .owl-nav {  
    left: -77%;
    bottom: 0%;
 }

 /* how to work */
 .process-img {
    margin: -35px auto;
}

/* how to work */
.why-main {
  width: unset;
  margin-bottom: 10px;
}

/* why choose us */
.why-choose-main-img-one img {
    max-width: 200px;
    max-height: 200px;
 }
.why-choose-main-img-two img {
    max-width: 200px;
    max-height: 200px;
 }
.why-choose-main-img-three img {
    max-width: 200px;
    max-height: 200px;
 }
 .why-choose-main-img-two {
    right: 10px;
 }
.why-choose-main-img-three {
    right: 25px;
 }

 /* service */
 .services-content-box {
    margin: 0px -5px 0px 0px;
  }
  #why-choose::before {
    width: 200px;
    height: 112px;
    top: -9%;
  }
  #why-choose {
    border-radius: 3px 50px 0 0;
 } 

 #brand::before {
    width: 200px;
    height: 112px;
    bottom: -110px;
 }
 #brand {
    border-radius: 0 0 6px 50px;
 }

 /* About */

 .about-main-img-one img {
    max-width: 350px;
    max-height: 300px;
 }
 .about-main-img-two img {
    max-width: 350px;
    max-height: 300px;
 }
 .about-main-img-three img {
    max-width: 350px;
    max-height: 300px;
 }
 .about-main-img-one{
  position: unset;
  padding-bottom: 5px;
 }
 .about-main-img-two{
  position: unset;
 }
  .about-main-img-three{
  position: unset;
 }
 .exp-main-box{
  display: block;
 }
 .about-box-first{
  padding-bottom: 10px;
 }
  .about-main-img-one {
    min-height: auto;
  }
.About-experience-text-box {
  position: unset;
  transform: unset;
  padding: 10% 0% 0% 3% !important;
}

.right-para::before {
  bottom: 180px;
}
#about-sec .right-para p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#about-sec .heading-box h3 {
    font-size: 20px;
    line-height: 30px;
}
#about-sec .heading-box p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* benefit */
.benefit-box-outer p {
    width: 80%;
}
#benefit .heading-box h3 {
  font-size: 25px;
  line-height: 35px;
}
#benefit .owl-nav { 
    left: -77%;
    bottom: 15%;
    width: 60%;
}
.benefit-box-outer h4 {
  font-size: 14px;
}
/* Banner */
#slider h1 { 
  font-size: 22px;
  line-height: 40px;
}
.upload-card {
    margin-top: 0px;
}
.progress-bar-box {
  margin: 0;
}
.about-year {
    margin-top: 2em;
}
.video {
  margin: 0;
  order: 1;
  position: absolute;
  bottom: 0;
}
.slider-right-col-first{
  display: flex;
  flex-direction: column;
}
.banner-box{
  padding-top: 40px;
}
#benefit::before {
    width: 200px;
    height: 112px;
    top: -15%;
}

.logo {
    margin: 0 0 19px 0px;
}
}

@media screen and (min-width: 992px) and (max-width: 1023px){
  .single-post .banner-heading {
    padding-top: 10%;
    width: 100%;
  }
  /* footer */
  #footer::before {
    width: 200px;
    height: 112px;
    left: 15px;
    top: -8%;
    z-index: 0;
  }
  #blog::before {
    width: 200px;
    height: 112px;
    bottom: -17%;
  }
  .social_widget i {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  }
  #footer_box {
  border-radius: 10px 50px 50px 50px;
}

/* Newsletter */
.newsletter-head-form-box form p:nth-child(3):after {
    left: 35%;
}
/* Team */
  #our-team .owl-carousel .owl-nav button.owl-prev {
    width: 45% !important;
  }
  .team-title {
    font-size: 12px;
    line-height: 20px;
  }
  
  #our-team .owl-nav {
    left: -70%;
    bottom: 0%;
}

.team-social-icon-box {
  right: 3px;
}
.share-toggle {
  right: 3px;
}
 /* pricing-plan */
 .pricing-card { 
    width: 300px;
 }
 .pricing-features span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pricing-button-box{
  padding-top: 1rem !important;
}
.pricing-card h3{
  font-size: 18px;
}
.pricing-card h4{
  font-size: 14px;
}

/* testimonial */
#pricing-section::before {
  width: 200px;
  top: -10%;
}
#Our_process::before {
  width: 200px;
  bottom: -19%;
  right: 8px;
}
#pricing-section {
  border-radius: 5px 50px 0px 0px;
}
#testimonial .owl-nav {
  width: 60%;
}
#testimonial .owl-nav {
  left: -75%;
  bottom: 25%;
}

/* how to work */
 .process-img {
    margin: -35px auto;
 }
 /* counter */
 .counter-folder-box {
    margin: 2px 10px 0px 2px;
 }

 #counter-sec .owl-stage-outer .item {
    padding: 0px 0px 5px 0px;
}
.counter-folder-box p {
    font-size: 14px;
}

 /* why choose us */
.why-choose-main-img-one img {
    max-width: 250px;
    max-height: 250px;
 }
.why-choose-main-img-two img {
    max-width: 250px;
    max-height: 250px;
 }
.why-choose-main-img-three img {
    max-width: 250px;
    max-height: 250px;
 }
 .why-choose-main-img-two {
    right: 10px;
 }
.why-choose-main-img-three {
    right: 25px;
 }
 .why-choose-us-features-list p {
    font-size: 14px;
 }
.slider {
  left: -25px;
}
 /* service */
 .services-content-box {
    margin: 0px -5px 0px 0px;
  }

  #why-choose::before {
    width: 200px;
    height: 112px;
    top: -10%;
  }
  #why-choose {
    border-radius: 3px 50px 0 0;
 } 

 #brand::before {
    width: 200px;
    height: 112px;
    bottom: -110px;
 }
 #brand {
    border-radius: 0 0 6px 50px;
 }

 /* About */

 .about-main-img-one img {
    max-width: 250px;
    max-height: 200px;
 }
 .about-main-img-two img {
    max-width: 250px;
    max-height: 200px;
 }
 .about-main-img-three img {
    max-width: 250px;
    max-height: 200px;
 }
 .exp-main-box{
  display: block;
 }
 .about-main-img-three {
    top: 10px;
 }
 .About-experience-text-box {
    padding: 7% 0% 0% 3% !important;
    margin: 35px 0px 0px 0px;
 }
 #about-sec .heading-box h3 {
    font-size: 25px;
    line-height: 35px;
 }
#about-sec .right-para p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
 #about-sec .heading-box p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }
 .right-para::before {
    bottom: -40px;
 }
 .about-box-first{
  padding-bottom: 5px;
 }

 /* benefit */
 #benefit .owl-nav { 
    left: -75%;
    bottom: 25%;
    width: 60%;
}

/* Banner */
#slider h1 { 
  font-size: 22px;
  line-height: 40px;
}
.upload-card {
    margin-top: 0px;
}
.progress-bar-box {
  margin: 0;
}
.about-year {
    margin-top: 2em;
}
.video {
  margin: 0;
  order: 1;
  position: absolute;
  bottom: 0;
}
.slider-right-col-first{
  display: flex;
  flex-direction: column;
}
.banner-box{
  padding-top: 40px;
}
.slider-outer-main-box {
    padding-top: 17%;
}
#benefit::before {
    width: 200px;
    height: 112px;
    top: -15%;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
   .single-post .banner-heading {
    padding-top: 10%;
    width: 100%;
  }
  /* footer */
  #footer::before {
    width: 200px;
    height: 112px;
    left: 19px;
    top: -8%;
    z-index: 0;
  }
  #blog::before { 
    width: 200px;
    height: 112px;
    bottom: -16%; 
  }
  .social_widget i {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  }
   #footer_box {
  border-radius: 10px 50px 50px 50px;
}

/* Newsletter */
.newsletter-head-form-box form p:nth-child(3):after {
    left: 35%;
}

/* Newsletter */
.newsletter-head-form-box form p:nth-child(3):after {
    left: 35%;
}
/* Team */
  #our-team .owl-carousel .owl-nav button.owl-prev {
    width: 45% !important;
  }
  .team-title {
    font-size: 12px;
    line-height: 20px;
  }
  #our-team .owl-nav {
    left: -70%;
    bottom: 0%;
}

.team-social-icon-box {
  right: 3px;
}
.share-toggle {
  right: 3px;
}

/* pricing-plan */
 .pricing-card { 
    width: 300px;
 }
 .pricing-features span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pricing-button-box{
  padding-top: 1rem !important;
}
.pricing-card h3{
  font-size: 18px;
}
.pricing-card h4{
  font-size: 14px;
}

/* testimonial */
#pricing-section::before {
  width: 200px;
  top: -9%;
}
#Our_process::before {
  width: 200px;
  bottom: -19%;
  right: 8px;
}
#pricing-section {
  border-radius: 5px 50px 0px 0px;
}
#testimonial .owl-nav {
  width: 60%;
}
#testimonial .owl-nav {  
  left: -77%;
  bottom: 0%;
}

/* how to work */
 .process-img {
    margin: -35px auto;
}

/* counter */
 .counter-folder-box {
    margin: 2px 10px 0px 2px;
 }

#counter-sec .owl-stage-outer .item {
  padding: 0px 0px 5px 0px;
}
.counter-folder-box p {
  font-size: 14px;
}
 /* why choose us */
.why-choose-main-img-one img {
    max-width: 250px;
    max-height: 250px;
 }
.why-choose-main-img-two img {
    max-width: 250px;
    max-height: 250px;
 }
.why-choose-main-img-three img {
    max-width: 250px;
    max-height: 250px;
 }
 .why-choose-main-img-two {
    right: 10px;
 }
.why-choose-main-img-three {
    right: 25px;
 }
 .why-choose-us-features-list p {
    font-size: 14px;
 }
.slider {
  left: -25px;
}
 /* service */
 .services-content-box {
    margin: 0px -5px 0px 0px;
  }

  #why-choose::before {
    width: 200px;
    height: 112px;
    top: -10%;
  }
  #why-choose {
    border-radius: 3px 50px 0 0;
 } 

 #brand::before {
    width: 200px;
    height: 112px;
    bottom: -110px;
 }
 #brand {
    border-radius: 0 0 6px 50px;
 }


 /* About */

 .about-main-img-one img {
    max-width: 250px;
    max-height: 200px;
 }
 .about-main-img-two img {
    max-width: 250px;
    max-height: 200px;
 }
 .about-main-img-three img {
    max-width: 250px;
    max-height: 200px;
 }
 .exp-main-box{
  display: block;
 }
 .about-main-img-three {
    top: 10px;
 }
 .About-experience-text-box {
    padding: 7% 0% 0% 3% !important;
    margin: 35px 0px 0px 0px;
 }
 #about-sec .heading-box h3 {
    font-size: 25px;
    line-height: 35px;
 }
#about-sec .right-para p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
 #about-sec .heading-box p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }
 .right-para::before {
    bottom: -40px;
 }
 .about-box-first{
  padding-bottom: 5px;
 }

  /* benefit */
 #benefit .owl-nav { 
    left: -75%;
    bottom: 25%;
    width: 60%;
}


/* Banner */
#slider h1 { 
  font-size: 22px;
  line-height: 40px;
}
.upload-card {
    margin-top: 0px;
}
.progress-bar-box {
  margin: 0;
}
.about-year {
    margin-top: 2em;
}
.video {
  margin: 0;
  order: 1;
  position: absolute;
  bottom: 0;
}
.slider-right-col-first{
  display: flex;
  flex-direction: column;
}
.banner-box{
  padding-top: 40px;
}
.slider-outer-main-box {
    padding-top: 17%;
}
#benefit::before {
    width: 200px;
    height: 112px;
    top: -15%;
}
}


@media screen and (min-width: 1200px) and (max-width: 1399px){
  .single-post .banner-heading {
    padding-top: 10%;
    width: 100%;
  }
  /* footer */
#footer::before {
  width: 200px;
  height: 112px;
  left: 21px;
  top: -9%;
}
#blog::before {
  width: 200px;
  height: 112px;    
  bottom: -16%;
}
  .social_widget i {
  margin-right: 5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  }
   #footer_box {
  border-radius: 5px 50px 50px 50px;
}
/* Newsletter */
.newsletter-head-form-box form p:nth-child(3):after {
    left: 30%;
}

/* team */
.team-social-icon-box {
  right: 3px;
}
.share-toggle {
  right: 3px;
}
.team-title {
    font-size: 18px;
}
/* pricing-plan */
 .pricing-card { 
    width: 355px;
 }
 .pricing-card h4{
  font-size: 18px;
}

/* testimonial */
#pricing-section::before {
    width: 200px;
    top: -9%;
}
#Our_process::before {
  width: 200px;
  bottom: -19%;
  right: 12px;
}
#pricing-section {
  border-radius: 5px 50px 0px 0px;
}
#testimonial .owl-nav {  
  bottom: 0%;
}

/* counter */
 .counter-folder-box {
    margin: 10px 10px 10px 10px;
}
#counter-sec .owl-stage-outer .item {
  padding: 0px 0px 5px 0px;
}
.counter-folder-box p {
  font-size: 12px;
}
/* why choose us */
.why-choose-main-img-one img {
    max-width: 250px;
    max-height: 250px;
 }
.why-choose-main-img-two img {
    max-width: 250px;
    max-height: 250px;
 }
.why-choose-main-img-three img {
    max-width: 250px;
    max-height: 250px;
 }
 .why-choose-main-img-two {
    right: 10px;
 }
.why-choose-main-img-three {
    right: 25px;
 }
.slider {
  left: -25px;
}
 /* service */
 .services-content-box {
    margin: 0px -5px 0px 0px;
  }
  #why-choose::before {
    width: 200px;
    height: 112px;
    top: -10%;
  }
  #why-choose {
    border-radius: 3px 50px 0 0;
 } 

 #brand::before {
    width: 200px;
    height: 112px;
    bottom: -110px;
 }
 #brand {
    border-radius: 0 0 6px 50px;
 }


 /* About */

 .about-main-img-one img {
    max-width: 350px;
    max-height: 300px;
 }
 .about-main-img-two img {
    max-width: 350px;
    max-height: 300px;
 }
 .about-main-img-three img {
    max-width: 350px;
    max-height: 300px;
 }
 .exp-main-box{
  display: block;
 }
 .about-main-img-three {
    top: 10px;
 }
 .About-experience-text-box {
    transform: translate(0px, 235px);
    padding: 5% 0% 0% 3% !important;
    margin: 15px 0px 0px 0px;
 }
 #about-sec .heading-box h3 {
    font-size: 25px;
    line-height: 35px;
 }
#about-sec .right-para p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
 #about-sec .heading-box p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }
 .right-para::before {
    bottom: -20px;
 }
 .about-box-first{
  padding-bottom: 5px;
 }

 /* benefit */
 .benefit-box-outer h4 {
   font-size: 16px;
 }

 /* banner */
 .upload-card {
    margin-left: -2em;
}
.video {
  margin: 0;
  padding-bottom: 20px;
}
.about-year {
  margin-left: 0em;
}
}
@media screen and (min-width: 1400px) and (max-width: 1600px){

  /* footer */
  #footer::before {
  left: 22px;
  top: -22%;
  }
  #footer_box {
  border-radius: 13px 50px 50px 50px;
}

/* testimonial */
/* #pricing-section::before {
  width: 150px;
  top: -7%;
} */
/* #Our_process::before {
  width: 150px;
  bottom: -18%;
  right: 12px;
} */
#pricing-section {
  border-radius: 5px 50px 0px 0px;
}
#testimonial .owl-nav {  
  bottom: 0%;
}
/* counter */
 .counter-folder-box {
    margin: 10px 10px 10px 10px;
}
#counter-sec .owl-stage-outer .item {
  padding: 0px 0px 5px 0px;
}
.counter-folder-box p {
  font-size: 14px;
}
}


@media screen and (min-width: 576px) and (max-width: 767px){
 .single-post .banner-heading {
    width: 100%;
    padding-top: 21%;
}
 .logo {
    position: relative;
    z-index: 1;
    margin: 0px 0px 12px -18px;
    width: 100px;
}
.header-main-box{
    text-align: center !important;
  }
  .slider-outer-main-box {
    padding-top: 35%;
}

/* newsletter */
.newsletter-head-form-box form p:nth-child(3):after {
    padding: 10px; 
    margin-left: -5px;
    position: unset;
}
#newsletter {
    padding: 10% 0 10% 0 !important;
}
.newsletter-head-form-box form p:nth-child(2) {
    width: 100%;
}
/* blog */
#blog .heading-box h3 {
    font-size: 20px;
    line-height: 30px;  
}
#blog {
  border-radius: 0;
}
#footer::before {
   display: none;
}
#blog::before{
  display: none;
}
#blog .blog-contents-outer-box h4 {
  font-size: 15px;
  line-height: 25px;
}
.blog-admin-content-box {
  justify-content: center;
}
/* Team */
.team-ico{
  justify-content: center;
}
#our-team .heading-box{
  text-align: center;
}
#our-team .heading-box h3 {
  font-size: 20px;
  line-height: 30px;
}
#our-team .heading-box p {
  padding-bottom: 20px;
}

/* pricing plan */
#pricing-section::before{
  display: none;
}
#Our_process::before{
  display: none;
}
#pricing-section {
  border-radius: 0;
}
.pricing-card {
  width: auto;
  padding: 20px 10px;
  margin-top: 20px;
}
.pricing-info{
  text-align: center;
}
.pricing-ico{
  justify-content: center;
}
.pric-col-2{
  order: 1;
}
.pric-col-1{
  order: 2;
}
.pricing-features span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pricing-button-box{
  padding-top: 1rem !important;
}
.pricing-card h4 {
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pricing-card h3 {
  font-size: 16px;
}
#pricing-section .pricing-info h3 {
  font-size: 20px;
  line-height: 30px;
}

/* testimonial */
#testimonial .testi-ico{
  justify-content: center;
}
#testimonial .heading-box h3 {
    
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #fff;
}

/*How it work*/
.process-outer-box .heading-box h3 {
  font-size: 20px;
  line-height: 30px;

}
.process-img {
  margin: -43px auto;
}
.process-inner-box {
    padding-top: 20%;
}

/*why choose us*/
 #why-choose .why-ico{
  justify-content: center;
 }
.why-choose-main-box h3 {
  font-size: 20px;
  line-height: 30px;   
}
 #why-choose::before{
  display: none;
 }
 #why-choose {
    border-radius: 0;
 }
.why-main {
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.why-choose-main-img-one {
    position: unset;
    text-align: center;
}
.why-choose-main-img-one img {
    max-width: 250px;
    max-height: 250px;   
}
.why-choose-main-img-two {
    position: unset;
    text-align: center;
}
.why-choose-main-img-two img {
  max-width: 250px;
  max-height: 250px;
  padding-top: 10px;
}
.why-choose-main-img-three {
  position: unset;
  transform: unset;
  text-align: center;
}
.why-choose-main-img-three img {
  max-width: 265px;
  max-height: 200px;
}

/* about */
#about-sec .about-ico{
justify-content: center;
}
#about-sec .heading-box h3 {
  font-size: 18px;
  line-height: 30px;
}
#about-sec .heading-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.exp-main-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.about-exp-box {
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  display: flex;
}

#about-sec .right-para p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.about-main-img-one {
  position: unset;
  padding-top: 20px;
}
.about-main-img-two {
    padding-top: 20px;
    position: unset;
}
.about-main-img-three {
    position: unset;
}
.About-experience-text-box {
    position: unset;
    transform: unset;
}
.right-para::before {
  bottom: -45px;
  left: 5px;
}
.About-experience-img-one {
    width: 60px;
    height: 60px;
}
.About-experience-img-two {
    width: 60px;
    height: 60px;
}
.About-experience-text-box-one {
    gap: 18px;
}
.About-experience-text-box-two {
    gap: 18px;
}
.about-count-two {
  font-weight: 800;
  font-size: 30px;   
}
.about-count-three {
  font-size: 30px;
}
.About-experience-text-box {
  padding: 7% 0% 0% 3%;
}
.about-main-img-one {
  min-height: auto;
}
/* benefit */
#benefit {
  border-radius: 0;
}
#benefit::before{
  display: none;
}
#benefit .benefit-ico{
 justify-content: center;
}
#benefit .heading-box h3 {
  font-size: 20px;
  line-height: 30px;
}
.benefit-content-box{
text-align: center;
}
.benefit-img-box{
  margin: 0 auto;
}
.benefit-img-outer-box{
  padding-top: 20px;
}

/* banner */
#slider{
  height: auto;
}
#slider h1 {
  font-size: 18px;
  line-height: 28px;
}
.slider-ico{
  justify-content: center;
}
.slider-btn-box{
  display: block;
}
.video {
  margin: 0;
  order: 1;
  padding-bottom: 10px;
}
.upload-card {
    margin-top: 0;
}
.progress-bar-box {
    margin: 0; 
}
.about-year {
  margin-top: 1em;
  width: 256px;
  margin-bottom: 1em;
}
.slider-button-box{
  padding-bottom: 8px;
  padding-top: 15px;
}
.slider-right-col-second{
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.slider-right-col-first{
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

/* service */
.services-content-box {
  margin: 20px 0px 0px 0px;
  text-align: center;
}
.services-img-outer-box{
 margin: 0 auto;
 padding-top: 20px;
}
.service-number-box {
    right: -5px;
}
#services-sec .heading-box h3 {
    font-size: 20px;
    line-height: 30px;
}

#brand::before{
  display: none;
}
#brand {
    border-radius: 0;
}

#Our_process {
  border-radius: 0;
}
/* counter */
.counter-folder-box {
  margin: 3px 3px 3px 3px;
  gap: 15px;
}
.counter-img {
  width: auto !important;
  height: auto !important;
}
.counter-folder-box h4 {
    font-size: 30px;   
}
.counter-folder-box p {
  font-size: 12px;
}

.team-title {
  font-size: 16px;
}
.share-toggle {
  right: 6px;
}
.team-social-icon-box {
  right: 6px;
}

/* footer */
#footer_box {
  padding: 0;
  border-radius: 0;
}
.social_widget i {
  margin-right: 5px;
}
}
@media screen and (min-width: 320px) and (max-width: 425px){
  .single-post .banner-heading {
    width: 100%;
    padding-top: 40%;
  }
}

@media screen and (min-width: 426px) and (max-width: 575px){
  .single-post .banner-heading {
    width: 100%;
    padding-top: 33%;
  }
}

@media screen and (min-width: 320px) and (max-width: 575px){
 
/* .single-post .banner-heading {
    width: 100%;
    padding-top: 35%;
} */
  .header-main-box{
    text-align: right;
  }
  #header_navigation {
    padding: 6px 0px 5px 0px;
}
.logo {
    width: 100px;
}
.slider-outer-main-box {
    padding-top: 200px;
}

/* footer */
#footer_box {
  padding: unset; 
  border-radius: unset;
}
.footer-content .footer1 p{
  width: 100%;
}
.footer-copy {
  font-size: 14px;
  line-height: 24px;
}
#footer::before {
   display: none;
}
#blog::before{
  display: none;
}

/* newsletter */
.newsletter-head-form-box form p:nth-child(3):after {
    padding: 10px; 
    margin-left: -5px;
    position: unset;
}
.newsletter-head-form-box form p:nth-child(2) {
    width: 100%;
}
#newsletter {
    padding: 10% 0 20% 0 !important;
}
#newsletter .newsletter-head-form-box .wpcf7 form.invalid .wpcf7-response-output {
  margin: -10px auto;
}
#newsletter .newsletter-head-form-box .wpcf7 form .wpcf7-response-output {
    bottom: -60px;
}
/* blog */
#blog .heading-box h3 {
    font-size: 20px;
    line-height: 30px;  
}
#blog {
  border-radius: 0;
}
.blog-admin-content-box {
    justify-content: center;
}
#blog .blog-contents-outer-box h4 {
  font-size: 15px;
  line-height: 25px;
}
/* Team */
.team-ico{
  justify-content: center;
}
#our-team .heading-box{
  text-align: center;
}
#our-team .heading-box h3 {
  font-size: 20px;
  line-height: 30px;
}
.team-title {
  font-size: 16px;
}
.share-toggle {
  right: 6px;
}
.team-social-icon-box {
  right: 6px;
}
#our-team .heading-box p {
  padding-bottom: 20px;
}
/* pricing plan */
#pricing-section::before{
  display: none;
}
#Our_process::before{
  display: none;
}
#pricing-section {
  border-radius: 0;
}
.pricing-card {
  width: auto;
  padding: 20px 10px;
  margin-top: 20px;
}
.pricing-info{
  text-align: center;
}
.pricing-ico{
  justify-content: center;
}
.pric-col-2{
  order: 1;
}
.pric-col-1{
  order: 2;
}
.pricing-features span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.pricing-button-box{
  padding-top: 1rem !important;
}
.pricing-card h4 {
  font-size: 13px;
}
.pricing-card h3 {
  font-size: 16px;
}
#pricing-section .pricing-info h3 {
  font-size: 20px;
  line-height: 30px;
}
.pricing-right-side{
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  margin: 0 auto;
}

/* testimonial */
#testimonial .testi-ico{
  justify-content: center;
}
#testimonial .heading-box h3 {
    
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #fff;
}

/*How it work*/
.process-outer-box .heading-box h3 {
  font-size: 20px;
  line-height: 30px;

}
.process-img {
  margin: -43px auto;
}
#Our_process {
  border-radius: 0;
}

/* counter */
.counter-folder-box {
  margin: 3px 3px 3px 3px;
  /* padding: 10px 0px 10px 15px; */
}
.counter-img {
  width: auto !important;
  height: auto !important;
}
.counter-folder-box h4 {
    font-size: 30px;   
}
.counter-folder-box p {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
/*why choose us*/
 #why-choose .why-ico{
  justify-content: center;
 }
.why-choose-main-box h3 {
  font-size: 20px;
  line-height: 30px;   
}
 #why-choose::before{
  display: none;
 }
 #why-choose {
    border-radius: 0;
 }
.why-main {
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.why-choose-main-img-one {
    position: unset;
    text-align: center;
}
.why-choose-main-img-one img {
    max-width: 250px;
    max-height: 250px;   
}
.why-choose-main-img-two {
    position: unset;
    text-align: center;
}
.why-choose-main-img-two img {
  max-width: 250px;
  max-height: 250px;
  padding-top: 10px;
}
.why-choose-main-img-three {
  position: unset;
  transform: unset;
  text-align: center;
}
.why-choose-main-img-three img {
  max-width: 265px;
  max-height: 200px;
}

/* service */
.services-content-box {
  margin: 20px 0px 0px 0px;
  text-align: center;
}
.services-img-outer-box{
 margin: 0 auto;
 padding-top: 20px;
}
.service-number-box {
    right: -5px;
}
#services-sec .heading-box h3 {
    font-size: 20px;
    line-height: 30px;
}

#brand::before{
  display: none;
}
#brand {
    border-radius: 0;
}
.service-row{
  justify-content: center;
}
.services-content-box {
  padding: 20px;
}
/* about */
#about-sec .about-ico{
justify-content: center;
}
#about-sec .heading-box h3 {
  font-size: 18px;
  line-height: 30px;
}
#about-sec .heading-box p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.exp-main-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.about-exp-box {
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  display: flex;
}
.about-main-img-one {
  min-height: auto;
}
#about-sec .right-para p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.about-main-img-one {
  position: unset;
  padding-top: 20px;
}
.about-main-img-two {
    padding-top: 20px;
    position: unset;
}
.about-main-img-three {
    position: unset;
}
.About-experience-text-box {
    position: unset;
    transform: unset;
}
.right-para::before {
  bottom: -45px;
  left: 5px;
}
.About-experience-img-one {
    width: 60px;
    height: 60px;
}
.About-experience-img-two {
    width: 60px;
    height: 60px;
}
.About-experience-text-box-one {
    gap: 18px;
}
.About-experience-text-box-two {
    gap: 18px;
}
.about-count-two {
  font-weight: 800;
  font-size: 30px;   
}
.about-count-three {
  font-size: 30px;
}
.About-experience-text-box {
  padding: 7% 0% 0% 3%;
}

/* benefit */
#benefit {
  border-radius: 0;
}
#benefit::before{
  display: none;
}
#benefit .benefit-ico{
 justify-content: center;
}
#benefit .heading-box h3 {
  font-size: 20px;
  line-height: 30px;
}
.benefit-content-box{
text-align: center;
}
.benefit-img-box{
  margin: 0 auto;
}
.benefit-img-outer-box{
  padding-top: 20px;
}

/* banner */
#slider{
  height: auto;
}
#slider h1 {
  font-size: 18px;
  line-height: 28px;
}
.slider-ico{
  justify-content: center;
}
.slider-btn-box{
  display: block;
}
.video {
    margin: 0;
    order: 1;
    padding-bottom: 10px;
}
.upload-card {
    margin-top: 0;
}
.progress-bar-box {
    margin: 0; 
}
.about-year {
  margin-top: 1em;
  width: 256px;
  margin-bottom: 1em;
}
.slider-button-box{
  padding-bottom: 8px;
  padding-top: 15px;
}
.slider-right-col-second{
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.slider-right-col-first{
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
}








@media screen and (min-width: 320px) and (max-width: 375px){
.About-experience-text-box-one {
    width: 290px;
    gap: 18px;
}
.About-experience-text-box-two {
    width: 290px;
    gap: 18px;
}
.About-experience-text-box {
  padding: 10% 0% 0% 3%;
}
.testimonial-content-box h5 {
    font-size: 14px;
}
}