@charset "UTF-8";
/*
************
*************************

   Template Name: Repto - Business & Agency Consulting HTML5 Template
   Description: Repto - Business & Agency Consulting HTML5 Template
   Author: nhp_Theme
   Version: 1.0.1

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

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

01. Common
02. Header
03. Animated
04. Slider
05. Breadcrumb
06. Button
07. Features
08. About
09. Services
10. Service Details
11. Pricing
12. Call To Action
13. Testimonial
14. Free Trials
15. Blog
16. Blog Details
17. Team
18. Team Details
19. Case Study
20. Portfolio Details
21. Skill Bar
22. Faq
23. Feedback
24. Contact
25. Error
26. Back To Top
27. Footer

******************************************************* 
*************************************************************** */
/*
************
*************************
01. common
******************************************************* 
*************************************************************** */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");
body {
  font-family: "Inter", 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: "Inter", 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;
  list-style: none;
}

p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.86;
  margin-bottom: 15px;
  color: var(--clr-body-text);
}

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;
}

/* <<<<<<<    Elegent Fonts   >>>>>>>>> */
@font-face {
  font-family: "ElegantIcons";
  src: url("../fonts/ElegantIcons.eot");
  src: url("../fonts/ElegantIcons.eot?#iefix") format("embedded-opentype"), url("../fonts/ElegantIcons.woff") format("woff"), url("../fonts/ElegantIcons.ttf") format("truetype"), url("../fonts/ElegantIcons.svg#ElegantIcons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.arrow_right, .arrow_triangle-right, .icon_question, .icon_menu-square_alt2, .icon_close, .icon_check, .arrow_left, .icon_clock_alt, .icon_mail_alt, .icon_phone, .icon_chat_alt, .icon_tag_alt, .icon_search, .icon_comment_alt, .icon_link {
  font-family: "ElegantIcons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
}

.arrow_left:before {
  content: "#";
}

.arrow_right:before {
  content: "";
}

.arrow_triangle-right:before {
  content: "E";
}

.icon_question:before {
  content: "u";
}

.icon_menu-square_alt2:before {
  content: "b";
}

.icon_close:before {
  content: "M";
}

.icon_check:before {
  content: "N";
}

.icon_clock_alt:before {
  content: "}";
}

.icon_mail_alt:before {
  content: "\e010";
}

.icon_phone:before {
  content: "\e090";
}

.icon_chat_alt:before {
  content: "w";
}

.icon_tag_alt:before {
  content: "\e017";
}

.icon_search:before {
  content: "U";
}

.icon_comment_alt:before {
  content: "v";
}

.icon_link:before {
  content: "\e02c";
}

/* <<<<<<<    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;
}

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

.clear {
  clear: both;
}

.w_img img {
  width: 100%;
}

.p-rel {
  position: relative;
}

.p-abs {
  position: absolute;
}

.section_gap {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* <<<<<<<    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: #fff;
  --clr-common-kalo: #000;
  --clr-common-hr_border: #e6e6e6;
  --clr-common-hover: #fd4a36;
  --clr-body-heading: #00142d;
  --clr-body-text: #565872;
  --clr-body-soft_bg: #f6f6f6;
  --clr-theme-1: #fd4a36;
  --clr-theme-2: #f3f4f8;
   --bs-link-color: #fffcfc; 
}

/*
************
*************************
02. Header
******************************************************* 
*************************************************************** */
/* preloader - start */
#preloader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  position: fixed;
  overflow: visible;
  background: var(--clr-common-sada) url("../img/preloader.svg") no-repeat center center;
}

/* preloader - end */
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .lg-8-none {
    display: none;
  }
}

.logo a {
  display: inline-block;
}

.header-sticky.sticky {
  position: sticky;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 10;
  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);
}

.repto-main-menu {
  position: relative;
  z-index: 1;
}
.repto-main-menu:after {
  content: "";
  position: absolute;
  border-left: 1px solid #0c1636;
  height: 50px;
  width: 1px;
  top: -5px;
  opacity: 10%;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .repto-main-menu:after {
    display: none;
  }
}
.repto-main-menu:is(.repto-home2):after {
  display: none;
}
.repto-main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.repto-main-menu ul li {
  display: inline-block;
  list-style: none;
  position: relative;
}
.repto-main-menu ul li:first-child {
  padding-left: 20px;
}
.repto-main-menu ul li:hover .sub_menu {
  opacity: 1;
  visibility: visible;
  top: 42px;
  pointer-events: auto;
}
.repto-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: "Inter", sans-serif;
}
.repto-main-menu ul li a:hover {
  color: var(--clr-common-hover);
}
.repto-main-menu ul li ul.sub_menu {
  position: absolute;
  left: 20px;
  top: 70px;
  width: 200px;
  background-color:#a5aaaf;
  padding: 10px 0;
  transition: 0.5s;
  /* border-top: 4px solid #FF5034; */
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.repto-main-menu ul li ul.sub_menu li {
  display: block;
  margin: 0;
  padding: 0;
}
.repto-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;
}
.repto-main-menu ul li ul.sub_menu li a:hover {
  color: white;
  letter-spacing: 2px;
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .get_start_btn a {
    display: none;
  }
}
.get_start_btn .humberger_sign {
  width: 35px;
  display: none;
  height: 26px;
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .get_start_btn .humberger_sign {
    display: block;
    margin-top: 7px;
  }
}
.get_start_btn .humberger_sign span {
  height: 4px;
  background-color: #ff5142;
  display: block;
  margin-bottom: 7px;
  transition: 0.3s;
}

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;
}
button.side-info-close:hover {
  background-color: var(--clr-theme-2);
  color: var(--clr-theme-1);
}

.side-info .contact-infos h4 {
  font-size: 27px;
  margin-bottom: 20px;
}
.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 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 a {
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  color: #212529;
}
.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 {
  transition: 0.3s;
}
.side-info .contact-infos .top_social a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-sada);
}
.side-info .contact-infos .top_social a:hover i {
  transform: rotate(360deg);
}

/* Home-2 Css Start */
header {
  position: relative;
  z-index: 1;
}

.repto-home2 ul li ul.sub_menu {
  left: auto;
}

/* Home-3 Css Start */
.header_top {
  background: #0a356d;
  height: 34px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header_top {
    height: auto;
  }
}
.header_top .header_top_left ul {
  list-style: none;
  display: flex;
}
.header_top .header_top_left ul li {
  padding: 5px 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header_top .header_top_left ul li {
    width: 50%;
  }
}
.header_top .header_top_left ul li a {
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  color: #c3c9d1;
}
.header_top .header_top_left ul li a i {
  font-size: 13px;
  font-weight: 400;
  padding-right: 9px;
}
.header_top .header_top_left ul li a:hover {
  color: var(--clr-theme-1);
}
.header_top .header_top_left ul li:last-child {
  padding-left: 34px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header_top .header_top_left ul li:last-child {
    padding-left: 0;
    text-align: right;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header_top .header_top_right {
    display: none !important;
  }
}
.header_top .header_top_right ul {
  list-style: none;
  display: flex;
}
.header_top .header_top_right ul li {
  padding: 5px 10px;
}
.header_top .header_top_right ul li span {
  font-size: 14px;
  color: #fefeff;
  font-weight: 600;
}
.header_top .header_top_right ul li a {
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  color: #98a3b3;
}
.header_top .header_top_right ul li a i {
  font-size: 13px;
  font-weight: 400;
}
.header_top .header_top_right ul li a:hover {
  color: #FF5034;
}
.header_top .header_top_right ul li:last-child {
  padding-right: 0;
}

.header_wrapper {
  box-shadow: 0px 10px 30px 0px rgba(0, 20, 45, 0.06);
}

.header_menu {
  position: absolute;
  top: 0;
  width: 100%;
  box-shadow: none;
  border-bottom: 1px solid #ffffff08;
  display: flex;
  align-items: center;
  height: 90px;
  z-index: 10;
}
.header_menu.header-sticky .logo a:last-child {
  display: none;
}
.header_menu.header-sticky.sticky {
  position: fixed;
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
}
.header_menu.header-sticky.sticky .repto-main-menu ul li a {
  color: var(--clr-body-heading);
}
.header_menu.header-sticky.sticky .repto-main-menu ul li a:hover {
  color: var(--clr-theme-1);
}
.header_menu.header-sticky.sticky .logo a:first-child {
  display: none;
}
.header_menu.header-sticky.sticky .logo a:last-child {
  display: block;
}
.header_menu .repto-main-menu ul li a {
  color: #9799a2;
}
.header_menu .repto-main-menu ul li a:hover {
  color: var(--clr-common-sada);
}
.header_menu .repto-main-menu ul li ul.sub_menu li a {
  color: var(--clr-common-kalo);
}
.header_menu .repto-main-menu ul li ul.sub_menu li a:hover {
  color: var(--clr-theme-1);
}

/*
************
*************************
03. 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%;
  }
}
.bounce-slide {
  animation-duration: 4s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: bounceSlide;
}

@keyframes bounceSlide {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.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);
  }
}
.spin_infinite {
  -webkit-animation: spin 6s linear infinite;
  -moz-animation: spin 6s linear infinite;
  -o-animation: spin 6s linear infinite;
  animation: spin 6s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.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);
  }
}
/* movement animation effect 
----------------------------------*/
.horizontal_move50px {
  -webkit-animation: horizontal_move50 3s linear 0s infinite alternate;
  -moz-animation: horizontal_move50 3s linear 0s infinite alternate;
  -o-animation: horizontal_move50 3s linear 0s infinite alternate;
  animation: horizontal_move50 3s 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);
  }
}
.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(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}
/* video play animation */
.popup-video:before, .popup-video:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  animation: popupBtn 1.8s linear infinite;
}

.popup-video:before {
  animation-delay: 0.8s;
}

@keyframes popupBtn {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.3;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
/* icon bounce  */
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/*
************
*************************
04. Slider
******************************************************* 
*************************************************************** */
.slider_area_main {
  background-image: url("../img/slider/slider_bg.jpg");
  width: 100%;
  height: 860px;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider_area_main {
    height: 865px;
  }
}
@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) {
  .slider_area_main {
    padding: 50px 0;
    height: auto;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_main {
    height: auto;
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .col-xxl-5 {
    order: 2;
    align-items: center;
    display: flex;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_main .col-xxl-5 {
    order: 1;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_main .col-xxl-7 {
    order: 2;
  }
}
.slider_area_main .shape3 {
  background-image: url(../img/slider/shape_03.png);
  width: 29px;
  height: 22px;
  position: absolute;
  top: 85px;
  left: 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .shape3 {
    top: 60px;
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .shape3 {
    top: 30px;
    left: 0;
  }
}
@media (max-width: 767px) {
  .slider_area_main .shape3 {
    display: none;
  }
}
.slider_area_main .shape4 {
  background-image: url(../img/slider/shape_04.png);
  width: 20px;
  height: 153px;
  position: absolute;
  bottom: 60px;
  left: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider_area_main .shape4 {
    bottom: 0;
    left: 0;
    height: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .shape4 {
    bottom: 0;
    left: 0;
    height: 105px;
  }
}
@media (max-width: 767px) {
  .slider_area_main .shape4 {
    display: none;
  }
}
.slider_area_main .slider_left_content {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content:is(.pb-50) {
    padding-bottom: 0;
  }
}
.slider_area_main .slider_left_content .shape2 {
  background-image: url(../img/slider/shape_02.png);
  width: 22px;
  height: 23px;
  position: absolute;
  top: -60px;
  right: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content .shape2 {
    display: none;
  }
}
.slider_area_main .slider_left_content .shape6 {
  background-image: url(../img/slider/shape_06.png);
  width: 22px;
  height: 23px;
  position: absolute;
  bottom: -50px;
  left: -28%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .slider_left_content .shape6 {
    left: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content .shape6 {
    display: none;
  }
}
.slider_area_main .slider_left_content span {
  display: flex;
  font-size: 13px;
  color: var(--clr-common-hover);
  font-weight: 500;
  width: 160px;
  height: 26px;
  background-color: #fd4a3610;
  border-radius: 5px;
  margin-bottom: 20px;
  align-items: center;
  justify-content: center;
}
.slider_area_main .slider_left_content h2 {
  color: #0c1636;
  font-size: 76px;
  font-weight: 800;
  line-height: 85px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .slider_left_content h2 br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider_area_main .slider_left_content h2 {
    font-size: 60px;
    line-height: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .slider_left_content h2 {
    font-size: 56px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content h2 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .slider_area_main .slider_left_content h2 {
    font-size: 36px;
    line-height: 44px;
  }
}
.slider_area_main .slider_left_content p {
  color: var(--clr-body-text);
  font-size: 18px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .slider_left_content p {
    font-size: 17px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content p {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.slider_area_main .slider_left_content i.arrow_right {
  display: inline-block;
  transform: translateX(5px);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content .slider_watch_intro {
    display: block !important;
  }
}
.slider_area_main .slider_left_content .slider_watch_intro .home2_contact_btn {
  padding-right: 25px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content .slider_watch_intro .home2_contact_btn {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_left_content .watch_video {
    display: flex !important;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .slider_area_main .slider_left_content .watch_video {
    display: block !important;
    padding-top: 30px;
  }
}
.slider_area_main .slider_left_content .watch_video a {
  text-decoration: none;
  color: #0c1636;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  line-height: initial;
  transition: 0.3s ease-in;
}
.slider_area_main .slider_left_content .watch_video a .arrow_video {
  border: 2px solid var(--clr-theme-1);
  border-radius: 5px;
  color: var(--clr-theme-1);
  margin-right: 15px;
}
.slider_area_main .slider_left_content .watch_video a:hover {
  color: var(--clr-theme-1);
}
.slider_area_main .slider_right_content {
  height: 860px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider_area_main .slider_right_content {
    height: 865px;
  }
}
@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) {
  .slider_area_main .slider_right_content {
    height: auto;
  }
}
.slider_area_main .slider_right_content .slider_img_area {
  padding: 115px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider_area_main .slider_right_content .slider_img_area {
    padding: 120px 0;
  }
}
@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) {
  .slider_area_main .slider_right_content .slider_img_area {
    position: relative;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .slider_area_main .slider_right_content .slider_img_area {
    padding: 50px 0;
  }
  .slider_area_main .slider_right_content .slider_img_area:is(.p-abs) {
    position: relative;
  }
}
.slider_area_main .slider_right_content .slider_img_area .slider_img_main img {
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_right_content .slider_img_area .slider_img_main img {
    width: 100%;
  }
}
.slider_area_main .slider_right_content .slider_img_area .slider_img_main .shape5 {
  background-image: url(../img/slider/shape_05.png);
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 30px;
  left: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_right_content .slider_img_area .slider_img_main .shape5 {
    bottom: 0;
    left: 15%;
  }
}
@media (max-width: 767px) {
  .slider_area_main .slider_right_content .slider_img_area .slider_img_main .shape5 {
    bottom: 10px;
  }
}
.slider_area_main .slider_right_content .slider_img_area .slider_img_main:after {
  content: "";
  background-image: url(../img/slider/shape_01.png);
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  right: 0;
  width: 359.51px;
  height: 269.01px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .slider_right_content .slider_img_area .slider_img_main:after {
    width: 290px;
    height: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_main .slider_right_content .slider_img_area .slider_img_main:after {
    width: 300px;
    height: 150px;
  }
}
@media (max-width: 767px) {
  .slider_area_main .slider_right_content .slider_img_area .slider_img_main:after {
    width: 295px;
    height: 150px;
  }
}
.slider_area_main .slider_right_content .slider_team_activites {
  background: var(--clr-common-sada);
  width: 230px;
  height: 110px;
  position: absolute;
  right: -25%;
  bottom: 13%;
  z-index: 9;
  border-radius: 10px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
  .slider_area_main .slider_right_content .slider_team_activites {
    right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider_area_main .slider_right_content .slider_team_activites {
    right: 55px;
    bottom: 25px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_main .slider_right_content .slider_team_activites {
    display: none;
  }
}
.slider_area_main .slider_right_content .slider_team_activites i.qst-bg {
  background: #EBEBF2;
  border-radius: 50%;
  font-size: 12px;
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 10px;
  text-align: center;
}
.slider_area_main .slider_right_content .slider_team_activites i.qst-bg:before {
  position: relative;
  top: 4px;
  color: #737398;
}
.slider_area_main .slider_right_content .slider_team_activites .chart_wrapper {
  margin-top: 10px;
  margin-left: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
}
.slider_area_main .slider_right_content .slider_team_activites .chart_wrapper .user-chart {
  width: 43px;
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FAEDF6;
  border-radius: 50%;
  position: absolute;
}
.slider_area_main .slider_right_content .slider_team_activites .chart_wrapper .user-chart .fa-chart-line {
  color: #C42692;
  position: relative;
}
.slider_area_main .slider_right_content .slider_team_activites .chart_wrapper .user-chart:before {
  content: "";
  background: var(--clr-common-sada);
  width: 2px;
  height: 3px;
}
.slider_area_main .slider_right_content .slider_team_activites .chart_wrapper .user-chart::after {
  background: #C42692;
  width: 2px;
  height: 5px;
}
.slider_area_main .slider_right_content .slider_team_activites .chart_wrapper input {
  width: 53px !important;
  height: auto !important;
  padding-left: 15px !important;
  padding-top: 5px !important;
  font-size: 18px !important;
  font-family: "Inter" !important;
  margin: 0 !important;
}
.slider_area_main .slider_right_content .slider_team_activites .team_activiest_area {
  position: absolute;
  right: 50px;
  bottom: 11px;
}
.slider_area_main .slider_right_content .slider_team_activites .team_activiest_area p {
  color: #c9c9c9;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding-bottom: 10px;
}

/* Home-2 css Start */
.slider_area_2 {
  position: relative;
  height: 860px;
  z-index: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_2 {
    height: 100%;
  }
}
.slider_area_2:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/slider/slider_bg2.jpg);
  background-position: center;
  background-size: cover;
  z-index: 2;
  opacity: 0.1;
}
.slider_area_2:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(-35deg, #b2105e 0%, #1a73e8 100%);
  z-index: 1;
}
.slider_area_2 .container {
  position: relative;
  z-index: 4;
}
.slider_area_2 .h2_shape_01 {
  background-image: url(../img/slider/h2_shape_01.png);
  width: 48px;
  height: 36px;
  position: absolute;
  top: 10%;
  left: 11%;
  z-index: 3;
}
@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) {
  .slider_area_2 .h2_shape_01 {
    top: 10px;
    left: 10px;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .h2_shape_01 {
    top: 5px;
    left: 5px;
  }
}
.slider_area_2 .h2_shape_02 {
  background-image: url(../img/slider/h2_shape_02.png);
  width: 229px;
  height: 74px;
  position: absolute;
  top: -32px;
  right: 90px;
  z-index: 3;
}
@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) {
  .slider_area_2 .h2_shape_02 {
    top: -30px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .h2_shape_02 {
    display: none;
  }
}
.slider_area_2 .h2_shape_03 {
  background-image: url(../img/slider/h2_shape_03.png);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 29%;
  left: 15%;
  z-index: 3;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_2 .h2_shape_03 {
    display: none;
  }
}
.slider_area_2 .h2_shape_04 {
  background-image: url(../img/slider/h2_shape_04.png);
  width: 45px;
  height: 135px;
  position: absolute;
  top: 15%;
  right: 0;
  z-index: 3;
}
@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) {
  .slider_area_2 .h2_shape_04 {
    display: none;
  }
}
.slider_area_2 .h2_shape_05 {
  background-image: url(../img/slider/h2_shape_05.png);
  width: 104px;
  height: 172px;
  position: absolute;
  bottom: 60px;
  left: -35px;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider_area_2 .h2_shape_05 {
    bottom: 0;
    height: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_2 .h2_shape_05 {
    height: 130px;
    bottom: 0;
    left: -15px;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .h2_shape_05 {
    height: 95px;
    bottom: 0;
    left: -45px;
  }
}
.slider_area_2 .h2_shape_06 {
  background-image: url(../img/slider/shape_02.png);
  width: 22px;
  height: 23px;
  position: absolute;
  bottom: 37%;
  right: 15%;
  z-index: 3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_2 .h2_shape_06 {
    display: none;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .h2_shape_06 {
    bottom: 10px;
    right: 15px;
  }
}
.slider_area_2 .h2_shape_07 {
  background-image: url(../img/slider/h2_shape_07.png);
  width: 210px;
  height: 110px;
  position: absolute;
  bottom: 25%;
  right: 0%;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider_area_2 .h2_shape_07 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_2 .h2_shape_07 {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .h2_shape_07 {
    display: none;
  }
}
.slider_area_2 .slider_content_2 {
  color: var(--clr-common-sada);
}
@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) {
  .slider_area_2 .slider_content_2 {
    padding: 120px 0;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .slider_content_2 {
    padding: 120px 0;
    text-align: center !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_2 .slider_content_2 {
    padding: 120px 0;
    text-align: left !important;
  }
}
.slider_area_2 .slider_content_2 h2 {
  font-size: 90px;
  color: var(--clr-common-sada);
  font-weight: 700;
  line-height: 100px;
  transform: translateY(-27px);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider_area_2 .slider_content_2 h2 {
    font-size: 80px;
    line-height: 85px;
    transform: translateY(0);
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_2 .slider_content_2 h2 {
    font-size: 70px;
    line-height: 75px;
    transform: translateY(0);
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider_area_2 .slider_content_2 h2 {
    font-size: 65px;
    line-height: 75px;
    transform: translateY(0);
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .slider_content_2 h2 {
    font-size: 36px;
    line-height: 44px;
    transform: translateY(0);
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_2 .slider_content_2 h2 {
    font-size: 46px;
    line-height: 56px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_2 .slider_content_2 h2 br {
    display: none;
  }
}
.slider_area_2 .slider_content_2 p {
  color: var(--clr-common-sada);
  opacity: 0.8;
  font-size: 18px;
  padding-bottom: 25px;
  line-height: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider_area_2 .slider_content_2 p {
    padding-top: 15px;
  }
}
.slider_area_2 .slider_content_2 i.arrow_right {
  display: inline-block;
  transform: translateX(5px);
}
.slider_area_2 .slider_content_2 .slider_watch_intro {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider_area_2 .slider_content_2 .slider_watch_intro .home2_contact_btn {
  padding-right: 20px;
}
@media (max-width: 767px) {
  .slider_area_2 .slider_content_2 .slider_watch_intro .home2_contact_btn {
    display: flex;
    justify-content: center;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .slider_area_2 .slider_content_2 .slider_watch_intro {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_2 .slider_content_2 .slider_watch_intro {
    display: flex;
    justify-content: flex-start;
  }
}
.slider_area_2 .slider_content_2 .watch_video {
  transition: 0.3s ease-out;
}
@media (max-width: 767px) {
  .slider_area_2 .slider_content_2 .watch_video {
    padding-top: 25px;
    display: block !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_2 .slider_content_2 .watch_video {
    padding: 0px 30px;
  }
}
.slider_area_2 .slider_content_2 .watch_video a {
  text-decoration: none;
  color: var(--clr-common-sada);
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  transition: 0.3s ease-out;
}
.slider_area_2 .slider_content_2 .watch_video a i {
  transition: 0.3s ease-out;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider_area_2 .slider_content_2 .watch_video a {
    display: inline-block;
    transform: translateY(0);
  }
}
.slider_area_2 .slider_content_2 .watch_video a .arrow_video {
  border: 2px solid #ffffff40;
  border-radius: 50%;
  color: var(--clr-common-sada);
  display: inline-block;
  margin-right: 10px;
  padding: 10px;
}
.slider_area_2 .slider_content_2 .watch_video a span {
  position: relative;
  bottom: 4px;
}
.slider_area_2 .slider_content_2 .watch_video a:hover {
  background-color: transparent;
  border: 2px solid #ffffff40;
  color: var(--clr-common-sada);
}
.slider_area_2 .slider_content_2 .watch_video a:hover:is(.home-2-watch) {
  color: var(--clr-theme-1);
  border: none !important;
}
.slider_area_2 .slider_content_2 .watch_video a:hover:is(.home-2-watch) i {
  color: var(--clr-theme-1);
  border: 2px solid var(--clr-theme-1);
}

/* home-3 Css start */
.home_slider3 {
  border-bottom: 1px solid #00142d10;
  z-index: 0;
}
@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) {
  .home_slider3 {
    padding: 120px 0;
    height: auto;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 {
    height: auto;
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_slider3 .col-xxl-5 {
    order: 2;
    align-items: center;
    display: flex;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .col-xxl-5 {
    order: 1;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .col-xxl-7 {
    order: 2;
  }
}
.home_slider3 .col-xxl-7:is(.align-items-center) {
  z-index: 2;
}
.home_slider3 .home3_shape2 {
  background-image: url(../img/slider/home3_shape_02.png);
  width: 49px;
  height: 39px;
  position: absolute;
  top: 90px;
  left: 8%;
}
@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) {
  .home_slider3 .home3_shape2 {
    top: 0;
    left: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .home3_shape2 {
    display: none;
  }
}
.home_slider3 .home3_shape4 {
  background-image: url(../img/slider/home3_shape_04.png);
  width: 45px;
  height: 124px;
  position: absolute;
  bottom: 85px;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home_slider3 .home3_shape4 {
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .home_slider3 .home3_shape4 {
    height: 80px;
    bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .home3_shape4 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_slider3 .slider_left_content {
    width: 100%;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .slider_left_content {
    padding: 50px 0;
  }
}
.home_slider3 .slider_left_content span {
  color: var(--clr-theme-1);
  font-size: 15px;
  font-weight: 500;
  position: relative;
  padding-left: 35px;
}
.home_slider3 .slider_left_content span:before {
  content: "";
  width: 26px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: var(--clr-theme-1);
}
.home_slider3 .slider_left_content h2 {
  font-size: 76px;
  font-weight: 800;
  line-height: 85px;
  transform: scaleY(90%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home_slider3 .slider_left_content h2 {
    font-size: 65px;
    line-height: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home_slider3 .slider_left_content h2 {
    font-size: 55px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_slider3 .slider_left_content h2 {
    font-size: 42px;
    line-height: 50px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .slider_left_content h2 {
    font-size: 36px;
    line-height: 44px;
  }
}
.home_slider3 .slider_left_content p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .home_slider3 .slider_left_content p {
    font-size: 16px;
    margin-bottom: 0;
  }
  .home_slider3 .slider_left_content p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home_slider3 .slider_left_content p br {
    display: none;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .slider_left_content .slider_btn_area {
    display: block !important;
    padding-top: 30px;
  }
}
.home_slider3 .slider_left_content .slider_btn_area a {
  width: 170px;
  height: 48px;
  border-radius: 5px;
  display: flex;
  background: var(--clr-theme-1);
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--clr-common-sada);
  margin-right: 20px;
  font-size: 15px;
  border: 2px solid var(--clr-theme-1);
  font-weight: 500;
}
.home_slider3 .slider_left_content .slider_btn_area a i {
  position: relative;
  top: 3px;
  left: 5px;
}
.home_slider3 .slider_left_content .slider_btn_area a.contact_btn2 {
  background: transparent;
  border: 2px solid #00142d18;
  color: var(--clr-body-heading);
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_slider3 .slider_left_content .slider_btn_area a.contact_btn2 {
    margin-right: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .slider_left_content .slider_btn_area a.contact_btn2 {
    margin-top: 30px;
  }
}
.home_slider3 .slider_left_content .slider_btn_area a.contact_btn2 i {
  top: 2px;
}
.home_slider3 .slider_left_content .slider_btn_area a.contact_btn2:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-sada);
  transition: 0.3s ease-in;
}
.home_slider3 .slider_left_content .slider_btn_area a:hover {
  background-color: transparent;
  border: 2px solid var(--clr-theme-1);
  color: var(--clr-theme-1);
  transition: 0.3s ease-in;
}
.home_slider3 .slider_left_content .home3_shape3 {
  background-image: url(../img/slider/home3_shape_03.png);
  width: 29px;
  height: 22px;
  position: absolute;
  top: 15%;
  right: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .home_slider3 .slider_left_content .home3_shape3 {
    display: none;
  }
}
.home_slider3 .slider_right_content {
  align-items: center;
  justify-content: center;
  height: 825px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .home_slider3 .slider_right_content {
    height: 100%;
  }
}
.home_slider3 .slider_right_content .slider_wrapper_area:is(.pl-200) {
  padding-left: 350px;
  z-index: 1;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .home_slider3 .slider_right_content .slider_wrapper_area {
    padding-left: 0;
    position: initial;
  }
  .home_slider3 .slider_right_content .slider_wrapper_area:is(.pl-200) {
    padding-left: 0;
  }
  .home_slider3 .slider_right_content .slider_wrapper_area .slider_img_area {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.home_slider3 .slider_right_content a {
  border-radius: 50%;
  color: var(--clr-common-sada);
  background: #1c7bf7;
  text-decoration: none;
  position: absolute;
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear 0s;
}
.home_slider3 .slider_right_content a i {
  font-size: 36px;
}
.home_slider3 .slider_right_content a:hover {
  background: var(--clr-theme-1);
}
.home_slider3 .slider_right_content .slider_img_area {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .slider_right_content .slider_img_area {
    padding: 50px 0;
    padding-bottom: 0;
  }
}
.home_slider3 .slider_right_content .slider_img_area .home3_shape1 {
  background-image: url(../img/slider/home3_shape_01.png);
  width: 27px;
  height: 27px;
  position: absolute;
  bottom: -30px;
  right: 21%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home_slider3 .slider_right_content .slider_img_area .home3_shape1 {
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .home_slider3 .slider_right_content .slider_img_area .home3_shape1 {
    display: none;
  }
}

/*
************
*************************
05. Breadcrumb
******************************************************* 
*************************************************************** */
.breadcrumb_main {
  background: #50535a; 
  height: 490px;
  z-index: 9;
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main {
    height: 100%;
  }
}
.breadcrumb_main::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(./breadcrumbs-bg.jpg);
  background-position: center;
  background-size: cover;
  z-index: -1;
  opacity: 0.3;
}
.breadcrumb_main .header_wrapper {
  box-shadow: none;
  border-bottom: 1px solid #ffffff08;
  display: flex;
  align-items: center;
  height: 90px;
}
.breadcrumb_main .header_wrapper .repto-main-menu ul li a {
  color: var(--clr-body-heading);
}
.breadcrumb_main .header_wrapper .repto-main-menu ul li a:hover {
  color: var(--clr-theme-1);
}
.breadcrumb_main .breadcrumb_section {
  height: 490px;
  display: flex;
  align-items: center;
  padding-top: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .breadcrumb_main .breadcrumb_section {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main .breadcrumb_section {
    padding-top: 205px !important;
    padding: 115px 0;
    height: 100%;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb_main .breadcrumb_section {
    padding-top: 210px !important;
    padding: 120px 0;
    height: 100%;
  }
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title {
  padding-top: 5px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main .breadcrumb_section .breadcrumb_title {
    padding-top: 0;
  }
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title h2 {
  color: var(--clr-common-sada);
  font-size: 70px;
  font-weight: 700;
  margin-bottom: 18px;
  line-height: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_main .breadcrumb_section .breadcrumb_title h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_main .breadcrumb_section .breadcrumb_title h2 {
    font-size: 55px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb_main .breadcrumb_section .breadcrumb_title h2 {
    line-height: 26px;
    margin-bottom: 15px;
    font-size: 35px;
  }
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title ul {
  display: flex;
  list-style: none;
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title ul li {
  font-weight: 500;
  padding: 0 20px;
  position: relative;
  padding-left: 0;
  color: var(--clr-common-sada);
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title ul li:last-child {
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title ul li:last-child:before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--clr-common-sada);
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 0;
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title ul li a {
  text-decoration: none;
  color:white
}
.breadcrumb_main .breadcrumb_section .breadcrumb_title ul li a:hover {
  color: var(--clr-theme-1);
}

/*
************
*************************
06. Button
******************************************************* 
*************************************************************** */
.repto_btn {
  width: 140px;
  height: 45px;
  display: flex;
  background-color: var(--clr-theme-1);
  border: none;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 2px solid #fd4a36;
}
.repto_btn.contact_us {
  width: 170px;
  height: 55px;
}
.repto_btn:hover {
  background-color: transparent;
  border: 2px solid #fd4a36;
  color: #fd4a36;
  transition: 0.3s ease-in;
}

.services_tag {
  font-size: 13px;
  padding: 5px 15px;
  color: var(--clr-common-hover);
  font-weight: 600;
  text-align: center;
  background-color: #fd4a3614;
  border-radius: 5px;
}

.title-tag {
  border: 2px solid #ffffff20;
  color: #fff;
  padding: 0px 13px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
}

.view_more_btn {
  text-decoration: none;
  border: 2px solid #00142d1f;
  border-radius: 7px;
  padding: 13px 33px;
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-body-heading);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.view_more_btn:hover {
  background-color: #fd4a36;
  border: 2px solid #fd4a36;
  color: white;
  transition: 0.3s ease-in;
}

.home3_tag {
  color: var(--clr-theme-1);
  font-size: 16px;
  font-weight: 500;
  position: relative;
  padding-left: 30px;
}
.home3_tag:before {
  content: "";
  width: 26px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: 0;
  background-color: var(--clr-theme-1);
}

.more_about_btn {
  width: 170px;
  height: 48px;
  border-radius: 5px;
  display: flex;
  background: transparent;
  border: 2px solid #00142d18;
  color: #00142d;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-right: 20px;
  font-size: 15px;
}

.popup-efects {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: relative;
}
.popup-efects:after, .popup-efects:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  animation-name: popupBtn;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.popup-efects:before {
  animation-delay: 0.8s;
}
.popup-efects:is(.popup2-video):after, .popup-efects:is(.popup2-video):before {
  border: 1px solid #1c7bf790;
}

/*
************
*************************
07. Features
******************************************************* 
*************************************************************** */
.feature_area {
  position: relative;
}
.feature_area .feature_shape {
  background-image: url(../img/features/feature_shape_1.png);
  width: 40px;
  height: 37px;
  position: absolute;
  top: 145px;
  right: 105px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_area .feature_shape {
    top: 75px;
    right: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_area .feature_shape {
    top: 45px;
  }
}
@media (max-width: 767px) {
  .feature_area .feature_shape {
    top: 50px;
    right: 25px;
  }
}
.feature_area .feature_shape_2 {
  background-image: url(../img/features/feature_shape_2.png);
  width: 64px;
  height: 200px;
  position: absolute;
  left: 0px;
  background-repeat: no-repeat;
  bottom: 0;
  z-index: -9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_area :is(.col-lg-12.pb-45) {
    padding-bottom: 15px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_area :is(.col-lg-12.pb-45) {
    padding-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feature_area .feature_overview:is(.text-center) {
    text-align: left !important;
  }
}
.feature_area .feature_overview h2 {
  font-size: 46px;
  font-weight: 800;
  padding-top: 18px;
}
.feature_area .feature_overview p {
  color: var(--clr-body-text);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feature_area .feature_overview p br {
    display: none;
  }
}
.feature_area .single_feature {
  height: 370px;
  position: relative;
  color: var(--clr-common-sada);
  overflow: hidden;
}
.feature_area .single_feature:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  z-index: 1;
  content: "";
  opacity: 0.85;
  position: absolute;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  background-color: var(--clr-theme-1);
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_area .single_feature {
    height: 310px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_area .single_feature {
    height: auto;
    margin: 20px 0;
  }
  .feature_area .single_feature:is(.single-last-item) {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .feature_area .single_feature {
    height: 350px;
    margin: 20px 0;
  }
  .feature_area .single_feature:is(.single-last-item) {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .feature_area .single_feature {
    height: 370px;
  }
}
.feature_area .single_feature img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  opacity: 50%;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_area .single_feature img {
    object-fit: contain;
  }
}
.feature_area .single_feature span {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 9;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.feature_area .single_feature .feature-info {
  position: absolute;
  bottom: 50px;
  left: 30px;
  z-index: 9;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_area .single_feature .feature-info {
    bottom: 30px;
    left: 30px;
  }
}
.feature_area .single_feature .feature-info h4 {
  font-size: 28px;
  font-weight: 800;
  color: var(--clr-body-white);
  line-height: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature_area .single_feature .feature-info h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature_area .single_feature .feature-info h4 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .feature_area .single_feature .feature-info h4 {
    font-size: 23px;
    line-height: 28px;
  }
}
.feature_area .single_feature .feature-info a {
  text-decoration: none;
  font-size: 15px;
  color:white;
}
.feature_area .single_feature .feature-info a i {
  position: relative;
  top: 6px;
  font-size: 22px;
}
.feature_area .single_feature::after {
  content: "";
  background-color: #070337;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  z-index: -1;
}
.feature_area .single_feature:hover {
  border-radius: 5px;
}
.feature_area .single_feature:hover:before {
  height: 100%;
}
.feature_area .single_feature:hover .feature-info {
  bottom: 30px;
}
.feature_area .single_feature:hover span {
  top: 20px;
}
.feature_area .single_feature:hover img {
  transform: scale(1.08);
}

/*
************
*************************
08. About
******************************************************* 
*************************************************************** */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .title-text {
    font-size: 42px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .title-text {
    font-size: 35px !important;
  }
}
@media (max-width: 767px) {
  .title-text {
    font-size: 25px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .title-text {
    font-size: 30px !important;
    line-height: 36px !important;
  }
}

.about_area {
  position: relative;
}
.about_area .about_shape {
  content: "";
  background-image: url("../img/about/about_shape_2.png");
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -99;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .about_area .about_shape {
    width: 40px;
    height: 125px;
  }
}
.about_area .about_left_img {
  position: relative;
  height: 100%;
}
.about_area .about_left_img:before {
  content: "";
  background-image: url("../img/about/about_shape_1.png");
  width: 230px;
  height: 100%;
  position: absolute;
  bottom: -35px;
  left: -37px;
  z-index: -99;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_left_img:before {
    bottom: -52px;
    left: -20px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_left_img:before {
    display: none;
  }
}
.about_area .about_left_img img {
  height: 540px;
  object-fit: cover;
  border-radius: 10px;
  width: 430px;
  margin-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_left_img img {
    margin-left: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_left_img img {
    margin-left: 0;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about_area .about_left_img img {
    margin-left: 0;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area .about_left_img img {
    height: auto;
  }
}
.about_area .about_right_content {
  padding: 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_right_content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area .about_right_content {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}
.about_area .about_right_content h2 {
  font-size: 46px;
  font-weight: 800;
  line-height: 52px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about_area .about_right_content h2 {
    font-size: 40px !important;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_right_content h2 {
    font-size: 35px !important;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_right_content h2 {
    font-size: 26px !important;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .about_area .about_right_content h2 {
    font-size: 36px;
    line-height: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area .about_right_content h2 br {
    display: none;
  }
}
.about_area .about_right_content p {
  width: 80%;
  line-height: 26px;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_right_content p {
    width: 100%;
  }
}
.about_area .about_right_content .consulting_list {
  padding-top: 18px;
}
@media (max-width: 767px) {
  .about_area .about_right_content .consulting_list {
    padding-top: 10px;
  }
}
.about_area .about_right_content .consulting_list ul {
  list-style: none;
}
.about_area .about_right_content .consulting_list ul:is(.pb-50) {
  padding-bottom: 40px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about_area .about_right_content .consulting_list ul:is(.pb-50) {
    padding-bottom: 30px;
  }
}
.about_area .about_right_content .consulting_list ul li {
  padding: 10px 0px;
  font-weight: 700;
  color: var(--clr-body-heading);
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_right_content .consulting_list ul li {
    padding: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area .about_right_content .consulting_list ul li {
    padding: 5px 0px;
  }
}
.about_area .about_right_content .consulting_list ul li .svg-icon {
  display: flex;
  justify-content: center;
  background: var(--clr-theme-1);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  padding-left: 10px;
}
.about_area .about_right_content .consulting_list ul li .svg-icon svg {
  fill: var(--clr-common-sada);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area .about_right_content .consulting_list ul li .svg-icon {
    width: 65px;
  }
}
@media (max-width: 767px) {
  .about_area .about_right_content .consulting_list ul li .svg-icon {
    margin-right: 0;
  }
}
.about_area .about_right_content .consulting_list ul li .list-txt {
  width: 230px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .about_area .about_right_content .consulting_list ul li .list-txt {
    font-size: 18px;
    padding-top: 0;
    position: relative;
    left: 15px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area .about_right_content .consulting_list ul li .list-txt {
    width: 100%;
  }
}
.about_area .about_right_content .consulting_list ul li:last-child {
  padding-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_right_content .consulting_list ul li:last-child {
    padding-top: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_right_content .consulting_list ul li:last-child {
    padding-top: 20px;
  }
}
.about_area .about_right_content .consulting_list a {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_right_content .consulting_list a {
    top: 0px;
    padding: 10px 20px;
  }
}
.about_area .about_right_content .consulting_list a i {
  transform: translateX(5px);
  display: inline-block;
  font-size: 20px;
}
.about_area .about_right_content .consulting_list a:hover {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-sada);
  transition: 0.3s ease-in;
}
.about_area.about_page {
  padding-bottom: 115px;
}

/* Home-2 page Css */
.about_area2 {
  position: relative;
  padding-bottom: 210px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area2 {
    padding-bottom: 120px;
  }
}
.about_area2 .home2_shape_1 {
  background-image: url(../img/about/home2_shape_1.png);
  width: 90px;
  height: 163px;
  position: absolute;
  top: -115px;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about_area2 .home2_shape_1 {
    top: -65px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area2 .home2_shape_1 {
    height: 105px;
    top: -105px;
  }
}
.about_area2 .home2_shape_2 {
  background-image: url(../img/about/home2_shape2.png);
  width: 104px;
  height: 172px;
  position: absolute;
  bottom: 80px;
  left: -45px;
}
@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) {
  .about_area2 .home2_shape_2 {
    height: 115px;
    bottom: 0;
    left: -20px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area2 .home2_shape_2 {
    height: 115px;
    bottom: 0;
    left: -50px;
  }
}
.about_area2 .home2_shape_3 {
  background-image: url(../img/about/home2_shape3.png);
  width: 37px;
  height: 196px;
  position: absolute;
  bottom: 33%;
  right: 0px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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_area2 .home2_shape_3 {
    display: none;
  }
}

.about_area .about_left_img_2 {
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area .about_left_img_2 {
    margin-top: 30px;
  }
}
.about_area .about_left_img_2:before {
  content: "";
  background-image: url(../img/about/about_shape_3.png);
  width: 332px;
  height: 511px;
  position: absolute;
  right: 45px;
  bottom: -90px;
  z-index: -99;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about_area .about_left_img_2:before {
    right: 75px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_left_img_2:before {
    display: none;
  }
}
.about_area .about_left_img_2 img {
  height: 540px;
  object-fit: cover;
  border-radius: 10px;
  width: 470px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_left_img_2 img {
    width: 100%;
    height: 100%;
  }
}
.about_area .about_right_content_2 {
  padding-left: 100px !important;
  padding: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about_area .about_right_content_2 {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_right_content_2 h2 br {
    display: none;
  }
}
.about_area .about_right_content_2 p {
  width: 90%;
  padding-top: 5px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area .about_right_content_2 p {
    width: 100%;
  }
}
.about_area .about_right_content_2 .list_item {
  font-size: 16px;
  font-weight: 400;
}
.about_area .about_right_content_2 .consulting_list a {
  position: relative;
  display: flex;
  height: 50px;
  width: 170px;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
}
.about_area .about_right_content_2 .consulting_list .icon_check {
  padding-right: 10px;
  font-size: 16px;
  transform: translateY(5px);
}
.about_area .about_right_content_2 .consulting_list ul li {
  padding: 5px 0 !important;
}

/* Home-3 Css start */
.about_area3 {
  background: var(--clr-theme-2);
  height: 800px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about_area3 {
    height: auto;
    padding-bottom: 0px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 {
    height: auto;
    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_area3 .col-xl-6:is(.pl-90) {
    padding-left: 50px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 .col-xl-6:is(.pl-90) {
    padding-left: calc(var(--bs-gutter-x) / 2);
  }
}
.about_area3 .home3_about_shape1 {
  background-image: url(../img/case_study/case_shape_02.png);
  width: 204px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  right: 5%;
}
.about_area3 .home3_about_shape2 {
  background-image: url(../img/about/home3_about_shape1.png);
  width: 129px;
  height: 95px;
  position: absolute;
  top: 0px;
  right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 .home3_about_shape2 {
    display: none;
  }
}
.about_area3 .about_wrapper_main {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.about_area3 .about_wrapper_main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 .about_wrapper_main {
    position: relative;
    width: 100%;
    object-fit: cover;
  }
}
.about_area3 .empty-area {
  height: 800px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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_area3 .empty-area {
    height: auto;
  }
}
.about_area3 .about_right_content {
  padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about_area3 .about_right_content {
    padding: 120px 0;
    padding-top: 115px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 .about_right_content {
    padding-top: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 .about_right_content h2 {
    padding-top: 15px;
  }
  .about_area3 .about_right_content h2 br {
    display: none;
  }
}
.about_area3 .about_right_content p {
  width: 100%;
  font-weight: 500;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 .about_right_content .consulting_list {
    padding-bottom: 0;
  }
}
.about_area3 .about_right_content .consulting_list ul li {
  padding: 5px 0 !important;
}
.about_area3 .about_right_content .consulting_list ul li i {
  font-size: 16px;
  transform: translateY(5px);
  padding-right: 10px;
}
.about_area3 .about_right_content .consulting_list ul li span.list_item {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about_area3 .about_right_content .consulting_list a {
    top: 0;
    display: flex;
    padding: initial;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about_area3 .about_right_content .consulting_list a {
    top: 0;
  }
}
.about_area3 .about_right_content .consulting_list a i {
  transform: translatex(5px);
}

/*
************
*************************
09. Services
******************************************************* 
*************************************************************** */
.service_area {
  background: var(--clr-theme-2);
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area .feature_overview {
    text-align: left !important;
  }
}
.service_area .feature_overview p {
  margin-bottom: 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) {
  .service_area .feature_overview p {
    margin-bottom: 3px;
  }
}
.service_area .service_shape {
  background-image: url(../img/services/services_shape_1.png);
  width: 288px;
  height: 42px;
  position: absolute;
  top: 0px;
  right: 60px;
  background-repeat: no-repeat;
}
.service_area .service_shape_2 {
  background-image: url(../img/services/services_shape_2.png);
  width: 350px;
  height: 65px;
  position: absolute;
  bottom: 0px;
  left: 200px;
  background-repeat: no-repeat;
}
@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) {
  .service_area .service_shape_2 {
    bottom: 0px;
    left: 30px;
  }
}
@media (max-width: 767px) {
  .service_area .service_shape_2 {
    width: 100%;
    left: 0;
  }
}
.service_area h2 {
  font-size: 46px;
  font-weight: 800;
  padding-top: 18px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .service_area h2 br {
    display: none;
  }
}
.service_area .col-item-3:nth-child(4) .service_single {
  margin-bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area .col-item-3:nth-child(4) .service_single {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .service_area .col-item-3:nth-child(4) .service_single {
    margin-bottom: 0px;
  }
}
.service_area .col-item-3:nth-child(5) .service_single {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .service_area .col-item-3:nth-child(5) .service_single {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area .col-item-3:nth-child(5) .service_single {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .service_area .col-item-3:nth-child(5) .service_single {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area .col-item-3:nth-child(5) .service_single {
    margin-bottom: 0px;
  }
}
.service_area .col-item-3:nth-child(6) .service_single {
  margin-bottom: 0;
}
@media (max-width: 767px), 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) {
  .service_area .col-item-3:nth-child(6) .service_single {
    margin-bottom: 0px;
  }
}
.service_area .service_single {
  display: flex;
  background: var(--clr-common-sada);
  overflow: hidden;
  margin-bottom: 30px;
  padding: 35px 40px;
  border-radius: 7px;
  filter: drop-shadow(30px 0px 60px #0f0d1d10);
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.service_area .service_single:hover {
  transform: translateY(-10px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area .service_single {
    display: block;
    padding: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area .service_single {
    padding: 30px 25px;
  }
}
@media (max-width: 767px) {
  .service_area .service_single {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area .service_single {
    display: block;
    padding: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area .service_single .service_right_content {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area .service_single .service_right_content {
    margin-top: 15px;
  }
}
.service_area .service_single .service_left_icon {
  margin-right: 20px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area .service_single .service_left_icon {
    margin-right: 15px;
  }
}
.service_area .service_single .service_left_icon .svg-icon {
  border: 2px solid rgba(0, 20, 45, 0.1);
  border-radius: 50%;
  padding: 15px;
  position: relative;
  top: 3px;
  width: 60px;
  height: 60px;
  display: inline-block;
}
.service_area .service_single .service_right_content h5 a {
  text-decoration: none;
}
.service_area .service_single .service_right_content h5 a:hover {
  color: var(--clr-theme-1);
}
.service_area .service_single .service_right_content p {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area .service_single .service_right_content p {
    margin-bottom: 0;
  }
}
.service_area .service_single:hover span {
  background-color: var(--clr-theme-1);
  transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.service_area .service_single:hover .st0 {
  stroke: var(--clr-common-sada);
  transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area .all_service_btn {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .service_area .all_service_btn {
    justify-content: flex-start !important;
    padding-top: 20px;
  }
}
.service_area .all_service_btn a {
  padding: 11px 30px;
}
.service_area .all_service_btn a i {
  transform: translateY(5px);
  display: inline-block;
  font-size: 20px;
}

.st0 {
  transition: 0.3s;
  fill: none;
  stroke: #FD4A36;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Home-2 Css Start */
.service_area2 {
  background: transparent;
  margin-top: -90px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area2 {
    margin-top: 0;
  }
}
.service_area2 .service_single {
  padding: 33px 44px;
  filter: drop-shadow(30px 0px 60px #0f0d1d15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service_area2 .service_single {
    padding: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area2 .service_single {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .service_area2 .service_single {
    padding: 33px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area2 .service_single {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area2 .service_single {
    display: block;
    padding: 25px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area2 .service_single:is(.mb-0) {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area2 .service_single:is(.mb-0.last-item) {
    margin-bottom: 0px !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service_area2 .service_single .service_right_content p {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area2 .service_single .service_right_content {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area2 .service_single .service_right_content {
    margin-top: 15px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area2:is(.pt-0) {
    padding-top: 120px !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area2:is(.pt-0) {
    padding-bottom: 115px;
  }
}

/* Home-2 Css End */
/* Home-3 Css Start */
.service_area .home3_service_shape1 {
  background-image: url(../img/services/home3_services_shape1.png);
  width: 58px;
  height: 403px;
  position: absolute;
  top: 140px;
  right: 0;
}
@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) {
  .service_area .home3_service_shape1 {
    top: 85px;
    right: 0;
    height: 165px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area .home3_service_shape1 {
    height: 185px;
    top: 0;
  }
}
.service_area .home3_service_shape2 {
  background-image: url(../img/services/home3_services_shape2.png);
  width: 73px;
  height: 174px;
  position: absolute;
  bottom: 165px;
  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) {
  .service_area .home3_service_shape2 {
    height: 110px;
    bottom: 0;
  }
}
.service_area.service_Area3 {
  background: var(--clr-common-sada);
  position: relative;
  padding-top: 115px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area.service_Area3 .feature_overview {
    text-align: left !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area.service_Area3 .feature_overview h2 br {
    display: none;
  }
}
.service_area.service_Area3 .service_single {
  display: block;
  padding: 40px;
  box-shadow: 0px 15px 50px 0px rgba(15, 13, 29, 0.1);
  filter: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area.service_Area3 .service_single {
    padding: 35px;
  }
}
@media (max-width: 767px) {
  .service_area.service_Area3 .service_single {
    padding: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area.service_Area3 .service_single:is(.service_last_item) {
    margin-bottom: 0;
    z-index: 9;
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area.service_Area3 .service_single:is(.service_last_item2) {
    margin-bottom: 0;
  }
}
.service_area.service_Area3 .service_single .service_left_icon {
  padding-bottom: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area.service_Area3 .service_single .service_left_icon {
    padding-bottom: 25px;
  }
}
.service_area.service_Area3 .service_single .service_left_icon span {
  border: 2px solid rgba(0, 20, 45, 0.1);
  border-radius: 10px;
  position: relative;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service_area.service_Area3 .service_single .service_right_content h5 a {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .service_area.service_Area3 .service_single .service_right_content h5 {
    font-size: 20px;
  }
}
.service_area.service_Area3 .service_single .service_right_content p {
  font-size: 16px;
}
.service_area.service_Area3 .service_single .service_right_content a {
  text-decoration: none;
  color: var(--clr-body-heading);
  font-size: 15px;
  font-weight: 500;
}
.service_area.service_Area3 .service_single .service_right_content a:hover {
  color: var(--clr-theme-1);
}
.service_area.service_Area3 .service_single .service_right_content a i {
  position: relative;
  top: 7px;
  left: 5px;
}
.service_area.service_Area3 .service_single:hover span {
  background-color: var(--clr-theme-1);
  transition: 0.3s;
}
.service_area.service_Area3 .service_single:hover .st2 {
  stroke: var(--clr-common-sada);
  transition: 0.3s;
}

.service_area.service_page {
  background: var(--clr-common-sada);
}
.service_area.service_page .service_single {
  filter: drop-shadow(0px 20px 25px #0f0d1d20);
}
@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) {
  .service_area.service_page :is(.pt-40) {
    padding-top: 35px;
  }
}

/*
************
*************************
10. Service Details
******************************************************* 
*************************************************************** */
.service_area.service_details {
  background: var(--clr-common-sada);
  padding-bottom: 115px;
}
.service_area.service_details .details_left .service_single {
  filter: drop-shadow(0px 20px 25px #0f0d1d20);
  height: 143px;
  padding: 35px 30px;
  padding-right: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area.service_details .details_left .service_single {
    height: auto;
  }
}
@media (max-width: 767px) {
  .service_area.service_details .details_left .service_single {
    padding: 35px 19px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area.service_details .details_left .service_single {
    padding: 35px 30px;
    height: auto;
  }
}
.service_area.service_details .details_left .service_single .service_right_content h5 {
  margin-bottom: 5px;
  transition: all 0.3s linear 0s;
}
.service_area.service_details .details_left .service_single .service_left_icon .svg-icon {
  background-color: var(--clr-theme-1);
  border: none;
}
.service_area.service_details .details_left .service_single .service_left_icon .svg-icon svg .st0 {
  stroke: var(--clr-common-sada);
}
.service_area.service_details .details_left .service_single .service_left_icon .icon-1 {
  background-color: #fa5a5b;
}
.service_area.service_details .details_left .service_single .service_left_icon .icon-2 {
  background-color: #ff9333;
}
.service_area.service_details .details_left .service_single .service_left_icon .icon-3 {
  background-color: #1d9fe7;
}
.service_area.service_details .details_left .service_single .service_left_icon .icon-4 {
  background-color: #b64bf6;
}
.service_area.service_details .details_left .service_single:hover {
  transform: translateY(0px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area.service_details .details_right .details_right_img {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .service_area.service_details .details_right .details_right_img {
    height: 350px;
    padding-top: 30px;
  }
}
.service_area.service_details .details_right .details_right_img img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  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), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .service_area.service_details .details_right .details_inner_content:is(.pt-45) {
    padding-top: 25px;
  }
  .service_area.service_details .details_right .details_inner_content:is(.pt-35) {
    padding-top: 25px;
  }
}
.service_area.service_details .details_right .details_inner_content h3 {
  font-size: 34px;
  font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_area.service_details .details_right .details_inner_content h3 {
    font-size: 32px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area.service_details .details_right .details_inner_content h3 {
    font-size: 25px;
  }
}
.service_area.service_details .details_right .details_inner_content p {
  line-height: 26px;
  font-size: 15px;
  margin-bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .service_area.service_details .details_right .inner_content_list {
    padding-top: 30px;
  }
}
.service_area.service_details .details_right .inner_content_list h5 {
  font-size: 18px;
  font-weight: 700;
}
.service_area.service_details .details_right .inner_content_list p {
  line-height: 26px;
  font-size: 15px;
  margin-bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service_area.service_details .details_right .details_overview {
    padding-top: 45px;
  }
}
@media (max-width: 767px) {
  .service_area.service_details .details_right .details_overview .overview_item_1 {
    padding-bottom: 30px;
  }
}
.service_area.service_details .details_right .details_overview img {
  border-radius: 5px;
  width: 100%;
  object-fit: cover;
}

/*
************
*************************
11. Pricing
******************************************************* 
*************************************************************** */
.pricing_area {
  position: relative;
}
.pricing_area .pricing_shape {
  background-image: url(../img/pricing/pricing_shape_1.png);
  width: 80px;
  height: 93px;
  position: absolute;
  right: 0px;
  background-repeat: no-repeat;
  bottom: 370px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area .feature_overview {
    text-align: left !important;
  }
}
.pricing_area .feature_overview h2 {
  font-size: 46px;
  font-weight: 800;
  padding-top: 18px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .pricing_area .feature_overview p {
    margin-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area .feature_overview p br {
    display: none;
  }
}
.pricing_area .pricing_tabs ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area .pricing_tabs ul {
    justify-content: flex-start;
  }
}
.pricing_area .pricing_tabs ul li .nav-link {
  padding: 0;
  padding-right: 90px;
  background: transparent;
  border-radius: 0;
  font-weight: 600;
  text-transform: capitalize;
  color: #a3afb9;
  position: relative;
  outline: none;
  font-size: 16px;
  border: none;
}
.pricing_area .pricing_tabs ul li .nav-link.active {
  color: var(--clr-body-heading);
}
.pricing_area .pricing_tabs ul li .nav-link::before {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--clr-theme-1);
  z-index: 1;
  transition: all 0.3s ease-out 0s;
}
.pricing_area .pricing_tabs ul li .nav-link::after {
  position: absolute;
  content: "";
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--clr-common-white);
  border-radius: 30px;
  background: #fd4a3610;
  width: 60px;
  height: 24px;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
}
.pricing_area .pricing_tabs ul li .nav-link.active::before {
  right: 50px;
}
.pricing_area .pricing_tabs ul li.nav-item:last-child .nav-link {
  padding-right: 0;
  background: transparent;
}
.pricing_area .pricing_tabs ul li.nav-item:last-child .nav-link::after, .pricing_area .pricing_tabs ul li.nav-item:last-child .nav-link::before {
  display: none;
}
.pricing_area .price_plan_single {
  background-color: var(--clr-common-sada);
  filter: drop-shadow(0px 0px 40px #0f0d1d12);
  padding: 49px 39px;
  border-radius: 5px;
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.pricing_area .price_plan_single:hover {
  transform: translateY(-10px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_area .price_plan_single {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_area .price_plan_single {
    margin-bottom: 55px;
  }
  .pricing_area .price_plan_single:is(.price_single_last) {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .pricing_area .price_plan_single {
    padding: 33px;
    margin-bottom: 55px;
  }
  .pricing_area .price_plan_single:is(.price_single_last) {
    margin-bottom: 0;
  }
}
.pricing_area .price_plan_single .price_amount_section h5 {
  margin-bottom: 0;
}
.pricing_area .price_plan_single .price_amount_section h2 {
  font-size: 40px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .pricing_area .price_plan_single .price_amount_section h2 {
    font-size: 36px;
  }
}
.pricing_area .price_plan_single .plan_package_list ul {
  list-style: none;
}
.pricing_area .price_plan_single .plan_package_list ul li {
  line-height: 34px;
}
.pricing_area .price_plan_single .plan_package_list ul li i.icon_close {
  color: #fa2356;
  font-size: 18px;
  transform: translateY(1px);
  display: inline-block;
}
.pricing_area .price_plan_single .plan_package_list ul li i.icon_check {
  color: #1ba231;
  font-size: 18px;
  transform: translateY(3px);
  display: inline-block;
}
.pricing_area .price_plan_single .plan_package_list a {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 38px;
  padding: 10px 33px;
}
.pricing_area .price_plan_single .plan_package_list a.standard_btn {
  background: var(--clr-theme-1);
  color: var(--clr-common-sada);
  border: 2px solid var(--clr-theme-1);
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_area .price_plan_single .plan_package_list a {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/* Home-2 Css Start */
.pricing_area_2 {
  background-color: var(--clr-theme-2);
  position: relative;
  z-index: 9;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area_2:is(.pt-110) {
    padding-top: 115px;
  }
}
.pricing_area_2 .h2_pricing_shape1 {
  background-image: url(../img/pricing/h2_pricing_shape_1.png);
  width: 96%;
  height: 87%;
  position: absolute;
  top: 115px;
  right: 30px;
  z-index: -9;
  opacity: 0.7;
}
.pricing_area_2 .h2_pricing_shape2 {
  background-image: url(../img/pricing/h2_pricing_shape_2.png);
  width: 88px;
  height: 153px;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: -9;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area_2 .h2_pricing_shape2 {
    height: 120px;
  }
}
.pricing_area_2 .h2_pricing_shape3 {
  background-image: url(../img/pricing/h2_pricing_shape_3.png);
  width: 78px;
  height: 176px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: -9;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area_2 .feature_overview {
    text-align: left !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area_2 .feature_overview p {
    margin-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_area_2 .feature_overview h2 br {
    display: none;
  }
}
.pricing_area_2 .price_plan_2 {
  padding: 50px 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_area_2 .price_plan_2 {
    padding: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_area_2 .price_plan_2 {
    padding: 45px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing_area_2 .price_plan_2 {
    padding: 35px;
  }
}
.pricing_area_2 .price_plan_2 h2 {
  color: var(--clr-theme-1);
}
.pricing_area_2 .price_plan_2 h2 span {
  font-size: 20px;
  display: inline-block;
  transform: translate(-7px, -1px);
}
.pricing_area_2 .price_plan_2 .price_amount_section h5 {
  margin-bottom: 5px;
}
.pricing_area_2 .price_plan_2 .plan_package_list ul li {
  color: var(--clr-body-heading);
}
.pricing_area_2 .price_plan_2 .plan_package_list ul li i.icon_check {
  color: var(--clr-body-heading);
  padding-right: 10px;
}
.pricing_area_2 .price_plan_2 .plan_package_list a {
  width: 140px;
  padding: 10px 15px;
  margin-bottom: 25px;
}

/* Home-2 Css End */
/*
************
*************************
12. Call To Action
******************************************************* 
*************************************************************** */
.call_to_action {
  background-image: url(../img/call_to_action/call_to_action_bg.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  display: block;
  background-position: center;
}
.call_to_action::after {
  content: "";
  background: #000c1a60;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.call_to_action .call_to_content {
  position: relative;
  z-index: 8;
}
.call_to_action .call_to_content .video_play {
  margin: 0 auto;
}
.call_to_action .call_to_content .video_play a:hover {
  transition: 0.3s ease-in;
  background: var(--clr-theme-1);
}
.call_to_action .call_to_content .video_play a:hover i {
  color: var(--clr-common-sada);
}
.call_to_action .call_to_content a {
  background: #f8fbfe;
  border-radius: 100%;
  border: none;
  width: 90px;
  height: 90px;
  display: inline-block;
  position: relative;
  z-index: 99;
}
.call_to_action .call_to_content a i {
  color: var(--clr-common-hover);
  font-size: 24px;
  position: relative;
  top: 33px;
}
.call_to_action .call_to_content h1 {
  color: var(--clr-common-sada);
  font-weight: 800;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .call_to_action .call_to_content h1 {
    font-size: 50px;
  }
  .call_to_action .call_to_content h1:is(.pt-35) {
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .call_to_action .call_to_content h1 {
    font-size: 40px;
  }
}
.call_to_action .call_to_content p {
  color: var(--clr-common-sada);
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 14px;
}

/*
************
*************************
13. Testimonial
******************************************************* 
*************************************************************** */
.testimonial_area.testimonial_home1, .feedback_right_carousel.testimonial_home1 {
  padding-bottom: 105px;
}
.testimonial_area .testimonial_slide, .feedback_right_carousel .testimonial_slide {
  padding: 15px;
}
@media (max-width: 767px) {
  .testimonial_area :is(.justify-content-end), .feedback_right_carousel :is(.justify-content-end) {
    justify-content: flex-start !important;
  }
}
.testimonial_area .testimonial_title h2, .feedback_right_carousel .testimonial_title h2 {
  margin-top: 20px;
  font-size: 46px;
  font-weight: 800;
  line-height: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_area .testimonial_title h2, .feedback_right_carousel .testimonial_title h2 {
    line-height: 1.2;
    width: 80%;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_area .testimonial_title h2, .feedback_right_carousel .testimonial_title h2 {
    line-height: 1.2;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial_area .testimonial_title h2 br, .feedback_right_carousel .testimonial_title h2 br {
    display: none;
  }
}
.testimonial_area .carousel_btn, .feedback_right_carousel .carousel_btn {
  position: relative;
  top: 10px;
}
.testimonial_area .carousel_btn a, .feedback_right_carousel .carousel_btn a {
  border: 1px solid rgba(0, 20, 45, 0.1);
  border-radius: 100%;
  width: 46px;
  height: 46px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.testimonial_area .carousel_btn a i, .feedback_right_carousel .carousel_btn a i {
  transform: translateY(58%);
  display: block;
  font-size: 20px;
  color: #00142d;
  font-weight: 500;
}
.testimonial_area .carousel_btn a:hover, .feedback_right_carousel .carousel_btn a:hover {
  background: var(--clr-theme-1);
}
.testimonial_area .carousel_btn a:hover i, .feedback_right_carousel .carousel_btn a:hover i {
  color: var(--clr-common-sada);
}
.testimonial_area .carousel_section_single, .feedback_right_carousel .carousel_section_single {
  background-color: var(--clr-common-sada);
  filter: drop-shadow(0px 0px 10px #0f0d1d12);
  padding: 49px 39px;
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_area .carousel_section_single, .feedback_right_carousel .carousel_section_single {
    padding: 45px 35px;
  }
}
@media (max-width: 767px) {
  .testimonial_area .carousel_section_single, .feedback_right_carousel .carousel_section_single {
    padding: 49px 34px;
  }
}
.testimonial_area .carousel_section_single .carousel_img .author_img img, .feedback_right_carousel .carousel_section_single .carousel_img .author_img img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 100%;
}
.testimonial_area .carousel_section_single .carousel_img .author_text h5, .feedback_right_carousel .carousel_section_single .carousel_img .author_text h5 {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
}
.testimonial_area .carousel_section_single .carousel_img .author_text span, .feedback_right_carousel .carousel_section_single .carousel_img .author_text span {
  color: #5a5d6e;
}
.testimonial_area .carousel_section_single .carousel_content p, .feedback_right_carousel .carousel_section_single .carousel_content p {
  font-size: 18px;
  color: var(--clr-body-heading);
  line-height: 30px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_area .carousel_section_single .carousel_content p, .feedback_right_carousel .carousel_section_single .carousel_content p {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_area.testimonial_page :is(.col-md-6):nth-child(9), .feedback_right_carousel.testimonial_page :is(.col-md-6):nth-child(9) {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .testimonial_area.testimonial_page :is(.col-md-6):nth-child(8), .testimonial_area.testimonial_page :is(.col-md-6):nth-child(9), .feedback_right_carousel.testimonial_page :is(.col-md-6):nth-child(8), .feedback_right_carousel.testimonial_page :is(.col-md-6):nth-child(9) {
    padding-top: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_area.testimonial_page .carousel_section_single .carousel_content, .feedback_right_carousel.testimonial_page .carousel_section_single .carousel_content {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_area.testimonial_page .carousel_section_single .carousel_content p, .feedback_right_carousel.testimonial_page .carousel_section_single .carousel_content p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .testimonial_area.testimonial_page .carousel_section_single .carousel_content p, .feedback_right_carousel.testimonial_page .carousel_section_single .carousel_content p {
    font-size: 16px;
  }
}

/* home-3 Css start */
.testimonial3 .carousel_section_single {
  padding: 70px 125px !important;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial3 .carousel_section_single {
    padding: 50px 60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial3 .carousel_section_single {
    padding: 50px !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial3 .carousel_section_single {
    padding: 30px !important;
  }
}
.testimonial3 .carousel_section_single .client_carousel_content p {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--clr-body-heading);
  line-height: 36px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial3 .carousel_section_single .client_carousel_content p {
    font-size: 20px;
    line-height: 32px;
  }
}
.testimonial3 .home3_faq_shape1 {
  background-image: url(../img/testimonial/home3_shape1.png);
  width: 232px;
  height: 187px;
  position: absolute;
  right: 160px;
  bottom: -135px;
  z-index: -99;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial3 .home3_faq_shape1 {
    right: 0;
    bottom: -168px;
  }
}
.testimonial3 .home3_faq_shape2 {
  background-image: url(../img/testimonial/home3_shape2.png);
  width: 40px;
  height: 160px;
  position: absolute;
  left: -16px;
  bottom: 97px;
  z-index: -99;
  background-repeat: no-repeat;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial3 .home3_faq_shape2 {
    display: none;
  }
}
.testimonial3 .home3_faq_shape3 {
  background-image: url(../img/testimonial/home3_shape3.png);
  width: 93px;
  height: 74px;
  position: absolute;
  left: 100px;
  bottom: 35px;
  z-index: -99;
  background-repeat: no-repeat;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial3 .home3_faq_shape3 {
    right: 15px;
    left: inherit;
    bottom: 10px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial3 :is(.text-center) {
    text-align: left !important;
  }
  .testimonial3 :is(.feedback_swiper_pagination) {
    padding-top: 25px;
    line-height: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial3 .feedback_carousel {
    padding-top: 10px !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial3 .feedback_carousel {
    padding-top: 0 !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial3 .feedback_carousel .feedback_author {
    padding-left: 0;
  }
}
.testimonial3 .feedback_carousel .feedback_author h5 {
  margin-top: 25px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
.testimonial3 .feedback_carousel .feedback_author span {
  color: var(--clr-body-text) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

/*
************
*************************
14. Free Trials
******************************************************* 
*************************************************************** */
.free_trials {
  background: var(--clr-theme-2);
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .free_trials {
    padding-top: 112px;
    padding-bottom: 110px;
  }
}
@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) {
  .free_trials {
    padding-top: 112px;
  }
}
.free_trials:before {
  content: "";
  background-image: url(../img/free_trials/free_shape_02.png);
  width: 65%;
  height: 290px;
  position: absolute;
  bottom: 0px;
  right: 0;
  background-repeat: no-repeat;
  z-index: -9;
}
@media (max-width: 767px) {
  .free_trials:before {
    width: 100%;
  }
}
.free_trials .free_shape3 {
  background-image: url(free_shape_03.png);
  position: absolute;
  top: 0px;
  left: 0;
  width: 76px;
  height: 146px;
  background-repeat: no-repeat;
  z-index: -9;
}
.free_trials .free_shape4 {
  background-image: url(free_shape_04.png);
  position: absolute;
  bottom: 0px;
  left: 102px;
  width: 102px;
  height: 18px;
  background-repeat: no-repeat;
  z-index: -9;
}
@media (max-width: 767px) {
  .free_trials .free_shape4 {
    display: none;
  }
}
.free_trials .free_shape5 {
  background-image: url(free_shape_05.png);
  position: absolute;
  top: 0px;
  right: 26px;
  width: 145px;
  height: 24px;
  background-repeat: no-repeat;
}
.free_trials .free_shape6 {
  background-image: url(free_shape_06.png);
  position: absolute;
  top: 0px;
  right: 25%;
  width: 276px;
  height: 84px;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .free_trials .free_shape6 {
    display: none;
  }
}
@media (max-width: 767px) {
  .free_trials :is(.justify-content-end) {
    justify-content: flex-start !important;
  }
}
.free_trials .free_trials_left {
  padding: 30px 0px;
}
@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), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .free_trials .free_trials_left {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .free_trials .free_trials_left {
    padding-top: 0;
    line-height: 10px;
  }
}
.free_trials .free_trials_left span {
  color: var(--clr-theme-1);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.free_trials .free_trials_left h2 {
  font-size: 50px;
  font-weight: 800;
  line-height: 60px;
  margin-top: 10px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .free_trials .free_trials_left h2 br {
    display: none;
  }
}
@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) {
  .free_trials .free_trials_left h2 {
    line-height: 1.2;
    margin-top: 15px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .free_trials .free_trials_left h2 {
    line-height: 1.2;
    margin-top: 15px;
  }
}
.free_trials .free_trials_right a {
  width: 190px;
  height: 60px;
}
.free_trials .free_trials_right a i {
  transform: translateX(5px);
  display: inline-block;
  font-size: 22px;
}

/* Home-2 Css Start */
.free_trials_wrapper {
  background: #004195;
  border-radius: 10px;
  padding: 75px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .free_trials_wrapper {
    padding: 50px 30px;
    text-align: left !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .free_trials_wrapper {
    padding: 50px 15px;
    text-align: left !important;
  }
}
.free_trials_wrapper span {
  color: var(--clr-common-sada);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 3px;
}
.free_trials_wrapper h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
  color: var(--clr-common-sada);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .free_trials_wrapper h2 {
    line-height: 45px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .free_trials_wrapper h2 {
    line-height: 35px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .free_trials_wrapper h2 br {
    display: none;
  }
}
.free_trials_wrapper .free_trials_shape1 {
  background-image: url(../img/free_trials/home2_free_shape_01.png);
  width: 71px;
  height: 157px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 8px 0 0 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .free_trials_wrapper .free_trials_shape1 {
    display: none;
  }
}
.free_trials_wrapper .free_trials_shape2 {
  background-image: url(../img/free_trials/home2_free_shape_02.png);
  width: 171px;
  height: 41px;
  position: absolute;
  top: 0px;
  right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .free_trials_wrapper .free_trials_shape2 {
    right: 20px;
  }
}
.free_trials_wrapper .free_trials_shape3 {
  background-image: url(../img/free_trials/home2_free_shape_03.png);
  width: 113px;
  height: 111px;
  position: absolute;
  bottom: 0px;
  right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .free_trials_wrapper .free_trials_shape3 {
    bottom: 0px;
    right: 0;
    height: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .free_trials_wrapper .free_trials_shape3 {
    width: 90px;
    height: 95px;
    right: 0px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .free_trials_wrapper .free_trials_shape3 {
    width: 90px;
    height: 70px;
  }
}
.free_trials_wrapper .call_action_mail {
  margin: 0 250px;
  margin-top: 31px;
  margin-bottom: 23px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .free_trials_wrapper .call_action_mail {
    margin: 0px 100px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .free_trials_wrapper .call_action_mail {
    margin: 0;
  }
}
.free_trials_wrapper .call_action_mail input {
  border: none;
  width: 100%;
  height: 70px;
  padding: 20px;
  padding-left: 30px;
  padding-right: 23%;
  border-radius: 5px;
  color: #696d7a;
}
.free_trials_wrapper .call_action_mail input::placeholder {
  color: #696d7a;
  font-size: 15px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .free_trials_wrapper .call_action_mail input {
    padding-right: 20px;
    height: 60px;
  }
}
.free_trials_wrapper .call_action_mail input:focus::placeholder {
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.free_trials_wrapper .call_action_mail button {
  position: absolute;
  width: 140px;
  height: 52px;
  background: var(--clr-body-heading);
  border: none;
  border-radius: 5px;
  color: var(--clr-common-sada);
  font-size: 15px;
  font-weight: 500;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
  right: 8px;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .free_trials_wrapper .call_action_mail button {
    margin-top: 20px;
    position: relative;
    transform: translateY(0%);
    top: 0;
    right: 0;
    line-height: 36px;
  }
}
.free_trials_wrapper .call_action_mail button i {
  transform: translateX(5px);
  display: inline-block;
}
.free_trials_wrapper .call_action_mail button:hover {
  background: #004195;
  color: var(--clr-common-sada);
}

/* Home-2 Css End */
/*
************
*************************
15. Blog
******************************************************* 
*************************************************************** */
.blog_area {
  position: relative;
}
.blog_area .blog_shape1 {
  background-image: url(../img/blog/blog_shape_1.png);
  position: absolute;
  top: 0px;
  right: 0px;
  width: 94px;
  height: 350px;
  background-repeat: no-repeat;
  transform: translateY(75%);
}
@media (max-width: 767px) {
  .blog_area .blog_shape1 {
    display: none;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog_area .blog_overview {
    text-align: left !important;
  }
}
.blog_area .blog_overview h2 {
  margin-top: 20px;
  font-size: 46px;
  font-weight: 800;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_area .blog_overview h2 {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .blog_area .blog_overview p {
    line-height: 1.2;
  }
}
.blog_area .blog_area_single {
  filter: drop-shadow(0px 0px 40px #0f0d1d12);
  border-radius: 5px;
  background: 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) {
  .blog_area .blog_area_single {
    margin-bottom: 55px;
  }
  .blog_area .blog_area_single.blog_single_last {
    margin-bottom: 0px;
  }
}
.blog_area .blog_area_single .blog_single_img {
  position: relative;
  background-color: #aab2bf;
  height: 220px;
  width: 100%;
  overflow: hidden;
  border-radius: 5px 5px 0px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_area .blog_area_single .blog_single_img {
    height: 100%;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog_area .blog_area_single .blog_single_img {
    height: 100%;
  }
}
.blog_area .blog_area_single .blog_single_img a {
  display: block;
}
.blog_area .blog_area_single .blog_single_img a img {
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  object-fit: cover;
  height: 220px;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_area .blog_area_single .blog_single_img a img {
    height: 100%;
  }
}
.blog_area .blog_area_single .blog_single_img a span {
  position: absolute;
  top: 30px;
  right: 30px;
  background: var(--clr-theme-1);
  color: var(--clr-common-sada);
  padding: 2px 16px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 767px) {
  .blog_area .blog_area_single .blog_single_img a span {
    top: 20px;
    right: 20px;
    padding: 2px 10px;
  }
}
.blog_area .blog_area_single .blog_single_content {
  padding: 35px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_area .blog_area_single .blog_single_content {
    padding: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_area .blog_area_single .blog_single_content {
    padding: 33px 25px;
  }
}
@media (max-width: 767px) {
  .blog_area .blog_area_single .blog_single_content {
    padding: 30px;
  }
}
.blog_area .blog_area_single .blog_single_content .blog_meta a {
  text-decoration: none;
  font-size: 14px;
  color: var(--clr-body-text);
}
.blog_area .blog_area_single .blog_single_content .blog_meta a i {
  font-size: 14px;
  padding-right: 9px;
}
.blog_area .blog_area_single .blog_single_content .blog_title {
  margin-top: 5px;
}
.blog_area .blog_area_single .blog_single_content .blog_title h5 {
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 10px;
}
.blog_area .blog_area_single .blog_single_content .blog_title h5 a {
  text-decoration: none;
}
.blog_area .blog_area_single .blog_single_content .blog_title h5 a:hover {
  color: var(--clr-theme-1);
}
.blog_area .blog_area_single .blog_single_content .blog_title p {
  font-size: 14px;
  margin-right: 20px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .blog_area .blog_area_single .blog_single_content .blog_title p {
    margin-right: 0;
  }
}
.blog_area .blog_area_single .blog_single_content .blog_link {
  padding-bottom: 5px;
}
.blog_area .blog_area_single .blog_single_content .blog_link a {
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.blog_area .blog_area_single .blog_single_content .blog_link a i {
  position: relative;
  top: 4px;
  font-size: 18px;
}
.blog_area .blog_area_single .blog_single_content .blog_link a:hover {
  color: var(--clr-theme-1);
}
.blog_area .blog_area_single .img_effect_white a:after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  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_area .blog_area_single:hover .blog_single_img img {
  transform: scale(1.08);
  filter: grayscale(90%);
}
.blog_area .blog_area_single:hover .blog_single_img a:after {
  animation: shine 0.8s;
}

/* home-3 Css start */
.blog_area3 {
  padding-top: 110px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog_area3 {
    padding-top: 115px;
  }
}
.blog_area3 .home_3_blog h6 {
  font-size: 14px;
  font-weight: 700;
}
.blog_area3 .home_3_blog .carousel_img {
  padding-bottom: 5px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog_area3 .blog_overview:is(.text-center) {
    text-align: left !important;
  }
  .blog_area3 .blog_overview h2 {
    margin-top: 15px;
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.blog_classic .blog_classic_wrapper .blog_classic_single {
  border-bottom: 1px solid #0c163620;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic .blog_classic_wrapper .blog_classic_single:is(.pt-60) {
    padding-top: 40px;
  }
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_video_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_video_inner .blog_video {
  border-radius: 100%;
  color: #1c7bf7;
  background: #f8fbfe;
  text-decoration: none;
  position: absolute;
  z-index: 1;
  transition: all 0.3s linear 0s;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_video_inner .blog_video a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_classic_single .blog_video_inner .blog_video a {
    width: 70px;
    height: 70px;
  }
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_video_inner .blog_video a i {
  font-size: 50px;
  transition: all 0.3s linear 0s;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_video_inner:hover .blog_video {
  background: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_video_inner:hover .blog_video i {
  color: var(--clr-common-sada);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_classic_img {
  overflow: hidden;
  border-radius: 5px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_classic_img.blog_overlay {
  position: relative;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_classic_img.blog_overlay::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #000d1f;
  opacity: 0.4;
  content: "";
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_classic_img a {
  display: block;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_classic_img a img {
  border-radius: 5px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_classic_img:hover img {
  transform: scale(1.08);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment {
  padding-top: 25px;
  display: flex;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment a {
  text-decoration: none;
  margin-right: 40px;
  display: inline-block;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment a:hover {
  color: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment a:hover span i {
  color: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment span {
  font-size: 15px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment span {
    font-size: 14px;
  }
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment span i {
  font-size: 17px;
  color: #1c7bf7;
  padding-right: 9px;
  line-height: inherit;
  transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment span i {
    font-size: 16px;
  }
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment span i.icon_tag_alt {
  font-size: 16px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_comment span:hover i {
  color: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_content {
  padding-top: 10px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_content h3 {
  font-size: 34px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_classic_single .blog_content h3 {
    font-size: 26px;
  }
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_content h3 a {
  text-decoration: none;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_content h3:hover {
  color: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_content p {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_classic_single .blog_content p {
    font-size: 16px;
  }
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_author_meta a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  color: #0c1636;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_author_meta a img {
  padding-right: 10px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_author_meta a:hover {
  color: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_author_meta span {
  font-size: 14px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_author_meta span.dots {
  padding: 0 5px;
  font-weight: 700;
  color: #0c1636;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_read_more {
  padding-bottom: 35px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_read_more a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  color: #0c1636;
  display: flex;
  align-items: center;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_read_more a i.arrow_right {
  font-size: 18px;
  padding-left: 10px;
}
.blog_classic .blog_classic_wrapper .blog_classic_single .blog_read_more a:hover {
  color: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_code_main {
  border-bottom: 1px solid #0c163620;
  padding-bottom: 80px;
}
@media 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) {
  .blog_classic .blog_classic_wrapper .blog_code_main {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic .blog_classic_wrapper .blog_code_main {
    padding-bottom: 40px;
  }
}
.blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post {
  background: var(--clr-theme-2);
  margin-top: 60px;
  border-radius: 5px;
  padding: 48px;
  padding-bottom: 37px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post {
    padding: 35px;
    margin-top: 40px;
  }
}
.blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post h4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  position: relative;
  transform: translateY(-5px);
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post h4 {
    margin-bottom: 0;
  }
}
.blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post h4:before {
  content: "“";
  position: absolute;
  left: -22px;
  top: 10px;
  font-size: 70px;
  opacity: 0.5;
  color: var(--clr-theme-1);
  font-family: Myriad Pro;
  font-weight: 400;
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post h4:before {
    font-size: 50px;
    left: -20px;
    top: 3px;
  }
}
.blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post span {
  font-size: 15px;
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-left: 12px;
}
.blog_classic .blog_classic_wrapper .blog_code_main .blog_code_post span:before {
  content: "";
  height: 2px;
  width: 24px;
  left: -12px;
  top: 0px;
  background: var(--clr-theme-1);
  position: relative;
}
.blog_classic .blog_classic_wrapper .blog_tag_post {
  background: var(--clr-theme-2);
  border-radius: 5px;
  padding: 30px 40px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic .blog_classic_wrapper .blog_tag_post:is(.mt-60.mb-60) {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_tag_post {
    padding: 30px;
  }
  .blog_classic .blog_classic_wrapper .blog_tag_post:is(.mt-60.mb-60) {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.blog_classic .blog_classic_wrapper .blog_tag_post i {
  color: var(--clr-theme-1);
}
.blog_classic .blog_classic_wrapper .blog_tag_post h4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  position: relative;
  padding-top: 7px;
  margin-bottom: 0;
}
.blog_classic .blog_classic_wrapper .blog_pagination {
  background: var(--clr-theme-1);
  padding: 16px 20px;
  border-radius: 2px;
  width: 174px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic .blog_classic_wrapper .blog_pagination {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .blog_classic .blog_classic_wrapper .blog_pagination {
    margin-bottom: 40px;
  }
}
.blog_classic .blog_classic_wrapper .blog_pagination ul li {
  float: left;
}
.blog_classic .blog_classic_wrapper .blog_pagination ul li a {
  text-decoration: none;
  color: var(--clr-common-sada);
  font-weight: 500;
  transition: 0.3s ease-in-out;
  padding: 0 11px;
}
.blog_classic .blog_classic_wrapper .blog_pagination ul li a:hover {
  color: var(--clr-body-heading);
}
.blog_classic .blog_classic_wrapper .blog_pagination ul li span {
  width: 1px;
  height: 14px;
  background: var(--clr-common-sada);
  display: inline-block;
  transform: translateY(2px);
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic .sidebar_area .widget_search:is(.mb-30) {
    margin-bottom: 40px;
  }
}
.blog_classic .sidebar_area .widget_search .search_wrapper {
  width: 100%;
  position: relative;
  background: var(--clr-theme-2);
  border-radius: 5px;
  height: 80px;
}
.blog_classic .sidebar_area .widget_search .search_wrapper form {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.blog_classic .sidebar_area .widget_search .search_wrapper form input {
  width: 100%;
  border: none;
  font-size: 15px;
  font-weight: 400;
  color: var(--clr-body-text);
  transition: 0.3s ease-in-out;
  background: transparent;
  padding: 0 40px;
  padding-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic .sidebar_area .widget_search .search_wrapper form input {
    padding: 0 30px;
  }
}
.blog_classic .sidebar_area .widget_search .search_wrapper form input::placeholder {
  font-size: 15px;
  font-weight: 400;
  color: var(--clr-body-text);
  transition: 0.2s ease-in-out;
}
.blog_classic .sidebar_area .widget_search .search_wrapper form input:focus::placeholder {
  opacity: 0;
}
.blog_classic .sidebar_area .widget_search .search_wrapper form button {
  border: none;
  background: transparent;
  transform: rotate(270deg);
  position: absolute;
  right: 40px;
  padding: 0;
}
@media (max-width: 767px) {
  .blog_classic .sidebar_area .widget_search .search_wrapper form button {
    right: 30px;
  }
}
.blog_classic .sidebar_area .widget_search .search_wrapper form button i {
  font-size: 16px;
  transition: 0.3s ease-in-out;
}
.blog_classic .sidebar_area .widget_search .search_wrapper form button i:hover {
  color: var(--clr-theme-1);
}
.blog_classic .widget_recent_post {
  padding-right: 33px !important;
}
.blog_classic .widget_recent_post .recent_post_wrapper .plr-10 {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .blog_classic .widget_recent_post .recent_post_wrapper .plr-10 {
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
  }
}
.blog_classic .widget_recent_post .recent_post_wrapper .recent_post_single {
  overflow: hidden;
  display: flex;
}
.blog_classic .widget_recent_post .recent_post_wrapper .recent_post_single .blog_single_img {
  flex: 0 0 86px;
  overflow: hidden;
  border-radius: 5px;
  height: 90px;
  margin-right: 20px;
}
.blog_classic .widget_recent_post .recent_post_wrapper .recent_post_single .blog_single_img img {
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.blog_classic .widget_recent_post .recent_post_wrapper .recent_post_single:hover .blog_single_img img {
  transform: scale(1.08);
}
.blog_classic .widget_recent_post .recent_post_wrapper .blog_single_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog_classic .widget_recent_post .recent_post_wrapper .blog_single_title h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .blog_classic .widget_recent_post .recent_post_wrapper .blog_single_title h6 {
    line-height: 1.2;
  }
}
.blog_classic .widget_recent_post .recent_post_wrapper .blog_single_title h6:hover {
  color: var(--clr-theme-1);
}
.blog_classic .widget_recent_post .recent_post_wrapper .blog_single_title h6 a {
  text-decoration: none;
}
.blog_classic .widget_recent_post .recent_post_wrapper .blog_single_title span {
  font-size: 14px;
  font-weight: 400;
}
.blog_classic .widget {
  background: var(--clr-theme-2);
  padding: 50px 40px;
  padding-top: 45px;
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic .widget {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic .widget:is(.mb-30) {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .blog_classic .widget {
    padding: 35px 30px;
  }
  .blog_classic .widget:is(.mb-30) {
    margin-bottom: 40px;
  }
}
.blog_classic .widget h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
  border-bottom: 1px solid #0c163620;
  padding-bottom: 20px;
  position: relative;
}
.blog_classic .widget h4::before {
  content: "";
  position: absolute;
  background: var(--clr-theme-1);
  width: 55px;
  height: 2px;
  left: 0;
  bottom: -1px;
}
.blog_classic .widget_categories ul li {
  padding-bottom: 17px;
}
.blog_classic .widget_categories ul li:last-child {
  padding-bottom: 0;
}
.blog_classic .widget_categories ul li a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  color: var(--clr-body-text);
}
.blog_classic .widget_categories ul li a:hover {
  color: var(--clr-theme-1);
}
.blog_classic .widget_recent_comment {
  padding-bottom: 45px;
}
.blog_classic .widget_recent_comment .single_comment {
  margin-bottom: 25px;
  display: flex;
  overflow: hidden;
}
.blog_classic .widget_recent_comment .single_comment:last-child {
  padding-bottom: 0;
}
.blog_classic .widget_recent_comment .single_comment .comments_icon {
  background: var(--clr-common-sada);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
  flex: 0 0 50px;
  margin-right: 20px;
}
.blog_classic .widget_recent_comment .single_comment .comments_icon i {
  color: var(--clr-theme-1);
  font-size: 18px;
  transition: 0.3s ease-in-out;
}
.blog_classic .widget_recent_comment .single_comment .comments_person_title h6 {
  font-size: 16px;
  font-weight: 600;
  color: var(--clr-body-heading);
  margin-bottom: 10px;
  padding-top: 5px;
}
.blog_classic .widget_recent_comment .single_comment .comments_person_title h6 a {
  text-decoration: none;
}
.blog_classic .widget_recent_comment .single_comment .comments_person_title h6 a:hover {
  color: var(--clr-theme-1);
}
.blog_classic .widget_recent_comment .single_comment .comments_person_title p {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
}
.blog_classic .widget_recent_comment .single_comment:hover .comments_icon {
  background: var(--clr-theme-1);
}
.blog_classic .widget_recent_comment .single_comment:hover .comments_icon i {
  color: var(--clr-common-sada);
}
.blog_classic .widget_tag {
  overflow: hidden;
  padding-bottom: 40px;
}
.blog_classic .widget_tag .single_tags_wrapper ul li {
  list-style: none;
  float: left;
  list-style: none;
  display: inline-block;
  padding: 10px;
  padding-left: 0;
  padding-top: 0;
}
.blog_classic .widget_tag .single_tags_wrapper ul li:last-child {
  padding-right: 0;
}
.blog_classic .widget_tag .single_tags_wrapper ul li a {
  display: flex;
  height: 35px;
  padding: 0 15px;
  background: var(--clr-common-sada);
  color: var(--clr-body-text);
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  text-decoration: none;
  align-items: center;
  transition: all 0.3s linear 0s;
}
.blog_classic .widget_tag .single_tags_wrapper ul li a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-sada);
}

/*
************
*************************
16. Blog Details
******************************************************* 
*************************************************************** */
.blog_classic.blog_details .blog_classic_single {
  border-bottom: transparent;
}
.blog_classic.blog_details .blog_classic_single .blog_details_content p {
  margin-bottom: 25px;
  line-height: 26px;
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic.blog_details .blog_classic_single .blog_details_content p {
    font-size: 16px;
  }
}
.blog_classic.blog_details .blog_classic_single .blog_details_content p:first-child {
  transform: translateY(-8px);
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_classic_single .blog_details_content p:first-child {
    transform: translateY(-6px);
  }
}
.blog_classic.blog_details .blog_classic_single .blog_details_content p:last-child {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic.blog_details .blog_classic_single .blog_details_content p:last-child {
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_classic_single .blog_details_content p:last-child {
    margin-bottom: 35px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .blog_classic.blog_details .blog_classic_single .blog_details_content p {
    font-size: 16px;
  }
}
.blog_classic.blog_details .blog_classic_single .blog_classic_img img:hover {
  transform: inherit;
}
.blog_classic.blog_details .blog_classic_single .blog_content {
  padding-top: 55px;
}
@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_classic.blog_details .blog_classic_single .blog_content {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic.blog_details .blog_classic_single .blog_content h3 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic.blog_details .blog_classic_single .blog_content p {
    font-size: 16px;
  }
}
.blog_classic.blog_details .blog_code_main {
  border-bottom: transparent;
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .blog_code_main .blog_code_post {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .blog_code_main {
    padding-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_code_main {
    padding-bottom: 35px;
  }
}
.blog_classic.blog_details .post_details_tags {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .post_details_tags {
    padding-top: 10px;
    display: block;
  }
}
.blog_classic.blog_details .post_details_tags span {
  padding-right: 20px;
  font-weight: 700;
  color: var(--clr-body-heading);
}
@media (max-width: 767px) {
  .blog_classic.blog_details .post_details_tags span {
    padding-right: 15px;
  }
}
.blog_classic.blog_details .post_details_tags ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .post_details_tags ul {
    padding-top: 20px;
  }
}
.blog_classic.blog_details .post_details_tags ul a {
  display: flex;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  margin-right: 10px;
  text-decoration: none;
  background: var(--clr-theme-2);
  color: var(--clr-body-text);
  transition: all 0.3s linear 0s;
}
.blog_classic.blog_details .post_details_tags ul a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-sada);
}
@media (max-width: 767px) {
  .blog_classic.blog_details .post_details_tags ul a {
    margin-bottom: 10px;
  }
}
.blog_classic.blog_details .divider {
  border-bottom: 1px solid #0c163620;
}
.blog_classic.blog_details .social_share {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .social_share {
    padding-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .blog_classic.blog_details .social_share {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.blog_classic.blog_details .social_share span {
  padding-right: 20px;
  font-weight: 700;
  color: var(--clr-body-heading);
}
.blog_classic.blog_details .social_share ul {
  display: flex;
}
.blog_classic.blog_details .social_share ul a {
  margin-right: 17px;
}
.blog_classic.blog_details .social_share ul a:hover {
  color: var(--clr-theme-1);
}
.blog_classic.blog_details .about_author {
  background: var(--clr-theme-2);
  border-left: 3px solid var(--clr-theme-1);
  border-radius: 10px;
  padding: 40px 39px;
  display: flex;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .about_author {
    display: block;
  }
}
.blog_classic.blog_details .about_author .author_thumb {
  flex: 0 0 60px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .about_author .author_thumb {
    margin-right: 0px;
  }
}
.blog_classic.blog_details .about_author .author_thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .about_author .author_content {
    padding-top: 15px;
  }
}
.blog_classic.blog_details .about_author .author_content h4 {
  font-size: 18px;
  margin-bottom: 0;
}
.blog_classic.blog_details .about_author .author_content h4 a {
  text-decoration: none;
}
.blog_classic.blog_details .about_author .author_content h4 a:hover {
  color: var(--clr-theme-1);
}
.blog_classic.blog_details .about_author .author_content span {
  font-size: 15px;
}
.blog_classic.blog_details .about_author .author_content p {
  padding-top: 15px;
  line-height: 24px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .blog_detail_comments {
    padding-top: 45px;
  }
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_detail_comments {
    padding-top: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog_classic.blog_details .blog_detail_comments .comments_title {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic.blog_details .blog_detail_comments .comments_title {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_detail_comments .comments_title {
    padding-bottom: 35px;
  }
}
.blog_classic.blog_details .blog_detail_comments .comments_title h4 {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_detail_comments .comments_title h4 {
    margin-bottom: 0;
  }
}
.blog_classic.blog_details .comments_list_items .author_single_comment {
  display: flex;
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_thumb {
  flex: 0 0 60px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .comments_list_items .author_single_comment .author_thumb {
    margin-right: 20px;
  }
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_content h4 {
  font-size: 18px;
  margin-bottom: 0;
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_content h4 a {
  text-decoration: none;
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_content h4 a:hover {
  color: var(--clr-theme-1);
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_content span {
  font-size: 15px;
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_content p {
  padding-top: 15px;
  line-height: 24px;
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_content a {
  font-weight: 600;
  color: var(--clr-body-heading);
  text-decoration: none;
  margin-bottom: 20px;
}
.blog_classic.blog_details .comments_list_items .author_single_comment .author_content a:hover {
  color: var(--clr-theme-1);
}
.blog_classic.blog_details .comments_list_items .author_sub_reply {
  padding-top: 33px;
  padding-left: 170px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic.blog_details .comments_list_items .author_sub_reply {
    padding-left: 90px;
  }
}
@media (max-width: 767px) {
  .blog_classic.blog_details .comments_list_items .author_sub_reply {
    padding-left: 30px;
  }
}
.blog_classic.blog_details .comments_list_items .author_sub_reply .author_thumb {
  flex: 0 0 50px;
}
.blog_classic.blog_details .comments_list_items .author_sub_reply .author_thumb img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.blog_classic.blog_details .comments_list_items .author_sub_reply .author_content {
  border-bottom: 1px solid #0c163620;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog_classic.blog_details .blog_contact_form {
    padding-top: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_classic.blog_details .blog_contact_form {
    padding-right: 0;
    padding-top: 45px;
  }
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_contact_form {
    padding-top: 35px;
    padding-right: 0;
    padding-bottom: 40px;
  }
}
.blog_classic.blog_details .blog_contact_form h4 {
  font-size: 22px;
  margin-bottom: 45px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_contact_form h4 {
    margin-bottom: 35px;
  }
}
.blog_classic.blog_details .blog_contact_form .form_item input, .blog_classic.blog_details .blog_contact_form .form_item textarea {
  width: 100%;
  border: none;
  border-radius: 7px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
  background-color: var(--clr-theme-2);
  height: 70px;
  font-size: 15px;
  font-weight: 400;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .blog_contact_form .form_item input, .blog_classic.blog_details .blog_contact_form .form_item textarea {
    padding: 25px;
  }
}
.blog_classic.blog_details .blog_contact_form .form_item input::placeholder, .blog_classic.blog_details .blog_contact_form .form_item textarea::placeholder {
  color: var(--clr-body-text);
  font-size: 15px;
  font-weight: 400;
}
.blog_classic.blog_details .blog_contact_form .form_item input:focus, .blog_classic.blog_details .blog_contact_form .form_item textarea:focus {
  border: 2px solid var(--clr-theme-1);
  background-color: var(--clr-common-sada);
  padding-left: 18px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .blog_contact_form .form_item input:focus, .blog_classic.blog_details .blog_contact_form .form_item textarea:focus {
    padding: 23px;
  }
}
.blog_classic.blog_details .blog_contact_form .form_item input:focus::placeholder, .blog_classic.blog_details .blog_contact_form .form_item textarea:focus::placeholder {
  opacity: 0;
  transition: 0.2s ease-in-out;
}
.blog_classic.blog_details .blog_contact_form .form_item textarea {
  height: 150px;
  padding-top: 20px;
  margin-bottom: 15px;
}
.blog_classic.blog_details .blog_contact_form .form_item textarea:focus {
  padding-top: 18px;
  padding-left: 18px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .blog_contact_form .form_item textarea:focus {
    padding: 23px;
    padding-top: 18px;
  }
}
.blog_classic.blog_details .blog_contact_form button {
  background: var(--clr-theme-1);
  width: 170px;
  height: 50px;
  border-radius: 7px;
  color: var(--clr-common-sada);
  font-size: 15px;
  font-weight: 600;
  border: 2px solid var(--clr-theme-1);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.blog_classic.blog_details .blog_contact_form button i {
  font-size: 18px;
  display: inline-block;
  transform: translateY(4px);
}
.blog_classic.blog_details .blog_contact_form button:hover {
  background-color: transparent;
  border: 2px solid #00142d1f;
  color: #212529;
  transition: 0.3s ease-in;
}
.blog_classic.blog_details .blog_contact_form button:focus {
  box-shadow: none;
}
.blog_classic.blog_details .blog_contact_form .form_check {
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_contact_form .form_check {
    display: flex;
  }
}
.blog_classic.blog_details .blog_contact_form .form_check label {
  color: var(--clr-body-text);
  padding-left: 5px;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_contact_form .form_check label {
    padding-left: 10px;
  }
}
.blog_classic.blog_details .blog_contact_form .form_check .form-check-input {
  margin-top: 5px;
  border: 2px solid #8b8c9a;
}
@media (max-width: 767px) {
  .blog_classic.blog_details .blog_contact_form .form_check .form-check-input {
    flex: 0 0 1em;
    margin-top: 3px;
  }
}
.blog_classic.blog_details .blog_contact_form .form_check .form-check-input:checked {
  background-color: var(--clr-theme-1);
  border-color: var(--clr-theme-1);
}
.blog_classic.blog_details .blog_contact_form .form_check .form-check-input:focus {
  border-color: var(--clr-theme-1);
  box-shadow: 0 0 0 0.25rem #fd4a3625;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_classic.blog_details .sidebar_area {
    padding-top: 60px;
  }
}

/*
************
*************************
17. Team
******************************************************* 
*************************************************************** */
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_area .team_title {
    text-align: left !important;
  }
}
.team_area .team_title h2 {
  font-size: 46px;
  font-weight: 800;
}
.team_area .team_title p {
  line-height: 26px;
  margin-bottom: 45px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_area .team_title p {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_area .team_title p br {
    display: none;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team_area:is(.pt-55) {
    padding-top: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team_area .team_member_profile {
    padding-bottom: 30px;
  }
}
.team_area .team_member_profile .repto_member_info h5 {
  font-weight: 700;
  margin-bottom: 10px;
}
.team_area .team_member_profile .repto_member_info h5 a {
  text-decoration: none;
}
.team_area .team_member_profile .repto_member_info h5 a:hover {
  color: var(--clr-theme-1);
}
.team_area .team_member_profile .repto_member_info p {
  line-height: 15px;
  font-size: 15px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_area .team_member_profile .repto_member_info:is(.pt-25) {
    padding-top: 15px;
  }
  .team_area .team_member_profile .repto_member_info:is(.text-center) {
    text-align: left !important;
  }
}
.team_area .team_member_profile .repto_team_img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  position: relative;
}
.team_area .team_member_profile .repto_team_img::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  z-index: 1;
  content: "";
  opacity: 0.85;
  position: absolute;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  background-color: #00142d70;
  border-radius: 5px;
  pointer-events: none;
}
.team_area .team_member_profile .repto_team_img:hover {
  border-radius: 5px;
}
.team_area .team_member_profile .repto_team_img:hover:after {
  height: 100%;
}
.team_area .team_member_profile .repto_team_img:hover .repto_team_member_social_action {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.team_area .team_member_profile .repto_team_img:hover img {
  transform: scale(1.08);
  border-radius: 5px;
}
.team_area .team_member_profile .repto_team_img a {
  display: block;
}
.team_area .team_member_profile .repto_team_img .repto_team_member_social_action {
  position: absolute;
  bottom: -100%;
  display: block;
  margin: 20px auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
  transition-duration: 0.5s;
  z-index: 2;
}
.team_area .team_member_profile .repto_team_img .repto_team_member_social_action:hover {
  bottom: 0px;
}
.team_area .team_member_profile .repto_team_img .repto_team_member_social_action a {
  height: 34px;
  width: 34px;
  line-height: 34px;
  margin: 0 5px;
  background-color: var(--clr-common-sada);
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  color: var(--clr-body-heading);
  font-size: 12px;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.team_area .team_member_profile .repto_team_img .repto_team_member_social_action a:hover {
  background: var(--clr-theme-1);
}
.team_area .team_member_profile .repto_team_img .repto_team_member_social_action a:hover i {
  color: var(--clr-common-sada);
}
.team_area .team_member_profile .repto_team_img .repto_team_member_social_action a:hover:before {
  height: 100%;
  color: var(--clr-theme-1);
}
.team_area .team_member_profile .repto_team_img .repto_team_member_social_action a:before {
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  bottom: auto;
  z-index: -1;
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  color: transparent;
}
.team_area .team_member_profile .repto_team_img img {
  border-radius: 5px;
  width: 100%;
}
.team_area .view_reviews_btn a {
  display: inline-block;
  height: 52px;
  padding: 10px 33px;
}
.team_area .view_reviews_btn a i {
  position: relative;
  top: 5px;
  font-size: 20px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_area .view_reviews_btn:is(.pt-40) {
    padding-top: 0px;
    text-align: left !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_area:is(.pt-45) .col-sm-6:nth-child(4) .team_member_profile, .team_area:is(.pt-45) .col-sm-6:nth-child(5) .team_member_profile {
    padding-bottom: 0;
  }
}

.team_area.team_page {
  padding-top: 115px;
}
.team_area.team_page .team_title {
  padding-bottom: 35px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_area.team_page .team_title {
    padding-bottom: 30px;
  }
}
.team_area.team_page .team_title h2 {
  padding-top: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team_area.team_page .team_title h2 {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_area.team_page .team_title h2 {
    margin-bottom: 0;
  }
}
.team_area.team_page .team_member_profile .repto_member_info p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .team_area.team_page :is(.pt-65) {
    padding-top: 0;
  }
  .team_area.team_page :is(.pt-65) :is(.col-sm-6):last-child .team_member_profile {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team_area.team_page :is(.pt-65) {
    padding-top: 0;
  }
  .team_area.team_page :is(.pt-65) :is(.col-sm-6):nth-child(3) .team_member_profile, .team_area.team_page :is(.pt-65) :is(.col-sm-6):nth-child(4) .team_member_profile {
    padding-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team_area.team_page .team_member_profile {
    padding-bottom: 45px;
  }
}

/*
************
*************************
18. Team Details
******************************************************* 
*************************************************************** */
.team_details .details_sidebar {
  filter: drop-shadow(0px 20px 25px #0f0d1d20);
  background: var(--clr-common-sada);
  border-radius: 5px;
  padding: 10px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_details .details_sidebar {
    margin-bottom: 60px;
  }
}
.team_details .details_sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.team_details .details_sidebar ul li {
  height: 70px;
  display: flex;
  align-items: center;
  flex-direction: row;
  transition: 0.3s ease-in-out;
}
.team_details .details_sidebar ul li.active {
  background: var(--clr-theme-2);
}
.team_details .details_sidebar ul li.active .sidebar_skill h5 {
  color: var(--clr-theme-1);
}
.team_details .details_sidebar ul li:hover {
  background: var(--clr-theme-2);
}
.team_details .details_sidebar ul li:hover .sidebar_skill h5 {
  color: var(--clr-theme-1);
}
.team_details .details_sidebar ul li a {
  width: 100%;
  padding: 14px 0px;
  text-decoration: none;
}
.team_details .details_sidebar ul li a .sidebar_skill {
  padding-left: 30px;
}
.team_details .details_sidebar ul li a .sidebar_skill h5 {
  transition: 0.3s ease-in-out;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: var(--clr-body-heading);
  margin-bottom: 0;
}
.team_details .details_sidebar ul li a .sidebar_skill span {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_details .details_profile {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team_details .details_profile .details_profile_img {
    height: 460px;
  }
}
.team_details .details_profile .details_profile_img img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_details .col-tablet {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .team_details .details_profile_info {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team_details .details_profile_info {
    padding-top: 50px;
  }
}
.team_details .details_profile_info .profile_info_title h5 {
  padding-top: 10px;
  font-weight: 700;
  margin-bottom: 0;
}
.team_details .details_profile_info .profile_info_address {
  padding-top: 25px;
}
.team_details .details_profile_info .profile_info_address ul {
  list-style: none;
}
.team_details .details_profile_info .profile_info_address ul li a {
  text-decoration: none;
  color: var(--clr-body-heading);
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.team_details .details_profile_info .profile_info_address ul li a i {
  font-size: 17px;
  padding-right: 10px;
}
.team_details .details_profile_info .profile_info_address ul li a:hover {
  color: var(--clr-theme-1);
}
.team_details .details_profile_info .profile_info_address ul li:last-child {
  padding-top: 5px;
}
.team_details .details_profile_info .profile_info_skill {
  padding-top: 30px;
}
.team_details .details_profile_info .profile_info_skill h6 {
  font-weight: 700;
  margin-bottom: 10px;
}
.team_details .details_profile_info .profile_info_skill ul {
  list-style: none;
}
.team_details .details_profile_info .profile_info_skill ul li {
  color: var(--clr-body-heading);
  font-weight: 500;
  font-size: 15px;
  padding-bottom: 6px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.team_details .details_profile_info .profile_info_skill ul li:before {
  content: "";
  background: var(--clr-common-kalo);
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 100%;
  left: 0;
}
.team_details .details_profile_info .person_signature {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_details .biography_content:is(.pt-60) {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team_details .biography_content:is(.pt-60) {
    padding-top: 45px;
  }
}
.team_details .biography_content h2 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_details .biography_content h2 {
    font-size: 35px;
  }
}
.team_details .biography_content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_details .biography_content p {
    font-size: 17px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .team_details .biography_content p {
    font-size: 16px;
  }
}
.team_details .biography_content p:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}

.profile_social {
  padding-top: 30px;
  display: flex;
}
.profile_social a {
  width: 35px;
  height: 35px;
  background: var(--clr-theme-2);
  display: flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  border-radius: 5px;
}
.profile_social a i {
  font-size: 12px;
  font-weight: 700;
  transition: 0.3s;
}
.profile_social a:hover {
  color: var(--clr-theme-1);
}
.profile_social a:hover i {
  transform: rotate(360deg);
}

/*
************
*************************
19. Case Study
******************************************************* 
*************************************************************** */
.case_study {
  background: var(--clr-theme-2);
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .case_study:is(.pt-110) {
    padding-top: 115px;
  }
}
.case_study .case_shape_1 {
  background-image: url(../img/case_study/case_shape_01.png);
  width: 245px;
  height: 61px;
  position: absolute;
  top: 0px;
  right: 175px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .case_study .case_shape_1 {
    right: 0;
  }
}
.case_study .case_shape_2 {
  background-image: url(../img/case_study/case_shape_02.png);
  width: 204px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  left: 13%;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .case_study .case_shape_2 {
    left: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .case_study .case_study_title {
    text-align: left !important;
  }
}
.case_study .case_study_title h2 {
  font-size: 46px;
  font-weight: 800;
  line-height: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study .case_study_title h2 {
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study .case_study_title h2 {
    line-height: 45px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .case_study .case_study_title h2 {
    line-height: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study .case_study_title h2 br {
    display: none;
  }
}
.case_study .case_study_title p {
  margin-bottom: 35px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .case_study .case_study_title p {
    margin-bottom: 25px;
  }
}
.case_study .case_swiper_pagination {
  line-height: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study .case_swiper_pagination {
    padding-top: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study .case_swiper_pagination {
    padding-top: 25px;
  }
}
.case_study .case_swiper_pagination .swiper-pagination-bullet {
  margin: 0px 4px;
  width: 10px;
  height: 10px;
  background: #d9d5d5;
  opacity: 1;
}
.case_study .case_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--clr-theme-1);
}

.case_study_carousel {
  display: flex;
  align-items: center;
}
.case_study_carousel .case_study_single {
  width: 100%;
  padding: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .case_study_carousel .case_study_single {
    padding: 10px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_carousel .case_study_single {
    padding: 10px;
    border: 2px solid var(--clr-common-sada);
    margin: 0 10px;
    border-radius: 5px;
  }
}
@media (max-width: 767px) {
  .case_study_carousel .case_study_single {
    height: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .case_study_carousel .case_study_single {
    height: 100%;
  }
}
.case_study_carousel .case_study_single img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case_study_carousel.swiper-slide.swiper-slide-active {
  border-radius: 5px;
  border: 2px solid var(--clr-common-sada);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .case_study_carousel.swiper-slide.swiper-slide-active {
    border: none;
  }
}

/* Home-3 Css Start */
.portfolio_area {
  padding-top: 115px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_area .section_title {
    text-align: left !important;
    margin-bottom: 20px;
  }
}
.portfolio_area .section_title h2 {
  font-size: 46px;
  font-weight: 800;
  padding-top: 10px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_area .section_title h2 {
    padding-top: 15px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_area .portfolio_wrapper .portfolio_nav {
    text-align: left !important;
    margin-bottom: 25px;
  }
}
.portfolio_area .portfolio_wrapper .portfolio_nav button {
  border: none;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 16px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_area .portfolio_wrapper .portfolio_nav button {
    padding: 5px;
  }
}
.portfolio_area .portfolio_wrapper .portfolio_nav button.active {
  color: var(--clr-theme-1);
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_area .portfolio_wrapper .portfolio_items :is(.portfolio_last_item) {
    margin-top: 30px;
  }
}
.portfolio_area .portfolio_wrapper .portfolio_item {
  position: relative;
  overflow: hidden;
}
.portfolio_area .portfolio_wrapper .portfolio_item:before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  z-index: 7;
  content: "";
  opacity: 0.85;
  position: absolute;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  background-color: #2A81E0;
  border-radius: 5px;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner a {
  display: block;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .item_img {
  position: relative;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .item_img:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  background: linear-gradient(to top, rgba(0, 20, 45, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);
  z-index: 1;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .item_img img {
  border-radius: 5px;
  width: 100%;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .item_img i {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover {
  position: absolute;
  padding: 28px 40px;
  bottom: 0;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  z-index: 6;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover {
    padding: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover {
    padding: 55px 35px;
  }
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title a, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover a {
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: var(--clr-common-sada);
  text-decoration: none;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title a:hover, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover a:hover {
  color: var(--clr-theme-1);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title a, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover a {
    font-size: 20px;
  }
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title span, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover span {
  color: var(--clr-common-sada);
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title span, .portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover span {
    font-size: 15px;
  }
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_title_hover {
  top: -30%;
  bottom: inherit;
  z-index: 8;
  transition: 0.6s ease-in-out;
  visibility: hidden;
  left: 40px;
  padding-left: 0;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_right_angle {
  width: 48px;
  height: 48px;
  background: var(--clr-common-sada);
  display: flex;
  position: absolute;
  bottom: 30px;
  left: -30%;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  z-index: 7;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s ease-in-out;
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_right_angle:hover {
  background: var(--clr-theme-1);
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_right_angle:hover i {
  color: var(--clr-common-sada);
}
.portfolio_area .portfolio_wrapper .portfolio_item .portfolio_item_inner .portfolio_right_angle i {
  color: #2A81E0;
  font-weight: 500;
  transition: 0.6s ease-in-out;
}
.portfolio_area .portfolio_wrapper .portfolio_item:hover {
  border-radius: 5px;
}
.portfolio_area .portfolio_wrapper .portfolio_item:hover:before {
  height: 100%;
}
.portfolio_area .portfolio_wrapper .portfolio_item:hover .portfolio_item_inner .portfolio_title {
  visibility: hidden;
  bottom: -30%;
}
.portfolio_area .portfolio_wrapper .portfolio_item:hover .portfolio_item_inner .portfolio_title_hover {
  top: 20px;
  visibility: visible;
}
.portfolio_area .portfolio_wrapper .portfolio_item:hover .portfolio_item_inner .item_img img {
  transform: scale(1.08);
}
.portfolio_area .portfolio_wrapper .portfolio_item:hover .portfolio_right_angle {
  visibility: visible;
  opacity: 1;
  left: 40px;
}

/*
************
*************************
20. Portfolio Details
******************************************************* 
*************************************************************** */
.portfolio_details .portfolio_details_left img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portfolio_details .portfolio_details_right {
  padding-left: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .portfolio_details .portfolio_details_right {
    padding-left: 50px;
  }
}
@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) {
  .portfolio_details .portfolio_details_right {
    padding-left: 10px;
    padding-top: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .portfolio_details_right {
    padding-left: 0;
    padding-top: 35px;
  }
}
.portfolio_details .portfolio_details_right .brand_title h2 {
  font-size: 40px;
  font-weight: 700;
  transform: translateY(-10px);
  line-height: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_details .portfolio_details_right .brand_title h2 {
    font-size: 38px !important;
    line-height: 1.2;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .portfolio_details_right .brand_title h2 {
    font-size: 35px;
    transform: translateY(0px);
    line-height: normal;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_details .portfolio_details_right .brand_title h2 br {
    display: none;
  }
}
.portfolio_details .portfolio_details_right .project_name {
  padding-top: 10px;
}
.portfolio_details .portfolio_details_right .project_name h5 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 700;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .portfolio_details_right .project_name h5 {
    font-size: 17px;
  }
}
.portfolio_details .portfolio_details_right .project_name p {
  color: var(--clr-body-heading);
  font-size: 15px;
  margin-bottom: 0;
}
.portfolio_details .portfolio_details_right .project_customer, .portfolio_details .portfolio_details_right .project_tag {
  padding-top: 20px;
}
.portfolio_details .portfolio_details_right .project_description {
  padding-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_details .portfolio_details_right .project_description {
    padding-top: 30px;
  }
}
.portfolio_details .portfolio_details_right .project_description h5 {
  font-size: 22px;
  font-weight: 700;
}
.portfolio_details .portfolio_details_right .project_description p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_details .portfolio_details_right .project_description p {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .portfolio_details_right .project_description p {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .pagination_area:is(.pt-100) {
    padding-top: 60px;
  }
}
.portfolio_details .pagination_area .pagination_inner {
  border-top: 1px solid #0c163615;
  border-bottom: 1px solid #0c163615;
  padding: 45px 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .pagination_area .pagination_inner {
    padding: 35px 0;
  }
}
.portfolio_details .pagination_area .pagination_inner .pagination_arrow {
  display: flex;
}
.portfolio_details .pagination_area .pagination_inner .pagination_arrow a {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 18px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .pagination_area .pagination_inner .pagination_arrow a {
    font-size: 16px;
  }
}
.portfolio_details .pagination_area .pagination_inner .pagination_arrow a i {
  padding-right: 12px;
  font-size: 30px;
  line-height: 16px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .portfolio_details .pagination_area .pagination_inner .pagination_arrow a i {
    font-size: 24px;
    transform: translateY(1px);
  }
}
.portfolio_details .pagination_area .pagination_inner .pagination_arrow a i.arrow_right {
  padding-left: 12px;
  padding-right: 0;
}
.portfolio_details .pagination_area .pagination_inner .pagination_arrow a:hover {
  color: var(--clr-theme-1);
}

/*
************
*************************
21. Skill Bar
******************************************************* 
*************************************************************** */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skillbar_main :is(.col-xxl-5.p-0) {
    display: flex;
    align-items: center !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .skillbar_main :is(.col-xxl-5.p-0) {
    padding-right: calc(var(--bs-gutter-x) / 2) !important;
    padding-left: calc(var(--bs-gutter-x) / 2) !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .skillbar_main :is(.align-items-center.pe-0) {
    padding-right: calc(var(--bs-gutter-x) / 2) !important;
  }
}

.skill_progress_single span {
  font-size: 16px;
  color: var(--clr-body-heading);
  font-weight: 400;
}
.skill_progress_single .progress:is(.skill_progress) {
  margin-top: 7px;
  height: 6px;
  background-color: #f1f5f8;
}
.skill_progress_single .progress:is(.skill_progress) .progress-bar:is(.theme-1) {
  background-color: var(--clr-theme-1);
  border-radius: 5px;
}
.skill_progress_single .progress_value {
  float: right;
}

.skill_item_left {
  position: relative;
  height: 100%;
}
.skill_item_left img {
  border-radius: 5px;
  margin-left: 15px;
  object-fit: cover;
  height: 100%;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill_item_left img {
    margin-left: 0;
    width: 100%;
  }
}
.skill_item_left::before {
  content: "";
  background-image: url(../img/skillbar/skill_shape2.png);
  width: 209px;
  height: 261px;
  position: absolute;
  bottom: 90px;
  left: -85px;
  z-index: -99;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill_item_left::before {
    bottom: 35px;
  }
}

.skill_item_right {
  padding-left: 97px;
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .skill_item_right {
    padding-left: 0px;
    padding-top: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill_item_right .skill_item_wrapper {
    padding-right: 0px;
    margin-bottom: 0;
    margin-top: 25px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .skill_item_right .skill_item_wrapper {
    padding-right: 0px;
    margin-bottom: 0;
  }
}
.skill_item_right .skill_shape1 {
  background-image: url(../img/features/feature_shape_1.png);
  width: 40px;
  height: 37px;
  position: absolute;
  top: -95px;
  right: -100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .skill_item_right .skill_shape1 {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill_item_right .skill_shape1 {
    top: -75px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .skill_item_right .skill_shape1 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .skill_item_right .skill_shape1 {
    top: -95px;
    right: -100px;
  }
}
.skill_item_right h2 {
  font-size: 46px;
  font-weight: 800;
  line-height: 52px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .skill_item_right h2 {
    padding-top: 0;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skill_item_right h2 {
    padding-top: 0;
    line-height: 45px;
    font-size: 33px !important;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .skill_item_right h2 {
    padding-top: 30px;
    line-height: 35px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .skill_item_right h2 br {
    display: none;
  }
}
.skill_item_right p {
  margin-bottom: 0;
}

/*
************
*************************
22. Faq
******************************************************* 
*************************************************************** */
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area {
    padding-top: 115px;
  }
  .faq_area :is(.pr-70) {
    padding-right: calc(var(--bs-gutter-x) / 2);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq_area :is(.pr-70) {
    padding-right: 50px;
  }
}
.faq_area .home3_faq_shape1 {
  background-image: url(../img/faq/home3_faq_shape1.png);
  width: 179px;
  height: 100px;
  position: absolute;
  top: 0px;
  left: 0;
}
.faq_area .faq_wrapper_main {
  left: inherit;
  right: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .faq_area .faq_wrapper_main {
    padding-top: 50px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area .about_right_content {
    padding-top: 0;
  }
}
.faq_area .about_right_content p {
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_area .about_right_content .faq_content_wrap {
    padding-bottom: 50px;
  }
}

.faq_accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.faq_accordion .accordion-button:after {
  right: 0;
  top: 14px;
  width: 50px;
  height: 50px;
  content: "+";
  line-height: 50px;
  position: absolute;
  text-align: center;
  border-radius: 100%;
  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  font-family: "Font Awesome 6 Free";
  background-image: none;
  font-weight: 900;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .faq_accordion .accordion-button:after {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 10px;
    height: auto;
    width: auto;
    line-height: inherit;
    top: 0;
  }
}
.faq_accordion .accordion-button:not(.collapsed):after {
  content: "\f068";
  transform: rotate(360deg);
}
.faq_accordion .accordion_item button:is(.accordion-button) {
  background-color: var(--clr-theme-1);
  color: var(--clr-common-sada);
  font-size: 16px;
  font-weight: 600;
  padding: 26px 39px;
  border-radius: 5px 5px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq_accordion .accordion_item button:is(.accordion-button) {
    padding: 20px 24px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .faq_accordion .accordion_item button:is(.accordion-button) {
    padding: 20px 25px;
  }
}
.faq_accordion .accordion_item button:is(.accordion-button):focus {
  box-shadow: none;
  border-color: none;
}
.faq_accordion .accordion_item button:is(.accordion-button.collapsed) {
  background-color: var(--clr-common-sada);
  color: var(--clr-body-heading);
  border-radius: 5px;
}
.faq_accordion .accordion_item .accordion-collapse {
  background: var(--clr-common-sada);
  border-radius: 5px;
}
.faq_accordion .accordion_item .accordion-collapse .accordion-body {
  padding: 39px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq_accordion .accordion_item .accordion-collapse .accordion-body {
    padding: 24px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .faq_accordion .accordion_item .accordion-collapse .accordion-body {
    padding: 25px;
  }
}

/*
************
*************************
23. Feedback
******************************************************* 
*************************************************************** */
.feedback_area {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feedback_area {
    padding-top: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback_area {
    padding-top: 112px;
  }
}
@media (max-width: 767px) {
  .feedback_area {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback_area {
    padding-top: 112px;
  }
}
.feedback_area .feedback_title h2 {
  font-size: 46px;
  font-weight: 800;
  line-height: 52px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback_area .feedback_title h2 {
    line-height: 1.2;
  }
}
.feedback_area .feedback_shape1 {
  background-image: url(../img/testimonial/feedback_shape1.png);
  width: 301px;
  height: 301px;
  position: absolute;
  bottom: 65px;
  right: 14.2%;
  z-index: -9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback_area .feedback_shape1 {
    bottom: 65px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback_area .feedback_shape1 {
    left: 0;
    right: 0;
    bottom: 70px;
    margin: 0 auto;
  }
}
.feedback_area .customer_rating {
  margin-bottom: 10px;
}
.feedback_area .customer_rating i {
  color: #ffbd02;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback_area .feedback_carousel {
    padding-top: 50px;
  }
}
.feedback_area .feedback_rating_area p {
  margin-bottom: 40px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .feedback_area .feedback_rating_area p {
    margin-bottom: 20px;
  }
}
.feedback_area .feedback_rating_area p b {
  color: #0c1636;
  padding-right: 5px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback_area .feedback_left_content {
    padding-top: 0px;
  }
}
.feedback_area .feedback_left_content p {
  padding-right: 60px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .feedback_area .feedback_left_content p {
    padding-right: 0px;
  }
}
.feedback_area .feedback_left_content .view_reviews_btn a {
  height: 50px;
  display: flex;
  width: 190px;
  padding: 10px 25px;
  align-items: center;
  justify-content: center;
}
.feedback_area .feedback_left_content .view_reviews_btn a i {
  font-size: 20px;
  position: relative;
  left: 5px;
}
.feedback_area .feedback_right_carousel .carousel_section_single {
  padding: 49px 46px;
  margin: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feedback_area .feedback_right_carousel .carousel_section_single {
    padding: 35px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .feedback_area .feedback_right_carousel .carousel_section_single {
    padding: 35px 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .feedback_area .feedback_right_carousel .carousel_section_single .carousel_img {
    padding-top: 10px;
  }
}
.feedback_area .feedback_right_carousel .carousel_section_single .carousel_content {
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback_area .feedback_right_carousel .carousel_section_single .carousel_content {
    padding: 0px;
    margin-top: 0;
  }
}
.feedback_area .feedback_right_carousel .carousel_section_single .carousel_content::before {
  content: "";
  position: absolute;
  top: -40px;
  left: -15px;
  background-image: url("../img/testimonial/quote_icon.png");
  background-repeat: no-repeat;
  width: 76px;
  height: 72px;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feedback_area .feedback_right_carousel .carousel_section_single .carousel_content::before {
    left: -10px;
  }
}
@media (max-width: 767px) {
  .feedback_area .feedback_right_carousel .carousel_section_single .carousel_content::before {
    top: -5px;
  }
}
.feedback_area .feedback_right_carousel .carousel_section_single .carousel_content p {
  line-height: 32px;
}
.feedback_area .feedback_swiper_pagination {
  padding-left: 45px;
  padding-top: 50px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feedback_area .feedback_swiper_pagination {
    padding-left: 0;
    text-align: center;
    padding-top: 20px;
  }
}
.feedback_area .feedback_swiper_pagination span {
  width: 10px;
  height: 10px;
  margin: 0px 5px;
}
.feedback_area .feedback_swiper_pagination span.swiper-pagination-bullet-active {
  background: var(--clr-theme-1);
}
.feedback_area .feedback_swiper_pagination:is(.feed-pagination2) {
  padding-top: 15px;
}

/* home-3 client logo Css start */
.client_section .client_title h2 {
  font-size: 20px;
  font-weight: 700;
  color: #0c1636;
  line-height: 28px;
  margin-bottom: 55px;
}
@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_section .client_title h2 {
    font-size: 24px;
    line-height: 1.2;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .client_section .client_title h2 {
    margin-bottom: 35px;
  }
  .client_section .client_title h2 br {
    display: none;
  }
}
.client_section .client_carousel {
  padding: 15px 0;
  padding-bottom: 0;
}
.client_section .client_carousel .client_logo img {
  filter: grayscale(100%);
  transition: 0.3s;
  opacity: 0.6;
  cursor: pointer;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .client_section .client_carousel .client_logo {
    text-align: center;
  }
}
.client_section .client_carousel .client_logo:hover img {
  transform: translateY(-10px);
  opacity: 1;
}

.feedback_carousel {
  filter: drop-shadow(0px 50px 80px #0f0d1d15);
  z-index: 9;
  border-radius: 5px;
}

.testimonial3 .feedback_right_carousel .carousel_section_single {
  filter: inherit !important;
  margin: 0;
}
.testimonial3 .feedback_title h2 {
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial3 .feedback_title h2 {
    padding-top: 0px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial3 .feedback_title h2 {
    padding-top: 15px;
  }
}

/* home-3 client logo Css End */
/*
************
*************************
24. Contact
******************************************************* 
*************************************************************** */
.contact_area {
  background: var(--clr-theme-2);
  position: relative;
}
.contact_area .boxshadow {
  filter: drop-shadow(0px 0px 40px #0f0d1d12);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .contact_area .boxshadow :is(.col-xxl-7.pe-0) {
    padding: 0 !important;
  }
  .contact_area .boxshadow :is(.col-xxl-5.ps-0) {
    padding: 0 !important;
  }
}
.contact_area .contact_shape1 {
  background-image: url(../img/contact/home2_contact_shape1.png);
  width: 153px;
  height: 60px;
  position: absolute;
  top: 60px;
  left: 20%;
}
@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_area .contact_shape1 {
    top: 10px;
    left: -35px;
    height: 114px;
  }
}
@media (max-width: 767px) {
  .contact_area .contact_shape1 {
    display: none;
  }
}
.contact_area .contact_shape2 {
  background-image: url(../img/contact/home2_contact_shape2.png);
  width: 475px;
  height: 390px;
  position: absolute;
  bottom: 17%;
  left: -105px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .contact_area .contact_shape2 {
    display: none;
  }
}
.contact_area .contact_shape3 {
  background-image: url(../img/contact/home2_contact_shape3.png);
  width: 148px;
  height: 32px;
  position: absolute;
  bottom: -33px;
  right: 0;
}
@media 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: 1200px) and (max-width: 1399px) {
  .contact_area .contact_shape3 {
    bottom: -32px;
    right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_shape3 {
    bottom: -32px;
  }
}
@media (max-width: 767px) {
  .contact_area .contact_shape3 {
    display: none;
  }
}
.contact_area .contact_shape4 {
  background-image: url(../img/contact/home2_contact_shape4.png);
  width: 74px;
  height: 96px;
  position: absolute;
  bottom: 55%;
  left: -15px;
}
@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_area .contact_shape4 {
    left: auto;
    right: 25px;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .contact_area .contact_shape4 {
    display: none;
  }
}
.contact_area .contact_shape5 {
  background-image: url(../img/contact/home2_contact_shape5.png);
  width: 375px;
  height: 330px;
  position: absolute;
  top: 20%;
  right: 0px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .contact_area .contact_shape5 {
    display: none;
  }
}
.contact_area .bg-area {
  background: var(--clr-common-sada);
}
.contact_area .contact_left_main {
  border-radius: 5px 0 0 5px;
  height: 100%;
  padding: 50px 0 110px 50px;
  z-index: 99;
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .contact_area .contact_left_main {
    padding: 25px;
    border-radius: 0;
    padding-bottom: 55px;
  }
  .contact_area .contact_left_main :is(.pr-5) {
    padding-right: calc(var(--bs-gutter-x) / 2);
  }
}
.contact_area .contact_left_main .get_touch_title h2 {
  font-size: 50px;
  font-weight: 800;
  line-height: 52px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_left_main .get_touch_title h2 {
    line-height: 1.2;
  }
}
@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_area .contact_left_main .get_touch_title h2 br {
    display: none;
  }
}
.contact_area .contact_left_main .get_touch_title p {
  margin-bottom: 40px;
  font-weight: 500;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_left_main .get_touch_title p {
    margin-bottom: 20px;
  }
}
.contact_area .contact_left_main .form_item input, .contact_area .contact_left_main .form_item textarea {
  width: 100%;
  border: none;
  border-radius: 7px;
  padding-left: 30px;
  margin-bottom: 20px;
  background-color: var(--clr-theme-2);
  height: 50px;
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_left_main .form_item input, .contact_area .contact_left_main .form_item textarea {
    padding: 25px;
  }
}
.contact_area .contact_left_main .form_item input::placeholder, .contact_area .contact_left_main .form_item textarea::placeholder {
  color: #767d87;
  opacity: 1;
}
.contact_area .contact_left_main .form_item input:focus, .contact_area .contact_left_main .form_item textarea:focus {
  border: 2px solid var(--clr-theme-1);
  background-color: var(--clr-common-sada);
  padding-left: 28px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_left_main .form_item input:focus, .contact_area .contact_left_main .form_item textarea:focus {
    padding: 23px;
  }
}
.contact_area .contact_left_main .form_item input:focus::placeholder, .contact_area .contact_left_main .form_item textarea:focus::placeholder {
  opacity: 0;
  -moz-opacity: 0;
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}
.contact_area .contact_left_main .form_item textarea {
  height: 150px;
  padding-top: 20px;
  margin-bottom: 15px;
  resize: none;
}
.contact_area .contact_left_main .form_item textarea:focus {
  padding-top: 18px;
  padding-left: 28px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_left_main .form_item textarea:focus {
    padding: 23px;
    padding-top: 18px;
  }
}
.contact_area .contact_left_main button {
  background: var(--clr-theme-1);
  width: 170px;
  height: 54px;
  border-radius: 7px;
  color: var(--clr-common-sada);
  font-size: 15px;
  font-weight: 500;
  border: 2px solid var(--clr-theme-1);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.contact_area .contact_left_main button i {
  font-size: 18px;
  display: inline-block;
  transform: translateY(4px);
}
.contact_area .contact_left_main button:hover {
  background-color: transparent;
  border: 2px solid #00142d1f;
  color: #212529;
  transition: 0.3s ease-in;
}
.contact_area .contact_right_main {
  height: 100%;
  border-radius: 0 5px 5px 0;
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .contact_area .contact_right_main:is(.pl-60) {
    padding-left: 0;
  }
}
.contact_area .contact_right_main .contact_info_wrapper {
  background: var(--clr-theme-1);
  height: 100%;
  padding: 40px;
  border-radius: 0 5px 5px 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .contact_area .contact_right_main .contact_info_wrapper {
    padding: 50px 25px;
    border-radius: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (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) {
  .contact_area .contact_right_main .contact_info_wrapper .contact_info_title {
    padding-top: 0;
  }
}
.contact_area .contact_right_main .contact_info_wrapper .contact_info_title h2 {
  color: var(--clr-common-sada);
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_right_main .contact_info_wrapper .contact_info_title h2 {
    line-height: 42px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact_area .contact_right_main .contact_info_wrapper .contact_info_title h2 {
    line-height: 20px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_area .contact_right_main .contact_info_wrapper .contact_info_title h2 br {
    display: none;
  }
}
.contact_area .contact_right_main .contact_info_wrapper .widgets_single {
  background: var(--clr-common-sada);
  border-radius: 5px;
  padding: 30px;
  display: flex;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact_area .contact_right_main .contact_info_wrapper .widgets_single {
    display: block;
  }
  .contact_area .contact_right_main .contact_info_wrapper .widgets_single:is(.last-item) {
    margin-bottom: 0;
  }
}
.contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_left_icon {
  width: 50px;
  margin-right: 15px;
  background: var(--clr-theme-2);
  height: 50px;
  border-radius: 100%;
  text-align: center;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_left_icon {
    margin-right: 0;
  }
}
.contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_left_icon svg {
  display: inline-block;
  transform: translateY(50%);
  height: 22px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_right_content {
    margin-top: 20px;
  }
}
.contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_right_content h5 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
}
.contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_right_content a {
  color: var(--clr-body-heading);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}
.contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_right_content a i {
  font-size: 18px;
  position: relative;
  top: 4px;
}
.contact_area .contact_right_main .contact_info_wrapper .widgets_single .widgets_right_content a:hover {
  color: var(--clr-theme-1);
}

.st1 {
  transition: 0.3s;
  fill: none;
  stroke: var(--clr-body-heading);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.repto_gmap_area .repto_gmap_section {
  height: 500px;
}
.repto_gmap_area .repto_gmap_section iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/*
************
*************************
25. Error
******************************************************* 
*************************************************************** */
.error {
  position: relative;
  z-index: 0;
}
.error::after {
  content: "";
  background: var(--clr-theme-2);
  background-image: url(../img/error/error_bg.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.error .error_content {
  position: relative;
  z-index: 1;
}
.error .error_content h2 {
  font-size: 36px;
  font-weight: 700;
  padding-top: 33px;
  padding-bottom: 60px;
  margin-bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .error .error_content h2 {
    font-size: 30px;
    padding-bottom: 35px;
  }
}
.error .error_content .back_btn a {
  height: 54px;
  width: 210px;
}

/*
************
*************************
26. 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 rgba(12, 22, 54, 0.13);
  z-index: 98;
  opacity: 0;
  visibility: hidden;
  color: var(--clr-theme-1);
  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: "\f062";
  font-family: "Font Awesome 6 Free";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  font-weight: 900;
}
.progress-wrap svg path {
  fill: none;
}
.progress-wrap svg.progress-circle path {
  stroke: var(--clr-theme-1);
  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);
}

/*
************
*************************
27. Footer
******************************************************* 
*************************************************************** */
.footer_area {
  background: var(--clr-theme-2);
  position: relative;
  /* Home-2 css Start */ 
  /* Home-2 css End */
}
@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_area .col-12 {
    justify-content: flex-start !important;
    padding-top: 35px;
  }
  .footer_area .col-12:is(.px-0) {
    padding-left: calc(var(--bs-gutter-x) / 2) !important;
    padding-right: calc(var(--bs-gutter-x) / 2) !important;
  }
}
.footer_area .footer_shape1 {
  background-image: url(../img/footer/footer_shape_1.png);
  position: absolute;
  bottom: 40px;
  left: 0px;
  width: 57px;
  height: 220px;
  background-repeat: no-repeat;
}
.footer_area .free_shape5 {
  background-image: url(../img/free_trials/free_shape_05.png);
  position: absolute;
  top: 0px;
  right: 85px;
  width: 145px;
  height: 24px;
  background-repeat: no-repeat;
}
.footer_area .footer_logo p {
  padding-top: 25px;
  line-height: 26px;
  font-size: 18px;
}
.footer_area .footer_service_menu {
  padding-right: 5px;
}
.footer_area .footer_service_menu:is(.pr-25) {
  padding-right: 25px;
}
.footer_area .footer_service_menu h5 {
  font-weight: 700;
  line-height: 19px;
  margin-bottom: 22px;
}
.footer_area .footer_service_menu ul {
  list-style: none;
}
.footer_area .footer_service_menu ul li {
  padding: 6px 0px;
}
.footer_area .footer_service_menu ul li:last-child {
  padding-bottom: 0;
}
.footer_area .footer_service_menu ul li a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .footer_area .footer_service_menu ul li a {
    font-size: 16px;
  }
}
.footer_area .footer_service_menu ul li a i {
  font-size: 14px;
  padding-right: 10px;
}
.footer_area .footer_service_menu ul li a:hover {
  color: var(--clr-theme-1);
}
.footer_area .footer_service_menu ul:is(.footer_effect) a {
  display: inline-block;
}
.footer_area .footer_service_menu ul:is(.footer_effect) a:hover {
  transition: all 0.3s ease-out 0s;
  transform: translateX(5px);
  display: inline-block;
}
.footer_area .footer_service_menu .repto_footer_social a {
  border: 2px solid #75778130;
  padding: 9px 13px;
  border-radius: 5px;
  width: 46px;
  height: 46px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer_area .footer_service_menu .repto_footer_social a {
    margin-right: 5px;
  }
}
.footer_area .footer_service_menu .repto_footer_social a i {
  transition: 0.3s;
}
.footer_area .footer_service_menu .repto_footer_social a:last-child {
  margin-right: 0px;
}
.footer_area .footer_service_menu .repto_footer_social a:hover {
  background: var(--clr-theme-1);
  color: var(--clr-common-sada);
}
.footer_area .footer_service_menu .repto_footer_social a:hover i {
  transform: rotate(360deg);
}
.footer_area .footer_bottom {
  border-top: 1px solid #0c163610;
}
.footer_area .footer_bottom a {
  text-decoration: none;
  color: var(--clr-theme-1);
  font-weight: 600;
}
.footer_area .footer_bottom a:hover {
  color: var(--clr-common-sada);
}
.footer_area .footer_bottom a:hover:is(.home1_ft) {
  color: var(--clr-body-heading);
}
.footer_area .footer_bottom p {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 10px 0;
  line-height: 10px;
}
.footer_area:is(.footer_area_2) {
  background-color: #0c1636;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_area:is(.footer_area_2) .col-12:is(.service_item2) {
    padding-top: 0;
  }
}
.footer_area:is(.footer_area_2) .footer_shape2 {
  background-image: url(footer_shape_2.png);
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 157px;
  height: 229px;
  background-repeat: no-repeat;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer_area:is(.footer_area_2) .footer_shape2 {
    display: none;
  }
}
.footer_area:is(.footer_area_2) .footer_service_menu h5 {
  color: var(--clr-common-sada);
}
.footer_area:is(.footer_area_2) .footer_service_menu:is(.footer_service_2) ul li {
  padding: 4px 0px;
}
.footer_area:is(.footer_area_2) .footer_service_menu ul li a {
  color: #b6b9be;
  font-size: 15px;
  display: inline-block;
}
.footer_area:is(.footer_area_2) .footer_service_menu ul li a:hover {
  color: var(--clr-theme-1);
}
.footer_area:is(.footer_area_2) .footer_service_menu ul:is(.small_blog_list) li {
  padding-top: 18px;
}
.footer_area:is(.footer_area_2) .footer_service_menu ul:is(.footer_effect) a {
  display: inline-block;
}
.footer_area:is(.footer_area_2) .footer_service_menu ul:is(.footer_effect) a:hover {
  transition: all 0.3s ease-out 0s;
  transform: translateX(5px);
  display: inline-block;
}
.footer_area:is(.footer_area_2) .footer_logo p {
  color: var(--clr-common-sada);
  padding-top: 40px;
}
.footer_area:is(.footer_area_2) .footer_logo a {
  display: inline-block;
}
.footer_area:is(.footer_area_2) .footer_bottom {
  border-top: 1px solid #b6b9be10;
}
.footer_area:is(.footer_area_2) .footer_bottom p {
  font-size: 15px;
  color: #7f8092;
  font-weight: 500;
}
.footer_area:is(.footer_area_2) .footer_shape3 {
  background-image: url(footer_shape_3.png);
  position: absolute;
  bottom: 125px;
  right: 0;
  width: 65px;
  height: 182px;
  background-repeat: no-repeat;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer_area:is(.footer_area_2) .footer_shape3 {
    height: 180px;
    bottom: 95px;
  }
}
.footer_area .small_blog a {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 5px;
  overflow: hidden;
}
.footer_area .small_blog a.item_image {
  height: 70px;
  margin-right: 15px;
}
.footer_area .small_blog a img {
  border-radius: 5px;
}
.footer_area .small_blog .item_content {
  font-size: 14px;
}
.footer_area .small_blog .item_content h4 {
  margin-bottom: 3px;
}
.footer_area .small_blog .item_content h4.item_title {
  width: 186px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer_area .small_blog .item_content h4.item_title {
    width: auto;
  }
}
.footer_area .small_blog:hover .item_image img {
  transform: scale(1.08);
}

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