@charset "utf-8";
/** 
* 
* -----------------------------------------------------------------------------
*
* Template : Swipy - Creative Agency HTML Template
* Author : RSTheme
  Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
* 
**//* TABLE OF CONTENT
---------------------------------------------------------
01. General CSS
02. Global Class CSS
03. Header Section CSS
04. Sticky Menu CSS
05. About Section CSS
06. Breadcrumbs Section CSS
07. Banner Section CSS
08. Slider Section CSS
09. Cta Section CSS
10. Counter Section CSS
11. Contact Section CSS
12. Video Section CSS
13. Process Section CSS
14. Project Section CSS
15. Skill-bar Section CSS
16. Skill Experience Section CSS
17. Services Section CSS
18. Faq Section CSS
20. Faq Section CSS
21. Team Section CSS
22. Partner Section CSS
23. pricing Section CSS
24. blog Section CSS
25. testimonial Section CSS
31. Footer Section CSS
32. Scroll Up CSS
33. Preloader CSS
34. Animation Part CSS
--------------------------------------------------------*/
:root {
	--dark-color:#071d33;
	--medium-color:#224273;
	--light-color:#aec5df;
	--cta-color:#3cdd46;
}
.offset{height:100px;}
@media screen and (max-width:1199px) {.lg-pt-60{padding-top:60px;}}
@media screen and (max-width:991px) {.offset{height:90px;}}
.project-slide-2 .project-item img{width:100%!important;}
.header-logo h3 {font-size:26px;text-align:right;margin:0!important;font-weight:normal;}
.header-logo h3 a {color:#fff;}
.sticky .header-logo h3 a {color:#000;}
.cta-section{margin:60px 0 80px 0;}
.cta-section .cta-btn {display:inline-block;}
.cta-section .sec-title .sub-text {font-size:30px;margin-bottom:22px;}
.cta-btn{
	font-size:20px;
	padding: 21px 44px 21px 44px;
	background-color: var(--cta-color);
	border-radius: 50px;
	border: 3px solid var(--dark-color);
	color: var(--dark-color);
	text-transform:uppercase;
	font-weight:700;
	display:inline-block;
}
.cta-btn:hover{
	background-color: var(--medium-color);
	border-radius: 50px;
	border: 3px solid var(--medium-color);
	color: var(--cta-color);
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .cta-color.card-link::after{color:var(--cta-color)!important;}
.cta-color{color:var(--cta-color)!important;}
.cta-dark-bg{background:var(--dark-color)!important;}
.cta-dark-bg .card-body{color:#fff!important;}
.trans-bg{background:transparent!important;}
/* -----------------------------------
	01. General CSS
-------------------------------------*/
html,
body {
  font-size: 16px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  vertical-align: baseline;
  line-height: 1.7;
  font-weight: 400;
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  line-height: 1.7em;
}
p:last-child{margin-bottom:0;}
h2:last-child, h3:last-child {margin-bottom:0;}
.wall h4{margin:.25rem 0 1rem 0!important;}
h1,
h2,
h3,
h4 {
  font-family: 'Roboto', sans-serif;
  color: #000;
  margin: 0 0 15px;
  line-height: 1.2;
}
h1 {
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
}
h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
}
h3 {
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
}
h4 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
}
.text-right {
  text-align: right;
}
.white-color {
  color: #ffffff !important;
}
a {
  color: #093059;
  transition: all 0.3s ease;
  text-decoration: none !important;
  outline: none !important;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0 none;
  color: #093059;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
::-moz-selection {
  background: #093059;
  text-shadow: none;
  color: #ffffff;
}
::selection {
  background: #093059;
  text-shadow: none;
  color: #ffffff;
}
.bg1 {
  background-color: var(--medium-color);
}
.bg1 .sec-title .title, .bg1 .sec-title .sub-text{
	color:#fff;
	}
.bg2 {
  background-color: var(--dark-color)!important;
}
.bg2 .sec-title .title, .bg2 .sec-title .sub-text, .bg2 a{
	color:#fff;
	}
.bg3 {
  background-color: var(--light-color);
}
.offwrap {
  cursor: url(assets/images/close.png), auto;
  width: 100%;
  left: 100%;
  transition: all 0.8s ease-out 0s;
  position: fixed;
  background: #fff;
  height: 100vh;
  top: 0;
  bottom: 0;
  opacity: .8;
  z-index: 999;
}
.copyright p {
  font-size: 15px;
}
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
}
ul.check-lists .list-item {
  padding-bottom: calc(9px);
}
ul.check-lists .list-item .icon-list-icon i {
  color: #093059;
  font-size: 18px;
}
ul.check-lists .list-item .icon-list-icon i:before {
  font-weight: 900;
}
ul.check-lists .list-item .list-text {
  font-size: 18px;
  line-height: 29px;
  font-weight: 500;
  color: #000;
  padding-left: 5px;
}
ul.check-lists .list-item:last-child {
  padding-bottom: 0;
}
ul.check-lists.check-style4 .list-item .icon-list-icon i {
  color: #093059;
}
/* no-gutters Class Rules */
/* ------------------------------------
	02. Global Class CSS
---------------------------------------*/
.y-middle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*-- blog Button CSS --*/
.blog-button a {
  font-size: 18px;
  font-weight: 400;
  line-height: 16px;
  font-family: Roboto;
}
.blog-button a .btn-text {
  color: #372748;
}
.blog-button a i {
  margin-left: 5px;
}
.blog-button a i:before {
  color: #372748;
  position: relative;
  font-size: 18px;
  top: 4px;
  transition: all .3s ease;
  display: inline-block;
}
.blog-button a:hover .btn-text {
  color: var(--dark-color);
}
.blog-button a:hover i:before {
  color: var(--dark-color);
  transform: translateX(10px);
}
[class^="flaticon-"]:before,
[class^="flaticon-"]:after {
  margin: 0;
}
.sec-title {
  position: relative;
}
.sec-title .sub-text {
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
  color: var(--medium-color);
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  margin: 0 0 10px;
  display: block;
}
.sec-title .sub-text.primary-color {
  color: #093059;
}
.sec-title .title {
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
  color: #000;
  margin: 0;
}
.sec-title .title.title2 {
  font-size: 55px;
  line-height: 60px;
  font-weight: 400;
  color: #000;
}
.sec-title .title.title3 {
  text-transform: uppercase;
}
.sec-title .title span {
  color: #093059;
}
.sec-title .desc {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #000;
  margin: 0;
}
/* -----------------------
	03. Header Section CSS
--------------------------*/
.full-width-header {
  position: relative;
}
.full-width-header .rs-header {
  position: relative;
}
.full-width-header .rs-header .menu-area {
  transition: all 0.3s ease 0s;
  background: transparent;
}
.full-width-header .rs-header .menu-area .row-table {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.full-width-header .rs-header .menu-area .row-table .col-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-width-header .rs-header .menu-area .row-table .col-cell.header-logo {
  display: unset;
  flex: unset;
}
.full-width-header .rs-header .menu-area .logo-area a .sticky-logo {
  display: none;
}
.full-width-header .rs-header .menu-area .logo-area img {
  transition: 0.4s;
  margin-top:3px;
  float:right;
  max-height: 57px;
}
.full-width-header .rs-header .menu-area .rs-menu-area {
  display: flex;
  align-items: center;
}
.full-width-header .rs-header .menu-area .main-menu {
  position: unset;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li {
  display: inline-block;
  margin-right: 34px;
  padding: 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
  height: 110px;
  line-height: 110px;
  padding: 0;
  color: #000;
  position: relative;
  font-family: Roboto;
  transition: all 0.3s ease;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover {
  color: #fff;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #fff ;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {
  color: var(--dark-color);
}

.full-width-header .rs-header .menu-area.sticky {
  background: #fff;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .sticky-logo {
  display: block;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .normal-logo {
  display: none;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
  color: #000;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {
  color: #093059;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {
  color: #093059;
}
.full-width-header .rs-header .expand-btn-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-width-header .rs-header .expand-btn-inner ul {
  display: flex;
  align-items: center;
}
.full-width-header .rs-header.header-style1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a {
  color: #000;
}
.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander {
  background: var(--dark-color);
  padding: 13px 14px 14px 14px;
  width: 52px;
  height: 52px;
  display: block;
  border-radius: 50%;
  margin-left: 28px;
}
.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander .bar span {
  height: 2px;
  width: 25px;
  display: block;
  background: #fff;
  transition: none;
  cursor: pointer;
  list-style: none;
  margin: 5px 0;
}
.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander .bar span.dot1 {
  width: 16px;
  float: right;
  clear: right;
  margin-right: 2px;
}
.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander .bar span.dot2 {
  clear: both;
}
.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander .bar span.dot3 {
  width: 16px;
  margin-left: 2px;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  color: #ffffff;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  text-decoration:underline!important;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .nav-link .nav-expander {
  background: #ffffff;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .nav-link .nav-expander .bar span {
  background: #000;
}
.full-width-header .rs-header.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.full-width-header .right_menu_togle {
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px #eee;
  padding: 90px 60px 60px 50px;
  font-size: 1.15em;
  max-width: 480px;
  width: 100%;
  right: -500px;
  z-index: 999999;
  transition: all 0.3s ease;
  position: fixed;
  overflow-y: auto;
}
.full-width-header .right_menu_togle .close-btn {
  overflow: visible;
  position: absolute;
  top: 10px;
  display: block;
  z-index: 99;
  right: 57px;
  cursor: pointer;
  transition: all .3s ease;
}
.full-width-header .right_menu_togle .close-btn .nav-close {
  position: absolute;
  top: 23px;
  display: block;
  z-index: 99;
  right: 3px;
  cursor: pointer;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1px !important;
  height: 25px !important;
  background: #101010;
  border: none !important;
  transition: all 0.3s ease;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line span.line2 {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.full-width-header .right_menu_togle .close-btn:hover .nav-close .line span {
  background: #093059;
}
.full-width-header .right_menu_togle .canvas-logo {
  padding-left: 0;
  padding-bottom: 35px;
}
.full-width-header .right_menu_togle .canvas-logo img {
  max-height: 45px;
}
.full-width-header .right_menu_togle .offcanvas-text {
  border-bottom: 1px solid rgba(62, 62, 62, 0.1);
  margin-bottom: 45px;
  padding-bottom: 24px;
}
.full-width-header .right_menu_togle .offcanvas-text p {
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin: 0px 0 38px;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .widget-title {
  font-size: 25px;
  line-height: 35px;
  font-weight: 500;
  color: #000;
  margin: 0 0 10px;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list {
  display: flex;
  margin-top: 24px;
  align-items: center;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #093059;
  line-height: 45px;
  text-align: center;
  margin-right: 15px;
  display: block;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before {
  font-size: 16px;
  color: #ffffff;
  top: 0px;
  position: relative;
  font-family: uicons-regular-rounded !important;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 0;
  color: #000;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em {
  display: block;
  font-size: 20px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a {
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #000;
  font-style: normal;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover {
  color: #093059;
}
.full-width-header .right_menu_togle .canvas-contact .social {
  border-top: 1px solid rgba(62, 62, 62, 0.1);
  margin-top: 30px;
  padding-top: 30px;
}
.full-width-header .right_menu_togle .canvas-contact .social li {
  display: inline-block;
}
.full-width-header .right_menu_togle .canvas-contact .social li a i {
  background: #f4f3f4;
  color: #626262;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-radius: 7px;
  margin-right: 15px;
  margin-bottom: 15px;
  transition: all 0.4s ease-in-out 0s;
}
.full-width-header .right_menu_togle .canvas-contact .social li a i:hover {
  color: #ffffff;
  background: #093059;
}
.full-width-header .right_menu_togle .canvas-contact .social li:last-child {
  margin: 0;
}
.full-width-header .mobile-navbar-menu .nav-menu li {
  position: relative;
}
.full-width-header .mobile-navbar-menu .nav-menu li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding: 10px 0;
  line-height: 30px;
  width: 100%;
}
.full-width-header .mobile-navbar-menu .nav-menu li a:hover {
  color: #093059;
}
/*------------------------------------
	04. Sticky Menu CSS
--------------------------------------*/
.menu-sticky {
  background: #fff;
  margin: 0;
  z-index: 999;
  width: 100%;
  top: 0;
  position: relative;
}
/* ------------------------------------
	05. About Section CSS
---------------------------------------*/
.rs-about.about-style1 {
  position: relative;
}
.rs-about.about-style1 .about-img {
  margin: 0px 55px 0px 0px;
}
.rs-about.about-style1 .about-img2 {
  text-align: right;
}
.rs-about.about-style1 .about-img2 img {
  max-width: 626px;
}
/* ------------------------------------
	06. Breadcrumbs Section CSS
---------------------------------------*/
.rs-breadcrumbs {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}
.rs-breadcrumbs .breadcrumbs-inner {
  position: relative;
  padding: 165px 0px 25px 0px;
}
.rs-breadcrumbs .breadcrumbs-inner .page-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1em;
  color:#fff;
  margin: 0px 0px 24px 0px;
}
.rs-breadcrumbs .breadcrumbs-inner.project-inner-style1 {
  /* padding: 190px 0px 100px 0px; */
}
.rs-breadcrumbs {
  background: var(--medium-color);
}
/* .rs-breadcrumbs.img1 { */
	/* background: url(assets/images/breadcrumbs/port-bg1.png); */
	  /* background-image: linear-gradient(to bottom right, var(--dark-color) 0%, var(--medium-color) 30%, var(--dark-color)); */
/* } */
.header-transparent.addbg {  background: var(--medium-color);}
/* ------------------------------------
	07. Banner Section CSS
---------------------------------------*/
/* .rs-banner.banner-main-home { */
  /* background: url(assets/images/banner/main-home/main-bg.jpg); */
  /* background-position: center center; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  /* position: relative; */
  /* z-index: 11; */
/* } */
.rs-banner.banner-style2 {
  position: relative;
  background-color: var(--medium-color);
}
.rs-banner.banner-style2 .content-wrap {
  padding: 180px 0 140px;
}
.rs-banner.banner-style2 .content-wrap .title {
  font-size: 110px;
  line-height: 124px;
  font-weight: 600;
  color: var(--dark-color);
  text-transform: uppercase;
  margin: 0 0 6px;
}
.rs-banner.banner-style2 .content-wrap .title {
  font-size: 80px;
  line-height: 90px;
  font-weight: 600;
  text-align:left!important;
  color: var(--dark-color);
  text-transform: uppercase;
  margin: 40px 0 0;
}
.rs-banner.banner-style2 .content-wrap .description p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin: 0 0 40px;
}
.rs-banner.banner-style2 .banner-img {
  position: relative;
  right: 0;
  top: 50px;
  z-index: 11;
}
.rs-banner.banner-style2 .banner-img img {
  width: unset;
  height: unset;
  /* margin-top:-30px; */
  max-width: 880px;
}
.rs-cta.cta-style1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
/* ------------------------------------
	11. Contact Section CSS
---------------------------------------*/
.rs-contact.contact-style2 .address-boxs {
  display: flex;
  position: relative;
  align-items: center;
}
.rs-contact.contact-style2 .address-boxs .address-icon {
  margin-right: 20px;
  background-color: #8873EF;
  width: 42px;
  height: 42px;
  line-height: 44px!important;
  border-radius: 100%;
  text-align: center;
}
.rs-contact.contact-style2 .address-boxs .address-icon i {
  font-size: 17px;
  line-height: 20px;
  color: #ffffff;
}
.rs-contact.contact-style2 .address-boxs .address-text .text .label {
  color: #000 !important;
  font-size: 14px;
  display: block;
}
.rs-contact.contact-style2 .address-boxs .address-text .text .des {
  font-size: 20px;
  color: #000 !important;
}
.rs-contact.contact-style2 .content-wrap {
  background-color: #F8F8F8;
  padding: 62px 50px 40px 50px;
}
.rs-contact.contact-style2 .content-wrap label {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  display: block;
  margin-bottom: 0;
}
.rs-contact.contact-style2 .content-wrap textarea {
  height: 105px;
}
.rs-contact.contact-style2 .content-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000;
  opacity: 0.61;
}
.rs-contact.contact-style2 .content-wrap ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 0.61;
}
.rs-contact.contact-style2 .content-wrap :-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
  opacity: 0.61;
}
.rs-contact.contact-style2 .content-wrap :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  opacity: 0.61;
}
.rs-contact.contact-style2.contact-modfiy5 .content-wrap {
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
  padding: 55px 50px 35px 50px;
  border-radius: 20px 20px 20px 20px;
}
.rs-contact.contact-style2.contact-modfiy5 .content-wrap label {
  margin-bottom: 8px;
}
.rs-contact.contact-style2.contact-modfiy5 .address-boxs .address-icon {
  background-color: #093059;
}
.rs-contact.contact-style2.contact-modfiy5 .map-canvas {
  overflow: hidden;
}
.rs-contact.contact-style2.contact-modfiy5 .map-canvas iframe {
  height: 600px;
  float: left;
  width: 100%;
  border: none;
}
/* ------------------------
/* ------------------------------------
	13. Process Section CSS
---------------------------------------*/

.rs-process.nav-tab-style1 {
  background-color: var(--dark-color);
  padding: 0% 0% 0% 12%;
}
.rs-process.nav-tab-style1 .rs-hover-tabs {
  width: 100%;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav {
  margin: 0;
  padding: 5px;
  width: 40%;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav .top-title {
  color: #FFFFFF;
  margin: 70px 0px 70px 0px;
  font-size: 60px;
  text-transform: uppercase;
  line-height: 1.2em;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li {
  cursor: pointer;
  display: block;
  margin-bottom: 60px;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li a {
  text-decoration: none;
  color: #333;
  font-size: 35px;
  line-height: 1.35;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li .subtitle {
  display: block;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 24px;
  position: relative;
  left: 20px;
  transition: 0.4s;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li .subtitle:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 8px;
  content: "";
  top: 7px;
  left: -20px;
  transition: 0.4s;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li .title {
  font-size: 35px;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  position: relative;
  left: 0;
  transition: 0.4s;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li .title:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--dark-color);
  border-radius: 8px;
  content: "";
  top: 7px;
  left: -20px;
  transition: 0.4s;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li span.title:before {
  top: auto;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li.active span.title:before {
  left: -20px;
  opacity: 1;
  visibility: visible;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li span.title:before {
  top: auto;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li.active span.subtitle:before {
  opacity: 0;
  visibility: hidden;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li.active span.subtitle {
  left: 0;
}
.rs-process.nav-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li.active span.title {
  color: #0754a6;
  left: 20px;
}
.rs-process.nav-tab-style1 .rs-hover-tabs #rs-hover-tabs-content {
  width: 60%;
}
/* ------------------------------------
	14. Project Section CSS
---------------------------------------*/
.rs-project.project-style1 {
  position: relative;
  z-index: 11;
}
.rs-project.project-style1 .project-item {
  margin: 0 3px 0 3px;
}
.rs-project.project-style1 .project-item .project-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.project-img img {width:100%;}
.rs-project.project-style1 .project-item .project-img a img {
  border-radius: 40px 40px 0px 0px;
  transform: scale(1.1);
  transition: 0.4s;
}
.rs-project.project-style1 .project-item .project-content {
  padding: 40px 40px 40px 40px;
  border-radius: 0px 0px 40px 40px;
  background: #ffffff;
}
.rs-project.project-style1 .project-item .project-content .category {
  font-size: 15px;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
}
.rs-project.project-style1 .project-item .project-content .category a {
  color: #093059;
}
.rs-project.project-style1 .project-item .project-content .category a:hover {
  color: var(--dark-color);
}
.rs-project.project-style1 .project-item .project-content .title {
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 0;
}
.rs-project.project-style1 .project-item .project-content .title a {
  color: #000;
}
.rs-project.project-style1 .project-item .project-content .title a:hover {
  color: var(--dark-color);
}
.rs-project.project-style1 .project-item:hover .project-img a img {
  transform: scale(1.2);
}
.rs-project.project-style1.project-modify10 .project-item .project-content {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.rs-project.project-style1.project-modify12 .project-item .project-content {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  padding: 30px 20px 30px 20px;
  border-radius: 0px 0px 20px 20px;
}
.rs-project.project-style1.project-modify12 .project-item .project-content .title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 900;
  margin-bottom: 0;
}
.rs-project.project-style1.project-modify12 .project-item .project-content .category {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px;
}
.rs-project.project-style3 {
  position: relative;
}
.rs-project.project-style3 .project-item .project-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-project.project-style3 .project-item .project-img:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 114, 204, 0);
  content: "";
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.rs-project.project-style3 .project-item .project-img .p-icon a {
  text-align: center;
  border-radius: 50px;
  color: #ffffff;
  font-size: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.rs-project.project-style3 .project-item .project-img .p-icon a i {
  min-width: 45px;
  min-height: 45px;
  border-radius: 45px;
  line-height: 40px;
  border: 1px solid transparent;
  text-align: center;
  display: inline-block;
  position: relative;
  left: 10px;
  border-color: #fff;
  transition: 0.4s;
}
.rs-project.project-style3 .project-item .project-img .p-icon a i:before {
  font-size: 16px;
  font-weight: 400;
}
.rs-project.project-style3 .project-item .project-content {
  padding: 20px 0px 0px 0px;
}
.rs-project.project-style3 .project-item .project-content .category {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Roboto", Sans-serif;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
.rs-project.project-style3 .project-item .project-content .category a {
  color: #fff;
}
.rs-project.project-style3 .project-item .project-content .category a:hover {
  color: #093059;
}
.rs-project.project-style3 .project-item .project-content .title {
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.rs-project.project-style3 .project-item .project-content .title a {
  color: #ffffff;
}
.rs-project.project-style3 .project-item .project-content .title a:hover {
  color: #093059;
}
.rs-project.project-style3 .project-item:hover .project-img:before {
  background-color: var(--medium-color);
  opacity: .8;
  visibility: visible;
}
.rs-project.project-style3 .project-item:hover .project-img .p-icon a {
  opacity: 1;
  visibility: visible;
}
.rs-project.project-style3 .project-item:hover .project-img .p-icon a i {
  left: 20px;
}
.rs-project.project-style4 .slider .project-item {
  position: relative;
  overflow: hidden;
  padding: 0 0;
}
.rs-project.project-style4 .slider .project-item .project-img {
  position: relative;
  overflow: hidden;
}
.rs-project.project-style4 .slider .project-item .project-img:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  background: var(--medium-color);
  z-index: 1;
}
.rs-project.project-style4 .slider .project-item .project-content {
  margin: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.rs-project.project-style4 .slider .project-item .project-content .p-icon a {
  text-align: center;
  border-radius: 50px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 9;
}
.rs-project.project-style4 .slider .project-item .project-content .p-icon a i {
  min-width: 45px;
  min-height: 45px;
  border-radius: 45px;
  line-height: 40px;
  border: 1px solid transparent;
  text-align: center;
  display: inline-block;
  position: relative;
  left: 10px;
  border-color: #fff;
  transition: 0.4s;
}
.rs-project.project-style4 .slider .project-item .project-content .p-icon a i:before {
  font-size: 16px;
  font-weight: 400;
}
.rs-project.project-style4 .slider .project-item .project-content .title {
  font-size: 35px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: -20px;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
.rs-project.project-style4 .slider .project-item .project-content .title a {
  color: #fff;
}
.rs-project.project-style4 .slider .project-item .project-content .title a:hover {
  color: var(--dark-color);
}
.rs-project.project-style4 .slider .project-item:hover .project-img:before {
  opacity:.75;
  visibility: visible;
}
.rs-project.project-style4 .slider .project-item:hover .project-content {
  opacity: 1;
  visibility: visible;
}
.rs-project.project-style4 .slider .project-item:hover .project-content .p-icon a {
  opacity: 1;
  visibility: visible;
}
.rs-project.project-style4 .slider .project-item:hover .project-content .p-icon a i {
  left: 20px;
}
.rs-project.project-style4 .slider .project-item:hover .project-content .title {
  bottom: 50px;
  opacity: 1;
  visibility: visible;
}	
/* ------------------------------------
	17. Services Section CSS
---------------------------------------*/
.rs-services.services-style2 {
  position: relative;
  z-index: 11;
}
.rs-services.services-style2 .services-item {
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
  margin: 0 2px 0 2px;
}
.rs-services.services-style2 .services-item .services-wrap {
  padding: 37px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
}
.rs-services.services-style2 .services-item .services-wrap .services-icon {
  margin-bottom: 25px;
}
.rs-services.services-style2 .services-item .services-wrap .services-icon img {
  height: 55px;
  width: 55px;
  max-width: unset;
}
.rs-services.services-style2 .services-item .services-wrap .services-text .title {
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
  margin: 0 0 17px;
  color: #000;
}
.rs-services.services-style2 .services-item .services-wrap .services-text .title:hover {
  color: #093059;
}
.rs-services.services-style2 .services-item .services-wrap .services-text .services-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #000;
  margin: 0;
}
.rs-services.services-style2 .services-item:hover {
  box-shadow: 25px 25px 81px 0px rgba(95, 63, 176, 0.08);
}
.rs-services.services-style5 .services-item .services-wrap {
  background-color: #FFFFFF;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: 32px 30px 11px 30px;
  margin: 0 3px 0 3px;
}
.rs-services.services-style5 .services-item .services-wrap .services-img img {
  height: 93px;
  /* width: 66px; */
  max-width: unset;
}
.rs-services.services-style5 .services-item .services-wrap .services-content {
  margin: 28px 0px 0px 0px;
}
.rs-services.services-style5 .services-item .services-wrap .services-content .title {
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
  margin: 0 0 21px;
  color: #000;
}
.rs-services.services-style5 .services-item .services-wrap .services-content .title:hover {
  color: var(--dark-color);
}
.rs-services.services-style5 .services-item .services-wrap .services-content .services-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #000;
  margin-bottom: 20px;
}
.rs-services.services-details .ser-details {
  margin: 0 0 0 -130px;
}
/* ------------------------------------
	20. Faq Section CSS
---------------------------------------*/
.rs-faq.faq-style1 {
  position: relative;
}
.rs-faq.faq-style1 .faq-content .accordion {
  border-width: 12px;
}
.rs-faq.faq-style1 .faq-content .accordion .card {
  margin-bottom: 25px;
  border: none;
  background-color: #fff;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0px 0px 50px 0 rgba(0, 0, 1, 0.05);
}
.rs-faq.faq-style1 .faq-content .accordion .card:last-child {
  margin-bottom: 0;
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header {
  display: flex;
  align-items: center;
  padding: 0 !important;
  border: none;
  background-color: unset;
  border-radius: unset;
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 30px 0 30px;
  height: 80px;
  font-size: 23px;
  font-weight: 500;
  font-family: "Roboto", Sans-serif;
  color: var(--dark-color);
  background: unset;
  box-shadow: unset;
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link:after {
  font-family: FontAwesome;
  position: absolute;
  content: "\f077";
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
  color: var(--dark-color);
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed {
  border-radius: 30px;
  color: #000;
  background: #fff;
  box-shadow: 0px 0px 50px 0 rgba(0, 0, 1, 0.05);
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed:after {
  color: #000;
  content: "\f078";
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-body {
  font-size: 16px;
  color: #000;
  padding: 0 30px 30px 30px !important;
  width: 100%;
}
.rs-faq.faq-style1.faq-modify2 .faq-content .accordion .card {
  box-shadow: 0px 0px 50px 0 rgba(0, 0, 1, 0.05);
}
.rs-faq.faq-style1.faq-modify2 .faq-content .accordion .card .card-header .card-link:after,
.rs-faq.faq-style1.faq-modify2 .faq-content .accordion .card .card-header .card-link {
  color: #093059;
}
.rs-faq.faq-style1.faq-modify2 .faq-content .accordion .card .card-header .card-link.collapsed:after {
  color: #000;
}
.rs-faq.faq-style1.faq-modify2 .faq-content .accordion .card {
  margin-bottom: 15px;
  border-radius: 10px;
}
.rs-faq.faq-style1.faq-modify2 .faq-content .accordion .card .card-header .card-link.collapsed {
  border-radius: 10px;
  color: #000;
  background: #fff;
  box-shadow: unset;
}
.rs-faq.faq-style1.faq-modify2 .faq-img2 img {
  width: 700px;
}
.rs-faq.faq-style1.faq-modify2.faq-price .faq-content .accordion .card,
.rs-faq.faq-style1.faq-modify2.faq-price .faq-content .accordion .card .card-header .card-link.collapsed {
  border-radius: 0;
}
/* ------------------------------------
	21. Team Section CSS
---------------------------------------*/
/*------------------------------------
	22. Partner Section CSS
------------------------------------*/
/*------------------------------------
	24. blog Section CSS
------------------------------------*/
.rs-blog.blog-main-home .blog-item {
  position: relative;
  z-index: 11;
  transition: all 500ms ease;
  background: #fff;
  border-radius: 30px;
  padding: 25px;
}
.rs-blog.blog-main-home .blog-item .image-wrap {
  position: relative;
  overflow: hidden;
}
.rs-blog.blog-main-home .blog-item .image-wrap img {
  border-radius: 30px 30px 30px 30px;
  transition: all 0.5s ease 0s;
  transform: scale(1);
}
.rs-blog.blog-main-home .blog-item .blog-content {
  text-align: center;
  transition: all 500ms ease;
  position: relative;
  padding: 20px 15px 0px;
  background: #fff;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title {
  font-size: 25px;
  line-height: 1.4;
  font-weight: 900;
  font-family: Roboto;
  margin-bottom: 18px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title a {
  color: #000;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover {
  color: var(--dark-color);
}
.rs-blog.blog-main-home.blog-modify1 .blog-item {
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
/*-----------------------------------
/*------------------------------------
	31. Footer Section CSS
------------------------------------*/
.rs-footer.footer-main-home {
  background-color: #030e1a;
  position: relative;
  background-position: center top !important;
}
.rs-footer.footer-main-home .footer-top {
  position: relative;
  padding: 85px 0 70px;
}
.rs-footer.footer-main-home .footer-top .footer-logo a img {
  height: 50px;
  margin-bottom:25px;
}
.rs-footer.footer-main-home .footer-top .footer-title {
  position: relative;
  font-size: 22px;
  line-height: 32px;
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 25px;
}
.rs-footer.footer-main-home .footer-top .footer-social li {
  display: inline-block;
  margin-right: 6px;
}
.rs-footer.footer-main-home .footer-top .footer-social li a i {
  color: #ffffff;
  display: block;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 7px;
  width: 38px;
  height: 38px;
  line-height: 40px;
  text-align: center;
  transition: all 0.4s;
}
.rs-footer.footer-main-home .footer-top .footer-social li a i:hover {
  color: #ffffff;
  background: var(--dark-color);
}
.rs-footer.footer-main-home .footer-top .footer-social li:last-child {
  margin-right: 0;
}
.rs-footer.footer-main-home .footer-top .address-widget li {
  padding: 0 0 17px 0px;
  position: relative;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc a {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc a:hover {
  color: var(--dark-color);
}
.rs-footer.footer-main-home .footer-top .site-map {
  margin-top: -6px;
}
.rs-footer.footer-main-home .footer-top .site-map li {
  margin-bottom: 5px;
}
.rs-footer.footer-main-home .footer-top .site-map li a {
  font-size: 15px;
  position: relative;
  padding: 6px 0 4px 0px;
  display: inline-block;
  color: #ffffff;
  /* opacity: .8; */
  transition: all 0.3s;
}
.rs-footer.footer-main-home .footer-top .site-map li a:hover {
  color: var(--medium-color);
}
.rs-footer.footer-main-home .footer-top .widget-desc {
  margin: 0px 0px 20px 0;
  color: #ffffff;
  /* opacity: .8; */
}
.rs-footer.footer-main-home .footer-top p {
  margin: 0 0 35px;
}
.rs-footer.footer-main-home .footer-bottom .bottom-border {
  border-top: 0.5px solid rgba(255, 255, 255, 0.09);
  padding: 25px 0;
}
.rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p {
  font-size: 16px;
  font-weight: 300;
  opacity: .8;
  color: #ffffff;
  margin: 0;
}
/* -----------------------
	32. Scroll Up CSS
--------------------------*/
#scrollUp {
  text-align: center;
  bottom: 40px;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  border-radius: 50px 50px 4px 4px;
}
#scrollUp i {
  height: 40px;
  font-size: 24px;
  width: 42px;
  border-radius: 5px;
  color: #ffffff;
  line-height: 36px;
  transition: all 0.3s ease 0s;
  background: #093059;
  margin-left: 2px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.02);
  display: block;
}
#scrollUp i:before {
  font-weight: 900;
}
#scrollUp i:hover {
  background: #333;
  color: #fff;
}
#scrollUp.blue-color i {
  background: var(--dark-color);
  color: #ffffff;
}
/*----------------------------------------------
	33. Preloader CSS
----------------------------------------------*/
/* ------------------------------------
	34. Animation Part CSS
---------------------------------------*/
/********** Price Table *************/
.counties h4{margin-bottom:1rem;}
.cities {
	list-style-type: none;
	line-height: 1.7em;
}
.cities:after {
	content: ' ';
	display: block;
	clear: both;
	margin-bottom: 2em;
}
.cities li {
	width: 20%;
	float: left;
	padding: 12px 8px;
	box-sizing: border-box;
}
/* for 20% li */
@media only screen and (min-width:1200px) {
	.cities li:nth-child(10n - 4),
	.cities li:nth-child(10n - 3),
	.cities li:nth-child(10n - 2),
	.cities li:nth-child(10n - 1),
	.cities li:nth-child(10n) {
		background: var(--light-color);
	}
}
@media screen and (max-width:1199px) {
	.cities li {
		width: 25%;
	}
}
/* for 25% li */
@media screen and (min-width:992px) and (max-width:1199px) {
	.cities li:nth-child(8n - 3),
	.cities li:nth-child(8n - 2),
	.cities li:nth-child(8n - 1),
	.cities li:nth-child(8n) {
		background: var(--light-color);
	}
}
@media screen and (max-width:991px) {
	.cities li {
		width: 33.333%;
	}
}
/* for 33.333% li */
@media screen and (min-width:768px) and (max-width:991px) {
	.cities li:nth-child(6n - 2),
	.cities li:nth-child(6n - 1),
	.cities li:nth-child(6n) {
		background: var(--light-color);
	}
}
@media only screen and (max-width: 767px) {
	.cities li {
		width: 50%;
	}
}
/* for 50% li */
@media screen and (min-width:601px) and (max-width:767px) {
	.cities li:nth-child(4n - 1),
	.cities li:nth-child(4n) {
		background: var(--light-color);
	}
}
@media only screen and (max-width: 600px) {
	.cities li {
		width: 100%;
	}
}
/* for 100% li */
@media screen and (max-width:600px) {
	.cities li:nth-child(2n) {
		background: var(--light-color);
	}
}