/*
- File name       : project.css
- Description     : This file includes index.html styles.
- Author          : Nifty Theme.
- Author          : Osama Bakri.
- Template name   : ROUA.
- Created         : 11/7/2020.
- Created         : ROUA.
- Contact         : niftytheme@gmail.com
- Copyright       : @ 2020 NiftyTheme All Rights Reserved.
- License         : You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
**/

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

/* BREADCRUMB */
.breadcrumb_bar {
  padding: 40px 0;
  margin-top: 120px;
  background: #FDFDFD;
}
.breadcrumb_bar .title_1 {
  font-size: 32px;
  font-weight: 700;
  color: var(--c0-4);
}
.breadcrumb_bar .dirs_list li:not(:last-child) {
  margin-right: 10px;
}
.breadcrumb_bar .dirs_list li a {
  font-size: 15px;
  color: #1f1f1f;
  font-weight: 600;
}
.breadcrumb_bar .dirs_list li a[clicked] {
  color: #777;
  pointer-events: none;
  cursor: text;
}
@media only screen and (max-width: 767.98px) {
  .breadcrumb_bar .title_1 {
    font-size: 26px;
  }
}
/* --------------------------------- */

/* SECTION I */
.se_i .content .title_1 {
  font-size: 36px;
  color: var(--co-4);
  font-weight: 700;
}
.se_i .content .para_1 {
  font-size: 16px;
  color: #4f7281;
  line-height: 1.7;
}
/* list */
.se_i .content .list li {
  font-size: 18px;
}
.se_i .content .list li:not(:last-child) {
  margin-bottom: 7px;
}
.se_i .content .list .dot {
  margin: 0 5px;
}
.se_i .content .title_2 {
  font-size: 26px;
  color: var(--co-4);
  font-weight: 700;
}
.se_i .content .social_list a {
  font-size: 32px;
  color: var(--co-4);
  transition: all .25s ease;
}
.se_i .content .social_list a:hover {
  color: var(--co-1);
}
/* controllers */
.se_i .content_controllers {
  position: relative;
  height: 50px;
  width: 60px;
  opacity: 1;
}
.se_i .content_controllers .lines::before,
.se_i .content_controllers .lines::after {
  content: '';
	width: 2px;
	height: 24px;
	background-color: var(--co-4);
	position: absolute;
	right: 100%;
	top: 0;
	transition: .2s cubic-bezier(.23,.24,0,.99);
	transform-origin: top;
	display: inline-block!important;
}
.se_i .content_controllers .lines::after {
  top: 24px;
	transform-origin: bottom;
}
.se_i .content_controllers.next_btn .lines::before,
.se_i .content_controllers.next_btn .lines::after {
  right: unset;
  left: 100%;
}
.se_i .content_controllers:hover .lines::before {
  transform: translateY(7px) rotate(45deg);
}
.se_i .content_controllers:hover .lines::after {
  transform: translateY(-7px) rotate(-45deg);
}
.se_i .content_controllers.next_btn:hover .lines::before {
  transform: translateY(7px) rotate(-45deg);
}
.se_i .content_controllers.next_btn:hover .lines::after  {
  transform: translateY(-7px) rotate(45deg);
}
.se_i .content_controllers .label {
  color: var(--co-4);
  font-size: 14px;
  font-weight: 700;
}