@import url("main.css");
@import url("magnific-popup.css");
/*the rest of the css start*/

.zindex-top {
	z-index: 5 !important;
	position: relative !important;
}
.zindex-under {
	z-index: 1 !important;
	position: relative !important;
}

.mb-30 {
	margin-bottom: 30px;
}
.sp-page-title {
	padding: 177.42px 0 191px;
}
.sp-page-title {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.sp-page-title {
  position: relative;
  z-index: 1;
}
.sp-page-title:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  content: "";
  left: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 22, 10, 0.5)), to(#00160A));
  background: linear-gradient(180deg, rgba(0, 22, 10, 0.5) 0%, #00160A 100%);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
	color: #ffffff;
}
#sp-header ul.social-icons {
	margin: 0 0 0 0;
}
#sp-header ul.social-icons > li:not(:last-child) {
  margin-right: 8px;
}
#sp-header .social-media a:hover {
	color: #ffffff;
}
.sp-megamenu-parent > li.active:hover > a {
	color: var(--rs-theme-primary);
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li > a {
	color: var(--rs-gray-900);
 	font-weight: 600;
	font-size: 16px;
	text-transform: capitalize;
	line-height: 90px;
}
#sp-header .logo,
#sp-header {
	height: 90px;
}
.sp-megamenu-parent > li:hover > a {
  color: var(--rs-theme-primary) !important;
}
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
.slider-prlx .parallax-slider .slider__thumb-bg {
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease-in-out;
}
.rs-slider-dot .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.7;
}
.rs-slider-dot .swiper-pagination-bullet-active {
    background-color: #00ff88;
    opacity: 1;
}
.slider__button-prev,
.slider__button-next {
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}
.slider__button-prev {
    left: 10px;
}
.slider__button-next {
    right: 10px;
}

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

.rs-btn.btn-hover-white:hover {
  color: var(--rs-heading-primary);
}
.sppb-btn-custom:hover svg path[fill=white] {
  fill: var(--rs-heading-primary);
}

.overflow-hidden {
  overflow: hidden !important;
}

.sppb-carousel-extended-item .sppb-carousel-extended-team-social-icon,
.sppb-carousel-extended-item:hover .sppb-carousel-extended-team-social-icon {
	transition: all 0.3s 0s ease-out;
}
.why-choose__experience-box {
	background-color: var(--rs-theme-primary);
}

.article-list .article .article-header h2 {
  font-size: 27px;
}
.article-info > span {
  font-size: 16px;
}
.article-list .article .readmore a:hover,
.article-list .article .article-header h1 a:hover, 
.article-list .article .article-header h1 a:active, 
.article-list .article .article-header h1 a:focus, 
.article-list .article .article-header h2 a:hover, 
.article-list .article .article-header h2 a:active, 
.article-list .article .article-header h2 a:focus,
.article-info > span a:hover {
  color: var(--rs-theme-primary);
}
.article-list .article .readmore a {
  border-bottom: 1px solid var(--rs-theme-primary);
  color: var(--rs-gray-900);
  font-size: 16px;
}
.article-list .article .article-intro-image img, 
.article-list .article .article-featured-video img, 
.article-list .article .article-featured-audio img, 
.article-list .article .article-feature-gallery img {
  border-radius: 5px;
}
.article-list .article {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  border: 0px solid #f5f5f5;
  border-radius: 0;
}
.article-list .article .article-intro-image, 
.article-list .article .article-featured-video, 
.article-list .article .article-featured-audio, 
.article-list .article .article-feature-gallery {
	margin: 0;
	  border-radius: 5px;
	  border-bottom: 0px solid #f5f5f5;
}

#sp-right .sp-module {
	padding: 30px;
	border-radius: 5px;
	background: var(--rs-gray-100);
}
#sp-right .sp-module:first-child {
  margin-top: 0;
  padding: 0;
  background: #fff;
}

.com-content #sp-bottom{
	margin-top: 50px;
}
.com-content #sp-component.col-lg-8 {
	padding-right: 3%;
}
.sp-module ul > li {
	border-bottom: 0px solid #f3f3f3 !important;
}
#sp-right .sp-module ul > li > a {
  line-height: 27px;
  padding: 0;
}
#sp-right a:hover {
	color: var(--rs-theme-primary);
}
#sp-left .sp-module .sp-module-title, 
#sp-right .sp-module .sp-module-title {
	position: relative;
	margin-bottom: 30px;
	text-transform: capitalize;
	padding-bottom: 0;
	font-size: var(--rs-fs-h4);
	line-height: var(--rs-lh-h4);
	font-weight: var(--rs-fw-medium);
	word-break: break-word;
	border-bottom: 0px solid #f3f3f3;	
	display: inline-flex;
  
}
#sp-left .sp-module .sp-module-title:after, 
#sp-right .sp-module .sp-module-title:after {
  width: 30px;
  z-index: 1;
  height: 2px;
  top: calc(50% - 1px);
  content: "";
  background-color: var(--rs-theme-primary);
  position: absolute;
  right: -50px;
  -webkit-animation: leftRight 1.3S infinite alternate;
          animation: leftRight 1.3S infinite alternate;
}

.tagscloud .tag-name {
  display: block;
  padding: 5px 10px !important;
  border-radius: 5px;
  border: 1px solid var(--rs-gray-200) !important;
  background: var(--rs-common-white) !important;
}
.tagscloud .tag-name:hover {
  color: var(--rs-common-white) !important;
  border-color: var(--rs-common-white) !important;
  background: var(--rs-theme-primary) !important;
}

.tagscloud .tag-name,
.mod-articles-items.mod-list li a {
	font-size: var(--rs-fs-body) !important;
	font-weight: normal !important;
	color: var(--rs-text-body) !important;
  position: relative;
}
.mod-articles-items.mod-list li {
  padding-left: 16px;
  position: relative;
}
.mod-articles-items.mod-list li a:hover {
  color: var(--rs-theme-primary);
}
.mod-articles-items.mod-list li:before {
  top: 17px;
  left: 0;
  border-radius: 500px;
  content: "";
  background: var(--rs-theme-primary);
  font-weight: bold;
  display: inline-block;
  width: 7px;
  height: 7px;
  min-width: 7px;
  min-height: 7px;
  position: absolute;
}
.article-list .article .readmore {
  gap: 10px;
  margin-top: 22px;
  padding-top: 26px;
  border-top: 1px solid #E3E8F4;
}
  
.article-details .article-header h1, 
.article-details .article-header h2 {
	font-size: 40px;
	line-height: 1.2;
}
.article-details .article-info {
	margin-bottom: 30px;
}

.article-details ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
  padding: 0;
  margin: 30px 0 30px;
}
.article-details ul li {
  padding-left: 21px;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: var(--rs-fw-medium);
  text-transform: capitalize;
}
.article-details ul li:before {
  top: 10px;
  left: 0;
  border-radius: 500px;
  content: "";
  background: var(--rs-theme-primary);
  font-weight: bold;
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
}
.article-full-image img {
  margin: 0px !important;
}
.article-details img {
  border-radius: 5px;
  overflow: hidden;
  max-width: 100%;
  margin: 30px 0px;
}
.pagenavigation span {
	font-size: 16px;
}

.sp-page-title .sp-page-title-heading {
  color: var(--rs-common-white);
  font-size: 54px;
  font-weight: var(--rs-fw-medium);
  line-height: 140%;
  text-transform: capitalize;
}
.breadcrumb .fas {
	display: none !important;
}
.sp-page-title .breadcrumb > .active {
	color: #ffffff;
	font-size: 20px;
}
.sp-page-title .breadcrumb > li > a {
	color: #ffffff;
	font-size: 20px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #0d0d0d;
  border: 1px solid var(--rs-border-primary);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {
  background: var(--rs-theme-primary);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: var(--rs-theme-primary);
  padding-inline-start: 25px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover::before {
  background: var(--rs-theme-primary);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0px;
  height: 1px;
  background-color: var(--rs-theme-primary);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover::before {
  width: 12px;
}
#sp-header ul.social-icons,
#sp-top1 {
  display: flex;
  justify-content: flex-end;
 
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
	background: transparent !important;
	color: var(--rs-common-white) !important;
	padding-right: 23px !important;
	padding-left: 23px !important;
	font-size: 16px !important;
	border-radius: 5px !important;
	border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

#nomod .sp-module {
  margin-bottom: 0 !important;
}
#sp-bottom .sp-module ul > li {
  margin-bottom: 0;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, 
.offcanvas-menu .offcanvas-inner ul.menu > li > span,
.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover, 
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
	opacity: 1;
	color: #151515;
}

.offcanvas-menu input[type="text"] {
	border: 2px solid #eee;
}
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete {
  width: 97% !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, 
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
	color: #151515;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 16px;
}