/* 
***************************************
Template Name: Fax-IT - Technology & IT Solutions HTML Template.
Author: ThemeFax 
Author Email: themefaxbd@gmail.com
Version: 1.0
Description: Fax-IT - Technology & IT Solutions HTML Template is a cutting-edge, multipurpose template created especially for IT services, technology, cyber security, IT solutions, and consulting companies associated with any business website. This is quite adaptable and looks great on mobile devices. EduFax Template has a fully responsive layout. Fax-IT fits perfectly on various displays and resolutions from regular desktop screens to tablets, iPads, iPhones, and small mobile devices.
***************************************

CSS INDEX
===================================
01. GLOBAL CSS 
02. HOME PAGE
03. HOME PAGE 2
04. SERVICES DETAILS
05. PROJECT DETAILS
06. TEAM DETAILS
07. BLOG DETAILS
08. FAQs
09. PRIVACY POLICY
10. PRICING 
11. SHOP
12. SHOP DETAILS 
13. SIGN IN
14. 404 
15. CART VIEW 
16. CHECKOUT 
17. PAYMENT
18. CONTACT

/*==============================
  GLOBAL CSS START
=============================*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Nunito+Sans:opsz,wght@6..12,200;6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&display=swap");

* {
  margin: 0;
  padding: 0;
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  display: inline-block;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: var(--headingFont);
  color: var(--colorBlack);
}

p,
span {
  font-size: 16px;
  font-weight: 400;
  color: var(--paraColor);
  font-family: var(--paraFont);
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  color: var(--paraColor);
  font-family: var(--paraFont);
  background: var(--colorWhite);
}

img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

input,
textarea {
  width: 100%;
  padding: 12px 20px;
  outline: none;
  resize: none;
  background: none;
  border: 1px solid rgba(9, 9, 25, 0.10);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 300;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

input::placeholder,
textarea::placeholder {
  color: #a6a6ac;
}

button {
  border: none;
}

input:hover,
input:focus,
button:hover,
button:focus {
  outline: none;
  box-shadow: none;
}

:root {
  --colorPrimary: #ff3838;
  --paraColor: #5a5b6b;
  --colorBlack: #090919;
  --colorWhite: #ffffff;
  --headingFont: "Montserrat", sans-serif;
  --paraFont: "Nunito Sans", sans-serif;
}

.section_heading {
  padding-bottom: 30px;
  text-align: center;
}

.section_heading h3 {
  color: #198754;
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}

.section_heading h3::after {
  content: "";
  width: 30px;
  height: 2px;
  background: #198754;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 10;
}

.section_heading h3 span {
  display: block;
  width: 772px;
  text-align: center;
  font-family: var(--headingFont);
  font-size: 80px;
  font-weight: 700;
  line-height: 80px;
  text-transform: uppercase;
  -webkit-text-stroke: 1px rgba(9, 9, 25, 0.078);
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.section_heading h2 {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 44px;
  font-weight: 700;
  line-height: 60px;
  padding-top: 10px;
}

.common_btn {
  color: var(--colorWhite);
  text-align: center;
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  padding: 15px 30px;
  background: #198754;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.common_btn::after {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--colorBlack);
  border-radius: 30px;
  top: 0;
  left: 0;
  transform: scale(.5);
  opacity: 0;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.common_btn:hover::after {
  transform: scale(1);
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.play_btn {
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 58px;
  background: var(--colorWhite);
  color: #198754;
  font-size: 16px;
  position: relative;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.play_btn:hover {
  color: var(--colorBlack);
}

.play_btn::after {
  position: absolute;
  content: "";
  background: var(--colorWhite);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  animation: play_btn_animi linear 1s infinite;
  -webkit-animation: play_btn_animi linear 1s infinite;
}

@keyframes play_btn_animi {
  from {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  to {
    transform: scale(2);
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  to {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
}

.nextArrow,
.prevArrow {
  width: 50px;
  height: 50px;
  line-height: 50px !important;
  text-align: center;
  background: var(--colorWhite);
  border: 1px solid rgba(9, 9, 25, 0.10);
  border-radius: 50%;
  color: var(--colorBlack);
  font-size: 16px;
  position: absolute;
  top: -85px;
  right: 12px;
  z-index: 2;
  cursor: pointer;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.nextArrow,
.nextArrow:hover,
.prevArrow:hover {
  background: #198754;
  border-color: #198754;
  color: var(--colorWhite);
}

.prevArrow {
  right: 75px;
}

.breadcrumb_area {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.breadcrumb_overlay {
  background: #090919a8;
  padding: 150px 0px 148px 0px;
}

.breadcrumb_text h1 {
  color: var(--colorWhite);
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 25px;
}

.breadcrumb_text ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.breadcrumb_text ul li a {
  color: var(--colorWhite);
  font-family: var(--headingFont);
  font-size: 18px;
  font-weight: 500;
  padding-right: 25px;
  margin-right: 25px;
  position: relative;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.breadcrumb_text ul li:last-child a {
  margin-right: 0;
  padding-right: 0;
}

.breadcrumb_text ul li:last-child a::after {
  display: none;
}

.breadcrumb_text ul li a:hover {
  color: #198754;
}

.breadcrumb_text ul li a::after {
  position: absolute;
  content: "\f054";
  font-family: "font awesome 5 free";
  font-weight: 600;
  font-size: 13px;
  top: 4px;
  right: -4px;
}

.pagination_area ul {
  justify-content: center;
}

.pagination_area ul li a {
  border: 2px solid rgba(9, 9, 25, 0.10);
  width: 50px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  padding: 0;
  border-radius: 50% !important;
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  margin: 0px 10px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.pagination_area ul li a:hover,
.pagination_area ul li a.active {
  background: #198754;
  border-color: #198754;
  color: var(--colorWhite);
}

.home_2 .section_heading h3::after {
  display: none;
}

/*==============================
  GLOBAL CSS END
=============================*/


/*==============================
  HOME PAGE START
=============================*/
/* header start */
header {
  height: 50px;
  line-height: 50px;
  background: #198754;
}

.header_info li a {
  color: var(--colorWhite);
  font-size: 16px;
  font-family: var(--paraFont);
  margin-right: 20px;
}

.header_info li:last-child a {
  margin-right: 0;
}

.header_info li a i {
  margin-right: 5px;
}

.header_icon {
  justify-content: end;
  margin-top: 2px;
}

.header_icon li a {
  color: var(--colorWhite);
  font-size: 16px;
  margin-right: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.header_icon li:last-child a {
  margin-right: 0;
}

/* header end */

/* menu start */
.main_menu {
  width: 100%;
  height: 90px;
  position: relative;
  z-index: 999;
}

.main_menu .navbar-brand {
  margin: 0;
  padding: 0;
  width: 140px;
}

.main_menu .navbar-nav .nav-item {
  position: relative;
}

.main_menu .navbar-nav .nav-item .nav-link {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  line-height: 90px;
  padding: 0px 15px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.main_menu .navbar-nav .nav-item .nav-link:hover,
.main_menu .navbar-nav .nav-item .nav-link.active {
  color: #198754;
}

.main_menu .right_menu {
  align-items: center;
}

.main_menu .right_menu li span,
.main_menu .right_menu li .cart_view {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #198754;
  color: var(--colorWhite);
  padding: 11px;
  margin-right: 10px;
  line-height: 17px;
  cursor: pointer;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.main_menu .right_menu li span:hover,
.main_menu .right_menu li .cart_view:hover {
  background: var(--colorBlack);
}

.main_menu .right_menu li .cart_view b {
  position: absolute;
  top: -5px;
  left: -10px;
  background: var(--colorBlack);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 18px;
  text-align: center;
  font-size: 11px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.main_menu .right_menu li a {
  color: var(--colorWhite);
  background: #198754;
  padding: 10px 15px;
  border-radius: 50px;
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.main_menu .right_menu li a:hover {
  background: var(--colorBlack);
}

.menu_search {
  background: #000000b8;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  transform: scaleY(.5);
  transform-origin: top;
  opacity: 0;
  visibility: hidden;
  transition: all linear .2s;
  -webkit-transition: all linear .2s;
  -moz-transition: all linear .2s;
  -ms-transition: all linear .2s;
  -o-transition: all linear .2s;
  -webkit-transform: scaleY(.5);
  -moz-transform: scaleY(.5);
  -ms-transform: scaleY(.5);
  -o-transform: scaleY(.5);
}

.menu_search form {
  width: 650px;
  position: relative;
  background: var(--colorWhite);
  border-radius: 30px;
}

.menu_search form input {
  padding: 20px 30px;
  border-radius: 40px;
}

.menu_search form button {
  position: absolute;
  top: 11px;
  right: 11px;
  background: #198754;
  color: var(--colorWhite);
  padding: 10px 25px;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  border-radius: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.menu_search form button:hover {
  background: var(--colorBlack);
}

.menu_search form .close_search {
  display: block;
  width: 40px;
  height: 40px;
  background: var(--colorWhite);
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: var(--colorBlack);
  position: absolute;
  top: -100px;
  right: 0;
  cursor: pointer;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.menu_search form .close_search:hover {
  background: red;
  color: var(--colorWhite);
}

.menu_search.show_search {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.menu_fix {
  position: fixed;
  width: 100%;
  left: 0px;
  top: 0;
  z-index: 999;
  animation: menu_animate 1s;
  background: var(--colorWhite);
  border-bottom: 1px solid #eee;
}

@keyframes menu_animate {
  from {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
  }

  to {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
  }
}

.menu_fix .navbar-nav li a {
  color: var(--colorBlack);
}

.main_menu .droap_menu {
  position: absolute;
  width: 230px;
  top: 115%;
  left: 0;
  background: var(--colorWhite);
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: rgb(0 0 0 / 15%) 0px 4px 14px;
  padding-left: 0;
  opacity: 0;
  z-index: 99;
  visibility: hidden;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}


.droap_menu::-webkit-scrollbar {
  background: #fff;
  width: 5px;
}

.droap_menu::-webkit-scrollbar-thumb {
  background: #ddd;
}

.main_menu .droap_menu li {
  margin-left: 0;
  line-height: 30px;
}

.main_menu .droap_menu li a {
  color: var(--colorBlack);
  font-size: 15px;
  font-weight: 400;
  display: block;
  text-transform: capitalize;
  border-bottom: 1px solid #ff383817;
  padding: 7px 20px;
  border-left: 1px solid transparent;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.main_menu .droap_menu li a:hover,
.main_menu .droap_menu li a.active {
  color: #198754;
  border-left: 5px solid #198754;
}

.main_menu .nav-item:hover .droap_menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

/* menu end */


/* banner start */
.banner {
  position: relative;
  z-index: 1;
  padding: 155px 0px 95px 0px;
}

.banner::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(9, 9, 25, 0.7);
  top: 0;
  left: 0;
  z-index: -1;
}

.banner_content h3 {
  display: inline-block;
  color: var(--colorWhite);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  position: relative;
}

.banner_content h3::after {
  width: 30px;
  height: 2px;
  background: var(--colorWhite);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.banner_content h1 {
  color: var(--colorWhite);
  font-size: 60px;
  font-weight: 800;
  line-height: 80px;
  padding-top: 20px;
}

.banner_content .description {
  color: rgba(255, 255, 255, 0.90);
  font-size: 18px;
  font-weight: 400;
  margin: 25px 0px 55px 0px;
  width: 85%;
}

.banner_btn .common_btn {
  margin-right: 30px;
}

.trusted_box {
  margin-top: 105px;
}

.trusted_box li:first-child {
  width: 40%;
}

.trusted_box li:nth-child(2) {
  border-right: 1px dashed rgba(255, 255, 255, 0.50);
  margin-right: 30px;
  padding-right: 30px;
}

.trusted_box li,
.trusted_box li b {
  color: var(--colorWhite);
  font-family: var(--headingFont);
  font-size: 20px;
  font-weight: 600;
}

.trusted_box li b {
  color: #198754;
}

.trusted_box p {
  color: rgba(255, 255, 255, 0.70);
  margin-top: 8px;
}

.banner_img {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  width: 560px;
  height: 480px;
  margin-left: auto;
}

.banner_img::after {
  position: absolute;
  content: "";
  background: url(../images/banner_shape_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  top: -30px;
  left: 0;
  z-index: -1;
  animation: smooth 5s linear infinite alternate;
  -webkit-animation: smooth 5s linear infinite alternate;
}

.banner_img::before {
  position: absolute;
  content: "";
  background: url(../images/banner_shape_2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  top: -30px;
  left: 25px;
  z-index: -1;
  animation: smooth 3s linear infinite alternate;
  -webkit-animation: smooth 3s linear infinite alternate;
}

@keyframes smooth {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  to {
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
  }
}

/* banner end */

/* about start */
.about .section_heading {
  text-align: left;
}

.about_img_box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.about_img_box .small_img {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  overflow: hidden;
  width: 100px;
  height: 350px;
  margin-right: 30px;
}

.about_img_box .small_img img {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  overflow: hidden;
}

.about_img_box .main_img {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  overflow: hidden;
  width: 485px;
  height: 630px;
}

.about_img_box .main_img img {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.about_img_box .support_img {
  position: absolute;
  bottom: 20px;
  left: -20px;
}

.about_img_box .support_img .item_card {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 10;
  width: 192px;
}

.about_img_box .support_img .item_card span {
  display: inline-block;
}

.about_img_box .support_img .item_card h3 {
  color: var(--colorWhite);
  font-family: var(--headingFont);
  font-size: 20px;
  font-weight: 600;
  margin: 15px 0px 10px 0px;
}

.about_img_box .support_img .item_card p {
  font-family: var(--paraFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.90);
}

.about_content p {
  color: var(--paraColor);
  font-family: var(--paraFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 25px;
}

.grid_item {
  display: flex;
  align-items: center;
  gap: 70px;
}

.grid_item .experience {
  padding: 12px 46px 12px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 56, 56, 0.10);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.grid_item .experience p {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  padding: 0;
}

.grid_item .experience p span {
  color: #198754;
  font-style: italic;
}

.grid_item .left ul {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding-top: 33px;
  padding-bottom: 50px;
}

.grid_item .left ul li {
  position: relative;
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.grid_item .left ul li::before {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: #198754;
  font-size: 25px;
}

.grid_item .left {}

.grid_item .right {
  border: 1px solid rgba(9, 9, 25, 0.10);
  background: var(--colorWhite);
  padding: 38px 32px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  display: flex;
  flex-direction: column;
}

.grid_item .right .counter_item {
  text-align: center;
}

.grid_item .right .counter_item h4 {
  color: #198754;
  text-align: center;
  font-family: var(--headingFont);
  font-size: 36px;
  font-weight: 500;
  line-height: 35px;
}

.grid_item .right .counter_item p {
  color: var(--paraColor);
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
  padding-bottom: 0;
}

/* about end */


/* features start */
.features {
  background: url(../images/Features-BG.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature_item {
  background: var(--colorWhite);
  padding: 35px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 25px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.feature_item .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #198754;
  padding: 20px;
}

.feature_item .content a {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  padding-top: 26px;
  padding-bottom: 12px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.feature_item .content a:hover {
  color: #198754;
}

.feature_item .content p {
  color: var(--paraColor);
  font-family: var(--paraFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.feature_item:hover {
  border-color: transparent;
  box-shadow: 0px 4px 15px 0px rgba(9, 9, 25, 0.10);
}

/* features end */


/* achievements start */
.achievements .section_heading {
  padding-bottom: 20px;
}

.achievement_item {
  text-align: center;
  padding: 75px 40px 40px 40px;
  background: url(../images/achivment.png) no-repeat center/cover;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  cursor: pointer;
  z-index: 1;
  margin-top: 60px;
}

.achievement_item::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FFF2F2;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  z-index: -1;
}

.achievement_item:hover::after {
  background: rgba(255, 56, 56, 0.7);
}

.achievement_item .icon {
  display: flex;
  background: var(--colorBlack);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 5px solid var(--colorWhite);
  align-items: center;
  justify-content: center;
  padding: 5px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 50%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.achievement_item .icon span {
  height: 40px;
}

.achievement_item:hover .icon {
  background: #ff3838;
}

.achievement_item h4,
.achievement_item h4 span {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 44px;
  font-weight: 600;
  line-height: 36px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.achievement_item p {
  color: var(--paraColor);
  font-family: var(--paraFont);
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  padding-top: 8px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.achievement_item:hover h4,
.achievement_item:hover h4 span {
  color: var(--colorWhite);
}

.achievement_item:hover p {
  color: var(--colorWhite);
}

/* achievements end */


/* projects start */
.projects {
  position: relative;
}

.projects::after {
  position: absolute;
  content: "";
  background: url(../images/shape_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70px;
  height: 70px;
  top: 13%;
  left: 12%;
  animation: zoom linear 3s infinite alternate;
  -webkit-animation: zoom linear 3s infinite alternate;
}

.projects_filter {
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 20px;
}

.projects_filter button {
  text-transform: capitalize;
  color: var(--colorBlack);
  margin: 5px 15px;
  border-radius: 0;
  background: none;
  font-weight: 600;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.projects_filter button:hover {
  color: #198754;
}

.projects_filter button.active {
  color: #198754;
  border-color: #198754;
}

.project_item {
  height: 370px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin-top: 25px;
}

.project_item_text {
  background: #09091997;
  position: absolute;
  width: 100%;
  height: 70%;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: end;
  padding: 20px;
  align-items: start;
  opacity: 0;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.project_item_text span {
  color: var(--colorWhite);
  font-size: 16px;
  font-weight: 500;
  background: #198754;
  padding: 10px 25px;
  text-transform: capitalize;
  border-radius: 30px;
}

.project_item_text h3 {
  color: var(--colorWhite);
  font-size: 20px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 22px;
}

.project_item_text a {
  color: var(--colorWhite);
  font-family: var(--headingFont);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.project_item_text a i {
  margin-left: 10px;
}

.project_item_text a:hover {
  color: #198754;
}

.project_item:hover .project_item_text {
  height: 100%;
  opacity: 1;
}

/* projects end */


/* services start */
.services {
  background: #04885f;
  position: relative;
  overflow: hidden;
}

.services::after {
  position: absolute;
  content: "";
  background: url();
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: .2;
  animation: serviceAnimi linear 3s infinite alternate;
  -webkit-animation: serviceAnimi linear 3s infinite alternate;
}

@keyframes serviceAnimi {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  to {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
}

.services .section_heading {
  padding-bottom: 45px;
}

.services .section_heading h3,
.services .section_heading h2 {
  color: var(--colorWhite);
}

.services .section_heading h3::after {
  background: var(--colorWhite);
}

.services .section_heading h3 span {
  -webkit-text-stroke: 1px #ffffff1a;
}

.service_item {
  background: var(--colorWhite);
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 25px;
  position: relative;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(9, 9, 25, 0.10);
  z-index: 1;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.service_item .serial {
  font-family: var(--headingFont);
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  position: absolute;
  top: 20px;
  right: 30px;
  -webkit-text-stroke: 1px rgb(9 9 25 / 16%);
  -webkit-text-fill-color: transparent;
}

.service_item .icon {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  margin: 0 auto;
  background: #198754;
  border-radius: 50%;
  color: var(--colorWhite);
  font-size: 27px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.service_item h2 {
  color: var(--colorBlack);
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.service_item p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.service_item a {
  color: var(--colorWhite);
  background: #198754;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid var(--colorWhite);
  padding: 7px 25px;
  border-radius: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  position: absolute;
  left: 50%;
  bottom: -55px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.service_item a:hover {
  background: var(--colorWhite);
  border-color: var(--colorWhite);
  color: var(--colorBlack);
}

.service_item:hover {
  background: #198754;
  box-shadow: 0px 4px 20px 0px rgba(255, 33, 33, 0.40);
  margin-top: -25px;
  margin-bottom: 0;
}

.service_item:hover .icon {
  background: var(--colorWhite);
  color: #198754;
}

.service_item:hover h2,
.service_item:hover p {
  color: var(--colorWhite);
}

.service_item:hover a {
  bottom: 30px;
}

.service_item:hover p {
  margin-bottom: 50px;
}

/* services end */


/* team start */
.team .section_heading {
  text-align: left;
}

.team .section_heading h3 span {
  top: -30px;
  left: -155px;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
}

.single_team {
  position: relative;
  height: 370px;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 25px;
}

.team_slider .single_team {
  margin: 25px 12px 0px 12px;
}

.single_team .text {
  background: linear-gradient(180deg, rgba(9, 9, 25, 0.00) 52.00%, rgba(9, 9, 25, 0.54) 84.88%, rgba(9, 9, 25, 0.70) 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  padding: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_team .text a {
  display: block;
  font-family: var(--headingFont);
  color: var(--colorWhite);
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_team .text a:hover {
  color: #198754;
}

.single_team .text p {
  color: rgba(255, 255, 255, 0.90);
  position: relative;
  z-index: 3;
}

.single_team ul {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 30px;
  background: #09091987;
  transition: all linear .3s;
  z-index: 1;
  transform: scale(.8);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  opacity: 0;
  visibility: hidden;
}

.single_team ul li a {
  font-size: 16px;
  font-weight: 400;
  color: var(--colorWhite);
  margin-bottom: 10px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_team ul li a:hover {
  color: #198754;
}

.single_team:hover ul {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

/* team end */


/* testimonial start */
.testimonial {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.testimonial_img {
  height: 505px;
}

.testimonial_slider {
  position: relative;
  margin-top: 55px;
}

.testimonial_slider::after {
  position: absolute;
  content: "";
  background: url(../images/quot_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 67px;
  bottom: 120px;
  right: 90px;
}

.testimonial_slider p {
  font-size: 18px;
  font-style: italic;
  line-height: 36px;
}

.testimonial_slider h3 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 180px;
  margin-bottom: 10px;
}

.testi_slider .nextArrow,
.testi_slider .prevArrow {
  top: auto;
  bottom: 6px;
  right: 70px;
}

.testi_slider .prevArrow {
  right: 135px;
}

/* testimonial start */


/* blog start */
.single_blog {
  margin-top: 25px;
  background: var(--colorWhite);
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_blog_img {
  overflow: hidden;
  position: relative;
}

.single_blog_img img {
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_blog_img a {
  position: absolute;
  top: 30px;
  left: 30px;
  color: var(--colorWhite);
  font-weight: 500;
  background: #198754;
  padding: 10px 25px;
  border-radius: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_blog_img a:hover {
  background: var(--colorBlack);
}

.single_blog_text {
  border-radius: 0px 0px 15px 15px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  padding: 30px;
}

.single_blog_text ul {
  display: flex;
  flex-wrap: wrap;
}

.single_blog_text ul li {
  color: var(--paraColor);
  font-size: 15px;
  font-weight: 400;
  margin-right: 30px;
}

.single_blog_text ul li i {
  color: #198754;
  margin-right: 5px;
}

.single_blog_text .title {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 24px;
  font-weight: 600;
  transition: all linear .3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_blog_text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 14px 0px 22px 0px;
}

.single_blog_text .more_btn {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 500;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_blog_text .more_btn i {
  margin-left: 5px;
}

.single_blog:hover {
  box-shadow: 0px 5px 25px 0px rgba(9, 9, 25, 0.10);
}

.single_blog:hover img {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}

.single_blog:hover .title,
.single_blog:hover .more_btn {
  color: #198754;
}

/* blog end */


/* brand start */
.brand .marquee_animi {
  overflow: hidden;
  width: auto;
}

.brand_logo_area li {
  width: 190px;
  margin: 0px 30px;
}

.brand_logo_area li a {
  display: block;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  opacity: .6;
}

.brand_logo_area li a:hover {
  opacity: 1;
  filter: none;
  -webkit-filter: none;
}

/* brand end */


/* footer start */
footer {
  background: var(--colorBlack);
  position: relative;
  z-index: 1;
}

footer::after {
  position: absolute;
  content: "";
  background: url();
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .08;
}

.footer_contact {
  position: relative;
}

.footer_contact h4 {
  display: inline-block;
  padding-right: 15px;
  color: var(--colorWhite);
  background: var(--colorBlack);
  font-size: 14px;
  line-height: 35px;
  font-weight: 500;
  font-family: var(--paraFont);
  position: relative;
  z-index: 1;
}

.footer_contact::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.10);
  position: absolute;
  top: 17px;
  right: 0;
  transform: translateY(-0%);
  -webkit-transform: translateY(-0%);
  -moz-transform: translateY(-0%);
  -ms-transform: translateY(-0%);
  -o-transform: translateY(-0%);

}

.footer_contact p a {
  color: var(--colorWhite);
  font-size: 18px;
  line-height: 36px;
  font-weight: 600;
  font-family: var(--paraFont);
}

.footer_contact.contact_with h4 {
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
}

.footer_contact ol,
.footer_contact ul {
  display: flex;
  align-items: center;
  gap: 30px;
}

.footer_contact ol li a,
.footer_contact ul li a {
  color: var(--colorWhite);
  font-size: 16px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.footer_contact ol li a:hover,
.footer_contact ul li a:hover {
  color: #198754;
}

.footer_body {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.footer_content .footer_logo {
  width: 160px;
}

.footer_content p {
  color: rgba(255, 255, 255, 0.70);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--paraFont);
  line-height: 28px;
}

.footer_content h3 {
  color: var(--colorWhite);
  font-family: var(--headingFont);
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  padding-bottom: 27px;
}

.footer_content ol,
.footer_content ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer_content ol li a,
.footer_content ul li a {
  color: rgba(255, 255, 255, 0.70);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: var(--paraFont);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.footer_content ol li a:hover,
.footer_content ul li a:hover {
  color: #198754;
}

.footer_content form .subscribe {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.10);
  ;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  padding: 17px 20px;
}

.footer_content form .subscribe input {
  padding: 0;
  color: var(--colorWhite);
}

.footer_content form button {
  width: inherit;
  color: var(--colorWhite);
  text-align: center;
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  padding: 15px 30px;
  border-radius: 30px;
  background: #198754;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.footer_content form button:hover {
  background: var(--colorWhite);
  color: #198754;
}

.copy p {
  color: rgba(255, 255, 255, 0.70);
}

.footer_right_bottom {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: end;
}

.footer_right_bottom p {
  display: flex;
  gap: 15px;
  align-items: center;
  color: rgba(255, 255, 255, 0.70);
}

.footer_right_bottom p a {
  color: rgba(255, 255, 255, 0.70);
  font-family: var(--paraFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.footer_right_bottom p a:hover {
  color: #198754;
}

.payment {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* footer end */


/* scroll button start */
.scroll_btn {
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  color: var(--colorWhite);
  right: 100px;
  bottom: 35px;
  font-size: 16px;
  position: fixed;
  cursor: pointer;
  z-index: 999;
  display: none;
  background: var(--colorBlack);
  border-radius: 50%;
  border: 2px solid rgb(255 255 255 / 23%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.scroll_btn:hover {
  background: #198754;
  border-color: #198754;
}

/* scroll button end */

/*==============================
  HOME PAGE END
=============================*/



/*==============================
  HOME PAGE 2 START
=============================*/
/* menu 2 start */
.home_2 .main_menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/* menu 2 end */

/* banner 2 start */
.home_2_banner_slider .slide_item {
  height: 100vh;
  background: #FFF2F2;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.home_2_banner_slider .slide_item::after {
  position: absolute;
  content: "";
  background: url(../images/home2_banner_bg_shape_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  animation: serviceAnimi linear 3s infinite alternate;
  -webkit-animation: serviceAnimi linear 3s infinite alternate;
  z-index: -1;
}

@keyframes serviceAnimi {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }

  to {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
}

.home_2_banner_text {
  height: 100vh;
  display: flex;
  align-items: center;
}

.home_2_banner_text .content {
  padding-top: 75px;
}

.home_2_banner_text h3 {
  color: #198754;
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  background: rgba(255, 56, 56, 0.10);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 6px 25px;
}

.home_2_banner_text h1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  padding-top: 26px;
  padding-bottom: 26px;
}

.home_2_banner_text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 40px;
}

.home_2_banner_image {
  height: 100vh;
  display: flex;
  justify-content: end;
  align-items: end;
  z-index: 1;
}

.home_2_banner_image span {
  height: 85%;
  position: relative;
}

.home_2_banner_image span::before {
  position: absolute;
  content: "";
  background: url(../images/home2_victor_2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  bottom: 100px;
  animation: smooth 1s linear infinite alternate;
  left: -124px;
  z-index: -1;
}

.home_2_banner_image span::after {
  position: absolute;
  content: "";
  background: url(../images/home2_victor_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 85px;
  top: 30px;
  animation: serviceAnimi linear 1s infinite alternate;
  right: -18px;
  z-index: -1;
  -webkit-animation: serviceAnimi linear 1s infinite alternate;
}

.home_2_banner_slider .nextArrow,
.home_2_banner_slider .prevArrow {
  color: var(--paraColor);
  width: 60px;
  height: 60px;
  background: transparent;
  border: 1px solid var(--paraColor);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 100;
}

.home_2_banner_slider .prevArrow {
  left: 30px;
  right: auto;
}

.home_2_banner_slider .prevArrow:hover,
.home_2_banner_slider .nextArrow:hover {
  border-color: #198754;
  background: #198754;
  color: var(--colorWhite);
}

/* banner 2 end */

/* about 2 start */
.home_2 .about_img_box {
  padding-right: 25px;
  display: block;
}

.home_2 .about_img_box .main_img {
  width: 590px;
  height: 500px;
  padding-left: 145px;
  position: relative;
  z-index: 1;
  margin-left: auto;
}

.home_2 .about_img_box .main_img::after {
  content: "";
  width: 126px;
  height: 83px;
  background: url(../images/home2_about_dots.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 30px;
  top: 50px;
  z-index: -1;
}

.home_2 .about_img_box .support_img {
  z-index: 10;
}

.home_2 .about_img_box .support_img .card span {
  display: inline-block;
}

.home_2_about_counter {
  display: flex;
  gap: 90px;
  padding-top: 35px;
}

.home_2_about_counter h4 {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 44px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
  align-items: center;
}

.home_2_about_counter h4 span {
  color: var(--colorBlack);
  font-size: 44px;
  font-weight: 700;
  line-height: 40px;
}

.home_2_about_counter p {
  margin-top: 8px;
  color: var(--colorBlack);
  font-size: 18px;
  font-family: var(--headingFont);
  font-weight: 500;
  line-height: 40px;
}

/* about 2 end */

/* service 2 start */
.home_2_services {
  position: relative;
}

.home_2_services::after {
  position: absolute;
  content: "";
  background: url(../images/shape_2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 80px;
  height: 80px;
  top: 0%;
  right: 40%;
  animation: zoom linear 3s infinite alternate;
  -webkit-animation: zoom linear 3s infinite alternate;
}

.home_2 .section_heading {
  text-align: left;
}

.home_2_service_item {
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  background: var(--colorWhite);
  box-shadow: 0px 3px 10px 0px rgba(255, 56, 56, 0.07);
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  margin: 25px 12px 20px 12px;
}

.home_2_service_item .image {
  position: relative;
}

.home_2_service_item .image .service.vbox-item {
  display: block;
}

.home_2_service_item .image a img {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
}

.home_2_service_item .image span {
  border-radius: 10px;
  background: var(--colorWhite);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
  padding: 15px;
  right: 30px;
  bottom: -15px;
  z-index: 10;
}

.home_2_service_item .image span svg path {
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_service_item .text {
  padding: 25px 30px 30px 30px;
}

.home_2_service_item .text .link {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_service_item .text p {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home_2_service_item .text .btn {
  color: var(--colorBlack);
  text-align: center;
  font-family: var(--headingFont);
  font-size: 12px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  padding: 5px 15px;
  border: 1px solid var(--colorBlack);
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_service_item:hover .image span svg path {
  fill: #198754;
}

.home_2_service_item:hover .text .link {
  color: #198754;
}

.home_2_service_item:hover .text .btn {
  color: var(--colorWhite);
  background: #198754;
  border: 1px solid #198754;
}

/* service 2 end */

/* video 2 start */

.home_2_video_overlay {
  background: rgba(9, 9, 25, 0.6);
}

.home_2_video_content {
  text-align: center;
}

.home_2_video_content .play_btn {
  background: #198754;
  color: var(--colorWhite);
  z-index: 9;
  width: 75px;
  height: 75px;
  line-height: 78px;
}

.home_2_video_content .play_btn::after {
  background: #198754
}

.home_2_video_content h2 {
  color: var(--colorWhite);
  text-align: center;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  padding: 42px 80px;
}

/* video 2 end */

/* projects 2 start */
.home_2 .projects .section_heading {
  text-align: center;
}

.home_2 .projects::after {
  display: none;
}

/* projects 2 end */

/* counter 2 start */
.home_2_counter_item {
  background: var(--colorWhite);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 30px 40px;
  cursor: pointer;
  position: relative;
  transition: all linear .3s;
  margin-top: 25px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.home_2_counter_item .victor_icon {
  position: absolute;
  right: 26px;
  top: 26px;
  z-index: 10;
}

.home_2_counter_item .victor_icon span svg path {
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_counter_item .counter_icon span {
  width: 70px;
  height: 70px;
  background: var(--colorBlack);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_counter_item .counter_icon span svg path {
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_counter_item .counter_text h3 {
  color: var(--colorBlack);
  font-size: 44px;
  font-weight: 700;
  line-height: 36px;
  display: flex;
  align-items: center;
  padding-top: 27px;
  padding-bottom: 5px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_counter_item .counter_text h3 span {
  color: var(--colorBlack);
  font-size: 44px;
  font-weight: 700;
  line-height: 36px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_counter_item .counter_text p {
  color: var(--paraColor);
  font-family: var(--headingFont);
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_counter_item:hover {
  background: #198754;
}

.home_2_counter_item:hover .counter_icon span {
  background: var(--colorWhite);
}

.home_2_counter_item:hover .counter_icon span svg path {
  fill: #198754;
}

.home_2_counter_item:hover .victor_icon span svg path {
  fill: var(--colorWhite);
}

.home_2_counter_item:hover .counter_text h3 {
  color: var(--colorWhite);
}

.home_2_counter_item:hover .counter_text h3 span {
  color: var(--colorWhite);
}

.home_2_counter_item:hover .counter_text p {
  color: var(--colorWhite);
}

/* counter 2 end */

/* team 2 start */
.home_2_team .section_heading {
  text-align: center;
}

.home_2_team_item {
  cursor: pointer;
  padding-top: 26px;
}

.home_2_team_item .image span {
  display: block;
  text-align: center;
  background: #FFF2F2;
  border-radius: 150px 150px 0px 0px;
  -webkit-border-radius: 150px 150px 0px 0px;
  -moz-border-radius: 150px 150px 0px 0px;
  -ms-border-radius: 150px 150px 0px 0px;
  -o-border-radius: 150px 150px 0px 0px;
}

.home_2_team_item .text {
  text-align: center;
  padding: 45px 50px 22px;
  background: var(--colorWhite);
  border-radius: 0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  -ms-border-radius: 0px 0px 20px 20px;
  -o-border-radius: 0px 0px 20px 20px;
  transition: all linear 0.3s;
  position: relative;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07);
}

.home_2_team_item .text ul {
  background: var(--colorBlack);
  padding: 14px 23px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_team_item .text ul li a {
  color: var(--colorWhite);
  font-size: 16px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_team_item .text a.link {
  color: var(--colorBlack);
  text-align: center;
  font-family: var(--headingFont);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}

.home_2_team_item .text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.home_2_team_item:hover .text {
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.10);
}

.home_2_team_item:hover .text ul {
  background: #198754;
}

.home_2_team_item:hover .text ul li a {
  color: var(--colorWhite);
}

.home_2_team_item:hover .text a.link {
  color: #198754;
}

/* team 2 end */

/* testimonial 2 start */
.home_2_testimonial {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.home_2_testimonial .section_heading {
  text-align: center;
  padding-bottom: 40px;
}

.home_2_single_team {
  padding: 75px 40px 40px 40px;
  background: var(--colorWhite);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  position: relative;
  margin: 0 15px;
  margin-top: 50px;
  margin-bottom: 60px;
}

.home_2_single_team span {
  width: 90px;
  height: 90px;
  border: 5px solid var(--colorWhite);
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: absolute;
  left: 45px;
  top: 0;
  z-index: 100;
}

.home_2_single_team .item_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
  margin-top: 20px;
  border-top: 1px solid rgba(9, 9, 25, 0.10);
}

.home_2_single_team .item_bottom .text h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
}

.home_2_single_team .item_bottom .text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.home_2_single_team .item_bottom ul {
  display: flex;
  justify-content: end;
  gap: 5px;
}

.home_2_single_team .item_bottom ul li {
  color: #FFB81F;
}

.home_2_single_team .item_bottom ul li.no_select {
  color: #09091933;
}

.home_2_team_slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.home_2_team_slider .slick-dots li {
  width: 30px;
  height: 8px;
  background: var(--colorWhite);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  cursor: pointer;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.home_2_team_slider .slick-dots li:hover,
.home_2_team_slider .slick-dots li.slick-active {
  background: #198754;
}

.home_2_team_slider .slick-dots li button {
  display: none;
}

/* testimonial 2 end */

/* blog 2 start */
.home_2 .blog .section_heading {
  text-align: center;
}

.home_2 .single_blog_img a {
  position: absolute;
  top: 30px;
  left: inherit;
  right: 30px;
  background: rgba(9, 9, 25, 0.30);
}

.home_2 .single_blog:hover .single_blog_img a {
  background: #198754;
}

.home_2 .single_blog_text ul li i {
  color: var(--paraColor);
}

.home_2 .single_blog_text .more_btn {
  color: var(--paraColor) !important;
}

.home_2 .single_blog_text .more_btn:hover {
  color: #198754 !important;
}

/* blog 2 end */

/* footer 2 start */
.home_2 .footer_gallery {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}

.home_2 .footer_gallery li {
  width: 92px;
  height: 90px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.home_2 .footer_right_bottom ul {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: end;
}

.home_2 .footer_right_bottom ul li a {
  color: rgba(255, 255, 255, 0.70);
  text-align: right;
  font-family: var(--paraFont);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.home_2 .footer_right_bottom ul li a:hover {
  color: #198754;
}

.home_2 .footer_body {
  border-top: 0 solid rgba(255, 255, 255, 0.10);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.home_2 footer .container {
  position: relative;
}

.home_2 .row.home_2_subscribe {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  width: 100%;
  border: 1px solid rgba(255, 56, 56, 0.10);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 40px 60px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 1;
  overflow: hidden;
}

.home_2_subscribe .text h3 {
  font-size: 44px;
  font-weight: 700;
  line-height: 60px;
}

.home_2_subscribe .form form {
  position: relative;
}

.home_2_subscribe .form form input {
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: var(--colorWhite);
  padding: 25px 30px;
  border-radius: 70px;
}

.home_2_subscribe .form form button {
  position: absolute;
  top: 10px;
  right: 10px;
}

.footer_content .social_link {
  flex-direction: inherit;
  gap: 10px;
  margin-top: 25px;
}

.footer_content .social_link li a {
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.10);
  color: var(--colorWhite);
  line-height: 47px;
  text-align: center;
  border-radius: 50%;
}

.footer_content .social_link li a:hover {
  background: var(--colorWhite);
  color: #198754;
}

/* footer 2 end */

/*==============================
  HOME PAGE 2 END
=============================*/


/*==============================
  SERVICES DETAILS START
=============================*/
.services_details_text span {
  display: block;
  background: #FFF2F2;
  padding: 30px 50px;
  color: var(--colorBlack);
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 32px;
  font-family: var(--headingFont);
  border-left: 5px solid #198754;
  margin-top: 40px;
}

.details_center_img {
  height: 350px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 35px;
}

.details_center_text {
  margin-top: 30px;
}

.accordion-item {
  margin-top: 30px;
  border-radius: 10px !important;
  border: 1px solid rgba(9, 9, 25, 0.10);
  background: var(--colorWhite);
  overflow: hidden;
}

.accordion-header {
  border: none;
}

.accordion-item button {
  color: var(--colorBlack) !important;
  font-size: 18px;
  font-family: var(--headingFont);
  font-weight: 600;
  line-height: 28px;
  border: none;
  border-top: 1px solid rgba(9, 9, 25, 0.10) !important;
  border-radius: 10px !important;
}

.accordion-button:not(.collapsed) {
  background-color: var(--colorWhite);
  box-shadow: none;
}

.accordion-item .accordion-body {
  padding-top: 10px;
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
}

.accordion-item:first-of-type .accordion-button {
  border-top: 0 !important;
}

.sidebar h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  border-left: 3px solid #198754;
  padding-left: 15px;
  margin-bottom: 30px;
}

.sidebar_search form {
  border-radius: 10px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  background: var(--colorWhite);
  overflow: hidden;
  position: relative;
}

.sidebar_search form input {
  border: none;
}

.sidebar_search form button {
  position: absolute;
  background: #198754;
  top: 0;
  right: 0;
  width: 48px;
  height: 100%;
  border-radius: 10px;
  color: var(--colorWhite);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sidebar_search form button:hover {
  background: var(--colorBlack);
}

.sidebar_category ul li a {
  display: block;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  color: var(--colorBlack);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  position: relative;
  padding: 15px 20px;
  margin-top: 20px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sidebar_category ul li a:hover {
  background: #198754;
  color: var(--colorWhite);
}

.sidebar_category ul li a::after {
  position: absolute;
  content: "\f061";
  font-family: "font awesome 5 free";
  font-size: 14px;
  font-weight: 600;
  background: #fff2f2;
  padding: 4px 16px;
  border-radius: 30px;
  top: 50%;
  right: 20px;
  transition: all linear .3s;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sidebar_category ul li a:hover::after {
  background: var(--colorWhite);
  color: #198754;
}

.sidebar_contact {
  position: relative;
  height: 500px;
  border-radius: 10px;
  overflow: hidden;
}

.sidebar_contact .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(9, 9, 25, 0.70);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 65px;
}

.sidebar_contact .text i {
  color: #198754;
  font-size: 35px;
}

.sidebar_contact .text h4 {
  color: var(--colorWhite);
  text-align: center;
  font-size: 44px;
  font-weight: 600;
  margin: 30px 0px 30px 0px;
}

/*==============================
  SERVICES DETAILS END
=============================*/


/*==============================
  PROJECT DETAILS START
=============================*/
.shop_details_img,
.blog_details_img,
.services_details_img,
.projects_details_img {
  height: 500px;
  border-radius: 15px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.shop_details_text h1,
.shop_details_text h2,
.shop_details_text h3,
.shop_details_text h4,
.shop_details_text h5,
.shop_details_text h6,
.blog_details_text h1,
.blog_details_text h2,
.blog_details_text h3,
.blog_details_text h4,
.blog_details_text h5,
.blog_details_text h6,
.services_details_text h1,
.services_details_text h2,
.services_details_text h3,
.services_details_text h4,
.services_details_text h5,
.services_details_text h6,
.projects_details_text h1,
.projects_details_text h2,
.projects_details_text h3,
.projects_details_text h4,
.projects_details_text h5,
.projects_details_text h6 {
  font-weight: 700;
  margin-top: 40px;
}

.shop_details_text h1,
.services_details_text h1,
.blog_details_text h1,
.projects_details_text h1 {
  font-size: 40px;
}

.shop_details_text h2,
.services_details_text h2,
.blog_details_text h2,
.projects_details_text h2 {
  font-size: 36px;
}

.shop_details_text h3,
.services_details_text h3,
.blog_details_text h3,
.projects_details_text h3 {
  font-size: 32px;
}

.shop_details_text h4,
.services_details_text h4,
.blog_details_text h4,
.projects_details_text h4 {
  font-size: 28px;
}

.shop_details_text h5,
.services_details_text h5,
.blog_details_text h5,
.projects_details_text h5 {
  font-size: 22px;
}

.shop_details_text h6,
.services_details_text h6,
.blog_details_text h6,
.projects_details_text h6 {
  font-size: 18px;
}

.shop_details_text p,
.services_details_text p,
.blog_details_text p,
.projects_details_text p {
  margin-top: 35px;
  line-height: 30px;
}

.shop_details_text ul,
.shop_details_text ol,
.services_details_text ul,
.services_details_text ol,
.blog_details_text ul,
.blog_details_text ol,
.projects_details_text ul,
.projects_details_text ol {
  margin-top: 35px;
}

.shop_details_text ul li,
.shop_details_text ol li,
.services_details_text ul li,
.services_details_text ol li,
.blog_details_text ul li,
.blog_details_text ol li,
.projects_details_text ul li,
.projects_details_text ol li {
  margin-top: 15px;
  padding-left: 30px;
  position: relative;
}

.shop_details_text ul li::after,
.shop_details_text ol li::after,
.services_details_text ul li::after,
.services_details_text ol li::after,
.blog_details_text ul li::after,
.blog_details_text ol li::after,
.projects_details_text ul li::after,
.projects_details_text ol li::after {
  position: absolute;
  content: "\f00c";
  font-family: "font awesome 5 free";
  font-weight: 600;
  font-size: 14px;
  top: 2px;
  left: 0;
  color: #198754;
}

.pro_det_center_img {
  height: 250px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 35px;
}

.pro_det_center_text h2 {
  color: #198754;
  font-size: 20px;
  font-weight: 600;
  line-height: 34px;
}

.details_next_preview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid rgba(9, 9, 25, 0.10);
  border-bottom: 1px solid rgba(9, 9, 25, 0.10);
  padding: 25px 0px;
  margin-top: 60px;
}

.details_next_preview li a {
  color: var(--paraColor);
  font-family: var(--headingFont);
  font-size: 18px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.details_next_preview li a span {
  width: 40px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(9, 9, 25, 0.10);
  transition: all linear .3s;
  margin-left: 10px;
  font-size: 14px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.details_next_preview li a:hover {
  color: #198754;
}

.details_next_preview li a:hover span {
  background: #198754;
  border-color: #198754;
  color: var(--colorWhite);
}

.details_next_preview li:first-child a span {
  margin-left: 0;
  margin-right: 10px;
}

.related_project::after {
  display: none;
}

.related_project h2 {
  font-size: 44px;
  font-weight: 700;
  margin-bottom: 30px;
}

.related_project .project_item {
  margin: 25px 12px 0px 12px;
}

.sidebar_project_info {
  border-radius: 15px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.sidebar_project_info h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}

.sidebar_project_info .list {
  margin-top: 30px;
  margin-bottom: 30px;
}

.sidebar_project_info .list li {
  color: var(--paraColor);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 20px;
}

.sidebar_project_info .list li span {
  font-family: var(--headingFont);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--colorBlack);
}

.sidebar_project_info p {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 15px;
}

.sidebar_project_info .link li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(9, 9, 25, 0.10);
  color: var(--colorBlack);
  transition: all linear .3s;
  margin-right: 10px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sidebar_project_info .link li a:hover {
  background: #198754;
  color: var(--colorWhite);
  border-color: #198754;
}

/*==============================
  PROJECT DETAILS END
=============================*/


/*==============================
  TEAM DETAILS START
=============================*/
.team_details {
  background: var(--colorWhite);
}

.team_detils_img {
  height: 560px;
  border-radius: 10px;
  overflow: hidden;
}

.team_detils_text h2 {
  font-size: 36px;
  font-weight: 700;
}

.team_detils_text h6 {
  color: #198754;
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 45px;
}

.team_detils_text p {
  margin-top: 27px;
}

.team_detils_text span {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  display: block;
  margin-top: 48px;
  margin-bottom: 20px;
}

.team_detils_text ul li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(9, 9, 25, 0.10);
  color: var(--colorBlack);
  transition: all linear .3s;
  margin-right: 20px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.team_detils_text ul li a:hover {
  background: #198754;
  color: var(--colorWhite);
  border-color: #198754;
}

.team_details .section_heading {
  text-align: left;
}

.team_details .section_heading p {
  max-width: 80%;
  margin-top: 30px;
}

.team_details_skills p {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 15px;
  margin-top: 25px;
}

.team_details_skills .barfiller {
  border-radius: 10px;
  background: rgba(255, 56, 56, 0.15);
  box-shadow: none;
  border: none;
}

.team_details_skills .tip {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 20px;
  font-weight: 600;
  background: none;
  bottom: 20px;
}

.team_details_skills .fill {
  background: #198754 !important;
  border-radius: 10px;
}

.related_team {
  background: #FFF2F2;
}

.related_team .section_heading {
  text-align: left;
}

/*==============================
  TEAM DETAILS END
=============================*/


/*==============================
  BLOG DETAILS START
=============================*/
.blog_det_header {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0;
  border-bottom: 1px solid rgba(9, 9, 25, 0.10);
}

.blog_det_header li {
  color: var(--paraColor);
  font-size: 16px;
  font-weight: 400;
  margin-right: 30px;
}

.blog_det_header li i {
  margin-right: 10px;
}

.blog_details_center_img {
  height: 280px;
  margin-top: 35px;
  border-radius: 15px;
  overflow: hidden;
}

.blog_details_center_text h2 {
  font-size: 24px;
}

.blog_details_share {
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
  border-top: 1px solid rgba(9, 9, 25, 0.10);
  border-bottom: 1px solid rgba(9, 9, 25, 0.10);
  margin-top: 35px;
}

.blog_details_share li {
  font-size: 16px;
  font-weight: 500;
}

.blog_details_share li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #5A5B6B;
  color: var(--colorBlack);
  transition: all linear .3s;
  margin-left: 10px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.blog_details_share li a:hover {
  background: #198754;
  color: var(--colorWhite);
  border-color: #198754;
}


.comment_area {
  border-bottom: 1px solid rgba(9, 9, 25, 0.10);
  padding-bottom: 30px;
}

.comment_area h2,
.comment_input_area h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
}

.single_comment {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.single_comment_img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 25px;
}

.single_comment_text {
  border-radius: 15px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  padding: 25px;
  width: 86%;
}

.single_comment_text h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.single_comment_text h3 span {
  font-weight: 500;
  margin-left: 20px;
}

.single_comment_text p {
  margin-top: 15px;
  margin-bottom: 20px;
}

.single_comment_text a {
  background: #198754;
  color: var(--colorWhite);
  padding: 5px 15px;
  border-radius: 5px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_comment_text a i {
  margin-right: 5px;
}

.single_comment_text a:hover {
  background: var(--colorBlack);
  color: var(--colorWhite);
}

.comment_reply {
  margin-left: 50px;
}

.comment_reply .single_comment_text {
  width: 85%;
}

.comment_area .pagination ul {
  justify-content: end;
}

.comment_area .pagination ul li:last-child a {
  margin-right: 0;
}

.comment_input_area h2 {
  margin-bottom: 10px;
}

.comment_input_area form input,
.comment_input_area form textarea {
  margin-top: 25px;
}

.comment_input_area form button {
  margin-top: 20px;
}

.sidebar_post ul li {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(255, 56, 56, 0.10);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.sidebar_post ul li .img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 20px;
}

.sidebar_post ul li .text {
  width: 71%;
}

.sidebar_post ul li .text p {
  margin-bottom: 13px;
}

.sidebar_post ul li .text p i {
  margin-right: 5px;
}

.sidebar_post ul li .text a {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 20px;
  font-weight: 700;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sidebar_post ul li .text a:hover {
  color: #198754;
}

.sidebar_post ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.sidebar_tags ul {
  display: flex;
  flex-wrap: wrap;
}

.sidebar_tags ul li a {
  color: var(--paraColor);
  font-family: var(--headingFont);
  font-size: 14px;
  font-weight: 500;
  border: 1px solid rgba(9, 9, 25, 0.10);
  border-radius: 30px;
  padding: 10px 25px;
  margin-top: 15px;
  margin-right: 15px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sidebar_tags ul li a:hover {
  background: #198754;
  border-color: #198754;
  color: var(--colorWhite);
}

.sidebar_tags h3 {
  margin-bottom: 15px;
}

/*==============================
  BLOG DETAILS END
=============================*/


/*==============================
  FAQs START
=============================*/
.faq_form {
  background: #FFF2F2;
}

.faq_form .form {
  text-align: center;
}

.faq_form .form input,
.faq_form .form textarea {
  margin-top: 30px;
  background: var(--colorWhite);
}

.faq_form .form button {
  margin-top: 25px;
  padding: 15px 167px;
}

/*==============================
  FAQs END
=============================*/


/*==============================
  PRIVACY POLICY START
=============================*/
.privacy_policy_text h1,
.privacy_policy_text h2,
.privacy_policy_text h3,
.privacy_policy_text h4,
.privacy_policy_text h5,
.privacy_policy_text h6 {
  font-weight: 700;
  line-height: 54px;
  margin-top: 30px;
}

.privacy_policy_text h1,
.privacy_policy_text h2 {
  font-size: 36px;
}


.privacy_policy_text h3 {
  font-size: 32px;
}

.privacy_policy_text h4 {
  font-size: 28px;
}

.privacy_policy_text h5 {
  font-size: 24px;
}

.privacy_policy_text h6 {
  font-size: 20px;
}

.privacy_policy_text p {
  margin-top: 30px;
}

.privacy_policy_text ul,
.privacy_policy_text ol {
  margin-top: 32px;
}

.privacy_policy_text ul li {
  margin-top: 15px;
  padding-left: 30px;
  position: relative;
}

.privacy_policy_text ul li::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background: var(--paraColor);
  top: 10px;
  left: 0;
}

.privacy_policy_text ol {
  padding-left: 18px;
}

.privacy_policy_text ol::marker {
  font-weight: 700;
  color: var(--colorBlack);
}

.privacy_policy_text ol li {
  list-style: auto;
  margin-top: 15px;
  padding-left: 10px;
  position: relative;
}

.privacy_policy_text ol li::marker {
  color: var(--colorBlack);
  font-weight: 700;
}

/*==============================
  PRIVACY POLICY END
=============================*/


/*==============================
  PRICING START
=============================*/
.single_pricing {
  border-radius: 15px;
  background: var(--colorBlack);
  padding: 40px;
  position: relative;
  margin-top: 25px;
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 0%) 0px 1px 3px 0px, rgb(27 31 35 / 7%) 0px 0px 0px 1px;
  z-index: 1;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_pricing::after {
  position: absolute;
  content: "";
  background: url(../images/pricing_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.single_pricing h4 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  color: var(--colorWhite);
  margin-bottom: 10px;
}

.single_pricing h2 {
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
  color: var(--colorWhite);
  margin-bottom: 100px;
}

.single_pricing h2 span {
  color: var(--colorWhite);
}

.single_pricing ul li {
  font-size: 16px;
  font-weight: 400;
  color: var(--colorBlack);
  position: relative;
  padding-left: 30px;
  margin-top: 20px;
}

.single_pricing ul li::after {
  position: absolute;
  content: "\f058";
  font-family: "font awesome 5 free";
  font-size: 20px;
  color: var(--colorBlack);
  top: -3px;
  left: 0;
}

.single_pricing ul li.delete {
  color: #198754;
}

.single_pricing ul li.delete::after {
  content: "\f057";
  color: #198754;
}

.single_pricing a {
  background: var(--colorBlack);
  width: 100%;
  margin-top: 30px;
  color: var(--colorWhite);
  text-align: center;
  font-family: var(--headingFont);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  padding: 15px 30px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_pricing:hover,
.single_pricing:hover a {
  background: #198754;
}

.single_pricing.active,
.single_pricing.active a {
  background: #198754;
}

/*==============================
  PRICING END
=============================*/


/*==============================
  SHOP START
=============================*/
.shop_filter {
  margin-bottom: 25px;
}

.shop_filter input {
  padding: 15px 20px;
}

.shop_filter button {
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.shop_filter button::after {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.single_shop {
  margin-top: 25px;
  border-radius: 10px;
  background: var(--colorWhite);
  overflow: hidden;
  box-shadow: 0px 2px 20px 0px rgba(255, 56, 56, 0.20);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.single_shop_img {
  height: 250px;
}

.single_shop_text {
  padding: 30px;
}

.single_shop_text .header p {
  color: #FFB81F;
  letter-spacing: -1px;
}

.single_shop_text .header p b {
  color: var(--paraColor);
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
  letter-spacing: .5px;
}

.single_shop_text .header span {
  color: #198754;
  font-family: var(--headingFont);
  font-size: 18px;
  font-weight: 700;
}

.single_shop_text .title {
  color: var(--colorBlack);
  font-family: var(--headingFont);
  font-size: 24px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all linear .3s;
  margin: 15px 0px 25px 0px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_shop_text .title:hover {
  color: #198754;
}

.single_shop_text ul li a {
  color: #198754;
  font-family: var(--headingFont);
  font-size: 15px;
  font-weight: 500;
  border: 1px solid #198754;
  border-radius: 30px;
  padding: 5px 20px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.single_shop_text ul li a:hover {
  background: #198754;
  color: var(--colorWhite);
  border-color: var(--colorWhite);
}

.single_shop_text ul li:last-child a {
  color: var(--colorBlack);
  border-color: var(--colorBlack);
}

.single_shop_text ul li:last-child a:hover {
  background: var(--colorBlack);
  color: var(--colorWhite);
  border-color: var(--colorBlack);
}

/*==============================
  SHOP END
=============================*/


/*==============================
  SHOP DETAILS START
=============================*/
.shop_details_header {
  border-top: 1px solid rgba(9, 9, 25, 0.10);
  border-bottom: 1px solid rgba(9, 9, 25, 0.10);
  margin-top: 30px;
  padding: 20px 0px;
  margin-bottom: 40px;
}

.shop_details_header h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 25px;
}

.shop_details_header ul li a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(9, 9, 25, 0.10);
  color: var(--colorBlack);
  transition: all linear .3s;
  margin-left: 10px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.shop_details_header ul li a:hover {
  background: #198754;
  color: var(--colorWhite);
  border-color: #198754;
}

.shop_details_pricing h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
}

.shop_details_pricing .single_pricing {
  padding: 20px;
}

.shop_details_pricing .single_pricing h4 {
  font-size: 24px;
}

.shop_details_pricing .single_pricing h2 {
  font-size: 32px;
  margin-bottom: 60px;
}

.shop_details_text {
  border-top: 1px solid rgba(9, 9, 25, 0.10);
  margin-top: 60px;
}

/*==============================
  SHOP DETAILS END
=============================*/


/*==============================
  SIGN IN START
=============================*/
.sing_in_img {
  width: 700px;
  height: 650px;
  position: relative;
  right: 130px;
}

.sing_in_text {
  border-radius: 15px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  background: var(--colorWhite);
  padding: 50px;
}

.sing_in_text .section_heading p {
  margin-top: 15px;
  margin-bottom: 10px;
}

.sign_in_input {
  margin-bottom: 20px;
}

.sign_in_input label {
  color: var(--colorBlack);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.sign_in_input .form-check {
  margin-bottom: 0;
}

.sign_in_input .form-check input {
  padding: 0;
  border-radius: 4px;
  border: 1px solid var(--paraColor);
}

.form-check-input:focus {
  box-shadow: none;
  border-color: #198754 !important;
}

.form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.sign_in_input .form-check label {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--paraColor);
  margin-bottom: 0;
}

.sign_in_input a {
  color: var(--paraColor);
  font-size: 16px;
  font-weight: 500;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sign_in_input a:hover {
  color: #198754;
}

.sign_in_input button {
  width: 100%;
  border-radius: 10px;
}

.sign_in_input button::after {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.sing_in_text .or {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  margin-top: 20px;
  margin-bottom: 40px;
}

.sing_in_text .or::after,
.sing_in_text .or::before {
  position: absolute;
  content: "";
  background: rgba(9, 9, 25, 0.10);
  width: 35%;
  height: 1px;
  top: 11px;
  right: 0;
}

.sing_in_text .or::before {
  right: auto;
  left: 0;
}

.sing_in_text ul {
  justify-content: space-between;
}

.sing_in_text ul li {
  width: 48%;
}

.sing_in_text ul li a {
  border-radius: 10px;
  border: 1px solid rgba(9, 9, 25, 0.10);
  display: block;
  width: 100%;
  padding: 14px 25px;
  color: var(--paraColor);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sing_in_text ul li a:hover {
  color: #198754;
  border-color: #198754;
}


.sing_in_text ul li a i {
  margin-right: 5px;
}

.sing_in_text .account {
  color: var(--colorBlack);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px;
}

.sing_in_text .account a {
  color: #198754;
  font-size: 16px;
  font-weight: 700;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.sing_in_text .account a:hover {
  color: var(--colorBlack);
}

/*==============================
  SIGN IN END
=============================*/


/*==============================
  404 START
=============================*/
.error_text {
  text-align: center;
}

.error_text h2 {
  color: #198754;
  text-align: center;
  font-size: 220px;
  font-weight: 800;
  margin-bottom: 25px;
}

.error_text h4 {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}

.error_text p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin-top: 25px;
  margin-bottom: 40px;
}

/*==============================
  404 END
=============================*/


/*======================
  CART VIEW PAGE START
========================*/
.cart_list {
  background: #f3f7fb;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #eee;
  border-right: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.cart_list table {
  width: 100%;
}

.cart_list table tbody tr {
  border-top: 1px solid #e3e3e3 !important;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.cart_list table tbody tr:first-child {
  border-top: 0;
  padding: 0;
}

.cart_list .pro_img {
  width: 15%;
  padding: 10px;
  min-width: 130px;
}

.cart_list .pro_img img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.cart_list .pro_name {
  width: 35%;
  min-width: 240px;
}

.cart_list td.pro_name {
  flex-direction: column;
}

.pro_status p {
  text-transform: capitalize;
  color: #08C !important;
}

.pro_status span {
  text-transform: capitalize;
  color: #dc3545 !important;
  display: inline-block;
}

.cart_list .pro_select {
  width: 20%;
  min-width: 180px;
}

.cart_list .pro_tk,
.cart_list .pro_status {
  width: 10%;
  min-width: 120px;
}

.cart_list .pro_tk h6,
.cart_list .pro_status h6 {
  color: var(--colorBlack);
  font-size: 18px;
  font-weight: 700;
}

.cart_list .pro_tk h6 del {
  color: #888;
  margin-right: 15px;
}

.cart_list .pro_icon {
  width: 10%;
  min-width: 100px;
  border-right: none !important;
}

.cart_list .pro_icon a {
  text-align: center;
  font-size: 30px;
}

.pro_icon .common_btn {
  font-size: 12px;
  text-transform: capitalize;
  color: #fff !important;
  padding: 7px 10px 5px 10px;
  font-weight: 400;
}

.pro_icon .common_btn:hover {
  color: #fff;
}

.pro_icon a {
  color: #0b2c3d;
  font-size: 20px;
  width: 100%;
  text-align: center;
  transition: all linear 0.3s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.cart_list table tr th,
.cart_list table tr td {
  border: none;
  color: var(--colorBlack);
  text-align: center;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 900;
  padding: 10px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e3e3e3;
}

.cart_list table tr th {
  background: #198754;
  color: var(--colorWhite);
}

.cart_list table tr th .clear_all {
  color: var(--colorBlack);
  padding: 0;
  font-size: 16px;
  font-weight: 900;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.cart_list table tr th .clear_all:hover {
  color: var(--colorWhite);
}

.cart_list table tbody tr td a,
.cart_list table tbody tr td p,
.cart_list table tbody tr td span {
  font-family: "Roboto", sans-serif;
  color: var(--paraColor);
  text-transform: capitalize;
  text-align: left;
  font-size: 14px;
}

.cart_list table tbody tr td a {
  color: var(--colorBlack);
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  font-weight: 600;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.cart_list table tbody tr td a:hover {
  color: #198754;
}

.cart_list table tbody tr td p {
  margin-top: 5px;
  width: 100%;
}

.cart_list table tbody tr td span {
  width: 100%;
  color: #198754;
  font-weight: 600;
}

.pro_name span {
  text-transform: capitalize;
  color: #0b2c3d;
  font-size: 14px;
}

.cart_summery {
  padding: 0 !important;
  border: 1px solid #ddd !important;
  margin-top: 0 !important;
}

.cart_summery_text {
  padding: 10px;
}

.cart_summery h5 {
  background: #def0ff;
  text-align: center;
  padding: 15px 0px 15px 0px !important;
  border-bottom: 1px solid #ddd !important;
}

.cart_summery .sub_total {
  font-weight: 400 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.cart_summery .common_btn {
  width: 100%;
  text-align: center;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.cart_summery .total_area {
  margin: 20px 0px 7px 0px;
  border-top: 1px solid #ddd;
  padding-top: 18px;
}

.cart_summery .total_area .sub_total {
  font-weight: 600 !important;
}

.cart_summery .total_area .sub_total span {
  font-weight: 600 !important;
}

.cart_summery .form-check label {
  display: flex;
  justify-content: space-between;
}

.cart_summery .form-check label span {
  color: #0b2c3d;
}

.cart_page_rel_product {
  margin-top: 67px !important;
}

.cart_view .common_btn {
  float: right;
  min-width: 500px;
  margin-top: 30px;
}

.quentity_btn {
  display: flex;
  align-items: center;
  justify-content: start;
}

.quentity_btn button {
  width: 35px;
  height: 35px;
  line-height: 38px;
  font-size: 15px;
  color: #fff;
  background: #198754;
  outline: none;
  border: none;
  padding: 0;
  transition: all linear .3s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.quentity_btn button:hover {
  background: var(--colorBlack);
}

.quentity_btn input {
  width: 60px;
  text-align: center;
  height: 35px;
  border-radius: 30px;
  border: 1px solid #ddd;
  margin: 0px 5px;
  font-size: 16px;
  font-weight: 400;
  color: var(--colorBlack);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

/*======================
CART VIEW PAGE END
========================*/

/*======================
 CHECKOUT PAGE START
========================*/
.checkout_form h5 {
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #198754;
}

.checkout_form h5 a {
  font-size: 15px;
  font-weight: 600;
  background: #198754;
  color: var(--colorWhite);
  padding: 9px 20px;
  border-radius: 30px;
  font-family: var(--paraFont);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.checkout_form h5 a i {
  margin-right: 5px;
}

.checkout_form h5 a:hover {
  background: var(--colorBlack);
}

.address_modal .modal-dialog {
  max-width: 700px;
}

.address_modal .modal-header {
  border: none;
  background: #f6eee7fa;
}

.address_modal .modal-title {
  text-align: center;
  width: 100%;
  text-transform: capitalize;
  font-weight: 600;
}

.address_modal .common_btn {
  width: 100%;
  text-align: center;
  padding: 10px 20px !important;
}

.address_modal .common_btn::after,
.address_modal .common_btn::before {
  display: none;
}

.checkout_single_address {
  border: 1px solid #eeeeeea6;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 25px;
  background: #f3f7fb;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.checkout_single_address .form-check {
  padding-left: 0;
}

.checkout_single_address .form-check input {
  margin-right: 15px;
  padding: 0;
  border-color: #198754;
  margin-left: 0;
}

.checkout_single_address .form-check input:checked {
  background-color: #198754;
  border-color: #198754;
}

.checkout_single_address .form-check label {
  display: block;
  width: 100%;
  cursor: pointer;
}

.checkout_single_address .form-check label .icon {
  text-transform: capitalize;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #198754;
}

.checkout_single_address .form-check label .icon i {
  margin-right: 5px;
}

.checkout_single_address .form-check label .address {
  text-transform: capitalize;
  margin-top: 10px;
  display: block;
  border-top: 1px solid #ff7c085c;
  padding-top: 10px;
}

.check_form .check_single_form {
  margin-bottom: 25px;
}

.check_form .check_single_form input {
  padding: 15px 20px;
}

.check_single_form .nice-select {
  border: 1px solid #eee !important;
  padding: 12px 20px;
  margin-bottom: 20px;
}

.checkout_single_address ul {
  display: flex;
  position: absolute;
  top: 15px;
  right: 15px;
}

.checkout_single_address ul li a {
  width: 27px;
  height: 27px;
  line-height: 25px;
  background: var(--colorWhite);
  color: #198754 !important;
  border: 1px solid #198754;
  font-size: 12px;
  text-align: center;
  margin: 3px;
  border-radius: 50%;
  transition: all linear .3s;
  cursor: pointer;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.checkout_single_address ul li a:hover {
  background: #198754;
  color: var(--colorWhite) !important;
}

.checkout_form .check_single_form button {
  float: left;
  margin: 0;
}

/*======================
CHECKOUT PAGE END
========================*/

/*============================
  PAYMENT PAGE START
============================*/
.single_payment {
  border: 1px solid #198754;
  overflow: hidden;
  background: var(--colorWhite);
  display: block;
  transition: all linear .3s;
  margin-bottom: 25px;
  height: 100px;
  border-radius: 10px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.pay_modal_info p {
  margin-bottom: 20px;
}

.pay_modal_info ul li {
  font-size: 16px;
  color: var(--paraColor);
  position: relative;
  padding-left: 30px;
  margin: 10px 0px;
}

.pay_modal_info ul li::after {
  width: 20px;
  height: 20px;
  position: absolute;
  content: "\f00c";
  font-family: "font awesome 5 free";
  font-weight: 600;
  font-size: 14px;
  top: 2px;
  left: 0;
  color: #198754;
}

.pay_modal_info input,
.pay_modal_info textarea,
.pay_modal_info .nice-select {
  margin-top: 20px;
}

.pay_modal_info .nice-select:after {
  margin-top: -3px;
  right: 20px;
}

.pay_modal_info .select2-container--default .select2-selection--single {
  margin-top: 10px;
}

.pay_modal_info .nice-select {
  margin-top: 10px;
}

.pay_modal_info .nice-select .option {
  font-weight: 400;
  margin: 0;
}

.pay_modal_info .nice-select .option::after {
  display: none;
}

.payment_btn_area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  padding-top: 20px;
}

.payment_btn_area button {
  border: none;
  border-radius: 30px;
  padding: 10px 30px;
}

.payment_btn_area button.btn-danger {
  background: #198754;
}

.payment_btn_area button.btn-danger:hover {
  background: var(--colorBlack);
}

.checkout_form .check_single_form .common_btn {
  float: left;
  margin: 0;
}

/*============================
  PAYMENT PAGE END
============================*/

/*============================
    CONTACT PAGE START
============================*/
.contact_info_area {
  background: #f3f7fb;
  padding: 40px;
  border-radius: 10px;
}

.contact_info {
  border-bottom: 1px solid #ff383847;
  padding-bottom: 35px;
  margin-bottom: 35px;
}

.contact_info span {
  width: 70px;
  height: 70px;
  display: block;
  line-height: 70px;
  text-align: center;
  background: #198754;
  border-radius: 50%;
  color: var(--colorWhite);
  font-size: 30px;
  margin: 0 auto;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.contact_info span::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  top: -5px;
  left: -5px;
  border: 1px dashed #198754;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  animation: roatate linear 30s infinite;
  -webkit-animation: roatate linear 30s infinite;
}

@keyframes roatate {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

.contact_info h3 {
  text-transform: capitalize;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
  color: #198754;
}

.contact_info p {
  display: block;
  text-align: center;
  font-size: 16px;
  color: var(--colorBlack);
  line-height: 29px;
}

.contact_form {
  background: #f3f7fb;
  padding: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.contact_form h3 {
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 700;
}

.contact_form_input {
  position: relative;
  margin-top: 20px;
}

.contact_form_input span {
  position: absolute;
  display: block;
  width: 50px;
  height: 100%;
  line-height: 50px;
  text-align: center;
  top: 50%;
  left: 0;
  border-radius: 10px 0px 0px 10px;
  transform: translateY(-50%);
  background: #ff383830;
  color: #198754;
  border-right: 1px solid #E4E7E9;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.contact_form_input input,
.contact_form_input textarea {
  padding: 12px 20px 12px 65px;
}

.contact_form_input.textarea span {
  height: 96%;
  top: 0;
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
}

.contact_form .common_btn {
  margin-top: 15px;
}

.contact_map {
  width: 100%;
  height: 500px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.contact_map iframe {
  width: 100%;
  height: 100%;
}

/*============================
  CONTACT PAGE END
============================*/