/*************
*************************

   Template Name: Bnze - SaaS and Software HTML Template 
   Description: Bnze - SaaS and Software HTML Template 
   Author: nhp_Theme
   Version: 1.0.1

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

CSS INDEX
===================

01. Common
02. Header
03. About
04. Animated
05. Blog
06. Blog Details
07. Breadcrumb
08. Call To Action
09. Client Logo
10. Client Review
11. Contact
12. Error
13. Features
14. Pricing
15. Services
16. Service Details
17. Team
18. Team Details
19. Back To Top
20. Footer

******************************************************* 
*************************************************************** */
/*
************
*************************
01. common
******************************************************* 
*************************************************************** */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: var(--clr-body-text);
  font-size: 16px;
}

.img, img {
  max-width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fix {
  overflow: hidden;
}

a,
.button {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: medium none;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  color: var(--clr-body-heading);
  margin-top: 0px;
  font-weight: 600;
  text-transform: normal;
  margin-bottom: 15px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 45px;
}

h3 {
  font-size: 38px;
}

h4 {
  font-size: 28px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 15px;
}

hr {
  border-bottom: 1px solid var(--clr-common-hr_border);
  border-top: 0 none;
  margin: 35px 0;
  padding: 0;
  opacity: 1;
}

label {
  color: var(--clr-body-heading);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

*::-moz-selection {
  background-color: var(--clr-body-heading);
  color: var(--clr-common-sada);
  text-shadow: none;
}

::-moz-selection {
  background-color: var(--clr-body-heading);
  color: var(--clr-common-sada);
  text-shadow: none;
}

::selection {
  background-color: var(--clr-common-kalo);
  color: var(--clr-common-sada);
  text-shadow: none;
}

/* <<<<<<<    Input Placeholder   >>>>>>>>> */
input::-webkit-input-placeholder {
  color: var(--clr-common-kalo);
  font-size: 14px;
  opacity: 1;
}
input:-moz-placeholder {
  color: var(--clr-common-kalo);
  font-size: 14px;
  opacity: 1;
}
input::-moz-placeholder {
  color: var(--clr-common-kalo);
  font-size: 14px;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: var(--clr-common-kalo);
  font-size: 14px;
  opacity: 1;
}

/* <<<<<<<    Button style   >>>>>>>>> */
.bnze-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 6px;
}

/* <<<<<<<    Tag style   >>>>>>>>> */
.bnze-tags {
  color: var(--clr-body-tag);
  font-weight: 500;
  line-height: 12px;
}

/* <<<<<<<    Common Classes   >>>>>>>>> */
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.w_img img {
  width: 100%;
}

.p-rel {
  position: relative;
}

.p-abs {
  position: absolute;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .title-text {
    font-size: 45px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .title-text {
    font-size: 40px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .title-text {
    font-size: 36px !important;
  }
}
@media (max-width: 767px) {
  .title-text {
    font-size: 30px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .title-text {
    font-size: 33px !important;
  }
}

/* <<<<<<<    Overlay   >>>>>>>>> */
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
[data-overlay]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

[data-overlay=light]::before {
  background-color: var(--clr-common-sada);
}

[data-overlay=dark]::before {
  background-color: var(--clr-common-kalo);
}

[data-opacity="1"]::before {
  opacity: 0.1;
}

[data-opacity="2"]::before {
  opacity: 0.2;
}

[data-opacity="3"]::before {
  opacity: 0.3;
}

[data-opacity="4"]::before {
  opacity: 0.4;
}

[data-opacity="5"]::before {
  opacity: 0.5;
}

[data-opacity="6"]::before {
  opacity: 0.6;
}

[data-opacity="7"]::before {
  opacity: 0.7;
}

[data-opacity="8"]::before {
  opacity: 0.8;
}

[data-opacity="9"]::before {
  opacity: 0.9;
}

/* <<<<<<<    Margin & Padding>>>>>>>>> */
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/* <<<<<<<    Declaration   >>>>>>>>> */
:root {
  /**
  @color declaration
  */
  --clr-common-sada: #ffffff;
  --clr-common-kalo: #000;
  --clr-common-hr_border: #e6e6e6;
  --clr-common-white_opacity6: rgba(255, 255, 255, 0.6);
  --clr-common-black_opacity6: rgba(9, 9, 9, 0.6);
  --clr-body-heading: #090909;
  --clr-body-tag: #0078FD;
  --clr-body-text_soft: #9D9D9D;
  --clr-theme-1: #0078FD;
  --clr-theme-2: #090909;
}

/*
************
*************************
02. Header
******************************************************* 
*************************************************************** */
.header-sticky.sticky {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 20;
  animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  background: var(--clr-common-sada);
}
.header-sticky.sticky .header-nav {
  width: 1400px;
  margin: 0 auto;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .header-sticky.sticky .header-nav {
    width: 100%;
  }
}

header {
  padding-bottom: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  header {
    padding-bottom: 0;
  }
}
header .header-top {
  position: relative;
  overflow: hidden;
  height: 970px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  header .header-top {
    height: 900px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-top {
    height: 870px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  header .header-top {
    height: 100%;
    padding-bottom: 120px;
  }
}
header .header-top::before {
  content: "";
  position: absolute;
  background-image: url(../img/header/header-bg.jpg);
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
}
header .header-top::after {
  background-image: url(../img/pattern/bg-pattern.svg);
  content: "";
  width: 100%;
  height: 950px;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
header .header-top .dashboard-sm {
  display: none;
  margin-right: calc(var(--bs-gutter-x) * 0.5);
  margin-left: calc(var(--bs-gutter-x) * 0.5);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  header .header-top .dashboard-sm {
    margin-top: 120px;
    display: block;
    padding: 10px;
    border-radius: 10px;
  }
  header .header-top .dashboard-sm img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 8px 20px #09090915);
    border: 1px solid #09090902;
  }
}
header .header-top .shape-divider {
  position: absolute;
  bottom: 0;
  left: -34px;
  width: 102%;
  line-height: 0;
  transform: rotate(180deg);
  z-index: 3;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-top .shape-divider {
    left: -10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  header .header-top .shape-divider {
    display: none;
  }
}
header .header-top .shape-divider svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 147px;
  transform: rotateY(180deg);
}
header .header-top .shape-divider .shape-fill {
  fill: #ffffff;
}
header .header-top .container {
  z-index: 10;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-top {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-top {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-top .col-xxl-12 {
    display: grid;
  }
}
header .header-top .header-text {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-top .header-text {
    order: 2;
  }
}
@media (max-width: 767px) {
  header .header-top .header-text {
    order: 2;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
header .header-top .header-text h2 {
  padding-top: 132px;
  font-style: normal;
  font-weight: 700;
  font-size: 74px;
  line-height: 86px;
  color: var(--clr-common-sada);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  header .header-top .header-text h2 {
    padding-top: 110px;
    font-size: 66px;
    line-height: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-top .header-text h2 {
    font-size: 56px;
    line-height: 70px;
    padding-top: 105px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-top .header-text h2 {
    padding-top: 40px;
    font-size: 44px;
    line-height: 1.4;
    text-align: left;
  }
  header .header-top .header-text h2 br {
    display: none;
  }
}
@media (max-width: 767px) {
  header .header-top .header-text h2 {
    padding-top: 40px;
    font-size: 34px;
    line-height: 1.3;
    text-align: left;
  }
  header .header-top .header-text h2 br {
    display: none;
  }
}
header .header-top .header-text p {
  width: 600px;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: var(--clr-common-white_opacity6);
  margin: 0 auto;
  padding-top: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-top .header-text p {
    width: 100%;
    margin: 0;
    text-align: left;
  }
}
@media (max-width: 767px) {
  header .header-top .header-text p {
    width: 100%;
    text-align: left;
    padding-top: 25px;
  }
}
header .header-top .header-text .start-btn {
  display: flex;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 123px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-top .header-text .start-btn {
    padding-bottom: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-top .header-text .start-btn {
    justify-content: left;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  header .header-top .header-text .start-btn {
    padding-top: 28px;
    padding-bottom: 0;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  header .header-top .header-text .start-btn {
    display: flex;
    justify-content: left;
  }
}
header .header-top .header-text .start-btn a {
  margin-right: 14px;
  color: var(--clr-common-sada);
  height: 52px;
}
header .header-top .header-text .start-btn a:first-child {
  background: var(--clr-body-tag);
  width: 190px;
  border: 1px solid var(--clr-body-tag);
}
header .header-top .header-text .start-btn a:first-child:hover {
  background: var(--clr-body-heading);
  border: 1px solid var(--clr-body-heading);
  color: var(--clr-common-sada);
}
header .header-top .header-text .start-btn a:last-child {
  width: 176px;
  -moz-box-shadow: 0px 0px 0px 1.5px #403D41;
  -webkit-box-shadow: 0px 0px 0px 1.5px #403D41;
  box-shadow: 0px 0px 0px 1.5px #403D41;
}
@media (max-width: 767px) {
  header .header-top .header-text .start-btn a:last-child {
    width: 190px;
    margin-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  header .header-top .header-text .start-btn a:last-child {
    margin-top: 0;
  }
}
header .header-top .header-text .start-btn a:last-child:hover {
  background: transparent;
  border: none;
  box-shadow: 0px 0px 0px 1.5px var(--clr-body-tag);
  color: var(--clr-body-tag);
}
header .header-dashboard-img {
  margin-top: -279px;
  z-index: 3;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  header .header-dashboard-img {
    display: none;
  }
}
header .header-dashboard-img .container {
  padding: 0;
}
header .header-dashboard-img .container .dashboard {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(5px);
  border-radius: 20px;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-dashboard-img .container .dashboard {
    order: 1;
    margin-top: 120px;
    padding: 20px;
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  header .header-dashboard-img .container .dashboard {
    order: 1;
    margin-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: calc(var(--bs-gutter-x) * 0.5);
    padding: 15px;
    border-radius: 15px;
  }
}
header .header-dashboard-img .container .dashboard img {
  width: 100%;
  border-radius: 10px;
  filter: drop-shadow(0 8px 20px #09090915);
  border: 1px solid #09090902;
}
header .header-dashboard-img .header-shape {
  background-image: url(../img/header/shape-bottom.png);
  width: 520px;
  height: 343px;
  position: absolute;
  left: -40px;
  bottom: -140px;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-dashboard-img .header-shape {
    width: 485px;
    height: 425px;
    left: -115px;
    bottom: -176px;
  }
}
@media (max-width: 767px) {
  header .header-dashboard-img .header-shape {
    display: none;
  }
}

.header-nav {
  background: var(--clr-common-sada);
  display: flex !important;
  justify-content: space-between;
  border-radius: 0 0 10px 10px;
  padding: 27px 30px;
  align-items: center;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-nav {
    border-radius: 0;
    padding: 27px 12px;
  }
}
.header-nav .bnze-main-menu {
  display: flex;
  align-items: center;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-nav .bnze-main-menu {
    display: none;
  }
}
.header-nav .bnze-main-menu ul {
  display: flex;
  list-style: none;
}
.header-nav .bnze-main-menu ul li a {
  color: var(--clr-body-heading);
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  margin: 0 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-nav .bnze-main-menu ul li a {
    margin: 0 5px;
  }
}
.header-nav .bnze-main-menu ul li a:hover {
  color: var(--clr-body-tag);
}
.header-nav .nav-right {
  display: flex;
  align-items: center;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-nav .nav-right {
    display: none;
  }
}
.header-nav .nav-right .nav-search a, .header-nav .nav-right .nav-cart a {
  width: 44px;
  height: 44px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.header-nav .nav-right .nav-search a svg path, .header-nav .nav-right .nav-cart a svg path {
  transition: all 0.3s linear 0s;
}
.header-nav .nav-right .nav-search a:hover, .header-nav .nav-right .nav-cart a:hover {
  background: var(--clr-body-tag);
  border: 1px solid var(--clr-body-tag);
}
.header-nav .nav-right .nav-search a:hover svg path, .header-nav .nav-right .nav-cart a:hover svg path {
  stroke: #ffffff;
}
.header-nav .nav-right .nav-cart {
  margin: 0 10px;
}
.header-nav .nav-right .nav-contact {
  margin-left: 10px;
}
.header-nav .nav-right .nav-contact a {
  color: var(--clr-common-sada);
  background: var(--clr-body-heading);
  width: 151px;
  height: 52px;
}
.header-nav .nav-right .nav-contact a:hover {
  background: var(--clr-body-tag);
}
.header-nav .humberger_sign {
  width: 35px;
  display: none;
  height: 26px;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-nav .humberger_sign {
    display: block;
  }
}
.header-nav .humberger_sign span {
  height: 4px;
  background-color: var(--clr-body-tag);
  display: block;
  margin-bottom: 7px;
  transition: 0.3s;
}

.bnze-main-menu {
  position: relative;
  z-index: 1;
}
.bnze-main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bnze-main-menu ul li {
  display: inline-block;
  list-style: none;
  position: relative;
}
.bnze-main-menu ul li:first-child {
  padding-left: 20px;
}
.bnze-main-menu ul li:hover .sub_menu {
  opacity: 1;
  visibility: visible;
  top: 42px;
  pointer-events: auto;
}
.bnze-main-menu ul li a {
  display: block;
  padding: 10px 21px;
  font-size: 15px;
  text-decoration: none;
  color: var(--clr-body-heading);
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
.bnze-main-menu ul li a:hover {
  color: var(--clr-common-hover);
}
.bnze-main-menu ul li ul.sub_menu {
  display: block;
  position: absolute;
  left: 20px;
  top: 70px;
  width: 200px;
  background-color: var(--clr-common-sada);
  padding: 10px 0;
  transition: 0.5s;
  border-top: 4px solid #0078FD;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 11;
}
.bnze-main-menu ul li ul.sub_menu li {
  display: block;
  margin: 0;
  padding: 0;
}
.bnze-main-menu ul li ul.sub_menu li a {
  text-align: left;
  padding: 5px 25px;
  margin: 0;
  color: var(--clr-common-kalo);
  letter-spacing: 1.1px;
  line-height: 1.4;
}
.bnze-main-menu ul li ul.sub_menu li a:hover {
  color: var(--clr-body-tag);
  letter-spacing: 2px;
}

.side-info button.side-info-close {
  font-size: 16px;
  height: 40px;
  width: 40px;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-sada);
  border-radius: 50%;
  transition: all 0.3s linear 0s;
}
.side-info button.side-info-close:hover {
  background-color: var(--clr-theme-2);
  color: var(--clr-common-sada);
}
.side-info .contact-infos h4 {
  font-size: 27px;
  margin-bottom: 20px;
}
.side-info .contact-infos .contact-list i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  flex: 0 0 auto;
  color: var(--clr-theme-1);
}
.side-info .contact-infos .contact-list span.sidebar-address {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  transition: all 0.3s linear 0s;
  color: #212529;
}
.side-info .contact-infos .contact-list a {
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  color: #212529;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.side-info .contact-infos .contact-list a:hover {
  color: var(--clr-theme-1);
}
.side-info .contact-infos .top_social {
  display: flex;
}
.side-info .contact-infos .top_social a {
  border: 2px solid #75778130;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.side-info .contact-infos .top_social a i {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.side-info .contact-infos .top_social a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-sada);
}

.search-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.search-area.search-opened {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.search-area .search-inner {
  position: relative;
}
.search-area .search-inner .search-wrapper {
  padding: 30px;
  min-height: 100%;
}
.search-area .search-inner .search-wrapper .search-close {
  position: absolute;
  top: 35px;
  right: 30px;
}
.search-area .search-inner .search-wrapper .search-close .search-close-btn {
  font-size: 16px;
  height: 40px;
  width: 40px;
  background-color: var(--clr-theme-1);
  color: var(--clr-common-sada);
  border-radius: 50%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-area .search-inner .search-wrapper .search-close .search-close-btn:hover {
  background-color: var(--clr-common-sada);
  color: var(--clr-common-kalo);
}
.search-area .search-inner .search-wrapper .search-content .heading {
  color: var(--clr-common-sada);
}
.search-area .search-inner .search-wrapper .search-content .search-input {
  padding-right: 60px;
  font-size: 16px;
}
.search-area .search-inner .search-wrapper .search-content .search {
  position: relative;
}
.search-area .search-inner .search-wrapper .search-content .search svg {
  width: 20px;
  height: 20px;
}
.search-area .search-inner .search-wrapper .search-content .search svg path {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.search-area .search-inner .search-wrapper .search-content .search svg:hover path {
  stroke: var(--clr-theme-1);
}
.search-area .search-inner .search-wrapper .search-content .search input {
  outline: none;
  background-color: #fff;
  height: 60px;
  width: 100%;
  line-height: 60px;
  font-size: 16px;
  color: var(--clr-common-kalo);
  padding-left: 26px;
  padding-right: 40px;
  border: 1px solid #E0E2E3;
}
.search-area .search-inner .search-wrapper .search-content .search input::placeholder {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  font-size: 16px;
}
.search-area .search-inner .search-wrapper .search-content .search input:focus::placeholder {
  opacity: 0;
}
.search-area .search-inner .search-wrapper .search-content .search .search-icon {
  position: absolute;
  right: 15px;
  top: 18px;
}

/*
************
*************************
03. About
******************************************************* 
*************************************************************** */
.about {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about :is(.col-xxl-6.ps-0) {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .about :is(.col-xxl-6.pe-0) {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about :is(.col-xxl-6.col-lg-6.ps-0) {
    padding-left: 0 !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about :is(.col-xxl-6.ps-0) {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .about :is(.col-xxl-6.pe-0) {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.about .col-w55 {
  width: 55%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about .col-w55 {
    width: 50%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about .col-w55 {
    width: 50%;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about .col-w55 {
    width: 100%;
  }
}
.about .col-w45 {
  width: 45%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about .col-w45 {
    width: 50%;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about .col-w45 {
    width: 50%;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about .col-w45 {
    width: 100%;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about .about-left-img {
    padding-bottom: 40px;
  }
}
.about .about-left-img img {
  filter: drop-shadow(0px 0px 40px #09090920);
  position: relative;
  left: 0;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about .about-left-img img {
    left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about .about-left-img img {
    height: 290px;
    left: 0;
  }
}
.about .about-right-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about .about-right-text {
    padding-left: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about .about-right-text {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about .about-right-text {
    padding-left: 15px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about .about-right-text {
    padding-left: 0;
  }
}
.about .about-right-text .about-title h2 {
  font-weight: 600;
  font-size: 50px;
  line-height: 56px;
  margin-top: 14px;
  margin-bottom: 21px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about .about-right-text .about-title h2 {
    line-height: 1.3;
  }
  .about .about-right-text .about-title h2 br {
    display: none;
  }
}
.about .about-right-text .about-title p {
  color: var(--clr-body-heading);
  opacity: 0.7;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  margin-bottom: 39px;
}
@media (max-width: 767px) {
  .about .about-right-text .about-title p {
    margin-bottom: 30px;
  }
}
.about .about-right-text .about-btn a {
  background: var(--clr-body-heading);
  color: var(--clr-common-sada);
  width: 154px;
  height: 52px;
}
.about .about-right-text .about-btn a:hover {
  background: var(--clr-body-tag);
}
.about .about-right-text .about-list ul {
  list-style: none;
}
.about .about-right-text .about-list ul li {
  font-weight: 500;
  color: var(--clr-body-heading);
  padding: 13px 0;
  font-size: 14px;
  position: relative;
  padding-left: 15px;
}
.about .about-right-text .about-list ul li:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about .about-right-text .about-list ul li:last-child {
    padding-bottom: 0;
  }
}
.about .about-right-text .about-list ul li:last-child::before {
  background: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about .about-right-text .about-list ul li:last-child::after {
    top: 66%;
  }
}
.about .about-right-text .about-list ul li::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background: #090909;
  border-radius: 50%;
  left: 3px;
  top: 48%;
  transform: translate(-50%, -50%);
}
.about .about-right-text .about-list ul li::before {
  content: "";
  position: absolute;
  width: 330px;
  height: 1px;
  background: rgba(9, 9, 9, 0.1);
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .about .about-right-text .about-list ul li::before {
    width: 100%;
    left: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about.about-2 {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about.about-2 .about-left-img {
    padding-top: 50px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .about.about-2 .about-left-img {
    padding-top: 50px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about.about-2 .about-left-img img {
    height: 420px;
  }
}
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about.about-2 .about-left-img img {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about.about-2 .about-left-img img {
    height: 344px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about.about-2 .about-left-img img {
    height: 287px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about.about-2 .about-left-img img {
    left: 0;
    height: 440px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about.about-2 .about-left-img img {
    height: 320px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .about.about-2 :is(.col-xxl-6.pe-0) {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.about.about-2 .about-right-text .about-title p {
  margin-right: 65px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about.about-2 .about-right-text .about-title p {
    margin-right: 35px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about.about-2 .about-right-text .about-title p {
    margin-right: 0;
  }
}

/*
************
*************************
04. Animated
******************************************************* 
*************************************************************** */
/* circle animation effect 
----------------------------------*/
.circle-shape-change {
  -webkit-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  -moz-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  -webkit-animation: hero-border 2s linear infinite alternate;
  -moz-animation: hero-border 2s linear infinite alternate;
  -o-animation: hero-border 2s linear infinite alternate;
  animation: hero-border 2s linear infinite alternate;
}

@keyframes hero-border {
  0% {
    -webkit-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
    -moz-border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
    border-radius: 45% 55% 60% 40%/59% 56% 44% 41%;
  }
  100% {
    -webkit-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%/50% 50% 50% 50%;
  }
}
.circle_round {
  -webkit-animation: circle-round 6s linear 0s infinite alternate;
  -moz-animation: circle-round 6s linear 0s infinite alternate;
  -o-animation: circle-round 6s linear 0s infinite alternate;
  animation: circle-round 6s linear 0s infinite alternate;
}

@keyframes circle-round {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.circle_round2 {
  -webkit-animation: circle-round2 7s linear 0s infinite alternate;
  -moz-animation: circle-round2 7s linear 0s infinite alternate;
  -o-animation: circle-round2 7s linear 0s infinite alternate;
  animation: circle-round2 7s linear 0s infinite alternate;
}

@keyframes circle-round2 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
/* movement animation effect 
----------------------------------*/
.horizontal_move50px {
  -webkit-animation: horizontal_move50 8s linear 0s infinite alternate;
  -moz-animation: horizontal_move50 8s linear 0s infinite alternate;
  -o-animation: horizontal_move50 8s linear 0s infinite alternate;
  animation: horizontal_move50 8s linear 0s infinite alternate;
}

@keyframes horizontal_move50 {
  0% {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.horizontal_move100px {
  -webkit-animation: horizontal_move100 5s linear 0s infinite alternate;
  -moz-animation: horizontal_move100 5s linear 0s infinite alternate;
  -o-animation: horizontal_move100 5s linear 0s infinite alternate;
  animation: horizontal_move100 5s linear 0s infinite alternate;
}

@keyframes horizontal_move100 {
  0% {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.upward_movement50px {
  -webkit-animation: upward_movement50 3s linear 0s infinite alternate;
  -moz-animation: upward_movement50 3s linear 0s infinite alternate;
  -o-animation: upward_movement50 3s linear 0s infinite alternate;
  animation: upward_movement50 3s linear 0s infinite alternate;
}

@keyframes upward_movement50 {
  0% {
    -webkit-transform: translateY(-75px);
    -moz-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
    transform: translateY(-75px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
.move_upDown {
  -webkit-animation-name: upDown;
  animation-name: upDown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes upDown {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/* image animation effect 
----------------------------------*/
.img-animation-left, .img-animation-right {
  -webkit-animation-name: vamtam-scale-out-left;
  animation-name: vamtam-scale-out-left;
  animation-duration: 3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-fill-mode: backwards;
}

@keyframes vamtam-scale-out-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.img-animation-right {
  -webkit-animation-name: vamtam-scale-out-right;
  -webkit-animation-name: vamtam-scale-out-right;
  animation-name: vamtam-scale-out-right;
  animation-duration: 3s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-fill-mode: backwards;
}

@keyframes vamtam-scale-out-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
/* visible animation effect 
----------------------------------*/
.top_right_visible_animation {
  -webkit-animation-name: top_right_visible;
  -webkit-animation-name: top_right_visible;
  animation-name: top_right_visible;
  animation-duration: 5s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-timing-function: cubic-bezier(0.4, 0, 0, 0.9);
  animation-fill-mode: backwards;
}

@keyframes top_right_visible {
  from {
    transform: translate(100%, -100%);
  }
  to {
    transform: translate(0, 0);
  }
}
.width_visible_animation {
  -webkit-animation: width_visible 3s linear 0s;
  -moz-animation: width_visible 3s linear 0s;
  -o-animation: width_visible 3s linear 0s;
  animation: width_visible 3s linear 0s;
}

@keyframes width_visible {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* hvr-buzz-out animation effect 
----------------------------------*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
/* wobble-vertical animation effect 
----------------------------------*/
@-webkit-keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
/* icon bounce  */
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/* Header Slide Up & Down  */
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-moz-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-ms-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@-webkit-keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
@keyframes headerSlideUp {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -150px;
  }
}
/*
************
*************************
05. Blog
******************************************************* 
*************************************************************** */
.blog {
  padding-top: 115px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blog {
    padding-top: 117px;
  }
}
@media (max-width: 767px) {
  .blog {
    padding-bottom: 113px;
  }
}
.blog .blog-top {
  padding-bottom: 60px;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog .blog-top {
    padding-bottom: 55px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog .blog-top {
    text-align: left;
    padding-bottom: 40px;
  }
}
.blog .blog-top .blog-tag {
  padding-bottom: 7px;
}
.blog .blog-top .blog-title h2 {
  color: var(--clr-body-heading);
  font-size: 50px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 20px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog .blog-top .blog-title h2 {
    line-height: 1.3;
  }
  .blog .blog-top .blog-title h2 br {
    display: none;
  }
}
.blog .blog-top .blog-title p {
  width: 520px;
  margin: 0 auto;
  color: var(--clr-common-black_opacity6);
  line-height: 26px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog .blog-top .blog-title p {
    width: 100%;
  }
}
.blog .col-blog {
  padding: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blog .col-blog {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .col-blog {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-bottom: 50px;
  }
}
.blog .col-blog:nth-child(3) {
  display: flex;
  justify-content: center;
}
.blog .col-blog:nth-child(4) {
  display: flex;
  justify-content: flex-end;
}
.blog .col-blog:nth-child(4) .blog-post::after {
  display: none;
}
.blog .col-blog:last-child {
  display: flex;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .col-blog:last-child {
    padding-bottom: 0;
  }
}
.blog .col-blog:last-child .blog-post::after {
  background: none;
}
.blog .col-blog .blog-post {
  position: relative;
  width: 426px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blog .col-blog .blog-post {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog .col-blog .blog-post {
    width: 360px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .col-blog .blog-post {
    width: 100%;
  }
}
.blog .col-blog .blog-post::after {
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(9, 9, 9, 0.1);
  right: -30px;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blog .col-blog .blog-post::after {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog .col-blog .blog-post::after {
    right: -15px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog .col-blog .blog-post::after {
    display: none;
  }
}
.blog .col-blog .blog-post .blog-thumbs {
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.blog .col-blog .blog-post .blog-thumbs a {
  display: block;
}
.blog .col-blog .blog-post .blog-thumbs a img {
  max-width: 426px;
  width: 426px;
  border-radius: 6px;
  object-fit: cover;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog .col-blog .blog-post .blog-thumbs a img {
    max-width: 100%;
    width: 100%;
  }
}
.blog .col-blog .blog-post .blog-tags {
  padding-top: 34px;
}
.blog .col-blog .blog-post .blog-tags span {
  background: rgba(0, 120, 253, 0.06);
  color: var(--clr-body-heading);
  padding: 5px 13px;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-right: 10px;
  border-radius: 3px;
}
.blog .col-blog .blog-post .blog-desc h4 {
  color: var(--clr-body-heading);
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  margin-top: 17px;
  margin-bottom: 17px;
}
.blog .col-blog .blog-post .blog-desc h4 a {
  text-decoration: none;
}
.blog .col-blog .blog-post .blog-desc h4 a:hover {
  color: var(--clr-body-tag);
}
.blog .col-blog .blog-post .blog-desc .read-more a {
  color: var(--clr-body-heading);
  opacity: 0.4;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease-out 0s;
}
.blog .col-blog .blog-post .blog-desc .read-more a i {
  padding-left: 5px;
  font-size: 14px;
}
.blog .col-blog .blog-post .blog-desc .read-more a:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: auto;
  right: 0;
  background: var(--clr-body-tag);
  width: 0%;
  height: 1px;
  transition: all 0.3s ease-out 0s;
}
.blog .col-blog .blog-post .blog-desc .read-more a:hover {
  color: var(--clr-body-tag);
  opacity: 1;
}
.blog .col-blog .blog-post .blog-desc .read-more a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}
.blog .col-blog .blog-post.img_effect .blog-thumbs a:after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(40deg);
  z-index: 1;
}
.blog .col-blog .blog-post.img_effect:hover .blog-thumbs a img {
  transform: scale(1.08);
  filter: grayscale(90%);
}
.blog .col-blog .blog-post.img_effect:hover .blog-thumbs a:after {
  animation: shine 0.8s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.blog:is(.blog-page) {
  padding-top: 0;
}
.blog.blog-page .blog-top {
  padding-bottom: 0;
}
.blog.blog-page .col-blog {
  padding-bottom: 60px;
}
.blog.blog-page .pt-60 {
  padding-top: 60px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog.blog-page .pt-60:nth-child(2), .blog.blog-page .pt-60:nth-child(3), .blog.blog-page .pt-60:nth-child(4) {
    padding-top: 50px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog.blog-page .pt-60:nth-child(2), .blog.blog-page .pt-60:nth-child(3) {
    padding-top: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog.blog-page .pt-60:nth-child(2), .blog.blog-page .pt-60:nth-child(3) {
    padding-top: 45px !important;
  }
}
@media (max-width: 767px) {
  .blog.blog-page .pt-60 {
    padding-top: 50px !important;
  }
  .blog.blog-page .pt-60:nth-child(2) {
    padding-top: 35px !important;
  }
}

/*
************
*************************
06. Blog Details
******************************************************* 
*************************************************************** */
.blog-details {
  padding-bottom: 7px;
}
@media (max-width: 767px) {
  .blog-details {
    padding-bottom: 120px;
  }
}
.blog-details .c-xxl-7 {
  width: 59.572%;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .c-xxl-7 {
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.blog-details .c-xxl-5 {
  width: 40.428%;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .c-xxl-5 {
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.blog-details .b-details-left .details-post-single.last-col {
  padding-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-post-single.last-col {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single.last-col {
    padding-top: 40px;
  }
}
.blog-details .b-details-left .details-post-single.last-col .p-single-content p {
  padding-top: 35px;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single.last-col .p-single-content p {
    padding-top: 25px;
  }
}
.blog-details .b-details-left .details-post-single .p-single-thumbs img {
  border-radius: 10px;
}
.blog-details .b-details-left .details-post-single .p-single-thumbs:is(.play-thumbs) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-details .b-details-left .details-post-single .p-single-thumbs:is(.play-thumbs) .play-btn {
  background: #FF0000;
  width: 74px;
  height: 44px;
  border-radius: 6px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-thumbs:is(.play-thumbs) .play-btn {
    width: 60px;
    height: 40px;
  }
}
.blog-details .b-details-left .details-post-single .p-single-thumbs:is(.play-thumbs) .play-btn:hover {
  background: var(--clr-body-tag);
}
.blog-details .b-details-left .details-post-single .p-single-content h2 {
  font-size: 30px;
  margin-top: 34px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-content h2 {
    font-size: 28px;
  }
}
.blog-details .b-details-left .details-post-single .p-single-content p {
  color: #090909;
  opacity: 0.7;
}
.blog-details .b-details-left .details-post-single .p-single-list-item ul {
  list-style: decimal;
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-post-single .p-single-list-item ul {
    padding-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-list-item ul {
    padding-bottom: 30px;
  }
}
.blog-details .b-details-left .details-post-single .p-single-list-item ul li {
  font-size: 15px;
  line-height: 40px;
  color: #090909;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-list-item ul li {
    line-height: 26px;
    padding: 5px 0;
  }
}
.blog-details .b-details-left .details-post-single .p-single-quote {
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 4px;
  border-right: 1px solid #0078FD;
  border-left: none;
  position: relative;
}
.blog-details .b-details-left .details-post-single .p-single-quote:before {
  content: "";
  border: 1px solid #0078FD;
  top: -1px;
  width: 103px;
  height: 101.5%;
  position: absolute;
  left: 0;
  border-radius: 4px 0 0 4px;
  z-index: -1;
  border-right: none;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-quote:before {
    width: 100px;
    height: 100.7%;
  }
}
.blog-details .b-details-left .details-post-single .p-single-quote .single-quote {
  position: relative;
  z-index: 1;
  padding: 36px 60px 36px 40px;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-quote .single-quote {
    padding: 25px;
  }
  .blog-details .b-details-left .details-post-single .p-single-quote .single-quote p {
    margin-bottom: 0;
  }
}
.blog-details .b-details-left .details-post-single .p-single-quote .single-quote:is(.comma)::after {
  content: "";
  background-image: url(../img/blog-details/comma-icon.png);
  width: 42px;
  height: 39px;
  position: absolute;
  right: 34px;
  top: 28px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-post-single .p-single-quote .single-quote:is(.comma)::after {
    right: 55px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-quote .single-quote:is(.comma)::after {
    display: none;
  }
}
.blog-details .b-details-left .details-post-single .p-single-quote .single-quote:is(.chain)::after {
  content: "";
  background-image: url(../img/blog-details/chain-icon.png);
  width: 36px;
  height: 36px;
  position: absolute;
  left: 28px;
  top: 28px;
  z-index: -1;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-single .p-single-quote .single-quote:is(.chain)::after {
    display: none;
  }
}
.blog-details .b-details-left .details-post-info {
  display: flex;
  justify-content: space-between;
  padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-post-info {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-info {
    display: block;
    padding: 40px 0;
  }
}
.blog-details .b-details-left .details-post-info .details-tags {
  display: flex;
}
.blog-details .b-details-left .details-post-info .details-tags h6 {
  padding-right: 10px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.blog-details .b-details-left .details-post-info .details-tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.blog-details .b-details-left .details-post-info .details-tags ul li {
  margin-right: 6px;
  padding: 6px 14px;
  background: rgba(9, 9, 9, 0.04);
  border-radius: 4px;
  height: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-left .details-post-info .details-tags ul li a {
  text-decoration: none;
  font-size: 14px;
}
.blog-details .b-details-left .details-post-info .details-tags ul li:hover {
  background: var(--clr-body-tag);
}
.blog-details .b-details-left .details-post-info .details-tags ul li:hover a {
  color: var(--clr-common-sada);
}
.blog-details .b-details-left .details-post-info .details-social {
  display: flex;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-info .details-social {
    padding-top: 25px;
  }
}
.blog-details .b-details-left .details-post-info .details-social h6 {
  padding-right: 10px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.blog-details .b-details-left .details-post-info .details-social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.blog-details .b-details-left .details-post-info .details-social ul li {
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 4px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-info .details-social ul li {
    width: 35px;
    height: 35px;
  }
}
.blog-details .b-details-left .details-post-info .details-social ul li:last-child {
  margin-right: 0px;
}
.blog-details .b-details-left .details-post-info .details-social ul li a i {
  color: rgba(9, 9, 9, 0.3);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-post-info .details-social ul li a i {
    font-size: 14px;
  }
}
.blog-details .b-details-left .details-post-info .details-social ul li:hover {
  background: var(--clr-body-tag);
}
.blog-details .b-details-left .details-post-info .details-social ul li:hover a i {
  color: var(--clr-common-sada);
}
.blog-details .b-details-left .post-navigation {
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0px 6px 60px rgba(9, 9, 9, 0.12);
  border-radius: 6px;
  padding: 26px 30px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .post-navigation {
    padding: 25px;
    display: block;
  }
}
.blog-details .b-details-left .post-navigation .prev-post {
  width: 48%;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .post-navigation .prev-post {
    width: 100%;
  }
}
.blog-details .b-details-left .post-navigation .prev-post:is(.nxt-txt) {
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .post-navigation .prev-post:last-child {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .post-navigation .prev-post:last-child {
    padding-top: 35px;
  }
}
.blog-details .b-details-left .post-navigation .prev-post:last-child a:hover {
  background: var(--clr-body-tag);
  color: var(--clr-common-sada);
}
.blog-details .b-details-left .post-navigation .prev-post:last-child h4 a {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-left .post-navigation .prev-post:last-child h4 a:hover {
  background: transparent;
  color: var(--clr-body-tag);
}
@media (max-width: 767px) {
  .blog-details .b-details-left .post-navigation .prev-post .next-btn.d-flex {
    justify-content: flex-start !important;
  }
}
.blog-details .b-details-left .post-navigation .prev-post a {
  text-decoration: none;
}
.blog-details .b-details-left .post-navigation .prev-post a.post-btn {
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 4px;
  width: 100px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.blog-details .b-details-left .post-navigation .prev-post a.post-btn:hover {
  background: var(--clr-body-tag);
  color: var(--clr-common-sada);
}
.blog-details .b-details-left .post-navigation .prev-post h4 {
  font-size: 15px;
  margin-top: 12px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .post-navigation .prev-post h4 {
    margin-top: 10px;
    text-align: left;
  }
}
.blog-details .b-details-left .post-navigation .prev-post h4 a {
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-left .post-navigation .prev-post h4 a:hover {
  background: transparent;
  color: var(--clr-body-tag);
}
.blog-details .b-details-left .post-navigation .divider {
  position: absolute;
  width: 1px;
  height: 60px;
  background: #090909;
  opacity: 0.1;
  left: 50%;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .post-navigation .divider {
    display: none;
  }
}
.blog-details .b-details-left .details-comments {
  padding-top: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-comments {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-comments {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments {
    padding-top: 35px;
  }
}
.blog-details .b-details-left .details-comments h3 {
  font-size: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-comments h3 {
    font-size: 24px;
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments h3 {
    font-size: 22px;
    margin-bottom: 35px;
  }
}
.blog-details .b-details-left .details-comments .author-comments {
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 10px;
  margin-bottom: 20px;
}
.blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply1) {
  margin-right: 119px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply1) {
    margin-right: 80px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply1) {
    margin-right: 0;
  }
}
.blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply2) {
  margin-right: 70px;
  margin-left: 128px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply2) {
    margin-right: 35px;
    margin-left: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply2) {
    margin-left: 70px;
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply2) {
    margin-left: 0;
    margin-right: 0;
  }
}
.blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply3) {
  margin-left: 198px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply3) {
    margin-left: 165px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply3) {
    margin-left: 140px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments:is(.author-sub-reply3) {
    margin-left: 0;
  }
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper {
  padding: 40px 50px 17px 40px;
  display: flex;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-comments .author-comments .comments-wrapper {
    padding: 30px 25px 10px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-comments .author-comments .comments-wrapper {
    padding: 40px 25px 10px 35px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments .comments-wrapper {
    padding: 30px 20px 15px 20px;
  }
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-thumb {
  width: 46px;
  flex: 0 0 46px;
  margin-right: 14px;
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-thumb img {
  width: 100%;
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content h4 {
  font-size: 18px;
  margin-bottom: 8px;
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content h4 a {
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content h4 a {
    margin-bottom: 3px;
    display: block;
  }
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content h4 a:hover {
  color: var(--clr-body-tag);
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content h4 span {
  color: #6B6B6B;
  font-size: 13px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content h4 span {
    display: block;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content h4 span:is(.dots) {
    display: none;
  }
}
.blog-details .b-details-left .details-comments .author-comments .comments-wrapper .author-content p {
  margin-bottom: 0;
}
.blog-details .b-details-left .details-comments .author-comments .author-reply {
  padding-left: 99px;
  padding-bottom: 33px;
  font-weight: bold;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-comments .author-comments .author-reply {
    padding-left: 86px;
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-comments .author-comments .author-reply {
    padding-bottom: 33px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-comments .author-comments .author-reply {
    padding-left: 80px;
    padding-bottom: 25px;
  }
}
.blog-details .b-details-left .details-comments .author-comments .author-reply a {
  text-decoration: none;
  font-size: 14px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-left .details-comments .author-comments .author-reply a svg {
  width: 14px;
  height: 12px;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
.blog-details .b-details-left .details-comments .author-comments .author-reply a svg path {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-left .details-comments .author-comments .author-reply a:hover {
  color: var(--clr-body-tag);
}
.blog-details .b-details-left .details-comments .author-comments .author-reply a:hover path {
  stroke: var(--clr-body-tag);
}
.blog-details .b-details-left .details-contact-form {
  padding-top: 93px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blog-details .b-details-left .details-contact-form {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-left .details-contact-form {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-left .details-contact-form {
    padding-top: 25px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-contact-form {
    padding-top: 15px;
  }
}
.blog-details .b-details-left .details-contact-form h4 {
  font-size: 26px;
  margin-bottom: 9px;
}
.blog-details .b-details-left .details-contact-form p {
  line-height: 19px;
  color: #090909;
  opacity: 0.6;
}
.blog-details .b-details-left .details-contact-form form {
  padding-top: 16px;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-contact-form form {
    padding-top: 20px;
  }
}
.blog-details .b-details-left .details-contact-form form .c-last {
  padding-left: 8px;
}
.blog-details .b-details-left .details-contact-form form .form-item {
  margin-bottom: 20px;
}
.blog-details .b-details-left .details-contact-form form .form-item:is(.form-txt) {
  margin-bottom: 8px;
}
.blog-details .b-details-left .details-contact-form form .form-item input, .blog-details .b-details-left .details-contact-form form .form-item textarea {
  width: 100%;
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 6px;
  height: 53px;
  padding: 8px 25px;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-contact-form form .form-item input, .blog-details .b-details-left .details-contact-form form .form-item textarea {
    padding-left: 20px;
  }
}
.blog-details .b-details-left .details-contact-form form .form-item input::placeholder, .blog-details .b-details-left .details-contact-form form .form-item textarea::placeholder {
  color: #090909;
  opacity: 0.6;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-contact-form form .form-item input::placeholder, .blog-details .b-details-left .details-contact-form form .form-item textarea::placeholder {
    font-size: 15px;
  }
}
.blog-details .b-details-left .details-contact-form form .form-item input:focus::placeholder, .blog-details .b-details-left .details-contact-form form .form-item textarea:focus::placeholder {
  opacity: 0;
}
.blog-details .b-details-left .details-contact-form form .form-item textarea {
  height: 170px;
  padding: 0;
  padding-top: 16px;
  padding-left: 25px;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-contact-form form .form-item textarea {
    padding-left: 20px;
  }
}
.blog-details .b-details-left .details-contact-form form .form-item textarea::placeholder {
  padding: 0;
}
@media (max-width: 767px) {
  .blog-details .b-details-left .details-contact-form form .form-item textarea::placeholder {
    font-size: 15px;
  }
}
.blog-details .b-details-left .details-contact-form form .form-check {
  padding-left: 36px;
}
.blog-details .b-details-left .details-contact-form form .form-check label {
  font-size: 16px;
}
.blog-details .b-details-left .details-contact-form form .post-comment-btn {
  padding-top: 24px;
}
.blog-details .b-details-left .details-contact-form form .post-comment-btn button {
  width: 180px;
  height: 52px;
  background: #0078FD;
  padding-left: 0;
  margin-left: 0;
  color: #fff;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-left .details-contact-form form .post-comment-btn button:hover {
  background: var(--clr-body-heading);
}
.blog-details .b-details-sidebar {
  margin-left: 89px;
  background: #FFFFFF;
  box-shadow: 0px 6px 60px rgba(9, 9, 9, 0.12);
  border-radius: 6px;
  padding: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-details .b-details-sidebar {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-sidebar {
    margin-left: 30px;
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details .b-details-sidebar {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-sidebar {
    margin-left: 0;
    margin-top: 40px;
    padding: 20px;
  }
}
.blog-details .b-details-sidebar .widget-search .search_wrapper form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-details .b-details-sidebar .widget-search .search_wrapper form button {
  position: absolute;
  left: 15px;
  border: none;
  background: transparent;
}
.blog-details .b-details-sidebar .widget-search .search_wrapper form button path {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-search .search_wrapper form button:hover path {
  stroke: var(--clr-body-tag);
}
.blog-details .b-details-sidebar .widget-search .search_wrapper form input {
  width: 100%;
  height: 54px;
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 4px;
  padding-left: 44px;
  padding-right: 15px;
}
.blog-details .b-details-sidebar .widget-search .search_wrapper form input::placeholder {
  color: #090909;
  opacity: 0.6;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-search .search_wrapper form input:focus::placeholder {
  opacity: 0;
}
.blog-details .b-details-sidebar .widget-author-info .author-thumbs {
  padding-bottom: 26px;
}
.blog-details .b-details-sidebar .widget-author-info .author-thumbs img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 4px;
}
.blog-details .b-details-sidebar .widget-author-info .author-thumbs h5 {
  font-size: 18px;
  padding-top: 20px;
  margin-bottom: 1px;
}
.blog-details .b-details-sidebar .widget-author-info .author-thumbs h5 a {
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-author-info .author-thumbs h5 a:hover {
  color: var(--clr-body-tag);
}
.blog-details .b-details-sidebar .widget-author-info .author-thumbs span {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #090909;
  opacity: 0.7;
}
.blog-details .b-details-sidebar .widget-author-info .author-social-link {
  display: flex;
  padding-bottom: 44px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-sidebar .widget-author-info .author-social-link {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-sidebar .widget-author-info .author-social-link {
    padding-bottom: 40px;
  }
}
.blog-details .b-details-sidebar .widget-author-info .author-social-link span {
  padding-right: 10px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.blog-details .b-details-sidebar .widget-author-info .author-social-link ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.blog-details .b-details-sidebar .widget-author-info .author-social-link ul li {
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 4px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-author-info .author-social-link ul li a i {
  color: rgba(9, 9, 9, 0.3);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-author-info .author-social-link ul li:hover {
  background: var(--clr-body-tag);
}
.blog-details .b-details-sidebar .widget-author-info .author-social-link ul li:hover a i {
  color: var(--clr-common-sada);
}
.blog-details .b-details-sidebar .separator {
  background: rgba(9, 9, 9, 0.1);
  width: 100%;
  height: 1px;
}
.blog-details .b-details-sidebar .widget-recent-post {
  padding-top: 35px;
  padding-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details .b-details-sidebar .widget-recent-post {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .blog-details .b-details-sidebar .widget-recent-post {
    padding-right: 0;
  }
}
.blog-details .b-details-sidebar .widget-recent-post h4 {
  font-size: 24px;
  margin-bottom: 18px;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single {
  overflow: hidden;
  display: flex;
  margin-bottom: 16px;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single:last-child {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-details .b-details-sidebar .widget-recent-post .recent-post-single:last-child {
    margin-bottom: 30px;
  }
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog-single-img {
  flex: 0 0 110px;
  overflow: hidden;
  border-radius: 5px;
  height: 120px;
  margin-right: 20px;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog-single-img a img {
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog-single-img:hover img {
  transform: scale(1.08);
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title span {
  font-size: 14px;
  font-weight: 400;
  color: #6B6B6B;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title span svg {
  position: relative;
  bottom: 2px;
  margin-right: 5px;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title span svg path {
  stroke: #6B6B6B;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 5px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title h6 {
    font-size: 17px;
    line-height: 25px;
  }
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title h6 a {
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-recent-post .recent-post-single .blog_single_title h6 a:hover {
  color: var(--clr-body-tag);
}
.blog-details .b-details-sidebar .widget-categories {
  padding-top: 35px;
}
.blog-details .b-details-sidebar .widget-categories h4 {
  font-size: 24px;
  margin-bottom: 18px;
}
.blog-details .b-details-sidebar .widget-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-details .b-details-sidebar .widget-categories ul li {
  background: rgba(9, 9, 9, 0.04);
  border-radius: 4px;
  margin-bottom: 20px;
  height: 53px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-categories ul li:last-child {
  margin-bottom: 40px;
}
.blog-details .b-details-sidebar .widget-categories ul li::before {
  content: "";
  width: 6px;
  height: 5px;
  background: #676767;
  border-radius: 10px;
  left: 24px;
  position: relative;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-categories ul li a {
  text-decoration: none;
  padding-left: 32px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #676767;
  font-weight: 500;
  font-size: 15px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-categories ul li a span {
  padding-right: 24px;
  color: #676767;
  font-weight: 500;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-categories ul li:hover {
  background: var(--clr-body-tag);
}
.blog-details .b-details-sidebar .widget-categories ul li:hover::before {
  background: var(--clr-common-sada);
}
.blog-details .b-details-sidebar .widget-categories ul li:hover a, .blog-details .b-details-sidebar .widget-categories ul li:hover span {
  color: var(--clr-common-sada);
}
.blog-details .b-details-sidebar .widget-newsletter {
  padding-top: 35px;
}
.blog-details .b-details-sidebar .widget-newsletter h4 {
  font-size: 24px;
  margin-bottom: 5px;
}
.blog-details .b-details-sidebar .widget-newsletter span {
  color: #676767;
  display: block;
  padding-bottom: 23px;
}
@media (max-width: 767px) {
  .blog-details .b-details-sidebar .widget-newsletter span br {
    display: none;
  }
}
.blog-details .b-details-sidebar .widget-newsletter form .newsletter-email input {
  width: 100%;
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 4px;
  height: 54px;
  padding-left: 24px;
  padding-right: 24px;
}
.blog-details .b-details-sidebar .widget-newsletter form .newsletter-email input::placeholder {
  color: #090909;
  opacity: 0.6;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-newsletter form .newsletter-email input:focus::placeholder {
  opacity: 0;
}
.blog-details .b-details-sidebar .widget-newsletter form .newsletter-subs {
  background: #0078FD;
  width: 100%;
  height: 52px;
  padding-left: 0;
  margin-left: 0;
  color: #fff;
  display: flex;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 41px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-newsletter form .newsletter-subs a {
  text-decoration: none;
  display: flex;
  width: 100%;
  text-align: center;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.blog-details .b-details-sidebar .widget-newsletter form .newsletter-subs:hover {
  background: var(--clr-body-heading);
}
.blog-details .b-details-sidebar .widget-tag {
  padding-top: 35px;
}
.blog-details .b-details-sidebar .widget-tag h4 {
  font-size: 24px;
  margin-bottom: 10px;
}
.blog-details .b-details-sidebar .widget-tag .single-tags-wrapper {
  padding-bottom: 15px;
}
.blog-details .b-details-sidebar .widget-tag .single-tags-wrapper ul {
  margin-top: 18px;
}
.blog-details .b-details-sidebar .widget-tag .single-tags-wrapper ul li {
  list-style: none;
  display: inline-block;
  padding: 6px 14px;
  background: #F5F5F5;
  border-radius: 5px;
  margin-bottom: 6px;
  margin-right: 3px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-tag .single-tags-wrapper ul li a {
  display: flex;
  color: #090909;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.blog-details .b-details-sidebar .widget-tag .single-tags-wrapper ul li:hover {
  background: var(--clr-body-tag);
}
.blog-details .b-details-sidebar .widget-tag .single-tags-wrapper ul li:hover a {
  color: var(--clr-common-sada);
}

/*
************
*************************
07. Breadcrumb
******************************************************* 
*************************************************************** */
.breadcrumb_main {
  background-image: url(../img/breadcrumb/breadcrumb-bg.jpg);
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 3;
  margin-bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main:is(.service-page) {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .breadcrumb_main:is(.service-page) {
    margin-bottom: 112px;
  }
}
.breadcrumb_main::after {
  background-image: url(../img/pattern/bg-pattern.svg);
  content: "";
  width: 100%;
  height: 100%;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.breadcrumb_main .container {
  z-index: 2;
  position: relative;
}
.breadcrumb_main .breadcrumb_title {
  padding-top: 107px;
  padding-bottom: 113px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .breadcrumb_main .breadcrumb_title {
    padding-top: 115px;
    padding-bottom: 115px;
  }
}
.breadcrumb_main .breadcrumb_title h2 {
  color: var(--clr-common-sada);
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 11px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main .breadcrumb_title h2 {
    font-size: 55px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_main .breadcrumb_title h2 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .breadcrumb_main .breadcrumb_title h2 {
    font-size: 35px;
    line-height: 35px;
  }
}
.breadcrumb_main .breadcrumb_title ul {
  list-style: none;
  display: flex;
  justify-content: center;
}
.breadcrumb_main .breadcrumb_title ul li {
  color: #0078FD;
  font-weight: 500;
  padding: 0px 17px;
  position: relative;
}
.breadcrumb_main .breadcrumb_title ul li a {
  color: var(--clr-common-sada);
  font-weight: 500;
  text-decoration: none;
}
.breadcrumb_main .breadcrumb_title ul li:last-child::after {
  content: "";
  width: 2px;
  height: 12px;
  background: #757575;
  position: absolute;
  bottom: 7px;
  left: 0;
}
.breadcrumb_main:is(.pricing-page) {
  margin-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main:is(.pricing-page) {
    margin-bottom: 111px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_main:is(.pricing-page) {
    margin-bottom: 112px;
  }
}
@media (max-width: 767px) {
  .breadcrumb_main:is(.pricing-page) {
    margin-bottom: 115px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main:is(.pricing-plan) {
    margin-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_main:is(.pricing-plan) {
    margin-bottom: 112px;
  }
}
@media (max-width: 767px) {
  .breadcrumb_main:is(.pricing-plan) {
    margin-bottom: 0;
  }
}
.breadcrumb_main:is(.team-page) {
  margin-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main:is(.team-page) {
    margin-bottom: 111px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_main:is(.team-page) {
    margin-bottom: 112px;
  }
}
@media (max-width: 767px) {
  .breadcrumb_main:is(.team-page) {
    margin-bottom: 113px;
  }
}
.breadcrumb_main:is(.blog-grid) {
  margin-bottom: 114px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_main:is(.blog-grid) {
    margin-bottom: 115px;
  }
}
@media (max-width: 767px) {
  .breadcrumb_main:is(.blog-grid) {
    margin-bottom: 113px;
  }
}

/*
************
*************************
08. Call To Action
******************************************************* 
*************************************************************** */
.call-to-action {
  position: relative;
  bottom: -120px;
  z-index: 1;
}
.call-to-action:is(.s-details) {
  bottom: -113px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action:is(.s-details) {
    bottom: 0;
  }
}
.call-to-action:is(.c-contact) {
  bottom: -113px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action:is(.c-contact) {
    bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action {
    bottom: -115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action {
    bottom: 0;
    margin-top: 115px;
    margin-bottom: 120px;
    padding-bottom: 0;
    background: #242F93;
  }
}
@media (max-width: 767px) {
  .call-to-action {
    bottom: 0;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .call-to-action {
    bottom: 0;
    margin-bottom: 120px;
    padding-bottom: 0;
    background: #242F93;
  }
}
.call-to-action .call-bg {
  background: #242F93;
  padding: 70px 80px;
  border-radius: 10px;
  background-image: url("../img/call-to-action/call-shape.png");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .call-to-action .call-bg {
    padding: 60px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action .call-bg {
    padding: 40px;
  }
  .call-to-action .call-bg :is(.col-xxl-6.d-flex.justify-content-end) {
    justify-content: center !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action .call-bg {
    padding: 50px 0;
    padding-bottom: 60px;
    border-radius: 0;
  }
  .call-to-action .call-bg :is(.col-xxl-6.d-flex.justify-content-end) {
    display: block !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .call-to-action .call-bg {
    border-radius: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action .call-bg :is(.col-lg-7) {
    display: flex;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action .call-bg .call-left {
    padding-bottom: 0px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action .call-bg .call-left {
    padding-bottom: 30px;
  }
}
.call-to-action .call-bg .call-left h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: var(--clr-common-sada);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .call-to-action .call-bg .call-left h2 {
    font-size: 38px !important;
  }
  .call-to-action .call-bg .call-left h2 br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action .call-bg .call-left h2 {
    font-size: 36px !important;
  }
  .call-to-action .call-bg .call-left h2 br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action .call-bg .call-left h2 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .call-to-action .call-bg .call-left h2 {
    font-size: 34px;
    line-height: 1.3;
  }
  .call-to-action .call-bg .call-left h2 br {
    display: none;
  }
}
.call-to-action .call-bg .call-right {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action .call-bg .call-right {
    display: grid;
  }
}
@media (max-width: 767px) {
  .call-to-action .call-bg .call-right {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .call-to-action .call-bg .call-right {
    display: flex;
  }
}
.call-to-action .call-bg .call-right a {
  width: 185.74px;
  height: 52px;
  background: var(--clr-common-sada);
  margin-left: 14.26px;
  color: var(--clr-body-heading);
  font-weight: 500;
  transition: all 0.3s ease-out 0s;
}
.call-to-action .call-bg .call-right a svg path {
  transition: all 0.3s ease-out 0s;
}
.call-to-action .call-bg .call-right a:hover {
  background: var(--clr-body-heading);
  color: var(--clr-common-sada);
}
.call-to-action .call-bg .call-right a:hover svg path {
  fill: var(--clr-common-sada);
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action .call-bg .call-right a {
    width: 220px;
    margin-left: 0;
    margin-bottom: 25px;
  }
  .call-to-action .call-bg .call-right a:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .call-to-action .call-bg .call-right a:last-child {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .call-to-action .call-bg .call-right a {
    margin-bottom: 0;
  }
  .call-to-action .call-bg .call-right a:last-child {
    margin-left: 25px;
    margin-bottom: 0;
  }
}
.call-to-action .call-bg .call-right a svg {
  margin-right: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .call-to-action .call-bg .call-right a svg {
    bottom: 2px;
  }
}
.call-to-action .call-bg .call-right a.android {
  background: transparent;
  box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: var(--clr-common-sada);
  width: 220px;
  transition: all 0.3s ease-out 0s;
}
.call-to-action .call-bg .call-right a.android svg path {
  transition: all 0.3s ease-out 0s;
}
.call-to-action .call-bg .call-right a.android:hover {
  background: var(--clr-body-tag);
  box-shadow: 0px 0px 0px 1.5px var(--clr-body-tag);
}

/*
************
*************************
09. Client Logo
******************************************************* 
*************************************************************** */
.client-logo {
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .client-logo {
    padding-top: 115px;
  }
}
.client-logo .client-title {
  padding-bottom: 53px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .client-logo .client-title {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .client-logo .client-title {
    padding-bottom: 35px;
  }
}
.client-logo .client-title h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  color: var(--clr-body-heading);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .client-logo .client-title h4 {
    display: block;
    margin: 0 15px;
    text-align: left;
    line-height: 1.4;
  }
}
.client-logo .client-title h4 .heart-icon {
  background: url("../img/client-logo/heart-icon.png");
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 8px;
}
.client-logo .client-company {
  display: flex;
  border-top: 1px solid rgba(9, 9, 9, 0.1);
  border-bottom: 1px solid rgba(9, 9, 9, 0.1);
  padding: 53px 100px;
  align-items: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .client-logo .client-company {
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .client-logo .client-company {
    padding: 30px 15px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    text-align: center;
    overflow: hidden;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client-logo .client-company {
    padding: 30px 15px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    text-align: center;
    overflow: hidden;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client-logo .client-company {
    padding: 30px 15px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    text-align: center;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .client-logo .client-company .company-brand {
    padding-right: 50px;
    width: 244px;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .client-logo .client-company .company-brand {
    padding-right: 0;
    width: 25%;
    padding: 15px;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client-logo .client-company .company-brand {
    padding-right: 0;
    width: 33.33%;
    padding: 15px;
    display: flex;
    justify-content: center;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .client-logo .client-company .company-brand {
    padding-right: 0;
    width: 50%;
    float: left;
    padding: 20px;
    display: flex;
    padding-left: 0;
  }
}
@media only screen and (min-width: 375px) and (max-width: 430px) {
  .client-logo .client-company .company-brand:nth-child(2), .client-logo .client-company .company-brand:nth-child(4), .client-logo .client-company .company-brand:nth-child(6) {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .client-logo .client-company .company-brand:nth-child(2), .client-logo .client-company .company-brand:nth-child(4), .client-logo .client-company .company-brand:nth-child(6) {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client-logo .client-company .company-brand {
    padding-right: 0;
    width: 33.33%;
    padding: 15px;
    display: flex;
    justify-content: center;
  }
}
.client-logo .client-company .company-brand:last-child {
  padding-right: 0;
}

/*
************
*************************
10. Client Review
******************************************************* 
*************************************************************** */
.client_review {
  content: "";
  background-image: url(../img/client-review/client-review-bg.jpg);
  width: 100%;
  height: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.client_review::after {
  background-image: url(../img/pattern/bg-pattern.svg);
  content: "";
  width: 100%;
  height: 100%;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.client_review .container {
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client_review :is(.col-xxl-6.ps-0) {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .client_review :is(.col-xxl-6.pe-0) {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review :is(.col-xxl-6.ps-0) {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .client_review :is(.col-xxl-6.pe-0) {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.client_review .review-left-thumb {
  position: relative;
  text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client_review .review-left-thumb {
    padding-right: 30px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review .review-left-thumb {
    padding-right: 0;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client_review .review-left-thumb {
    padding-right: 0px;
  }
}
.client_review .review-left-thumb img {
  border-radius: 20px;
  height: 700px;
  width: 520px;
  object-fit: cover;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .client_review .review-left-thumb img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client_review .review-left-thumb img {
    height: 545px;
    padding-left: 0;
  }
}
.client_review .review-left-thumb .thumb-top {
  position: absolute;
  top: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client_review .review-left-thumb .thumb-top {
    position: absolute;
    top: 80px;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review .review-left-thumb .thumb-top {
    position: absolute;
    top: 40px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .client_review .review-left-thumb .thumb-top {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client_review .review-left-thumb .thumb-top {
    position: absolute;
    padding-bottom: 0;
    top: 60px;
    right: 0;
  }
}
.client_review .review-left-thumb .thumb-top img {
  width: 328px;
  height: 370px;
  border-radius: 20px;
  filter: grayscale(1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .client_review .review-left-thumb .thumb-top img {
    width: 290px;
    height: 305px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .client_review .review-left-thumb .thumb-top img {
    width: 200px;
    height: 100%;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client_review .review-left-thumb .thumb-top img {
    width: 155px;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review .review-left-thumb .thumb-top img {
    width: 120px;
    height: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .client_review .review-left-thumb .thumb-top img {
    width: 100%;
    height: 100%;
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client_review .review-left-thumb .thumb-top img {
    width: 210px;
    display: block;
  }
}
.client_review .slick-list {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.client_review .review-right-text {
  position: relative;
  padding-left: 92px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .client_review .review-right-text {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .client_review .review-right-text {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .client_review .review-right-text {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .client_review .review-right-text {
    padding-left: 0;
  }
}
.client_review .review-right-text:before {
  content: "";
  position: absolute;
  background-image: url("../img/client-review/quotation.png");
  width: 134px;
  height: 124px;
  background-repeat: no-repeat;
  left: 65px;
  top: -80px;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .client_review .review-right-text:before {
    left: 45px;
    top: -90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .client_review .review-right-text:before {
    left: 20px;
    top: -85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client_review .review-right-text:before {
    left: 5px;
    top: -85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review .review-right-text:before {
    left: 0;
    top: -90px;
    display: none;
  }
}
@media (max-width: 767px) {
  .client_review .review-right-text:before {
    display: none;
  }
}
.client_review .review-right-text .author-text {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}
.client_review .review-right-text .author-text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: var(--clr-body-text_soft);
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review .review-right-text .author-text p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .client_review .review-right-text .author-text p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.client_review .review-right-text .author-info {
  display: flex;
  justify-content: space-between;
}
.client_review .review-right-text .author-info .author-profile {
  display: flex;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review .review-right-text .author-info .author-profile {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client_review .review-right-text .author-info .author-profile {
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client_review .review-right-text .author-info .author-profile .author-thumb {
    padding-bottom: 15px;
  }
}
.client_review .review-right-text .author-info .author-profile .author-thumb img {
  width: 60px;
  height: 60px;
  margin-right: 16px;
  border-radius: 50%;
}
.client_review .review-right-text .author-info .author-profile .author-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .client_review .review-right-text .author-info .author-profile .author-title {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .client_review .review-right-text .author-info .author-profile .author-title {
    padding-top: 0;
  }
}
.client_review .review-right-text .author-info .author-profile .author-title h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: var(--clr-common-sada);
  margin-bottom: 5px;
}
.client_review .review-right-text .author-info .author-profile .author-title p {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  color: var(--clr-common-white_opacity6);
  margin-bottom: 0;
}
.client_review .review-right-text .author-social {
  display: flex;
  align-items: center;
}
.client_review .review-right-text .author-social a {
  margin: 0 5px;
  width: 40px;
  height: 40px;
  border: 1px solid #FFFFFF1A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease-out 0s;
}
.client_review .review-right-text .author-social a:last-child {
  margin-right: 0;
}
.client_review .review-right-text .author-social a i {
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
  transition: all 0.3s ease-out 0s;
}
.client_review .review-right-text .author-social a:hover {
  border: none;
  background: var(--clr-body-tag);
}
.client_review .review-right-text .author-social a:hover i {
  color: var(--clr-common-sada);
}

/*
************
*************************
11. Contact
******************************************************* 
*************************************************************** */
.contact-us {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-us {
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .contact-us {
    padding-bottom: 120px;
  }
}
.contact-us .contact-maps iframe {
  width: 530px;
  height: 740px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-us .contact-maps iframe {
    width: 100%;
    height: 600px;
    border-radius: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us .contact-maps iframe {
    width: 100%;
    height: 500px;
    border-radius: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-us .col-lg-5 {
    display: flex;
    align-items: center;
  }
  .contact-us .col-lg-5 .contact-maps {
    width: 100%;
  }
}
.contact-us .col-xxl-7 {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-us .col-xxl-7 {
    margin-top: -10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us .col-xxl-7 {
    margin-top: -7px;
  }
}
.contact-us .col-xxl-7 .contact-forms {
  padding-left: 26px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .contact-us .col-xxl-7 .contact-forms {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us .col-xxl-7 .contact-forms {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .contact-us .col-xxl-7 .contact-forms {
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
  }
}
.contact-us .col-xxl-7 .contact-forms form .form-item {
  padding-bottom: 24px;
}
.contact-us .col-xxl-7 .contact-forms form .form-item label {
  display: block;
  font-size: 16px;
  color: #090909;
  margin-bottom: 10px;
}
.contact-us .col-xxl-7 .contact-forms form .form-item input {
  width: 100%;
  background: #F9F9F9;
  border: none;
  height: 60px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 6px;
}
.contact-us .col-xxl-7 .contact-forms form .form-item input::placeholder {
  color: #999999;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
  .contact-us .col-xxl-7 .contact-forms form .form-item input::placeholder {
    font-size: 15px;
  }
}
.contact-us .col-xxl-7 .contact-forms form .form-item input:focus::placeholder {
  opacity: 0;
}
.contact-us .col-xxl-7 .contact-forms form .form-item textarea {
  width: 100%;
  background: #F9F9F9;
  border: none;
  height: 180px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 20px;
  border-radius: 6px;
  padding-bottom: 20px;
}
.contact-us .col-xxl-7 .contact-forms form .form-item textarea::placeholder {
  color: #999999;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
  .contact-us .col-xxl-7 .contact-forms form .form-item textarea::placeholder {
    font-size: 15px;
  }
}
.contact-us .col-xxl-7 .contact-forms form .form-item textarea:focus::placeholder {
  opacity: 0;
}
.contact-us .col-xxl-7 .contact-forms form .form-item.item-msg {
  padding-bottom: 25px;
}
.contact-us .col-xxl-7 .contact-forms form a.btn-msg {
  width: 200px;
  height: 60px;
  background: #0078FD;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 6px;
  font-size: 16px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.contact-us .col-xxl-7 .contact-forms form a.btn-msg:hover {
  background: var(--clr-body-heading);
}
.contact-us .col-xxl-7 .contact-forms .form-title {
  padding-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us .col-xxl-7 .contact-forms .form-title {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .col-xxl-7 .contact-forms .form-title {
    padding-top: 42px;
    padding-bottom: 10px;
  }
}
.contact-us .col-xxl-7 .contact-forms .form-title h2 {
  font-size: 50px;
  margin-bottom: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-us .col-xxl-7 .contact-forms .form-title h2 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us .col-xxl-7 .contact-forms .form-title h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .contact-us .col-xxl-7 .contact-forms .form-title h2 {
    font-size: 25px;
  }
}
.contact-us .col-xxl-7 .contact-forms .form-title p {
  color: #6B6B6B;
}

/*
************
*************************
12. Error
******************************************************* 
*************************************************************** */
.error {
  padding-bottom: 120px;
}
.error .error-wrapper {
  text-align: center;
}
.error .error-wrapper .error-thumbs img {
  width: 570px;
  height: 470px;
}
@media (max-width: 767px) {
  .error .error-wrapper .error-thumbs img {
    width: 100%;
    height: 100%;
  }
}
.error .error-wrapper .error-context p {
  color: #6B6B6B;
  padding-top: 28px;
  padding-bottom: 22px;
}
@media (max-width: 767px) {
  .error .error-wrapper .error-context p br {
    display: none;
  }
}
.error .error-wrapper .error-back-btn {
  display: flex;
  justify-content: center;
}
.error .error-wrapper .error-back-btn a {
  width: 189px;
  background: var(--clr-body-tag);
  color: var(--clr-common-sada);
  height: 60px;
}

/*
************
*************************
13. Features
******************************************************* 
*************************************************************** */
.features {
  padding-top: 120px;
  overflow: hidden;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .features :is(.col-xxl-6.ps-0) {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
  .features :is(.col-xxl-6.pe-0) {
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.features .container {
  display: grid;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .features .container .col-xxl-6 {
    order: 1;
  }
  .features .container .col-xxl-6:last-child {
    order: 0;
  }
}
.features .features-left-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.features .features-left-text .features-icon {
  display: flex;
  position: relative;
}
.features .features-left-text .features-icon:before {
  content: "";
  background-image: url(../img/features/shape-tail.png);
  width: 161.5px;
  height: 67.81px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
  right: 0;
}
@media (max-width: 767px) {
  .features .features-left-text .features-icon:before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .features .features-left-text .features-icon:before {
    display: inline-block;
  }
}
.features .features-left-text .features-icon .icon-single {
  border: 1px solid #09090920;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex: 0 0 80px;
  margin: 0 8px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media (max-width: 767px) {
  .features .features-left-text .features-icon .icon-single {
    width: 70px;
    height: 70px;
    flex: 0 0 70px;
  }
}
@media (max-width: 767px) {
  .features .features-left-text .features-icon .icon-single svg {
    width: 30px;
    height: 30px;
  }
}
.features .features-left-text .features-icon .icon-single:first-child {
  margin-left: 0;
}
.features .features-left-text .features-icon .icon-single:hover {
  background: #FFFFFF;
  box-shadow: 0px 6px 20px rgba(9, 9, 9, 0.1);
  border: none;
}
.features .features-title h2 {
  font-weight: 600;
  font-size: 50px;
  line-height: 56px;
  margin-top: 14px;
  margin-bottom: 21px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .features .features-title h2 {
    line-height: 1.3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features .features-title h2 br {
    display: none;
  }
}
.features .features-title p {
  color: var(--clr-body-heading);
  opacity: 0.7;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .features .features-title p {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .features .features-title p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features .features-right-img {
    margin-bottom: 55px;
  }
}
.features .features-right-img img {
  filter: drop-shadow(0px 0px 10px #09090915);
  position: relative;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .features .features-right-img img {
    padding-bottom: 40px;
  }
}

.awesome-feature {
  padding-bottom: 120px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .awesome-feature .container-fluid.p-0 {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .awesome-feature .container-fluid.p-0 .col-xxl-2 {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
  }
  .awesome-feature .container-fluid.p-0 .col-xxl-2:nth-child(6) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .awesome-feature .container-fluid.p-0 .col-xxl-2:nth-child(4), .awesome-feature .container-fluid.p-0 .col-xxl-2:nth-child(5), .awesome-feature .container-fluid.p-0 .col-xxl-2:nth-child(6) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .awesome-feature .container-fluid.p-0 .col-xxl-2:nth-child(5), .awesome-feature .container-fluid.p-0 .col-xxl-2:nth-child(6) {
    margin-bottom: 0;
  }
}
.awesome-feature .container-fluid .col-xxl-2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.awesome-feature .team-title {
  text-align: center;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .awesome-feature .team-title {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .awesome-feature .team-title {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .awesome-feature .team-title {
    padding-bottom: 30px;
    text-align: left;
  }
}
.awesome-feature .team-title p {
  color: var(--clr-body-heading);
  opacity: 0.7;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
}
@media (max-width: 767px) {
  .awesome-feature .team-title p br {
    display: none;
  }
}
.awesome-feature .feature-carousel .slick-list {
  overflow: inherit;
}
.awesome-feature .feature-single {
  background: #fff;
  width: 295px;
  height: 310px;
  filter: drop-shadow(2px 4px 6px #09090920);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .awesome-feature .feature-single {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .awesome-feature .feature-single {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .awesome-feature .feature-single {
    width: 100%;
    height: 270px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .awesome-feature .feature-single {
    width: 340px;
  }
}
.awesome-feature .feature-single .single-item-thumbs {
  position: relative;
  z-index: 0;
  width: 170.65px;
  height: 122.11px;
  background-image: url(../img/features/feature-item-bg-1.png);
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
}
.awesome-feature .feature-single .single-item-thumbs:is(.thumbs-2) {
  background-image: url(../img/features/feature-item-bg-2.png);
  height: 123px;
}
.awesome-feature .feature-single .single-item-thumbs:is(.thumbs-3) {
  background-image: url(../img/features/feature-item-bg-3.png);
  height: 124px;
}
.awesome-feature .feature-single .single-item-thumbs:is(.thumbs-4) {
  background-image: url(../img/features/feature-item-bg-4.png);
  height: 128px;
}
.awesome-feature .feature-single .single-item-thumbs:is(.thumbs-5) {
  background-image: url(../img/features/feature-item-bg-5.png);
  height: 129px;
}
.awesome-feature .feature-single .single-item-thumbs:is(.thumbs-6) {
  background-image: url(../img/features/feature-item-bg-6.png);
  height: 128px;
}
.awesome-feature .feature-single .single-item-thumbs svg {
  position: relative;
  z-index: 1;
  bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .awesome-feature .feature-single .single-item-thumbs svg {
    bottom: 5px;
    width: 45px;
  }
}
.awesome-feature .feature-single .single-item-content h5 {
  text-align: center;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .awesome-feature .feature-single .single-item-content h5 {
    font-size: 18px;
  }
}
.awesome-feature .feature-single:after {
  content: "";
  background: url("../img/features/feature-shape-bottom.png");
  width: 52px;
  height: 75px;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.awesome-feature .feature-single:hover {
  background: var(--clr-body-tag);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.awesome-feature .feature-single:hover .single-item-content h5 {
  color: var(--clr-common-sada);
}
.awesome-feature .feature-single:hover:after {
  opacity: 1;
}
.awesome-feature .feature-btn {
  margin-top: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .awesome-feature .feature-btn {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .awesome-feature .feature-btn {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .awesome-feature .feature-btn {
    margin-top: 10px;
  }
}
.awesome-feature .feature-btn a {
  width: 365px;
  height: 52px;
  -moz-box-shadow: 0px 0px 0px 1.5px #09090920;
  -webkit-box-shadow: 0px 0px 0px 1.5px #09090920;
  box-shadow: 0px 0px 0px 1.5px #09090920;
  font-weight: 600;
  border-radius: 6px;
  margin: 0 auto;
  transition: all 0.3s ease-out 0s;
  color: var(--clr-body-heading);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .awesome-feature .feature-btn a {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .awesome-feature .feature-btn a {
    width: 295px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .awesome-feature .feature-btn a {
    width: 365px;
  }
}
.awesome-feature .feature-btn a:hover {
  background: var(--clr-body-tag);
  color: var(--clr-common-sada);
  box-shadow: 0px 0px 0px 1.5px var(--clr-body-tag);
}

/*
************
*************************
14. Pricing
******************************************************* 
*************************************************************** */
.pricing {
  padding-top: 108px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing {
    padding-top: 111px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing {
    padding-top: 113px;
  }
}
@media (max-width: 767px) {
  .pricing {
    padding-top: 113px;
    padding-bottom: 80px;
  }
}
.pricing .pricing-title {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pricing .pricing-title {
    text-align: left;
  }
}
.pricing .pricing-title p {
  color: var(--clr-body-heading);
  opacity: 0.7;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pricing .pricing-title p br {
    display: none;
  }
}
.pricing .price_plan_single {
  border: 1px solid #09090920;
  border-radius: 10px;
  padding: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing .price_plan_single {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing .price_plan_single {
    padding: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .pricing .price_plan_single {
    padding: 25px;
    margin-bottom: 40px;
  }
}
.pricing .price_plan_single.quarter {
  background: #0078FD;
  border: 1px solid #0078FD;
}
.pricing .price_plan_single.quarter .price_amount_section h5 {
  color: #fff;
}
.pricing .price_plan_single.quarter .price_amount_section p {
  color: #fff;
}
.pricing .price_plan_single.quarter .price_amount_section h2 {
  color: #fff;
}
.pricing .price_plan_single.quarter .price_amount_section h2 span {
  color: #fff;
}
.pricing .price_plan_single.quarter .price_amount_section h2 ::after {
  background: #ffffff20;
}
.pricing .price_plan_single.quarter .plan_package_list {
  padding-top: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pricing .price_plan_single.quarter .plan_package_list {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pricing .price_plan_single.quarter .plan_package_list {
    padding-top: 35px;
  }
}
.pricing .price_plan_single.quarter .plan_package_list ul li {
  color: #fff;
}
.pricing .price_plan_single.quarter .plan_package_list ul li i {
  background-image: url(../img/pricing/check-white.svg);
}
.pricing .price_plan_single.quarter .price-btn a {
  background: #fff;
}
.pricing .price_plan_single .price_amount_section h5 {
  margin-bottom: 4px;
  font-size: 22px;
}
.pricing .price_plan_single .price_amount_section p {
  color: #090909;
  margin-bottom: 19px;
  opacity: 0.8;
}
.pricing .price_plan_single .price_amount_section h2 {
  font-size: 66px;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pricing .price_plan_single .price_amount_section h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing .price_plan_single .price_amount_section h2 {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .pricing .price_plan_single .price_amount_section h2 {
    font-size: 45px;
  }
}
.pricing .price_plan_single .price_amount_section h2 span {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing .price_plan_single .price_amount_section h2 span {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .pricing .price_plan_single .price_amount_section h2 span {
    right: 5px;
    font-size: 14px;
  }
}
.pricing .price_plan_single .price_amount_section h2::after {
  content: "";
  width: 100%;
  height: 1px;
  position: relative;
  background: #09090915;
  display: block;
  top: 10px;
}
.pricing .price_plan_single .price_amount_section h2:is(.middle)::after {
  background: rgba(255, 255, 255, 0.1);
}
.pricing .price_plan_single .plan_package_list {
  padding-top: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pricing .price_plan_single .plan_package_list {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pricing .price_plan_single .plan_package_list {
    padding-top: 35px;
  }
}
.pricing .price_plan_single .plan_package_list ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 15px;
}
.pricing .price_plan_single .plan_package_list ul li i {
  content: "";
  background-image: url(../img/pricing/check.svg);
  width: 16px;
  height: 11px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.pricing .price_plan_single .plan_package_list ul li.service-off {
  opacity: 0.3;
}
.pricing .price_plan_single .price-btn {
  margin-top: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing .price_plan_single .price-btn {
    margin-top: 37px;
  }
}
.pricing .price_plan_single .price-btn a {
  width: 100%;
  height: 52px;
  -moz-box-shadow: 0px 0px 0px 1.5px #09090920;
  -webkit-box-shadow: 0px 0px 0px 1.5px #09090920;
  box-shadow: 0px 0px 0px 1.5px #09090920;
  font-weight: 600;
  border-radius: 6px;
}
.pricing .price_plan_single .price-btn a:hover {
  background: var(--clr-body-tag);
  color: var(--clr-common-sada);
  box-shadow: 0px 0px 0px 1.5px var(--clr-body-tag);
}
.pricing .price_plan_single .price-btn a:is(.bnze-center):hover {
  background: var(--clr-body-heading);
  color: var(--clr-common-sada);
}
.pricing .pricing_tabs {
  display: flex;
  justify-content: center;
  padding-bottom: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pricing .pricing_tabs {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing .pricing_tabs {
    padding-bottom: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing .pricing_tabs {
    padding-bottom: 45px;
    justify-content: left;
  }
}
@media (max-width: 767px) {
  .pricing .pricing_tabs {
    padding-bottom: 35px;
    justify-content: left;
  }
}
.pricing .pricing_tabs .nav {
  background-color: #F0F0F0;
  width: 220px;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.pricing .pricing_tabs .nav li button {
  border: none;
  background: transparent;
  width: 100px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #090909;
  font-weight: 600;
  font-size: 15px;
}
.pricing .pricing_tabs .nav li button.nav-link.active {
  background: #0078FD;
  border-radius: 4px;
  color: #fff;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing .tab-content {
    padding: 0;
  }
}
.pricing .tab-content .tab-pane .col-lg-4:nth-child(1) {
  padding-left: 0;
  padding-right: 18px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pricing .tab-content .tab-pane .col-lg-4:nth-child(1) {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
.pricing .tab-content .tab-pane .col-lg-4:nth-child(3) {
  padding-right: 0;
  padding-left: 17px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pricing .tab-content .tab-pane .col-lg-4:nth-child(3) {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing .tab-content .tab-pane .col-lg-4:nth-child(3) .price_plan_single {
    margin-bottom: 5px;
  }
}
.pricing:is(.pricing-plan) {
  padding-top: 0;
}

/*
************
*************************
15. Services
******************************************************* 
*************************************************************** */
.services {
  position: relative;
  padding-bottom: 120px;
  background-image: url(../img/services/service-shape.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .services {
    overflow: initial;
  }
}
.services::after {
  background-image: url(../img/pattern/bg-pattern.svg);
  content: "";
  width: 100%;
  height: 100%;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.services .container {
  z-index: 3;
  position: relative;
}
.services .custom-shape {
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .services .custom-shape {
    top: -2px;
    width: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services .custom-shape {
    top: -3px;
  }
}
.services .shape-wave {
  position: relative;
  display: block;
  width: calc(145% + 1.3px);
  height: 397px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .services .shape-wave {
    width: calc(150% + 1.3px);
    height: 280px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services .shape-wave {
    width: calc(135% + 1.3px);
    height: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .services .shape-wave {
    display: none;
  }
}
.services .custom-shape .shape-fill {
  fill: #FFFFFF;
}
.services .shape-1 {
  content: "";
  background-image: url(../img/services/shape-1.png);
  background-repeat: no-repeat;
  width: 56px;
  height: 51px;
  position: absolute;
  top: 36.15%;
  left: 133px;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .services .shape-1 {
    top: 14%;
    left: 50px;
    right: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services .shape-1 {
    left: 30px;
    right: auto;
    top: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services .shape-1 {
    top: 60px;
    right: auto;
    left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .services .shape-1 {
    display: none;
  }
}
.services .shape-2 {
  content: "";
  background-image: url(../img/services/shape-2.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 95px;
  right: 89px;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .services .shape-2 {
    left: auto;
    bottom: 40px;
    right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services .shape-2 {
    left: auto;
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services .shape-2 {
    bottom: 60px;
    right: 60px;
    left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .services .shape-2 {
    display: none;
  }
}
.services .service-inner {
  position: relative;
  z-index: 10;
}
.services .service-top {
  padding-top: 272px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .services .service-top {
    padding-top: 220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services .service-top {
    padding-top: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services .service-top {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services .service-top {
    padding-top: 115px;
  }
  .services .service-top:is(.text-center) {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .services .service-top {
    padding-top: 115px;
  }
  .services .service-top:is(.text-center) {
    text-align: left !important;
  }
}
.services .service-top .service-title {
  padding-top: 8px;
}
.services .service-top .service-title h2 {
  color: var(--clr-common-sada);
  font-size: 50px;
  line-height: 57px;
  margin-bottom: 20px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services .service-top .service-title h2 {
    line-height: 1.3;
  }
  .services .service-top .service-title h2 br {
    display: none;
  }
}
.services .service-top .service-title p {
  font-weight: 300;
  color: var(--clr-common-white_opacity6);
  line-height: 26px;
  margin-bottom: 46px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services .service-top .service-title p {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services .service-top .service-title p {
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .services .service-top .service-title p br {
    display: none;
  }
}
.services .single-col {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services .single-col {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .services .single-col {
    padding: 0 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .services .single-col {
    border-right: none;
    padding: 0 15px;
  }
}
.services .single-col:nth-child(2) {
  padding-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services .single-col:nth-child(2) {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
@media (max-width: 767px) {
  .services .single-col:nth-child(2) {
    padding-left: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .services .single-col:nth-child(4) .single-service .single-link {
    padding-bottom: 0;
  }
}
.services .single-col:last-child {
  padding-right: 0;
  border-right: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services .single-col:last-child {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
}
@media (max-width: 767px) {
  .services .single-col:last-child {
    padding-right: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .services .single-col:last-child .single-service .single-link {
    padding-bottom: 0;
  }
}
.services .single-service {
  padding-top: 40px;
  position: relative;
  bottom: 0;
  transition: all 0.3s linear 0s;
}
.services .single-service .single-icon {
  transition: all 0.3s linear 0s;
}
.services .single-service .single-icon svg path {
  transition: all 0.3s linear 0s;
}
.services .single-service:hover {
  bottom: 35px;
}
.services .single-service:hover .single-link a .single-icon {
  background: var(--clr-body-tag);
}
.services .single-service:hover .single-link a .single-icon svg path {
  stroke: #FFFFFF;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services .single-service {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .services .single-service {
    padding-top: 25px;
  }
}
.services .single-service .single-img.item-1 img {
  border-radius: 0 40% 0 40%;
}
.services .single-service .single-img.item-2 img {
  width: 290px;
  border-radius: 100% 100% 0 100%;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .services .single-service .single-img.item-2 img {
    width: 100%;
  }
}
.services .single-service .single-img.item-3 img {
  width: 290px;
  border-radius: 40% 0 40% 0;
}
@media (max-width: 767px) {
  .services .single-service .single-img.item-3 img {
    width: 100%;
  }
}
.services .single-service .single-img.item-4 img {
  border-radius: 100% 100% 100% 0;
}
.services .single-service .single-img a {
  display: block;
}
.services .single-service .single-img a img {
  width: 320px;
  height: 298px;
  object-fit: cover;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .services .single-service .single-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .services .single-service .single-img a img {
    height: 250px;
  }
}
.services .single-service .single-link {
  padding-top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services .single-service .single-link {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services .single-service .single-link {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .services .single-service .single-link {
    padding-top: 20px;
    padding-bottom: 35px;
  }
}
.services .single-service .single-link a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.services .single-service .single-link a .single-icon {
  margin-right: 20px;
  background: var(--clr-common-sada);
  border-radius: 50%;
  flex: 0 0 70px;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .services .single-service .single-link a .single-icon {
    margin-right: 15px;
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
  }
  .services .single-service .single-link a .single-icon svg {
    width: 22px;
    height: 22px;
  }
}
.services .single-service .single-link a .single-text {
  width: 100%;
}
.services .single-service .single-link a .single-text h5 {
  color: var(--clr-common-sada);
  text-decoration: none;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .services .single-service .single-link a .single-text h5 {
    font-size: 17px;
    line-height: 1.2;
  }
}

/*
************
*************************
16. Service Details
******************************************************* 
*************************************************************** */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details {
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .service-details {
    padding-bottom: 120px;
  }
}
.service-details .c-xxl-7 {
  width: 59.572%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .c-xxl-7 {
    width: 58.33333333%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details .c-xxl-7 {
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.service-details .c-xxl-5 {
  width: 40.428%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .c-xxl-5 {
    width: 41.66666667%;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details .c-xxl-5 {
    width: 100%;
  }
}
.service-details .details-left .details-single .details-content h2 {
  margin-top: 30px;
  font-size: 30px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .service-details .details-left .details-single .details-content h2 {
    font-size: 29px;
  }
}
.service-details .details-left .details-single .details-content p {
  color: var(--clr-body-heading);
  opacity: 0.7;
}
.service-details .details-left .details-single:is(.d-last-col) p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-details .details-left .details-single:is(.d-last-col) {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .details-left .details-single:is(.d-last-col) {
    margin-top: 40px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details .details-left .details-single:is(.d-last-col) {
    margin-top: 50px;
  }
}
.service-details .details-left .details-feature {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-details .details-left .details-feature {
    margin-top: 30px;
  }
}
.service-details .details-left .details-feature .c-row {
  padding: 0 12px;
}
.service-details .details-left .details-feature .c-xxl-6 {
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 6px;
}
.service-details .details-left .details-feature .c-xxl-6:nth-child(1) {
  border-radius: 6px 0 0 0;
}
@media (max-width: 767px) {
  .service-details .details-left .details-feature .c-xxl-6:nth-child(1) {
    border-radius: 6px 6px 0 0;
    border-bottom: none;
  }
}
.service-details .details-left .details-feature .c-xxl-6:nth-child(2) {
  border-left: none;
  border-radius: 0 6px 0 0;
}
@media (max-width: 767px) {
  .service-details .details-left .details-feature .c-xxl-6:nth-child(2) {
    font-size: 29px;
    border-left: 1px solid rgba(9, 9, 9, 0.1);
    border-radius: 0 0px 0 0;
  }
}
.service-details .details-left .details-feature .c-xxl-6:nth-child(3) {
  border-top: none;
  border-radius: 0 0 0 6px;
}
@media (max-width: 767px) {
  .service-details .details-left .details-feature .c-xxl-6:nth-child(3) {
    border-radius: 0;
  }
}
.service-details .details-left .details-feature .c-xxl-6:nth-child(4) {
  border-top: none;
  border-left: none;
  border-radius: 0 0 6px 0;
}
@media (max-width: 767px) {
  .service-details .details-left .details-feature .c-xxl-6:nth-child(4) {
    border-left: 1px solid rgba(9, 9, 9, 0.1);
    border-radius: 0 0 6px 6px;
  }
}
.service-details .details-left .details-feature .feature-card {
  padding-top: 47px;
  padding-left: 19px;
  padding-bottom: 30px;
  padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-details .details-left .details-feature .feature-card {
    padding-top: 30px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .details-left .details-feature .feature-card {
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details .details-left .details-feature .feature-card {
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .service-details .details-left .details-feature .feature-card {
    padding-top: 25px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }
}
.service-details .details-left .details-feature .feature-card .card-title {
  display: flex;
}
.service-details .details-left .details-feature .feature-card .card-title .card-svg {
  width: 28px;
  height: 28px;
  background: rgba(14, 183, 112, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.service-details .details-left .details-feature .feature-card .card-title .card-svg:is(.card-bg2) {
  background: rgba(246, 112, 158, 0.1);
}
.service-details .details-left .details-feature .feature-card .card-title .card-svg:is(.card-bg3) {
  background: rgba(0, 175, 255, 0.14);
}
.service-details .details-left .details-feature .feature-card .card-title .card-svg:is(.card-bg4) {
  background: rgba(255, 142, 65, 0.1);
}
.service-details .details-left .details-feature .feature-card .card-title .card-headding h6 {
  margin-bottom: 0;
  padding-top: 3px;
  padding-left: 15px;
  font-size: 20px;
}
.service-details .details-left .details-feature .feature-card .card-txt {
  padding-top: 3px;
  padding-left: 43px;
}
.service-details .details-left .details-feature .feature-card .card-txt p {
  color: #090909;
  opacity: 0.7;
  line-height: 26px;
}
.service-details .details-right {
  padding-left: 89px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-details .details-right {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .details-right {
    padding-left: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details .details-right {
    padding-left: 0;
    margin-top: 40px;
  }
}
.service-details .details-right .detais-sidebar-list {
  background: #FFFFFF;
  box-shadow: 0px 6px 60px rgba(9, 9, 9, 0.12);
  border-radius: 6px;
  padding: 34px 30px;
}
@media (max-width: 767px) {
  .service-details .details-right .detais-sidebar-list {
    padding: 30px 14px;
    border-radius: 0;
  }
}
.service-details .details-right .detais-sidebar-list .sidebar-single {
  display: flex;
  align-items: center;
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 6px;
  margin-bottom: 14px;
  padding: 10px;
  position: relative;
}
.service-details .details-right .detais-sidebar-list .sidebar-single:last-child {
  margin-bottom: 0;
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-icon {
  width: 60px;
  height: 60px;
  background: rgba(14, 183, 112, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-icon {
    width: 50px;
    height: 50px;
  }
  .service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-icon svg {
    width: 22px;
  }
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-icon:is(.bg-2) {
  background: rgba(246, 112, 158, 0.1);
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-icon:is(.bg-3) {
  background: rgba(0, 175, 255, 0.1);
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-icon:is(.bg-4) {
  background: rgba(255, 142, 65, 0.1);
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-icon:is(.bg-5) {
  background: rgba(248, 61, 125, 0.1);
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-title {
  padding-left: 14px;
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-title h6 {
  margin-bottom: 0;
  font-size: 18px;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-title h6 {
    font-size: 17px;
  }
}
.service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-arrow {
  border: 1px solid rgba(9, 9, 9, 0.1);
  border-radius: 4px;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 14px;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-arrow {
    width: 40px;
    height: 40px;
  }
  .service-details .details-right .detais-sidebar-list .sidebar-single .sidebar-arrow svg {
    width: 14px;
  }
}
.service-details .details-right .detais-sidebar-list .sidebar-single:hover .sidebar-arrow {
  background: var(--clr-body-tag);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.service-details .details-right .detais-sidebar-list .sidebar-single:hover .sidebar-arrow svg path {
  stroke: var(--clr-common-sada);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.service-details .details-right .sidebar-form {
  background: #fff;
  box-shadow: 0px 6px 60px rgba(9, 9, 9, 0.12);
  border-radius: 6px;
  margin-top: 30px;
  padding: 35px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details .details-right .sidebar-form {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .service-details .details-right .sidebar-form {
    margin-top: 50px;
    padding: 30px 14px;
    border-radius: 0;
    padding-bottom: 25px;
  }
}
.service-details .details-right .sidebar-form h4 {
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-details .details-right .sidebar-form h4 {
    font-size: 22px;
  }
}
.service-details .details-right .sidebar-form .name {
  margin-bottom: 14px;
}
.service-details .details-right .sidebar-form .name input {
  border: 1px solid rgba(9, 9, 9, 0.1);
  width: 100%;
  border-radius: 6px;
  padding: 10px 26px;
  height: 54px;
}
@media (max-width: 767px) {
  .service-details .details-right .sidebar-form .name input {
    padding: 10px 20px;
  }
}
.service-details .details-right .sidebar-form .name input::placeholder {
  color: #090909;
  opacity: 0.4;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.service-details .details-right .sidebar-form .name input:focus::placeholder {
  opacity: 0;
}
.service-details .details-right .sidebar-form .form-btn {
  margin-top: 20px;
  margin-bottom: 14px;
}
.service-details .details-right .sidebar-form .form-btn a {
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  background: #0078FD;
  border-radius: 6px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.service-details .details-right .sidebar-form .form-btn a:hover {
  background: var(--clr-body-heading);
  color: var(--clr-common-sada);
}

/*
************
*************************
17. Team
******************************************************* 
*************************************************************** */
.team {
  padding-top: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team {
    padding-top: 110px;
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .team {
    padding-top: 115px;
  }
}
.team .container {
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team .container {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  }
}
.team .team-title {
  text-align: center;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team .team-title {
    padding-bottom: 0;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .team .team-title {
    text-align: left;
  }
}
.team .team-title p {
  color: var(--clr-body-heading);
  opacity: 0.7;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team .team-title p {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team .team-title p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team .col-md-6 .team-member:last-child {
    margin-top: 30px;
  }
}
.team .team-member {
  position: relative;
}
@media (max-width: 767px) {
  .team .team-member {
    margin-bottom: 40px;
  }
}
.team .team-member img {
  width: 447px;
  height: 550px;
  border-radius: 10px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team .team-member img {
    width: 100%;
    height: 100%;
  }
}
.team .team-member .team-info {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 220px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 6px 6px 0;
  padding-left: 24px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.team .team-member .team-info h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.team .team-member .team-info h4:hover {
  color: var(--clr-body-tag);
}
.team .team-member .team-info p {
  font-size: 14px;
}
.team .team-member:hover .team-info {
  opacity: 1;
  pointer-events: auto;
  bottom: 30px;
}
.team .member-btn {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team .member-btn {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team .member-btn {
    margin-top: 50px;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .team .member-btn {
    margin-top: 10px;
    margin-bottom: 120px;
  }
}
.team .member-btn a {
  width: 446px;
  height: 52px;
  -moz-box-shadow: 0px 0px 0px 1.5px #09090920;
  -webkit-box-shadow: 0px 0px 0px 1.5px #09090920;
  box-shadow: 0px 0px 0px 1.5px #09090920;
  font-weight: 600;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team .member-btn a {
    width: 360px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team .member-btn a {
    width: 310px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team .member-btn a {
    width: 260px;
  }
}
.team .member-btn a:hover {
  background: var(--clr-body-tag);
  color: var(--clr-common-sada);
}
.team:is(.member-page) {
  padding-top: 0;
  padding-bottom: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team:is(.member-page) .team-title {
    padding-bottom: 15px;
  }
}
.team:is(.member-page) .col-xxl-4 {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team:is(.member-page) .col-xxl-4 {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .team:is(.member-page) .col-xxl-4 {
    margin-bottom: 0;
  }
}
.team:is(.member-page) .col-xxl-4:nth-child(5), .team:is(.member-page) .col-xxl-4:nth-child(6), .team:is(.member-page) .col-xxl-4:nth-child(7) {
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team:is(.member-page) {
    padding-bottom: 0;
  }
  .team:is(.member-page) .col-xxl-4 {
    margin-bottom: 30px;
  }
  .team:is(.member-page) .col-xxl-4:nth-child(5), .team:is(.member-page) .col-xxl-4:nth-child(6), .team:is(.member-page) .col-xxl-4:nth-child(7) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team:is(.member-page) {
    padding-bottom: 0;
  }
  .team:is(.member-page) .col-xxl-4 {
    margin-bottom: 40px;
  }
  .team:is(.member-page) .col-xxl-4:nth-child(5), .team:is(.member-page) .col-xxl-4:nth-child(6), .team:is(.member-page) .col-xxl-4:nth-child(7) {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team:is(.member-page) {
    padding-bottom: 0;
  }
  .team:is(.member-page) .col-md-6:nth-child(6) .team-member {
    margin-bottom: 5px;
  }
  .team:is(.member-page) .col-md-6:nth-child(7) .team-member {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .team:is(.member-page) {
    padding-bottom: 80px;
  }
}

/*
************
*************************
18. Team Details 
******************************************************* 
*************************************************************** */
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details {
    padding-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .team-details {
    padding-bottom: 120px;
  }
}
.team-details .team-author {
  background: #FFFFFF;
  box-shadow: 0px 6px 60px rgba(9, 9, 9, 0.12);
  border-radius: 6px;
  width: 478px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-details .team-author {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details .team-author {
    width: 100%;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .team-details .team-author {
    width: 100%;
    margin-bottom: 50px;
  }
}
.team-details .team-author .author-thumbs {
  padding: 30px;
  padding-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details .team-author .author-thumbs {
    padding: 20px;
  }
}
.team-details .team-author .author-thumbs img {
  width: 417px;
  height: 490px;
  border-radius: 6px;
  object-fit: cover;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-details .team-author .author-thumbs img {
    width: 100%;
    height: 100%;
  }
}
.team-details .team-author .team-author-info {
  text-align: center;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details .team-author .team-author-info {
    padding: 0 30px;
    text-align: left;
  }
}
.team-details .team-author .team-author-info h3 {
  font-size: 30px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .team-details .team-author .team-author-info h3 {
    font-size: 28px;
  }
}
.team-details .team-author .team-author-info span {
  color: #6B6B6B;
  margin-bottom: 5px;
}
.team-details .team-author .team-author-social {
  padding-top: 30px;
  padding-bottom: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-details .team-author .team-author-social {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details .team-author .team-author-social {
    padding-top: 15px;
    padding-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .team-details .team-author .team-author-social {
    padding-top: 20px;
    padding-bottom: 35px;
  }
}
.team-details .team-author .team-author-social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details .team-author .team-author-social ul {
    padding: 0 30px;
    justify-content: left;
  }
}
.team-details .team-author .team-author-social ul li {
  padding: 0 13px;
}
.team-details .team-author .team-author-social ul li:first-child {
  padding-left: 0;
  padding-right: 13px;
}
.team-details .team-author .team-author-social ul li a i {
  color: #B5B5B5;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.team-details .team-author .team-author-social ul li a:hover i {
  color: var(--clr-body-tag);
}
.team-details .team-author-bio {
  background: #F7F7F7;
  margin-left: 100px;
  padding: 54px 60px 38px 60px;
  border-radius: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .team-details .team-author-bio {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-details .team-author-bio {
    margin-left: 30px;
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-details .team-author-bio {
    margin-left: 0;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .team-details .team-author-bio {
    margin-left: 0;
    padding: 20px;
    border-radius: 0;
    padding-bottom: 5px;
  }
}
.team-details .team-author-bio .bio-title h2 {
  font-size: 30px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .team-details .team-author-bio .bio-title h2 {
    font-size: 28px;
    margin-top: 15px;
  }
}
.team-details .team-author-bio .bio-title p {
  color: #686868;
}
.team-details .team-author-bio .bio-title p.break {
  padding-top: 10px;
}
.team-details .team-author-bio .edu-experience {
  padding-top: 30px;
}
.team-details .team-author-bio .edu-experience h2 {
  font-size: 30px;
}
@media (max-width: 767px) {
  .team-details .team-author-bio .edu-experience h2 {
    font-size: 28px;
  }
}
.team-details .team-author-bio .edu-experience p {
  color: #686868;
}
.team-details .team-author-bio .skill_item_wrapper {
  padding-top: 33px;
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single {
  display: flex;
}
@media (max-width: 767px) {
  .team-details .team-author-bio .skill_item_wrapper .skill_progress_single {
    display: block;
  }
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-tags {
  width: 150px;
  flex: 0 0 150px;
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-tags h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent {
  padding-left: 56px;
  width: 100%;
  position: relative;
  bottom: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent {
    padding-left: 0;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent {
    padding-left: 0;
    padding-bottom: 20px;
  }
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent .skill-percent-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  align-items: center;
}
@media (max-width: 767px) {
  .team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent .skill-percent-title {
    padding-top: 20px;
    padding-top: 15px;
  }
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent .skill-percent-title .progress_value {
  color: #686868;
  font-size: 14px;
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent .skill-percent-title span {
  font-size: 16px;
  font-weight: 500;
  color: #090909;
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent .skill_progress {
  height: 10px;
  box-shadow: 0px 1px 2px rgba(9, 9, 9, 0.1);
  border-radius: 10px;
  background: #Fff;
}
.team-details .team-author-bio .skill_item_wrapper .skill_progress_single .skill-percent .skill_progress .progress-bar {
  background: #0078FD;
  border-radius: 6px;
}

/*
************
*************************
19. Back To Top
******************************************************* 
*************************************************************** */
.progress-wrap {
  position: fixed;
  right: -100px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px var(--clr-body-tag);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.progress-wrap::after {
  position: absolute;
  content: "\f176";
  font-family: "Font Awesome 6 Free";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--clr-body-tag);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  font-weight: 900;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: var(--clr-theme-2);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.progress-wrap.active-progress {
  opacity: 1;
  right: 50px;
  visibility: visible;
  transform: translateY(0);
}

/*
************
*************************
20. Footer
******************************************************* 
*************************************************************** */
.footer {
  content: "";
  background-image: url(../img/footer/footer-bg.jpg);
  width: 100%;
  height: 100%;
  padding-top: 240px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer {
    padding-top: 235px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .footer {
    padding-top: 120px;
  }
}
.footer:is(.s-details) {
  padding-top: 233px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer:is(.s-details) {
    padding-top: 120px;
  }
}
.footer:is(.f-contact) {
  padding-top: 233px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer:is(.f-contact) {
    padding-top: 120px;
  }
}
.footer::after {
  background-image: url(../img/pattern/bg-pattern.svg);
  content: "";
  width: 100%;
  height: 100%;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.footer .container {
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .first-row {
    padding-bottom: 115px;
  }
}
@media (max-width: 767px) {
  .footer .first-row {
    padding-bottom: 120px;
  }
}
.footer .footer-col {
  padding-bottom: 105px;
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-col {
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-bottom: 50px;
  }
}
.footer .footer-col:nth-child(1), .footer .footer-col:nth-child(4) {
  padding: 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-col:nth-child(1), .footer .footer-col:nth-child(4) {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .footer .footer-col:nth-child(1), .footer .footer-col:nth-child(4) {
    padding-bottom: 50px;
  }
}
.footer .footer-col:nth-child(2) {
  padding-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .footer-col:nth-child(2) {
    padding-right: 0;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-col:nth-child(2) {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .footer .footer-col:nth-child(2) {
    padding-bottom: 43px;
  }
}
.footer .footer-col:nth-child(2):after {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .footer-col:nth-child(2):after {
    right: -5px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-col:nth-child(2):after {
    display: none;
  }
}
.footer .footer-col:nth-child(3) {
  padding-left: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer .footer-col:nth-child(3) {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .footer-col:nth-child(3) {
    padding-left: 40px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-col:nth-child(3) {
    padding-bottom: 43px;
  }
}
.footer .footer-col:nth-child(3):after {
  content: "";
  background: rgba(255, 255, 255, 0.1);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .footer-col:nth-child(3):after {
    right: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-col:nth-child(3):after {
    display: none;
  }
}
.footer .footer-col:nth-child(4) {
  padding-left: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-col:nth-child(4) {
    padding-bottom: 0;
    padding-left: 50px !important;
  }
}
@media (max-width: 767px) {
  .footer .footer-col:nth-child(4) {
    padding-bottom: 0;
  }
}
.footer a {
  text-decoration: none;
}
.footer .footer-logo {
  padding-bottom: 26px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-logo {
    padding-bottom: 15px;
  }
}
.footer .footer-logo-txt {
  padding-bottom: 24px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-logo-txt {
    padding-bottom: 20px;
  }
}
.footer .footer-logo-txt p {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: var(--clr-common-white_opacity6);
  width: 250px;
  margin-bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-logo-txt p {
    width: 100%;
  }
}
.footer .footer-social {
  display: flex;
}
.footer .footer-social a {
  margin: 0 5px;
  width: 40px;
  height: 40px;
  border: 1px solid #FFFFFF1A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer .footer-social a:first-child {
  margin-left: 0;
}
.footer .footer-social a i {
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
}
.footer .footer-social a:hover {
  background: var(--clr-body-tag);
  border: 1px solid var(--clr-body-tag);
}
.footer .footer-social a:hover i {
  color: var(--clr-common-sada);
}
.footer .footer-menu h5, .footer .footer-contact h5, .footer .footer-newsletter h5 {
  color: var(--clr-common-sada);
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 20px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-menu h5, .footer .footer-contact h5, .footer .footer-newsletter h5 {
    margin-bottom: 20px;
  }
}
.footer .footer-menu p, .footer .footer-menu a, .footer .footer-contact p, .footer .footer-contact a, .footer .footer-newsletter p, .footer .footer-newsletter a {
  color: var(--clr-common-white_opacity6);
  font-weight: 300;
}
.footer .footer-menu a:hover, .footer .footer-contact a:hover, .footer .footer-newsletter a:hover {
  color: var(--clr-body-tag);
  margin-left: 10px;
}
.footer .footer-menu ul {
  list-style: none;
}
.footer .footer-menu ul li {
  padding: 8px 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-menu ul li {
    padding: 6px 0;
  }
  .footer .footer-menu ul li:last-child {
    padding-bottom: 0;
  }
}
.footer .footer-menu ul li a {
  line-height: 19px;
}
.footer .footer-menu ul li a:hover {
  color: var(--clr-body-tag);
  margin-left: 10px;
}
.footer .footer-contact h6 {
  color: var(--clr-common-sada);
  padding-top: 20px;
  margin-bottom: 10px;
  font-weight: 300;
}
.footer .footer-contact p {
  line-height: 26px;
  width: 150px;
  margin-bottom: 0;
  padding-top: 6px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-contact p {
    padding-top: 2px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-newsletter .newsletter-form {
    padding-top: 5px;
  }
}
.footer .footer-newsletter p {
  padding-top: 5px;
  padding-right: 55px;
  line-height: 26px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer .footer-newsletter p {
    padding-right: 0;
  }
}
.footer .footer-newsletter .subscribe-box {
  position: relative;
}
.footer .footer-newsletter .subscribe-box input {
  font-weight: 300;
  font-size: 14px;
  line-height: 12px;
  color: rgba(255, 255, 255, 0.4);
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  border-radius: 6px;
  height: 50px;
  padding: 10px 25px;
  padding-right: 40%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-newsletter .subscribe-box input {
    padding: 10px 15px;
    padding-right: 43%;
  }
}
.footer .footer-newsletter .subscribe-box input::placeholder {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.footer .footer-newsletter .subscribe-box input:focus::placeholder {
  opacity: 0;
}
.footer .footer-newsletter .subscribe-box input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.footer .footer-newsletter .subscribe-box button {
  border: none;
  background: var(--clr-body-tag);
  border-radius: 6px;
  width: 120px;
  height: 38px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: var(--clr-common-sada);
  position: absolute;
  right: 6px;
  top: 6px;
  transition: all 0.3s ease-out 0s;
}
.footer .footer-newsletter .subscribe-box button:hover {
  background: var(--clr-body-heading);
}
.footer .footer-newsletter .privacy {
  display: flex;
  align-items: center;
  padding-top: 14px;
}
.footer .footer-newsletter .privacy label {
  font-size: 14px;
  line-height: 10px;
  color: var(--clr-common-white_opacity6);
  font-weight: 300;
  padding-left: 8px;
}
.footer .footer-newsletter .privacy input[type=checkbox]::before {
  background-color: rgba(255, 255, 255, 0.6);
}
.footer .footer-newsletter .privacy input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  transform: translateY(-0.075em);
}
.footer .footer-newsletter .privacy input[type=checkbox]::before {
  content: "";
  width: 6px;
  height: 6px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  border-radius: 1px;
}
.footer .footer-newsletter .privacy input[type=checkbox] {
  display: grid;
  place-content: center;
}
.footer .footer-newsletter .privacy input[type=checkbox]:checked::before {
  transform: scale(1);
}
.footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 33px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .md-last {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .col-xxl-6 {
    padding-top: 30px;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    order: 1;
  }
  .footer .footer-bottom .col-xxl-6:is(.justify-content-end) {
    justify-content: start !important;
    order: 0;
  }
}
@media (max-width: 767px) {
  .footer .footer-bottom .col-xxl-6 {
    display: grid !important;
    padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    padding-top: 30px;
    order: 1;
  }
  .footer .footer-bottom .col-xxl-6:is(.justify-content-end) {
    justify-content: start !important;
    order: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .col-xxl-6 {
    display: flex !important;
  }
}
.footer .footer-bottom .footer-bottom-left p {
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  color: var(--clr-common-sada);
  opacity: 0.5;
  margin-bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .footer-bottom-left p {
    padding-top: 5px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .footer-bottom-right {
    padding-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer .footer-bottom .footer-bottom-right {
    padding-bottom: 15px;
  }
}
.footer .footer-bottom .footer-bottom-right ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .footer-bottom-right ul {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer .footer-bottom .footer-bottom-right ul {
    display: flex;
  }
}
.footer .footer-bottom .footer-bottom-right ul li {
  padding: 5px 19.5px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .footer-bottom-right ul li {
    padding: 0;
  }
  .footer .footer-bottom .footer-bottom-right ul li:nth-child(2), .footer .footer-bottom .footer-bottom-right ul li:nth-child(3), .footer .footer-bottom .footer-bottom-right ul li:nth-child(4) {
    float: left;
    padding: 10px 15px;
    padding-bottom: 25px;
  }
  .footer .footer-bottom .footer-bottom-right ul li:nth-child(2) {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer .footer-bottom .footer-bottom-right ul li:nth-child(2), .footer .footer-bottom .footer-bottom-right ul li:nth-child(3), .footer .footer-bottom .footer-bottom-right ul li:nth-child(4) {
    padding: 0 15px;
  }
  .footer .footer-bottom .footer-bottom-right ul li:nth-child(2) {
    padding-left: 19.5px;
  }
}
.footer .footer-bottom .footer-bottom-right ul li:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer .footer-bottom .footer-bottom-right ul li:first-child {
    border-right: inherit;
  }
}
.footer .footer-bottom .footer-bottom-right ul li:last-child {
  padding-right: 0;
}
.footer .footer-bottom .footer-bottom-right ul li svg {
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}
.footer .footer-bottom .footer-bottom-right ul li span {
  color: var(--clr-common-sada);
  opacity: 0.5;
  font-size: 14px;
  line-height: 10px;
  font-weight: 300;
}

/*# sourceMappingURL=main.css.map */