/*--------------------------------------------------------------

    Template Name: Nasiha - Business Consulting Company HTML5 Template
    Description: Nasiha is unique and modern responsive HTML5 template for Business Consulting Company. Its based on Bootstrap v4. It will run in all devices including Mobile, Tab, Laptop and Wide Screen precisely and error free. 
    Author: Theme Junction
    Author URI: https://themeforest.net/user/theme-junction
    Version: 1.0

----------------------------------------------------------------

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

----------------------------------------------------------------

    [CSS INDEX]
    ===================
    01. Default CSS
    02. Typograpgy
    03. Header One
    04. Search Modal
    05. Hero Section One
    06. Hero Section Two
    07. Our Partner Area
    08. About Section One
    09. About Section Two
    10. Services Section One
    11. Services Section Two
    12. Single Service Section
    13. Our Thinking Section One
    14. Our Thinking Section Two
    15. Fun Fact Section One
    16. Testimonial Section One
    17. Testimonial Section Two
    18. Our Approach Section
    19. Team Section One
    20. Success Section One
    21. Success Section Two
    22. Blog Section One
    23. Single Post Section
    24. Sidebar
    25. Get Started Section One
    26. Get Started Section Two
    27. Pricing Table Section One
    28. Contact Section
    29. Page Header Section
    30. Footer Area
    31. Loading Spinner
    32. Scroll To Top

-------------------------------------------------------------*/

/*
* ===============================
*  01. Defult CSS 
* ===============================
*/

@import url("https://fonts.googleapis.com/css?family=Allura|Nunito:300,400,700|Poppins:400,700&display=swap");
html,
body {
  min-height: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

.d-table {
  display: table;
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.select-primary > img {
  margin-top: -2px;
}

.select-primary select {
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-image: url("../img/icons/caret-down.png");
  background-repeat: no-repeat;
  background-position: 100% 55%;
  padding-right: 8px;
  cursor: pointer;
}

.select-primary select:focus {
  outline: none;
}
input:focus-visible {
  outline: none;
}
.select-primary option {
  color: #333333;
}

.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p {
  color: #ffffff;
}
.video-modal-primary .close {
  position: absolute;
  right: -30px;
  top: -34px;
  color: #fff;
  padding: 5px;
  width: 30px;
  height: 30px;
  border: none;
  background-color: transparent;
  opacity: 0.75;
  transition: all 0.3s ease-in-out 0s;
}
.video-modal-primary .close:hover {
  opacity: 1;
}
.video-modal-primary .close:focus {
  outline: 0;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  height: 450px;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  width: 100%;
  height: 100%;
}

/*
* ===============================
*  02. Typograpgy
* ===============================
*/

body {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #657786;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 700;
}

h2 {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #1a2d5a;
  margin-bottom: 20px;
}

h3 {
  font-size: 22px;
  font-weight: 700;
  color: #1a2d5a;
  margin-bottom: 15px;
}

h4 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 15px;
}

.small-primary {
  font-size: 14px;
  color: #93c800;
  margin-bottom: 5px;
  display: block;
  font-weight: 400;
}

.small-secondary {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #93c800;
  text-transform: uppercase;
  display: block;
}

.lead {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.button-primary {
  font-size: 12px;
  background: #93c800;
  background: -o-linear-gradient(left, #93c800 50%, #93c800 50%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #93c800),
    color-stop(50%, #93c800)
  );
  background: linear-gradient(to right, #93c800 50%, #93c800 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  color: #ffffff;
  border-radius: 25px;
  padding: 10px 25px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.button-primary:hover,
.button-primary.active {
  color: #ffffff;
  background-position: left bottom;
}

.button-secondary-white {
  font-size: 12px;
  background: transparent;
  border: 1px solid #ffffff;
  background: -o-linear-gradient(left, #ffffff 50%, transparent 50%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #ffffff),
    color-stop(50%, transparent)
  );
  background: linear-gradient(to right, #ffffff 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  color: #ffffff;
  border-radius: 25px;
  padding: 10px 25px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.button-secondary-white:hover,
.button-secondary-white.active {
  color: #333333;
  background-position: left bottom;
  border-color: #fff;
}

.button-secondary-brown {
  font-size: 12px;
  background: transparent;
  border: 1px solid #93c800;
  background: -o-linear-gradient(left, #93c800 50%, transparent 50%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(50%, #93c800),
    color-stop(50%, transparent)
  );
  background: linear-gradient(to right, #93c800 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  color: #93c800;
  border-radius: 25px;
  padding: 10px 25px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.button-secondary-brown:hover,
.button-secondary-brown.active,
.button-secondary-brown:active {
  color: #ffffff;
  background-position: left bottom;
  border-color: #93c800;
}

.section-header-primary {
  margin-bottom: 50px;
}

.section-header-primary p {
  font-size: 18px;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.section-header-secondary {
  margin-bottom: 50px;
  text-align: left;
}

a:hover {
  text-decoration: none;
}

a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover {
  text-decoration: none;
}

.list-primary {
  list-style: none;
  margin: 25px 0;
  padding: 0;
}

.list-primary li {
  position: relative;
  padding-left: 25px;
}

.list-primary li i {
  position: absolute;
  left: 0;
  top: 11px;
  color: #a37966;
  font-size: 8px;
}

.form-primary input {
  min-height: 50px;
  border-radius: 0;
}

.form-primary textarea {
  min-height: 150px;
  border-radius: 0;
  resize: none;
}

.form-primary .form-control:focus {
  border: 1px solid #93c800;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
* ====================================
*  03. Header One
* ====================================
*/

.header-one {
  color: #999ca3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.header-one.sticky {
  position: fixed;
}

.header-one.sticky.active {
  background: rgba(0, 0, 0, 0.8);
}

.header-one.sticky.active .header-nav {
  padding: 5px 0;
}

.header-one.sticky.active .top-bar {
  padding: 5px 0;
}

.header-one .top-bar {
  font-size: 12px;
  text-transform: uppercase;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header-one .top-bar .help-text {
  margin-right: 15px;
}

.header-one .top-bar .flag-icon {
  margin-right: 5px;
  font-size: 14px;
}

.header-one .top-bar .or {
  margin: 0 5px;
}

.header-one .top-bar a {
  color: #ffffff;
}

.header-one .top-bar span,
.header-one .top-bar a {
  height: 18px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}

.header-one .top-bar .top-bar-right {
  text-align: right;
}

.header-one .top-bar .top-bar-right .select-primary select {
  color: #999ca3;
  text-transform: uppercase;
}

.header-one .header-nav {
  padding: 15px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header-one .header-nav .logo {
  float: left;
  margin: 5px 40px 0 0;
  max-width: 200px;
}

.header-one .header-nav .menu {
  float: left;
  text-transform: uppercase;
}

.header-one .header-nav .menu ul {
  list-style: none;
  margin-top: 17px;
  padding: 0;
}

.header-one .header-nav .menu ul li {
  position: relative;
}

.header-one .header-nav .menu ul li a {
  font-size: 13px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header-one .header-nav .menu ul li a:hover {
  text-decoration: none;
}

.header-one .header-nav .menu > ul > li {
  display: inline-block;
}

.header-one .header-nav .menu > ul > li.has-submenu:before {
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  width: 6px;
  height: 5px;
  background: url("../img/icons/caret-down.png") no-repeat;
  margin-top: -2px;
}

.header-one .header-nav .menu > ul > li > a {
  color: #999ca3;
  padding: 8px 20px;
  display: block;
  text-decoration: none;
}

.header-one .header-nav .menu > ul > li > a:hover,
.header-one .header-nav .menu > ul > li.active > a {
  color: #ffffff;
}

.header-one .header-nav .menu > ul > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 120px;
  background: #34323d;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.header-one .header-nav .menu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header-one .header-nav .menu > ul > li > ul > li.has-submenu:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 5px;
  height: 6px;
  background: url("../img/icons/caret-right.png") no-repeat;
  margin-top: -3px;
}

.header-one .header-nav .menu > ul > li > ul li a {
  color: #dddddd;
  padding: 8px 30px 8px 20px;
  display: block;
  white-space: nowrap;
  text-decoration: none;
}

.header-one .header-nav .menu > ul > li > ul li a:hover {
  color: #ffffff;
  background: #93c800;
}

.header-one .header-nav .menu > ul > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 5px;
  min-width: 120px;
  background: #34323d;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.header-one .header-nav .menu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header-one .header-nav .search-icon {
  float: right;
}

.header-one .header-nav .search-icon img {
  cursor: pointer;
  padding: 5px 0 5px 5px;
  max-width: 18px;
  margin-top: 8px;
}

.header-one .mobile-menu {
  display: none;
}

/*
* ====================================
*  05. Hero Section One
* ====================================
*/

#hero-section-one {
  background: url("../images/home2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  position: relative;
  z-index: 1;
}

#hero-section-one:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.2); */
  z-index: -1;
}

#hero-section-one small {
  font-size: 14px;
  font-weight: 300;
  display: block;
  margin-bottom: 15px;
}
.pad{
  margin-top: 20px;
}
#hero-section-one h1 {
  margin-bottom: 15px;
}

#hero-section-one .lead {
  margin-bottom: 40px;
}

#hero-section-one .button-primary {
  margin-right: 15px;
}

/*
* ====================================
*  06. Hero Section Two
* ====================================
*/

#hero-section-two {
  text-align: center;
}

#hero-section-two .hero-slider-item {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

#hero-section-two .hero-slider-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.39);
  z-index: -1;
}

#hero-section-two .hero-slider-item.bg-one {
  background-image: url("../img/hero/2.jpg");
}

#hero-section-two .hero-slider-item.bg-two {
  background-image: url("../img/hero/1.jpg");
}

#hero-section-two .owl-nav button:focus {
  outline: 0;
}

#hero-section-two .owl-prev {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -25px;
}

#hero-section-two .owl-next {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -25px;
}

#hero-section-two small {
  font-size: 14px;
  font-weight: 300;
  display: block;
  margin-bottom: 15px;
}

#hero-section-two h1 {
  margin-bottom: 15px;
}

#hero-section-two .lead {
  margin-bottom: 40px;
}

#hero-section-two .button-primary {
  margin: 0 5px 10px;
}

#hero-section-two .button-secondary-white {
  margin: 0 5px 10px;
}

/*
* ====================================
*  07. Our Partner Area
* ====================================
*/

.our-partner-area {
  background: #ececec;
  padding: 15px 0;
}

.our-partner-area .small-secondary {
  margin: 15px 0 0;
}

.our-partner-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.our-partner-area ul li {
  width: 16.6666%;
  float: left;
  line-height: 48px;
  padding-right: 15px;
}

/*
* ====================================
*  08. About Section One
* ====================================
*/

#about-section-one {
  padding: 100px 0;
}

#about-section-one .left-side .img-wrpr {
  position: relative;
}

#about-section-one .left-side .img-wrpr img {
  width: 100%;
  height: 400px;
  margin-top: 20px;
}

#about-section-one .right-side .small-secondary:last-of-type {
  margin-bottom: 20px;
}

#about-section-one .right-side p {
  padding-right: 80px;
}

#about-section-one .right-side hr {
  margin-top: 25px;
  margin-bottom: 30px;
  border-top: 1px solid #d9e8ed;
}

#about-section-one .right-side .partners-logo-wrpr ul {
  list-style: none;
  padding: 0;
}

#about-section-one .right-side .partners-logo-wrpr ul:last-of-type {
  margin: 0;
}

#about-section-one .right-side .partners-logo-wrpr ul li {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
}

#about-section-one .right-side .partners-logo-wrpr ul li:last-child {
  margin-right: 0;
}

/*
* ====================================
*  10. Services Section One
* ====================================
*/

#services-section-one {
  padding: 100px 0;
  background: #332e35;
  background: -o-linear-gradient(315deg, #332e35 0%, #5d5b64 50%);
  background: linear-gradient(135deg, #332e35 0%, #5d5b64 50%);
}

#services-section-one .service-item {
  margin-bottom: 40px;
  padding: 30px 30px 25px;
  -webkit-transition: 0.6s;
  border: none;
  height: 370px;
  background-color: #332e35a4;
  -o-transition: 0.6s;
  transition: 0.6s;
  background-position: top left;
}

#salonspa:hover {
  background-color: #490b3d;
  background-image: url("../img/pattern/2.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
#nurseryGarten:hover {
  background-color: #d22943;
  background-image: url("../img/pattern/2.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
#foodsafe:hover {
  background-color: #14a2b0;
  background-image: url("../img/pattern/2.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
#hotel:hover {
  background-color: #facd0f;
  background-image: url("../img/pattern/2.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
#nutritions:hover {
  background-color: #8a9e3b;
  background-image: url("../img/pattern/2.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}

#services-section-one .service-item img {
  max-width: 50px;
  margin-bottom: 20px;
}

#services-section-one .service-item p {
  margin-bottom: 25px;
}

#services-section-one .service-item a {
  font-size: 10px;
  text-transform: uppercase;
  color: white;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-left: -5px;
  text-decoration: none;
}

#services-section-one .service-item:hover a {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}

/*
* ====================================
*  12. Single Service Section
* ====================================
*/

#single-service-section {
  padding: 100px 0;
}

#single-service-section img {
  margin-bottom: 40px;
  border-bottom: 5px solid #93c800;
  width: 100%;
}

/*
* ====================================
*  13. Our Thinking Section One
* ====================================
*/

#our-thinking-section-one {
  position: relative;
  background-color: white;
}

#our-thinking-section-one:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background-color: #332e35;
  background-color: -o-linear-gradient(315deg, #332e35 0%, #5d5b64 50%);
  background-color: linear-gradient(135deg, #332e35 0%, #5d5b64 50%);
}

#our-thinking-section-one .left-side {
  position: absolute;
  bottom: 0;
  left: 30%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#our-thinking-section-one .right-side {
  padding: 100px 0 100px 25px;
}

#our-thinking-section-one .right-side .our-thinking {
  font-size: 25px;
  margin-bottom: 30px;
}

#our-thinking-section-one .right-side .signature {
  font-family: "Allura", cursive;
  font-size: 35px;
  display: block;
}

#our-thinking-section-one .right-side .designation {
  color: #93c800;
  display: block;
}

/*
* ====================================
*  15. Fun Fact Section One
* ====================================
*/

#fun-fact-section-one {
  padding: 100px 0;
  background: #332e35;
  background: -o-linear-gradient(315deg, #332e35 0%, #5d5b64 50%);
  background: linear-gradient(135deg, #332e35 0%, #5d5b64 50%);
}

#fun-fact-section-one .number {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 48px;
  color: #93c800;
  display: block;
}

#fun-fact-section-one .label {
  margin-bottom: 0;
  font-size: 18px;
  text-transform: uppercase;
}

/*
* ====================================
*  16. Testimonial Section One
* ====================================
*/

#testimonial-section-one {
  padding: 0px 0;
}
#testimonial-section-one h3 {
  font-size: 25px;
  color: #93c800;
}
#testimonial-section-one p {
  font-size: 17px;
  max-width: 650px;
  margin: 0 auto;
}

#testimonial-section-one .client-img {
  max-width: 50px;
  margin: 0 auto 20px;
  border-bottom: 3px solid #93c800;
}

#testimonial-section-one .name {
  font-size: 18px;
  font-weight: 700;
  display: block;
}

#testimonial-section-one .designation {
  color: #93c800;
}

#testimonial-section-one .owl-theme .owl-nav button:hover {
  background: none;
}

#testimonial-section-one .owl-theme .owl-nav button:focus {
  outline: 0;
}

#testimonial-section-one .owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
}

#testimonial-section-one .owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
}

/*
* ====================================
*  17. Testimonial Section Two
* ====================================
*/

#testimonial-section-two {
  padding: 100px 0;
}

#testimonial-section-two .testimonial-item {
  position: relative;
  margin-left: 50px;
  height: 100%;
  padding: 25px 25px 50px;
  border: 1px solid #c2c2c2;
  margin-bottom: 25px;
}

#testimonial-section-two .testimonial-item .client-img {
  max-width: 100px;
  max-height: 100px;
  border: 5px solid #f4f5f6;
  border-radius: 50%;
  position: absolute;
  bottom: -50px;
  left: -50px;
}

#testimonial-section-two .testimonial-item p {
  font-size: 15px;
  color: #657786;
  font-style: italic;
  font-weight: 300;
}

#testimonial-section-two .testimonial-item .icon {
  display: block;
  margin-bottom: 15px;
  width: auto;
}

#testimonial-section-two .testimonial-item .name {
  font-size: 18px;
  font-weight: 700;
  display: block;
}

#testimonial-section-two .testimonial-item .designation {
  color: #93c800;
}

#testimonial-section-two .owl-dots {
  margin-top: 25px;
}

#testimonial-section-two .owl-dots .owl-dot:focus {
  outline: 0;
}

/*
* ====================================
*  18. Our Approach Section
* ====================================
*/

#our-approach-section {
  padding: 100px 0;
  background-color: #f6f6f6;
  /* background: #332e35;
  background: -o-linear-gradient(315deg, #332e35 0%, #5d5b64 50%);
  background: linear-gradient(135deg, #332e35 0%, #5d5b64 50%); */
}

#our-approach-section .left-side {
  padding-right: 50px;
}

#our-approach-section .left-side .button-secondary-brown {
  margin-top: 10px;
}

#our-approach-section .right-side .img-wrpr {
  position: relative;
}
#our-approach-section .right-side .img-wrpr > img {
  width: 100%;
}
#our-approach-section .right-side .video-play-icon {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#our-approach-section .right-side .video-play-icon:before,
#our-approach-section .right-side .video-play-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-animation: pulse 3s linear infinite;
  animation: pulse 3s linear infinite;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

#our-approach-section .right-side .video-play-icon:after {
  -webkit-animation: pulse 3s linear 1.5s infinite;
  animation: pulse 3s linear 1.5s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

#our-approach-section .right-side .video-play-icon img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  position: relative;
  cursor: pointer;
}

/*
* ====================================
*  19. Team Section One
* ====================================
*/

#team-section-one {
  padding: 100px 0 50px;
  background: #f6f6f6;
}

#team-section-one .team-item {
  margin-bottom: 50px;
}

#team-section-one .team-item h3 {
  margin-top: 15px;
  margin-bottom: 5px;
}

#team-section-one .team-item .small-primary {
  margin-bottom: 10px;
}

#team-section-one .team-item img {
  border-bottom: 5px solid #93c800;
}

#team-section-one .team-item a {
  color: #657786;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#team-section-one .team-item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#team-section-one .team-item ul li {
  display: inline-block;
  margin-right: 10px;
}

#team-section-one .team-item ul li:last-child {
  margin-right: 0;
}

#team-section-one .team-item ul li a {
  font-size: 25px;
  display: block;
}

#team-section-one .team-item ul li a:hover {
  color: #93c800;
  text-decoration: none;
}

/*
* ====================================
*  20. Success Section One
* ====================================
*/

#success-section-one {
  padding: 100px 0 50px;
  position: relative;
}
#success-section-one .success-steps-item {
  margin-bottom: 50px;
  overflow: hidden;
  max-width: 540px;
  width: 100%;
}

#success-section-one .success-steps-item .icon {
  width: 65px;
  height: 65px;
  border: 1px solid #93c800;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  float: left;
  background-color: #93c800;
  margin-right: 15px;
}

#success-section-one .success-steps-item .icon img {
  max-width: 30px;
}

#success-section-one .success-steps-item .text {
  width: calc(100% - 80px);
  float: left;
}

#success-section-one .bg-image {
  background: url("../img/success-steps/1.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
}

/*
* ====================================
*  21. Success Section Two
* ====================================
*/

#success-section-two {
  padding: 100px 0;
  background: #131f3d;
  position: relative;
}

#success-section-two .success-steps-item {
  padding: 0 5px;
}

#success-section-two .success-steps-item .icon {
  width: 75px;
  height: 75px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 72px;
  border-radius: 50%;
  margin-bottom: 25px;
  position: relative;
}

#success-section-two .success-steps-item .icon span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #93c800;
  color: #ffffff;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
}

#success-section-two .success-steps-item .icon img {
  max-width: 30px;
}
/*
* ====================================
*  24. Sidebar
* ====================================
*/

.sidebar-widget {
  border: 1px solid #dddddd;
  padding: 50px 30px;
  margin-bottom: 50px;
}

.sidebar-widget .title {
  font-size: 20px;
  padding-bottom: 15px;
  margin-bottom: 25px;
  text-transform: uppercase;
  border-bottom: 1px solid #c79153;
}

.sidebar-widget .sidebar-single-post {
  display: inline-block;
  margin-bottom: 30px;
}

.sidebar-widget .sidebar-single-post:last-of-type {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-single-post .image-box {
  width: 100px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sidebar-widget .sidebar-single-post .contents {
  width: calc(100% - 100px);
  padding-left: 15px;
  float: left;
}
.sidebar-widget .sidebar-single-post .contents a {
  text-decoration: none;
}
.sidebar-widget .sidebar-single-post h4 {
  font-size: 16px;
  margin-bottom: 5px;
}

.sidebar-widget .sidebar-single-post .date {
  font-size: 14px;
  margin-bottom: 0;
}

.sidebar-widget .categories {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-widget .categories li {
  padding: 15px 0 10px;
  border-bottom: 1px solid #dddddd;
}

.sidebar-widget .categories li:first-child {
  padding: 0 0 10px;
}

.sidebar-widget .categories li:last-child {
  padding: 15px 0 0;
  border-bottom: none;
}

.sidebar-widget .categories li span {
  float: right;
}

/*
* ====================================
*  25. Get Started Section One
* ====================================
*/

#get-started-section-one {
  padding: 100px 0 0;
}

#get-started-section-one .section-header-primary {
  z-index: 1;
  position: relative;
}

#get-started-section-one .get-started-image {
  margin-top: -50px;
}

/*
* ====================================
*  26. Get Started Section Two
* ====================================
*/

#get-started-section-two {
  padding: 100px 0;
  background-image: url("../img/get-started/2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

#get-started-section-two:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 31, 61, 0.7);
  z-index: -1;
}

/*
* ====================================
*  27. Pricing Table Section One
* ====================================
*/

#pricing-table-section-one {
  padding: 100px 0;
}

#pricing-table-section-one .pricing-table-item {
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.12);
  padding: 35px 35px 75px;
  max-width: 390px;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

#pricing-table-section-one .pricing-table-item h3 {
  font-family: "Poppins", sans-serif;
  color: #93c800;
  font-size: 24px;
  margin-bottom: 5px;
}

#pricing-table-section-one .pricing-table-item .price {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #131f3d;
  font-size: 30px;
  margin-bottom: 15px;
}

#pricing-table-section-one .pricing-table-item .description {
  color: #a7a7a7;
  font-size: 18px;
  margin-bottom: 20px;
}

#pricing-table-section-one .pricing-table-item ul {
  list-style: none;
  margin: 0 0 30px 0;
  padding: 15px 0;
  border-top: 1px solid #93c800;
  border-bottom: 1px solid #93c800;
}

#pricing-table-section-one .pricing-table-item ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
  text-decoration: line-through;
  color: #a3b2be;
}

#pricing-table-section-one .pricing-table-item ul li.active {
  text-decoration: inherit;
  color: inherit;
}

#pricing-table-section-one .pricing-table-item ul li i {
  color: #93c800;
  position: absolute;
  left: 5px;
  top: 5px;
}

#pricing-table-section-one .pricing-table-item .btn {
  position: absolute;
  bottom: 35px;
}

/*
* ====================================
*  28. Contact Section
* ====================================
*/

#contact-section {
  padding: 100px 0;
}

#contact-section .contact-item {
  text-align: center;
  padding: 50px 5px 25px;
  background: #f6f6f6;
  height: 100%;
}

#contact-section .contact-item a {
  color: #657786;
  text-decoration: none;
}

#contact-section .contact-item hr {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#contact-section .contact-item i {
  font-size: 35px;
  margin-bottom: 15px;
  color: #93c800;
}

#contact-section .contact-map-form {
  margin-top: 75px;
}

#contact-section #googleMap {
  height: 300px;
}

#message_sent .alert-success {
  color: #93c800;
  background-color: #ddd;
  border-color: #ddd;
}

/*
* ====================================
*  29. Page Header Section
* ====================================
*/

#page-header-section {
  /* background-image: url("../images/sssssssssssss.jpeg"); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 150px 0 50px;
  position: relative;
  color: #ffffff;
  text-align: center;
  z-index: 1;
}

#page-header-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.39); */
  z-index: -1;
}

#page-header-section h1 {
  font-weight: 500;
  font-size: 35px;
  line-height: 1.2em;
}

#page-header-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#page-header-section ul li {
  display: inline-block;
  margin: 0 5px;
}

#page-header-section ul li a {
  color: #ffffff;
  text-decoration: none;
}

/*
* ====================================
*  30. Footer Area
* ====================================
*/

.footer-one {
  background: #34323d url("../img/footer/bg.png") no-repeat;
  background-position: center 80px;
}

.footer-one .footer-top {
  padding: 100px 0 25px;
}

.footer-one .footer-top h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

.footer-one .footer-top .footer-logo {
  max-width: 200px;
}

.footer-one .footer-top .footer-logo,
.footer-one .footer-top h3 {
  margin-bottom: 50px;
}

.footer-one .footer-top .social-icons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-one .footer-top .social-icons a {
  display: inline-block;
  padding-right: 15px;
  margin-bottom: 15px;
}

.footer-one .footer-top .social-icons a {
  max-width: 35px;
}

.footer-one .footer-top .social-icons a i {
  color: #93c800;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.footer-one .footer-top .links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-one .footer-top .links li {
  margin-bottom: 10px;
}

.footer-one .footer-top .links li a,
.footer-one .footer-top .address-list li a {
  color: #657786;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
}
.footer-one .footer-top .links li:hover a,
.footer-one .footer-top .address-list li:hover a {
  color: #fff;
}
.footer-one .footer-top .address-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-one .footer-top .address-list li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
}

.footer-one .footer-top .address-list li .icon {
  position: absolute;
  top: 0;
  left: 0;
}

.footer-one .footer-bottom {
  padding: 25px 0 30px;
  font-size: 12px;
}

.footer-one .footer-bottom .right-side {
  text-align: right;
}

.footer-one .footer-bottom .right-side ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-one .footer-bottom .right-side ul li {
  margin: 0 15px;
  display: inline-block;
}

.footer-one .footer-bottom .right-side ul li:last-child {
  margin-right: 0;
}

.footer-one .footer-bottom .right-side ul li a {
  color: #657786;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
}
.footer-one .footer-bottom .right-side ul li:hover a {
  color: #ffffff;
}
/* pre loader */
.spinner-wrpr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #181926;
  z-index: 1000;
}

.spinner-wrpr .spinner {
  width: 80px; /* Increase the width */
  height: 80px; /* Increase the height */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner-wrpr .double-bounce1,
.spinner-wrpr .double-bounce2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: spinner-bounce 1s infinite ease-in-out;
}

.spinner-wrpr .double-bounce1 svg,
.spinner-wrpr .double-bounce2 svg {
  width: 100%;
  height: 100%;
}

.spinner-wrpr .double-bounce2 {
  animation-delay: -1s;
}

@keyframes spinner-bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

/*
* ====================================
*  32. Scroll To Top
* ====================================
*/

#scroll-to-top {
  color: #93c800;
  font-size: 40px;
  position: fixed;
  bottom: 2%;
  right: 5%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#scroll-to-top i {
  background: rgba(255, 255, 255, 0.8);
  padding: 0px 5px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#scroll-to-top:hover i {
  background: #fff;
}

#scroll-to-top.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
}
#client-logo {
  padding-top: 20px;
  display: grid;
  place-items: center;
}
#client-logo h3 {
  font-size: 23px;
  margin-top: 10px;
  margin-bottom: 15px;
  align-items: center;
  text-align: center;
}
.slider {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 80%;
  overflow: hidden;
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7.4px);
  -webkit-backdrop-filter: blur(7.4px);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.slider-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  animation: scrolling 30s linear infinite;
}

.slider-items2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  animation: scrolling 8s linear infinite;
}

.slider-items3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  /* animation: scrolling 10s linear infinite; */
}
.slider-items4 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
  /* animation: scrolling 10s linear infinite; */
}
@keyframes scrolling {
  0% {
    transform: translateX(80%);
  }
  100% {
    transform: translateX(-20%);
  }
}
.slider-items img,
.slider-items2 img,
.slider-items3 img {
  width: 180px;
  height: auto;
  margin: 20px;
}
.slider-items4 img {
  width: 180px;
  height: auto;
  margin: 20px;
}
.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  gap: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.logo-container img {
  margin: 10px;
  height: 80px;
  object-fit: contain;
  transition: transform 0.3s ease-in-out;
}
.logo-container img:hover {
  transform: scale(1.1);
}
.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* Ensure logos wrap on smaller screens */
  padding: 20px;
  gap: 20px; /* Space between logos */
  background-color: #f9f9f9; /* Light background for contrast */
  border-radius: 10px; /* Rounded corners for a modern look */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

.logo-container img {
  margin: 10px; /* Space around each logo */
  height: 80px; /* Consistent height */
  object-fit: contain; /* Ensure logos fit well */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.logo-container img:hover {
  transform: scale(1.1); /* Slightly enlarge on hover */
}
/* Mobile specific styling */
@media screen and (max-width: 768px) {
  .slider{
    width: 90%;
  }
  .slider-items3,
  .slider-items4 {
    animation: scrolling 10s linear infinite;
  }
  .slider-items2 {
    animation: scrolling 12s linear infinite;
  }
  .slider-items {
    animation: scrolling 50s linear infinite;
  }
  @keyframes scrolling {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
}

/*  */
.team-container {
  padding: 20px;
}

.team-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.team-col {
  flex: 1;
  max-width: 45%;
  box-sizing: border-box;
  margin: 10px;
}

.team-member {
  border: 1px solid #d3d3d3;
  position: relative;
  overflow: hidden;
}

.team-member img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .team-content {
    overflow: scroll !important;
  }
}

.team-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 45px 18px;
  background: rgba(0, 0, 0, 0.7);
  transform: translateX(-100%);
  transition: all 0.2s ease 0s;
}

.team-member:hover .team-content {
  transform: translateX(0);
}

.team-title {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

.team-position {
  font-size: 14px;
  color: #00a2b0;
  display: block;
  /* margin-bottom: 20px; */
}

.team-description {
  font-size: 14px;
  line-height: 25px;
  color: #fff;
  /* margin-bottom: 20px; */
}

.team-social {
  margin: 0;
  padding: 0;
  list-style: none;
}

.team-social li {
  display: inline-block;
  margin-right: 5px;
}

.team-social li a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #f5f5f5;
  font-size: 17px;
  color: #f5f5f5;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  transition: border 0.3s ease 0s;
}

.team-social li a:hover {
  border-color: transparent;
}

.team-prof {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: right;
  padding: 20px 16px;
  background: rgba(0, 0, 0, 0.7);
  transform: translateX(0);
  transition: all 0.2s ease 0s;
}

.team-member:hover .team-prof {
  transform: translateX(100%);
}
.new-container {
  padding: 20px 20px;
}

.new-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.new-col-img,
.new-col-text {
  flex: 1;
  box-sizing: border-box;
  margin: 10px;
}

.new-col-img {
  max-width: 45%;
}

.new-col-text {
  max-width: 50%;
}

.img-wrapper {
  text-align: center;
}

.new-imageme {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.new-small-secondary {
  font-size: 14px;
  color: #888;
}
.new-right-side {
  margin-top: -0px;
}
.new-right-side h3 {
  font-size: 24px;
  color: #93c800;
  margin-top: 30px;
}
.padd-top {
  margin-top: 50px;
}
.new-right-side p {
  font-size: 16px;
  color: #555;
  line-height: 1.5;
  margin-top: 10px;
}
#image-taweel {
  width: 70%;
  height: auto;
}
li a {
  text-decoration: none;
  color: #524c4c;
}

@media only screen and (max-width: 990px) {
  .team-col {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.hidenD {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .hidenD {
    display: block !important; 
  }
  .hidenM {
    display: none !important;
  }
  .footerChidiac {
    align-items: center;
    align-self: center;
    text-align: center;
  }
  .padded {
    padding-left: 10px;
    padding-right: 10px;
  }
  .team-container {
    margin-top: -60px;
  }
  .new-right-side {
    margin-top: 30px;
  }
  #hero-section-one {
    background: url("../images/wpmob.jpeg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    position: relative;
    z-index: 1;
  }

  #hero-section-one:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.39);
    z-index: -1;
  }
  .team-col {
    max-width: 100%;
    flex: 100%;
    margin: 8px 0;
  }

  .team-title {
    font-size: 16px;
  }

  .team-position {
    font-size: 11px;
  }

  .team-description {
    font-size: 10px;
  }

  .team-social li a {
    width: 35px;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
  }

  .team-prof {
    padding: 15px 12px;
  }

  #about-section-one .left-side .img-wrpr {
    width: auto;
    height: 100px;
    padding-left: 20%;
  }

  #client-logo h3 {
    font-size: 15px;

    align-items: center;
  }

  .slider-items img {
    width: 100%;
    height: auto;
  }
  .slider-items2 img {
    width: 100%;
    height: auto;
  }

  .logo-container {
    flex-direction: column;
  }

  .logo-container img {
    width: 60%; /* Smaller width for logos on small screens */
    height: auto;
    margin: 10px 0;
  }

  .new-row {
    flex-direction: column;
  }

  .new-col-img,
  .new-col-text {
    max-width: 100%;
    margin: 10px 0;
  }

  .new-small-secondary {
    text-align: center;
  }

  .new-right-side h3 {
    text-align: center;
    margin-top: 10px;
  }

  .new-right-side p {
    text-align: justify;
  }
  #testimonial-section-one p {
    font-size: 5px;
  }
  #testimonial-section-one {
    margin-top: -30px;
  }
}
/* Counter Section Styles */
/* Counter Section Styles */
.counter-section {
  padding: 30px 0;
  background-color: #f9f9f9;
  /* margin-bottom: 50px; */
}

.counter-title {
  margin-top: 30px;
  font-size: 20px;
  margin-bottom: 20px;
  color: #333;
  font-weight: 700;
}

.counter-table {
  width: 100%;
  border-collapse: collapse;
}

.counter-item {
  padding: 24px;
  text-align: center;
  vertical-align: top;
}

.counter-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.counter {
  font-size: 28px;
  font-weight: 700;
  color: #93c800;
  display: inline-block;
  line-height: 1.2;
}

.plus {
  font-size: 24px;
  font-weight: 700;
  color: #93c800;
  margin-left: 2px;
}

.counter-item p {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .counter-section .counter-table {
    width: 100%;
  }

  .counter-section .counter-table td {
    width: 50%;
    display: block;
    padding: 10px 5px;
    box-sizing: border-box;
  }

  .counter-section .counter-table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .padtop{
    margin-top: -10px;
  }
}