:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary: #E20046;
  --color-info: #009DAE;
  --color-secondary: #222222;
  --color-gray: #ACACAC;
}
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

:root {
  --font-Urbanist: 'Urbanist', sans-serif;
  --font-Manrope: 'Manrope', sans-serif;
}
body {
  background-image: url('../images/fullbg.png');
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  opacity: 1;
}
/*------------------------Offcanvas---------------------*/
.offcanvas-body {
  font-family: var(--font-Urbanist);
}
a.close-btn i {
  color: #fff;
  background: #1F4B3F;
  font-size: 29px !important;
  padding: 10px 15px;
  border-radius: 50%;
}
.offcanvas-body .offcan-logo img {
  width: 100%;
  max-width: 280px;
}
.offcanvas-body .offcan-content p {
  font-size: 18px;
  color: #343434;
  font-weight: 400;
}
.offcanvas-body .icon-social .fa-phone {
  padding: 10px;
}
.offcanvas-body .icon-social .fa-envelope {
  padding: 10px;
}
.offcanvas-body .icon-social .fa-location-dot {
  padding: 10px 12px;
}
.offcanvas-body .icon-social i {
  color: #fff;
  background: #1F4B3F;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  font-size: 22px;
}
.contact-main:hover .icon-social i {
  background: #5BBB5B;
}
.offcanvas-body h6 {
  font-weight: 600;
}
.offcanvas-body a {
  color: #343434;
}
.offcanvas-body a:hover {
  color: #343434;
}
.offcan-social-media-plateform a i {
  font-size: 20px;
  color: #fff;
  background: #000;
  padding: 13px;
  border-radius: 50%;
  margin-right: 11px;
}
.offcan-social-media-plateform a i {
  font-size: 14px;
  color: #fff;
  background: #000;
  padding: 0;
  border-radius: 50%;
  margin-right: 11px;
  transition: all 0.3s ease-in-out;
  width: 35px;
  height: 35px;
  line-height: 37px;
  text-align: center;
}
.offcan-social-media-plateform a i:hover {
  background: #1F4B3F;
}
/*-------slider css------*/
/* home-banner*/
#home_banner {
  padding-bottom: 180px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 90px;
}
#home_banner .home_banner-left-site {
  position: relative;
}
#home_banner .sub-heading p {
  font-size: 16px;
  display: inline-block;
  padding: 0px 50px 0px 9px;
  border-radius: 5px;
  font-family: var(--font-Manrope);
  font-weight: 500;
  margin-bottom: 25px;
}
#home_banner span.sub-heading {
  background: #fff;
  padding: 13px;
  border-radius: 10px !important;
}
#home_banner .sub-heading img {
  padding: 0px 0px 4px 0px;
}
#home_banner span.sub-heading {
  background: #fff;
  padding: 13px;
  border-radius: 10px !important;
}
#home_banner h1.main_heading {
  color: #fff;
  font-family: var(--font-Urbanist);
  font-size: 41px;
  font-weight: bold;
  line-height: 55px;
  margin-bottom: 10px;
}
#home_banner p.paragraph {
  color: #fff;
  font-family: var(--font-Manrope);
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  max-width: 93%;
  margin-bottom: 25px;
}
.bannerAppointment {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
.bannerAppointment input:focus,
.bannerAppointment select:focus,
.bannerAppointment input:focus-visible,
.bannerAppointment select:focus-visible,
.bannerAppointment input,
.bannerAppointment select,
.bannerAppointment input::placeholder {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: #E6E6E6;
  color: #000;
}
.bannerAppointment input,
.bannerAppointment select {
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  font-family: var(--font-Urbanist);
  padding: 15px 20px;
  width: 100%;
}
.bannerAppointment .text {
  position: relative;
}
.bannerAppointment .text::before {
  content: '\f095';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 26%;
  bottom: 50%;
  right: 20px;
  color: #575757;
  z-index: 99;
}
.bannerAppointment .email {
  position: relative;
}
.information-form-box .email:before {
  content: '\f0e0';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 45%;
  right: 20px;
  color: #575757;
  z-index: 99;
}
.bannerAppointment .email:before {
  content: '\f0e0';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 27%;
  right: 18px;
  color: #575757;
  z-index: 99;
}
.information-form-box .budget::before {
  content: '\e1bc';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 68%;
  bottom: 50%;
  right: 20px;
  color: #575757;
  z-index: 99;
}
.information-form-box .time{
  position: relative;
}
.information-form-box .time::before {
  content: '\f017';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 58%;
  right: 20px;
  color: #575757;
  z-index: 99;
}
.bannerAppointment .time{
  position: relative;
  background: #E6E6E6;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
  width: 30px;
  margin: auto;
}
.xdsoft_datetimepicker .xdsoft_timepicker{
  width: 100px !important;
}
.bannerAppointment .time::before {
  content: '\f017';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 24%;
  right: 18px;
  color: #575757;
  z-index: 99;
}
.bannerAppointment .date{
  position: relative;
}
.bannerAppointment .date::before {
  content: '\f073';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 24%;
  right: 16px;
  color: #575757;
  background: #E6E6E6;
  z-index: 99;
  width: 18px;
}
.bannerAppointment form .banner-btn-box p{
  margin-bottom: 0px;
}
button.btn-appointment {
  background: #000;
  color: #fff;
  font-family: var(--font-Urbanist);
  font-weight: 600;
  width: auto;
  text-align: left;
  font-size: 16px;
  border: 2px solid transparent;
  padding: 5px 5px 5px 5px;
  border-radius: 10px;
}
button.btn-appointment:hover {
  background-color: #5bbb5b;
  border: 2px solid #5bbb5b;
  color: #fff;
}
.bannerAppointment .btn-appointment i {
  padding: 10px;
  background-color: #fff;
  color: #000;
  border-radius: 8px;
  margin-left: 10px;
}
.bannerAppointment .btn-appointment:hover i{
  color: #5bbb5b;
}
.first-image img {
  width: 100%;
  max-width: 450px !important;
  border-radius: 80px 0px 0px 0px;
}
.bannerteam {
  text-align: center;
  position: relative;
}
.second-image img {
  width: 100%;
  max-width: 345px;
  border-radius: 80px 0px 80px 0px;
}
.second-image img{
  position: absolute;
  top: 65%;
  right: -15%;
  border-top-left-radius: 100px;
  box-shadow: -10px -10px 0px 0px #fff;
}
.happy-customer {
  position: absolute;
  top: -10%;
  right: 13%;
  background: #ffff;
  padding: 15px;
  border-radius: 15px;
}
.customer_main_heading{
  font: normal normal bold 20px/27px Urbanist;
  text-align: start;
  font-family: var(--font-Urbanist);
}
.happy-customer img {
  width: 100%;
  max-width: 310px;
}
.sketch-line {
  position: absolute;
  top: -100px;
  right: -10px;
}
/* Contact Us Page */
.information-form-box select,
.information-form-box input:not([type="checkbox"]),
.information-form-box input::placeholder {
  outline: none;
  box-shadow: none;
  color: #000;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-Manrope);
  background-color: #F5F5F5 !important;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  min-height: 50px;
}
.information-form-box input[type="checkbox"]:checked {
  background-color: #4CAF50;
  border-color: #4CAF50;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 0 !important;
  margin-bottom: .125rem;
}
.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}
span.wpcf7-list-item-label {
  text-align: left;
  letter-spacing: 0px;
  color: #242424;
  font-size: 15px;
  line-height: 25px;
  font-family: var(--font-Manrope);
}
.make-an-app-checkbox input[type=checkbox] {
  margin-right: 10px;
}
.information-form-box input[type="text"]:focus,
.information-form-box select:focus,
.information-form-box input:focus-visible,
.information-form-box select:focus-visible,
.information-form-box input[type="checkbox"] {
  outline: none;
  box-shadow: none;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--font-Manrope);
  border: 1px solid #D9D9D9;
  border-radius: 5px;
}
.information-form-box label.form-label {
  text-align: left;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  font-family: var(--font-Urbanist);
}
.information-form-box .email::before {
  content: '\f0e0';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 58%;
  right: 20px;
  color: #575757;
}
.information-form-box .budget::before {
  content: '\e1bc';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 58%;
  bottom: 50%;
  right: 20px;
  color: #575757;
}
.information-form-box label.form-check-label {
  text-align: left;
  color: #242424;
  font-size: 16px;
  line-height: 25px;
  font-family: var(--font-Manrope);
  margin-bottom: -5px;
}
.information-form-box .form-check p {
  display: flex;
  align-items: center;
}
div#offcanvasRight {
  width: 100%;
  max-width: 500px;
}
.information-form-box button {
  background: #000;
  color: #fff;
  font-family: var(--font-Urbanist);
  font-weight: 600;
  width: auto;
  text-align: left;
  font-size: 18px;
  border: 2px solid transparent;
  padding: 5px 10px 5px 5px !important;
}
.information-form-box button:hover {
  background-color: #5bbb5b;
  border: 2px solid #5bbb5b;
  color: #fff;
}
.information-form-box button:hover i {
  background-color: #ffffff !important;
  color: #5bbb5b !important;
}
.information-form-box button i {
  border-radius: 8px;
  color: #000;
  padding: 10px;
  background-color: #ffffff !important;
}
.information-form-box button:focus,
.information-form-box button:focus-visible,
.information-form-box button:active {
  background-color: #5bbb5b;
  border: 2px solid #5bbb5b;
  color: #fff;
  outline: none;
}
#home_banner .home_banner-left-site h1 {
  font-family: var(--font-Spartan);
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  margin: 20px 0px 20px;
}
#home_banner .home_banner-left-site .text {
  font-family: var(--font-Raleway);
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  margin: 0px 0px 50px;
  color: var(--color-gray);
}
#home_banner .home_banner-left-site .read-more {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 13px 25px 10px;
  border-radius: 10px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: var(--font-Spartan);
  letter-spacing: 0.50px;
  border: 1px solid var(--color-primary);
}
#home_banner .home_banner-left-site .slider-video-btn {
  display: flex;
}
#home_banner .home_banner-left-site .slider-video-btn i {
  color: var(--color-black);
  font-size: 40px;
  margin-right: 10px;
}
#home_banner .home_banner-left-site .slider-video-btn span {
  font-family: var(--font-Spartan);
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: var(--color-black);
  margin-top: 10px;
}
.home_banner-right-site .ticktok {
  position: relative;
  padding-top: 38%;
}
.home_banner-right-site .ticktok .ticktoc_icon {
  position: absolute;
  top: 0;
  left: 0;
  margin: 40% 0px;
}
.home_banner-right-site .instagram {
  position: relative;
}
.home_banner-right-site .instagram .insta_img {
  padding-right: 40px;
}
.home_banner-right-site .instagram .insta_icon {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 10%;
}
.home_banner-right-site .twitter {
  text-align: right;
  position: relative;
  padding-bottom: 50px;
  padding-right: 50px;
}
.home_banner-right-site .twitter .twitter_icon {
  position: absolute;
  bottom: 0;
  right: 0;
}
.home_banner-right-site .youtube {
  margin-top: 30%;
}
.home_banner-right-site .facbook {
  margin-top: 20%;
  position: relative;
}
.home_banner-right-site .fb_icon {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 10%;
}
.home_banner-right-site .fb_shape {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 12%;
}
/* video popup*/
embed#videoEmbed {
  height: 470px;
}
.video-slider-content {
  position: relative;
}
/* The Modal (background) */
.modal-new {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  max-width: 100%;
  top: 0;
}
/* Modal Content */
.modal-contents {
  background-color: transparent;
  margin: 0px;
  padding: 0;
  width: 100%;
  transition: 2s;
  border-radius: 0px;
}
.modal.show .modal-dialog {
  transform: translate(-50%, -50%) !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
}
.btn-close {
  color: #252525 !important;
  float: right !important;
  font-size: 28px !important;
  padding-right: 20px !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  font-weight: 900 !important;
  position: relative;
  opacity: 1 !important;
}
button.btn-close:after {
  content: '\f00d';
  font-family: 'FontAwesome';
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  color: #000000;
  border-radius: 50px;
  font-size: 18px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  top: 8px;
  right: 10px;
}
/* The Close Button */
.close-one,
.close {
  color: #fff;
  float: right;
  font-size: 16px;
  font-weight: bold;
  padding: 0px 7px 23px;
  cursor: pointer;
  margin-bottom: 7px;
  background: transparent;
  border: unset;
  height: 25px;
  width: 25px;
  position: absolute;
  right: 0;
  margin: 10px 12% 0px 0px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.close-one:hover,
.close:hover {
  color: var(--color-white);
}
/* heading section*/
.section-heading-box h6 {
  font-size: 24px;
  line-height: 25px;
  font-weight: 500;
  color: #1F4B3F;
  margin-bottom: 6px;
  font-family: var(--font-Manrope);
}
.section-heading-box h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  color: #222222;
  font-family: var(--font-Urbanist);
}
/* about*/
.exp-left-img img {
  min-height: 470px;
  width: 100%;
  max-width: 320px;
  border-radius: 20px;
}
.experience {
  position: absolute;
  bottom: -140px;
  left: 50px;
  background: #1F4B3F;
  padding: 15% 20px 8% 20px;
  border-radius: 20px;
  color: #ffffff;
  font-family: var(--font-Urbanist);
  width: 50%;
  margin: auto;
}
.experience h2 {
  font-size: 81px;
  font-weight: 900;
  line-height: 50px;
  font-family: var(--font-Urbanist);
}
.right-img-one .about-icon-img{
  border-radius: 8px;
  margin-bottom: 10px;
}
.about-box-head{
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  color: #222222;
  font-family: var(--font-Urbanist);
  margin: 0;
}
.right-img-one {
  z-index: 99;
  position: relative;
  top: -50px;
  left: 50%;
  right: 50%;
  transform: translate(-50%, 48%);
  background: #fff;
  box-shadow: 0px 0px 6px 0px #bfbfbf;
  border-radius: 20px;
  padding: 20px;
  width: 85%;
  border-bottom: 3px solid #5BBB5B;
}
.right-img-two {
  position: absolute;
  top: -9px;
  right: 5px;
  z-index: 100;
}
.right-img-two img {
  max-width: 100px;
}
.right-img-three {
  position: absolute;
  top: 178px;
}
.right-img-three img {
  min-height: 540px;
  width: 100%;
  max-width: 320px;
  border-radius: 20px;
  object-fit: cover;
  object-position: left;
}
.home-abt-section p ,.about-box-para{
  color: #343434;
  font-size: 16px;
  line-height: 30px;
  font-family: var(--font-Manrope);
  font-weight: 300 !important;
}
div#Mission,#Vission,#Stories {
  padding: 0;
}
.about-tabs-section ul.nav.nav-pills {
  background-color: #E6E6E6;
  justify-content: space-evenly;
  border-radius: 8px;
}
.expert-team-members h2 {
  font-weight: 800;
  font-size: 40px;
  line-height: 30px;
  font-family: var(--font-Manrope);
}
.expert-team-members p {
  font-size: 15px;
  line-height: 20px;
  font-family: var(--font-Manrope);
  color: #000000;
}
.list-one ul, .list-two ul {
  padding-left: 0;
}
.list-one i, .list-two i {
  color: #5BBB5B;
}
.list-one ul li p, .list-two ul li p {
  color: #000;
  font-size: 16px;
  line-height: 15px;
  font-weight: 500;
  display: flex;
}
.business_btn.exp-mem-abt-btn a {
  background: #000;
  color: #fff;
  padding: 16px 6px 15px 10px !important;
  border: 2px solid transparent;
}
.business_btn.exp-mem-abt-btn a:hover {
  background: #5BBB5B;
  color: #fff;
}
.business_btn.exp-mem-abt-btn a i{
  background-color: #ffffff;
  color: #000000;
}
.business_btn.exp-mem-abt-btn a:hover .business_btn.exp-mem-abt-btn a i {
  background: #ffffff;
  color: #5BBB5B;
}
.user-parant {
  background: grey;
  border-radius: 50px;
}
.user-parant img {
  max-width: 50px;
}
.ceo-name h6 {
  font-family: var(--font-Manrope);
  color: #000;
  font-size: 22px;
  line-height: 18px;
  font-weight: 500;
}
.ceo-name p {
  color: #000;
  font-size: 14px;
  line-height: 15px;
  font-weight: 500;
  font-family: var(--font-Manrope);
  margin-bottom: 0;
}
.about-tabs-section .nav-pills .nav-link {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  background-color: transparent;
  line-height: 30px;
  font-family: var(--font-Manrope);
}
.about-tabs-section .nav-pills .nav-link.active:after {
  content: '';
  display: block;
  color: #000;
  width: auto;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0;
  background-color: #1F4B3F;
  border-radius: 10px;
  right: 0;
}
.about-tabs-section .nav-pills .nav-link.active {
  background-color: transparent;
  color: #1F4B3F;
  position: relative;
}
#about_sec .deal-list h5 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}
#about_sec .deal-list p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  color: var(--color-gray);
  font-family: var(--font-Raleway);
}
#about_sec .more_about a {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 15px 28px;
  border-radius: 10px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: var(--font-Spartan);
  letter-spacing: 0.50px;
  border: 1px solid var(--color-primary);
}
.more_about a:hover {
  color: var(--color-white);
}
.member-count-row {
  margin-bottom: 28px;
}
/* followers*/
.followers-inner-div .followers-img img {
  width: 50px !important;
  height: 50px;
  margin: 20px auto;
}
#followers_sec {
  height: 300px;
  margin: 120px 0px;
}
.followers {
  border-radius: 25px;
  background-color: var(--color-white);
  padding: 10% 0px;
  margin: -120px 0px;
}
.followers-inner-div h4 {
  font-family: var(--font-Spartan);
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  color: var(--color-black);
}
.followers-inner-div p {
  font-family: var(--font-Raleway);
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  color: #141414;
}
.mt-sec-business {
  margin-top: 50px;
}
/* service section*/
.service-box {
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 20px;
  padding: 20px 20px 30px;
}
.service-box .service-image {
  margin-bottom: 20px;
}
.service-box .service-image img {
  background-color: var(--color-info);
  width: 70px;
  height: 70px;
  padding: 5px;
  border-radius: 50%;
  object-fit: none;
}
.service-box h2 {
  font-family: var(--font-Spartan);
  font-size: 22px;
  line-height: 42px;
  font-weight: 600;
}
.service-box h2 a {
  color: inherit;
}
.service-box .text {
  margin-bottom: 20px;
}
.service-box .text p {
  font-family: var(--font-Raleway);
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.service-box .read_more {
  margin-top: 40px;
}
.service-box .read_more a {
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 15px 28px;
  border-radius: 10px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: var(--font-Spartan);
  letter-spacing: 0.50px;
}
.service-box .read_more a:hover {
  background-color: var(--color-primary);
}
/* become */
.bi-row{
  padding: 25px 25px 25px 25px;
}
.become_business .left-content {
  padding-top: 48px;
  padding-bottom: 48px;
}
#become_business .container {
  border-radius: 25px;
  background-color: #1F4B3F;
  padding: 1% 2%;
}
.become_business-img {
  position: absolute;
  right: 0;
  width: 100%;
  max-width: 360px;
  bottom: -18px;
  height: auto;
}
.buisness-goal-img {
  position: absolute;
  right: 39ch;
  z-index: 1;
  top: -11ch;
}
.section-heading-box.text-start.experties h2 {
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  margin-bottom: 50px;
}
.section-heading-box.text-start.experties h6 {
  color: #fff;
  font-family: var(--font-Manrope);
  font-weight: 400;
  font-size: 24px;
}
.experience p {
  font: normal normal normal 20px/25px Urbanist;
  font-family: var(--font-Manrope);
}
.become_business .section-heading-box{
  width: 85%;
}
.business_btn a {
  color: #1F4B3F;
  padding: 10px;
  background: #fff;
  border-radius: 10px;
  font-family: var(--font-Urbanist);
  font-weight: 600;
  font-size: 18px;
  padding: 15px 7px 13px 7px;
  transition: all .4s ease-in-out;
}
.business_btn.overlay-blog-box-btn a {
  padding: 14px 4px 12px 14px;
}
.business_btn.overlay-blog-box-btn a i {
  margin-left: 8px !important;
}
.business_btn a:hover {
  color: #fff;
  background: #5BBB5B;
}
.business_btn a:hover i {
  background: #fff;
  color: #5BBB5B;
}
.become_business .become_business-para p {
  font-family: var(--font-Raleway);
  font-size: 14px;
  line-height: 30px;
  color: #242424;
}
.business_btn a i {
  background: #1F4B3F;
  padding: 10px;
  color: #fff;
  border-radius: 8px;
  transition: all .4s ease-in-out;
}
/* why choose us*/
section#why_choose_us .section-heading-box p {
  font-size: 16px;
  line-height: 30px;
  color: #343434;
  font-family: 'Manrope Light', sans-serif; /* Add 'Manrope Light' to the font-family */
  margin-bottom: 25px;
}
.wcu-img-content:hover .choose-img{
  display: none;
}
.wcu-img-content .choose-hover-img{
  display: none;
}
.wcu-img-content:hover .wcu-img{
  background: #1F4B3F;
}
.wcu-img-content:hover .choose-hover-img{
  top: 12px;
  position: relative;
  left: 14px;
  display: block;
}
.wcu-img {
  background: #EEF8EE;
  border: 1px solid #1F4B3F;
  border-radius: 50px;
  cursor: pointer;
  width: 60px !important;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.wcu-img:hover {
  background: url('http://localhost/wordpress/wp-content/themes/buisness-consulting/assets/images/why_choose_us/Hover/innovation.png');
}
.wcu-content {
  width: 450px;
  align-self: center;
}
.wcu-content h6{
  font-family: var(--font-Urbanist);
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  font-weight: bold;
  margin-bottom: 0px;
}
.wcu-content.wcu-content-right h6 {
  font-size: 30px;
  line-height: 45px;
}
.wcu-content p {
  font-family: var(--font-Manrope);
  font-size: 14px;
  line-height: 25px;
  color: #343434;
  margin-bottom: 0px;
}
.wcu-content.wcu-content-right p {
  font-size: 20px;
}
.why-choose-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  border-radius: 10px;
}
.wcu-img.wcu-img-right {
  border-radius: 5px;
  width: 80px;
  height: 80px;
  align-items: center;
  justify-content: center;
  display: flex;
}
.wcu-content-right {
  width: 75%;
}
#about_sec .wcu-content-right {
  width: 75%;
}
.ssl-heading1 img {
  background-color: #5BBB5B;
  padding: 10px;
  border-radius: 8px;
  max-width: 55px;
}
.popular_box h3 {
  font-family: var(--font-Spartan);
  font-size: 35px;
  line-height: 55px;
  font-weight: 600;
}
.popular_box p {
  font-family: var(--font-Raleway);
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  margin-bottom: 30px;
}
.promotion {
  background: #2B2BE2 0% 0% no-repeat padding-box;
  padding: 25px 30px;
}
.promotion h4 {
  font-family: var(--font-Spartan);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: var(--color-white);
}
.promotion p {
  font-family: var(--font-Spartan);
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  color: var(--color-white);
}
/*--------------------our team--------------------------*/
/* Metabox Styling */
section#single_business\ single-ourteam {
  padding-top: 80px;
}
.meta-box-sortables input, .meta-box-sortables textarea {
  vertical-align: middle;
  width: 90%;
}
span.rating-details {
  font-size: 12px;
  color: #444444;
  line-height: 30px;
  font-family: var(--font-Manrope);
  font-weight: 400;
}
h6.team-heading {
  color: #444444;
  font-size: 17px;
  line-height: 30px;
  font-family: var(--font-Manrope);
}
p.our-excerpt{
  color: #575757;
  font-size: 10px;
  line-height: 19px;
  font-family: var(--font-Manrope);
}
.locat-exp-email p{
  color: #444444;
  font-size: 14px !important;
  font-family: var(--font-Manrope) !important;
}
.locat-exp-email p i {
  color: #1F4B3F;
  font-size: 14px;
  line-height: 17px;
}
.our-team-heading h6 {
  font-size: 24px;
  line-height: 31px;
  font-weight: 500;
  color: #1F4B3F;
  margin-bottom: 10px;
  font-family: var(--font-Manrope);
}
.our-team-heading.time-line-history h6{
  font-size: 24px;
  line-height: 31px;
  font-weight: 500;
  color: #1F4B3F;
  margin-bottom: 10px;
  font-family: var(--font-Manrope);
}
.our-team-heading h2{
  font-size: 30px;
  line-height: 55px;
  font-weight: 600;
  color: #222222;
  font-family: var(--font-Urbanist);
}
#our_team .section-heading-box h6 {
  color: var(--color-white);
  font-size: 22px;
  line-height: 26px;
  font-family: var(--font-Raleway);
  font-weight: 400;
}
#our_team .section-heading-box h2 {
  color: var(--color-white);
}
.team_col {
  background-color: var(--color-white);
  box-shadow: 0px 2px 5px #0000002B;
  border-radius: 25px;
  margin: 5px 5px 5px 0px;
}
.team_col img {
  min-height: 320px !important;
  width: 100% !important;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.team-content {
  padding: 10px;
}
.team-content h4 {
  font-family: var(--font-Spartan);
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--color-black);
}
.team-content h4 a {
  color: #000;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  font-family: var(--font-Urbanist);
  align-self: center;
}
span.rating i {
  font-size: 12px;
  color: #FFD91D;
}
.team-content p {
  color: #575757;
  font-size: 12px;
  line-height: 20px;
  font-family: var(--font-Manrope);
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.team-social a i {
  background-color: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
}
.team-social a i:hover {
  background-color: #1F4B3F;
  border: 1px solid #1F4B3F;
  color: #fff;
}
.team-social a {
  margin: 5px;
}
.team-social a:first-child {
  margin-left: 0px;
}
#our_team .owl-carousel .owl-nav,#blog_news .owl-carousel .owl-nav, {
  position: absolute;
  bottom: -90px;
  right: 45%;
  background: black;
  border-radius: 10px;
}
#our_team .owl-nav{
  background: #000;
  width: max-content;
  margin: auto;
  border-radius: 10px;
  margin-top: 3%;
}
#our_team .owl-carousel .owl-nav .owl-prev,#our_team .owl-carousel .owl-nav .owl-next,#blog_news .owl-carousel .owl-nav .owl-prev,#blog_news .owl-carousel .owl-nav .owl-next{
  background-color: var(--color-black);
  color: var(--color-white);
  margin: 6px;
  border-radius: 6px;
}
#our_team .owl-carousel .owl-nav .owl-prev i, #our_team .owl-carousel .owl-nav .owl-next i,#blog_news .owl-carousel .owl-nav .owl-prev i,#blog_news .owl-carousel .owl-nav .owl-next i{
  padding: 10px;
}
#our_team .owl-carousel .owl-nav .owl-prev:hover i,#our_team .owl-carousel .owl-nav .owl-next:hover i,#blog_news .owl-carousel .owl-nav .owl-prev:hover i,#blog_news .owl-carousel .owl-nav .owl-next:hover i{
  color: var(--color-black);
  background-color: var(--color-white);
  border-radius: 8px;
}
/* blog page*/
.blog-box {
  box-shadow: 0px 0px 6px #00000038;
  border-radius: 25px;
  background: #fff;
  margin: 5px 0;
  transition: all 0.3s ease-in-out;
}
.blog-box .blog-image {
  height: 230px;
  margin-bottom: 20px;
}
.blog-box .blog-image img {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-box .blog-title {
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  font-family: var(--font-Urbanist);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.right-blog-list-page {
  width: 100% !important;
  margin-bottom: 20px;
  margin-top:0px;
}
p.post-excerpt {
  font-size: 14px !important;
  line-height: 22px;
  color: #575757;
  font-family: var(--font-Manrope) !important;
}
.blog-box .blog-title a {
  color: inherit;
}
.blog-box .blog-content .read-more {
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 12px 15px;
  border-radius: 10px;
  font-weight: 600;
}
.blog-box .blog-content .read-more:hover {
  background-color: var(--color-primary);
}
.blog-box .blog-information .admin {
  align-items: center;
  margin-right: 30px;
  margin-top: 5px;
}
.blog-box .blog-information .admin img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 20px;
}
.blog-box .blog-information .author-name {
  text-transform: capitalize;
  color: #3E3E3E;
  font-size: 14px;
  line-height: 25px;
  font-family: var(--font-Manrope);
}
.blog-list-user-icon {
  font-size: 14px;
  color: #1F4B3F;
  margin-right: 5px;
}
.blog-information {
  width: 70%;
  justify-content: space-between;
}
span.latest-new-date i {
  color: #1F4B3F;
}
.blog-box .blog-information .latest-new-date {
  color: #3E3E3E;
  font-size: 16px;
  line-height: 25px;
  margin-top: 5px;
  font-family: var(--font-Manrope);
  text-transform: capitalize;
}
span.blogdate-listblog {
  background: #5BBB5B;
  top: -44px;
  right: 22px;
  padding: 30px 20px 10px;
  color: #fff;
  border-radius: 10px;
  font-size: 32px;
  line-height: 22px;
  font-family: var(--font-Manrope);
  text-align: center;
  text-align: -webkit-center;
}
.overlay-blog-date {
  background: #5BBB5B;
  padding: 15px 5px 8px;
  color: #fff;
  border-radius: 15px;
  font-size: 30px;
  line-height: 22px;
  font-family: var(--font-Manrope);
  text-align: center;
  text-align: -webkit-center;
  bottom: 25px;
  right: 0;
}
span.position-absolute.overlay-blog-date p.month {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
  color: #fff;
  padding: 10px;
}
span.position-absolute.overlay-blog-date p.day {
  /* font-size: 18px; */
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
}
span.blogdate-listblog.position-absolute p.day {
  margin-bottom: 6px;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
}
span.blogdate-listblog.position-absolute p.month {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
  font-weight: bold;
  font-family: var(--font-Manrope);
  color: #fff;
}
.blog-box-overlay {
  width: 100%;
  height: 100%;
  background: #184238;
  opacity: 1;
  top: 0;
  left: 0;
  display: none;
  border-radius: 10px;
  vertical-align: middle;
  z-index: 9;
  transition: all .3s ease-in-out;
}
.blog-box:hover .blog-box-overlay {
  display: block;
  background-position: top center;
  border-radius: 20px;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blog-box:hover .blog-box-overlay {
  border: 4px solid #fff;
}
/* Additional styling for the overlay */
.blog-box-overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #184238;
  opacity: 0.8;
  border-radius: 20px;
  left: 0;
  right: 0;
  transition: all .3s ease-in-out;
}
span.blogdate-listblog-hover {
  background: #5BBB5B;
  bottom: -284px;
  right: 0;
  padding: 20px 14px 5px;
  color: #fff;
  border-radius: 10px;
  font-size: 25px;
  line-height: 22px;
  font-family: var(--font-Manrope);
  text-align: center;
  text-align: -webkit-center;
}
.blogboxoverlay-content-paraent {
  padding: 10%;
  height: 100%;
  margin-top: 25px;
}
.overlay-blog-title {
  color: #ffffff !important;
}
.overlay-post-excerpt {
  color: #ffffff !important;
}
.overlay-user-icon {
  color: #5BBB5B;
}
.overlay-blog-auther-name {
  color: #ffffff !important;
}
.overlay-calander-icon {
  color: #5BBB5B !important;
}
.blog-news .owl-carousel .owl-nav {
  text-align: center;
  position: absolute;
  top: -90px;
  right: 12px;
  background: black;
  border-radius: 10px;
}
.blog-news .owl-carousel .owl-nav .owl-prev, .blog-news .owl-carousel .owl-nav .owl-next {
  background-color: #ffffff;
  color: #000000;
  margin: 10px;
  border-radius: 6px;
}
.blog-news .owl-carousel .owl-nav .owl-prev i, .blog-news .owl-carousel .owl-nav .owl-next i {
  padding: 10px;
}
.blog-news .owl-carousel .owl-nav .owl-prev.disabled, .blog-news .owl-carousel .owl-nav .owl-next.disabled {
  background-color: #000000;
  color: #fff;
}
/* Our Process */
#our_process_row {
  background: #E7EDEB;
  padding-bottom: 50px;
}
.our-process-hover-image{
  display: none;
}
.process-content:hover .our-process-image{
  display: none;
}
.process-content:hover .our-process-hover-image{
  display: block;
  width: auto;
  height: auto;
  padding: 5px;
}
.process-content:hover .icon-img {
  outline: 1px solid #5BBB5B;
}
.process-content .icon-img {
  margin: auto;
  width: 100px;
  max-width: 100px;
  max-height: 100px;
  background: #dcdcdc;
  border-radius: 50px;
  height: 100px;
  padding: 10px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  border: 10px solid #ffffff;
  padding: 13px;
}
.process-content .icon-img:hover {
  border-radius: 50px;
  border: 10px solid #ffffff;
  padding: 13px;
  box-shadow: 0px 0px 6px 0px #f1f1f1;
}
.margin-top-process {
  margin-top: -50px !important;
}
#blog_news .section-heading-box {
  margin-bottom: 0 !important;
  padding-left: 10px;
}
.pricimg-plan-heading-sec {
  margin-bottom: 0px !important;
}
p.process-steps {
  font-size: 16px;
  line-height: 25px;
  color: #1F4B3F;
  font-family: var(--font-Manrope);
}
h6.coast-eff {
  font-size: 24px;
  line-height: 29px;
  color: #000;
  font-family: var(--font-Urbanist);
  font-weight: bold;
}
p.process-content {
  font-size: 17px;
  line-height: 25px;
  color: #343434;
  font-family: var(--font-Manrope);
}
.process-consult-btn {
  width: 50%;
  margin: 0 auto;
}
.process-consult-btn {
  width: 40%;
  margin: 0 auto;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 1px solid #5BBB5B;
  border-radius: 10px;
  font-size: 16px;
  line-height: 22px;
  font-family: var(--font-Manrope);
}
.process-consult-btn i{
  color: #5BBB5B;
  font-size: 16px;
  line-height: 16px;
}
.process-consult-btn a {
  font-size: 16px;
  line-height: 22px;
  color: #5BBB5B;
  font-family: var(--font-Manrope);
  font-weight: 600;
}
.process-consult-btn a:hover {
  color: #5BBB5B;
}
/* testimonial*/
.testimonials-contents {
  background-color: var(--color-white);
  box-shadow: 0px 1px 4px #0000002E;
  border-radius: 10px;
  padding: 10px;
  margin: 2px;
}
#testimonial .testimonials-contents .profile-detail .client-image {
  width: 76px;
  height: 76px;
  margin-right: 10px;
}
#testimonial .testimonials-contents .profile-detail .client-image img {
  border-radius: 50%;
  z-index: 1;
  position: relative;
}
#testimonial .testimonials-contents .content h2 {
  font-size: 18px;
}
#testimonial .testimonials-contents .content h6 {
  color: var(--color-gray);
  font-size: 15px;
  font-weight: 100;
}
#testimonial .testimonials-contents .content h2 a {
  color: inherit;
}
#testimonial .testimonials-contents .rest-rating i {
  color: #E99300;
}
#testimonial .testimonials-contents .text p {
  line-height: 25px;
  font-size: 15px;
  color: var(--color-gray);
}
#testimonial .quat {
  float: right;
  background: var(--color-black);
  color: var(--color-white);
  padding: 5px 10px;
  border-radius: 50%;
  margin-top: -15px;
  margin-right: 20px;
  width: 45px;
  height: 45px;
  position: relative;
  border: 3px solid;
}
#testimonial .quat:before {
  content: '';
  position: absolute;
  top: auto;
  right: 0;
  bottom: -3px;
  left: auto;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(to bottom, #0000002E, #0000002E);
  width: 48px;
  height: 48px;
  margin-right: -4px;
  margin-bottom: -2px;
}
#testimonial .owl-item:hover .quat {
  background: var(--color-primary);
  color: var(--color-white);
}
#testimonial .quat i {
  padding: 0px 0px;
  margin: 6px 0px 0px 3px;
  position: absolute;
}
#testimonial .owl-carousel .owl-nav {
  text-align: center;
  margin-top: 50px;
}
#testimonial .owl-carousel .owl-nav .owl-prev,
#testimonial .owl-carousel .owl-nav .owl-next {
  background-color: var(--color-black);
  color: var(--color-white);
  margin: 10px;
  border-radius: 6px;
}
#testimonial .owl-carousel .owl-nav .owl-prev i,
#testimonial .owl-carousel .owl-nav .owl-next i {
  padding: 14px 16px;
}
#testimonial .owl-carousel .owl-nav .owl-prev.disabled,
#testimonial .owl-carousel .owl-nav .owl-next.disabled {
  background-color: #AFADA6;
}
#testimonial .owl-carousel .owl-stage-outer {
  padding-bottom: 5px;
}
.testislides.active img {
  border: 4px solid #1F4B3F;
  border-radius: 50%;
}
/* desired services*/
.desired_services {
  position: relative;
}
.desired_services .caption {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(50px, 170px);
}
.desired_services .section-heading-box h2 {
  color: var(--color-white);
  letter-spacing: 2px;
}
.desired_services .section-heading-box p {
  color: var(--color-white);
  line-height: 25px;
  font-size: 13px;
  padding-right: 40%;
  font-weight: 300;
  margin-bottom: 30px;
  letter-spacing: 0.50px;
}
.desired_services .section-heading-box .lets_talk a {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 10px;
  padding: 13px 30px;
  font-weight: 600;
  font-family: var(--font-Spartan);
  border: 1px solid var(--color-primary);
}
section#pricing_plan .pricing_plan_inner_box {
  background: #EEF8EE;
}
#pricing_plan .card {
  box-shadow: 0px 0px 6px 0px #0000002E;
  border-radius: 20px;
  padding: 20px;
  margin: 5px 5px 5px 0px !important;
}
.page-template-home-page #pricing_plan .card{
  box-shadow: none !important;
}
#pricing_plan .card .plan_tiltle {
  font-size: 20px;
  line-height: 30px;
  color: var(--color-black);
  font-weight: 300;
}
#pricing_plan .card .card-price-one i {
  padding-right: 15px;
}
i.fa-solid.fa-check {
  font-size: 20px;
}
#pricing_plan .card .card-price-one span {
  font-family: var(--font-Manrope);
  font-size: 15px;
  line-height: 22px;
}
#pricing_plan .card h2 {
  font-size: 30px;
  line-height: 35px;
  font-family: var(--font-Urbanist);
  font-weight: bold;
  margin-bottom: 0px;
}
#pricing_plan .card h2 span {
  font-size: 12px;
  font-family: var(--font-Urbanist);
  font-weight: 500;
  margin-left: -6px;
}
#pricing_plan .card h3 {
  font-size: 22px;
  line-height: 30px;
  font-family: var(--font-Spartan);
}
#pricing_plan .card .price-card-btn a {
  border-radius: 10px;
  background-color: #5BBB5B;
  padding: 11px 20px 8px;
  border-color: #5BBB5B;
  border: 1px solid #5BBB5B;
  color: var(--color-white);
  font-weight: bold;
  letter-spacing: 1px;
  font-family: var(--font-Urbanist);
}
#pricing_plan .card .card-price-one .btn-arrow {
  padding: 8px;
  padding: 8px;
  color: #fff;
  background: #000;
  border-radius: 5px;
  margin-left: 8px;
}
.card-price-one {
  color: #fff;
  background: #000;
  padding: 25px 15px;
  border-radius: 15px;
}
.card-price-one a {
  color: #000;
  padding: 13px 6px 12px 10px;
  background: #fff;
  border-radius: 10px;
  font-family: var(--font-Urbanist);
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease-in-out !important;
}
.card-price-one a:hover .btn-arrow  {
  color: #fff;
  background: #1F4B3F;
}
#pricing_plan .card:hover .card-price-one {
  background-color: #1F4B3F;
  color: #fff;
  transition: all 0.3s ease-in-out !important;
}
#pricing_plan .card:hover .card-price-one a {
  color: #1F4B3F;
}
#pricing_plan .card:hover .card-price-one .btn-arrow {
  background-color: #1F4B3F;
  color: #fff;
}
#pricing_plan .card .paratext {
  font-size: 14px;
  line-height: 25px;
  font-family: var(--font-Manrope);
  font-weight: 400;
  width: 70%;
}
/*skill box*/
.skill_box {
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 10px;
  position: relative;
  padding: 20px;
  counter-reset: section;
}
.skill_box .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
  margin: -37px 0px 0px -16px
}
.skill_box h5 {
  font-size: 20px;
  line-height: 30px;
  font-family: var(--font-Spartan);
  font-weight: 700;
  margin-left: 20px;
}
.skill_box p {
  font-size: 14px;
  line-height: 26px;
  font-family: var(--font-Raleway);
  font-weight: 300;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
ul.our_skill {
  counter-reset: section;
  list-style-type: none;
}
ul.our_skill li::before {
  counter-increment: section;
  content: "0" counters(section, ".") " ";
  z-index: 5;
  position: absolute;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin: -9px 0px;
  font-family: var(--font-Spartan);
}
#our_patner .owl-carousel .owl-item img {
  width: auto !important;
}
.owl-item {
  padding-left: 3px !important;
  padding-right: 0 !important;
}
/*---------------- Our Video ---------------------*/
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
  background: #1F4B3F;
}
.modal-header {
  background: #1F4B3F;
  padding: 10px !important;
}
#videoModalleft, #videoModalone, #videoModaltwo, #videoModalthree, #videoModalfour, #videoModalfive {
  background: #000000d1;
}
.our-video-left img, .our-video-right img {
  cursor: pointer;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
  object-position: left;
}
.our-video-left {
  height: 100%;
}
.our-video-left i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #1F4B3F;
  color: #ffffff;
  font-size: 25px;
  padding: 18px 20px;
  border-radius: 50%;
}
.our-video-right i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #1F4B3F;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 12px;
  border-radius: 50%;
  opacity: 0;
  transition: .3s ease-in-out;
}
.our-video-right .video-one:hover .video-icon-one i,
.our-video-right .video-two:hover .video-icon-two i,
.our-video-right .video-three:hover .video-icon-three i,
.our-video-right .video-four:hover .video-icon-four i,
.our-video-right .video-five:hover .video-icon-five i{
  opacity: 1;
}
/*-------------------Latest Services---------------------*/
#Lattest_services .owl-nav {
  position: absolute;
  bottom: -90px;
  right: 45%;
  background: black;
  border-radius: 10px;
}
#Lattest_services .owl-nav i {
  padding: 10px;
}
#Lattest_services  .owl-carousel .owl-nav .owl-prev.disabled, #Lattest_services  .owl-carousel .owl-nav .owl-next.disabled {
  background-color: var(--color-black);
  color: var(--color-white);
}
#Lattest_services .owl-carousel .owl-nav .owl-prev, #Lattest_services .owl-carousel .owl-nav .owl-next {
  background-color: var(--color-white);
  color: var(--color-black);
  margin: 10px;
  border-radius: 6px;
}
.panelContainer {
  clear: left;
  margin-bottom: 25px;
  background-color: #fff;
}
.lettest-servicess .tabs {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.lettest-servicess .tabs a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding: 8px;
  margin-right: 20px;
  background-color: transparent;
  margin-bottom: -2px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  font-family: var(--font-Urbanist);
  color: #000000;
  border-radius: 8px;
  border: 2px solid transparent;
}
.lettest-servicess .tabs a:hover{
  color: inherit;
}
.lettest-servicess .tabs a.active {
  background-color: inherit;
  color: #5BBB5B;
  border: 2px solid #5BBB5B;
  box-shadow: 0px 3px 6px #c3c3c3;
}
.card {
  border-radius: 12px !important;
}
.card img{
  border-radius: 12px;
}
.lst-content .card {
  padding: 8px;
}
.thumbnail-services {
  width: 100%;
  object-fit: cover;
  min-height: 280px;
}
.lst-content .card-body h5 {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  font-family: var(--font-Urbanist);
  color: #000000;
}
.lst-content .title-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-body-box {
  padding: 10px 0px;
}
.card.custom-style-card {
  padding: 10px;
}
.card.custom-style-card:hover .title-flex a h5{
  color: #5BBB5B;
}
.card-custom-style{
  position: relative;
}
.card-custom-style p.charges {
  font-size: 16px;
  line-height: 30px;
  font-family: var(--font-Urbanist);
  color: #000000;
  font-weight: normal;
  margin: 0;
}
.card-custom-style p.charges span {
  color: #5BBB5B;
}
.card-custom-style .card-text p {
  font-size: 15px;
  line-height: 24px;
  font-weight: normal;
  font-family: var(--font-Manrope);
  color: #353535;
  border-bottom: 2px solid #b3b3b3;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.advisor-img {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  background-color: #5BBB5B;
  max-width: 55px;
}
.lsc-btn a {
  color: #ffffff;
  padding: 4px 4px;
  background: #000;
  border-radius: 10px;
  font-family: var(--font-Urbanist);
  font-weight: 600;
  font-size: 16px;
  transition: all .4s ease-in-out;
  border: 2px solid transparent;
}
.lsc-btn a i {
  background: #ffffff !important;
  color: #000000;
  padding: 10px;
  border-radius: 8px;
  transition: all .5s ease-in-out;
}
.lsc-btn a:hover {
  color: #fff;
  background: #5BBB5B;
  border: 2px solid transparent;
}
.lsc-btn a:hover i {
  background: #fff;
  color: #5BBB5B;
}
.card-custom-style .wcu-img-right img {
  max-width: 40px;
}
.lsc-btn .ceo-namee h6 {
  display: inline;
  font-size: 17px;
  line-height: 22px;
  font-family: var(--font-Urbanist);
}
.title-flex a h5 {
  color: #000000;
  font-family: var(--font-Urbanist);
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
.title-flex {
  display: flex;
  justify-content: space-between;
}
.services-current-cat-name {
  text-align: center;
  letter-spacing: 0px;
  color: #222222;
  font-weight: bold;
  font-size: 32px;
  font-family: var(--font-Urbanist);
}
/* ------------Testimonial------------ */

.testimonial-slider {
  max-width: 800px;
  margin: 0 auto;
}
.testimonial-slider img {
  width: 100%;
  max-width: 60px;
  border-radius: 50%;
}
.slider-main {
  padding-bottom: 5px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.slick-initialized .slick-slide {
  display: block;
  border-radius: 20px;
}
.backround-image {
  min-height: 400px;
  position: relative;
}
.testimonial-user1 img, .testimonial-user2 img, .testimonial-user3 img, .testimonial-user4 img, .testimonial-user5 img, .testimonial-user6 img, .testimonial-user7 img, .testimonial-user8 {
  border-radius: 50%;
}
.testimonial-user1 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  bottom: 100px;
  left: 50px;
}
.testimonial-user2 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  top: 50px;
  left: 160px;
}
.testimonial-user3 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  bottom: 100px;
  left: 260px;
}
.testimonial-user4 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  top: 50px;
  left: 400px;
}
.testimonial-user5 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  bottom: 100px;
  left: 540px;
}
.testimonial-user6 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  right: 470px;
  top: 50px;
}
.testimonial-user7 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  right: 250px;
  bottom: 100px;
}
.testimonial-user8 {
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  right: 100px;
  top: 50px;
}
.testi-header .name {
  margin-left: 10px;
}
.testi-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.image-name .name p {
  color: #343434;
}
.testimonial-user2 img {
  border: 4px solid transparent;
  border-radius: 50%;
}
.qout-color {
  background-color: #000;
  color: #fff;
  padding: 13px;
  border-radius: 50%;
  font-size: 18px;
}

.testimonial-box {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  width: 100%;
  max-width: 620px;
}
.testi-header .name h6 {
  font-family: var(--font-Urbanist);
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000;
}

p.testi-para {
  font-family: var(--font-Manrope);
  font-weight: 400;
  font-size: 12px;
  line-height: 25px;
  color: #343434;
}

.slick-initialized .slick-slide {
  display: block;
  box-shadow: 0px 1px 8px #0000002E;
  opacity: 0.7;
}

.slick-track {
  padding-bottom: 20px;
}
.slick-list.draggable {

}
.slick-slide.slick-current.slick-active {
  position: relative;
  transform: scale(1.1);
  cursor: pointer;
  opacity: 1;
  z-index: 1;
}
#testimonial .arrows-container {
  text-align: center;
  background-color: #000;
  display: block;
  left: 40%;
  padding: 10px 6px;
  border-radius: 10px;
  width: max-content;
  margin: auto;
  margin-top: 20px;
}
#testimonial .slick-arrow.fa-solid.fa-arrow-left.slick-next::before, #testimonial .slick-arrow.fa-solid.fa-arrow-right.slick-prev::before  {
  color: #fff;
  border-radius: 8px;
  font-size: 16px;
  border: 2px solid transparent;
  line-height: 36px;
}
#testimonial .slick-arrow.fa-solid.fa-arrow-left.slick-next .slick-arrow-disabled::before, #testimonial .slick-arrow.fa-solid.fa-arrow-right.slick-prev .slick-arrow-disabled::before  {
  background: #000;
  color: #fff;
}
#testimonial .slick-arrow-disabled::before {
  color: #fff !important;
}
#testimonial .slick-arrow:hover::before{
  background: #fff;
  color: #000 !important;
  padding: 8px 8px;
  border-radius: 8px;
}
.testimonial-slider .slick-list.draggable {
  padding: 70px 150px 0 !important;
}
/*------------------Our Projects-----------------------*/
.project-partials .slick-vertical .slick-slide{
  opacity: 1;
}
.ogp-list li i {
  color: #5BBB5B;
}

.ogp-list li {
  width: 100%;
}
.ogp-list li p {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  font-size: 14px;
  line-height: 30px;
  font-family: var(--font-Manrope);
  margin-bottom: 0;
  max-width: 160px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-title-developer .slick-arrow {
  display: none;
}

.post-title-developer .slick-cloned {
  display: none;
}

.post-title-developer .slick-slide {
  box-shadow: none;
}
.post-title-developer .slick-slide.slick-current.slick-active {
  transform: scale(1);
}
.post-title-developer .inner-slide {
  height: auto;
  border-left: 10px solid #DFDFDF !important;
  padding: 0px 10px 20px;
  position: relative;
}

.post-title-developer .slick-current .inner-slide {
  height: auto;
  border-left: 10px solid #1F4B3F !important;
  padding-left: 10px;
  background: #5bbb5b24;
}
.project-partials .slider-nav .slick-list.draggable{
  height: 470px !important;
  padding: 0px !important;
}
.slide-the-title a{
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  font-size: 20px;
  line-height: 10px;
  font-family: var(--font-Urbanist);
  font-weight: bold;
  transition: all .3s ease-in-out ;
}
.slide-the-title a:hover {
  color: #1F4B3F;
}

.slide-developer {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  font-family: var(--font-Manrope);
}
.slide-ongoing-heading {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 10px;
  font-family: var(--font-Urbanist);
}
.our_projects .slider-number {
  top: -20px;
  right: 0;
  margin-bottom: 0;
  font-size: 100px;
  font-family: sans-serif;
  color: #fff;
  opacity: 10%;
  text-shadow: -1px -1px 0 #707070, 1px -1px 0 #707070, -1px 1px 0 #707070, 1px 1px 0 #707070;
}

.ops-slides-img .draggable img:first-child {
  max-width: 70%;
  height: 100%;
  min-height: 425px;
  object-fit: cover;
  margin: auto;
  border-radius: 18px;
  margin-top: 12%;
}
.slider-for .slider-div{
  width: 100%;
  display: inline-block;
  background: #E8EDEB;
  height: 100%;
}
.ops-slides-img .draggable img:nth-child(2) {
  width: 100%;
  max-width: 110px;
  height: 33px;
}
.ops-slides-img  .slick-initialized .slick-slide{
  box-shadow: none;
}
.ops-slides-img .slick-track {
  padding: 0;
}

.ops-slides-img .draggable {
  border-radius: 10px;
}
.box-creativeteam {
  position: absolute;
  bottom: 24px;
  left: 29px;
  z-index: 99;
  width: auto;
  background: #1F4B3F;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
}
.box-creativeteam h4 {
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 15px;
  font-family: var(--font-Urbanist);
}
.box-creativeteam .slick-slide {
  opacity: 0 !important;
}
/*Single Project*/
.logo-card-main-project .card-details h6 {
  font-family: var(--font-Urbanist);
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 47px;
}
.logo-card-main-project .card-details h6 span {
  font-family: var(--font-Urbanist);
  text-align: left;
  font-weight: 300;
  font-size: 20px;
  line-height: 47px;
}