/*
 Theme Name:     TRoo Solar Divi Theme
 Theme URI:      https://troosolardivi.troothemes.com/
 Description:    The Divi TRoo Solar Child Theme is a customizable and visually stunning WordPress theme designed specifically for websites related to solar energy, renewable energy.
 Author:         TRooThemes
 Author URI:     https://troothemes.com/
 Template:       Divi
 Version:        1.1.1
*/

/* Theme customization starts here */

/* ------ Root Color ------ */

:root {
  --color1: #0FA00F;
  --color2: #232323;
}

/*General*/

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.et-waypoint:not(.et_pb_counters) {
  opacity: 1 !important;
}

.slr_url .et_pb_blurb_content .et_pb_blurb_description a {
  color: var(--color1);
  font-weight: 600;
  padding-bottom: 5px;
  position: relative;
}

.slr_url .et_pb_blurb_content .et_pb_blurb_description a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: var(--color1);
  border-radius: 10px;
}

/*Section Title*/

.slr_stroke_text.fm h4 {
  font-size: 170px;
}

.slr_stroke_text.bg h4 {
  -webkit-text-stroke-color: #fff;
}

.slr_stroke_text h4 {
  color: rgba(0, 0, 0, 0) !important;
  position: relative;
  opacity: 0.2;
  transform-origin: top;
  font-size: 200px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color1);
}

@media only screen and (max-width: 767px) {
  .slr_stroke_text h4 {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1599px) {
  .slr_stroke_text h4 {
    font-size: 86px;
  }

  .slr_stroke_text.fm h4 {
    font-size: 60px;
  }
}

/*Animation Image*/

.slr_animate_image .et_pb_image_wrap {
  -webkit-animation: animate_image 2s infinite alternate;
  -moz-animation: animate_image 2s infinite alternate;
  -o-animation: animate_image 2s infinite alternate;
  animation: animate_image 2s infinite alternate;
}

@-webkit-keyframes animate_image {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@-moz-keyframes image_upDown2 {
  0% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@-o-keyframes image_upDown2 {
  0% {
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
}

@keyframes image_upDown2 {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
}

/*Header*/

.slr_menu .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu > li > a {
  color: #fff;
  opacity: 1;
}

.slr_menu .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu > li > a:before {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  height: 2px;
  width: 100%;
  border-radius: 10px;
  transform: translateX(-50%) scaleX(0);
  top: auto;
  bottom: 0px;
  left: 50%;
}

.slr_menu .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu > li > a:hover:before,
.slr_menu .et_pb_menu_inner_container .et_pb_menu__wrap ul.et-menu > li.current-menu-item > a:before {
  transform: translateX(-50%) scaleX(1);
}

.slr_menu .et-menu-nav ul li ul {
  padding: 0;
  border-top: 0 !important;
  top: 0;
}

.slr_menu .et-menu-nav ul li ul li {
  padding: 0;
  width: auto;
  position: relative;
  display: block;
}

.slr_menu .et-menu-nav ul li ul li a {
  width: 100%;
  line-height: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0 none;
  padding: 13px 15px !important;
  display: block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out !important;
  color: var(--color2);
}

.slr_menu .et-menu-nav ul li ul li a:hover {
  opacity: 1;
  padding-left: 40px !important;
  background: var(--color2);
  color: #fff;
}

.slr_menu .et-menu-nav ul li ul li a:before {
  position: absolute;
  content: "\e0a6";
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  border-radius: 50%;
  background-color: transparent;
  font-family: ETmodules !important;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out !important;
}

.slr_menu .et-menu-nav ul li ul li a:hover:before {
  font-size: 15px;
}

.slr_menu .et_mobile_menu .menu-item-has-children > a {
  background: transparent;
}

.slr_menu .et_mobile_menu .menu-item-has-children a.mobile-toggle-icon {
  display: none;
}

.slr_menu .et_mobile_nav_menu ul > li > a {
  background: transparent;
}

.slr_menu .et-menu-nav ul > li {
  padding-left: 11px;
  padding-right: 11px;
  margin-top: 0 !important;
}

.slr_menu .et-menu-nav ul > li > a {
  padding: 50px 0 !important;
  padding-right: 10px !important;
}

.slr_menu .et_pb_menu__menu > nav > ul > li > a:after {
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -7px !important;
}

.slr_menu li li.menu-item-has-children > a:first-child::after {
  top: auto;
}

.slr_header_section.et_pb_sticky {
  background: var(--color2) !important;
}

@media (min-width: 981px) and (max-width: 1190px) {
  .slr_hdr_img {
    display: none;
  }
}

@media (min-width: 981px) and (max-width: 1749px) {

  .slr_blb_call,
  .slr_blb_quote {
    display: none;
  }
}

/*Footer*/

.slr_ftr_col1 {}

.slr_ftr_col1 {
  width: 30% !important;
}

.slr_ftr_col2 {
  width: 50% !important;
}

.slr_ftr_col3 {
  width: auto !important;
}

@media only screen and (max-width: 980px) {
  .slr_ftr_col1 {
    width: 100% !important;
  }

  .slr_ftr_col2 {
    width: 100% !important;
  }

  .slr_ftr_col3 {
    width: auto !important;
  }
}

@media (min-width: 981px) and (max-width: 1190px) {

  .slr_ftr_col1,
  .slr_ftr_col2,
  .slr_ftr_col3 {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .slr_menu .et_pb_menu__wrap {
    display: ruby;
  }
}

/*Hero*/

.slr_pjt_video a.et_pb_video_play {
  transform: translate(-50%, -50%);
}

.slr_video,
.slr_pjt_video a.et_pb_video_play {
  margin: auto;
  text-decoration: none;
  color: var(--color1) !important;
  font-size: 26px !important;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  display: inline-block;
  background-color: #fff;
  border-radius: 90%;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
      0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2),
      0 0 0 35px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
      0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2),
      0 0 0 35px rgba(255, 255, 255, 0.2);
  }

  100% {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2),
      0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2),
      0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2),
      0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2),
      0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
      0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2),
      0 0 0 35px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2),
      0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2),
      0 0 0 35px rgba(255, 255, 255, 0.2);
  }

  100% {
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2),
      0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2),
      0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2),
      0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2),
      0 0 0 45px rgba(255, 255, 255, 0);
  }
}

/*Team*/

.slr_team {}

.slr_team {
  position: relative;
  margin-bottom: 30px !important;
}

.slr_team .et_pb_team_member_image {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
}

.slr_team .et_pb_team_member_image img {
  filter: grayscale(100%);
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
}

.slr_team:hover .et_pb_team_member_image img {
  filter: grayscale(0%);
  transform: scale(1.1);
}

.slr_team .et_pb_team_member_description {
  background: #ffffff;
  width: 80%;
  padding: 20px;
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.1);
  border-radius: 5px;
  position: absolute;
  bottom: -50px;
  transform: translateX(-50%);
  left: 50%;
  overflow: hidden;
  z-index: 1;
  transition: all 0.3s ease 0s;
}

.slr_team:hover .et_pb_team_member_description {
  padding-bottom: 65px;
  border-bottom: 1px solid var(--color1);
}

.slr_team .et_pb_team_member_description .et_pb_member_social_links {
  padding: 15px 0 15px 0;
  margin: 0;
  position: absolute;
  bottom: -40px;
  right: 0;
  left: 0;
  transition: all 0.5s ease 0s;
}

.slr_team:hover .et_pb_team_member_description .et_pb_member_social_links {
  bottom: 5px;
}

.slr_team .et_pb_team_member_description .et_pb_member_social_links li {
  margin: 0 5px;
}

.slr_team .et_pb_team_member_description .et_pb_member_social_links li a {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  color: var(--color2);
  line-height: 30px;
}

.slr_team .et_pb_team_member_description .et_pb_member_social_links li a:hover {
  background: var(--color1);
  color: #fff;
}

@media only screen and (max-width: 980px) {
  .slr_team {
    margin-bottom: 50px !important;
  }
}

@media only screen and (max-width: 766px) {
  .slr_team .et_pb_team_member_description {
    width: 90%;
  }
}

/*Services*/

.slr_service .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.slr_service .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  left: 0px;
  bottom: 0px;
  background: var(--color2);
  border-radius: 100px;
}

/*Process*/

.slr_stage .blurb-num .et_pb_blurb_content .et_pb_blurb_container {
  display: flex;
  flex-direction: column;
}

.slr_stage .blurb-num {
  margin-bottom: 100px !important;
}

.slr_stage .blurb-num.rt {
  margin-top: 100px !important;
  margin-bottom: 0px !important;
}

.slr_stage .blurb-num .et_pb_blurb_content:after {
  content: "";
  height: 100%;
  width: 3px;
  border-left: 2px dashed #fff;
  transform: translateX(-50%);
  position: absolute;
  bottom: -100%;
  left: 50%;
  z-index: -1;
  box-sizing: border-box;
}

.slr_stage .blurb-num.rt .et_pb_blurb_content::after {
  top: -105px;
  bottom: auto;
  box-sizing: border-box;
}

.slr_stage .blurb-num .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  order: 2;
  border: 3px solid var(--color1);
  border-radius: 100px;
  width: 50px;
  background: #fff;
  height: 50px;
  line-height: 46px;
  margin: 0 auto -30px;
}

.slr_stage .blurb-num.rt .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  margin: -30px auto 0;
  order: 1;
}

.slr_stage .blurb-num .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  order: 1;
  padding-bottom: 19px;
}

.slr_stage .blurb-num.rt .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  padding-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .slr_stage .blurb-num.rt {
    margin-top: 0 !important;
    margin-bottom: 106px !important;
  }

  .slr_stage .blurb-num {
    margin-bottom: 106px !important;
  }
}

/*Blogs*/

.slr_blog .et_pb_post {
  margin-bottom: 100px;
}

.slr_blog.et_pb_posts .post-meta {
  display: flex;
  flex-direction: row-reverse;
  font-size: 15px;
  justify-content: flex-end;
}

.slr_blog .et_pb_post .entry-featured-image-url {
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}

.slr_blog .et_pb_post .entry-featured-image-url img {
  margin-left: -30px;
  width: 100%;
  height: auto;
  border-radius: 5px;
  transition: all 0.5s ease;
}

.slr_blog .et_pb_post:hover .entry-featured-image-url img,
.slr_blog .et_pb_post:first-child .entry-featured-image-url img {
  transform: scale(1.12);
  transform-origin: right center;
}

.slr_blog.et_pb_posts .et_pb_post .block_content {
  background: #ffffff;
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.1);
  border-radius: 5px;
  z-index: 9999;
  position: absolute;
  width: 80%;
  bottom: -65px;
  right: 0px;
  padding: 25px 20px;
}

.slr_blog .et_pb_post .entry-title {
  color: var(--color2);
}

.slr_blog .et_pb_post:hover .entry-title,
.slr_blog .et_pb_post:first-child .entry-title {
  color: var(--color1);
}

.slr_blog .et_pb_post .post-meta {
  color: var(--color2);
}

.slr_blog .et_pb_post .post-meta .author.vcard {
  position: relative;
  padding-left: 5px;
}

.slr_blog .et_pb_post .post-meta .author.vcard a {
  color: var(--color2);
}

.slr_blog .et_pb_post .post-meta .published {
  padding-right: 5px;
  color: var(--color2);
}

.slr_blog .et_pb_post .post-meta .author.vcard:before {
  content: "By:";
  font-family: "Lato", Helvetica, Arial, Lucida, sans-serif;
  margin-right: 3px;
}

/*Blog 2 Column*/

.slr_blog.col2.et_pb_posts div.et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_blog.col2.et_pb_posts > div {
  display: grid;
  column-gap: 43px;
  grid-template-columns: repeat(2, 48.4%);
}

.slr_blog.col2 .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_blog.col2.et_pb_posts div.et_pb_ajax_pagination_container {
    display: block;
  }
}

@media (min-width: 767px) and (max-width: 1190px) {

  .slr_blog.col2.et_pb_posts div.et_pb_ajax_pagination_container,
  .et-db #et-boc .et-l #et-fb-app .slr_blog.col2.et_pb_posts > div {
    grid-template-columns: repeat(2, 46.8%);
  }
}

/*Blog 3 Column*/

.slr_blog.et_pb_posts div.et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_blog.et_pb_posts > div {
  display: grid;
  column-gap: 2%;
  grid-template-columns: repeat(3, 32.8%);
}

.slr_blog .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_blog.et_pb_posts div.et_pb_ajax_pagination_container {
    display: block;
  }
}

@media (min-width: 767px) and (max-width: 1190px) {

  .slr_blog.et_pb_posts div.et_pb_ajax_pagination_container,
  .et-db #et-boc .et-l #et-fb-app .slr_blog.et_pb_posts > div {
    grid-template-columns: repeat(2, 47.8%);
  }
}

/*Blog 4 Column*/

.slr_blog.col4.et_pb_posts div.et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_blog.col4.et_pb_posts > div {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 24.1%);
}

.slr_blog.col4 .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_blog.col4.et_pb_posts div.et_pb_ajax_pagination_container {
    display: block;
  }
}

@media (min-width: 767px) and (max-width: 1499px) {

  .slr_blog.col4.et_pb_posts div.et_pb_ajax_pagination_container,
  .et-db #et-boc .et-l #et-fb-app .slr_blog.col4.et_pb_posts > div {
    grid-template-columns: repeat(2, 48.5%);
  }
}

@media (min-width: 1191px) and (max-width: 1400px) {

  .slr_blog.col4.et_pb_posts div.et_pb_ajax_pagination_container,
  .et-db #et-boc .et-l #et-fb-app .slr_blog.col4.et_pb_posts > div {
    grid-template-columns: repeat(3, 32.1%);
  }
}

@media only screen and (max-width: 1299px) {
  .slr_blog .et_pb_post .entry-featured-image-url img {
    margin: 0;
  }

  .slr_blog.et_pb_posts .et_pb_post .block_content {
    padding: 30px 11px;
    width: 90%;
  }

  .slr_blog .et_pb_post .post-meta {
    display: block;
  }
}

/*Blog List*/

.slr_blog_list .et_pb_post {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  filter: drop-shadow(0px 8px 24px rgba(149, 157, 165, 0.2));
  border-radius: 5px;
  padding: 17px;
  margin-bottom: 30px;

}

.slr_blog_list .et_pb_post .entry-title {
  color: var(--color2);
}

.slr_blog_list .et_pb_post .entry-title a{ display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;}

.slr_blog_list .et_pb_post .entry-featured-image-url {
  position: relative;
  overflow: hidden;
}

.slr_blog_list .et_pb_post .entry-featured-image-url img {
  border-radius: 5px;
  width: 100%;
  height: auto;
	aspect-ratio: 13 / 9;
    object-fit: cover;
  transition: all 0.5s ease;
}

.slr_blog_list .et_pb_post:hover .entry-featured-image-url img {
  transform: scale(1.12);
  transform-origin: right center;
}

.slr_blog_list .et_pb_post:hover .entry-title {
  color: var(--color1);
}

.slr_blog_list .et_pb_post .post-content .more-link {
  position: relative;
  color: var(--color2);
  text-transform: capitalize;
  display: inline-block;
  margin-top: 10px;
}

.slr_blog_list .et_pb_post .post-content .more-link:hover {
  color: var(--color1);
}

.slr_blog_list .et_pb_post .post-content .more-link:after {
  font-family: ETmodules !important;
  content: "\24";
  font-size: 26px;
  position: absolute;
  top: 2px;
  margin-left: 2px;
}

/*Blog Featured image Left*/

@media (min-width: 767px) {
	.slr_blog_list .et_pb_post{display:flex;align-items: center;}
	.slr_blog_list.slr_blog_rightlist .et_pb_post{flex-direction: row-reverse;}

  .slr_blog_list .entry-featured-image-url {
    width: 40%;
    margin-bottom: 0 !important;
  }

  .slr_blog_list .info {
    width: 60%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
  }
}

/*Blog Featured image Right*/

@media (min-width: 767px) {
  .slr_blog_list.rt .entry-featured-image-url {
    width: 40%;
    float: right;
    margin-bottom: 0 !important;
  }

  .slr_blog_list.rt .info {
    width: 60%;
    float: left;
    padding-right: 30px;
  }
}

/*Blog Single*/
.sgl_pst .et_pb_post {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0;
}

.sgl_pst .et_pb_post .entry-featured-image-url {
  height: 350px;
  border-radius: 5px;
  order: 2;
  overflow: hidden;
}

.sgl_pst .et_pb_post .entry-title {
  order: 3;
  text-transform: capitalize;
}

.sgl_pst .et_pb_post .post-meta {
  order: 1;
  margin-bottom: 13px;
  text-transform: capitalize;
}

.sgl_pst .et_pb_post .post-content {
  order: 4;
}

@media screen and (max-width: 766px) {
  .sgl_pst .et_pb_post .entry-featured-image-url {
    height: 100%;
  }
}

/*Sidebar*/

#sidebar .slr_search {
  background: rgba(35, 35, 35, 0.1);
  border-radius: 5px;
  padding: 30px 20px;
}

#sidebar .slr_search h2 {
  font-size: 16px;
  line-height: 20px;
}

#sidebar h2 {
  color: var(--color2);
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 0px;
}

#sidebar .wp-block-search__input {
  height: 50px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--color1);
}

#sidebar .wp-block-search__button {
  position: relative;
  padding: 0;
  background: transparent;
  font-size: 0;
}

#sidebar .wp-block-search__button:before {
  content: "\55";
  font-family: "ETModules";
  z-index: 1;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 9px;
  transform: translateY(-50%);
  right: 0px;
  background: var(--color1);
  width: 45px;
  height: 50px;
  line-height: 48px;
  border-radius: 0px 5px 5px 0px;
}

#sidebar .wp-block-categories-list,
#sidebar .wp-block-latest-posts__list,
#sidebar .wp-block-tag-cloud,
#sidebar .wp-block-latest-comments {
  border: 1px solid rgba(0, 0, 0, 0.2);
  filter: drop-shadow(0px 8px 24px rgba(149, 157, 165, 0.2));
  border-radius: 5px;
  padding: 20px !important;
}

#sidebar .wp-block-categories-list li {
  margin-bottom: 17px;
}

#sidebar .wp-block-categories-list li:last-child {
  margin-bottom: 0px;
}

#sidebar .wp-block-categories-list li a {
  color: var(--color2);
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

#sidebar .wp-block-tag-cloud a {
  font-size: 16px !important;
  color: var(--color2);
  display: inline-block;
  width: 45%;
  padding: 10px 0px;
  font-weight: 400;
}

#sidebar .wp-block-latest-posts__list a {
  color: var(--color2);
}

#sidebar .wp-block-latest-posts__list a:hover,
#sidebar .wp-block-tag-cloud a:hover {
  color: var(--color1);
}

.blog_cta {}

.blog_cta .et_pb_promo_description .et_pb_module_header {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.blog_cta .et_pb_promo_description .et_pb_module_header:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #ffffff;
}

.blog_cta .et_pb_promo_description div h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}

/*Projects*/

.slr_project .project {
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}

.slr_project .project .et_portfolio_image {
  position: relative;
  border-radius: 5px;
}

.slr_project .project .et_portfolio_image img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  transition: transform 0.5s linear;
}

.slr_project .project:hover .et_portfolio_image img,
.slr_project .project:first-child .et_portfolio_image img {
  transform: scale(1, 1);
}

.slr_project .project .et_portfolio_image:after {
  font-family: ETmodules !important;
  content: "\4c";
  position: absolute;
  top: 45px;
  right: 45px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  background: var(--color1);
  transform: scale(0);
  transition: 0.6s;
  z-index: 9;
  color: #fff;
  font-size: 28px;
  line-height: 41px;
}

.slr_project .project:hover .et_portfolio_image:after,
.slr_project .project:first-child .et_portfolio_image:after {
  transform: scale(1);
}

.slr_project .project .et_portfolio_image:before {
  content: "";
  background-color: #fff;
  box-shadow: 0 0 15px #222;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.1);
  border-radius: 5px;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.slr_project .project:hover .et_portfolio_image:before,
.slr_project .project:first-child .et_portfolio_image:before {
  opacity: 0.9;
  left: 20px;
  top: 20px;
  bottom: 20px;
  right: 20px;
}

.slr_project .project .block_content {
  transition: 0.5s;
  opacity: 0;
  transform: translateY(40px);
  position: absolute;
  text-align: left;
  bottom: 45px;
  z-index: 9;
  display: flex;
  flex-direction: column-reverse;
  left: 34px;
  width: 80%;
}

.slr_project .project:hover .block_content,
.slr_project .project:first-child .block_content {
  opacity: 1;
  transform: translateY(0);
}

/*Project 3 Column*/

.slr_project .et_pb_portfolio_item {
  margin-bottom: 35px;
}

.slr_project .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_project .et_pb_portfolio_item {
    margin-bottom: 20px;
  }

  .slr_project div.et_pb_ajax_pagination_container {
    display: block;
  }

  .slr_project .pagination.clearfix {
    position: relative;
  }
}

/*Project 2 Column*/

.slr_project.col2 .et_pb_portfolio_item {
  margin-bottom: 35px;
}

.slr_project.col2 .project .et_portfolio_image {
  height: 350px;
  object-fit: cover;
}

.slr_project.col2 .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_project.col2 .et_pb_portfolio_item {
    margin-bottom: 20px;
  }

  .slr_project.col2 div.et_pb_ajax_pagination_container {
    display: block;
  }

  .slr_project.col2 .pagination.clearfix {
    position: relative;
  }

  .slr_project.col2 .project .et_portfolio_image {
    height: 100%;
  }
}

/*Project 4 Column*/

.slr_project.col4 .et_pb_portfolio_item {
  margin-bottom: 35px;
}

.slr_project.col4 .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_project.col4 .et_pb_portfolio_item {
    margin-bottom: 20px;
  }

  .slr_project.col4 div.et_pb_ajax_pagination_container {
    display: block;
  }

  .slr_project.col4 .pagination.clearfix {
    position: relative;
  }
}

/* Filter Project 3 Column*/

.slr_project .et_pb_portfolio_item {
  margin-bottom: 35px;
}

.slr_project .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_project .et_pb_portfolio_item {
    margin-bottom: 20px;
  }

  .slr_project div.et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: block;
  }

  .slr_project .pagination.clearfix {
    position: relative;
  }
}

/* Filter Project 2 Column*/

.slr_project.col2 .et_pb_portfolio_item {
  margin-bottom: 35px;
}

.slr_project.col2 .project .et_portfolio_image {
  height: 350px;
  object-fit: cover;
}

.slr_project.col2 .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_project.col2 .et_pb_portfolio_item {
    margin-bottom: 20px;
  }

  .slr_project.col2 div.et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: block;
  }

  .slr_project.col2 .pagination.clearfix {
    position: relative;
  }

  .slr_project.col2 .project .et_portfolio_image {
    height: 100%;
  }
}

/* Filter Project 4 Column*/

.slr_project.col4 .et_pb_portfolio_item {
  margin-bottom: 35px;
}

.slr_project.col4 .pagination.clearfix {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 766px) {
  .slr_project.col4 .et_pb_portfolio_item {
    margin-bottom: 20px;
  }

  .slr_project.col4 div.et_pb_portfolio_items_wrapper .et_pb_portfolio_items {
    display: block;
  }

  .slr_project.col4 .pagination.clearfix {
    position: relative;
  }
}

/*Filter Style*/

.slr_project .et_pb_portfolio_filters ul li a {
  color: var(--color2);
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 15px 30px 15px;
  margin: 0 5px;
  border-top: 3px solid var(--color1);
  border-radius: 0;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
}

.slr_project .et_pb_portfolio_filters ul li a.active,
.slr_project .et_pb_portfolio_filters ul li a:hover,
.slr_project .et_pb_portfolio_filters ul li a.active:hover {
  color: #fff;
  background: transparent;
  border: none;
  border-top: 3px solid var(--color1);
}

.slr_project .et_pb_portfolio_filters ul li a:before,
.slr_project .et_pb_portfolio_filters ul li a:after {
  content: "";
  background-color: var(--color1);
  width: 50%;
  height: 100%;
  opacity: 0;
  transform: perspective(300px) rotateX(-100deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.4s ease 0s;
}

.slr_project .et_pb_portfolio_filters ul li a:after {
  transform: perspective(300px) rotateX(100deg);
  left: auto;
  right: 0;
  transition: all 0.4s ease 0.1s;
}

.slr_project .et_pb_portfolio_filters ul li a.active:before,
.slr_project .et_pb_portfolio_filters ul li a:hover:before,
.slr_project .et_pb_portfolio_filters ul li a.active:after,
.slr_project .et_pb_portfolio_filters ul li a:hover:after {
  opacity: 1;
  transform: perspective(300px) rotateX(0);
}

@media screen and (max-width: 766px) {
  .slr_project .et_pb_portfolio_filters ul li {
    margin-bottom: 15px;
    width: 100% !important;
  }

  .slr_project .et_pb_portfolio_filters ul li:last-child {
    margin-bottom: 0px;
  }
}

/*All Portfolio/Filter Portfolio Column Structures*/

/*Portfolio 2 column*/
.slr_project.col2 .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project.col2 > div.et_pb_portfolio_grid_items{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;}

@media only screen and (max-width: 766px){
.slr_project.col2 .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project.col2 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(1,1fr);}
}

/*Portfolio 3 Column*/
.slr_project .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project > div.et_pb_portfolio_grid_items{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;}

@media only screen and (max-width: 766px){
.slr_project .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(1,1fr);}
}

@media (min-width:767px) and (max-width:1024px){
.slr_project .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(2,1fr);}}

/*Portfolio 4 column*/
.slr_project.col4 .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;}

@media only screen and (max-width: 766px){
.slr_project.col4 .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(1,1fr);}
}

@media (min-width:767px) and (max-width:1024px){
.slr_project.col4 .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(2,1fr);}}

@media (min-width:1025px) and (max-width:1300px){
.slr_project.col4 .et_pb_ajax_pagination_container,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(3,1fr);}}

/* Filter Portfolio 2 column*/
.slr_project.col2 .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project.col2 > div.et_pb_portfolio_grid_items{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;}

@media only screen and (max-width: 766px){
.slr_project.col2 .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project.col2 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(1,1fr);}
}

/* Filter Portfolio 3 column*/
.slr_project .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project > div.et_pb_portfolio_grid_items{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;}

@media only screen and (max-width: 766px){
.slr_project .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(1,1fr);}
}

@media (min-width:767px) and (max-width:1024px){
.slr_project .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(2,1fr);}}

/*Filter Portfolio 4 column*/
.slr_project.col4 .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;}

@media only screen and (max-width: 766px){
.slr_project.col4 .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(1,1fr);}
}

@media (min-width:767px) and (max-width:1024px){
.slr_project.col4 .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(2,1fr);}}

@media (min-width:1025px) and (max-width:1300px){
.slr_project.col4 .et_pb_portfolio_items,
.et-db #et-boc .et-l #et-fb-app .slr_project.col4 > div.et_pb_portfolio_grid_items{grid-template-columns: repeat(3,1fr);}}

/*Testimonial*/

.slr_testi {
  transition: all 0.5s ease;
}

.slr_testi:hover,
.slr_testi.active {
  border-bottom: 1px solid var(--color1);
}

.slr_testi .et_pb_blurb_content .et_pb_main_blurb_image {
  display: block;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px;
}

.slr_testi .et_pb_blurb_content .et_pb_main_blurb_image img {
  border: 5px solid var(--color2);
  padding: 2px;
}

.slr_testi:hover .et_pb_blurb_content .et_pb_main_blurb_image img,
.slr_testi.active .et_pb_blurb_content .et_pb_main_blurb_image img {
  border-color: var(--color1);
}

.slr_testi:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before,
.slr_testi.active .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap::before {
  border-color: var(--color1);
  color: var(--color1);
}

.slr_testi .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
  display: inline-block;
  position: relative;
  overflow: visible;
}

.slr_testi .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap:before {
  content: "\7b";
  font-family: ETmodules !important;
  font-size: 26px;
  position: absolute;
  bottom: 0px;
  border: 4px solid var(--color2);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  line-height: 27px;
  font-weight: 900;
  text-align: center;
  left: -7px;
}

.slr_testi .et_pb_blurb_content .et_pb_main_blurb_image:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 480px;
  background: var(--color1);
  opacity: 0.1;
  border-radius: 100%;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s ease;
}

.slr_testi:hover .et_pb_blurb_content .et_pb_main_blurb_image:before,
.slr_testi.active .et_pb_blurb_content .et_pb_main_blurb_image:before {
  bottom: 46px;
}

.slr_testi .et_pb_blurb_content .et_pb_module_header {
  color: var(--color2);
  transition: all 0.5s ease;
}

.slr_testi:hover .et_pb_blurb_content .et_pb_module_header,
.slr_testi.active .et_pb_blurb_content .et_pb_module_header {
  color: var(--color1);
}

.slr_testi_row {
  padding: 0 100px !important;
}

@media only screen and (max-width: 980px) {
  .slr_testi_row {
    padding: 0 20px !important;
  }
}

@media (min-width: 981px) and (max-width: 1299px) {
  .slr_testi_row {
    padding: 0 30px !important;
  }
}

/*Pricing*/

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

.slr_price:after {
  content: "";
  position: absolute;
  width: 150%;
  height: 380px;
  background: var(--color1);
  opacity: 0.1;
  border-radius: 100%;
  z-index: -1;
  bottom: -100%;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s ease;
}

.slr_price:hover:after,
.slr_price.active:after {
  bottom: -44%;
}

.slr_price .et_pb_blurb .et_pb_blurb_content {
  max-width: 100%;
}

.slr_price .bl_image .et_pb_main_blurb_image {
  position: relative;
  margin-bottom: 0;
}

.slr_price .bl_image .et_pb_main_blurb_image:before {
  content: "";
  position: absolute;
  width: 67px;
  height: 67px;
  left: -37px;
  top: -16px;
  background: var(--color2);
  opacity: 0.1;
  border-radius: 50%;
}

.slr_price:hover .bl_image .et_pb_main_blurb_image:before,
.slr_price.active .bl_image .et_pb_main_blurb_image:before {
  background: var(--color1);
}

.slr_price .bl_image .et_pb_blurb_container {
  flex: 1;
}

.slr_price .bl_image .et_pb_blurb_container .et_pb_blurb_description strong {
  font-size: 30px;
  font-weight: 700;
  color: var(--color2);
}

.slr_price:hover .bl_image .et_pb_blurb_container .et_pb_blurb_description strong,
.slr_price.active .bl_image .et_pb_blurb_container .et_pb_blurb_description strong {
  color: var(--color1);
}

.slr_price .bl_image .et_pb_blurb_container .et_pb_blurb_description span {
  font-size: 19px;
  font-weight: 400;
  color: var(--color2);
}

.slr_price .et_pb_divider:before {
  border-top-color: var(--color2) !important;
}

.slr_price:hover .et_pb_divider:before,
.slr_price.active .et_pb_divider:before {
  border-top-color: var(--color1) !important;
}

.slr_price .list .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon {
  color: var(--color2);
}

@media only screen and (max-width: 767px) {
  .slr_price .bl_image .et_pb_blurb_container .et_pb_blurb_description strong {
    font-size: 25px;
  }

  .slr_price .bl_image .et_pb_blurb_container .et_pb_blurb_description span {
    font-size: 16px;
  }

  .slr_price .bl_image .et_pb_main_blurb_image::before {
    width: 50px;
    height: 50px;
    left: -20px;
    top: 0;
  }
}

/*Faqs*/

.slr_faq {}

.slr_faq .et_pb_toggle:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  left: -35px;
  top: -35px;
  background: var(--color2);
  opacity: 0.1;
  border-radius: 50%;
}

.slr_faq .et_pb_toggle.et_pb_toggle_open:before {
  background: var(--color1);
}

.slr_faq .et_pb_toggle.et_pb_toggle_open:after {
  content: "";
  position: absolute;
  background: var(--color1);
  opacity: 0.1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.slr_faq .et_pb_toggle.et_pb_toggle_open {}

.slr_faq .et_pb_toggle {
  background: transparent;
  border: none;
  position: relative;
  margin-bottom: 30px !important;
  box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.1);
  border-radius: 5px;
  overflow: hidden;
  padding: 30px 20px 30px 45px;
}

.slr_faq .et_pb_toggle .et_pb_toggle_title {
  color: var(--color2);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.slr_faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  color: var(--color1);
}

.slr_faq .et_pb_toggle_title::before {
  color: var(--color2);
  font-size: 25px;
  display: block !important;
}

.slr_faq .et_pb_toggle .et_pb_toggle_title::before {
  content: "\47";
}

.slr_faq .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
  content: "\46";
}

@media only screen and (max-width: 767px) {
  .slr_faq .et_pb_toggle {
    padding: 30px 20px 30px 25px;
  }
}

@media (min-width: 981px) and (max-width: 1290px) {
  .slr_faq_row {
    display: block !important;
  }

  .slr_faq_row .et_pb_column {
    width: 100% !important;
    float: none !important;
  }
}

/*Contact us*/

.slr_contact .et_contact_bottom_container {
  float: left;
}

.slr_contact .et_pb_contact_field[data-type="select"]::after {
  margin: 20px 0px 20px 0px;
}

.slr_contact .et_pb_contact_form_label {
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 16px;
  color: var(--color2);
}

.slr_blurb_cnt {}

.slr_blurb_cnt .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  width: 60px;
  height: 60px;
  display: block;
  border: 1px solid var(--color1);
  color: var(--color1);
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  border-radius: 50%;
}

.slr_blurb_cnt:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon,
.slr_blurb_cnt.active .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  background: var(--color1);
  color: #fff;
}

/*Service List*/

.slr-service-list {
  border: 1px solid rgba(0, 0, 0, 0.2);
  filter: drop-shadow(0px 8px 24px rgba(149, 157, 165, 0.2));
  border-radius: 5px;
  padding: 20px 20px 20px 20px;
}

.slr-service-list .et_pb_text_inner ul {
  padding: 0;
  list-style-type: none;
}

.slr-service-list .et_pb_text_inner ul li {}

.slr-service-list .et_pb_text_inner ul li a {
  padding: 20px 15px;
  border-bottom: 1px solid #ccc;
  color: var(--color2);
  display: block;
}

.slr-service-list .et_pb_text_inner ul li a.active,
.slr-service-list .et_pb_text_inner ul li a:hover {
  background: var(--color1);
  color: #fff;
}

.slr-service-list .et_pb_text_inner ul li:last-child a {
  border: none;
}

/*Service List*/

.service-img {
  overflow: hidden;
}

.service-img img {
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
}

.service-img:hover img {
  transform: scale(1.12);
  transform-origin: right center;
}

/*Why Choose Us*/

.slr-why-cnt {
  position: relative;
  width: fit-content !important;
  z-index: auto;
  display: flex;
  flex-wrap: wrap;
}

.slr-why-cnt:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: -10px;
  top: 10px;
  background: var(--color1);
  border-radius: 5px;
  z-index: -1;
}

.slr-why-cnt .percent {
  height: 100% !important;
  margin-bottom: 0 !important;
}

.slr-why-cnt .percent p {
  position: relative;
}

.slr-why-cnt .percent p:before {
  background-color: var(--color1);
  position: absolute;
  z-index: -1;
  opacity: 0.1;
  content: "";
  height: 64px;
  width: 64px;
  right: 0;
  left: -50px;
  top: -10px;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slr-why-cnt .percent p .percent-value {
  color: var(--color1);
  margin-right: 15px;
}

.slr-why-blurb .et_pb_blurb_content .et_pb_main_blurb_image {
  display: block;
  position: relative;
  z-index: 1;
}

.slr-why-blurb .et_pb_blurb_content .et_pb_main_blurb_image:before {
  background-color: var(--color1);
  position: absolute;
  z-index: -1;
  opacity: 0.1;
  content: "";
  height: 64px;
  width: 64px;
  right: 0;
  left: -50px;
  top: 0;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-animation: right_to_left 0.7s linear forwards;
  animation: right_to_left 0.7s linear forwards;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slr-why-blurb:hover .et_pb_blurb_content .et_pb_main_blurb_image:before {
  -webkit-animation: lt_rt_effect 0.7s linear forwards;
  animation: lt_rt_effect 0.7s linear forwards;
}

@-webkit-keyframes lt_rt_effect {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }

  25% {
    -webkit-transform: translateX(0.9375rem) translateY(-0.1875rem);
    transform: translateX(0.9375rem) translateY(-0.1875rem);
  }

  50% {
    -webkit-transform: translateX(1.5625rem) translateY(-0.5rem);
    transform: translateX(1.5625rem) translateY(-0.5rem);
  }

  75% {
    -webkit-transform: translateX(2.1875rem) translateY(-0.9375rem);
    transform: translateX(2.1875rem) translateY(-0.9375rem);
  }

  100% {
    -webkit-transform: translateX(2.8125rem) translateY(-1.25rem);
    transform: translateX(2.8125rem) translateY(-1.25rem);
  }
}

@keyframes lt_rt_effect {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }

  25% {
    -webkit-transform: translateX(0.9375rem) translateY(-0.1875rem);
    transform: translateX(0.9375rem) translateY(-0.1875rem);
  }

  50% {
    -webkit-transform: translateX(1.5625rem) translateY(-0.5rem);
    transform: translateX(1.5625rem) translateY(-0.5rem);
  }

  75% {
    -webkit-transform: translateX(2.1875rem) translateY(-0.9375rem);
    transform: translateX(2.1875rem) translateY(-0.9375rem);
  }

  100% {
    -webkit-transform: translateX(2.8125rem) translateY(-1.25rem);
    transform: translateX(2.8125rem) translateY(-1.25rem);
  }
}

/*menu slide*/

.burb_side {
  border-bottom: 1px solid #ccc;
  padding: 20px 0px;
  margin-bottom: 0 !important;
}

.burb_side .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  padding-bottom: 0px;
}

.burb_side .et_pb_blurb_content .et_pb_blurb_container {
  vertical-align: middle;
}

.blurb-close .et_pb_icon_wrap .et-pb-icon {
  background: var(--color2);
  color: #fff;
  font-size: 40px;
  border-radius: 50%;
}

.blurb-close .et_pb_icon_wrap .et-pb-icon:hover {
  background: var(--color1);
}

.burb_side .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
  background: var(--color1);
  border: none;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
  padding: 0 !important;
}

/*Slide In Section*/

.et-db #et-boc .et-l #et_pb_root .et_pb_section.dl-slide-sidebar{transform: translateX(0) !important;position: relative !important;}

/* Hide header on all posts in Visual Builder */
.et-fb.single-post .et-l--header .dl-slide-sidebar{
    display: none !important;
}

/* Hide header on all projects in Visual Builder */
.et-fb.single-project .et-l--header .dl-slide-sidebar{
    display: none !important;
}

/* Hide header on all pages in Visual Builder */
.et-fb.page .et-l--header .dl-slide-sidebar{
    display: none !important;
}

.et-fb .dl-slide-sidebar {
  transform: translateX(100%) !important;
}

body:not(.et-fb) .dl-slide-sidebar {
  transform: translateX(100%);
}

body:not(.et-fb) .dl-slide-sidebar.is-opened {
  transform: translateX(0);
}

.dl-slide-sidebar.has-transition {
  transition: 0.7s;
}

.dl-close {
  cursor: pointer;
}

/*Video Popup*/

body:not(.et-fb) .dl-popup-wrapper {
  position: fixed;
  z-index: 990;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.5s cubic-bezier(0.14, 0.06, 0.41, 1.39);
  opacity: 0;
  visibility: hidden;
}

body:not(.et-fb) .dl-popup-wrapper.popup-is-visible {
  opacity: 1;
  visibility: visible;
}

.dl-popup-inside {
  height: 100%;
}

body.dl-noscroll {
  overflow: hidden;
}

.troo-popup-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.troo-popup-section .et_pb_row {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 600px) and (max-width: 782px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top: 46px;
  }
}

@media (min-width: 783px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top: 32px;
  }
}

.et_builder_inner_content.popup-is-visible {
  z-index: 99999;
}

.popup-close {
  cursor: pointer;
}

.dl-popup-wrapper.popup-is-visible .et_pb_row:not(.popup-close) {
  animation: scale-in 0.5s cubic-bezier(0.14, 0.06, 0.41, 1.39) both;
  animation-delay: 0.5s;
}

@keyframes scale-in {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.popup-close .et_pb_icon_wrap .et-pb-icon {
  background: var(--color1);
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 32px;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .popup-close .et_pb_icon_wrap .et-pb-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}

/*Mobile Menu*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: "\4d";
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 10px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}

ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}

.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
  text-align: center;
  opacity: 1;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: "\33";
  color: #fff;
  background: var(--color1);
  border-radius: 50%;
  padding: 6px;
}

ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
  content: "\32";
}

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

.et_mobile_menu {
  margin-top: 15px;
  border: none;
  padding: 0 !important;
}

.et_mobile_menu li a {
  padding: 15px 20px 15px 25px;
}

/*404 Page*/

.error-section > .et_pb_row {
  align-items: center;
}

.error-txt h3 {
  color: var(--color1);
}

.error-txt h3 span {
  position: relative;
  color: transparent !important;
  transform-origin: top;
  -webkit-transition: all 1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color1);
}

/*Blogs List Right Image*/
@media (min-width: 767px) {
  .slr_blog_list.slr_blog_rightlist .entry-featured-image-url {
    width: 40%;
    float: right;
    margin-bottom: 0 !important;
  }

  .slr_blog_list.slr_blog_rightlist .info {
    width: 60%;
    float: left;
    padding-right: 30px;

  }
}

/*------ Company History ------*/
.slr_history {
  width: 50%;
  padding: 60px 0 0 0;
  margin: 0 5px 25px 0;
  float: left;
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container {
  min-height: 100px;
  padding: 0 15px 0 0;
  border-right: 2px solid var(--color1);
  display: block;
  position: relative;
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container:hover {
  text-decoration: none;
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container:before,
.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container:after {
  content: '';
  background-color: var(--color1);
  height: 6px;
  width: 6px;
  border-radius: 0;
  position: absolute;
  right: -4px;
  top: 0;
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container:after {
  top: auto;
  bottom: 0;
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
  padding: 20px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_module_header {
  color: #fff;
  background-color: var(--color1);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 10px 20px;
  position: absolute;
  right: -2px;
  top: -60px;
  z-index: 1;
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container h5.title {
  color: var(--color2);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin: 0 0 7px;
  padding-bottom: 0;
}

.slr_history.et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container span.description {
  color: #555;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  letter-spacing: 0.5px;
  margin: 0;
}

.slr_history.et_pb_blurb:nth-child(even) {
  margin: 0 0 25px 5px;
  float: right;
}

.slr_history.et_pb_blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container {
  text-align: left;
  padding: 0 0 0 15px;
  border-left: 2px solid var(--color2);
  border-right: none;
}

.slr_history.et_pb_blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container:before,
.slr_history.et_pb_blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container:after {
  right: auto;
  left: -4px;
  background: var(--color2);
}

.slr_history.et_pb_blurb:nth-child(even) .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header {
  right: auto;
  left: -2px;
  background: var(--color2);
}

@media screen and (max-width:767px) {

  .slr_history.et_pb_blurb,
  .slr_history.et_pb_blurb:nth-child(even) {
    width: 100%;
    margin: 0 0 25px;
  }
}

/*------ Career Detail ------*/
.slr_cdel_cta .et_pb_promo_description div {
  flex: 1;
}