/* Common CSS */

/* Color for default blog and other */

:root {
  --ft--common-white: #fff;
  --ft--common-black: #031220;
  --ft--common-black-2: #120101;
  --ft--common-black-3: #0C140F;
  --ft--common-black-4: #000000;
  --ft--common-black-5: #0e1133;
  --ft--common-green: #26C089;
  --ft--common-green-2: #3E8454;
  --ft--common-green-3: #27AA4D;
  --ft--common-green-4: #20AD96;
  --ft--common-blue: #4356FF;
  --ft--common-blue-2: #4270FF;
  --ft--common-blue-3: #3C66ED;
  --ft--common-blue-4: #3083FF;
  --ft--common-cream: #FFF1E0;
  --ft--common-pink: #FF6470;
  --ft--common-pink-2: #FC4C56;
  --ft--common-orange: #F37F43;
  --ft--common-orange-2: #EE6002;
  --ft--common-orange-3: #FF9F4B;
  --ft--common-purple: #E33CFF;
  --ft--common-purple-2: #E64DFF;
  --ft--common-yellow: #F5B455;
  --ft--common-yellow-2: #F47F42;
  --ft--common-yellow-3: #F4930E;
  --ft--common-yellow-4: #FFAA2C;
  --ft--common-yellow-5: #FF8D00;
  --ft--common-violet: #6151FB;
  --ft--common-violet-2: #A794C8;
  --ft--header-primary: #031220;
  --ft--header-2: #120101;
  --ft--grey-1: #F1F1F1;
  --ft--grey-2: #F5F6F8;
  --ft--grey-3: #F8F8F8;
  --ft--grey-4: #F7F7F7;
  --ft--grey-5: #F5F5F5;
  --ft--grey-6: #DCDCDC;
  --ft--grey-7: #F9F9F9;
  --ft--grey-8: #F4FBF9;
  --ft--grey-9: #F0F8F7;
  --ft--grey-10: #F3F3F3;
  --ft--text-body: #49535B;
  --ft--text-1: #49535B;
  --ft--text-2: #555C63;
  --ft--text-3: #777A7C;
  --ft--text-4: #4B535A;
  --ft--text-5: #4A545C;
  --ft--text-6: #6F7377;
  --ft--text-7: #6B7882;
  --ft--text-8: #788086;
  --ft--text-9: #6B737A;
  --ft--text-10: #828282;
  --ft--text-11: #5F6160;
  --ft--text-12: #565958;
  --ft--text-13: #868D94;
  --ft--text-14: #56595C;
  --ft--text-15: #a1a2ab;
  --ft--theme-1: #3D6CE7;
  --ft--theme-2: #258E46;
  --ft--theme-3: #007A70;
  --ft--border-1: #dedede;
}

.custom-container {
  padding: 0 !important;
}

/* Gap for elementor and section */

.sec-mar {
  margin: 120px 0 120px 0;
}

@media screen and (max-width: 991px) {
  .sec-mar {
    margin: 80px 0 80px 0;
  }
}

/* Section Padding */

.section{
  padding: 120px 0;
}

@media screen and (max-width: 767px) {
  .section{
    padding: 80px 0;
  }
}

/* Footer */

.footer__top ul {
  list-style: none;
}

/* Elementor span problem */

span.elementor-edit-link-title {
  color: #fff;
  display: inline;
}


/* banar marquee css */
.marquee-section .marquee-content img {
  animation: rotate 50s linear infinite;
  max-width: none !important;
}

.banner-section ul li, ol li {
  list-style: none;
}



input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-vivacity.box-style.box-third:hover {
  border-color: rgba(var(--p1), 1) !important;
  background-color: #475A3C;
  color: white;

}

/* blog css */
 .ft-blog-area .time-tag span a {
  text-decoration: none;
  outline: none;
  color: rgb(252 255 250) !important;
}

.ft-blog-area .time-tag span a:hover {
  color: #ffcf31 !important;
}

 .md-5 {
  margin: 0 !important;
  margin-bottom: 5px;
  border-bottom: #007A70 4px solid;
}
.rc__meta {
  background: #ffb600;
  width: 60%;
  margin-bottom: 5px;
}
.rc__meta span {
  padding: 0 10px;
  color: #0C140F;
  font-weight: 500;
  font-size: 14px;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  padding: 10px 15px !important;
  background-color: #475A3A!important;
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
}


input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  color: #ffffff !important;
  font-weight: bold;
  background-color: #000000 !important;
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
  transform-style: preserve-3d;
}

@media (max-width: 767px) {
  
  .box-style.box-third {

    margin-left: 38px !important;
  }

}


 .bolg_det_bottom  .social a {
  border: 1px solid rgba(var(--p1), 0.1) !important;
  border-radius: 50% !important;
  background: rgba(var(--n2), 1);
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
}


/*  elementor terms css  */

.break-css .elementor-widget-container ul li{
  margin-bottom: 10px;
}

.career-btn input.wpcf7-form-control.wpcf7-submit.has-spinner{
  color: #ffffff !important;
  background-color: #475A3A !important;
}
/* blog page css */
.sidebar-single .title-area {
  display: inline-block; /* Ensures the border aligns to the text width */
  position: relative; 
  
}
.ft-title .sidebar-single .title-area::after {
  content: ''; /* Creates a decorative underline */
  position: absolute;
  bottom: 0; /* Aligns the underline at the bottom */
  left: 0;
  width: 30%;
  height: 3px; /* Adjust the thickness of the underline */
  background-color: #354D2A; /* Set the underline color */
}

.ft-blog-area .sidebar-single .title-area::after {
  content: ''; /* Creates a decorative underline */
  position: absolute;
  bottom: 0; /* Aligns the underline at the bottom */
  left: 0;
  width: 30%;
  height: 3px; /* Adjust the thickness of the underline */
  background-color: #354D2A; /* Set the underline color */
}
/* portfolio detalis page faq css */
.faq-single .title-area{
  display: inline-block; /* Ensures the border aligns to the text width */
  position: relative;
}
.faq-single .title-area::after {
  content: ''; /* Creates a decorative underline */
  position: absolute;
  bottom: -6px; /* Aligns the underline at the bottom */
  left: 0;
  width: 10%;
  height: 3px; /* Adjust the thickness of the underline */
  background-color: #354D2A; /* Set the underline color */
}

.faq-singleservice.title-area{
  display: inline-block; /* Ensures the border aligns to the text width */
  position: relative;
}
.faq-singleservice .title-area::after {
  content: ''; /* Creates a decorative underline */
  position: absolute;
 /* Aligns the underline at the bottom */
  left: -8px;
  width: 6%;
  height: 3px; /* Adjust the thickness of the underline */
  background-color: #354D2A; /* Set the underline color */
}

.ft-blog-area .mb-5 {
  margin-bottom: 32px !important;
}
@media (min-width: 768px) {
  .ft-blog-area .mb-md-8 {
      margin-bottom: 2rem !important;
  }
}

.ft-blog-area ul li, ol li {
  list-style: none;
}

/* from btn css */
input.wpcf7-form-control.wpcf7-submit.has-spinner.box-style.box-second.d-center.cus-border.border {
  top: 20%;
  background-color: #354D2A;
}
/* single Blog comment css */

.ft-blog-area .latest-comments .grey-bg-2 {
  background: #E4EDE3 !important;
}

 .ft-blog-area .latest-comments
  .postbox__comment-input input, .postbox__comment-input textarea{
    background: #E4EDE3 !important;
  }
  .ft-blog-area .latest-comments  .comments-replay a{
    color: #ffffff !important;
    background-color: #1b3119 !important;
  }
  .ft-blog-area .latest-comments  .comments-replay a:hover{
    color: #f8f8f8 !important;
    background-color: #4d6943 !important;

  }

 /* about page css Partners section */

 .banner-section .professional-team .clients-study li {
  list-style: none !important;
}
  .about-animations .content-sec-vivacity .w-100 .d-center img{
  
      transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
      transform-style: preserve-3d;
      backface-visibility: hidden;
      animation-name: vivacity;
      animation-duration: 1s;
      animation-timing-function: ease-in;
      animation-iteration-count: infinite;
  }
  /* price package list style  */
  .pricing-package li.nav-item {
    list-style: none;
}

/* service sidebar query css  */
.service-sidebar .sidebar-single ul, ol {
  padding: 0;
  margin: 0;
  list-style: none !important;
  margin-top: 15px !important;
}

.service-sidebar .sidebar-single .title-area::after {
  content: ''; /* Creates a decorative underline */
  position: absolute;
  bottom: 0; /* Aligns the underline at the bottom */
  left: 0;
  width: 30% !important;
  height: 3px; /* Adjust the thickness of the underline */
  background-color: #354D2A; /* Set the underline color */
}


.career-from .sidebar-single ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 10px!important;
}
/* Career form css sidebar */
div#wpcf7-f1403-p30-o1 {
  margin-top: 20px;
}
/* Elementor progress bar */

.progress-areaa .progress{
   --bs-progress-bg: rgb(46, 45, 42) !important;
   --bs-progress-bar-transition: width .6s ease;
   --bs-progress-height: 5px !important;

}

.progress-areaa .progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: rgb(204, 164, 31);
  transition: var(--bs-progress-bar-transition);
}

.progress-areaa .progress-bar{
 height: 5px;
 background-color:  rgb(255, 203, 30);
}

/* team detalis css */
.ft-teamdetalis ul li, ol li {
  font-size: inherit;
  font-weight: inherit;
  margin-bottom: 2%;
  list-style: none!important;
}
.icons-socials  li{
  list-style: none !important;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  min-height: 150px !important;
  width: 100%;
  resize: both;
}

.ft-teamdetalis .digital-marketing span:first-child {
  width: 24%;
}

@media (max-width: 767px) {
  
  .ft-teamdetalis .digital-marketing span:first-child {
    width: 30%;
  }

}

.contact-head h5 span {
  color: #000000;
}

.contact-head .btn-area a i {
  background-color: rgba(var(--n4), 1);
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.contact-head  .box-style.box-second {
  background-color: rgba(var(--s1), 1);
  padding: 6px 20px;
  gap: 5px;
  border-radius: 100px;
  color: rgba(var(--n4), 1);
}


.partner-brand .gallery-item {
  padding: 0 15px 15px 0 !important;
}

/* .Terms-single ul li, ol li {
  list-style: none;
} */

.decimal-list ul{
  list-style-type: decimal !important;
  margin-left: 15px !important;
}

.decimal-list ul li::marker {
  font-weight: bold;
}


.total-review {
  -webkit-clip-path: polygon(100% 0, 100% 100%, 50% 75%, 0 100%, 0 0) !important;
  clip-path: polygon(100% 0, 100% 100%, 50% 75%, 0 100%, 0 0) !important;
  width: 64px !important;
  height: 100px  !important;
  background: rgba(var(--p1), 1)  !important;
}

.btn-conxlpro a.box-style.box-second.d-center.cus-border.border {
  white-space: nowrap;
}



.boostify-menu-sidebar span.menu-toggle-wrapper.ion-android-menu {
  font-size: 60px;
  color: #ffc107 !important;
}
.pin-spacer {
  padding: 0 !important;
  height: 0 !important;
}

.header-icons .elementor-icon-box-wrapper {
  display: flex;
  gap: 8px !important;
}
.box-style{
  white-space: nowrap !important;
}

/* Footer subcribe css */
.short-footerx input[type="submit"] {
  color: #000000 !important;
  border-color: #153312 !important;
  background-color: #E4EDE3 !important;
  margin-top: 20px !important;
}

.short-footerx input[type="submit"]:hover {
  color: #ffffff !important;
  background-color: #354D2A !important;
} 

/* career form underline border */

.career-from .title-area  .mb-5 .mb-md-8{
  margin-bottom: 0px !important;
}
.career-from .title-area{
  display: inline-block; /* Ensures the border aligns to the text width */
  position: relative;
  margin-bottom: 8px !important;
}
.career-from .title-area::after {
  content: ''; /* Creates a decorative underline */
  position: absolute;
  bottom: -0px; /* Aligns the underline at the bottom */
  left: 0;
  width: 12%;
  height: 3px; /* Adjust the thickness of the underline */
  background-color: #354D2A; /* Set the underline color */
}

.hfe-copyright-wrapper span {
  color: white;
}

.hfe-copyright-wrapper span a {
  color:   rgb(235 180 0) ;
 }


 .team-details-btn-container div:has(.box-style) {
  display: flex !important;
 }

 @media (max-width: 767px) {
 .image-box-effect img {
      max-height: 550px !important;
     
    
   }
}

@media (max-width: 575px) {
  .display-three {
      font-size: 42px;
      line-height: 54.6px;
  }
}

.contact .main-content a svg{
  background-color: rgba(var(--n4), 1);
  width: 30px;
  min-width: 30px;
  height: 30px;
  color: black;
  border-radius: 50%;
}

.contact .main-content .box-style.box-second {
  background-color: rgba(var(--s1), 1);
  padding: 6px 20px;
  gap: 5px;
  border-radius: 100px;
  color: rgba(var(--n4), 1);
}

@media (max-width: 991px) {
  .fs-two, h2, h2>a {
      font-size: 32px;
      line-height: 38.4px;
  }
}

/* section.ft-blog-area.pt-120.pb-80 {
  padding-top: 250px !important;
} */
/* blog area section */

.ptsx{
  padding-top: 250px !important;
}
/* blog box-post */
.single-area .postbox__meta span {
  color: #000000 !important;
}


.icons-heading h5 span{
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.our-teams .testimonial-spacig-wrap .swiper-wrapper {
  gap: 20px;
}

/* metfrom css btn  */

.metform-btn .metform-submit-btn  a, p, button, span, label, li {
  margin: 0;
  font-family: var(--body-font);
  color: var(--text-color);
  transition: var(--transition);
  font-weight: 400;
}

.elementor-5299 .elementor-element.elementor-element-d4a1c60 .metform-btn {
  background-color: #465939;
  padding: 15px 20px 15px 20px;
  color: #FFFFFF;
  border-style: none;
  border-radius: 5px 5px 5px 5px;
  box-shadow: none;
}

 .btn-contactsx button.metform-btn.metform-submit-btn {
  width: 100%;
}
.hfe-nav-menu{
  transform: unset !important;
}
.elementor-icon-box-content {
  margin-top: -15px;
  margin-left: -14px;
}
.content-box.elementor-icon-box-wrapper .elementor-icon-box-content {
  margin-top: -12px !important;
  margin-left: -15px !important;
}
 h5 span{
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.tagcloud a {
  color: var(--ft--text-11);
  background: #E5ECE4 !important;

} 
.tagcloud a:hover {
  color: #fff;
  background: #2d4d2d !important;
}
.blog-post-comment .ft-btn{

  color: #181313 !important;
  border: 1px solid #354D2A !important;
}

.blog-post-comment .ft-btn:hover{
  color: #ffffff !important;
  border: 1px solid #354D2A !important;
  background-color: #2b3d22 !important;
}

.current-menu-ancestor > a {
  color: #2e5e33 !important;
}

li.rounded-circle {
  list-style: none;
}

ul.d-center.d-grid.p-1.rounded-pill.position-absolute.cus-border.border.b-fourth.justify-content-center.justify-content-sm-start.gap-2.cus-z2.social-area li {
  list-style: none !important;
}
div.basic-pagination ul li a:hover, div.basic-pagination ul li a.current, div.basic-pagination ul li span:hover, div.basic-pagination ul li span.current {
  background: rgb(71 90 58) !important;
  color: white !important;
  border-color: var(--hover-color);
}

.ehf-header #masthead {
  z-index: 99;
  position: absolute !important;
  width: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 640px) {
  .banner-section {
   padding-top: 70px!important; 
  }   
  
}

@media (min-width: 768px) {
  .make-together .py-md-20 {
      padding-top: 0px !important;
      padding-bottom: 5rem !important;
  }
}

.testimonial-spacig-wrap .team1{
  padding-top: 60px !important;
}