@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap');



@import url('https://fonts.googleapis.com/css?family=Jost:300,400,500,600,700,800,900&display=swap');

@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');





@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');







html,

body {

  font-size: 16px;

  color: #3e3e3e;

  font-family: Roobert,sans-serif !important;

  vertical-align: baseline;

  line-height: 1.7;

  font-weight: 400;

  overflow-x: hidden;

}

img {

  max-width: 100%;

  height: auto;

}

p {

  margin: 0 0 26px;

  line-height: 1.8;

}





.purple-bg4{



  background-color: #fff !important;

  

  }



  





h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: Roobert,sans-serif !important;

  color: #fff;

  margin: 0 0 26px;

  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;

}

h5 {

  font-size: 24px;

  line-height: 32px;

  font-weight: 600;

}

h6 {

  font-size: 20px;

  line-height: 28px;

  font-weight: 500;

}

.text-md-left {

  text-align: left;

}

.text-md-right {

  text-align: right;

}

.text-right {

  text-align: right;

}

.no-border {

  border: none !important;

}

.uppercase {

  text-transform: uppercase !important;

}

.capitalize {

  text-transform: capitalize !important;

}

.extra-bold {

  font-weight: 800 !important;

}

.gray-bg {

  background: #e5e5e5;

}

.gray-bg2 {

  background: #f8f8f8;

}

.gray-bg3 {

  background: #fcf9ff;

}

.gray-bg4 {

  background: #faf9ff;

}

.gray-bg5 {

  background: #f8fbff;

}

.gray-bg6 {

  background: #fffbfb;

}

.gray-bg7 {

  background: #e5e5e5;

}

.gray-bg8 {

  background: #fbfbfb;

}

.gray-bg9 {

  background: #fff5e9;

}

.gray-bg10 {

  background: #fefcf8;

}

.gray-bg11 {

  background: #f6f6f6;

}

.gray-bg12 {

  background: #f1f6ff;

}

.gray-bg13 {

  background: #f5f5f5;

}

.gray-bg14 {

  background: #f9faff;

}

.gray-bg15 {

  background: #f9f9f9;

}

.black-bg {

  background-color: #3A3748;

}

.black-bg2 {

  background-color: #100E22;

}

.black-bg3 {

  background-color: #9147ff;

}

.black-bg4 {

  background-color: #000;

}

.black-bg5 {

  background-color: #3A3748;

}

.black-bg6 {

  background-color: #1D1C2D;

}

.purple-bg {

  background-color: #6721B5;

}

.purple-bg2 {

  background-color: #4f4bff;

}

.purple-bg3 {

  background-color: #fff;

}

.blue-bg {

  background-color: #5F0FC5;

}

.blue-bg2 {

  background-color: #4f00b2;

}

.red-bg {

  background-color: #BE0D42;

}

.red-bg2 {

  background-color: #400F10;

}

.red-bg3 {

  background-color: #c42b37;

}

.yellow-bg {

  background-color: #FFDC76;

}

.white-color {

  color: #ffffff !important;

}

.title-color {

  color: #101010 !important;

}

.body-color {

  color: #3e3e3e !important;

}

.white-bg {

  background: #fff;

}

.pb-225 {

  padding-bottom: 225px;

}

.pb-215 {

  padding-bottom: 215px;

}

a {

  color: #9147ff;

  transition: all 0.3s ease;

  text-decoration: none !important;

  outline: none !important;

}

a:active,

a:hover {

  text-decoration: none;

  outline: 0 none;

  color: #9147ff;

}

ul {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}

.clear {

  clear: both;

}

::-moz-selection {

  background: #9147ff;

  text-shadow: none;

  color: #ffffff;

}

::selection {

  background: #9147ff;

  text-shadow: none;

  color: #ffffff;

}

.bg1 {

  background: url(assets/images/bg/ser-bg1.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg2 {

  background: url(assets/images/bg/port-bg1.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg3 {

  background: url(assets/images/bg/faq-bg1.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg4 {

  background: url(assets/images/bg/price-bg1.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg5 {

  background: url(assets/images/bg/ser-bg2.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

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

}

body.nav-expanded .offwrap {

  left: 0%;

  transition: all 0.8s ease-out 0s;

}

.bg-unset {

  background: unset !important;

}

.rs-menu-toggle {

  color: #9147ff;

  text-align: right;

}

button {

  cursor: pointer;

}

.glyph-icon:before {

  margin: 0;

}

.z-index-1 {

  position: relative;

  z-index: 1;

}

.dots {

  list-style: disc;

  margin: 0 0 1.5em 3em;

}

input:focus,

select:focus,

textarea:focus,

button:focus {

  outline: none !important;

}

ul.check-lists .list-item {

  padding-bottom: calc(9px);

}

ul.check-lists .list-item .icon-list-icon i {

  color: #0072f5;

  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-style2 .list-item .icon-list-icon i {

  color: #9147ff;

}

ul.check-lists.check-style3 .list-item .icon-list-icon i {

  color: #ffae00;

}

ul.check-lists.check-style4 .list-item .icon-list-icon i {

  color: #9147ff;

}

.stylelisting {

  list-style-type: none;

  margin-left: 20px !important;

}

.stylelisting li {

  position: relative;

  padding-left: 22px !important;

  line-height: 34px;

  border: none !important;

}

.stylelisting li:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

  content: "\f054";

  font-family: 'FontAwesome';

  color: #9147ff;

  font-size: 12px;

}

.pagination-area {

  display: inline-block;

}

.pagination-area .nav-link {

  display: flex;

  align-items: center;

  padding: 15px 10px 15px 8px;

  border-radius: 0;

  background: #9147ff;

}

.pagination-area .nav-link .page-number {

  padding: 2px 15px 0 20px;

  line-height: 12px;

  font-size: 18px;

  text-decoration: none;

  transition: all 0.4s ease-in-out 0s;

  text-align: center;

  background: 0 0;

  color: #eee;

  display: inline-block;

  vertical-align: top;

  border-right: 1px solid #e6e6e6;

}

.pagination-area .nav-link .page-number.border-none {

  border-right: unset;

}

.pagenav-link ul {

  border: 1px solid #f2f2f2;

  border-radius: 3px;

  display: inline-block;

  padding: 0 3px;

}

.pagenav-link ul li {

  display: inline-block;

  padding: 0 18px;

  margin: 10px 0;

  border-right: 1px solid #E6E6E6;

  color: #9147ff;

  font-size: 18px;

}

.pagenav-link ul li a {

  font-size: 18px;

  font-weight: 500;

  color: #3e3e3e;

}

.pagenav-link ul li a i:before {

  position: relative;

  padding-left: 3px;

  font-family: uicons-regular-rounded !important;

  color: #010d14;

  font-size: 20px;

  top: 5px;

  display: inline-block;

  transition: all 0.3s ease;

}

.pagenav-link ul li a:hover {

  color: #9147ff;

}

.pagenav-link ul li a:hover i:before {

  color: #9147ff;

}

.pagenav-link ul li:last-child {

  border-right: none;

}

.gridFilter button {

  background: transparent;

  color: #000;

  padding: 5px 20px !important;

  border-radius: 0px 0px 0px 0px;

  font-size: 16px;

  font-weight: 600;

  text-transform: capitalize;

  display: inline-block;

  padding: 0;

  transition: 0.4s;

  outline: none;

  position: relative;

  border: 0;

}

.gridFilter button:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  background: #0072F5;

  height: 2px;

  width: 0;

  transition: 0.4s;

}

.gridFilter button.active,

.gridFilter button:hover {

  color: #0072F5;

  background: #9E222200 !important;

}

.gridFilter button.active:before,

.gridFilter button:hover:before {

  width: 10px;

}

.gridFilter button + button {

  margin-left: 20px;

}

.gridFilter.grid-red-style1 button:before {

  background: #be0d42;

}

.gridFilter.grid-red-style1 button.active,

.gridFilter.grid-red-style1 button:hover {

  color: #be0d42;

  background: #9E222200 !important;

}

.gridFilter.grid-red-style2 button {

  font-weight: 500;

}

.gridFilter.grid-red-style2 button:before {

  background: #9147ff;

}

.gridFilter.grid-red-style2 button.active,

.gridFilter.grid-red-style2 button:hover {

  color: #9147ff;

  background: #9E222200 !important;

}

.gridFilter.grid-yellow-style2 button {

  font-weight: 500;

}

.gridFilter.grid-yellow-style2 button:before {

  background: #ffae00;

}

.gridFilter.grid-yellow-style2 button.active,

.gridFilter.grid-yellow-style2 button:hover {

  color: #ffae00;

  background: #9E222200 !important;

}

blockquote {

  margin: 40px 0;

  padding: 30px 40px;

  color: #222;

  position: relative;

  background: #fbfbfb !important;

  font-weight: normal;

  font-style: italic;

  text-align: left;

  clear: both;

  font-weight: 400;

  border-left: 4px solid #9147ff;

  border-color: #9147ff;

}

blockquote p {

  font-size: 20px;

  margin: 0;

}

.rs-carousel.nav-style1 {

  position: relative;

}

.rs-carousel.nav-style1 .owl-nav {

  display: block;

}

.rs-carousel.nav-style1 .owl-nav .owl-next,

.rs-carousel.nav-style1 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 30px;

  width: 42px;

  height: 42px;

  line-height: 42px;

  border-radius: 50%;

  background: #9147ff;

  text-align: center;

  color: #ffffff;

  transition: all 0.5s;

  transition-delay: 0.70s;

  opacity: 0;

  visibility: hidden;

}

.rs-carousel.nav-style1 .owl-nav .owl-next i:before,

.rs-carousel.nav-style1 .owl-nav .owl-prev i:before {

  content: "\f138";

  font-family: Flaticon;

}

.rs-carousel.nav-style1 .owl-nav .owl-next {

  right: 30px;

  left: unset;

}

.rs-carousel.nav-style1 .owl-nav .owl-next i:before {

  content: "\f137";

}

.rs-carousel.nav-style1:hover .owl-nav .owl-next,

.rs-carousel.nav-style1:hover .owl-nav .owl-prev {

  left: -50px;

  transition-delay: 0s;

  visibility: visible;

  opacity: 1;

}

.rs-carousel.nav-style1:hover .owl-nav .owl-next {

  right: -50px;

  left: unset;

}

.rs-carousel .owl-dots {

  text-align: center;

  margin-top: 40px;

}

.rs-carousel .owl-dots .owl-dot {

  width: 14px;

  height: 8px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border: none;

  transition: all 0.3s ease;

  background: #ffb703;

}

.rs-carousel .owl-dots .owl-dot:hover,

.rs-carousel .owl-dots .owl-dot.active {

  width: 40px;

  background: #ffb703;

  opacity: 1;

}

/* no-gutters Class Rules */

.row.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

  padding-right: 0;

  padding-left: 0;

}

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

	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;

}

.y-bottom {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: flex-end;

  -webkit-align-items: flex-end;

  align-items: flex-end;

}

.project-item .vertical-middle {

  position: relative;

  z-index: 9;

}

.vertical-middle {

  display: table;

  height: 100%;

  width: 100%;

}

.vertical-middle-cell {

  display: table-cell;

  vertical-align: middle;

}

.readon {

  cursor: pointer;

  display: inline-block;

  position: relative;

  font-size: 18px;

  line-height: 28px;

  padding: 12px 35px;

    border-radius: 50px;

  font-weight: 500;

  color: #fff !important;

  font-family: Roobert,sans-serif !important;

  background-color: #000;

  border: 0px solid #5B20B3;



  z-index: 1;



  transition: all 0.4s ease-in-out 0s;

  overflow: hidden;

}

.readon.started {

  background-color: rgba(103, 34, 181, 0.85);

  padding: 21px 33px;

  border-radius: 15px;

  color: #ffffff;

}

.readon.started.icon-slide {

  position: relative;

  font-weight: 500;

  padding: 18px 46px 18px 30px;

  background-color: #8873EF;

  border-radius: 0px 0px 0px 0px;

}

.readon.started.icon-slide .btn-text {

  color: #ffffff;

}

.readon.started.icon-slide:before {

  content: "\f116";

  font-size: 17px;

  color: #fff;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  font-weight: 600;

  top: 18px;

  right: 23px;

  position: absolute;

  transform: rotate(45deg);

  transition: 0.5s;

}

.readon.started.icon-slide:hover {

  background-color: #715DD5;

}

.readon.started.icon-slide:hover:before {

  top: 15px;

}

.readon.started.icon-slide.view {

  font-size: 17px;

  background: unset;

}

.readon.started.icon-slide.view .btn-text {

  color: #3e3e3e;

}

.readon.started.icon-slide.view:before {

  color: #000;

}

.readon.started.icon-slide.view:hover .btn-text {

  color: #8873ef;

}

.readon.started.icon-slide.view:hover:before {

  color: #8873ef;

}

.readon.started.icon-slide.project {

  font-weight: 400;

}

.readon.started.icon-slide .submit {

  border: none;

}

.readon.started.icon-slide.post {

  font-weight: 400;

  background-color: #FFFFFF;

  font-family: Roobert,sans-serif !important;

  color: #3E3E3E;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #3E3E3E;

  border-radius: 0px 0px 0px 0px;

}

.readon.started.icon-slide.post .btn-text {

  color: #3e3e3e;

}

.readon.started.icon-slide.post:before {

  top: 15px;

  transition: 0.5s;

  color: #000;

}

.readon.started.icon-slide.post:hover {

  background-color: #715DD5;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #715DD5;

}

.readon.started.icon-slide.post:hover .btn-text {

  color: #fff;

}

.readon.started.icon-slide.post:hover:before {

  color: #fff;

  top: 15px;

}

.readon.started.blog-slide {

  position: relative;

  font-weight: 500;

  padding: 18px 33px 18px 0px;

  background-color: transparent;

  border-radius: 0px 0px 0px 0px;

}

.readon.started.blog-slide .btn-text {

  color: #3e3e3e;

}

.readon.started.blog-slide:before {

  content: "\f116";

  font-size: 17px;

  color: #000;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  font-weight: 600;

  top: 17px;

  right: 12px;

  position: absolute;

  transform: rotate(45deg);

  transition: 0.5s;

}

.readon.started.blog-slide:hover .btn-text {

  color: #9147ff;

}

.readon.started.blog-slide:hover:before {

  color: #9147ff;

  top: 15px;

}

.readon.leran {

  padding: 21px 34px 21px 34px;

  border-radius: 10px 10px 10px 10px;

  color: #ffffff;

  box-shadow: 0px 40px 60px 0px rgba(103, 34, 181, 0.2);

}

.readon.career {

  background-color: #ff7425;

  padding: 21px 44px 21px 44px;

  border-radius: 10px 10px 10px 10px;

  color: #ffffff;

}

.readon.career:hover {

  background-color: #DA5D17;

}

.readon.submit {

  color: #fff;

  background-color: transparent;

  background-image: linear-gradient(300deg, #ff7425 0%, #ff7425 100%);

  padding: 21px 36px 21px 36px;

  text-transform: uppercase;

  border-radius: 15px 15px 15px 15px;

  box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.05);

  border: none;

}

.readon.submit:hover {

  opacity: .9;

}

.readon.orange {

  padding: 21px 44px 21px 44px;

  background-color: #FF7425;

  color: #fff;

  border-radius: 50px 50px 50px 50px;

  font-family: Roobert,sans-serif !important;

}

.readon.orange:hover {

  background-color: #FFFFFF;

  color: #ff7425;

}

.readon.orange.started {

  background: #6722B5;

}

.readon.orange.started:hover {

  color: #FFFFFF;

  background-color: #6722B5;

}

.readon.orange.contact:hover {

  background-color: #FFFFFF;

  color: #000;

}

.readon.orange.bdr-started {

  background-color: #ff7425;

  border-radius: 15px;

  padding: 21px 40px;

}

.readon.orange.bdr-started:hover {

  color: #FFFFFF;

  background-color: #ff7425;

}

.readon.red {

  padding: 21px 30px 21px 30px;

  background-color: #9147ff;

  border-radius: 15px 15px 15px 15px;

}

.readon.red:hover {

  background-color: #9147ff;

  color: #ffffff;

}

.readon.red.get-bdr {

  font-family: Roobert,sans-serif !important;

  padding: 12px 25px;

  background-color: #FFFFFF;

  color: #9147ff;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-radius: 15px 15px 15px 15px;

}

.readon.red.get-bdr:hover {

  background-color: #9147ff;

  color: #fff;

}

.readon.red.get-bdr.red-black {

  color: #9147ff;

}

.readon.red.get-bdr.red-black:hover {

  background-color: #be0d42;

  color: #fff;

}

.readon.red.get-bdr.red2-black {

  background-color: transparent;

  color: #9147ff;

}

.readon.red.get-bdr.red2-black:hover {

  background-color: #9147ff;

  color: #fff;

}

.readon.red.get-bdr.get-white {

  background-color: transparent;

  color: #fff;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-radius: 50px;

}

.readon.red.get-bdr.get-white:hover {

  background-color: #9147ff;

  border-color: #9147ff;

  color: #fff;

}

.readon.red.learn {

  padding: 21px 36px 21px 36px;

  background-color: #9147ff;

  border-radius: 15px 15px 15px 15px;

  font-family: Roobert,sans-serif !important;

}

.readon.red.learn:hover {

  background-color: #E61A3E;

  color: #ffffff;

}

.readon.red.get-black {

  font-family: Roobert,sans-serif !important;

  padding: 21px 36px 21px 36px;

  background-color: #9147ff;

  border-radius: 10px 10px 10px 10px;

}

.readon.red.get-black:hover {

  background-color: #F4054D;

  color: #ffffff;

}

.readon.red.get-black.contact {

  padding: 21px 44px 21px 44px;

}

.readon.red.get-started2 {

  font-family: Roobert,sans-serif !important;

  padding: 21px 44px 21px 44px;

  background-color: #FE3243;

  border-radius: 50px 50px 50px 50px;

}

.readon.red.get-started2:hover {

  background-color: #FC5563;

  color: #ffffff;

}

.readon.red.cta-contact {

  padding: 21px 44px 21px 44px;

  background-color: #ffffff;

  color: #000;

  border-radius: 50px 50px 50px 50px;

}

.readon.red.cta-contact:hover {

  background-color: #FFD9DC;

}

.readon.blue.started {

  padding: 21px 44px 21px 44px;

  background-color: #0072F5;

  border-radius: 15px 15px 15px 15px;

}

.readon.blue.started:hover {

  background-color: #2D8CFB;

  color: #ffffff;

}

.readon.blue.started.get-bdr {

  font-family: Roobert,sans-serif !important;

  padding: 21px 43px 21px 43px;

  border-radius: 50px 50px 50px 50px;

}

.readon.blue.started.get-bdr:hover {

  background-color: #2D8CFB;

  color: #ffffff;

}

.readon.purple {

  font-family: Roobert,sans-serif !important;

  border-radius: 50px 50px 50px 50px;

  padding: 21px 44px 21px 44px;

  background-color: #4F4BFF;

}

.readon.purple:hover {

  background-color: #2D8CFB;

  color: #ffffff;

}

.readon.purple.submit {

  font-weight: 500;

  text-transform: capitalize;

  background-image: unset;

  border: none;

}

.readon.purple.submit2 {

  font-weight: 500;

  text-transform: capitalize;

  background-image: unset;

  border: none;

  background-color: #9147ff;

}

.readon.purple.submit2:hover {

  background-color: #E32132;

  color: #ffffff;

}

.readon.purple.get-contact {

  font-family: Roobert,sans-serif !important;

  padding: 21px 36px 21px 36px;

  background-color: #ff7425;

  border-radius: 50px 50px 50px 50px;

}

.readon.purple.get-contact:hover {

  background-color: #f77016;

  color: #ffffff;

}

.readon.view-pro {

  font-family: Roobert,sans-serif !important;

  background-color: #DD4447;

  border-radius: 10px 10px 10px 10px;

  padding: 19px 36px 19px 36px;

}

.readon.view-pro:hover {

  background-color: #e91b1f;

  color: #ffffff;

}

.readon.project-yellow {

  font-weight: 400;

  color: #353535;

  border-radius: 15px;

  background-color: #ffae00;

}

.readon.project-yellow:hover {

  background-color: #ffc107;

}

.readon.project-yellow.view-arrow {

  font-weight: 600;

  background-color: transparent;

}

.readon.project-yellow.view-arrow .btn-text {

  color: #ffffff;

}

.readon.project-yellow.view-arrow i:before {

  font-size: 16px;

  color: #ffffff;

  margin-left: 18px;

}

.readon.project-yellow.view-arrow:hover .btn-text {

  color: #ffae00;

}

.readon.project-yellow.view-arrow:hover i:before {

  color: #ffae00;

}

.readon.project-yellow.started {

  font-weight: 500;

}

.readon.project-yellow.contact {

  background-color: #ffffff;

  color: #3e3e3e;

  border-radius: 50px;

  font-weight: 500;

}

.readon.project-yellow.contact:hover {

  background-color: #ffae00;

  color: #ffffff;

}

.readon.orange-hire {

  padding: 20px 55px 20px 55px;

  border-radius: 50px 50px 50px 50px;

  font-family: Roobert,sans-serif !important;

  font-size: 18px;

  font-weight: 600;

  background-color: #CF3201;

}

.readon.orange-hire:hover {

  background-color: #f1450f;

  color: #ffffff;

}

.readon.orange-hire.resume {

  padding: 20px 0px 20px 0px;

  background-color: transparent;

}

.readon.orange-hire.resume .btn-text {

  color: #ffffff;

}

.readon.orange-hire.resume i:before {

  font-size: 16px;

  color: #ffffff;

  margin-left: 20px;

}

.readon.orange-hire.resume:hover .btn-text {

  color: #cf3201;

}

.readon.orange-hire.resume:hover i:before {

  color: #cf3201;

}

.readon.orange-hire.resume.down-black {

  font-weight: 400;

}

.readon.orange-hire.resume.down-black .btn-text {

  color: #000;

}

.readon.orange-hire.resume.down-black i:before {

  color: #000;

}

.readon.orange-hire.resume.down-black:hover .btn-text {

  color: #cf3201;

}

.readon.orange-hire.resume.down-black:hover i:before {

  color: #cf3201;

}

.readon.orange-hire.resume2 {

  padding: 20px 0px 20px 0px;

  background-color: transparent;

}

.readon.orange-hire.resume2 .btn-text {

  color: rgba(255, 255, 255, 0.8);

}

.readon.orange-hire.resume2 i:before {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.8);

  margin-left: 20px;

}

.readon.orange-hire.resume2:hover .btn-text {

  color: #dd4447;

}

.readon.orange-hire.resume2:hover i:before {

  color: #dd4447;

}

.readon.orange-hire.submit3 {

  padding: 21px 44px 21px 44px;

  background-color: #CF3201;

  border: none;

}

.readon.orange-hire.submit3:hover {

  background-color: #B72D02;

  color: #ffffff;

}

.readon.orange-hire.get-red {

  background-color: #9147ff;

  padding: 22px 43px 22px 43px;

}

.readon.orange-hire.get-red:hover {

  background-color: #d91828;

  color: #ffffff;

}

.readon.shop {

  background: linear-gradient(98.89deg, #9147ff 8.22%, #009cf4 89.42%);

  transition: all 500ms ease;

  border-radius: 50px;

}

.readon.shop:hover {

  transition: all 500ms ease;

  background: linear-gradient(98.89deg, #009cf4 8.22%, #9147ff 89.42%);

  color: #ffffff;

}

.readon.shop-now {

  font-size: 16px;

  line-height: 26px;

  color: #3E3E3E;

  background-color: transparent;

  padding: 10px 0;

}

.readon.shop-now:before {

  content: '';

  position: absolute;

  height: 1px;

  width: 0;

  left: 0;

  opacity: 0;

  bottom: 1px;

  transition: all 500ms ease;

  background: #3E3E3E;

}

.readon.shop-now:hover {

  color: #9147ff;

}

.readon.shop-now:hover:before {

  opacity: 1;

  background: #9147ff;

  width: 100px;

}

.readon.pricing {

  width: 100%;

  padding: 20px 20px 20px 20px;

  font-weight: 700;

  color: #6722B5;

  background-color: #FFFFFF;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #6722B5;

  border-radius: 15px 15px 15px 15px;

}

.readon.pricing:hover {

  background-color: #6722B5;

  color: #FFFFFF;

  box-shadow: 0px 20px 40px 0px rgba(103, 34, 181, 0.2);

}

.readon.post {

  font-size: 16px;

  font-weight: 500;

  text-transform: uppercase;

  background-color: #9147ff;

  border: none;

  padding: 21px 30px 19px;

  border-radius: 5px;

}

.readon.post:hover {

  opacity: 0.9;

}

/*-- Add Button CSS --*/

.add-btn {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: all 0.4s;

  padding: 8px 33px;

  font-size: 16px;

  font-weight: 500;

  border-radius: 5px;

  background: #9147ff;

  color: #ffffff;

  text-transform: uppercase;

  border: none;

}

.add-btn:hover {

  color: #ffffff;

  background: #000;

}

.add-btn.cart {

  text-transform: capitalize;

}

/*-- Project Button CSS --*/

.project-button a {

  color: #FFFFFF;

  font-family: Roobert,sans-serif !important;

  font-size: 18px;

  font-weight: 600;

  line-height: 28px;

  padding: 21px 36px 21px 36px;

  transition: all 0.4s;

  background-color: transparent;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-radius: 10px 10px 10px 10px;

  box-shadow: 0px 40px 60px 0px rgba(103, 34, 181, 0.15);

}

.project-button a i {

  margin-left: 8px;

}

.project-button a i:before {

  color: #fff;

  position: relative;

  font-size: 17px;

  top: 3px;

  transition: all .3s ease;

  display: inline-block;

}

.project-button a:hover {

  color: #ffffff;

  background: #ff7425;

  border-color: #ff7425;

}

.project-button.pro-btn2 a {

  border-radius: 30px 30px 30px 30px;

}

.project-button.pro-btn3 a {

  font-weight: 500;

  padding: 18px 34px 16px 34px;

  background-color: #FFFFFF00;

  color: #3e3e3e;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #3E3E3E8F;

  border-radius: 10px 10px 10px 10px;

  box-shadow: unset;

}

.project-button.pro-btn3 a i {

  margin-left: 8px;

}

.project-button.pro-btn3 a i:before {

  color: #3e3e3e;

  position: relative;

  font-size: 17px;

  top: 3px;

  transition: all .3s ease;

  display: inline-block;

}

.project-button.pro-btn3 a:hover {

  color: #ffffff;

  background: #9147ff;

  border-color: #9147ff;

}

.project-button.pro-btn3 a:hover i:before {

  color: #ffffff;

}

.project-button.pro-btn4 a {

  font-weight: 500;

  padding: 18px 34px 16px 34px;

  background-color: #FFFFFF00;

  color: #3e3e3e;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #3E3E3E8F;

  border-radius: 10px 10px 10px 10px;

  box-shadow: unset;

}

.project-button.pro-btn4 a i {

  margin-left: 8px;

}

.project-button.pro-btn4 a i:before {

  color: #3e3e3e;

  position: relative;

  font-size: 17px;

  top: 3px;

  transition: all .3s ease;

  display: inline-block;

}

.project-button.pro-btn4 a:hover {

  color: #ffffff;

  background: #4f4bff;

  border-color: #4f4bff;

}

.project-button.pro-btn4 a:hover i:before {

  color: #ffffff;

}

.project-button.pro-btn4.pro-red3 a:hover {

  color: #ffffff;

  background: #9147ff;

  border-color: #9147ff;

}

.project-button.pro-btn4.pro-red3 a:hover i:before {

  color: #ffffff;

}

.project-button.pro-btn4.pro-orange a {

  font-weight: 600;

  font-family: Roobert,sans-serif !important;

  border-width: 1px 1px 1px 1px;

}

.project-button.pro-btn4.pro-orange a:hover {

  color: #ffffff;

  background: #ff7425;

  border-color: #ff7425;

}

.project-button.pro-btn4.pro-orange a:hover i:before {

  color: #ffffff;

}

.project-button.pro-btn5 a {

  padding: 15px 30px 17px 30px;

  background-color: #CF3201;

  font-weight: 400;

  border-style: unset;

  border-width: unset;

  border-radius: 50px 50px 50px 50px;

  box-shadow: unset;

}

.project-button.pro-btn5 a i:before {

  top: 0px;

}

.project-button.pro-btn5 a:hover {

  background-color: #A52A04;

}

.project-button.pro-btn6 a {

  padding: 15px 30px 17px 30px;

  background-color: #1A28DA;

  border-radius: 0px 0px 0px 0px;

  font-weight: 400;

  border-style: unset;

  border-width: unset;

  box-shadow: unset;

}

.project-button.pro-btn6 a i:before {

  top: 0px;

}

.project-button.pro-btn6 a:hover {

  background-color: #131EAD;

}

.project-button.blog-btn1 a {

  font-weight: 500;

  padding: 18px 34px 16px 34px;

  background-color: #FFFFFF00;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #3E3E3E;

  color: #3E3E3E;

  border-radius: 10px 10px 10px 10px;

  box-shadow: unset;

}

.project-button.blog-btn1 a i:before {

  color: #3E3E3E;

}

.project-button.blog-btn1 a:hover {

  color: #ffffff;

  background: #9147ff;

  border-color: #9147ff;

}

.project-button.blog-btn1 a:hover i:before {

  color: #ffffff;

}

.project-arrow-btn .arrow-icons {

  width: 35px;

  height: 35px;

  line-height: 35px;

  border-radius: 35px;

  border: 1px solid #3E3E3E;

  text-align: center;

  transition: 0.4s;

  position: relative;

  top: -16px;

  display: block;

}

.project-arrow-btn .arrow-icons:before {

  content: "\f116";

  font-size: 16px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  font-weight: 600;

  transform: rotate(45deg);

  transition: 0.5s;

}

.project-arrow-btn .arrow-icons:hover {

  background: #9147ff;

  border: 1px solid #9147ff;

}

.project-arrow-btn .arrow-icons:hover:before {

  color: #ffffff;

}

/*-- Services Button CSS --*/

.services-button a {

  font-size: 18px;

  font-weight: 500;

  line-height: 16px;

  font-family: Roobert,sans-serif !important;

}

.services-button a .btn-text {

  color: #372748;

}

.services-button a i {

  margin-left: 6px;

}

.services-button a i:before {

  color: #372748;

  position: relative;

  font-size: 18px;

  top: 5px;

  transition: all .3s ease;

  display: inline-block;

}

.services-button a:hover .btn-text {

  color: #9147ff;

}

.services-button a:hover i:before {

  color: #9147ff;

  transform: translateX(10px);

}

.services-button .arrow-icon:before {

  content: "\f116";

  font-size: 17px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  font-weight: 600;

  top: 18px;

  position: relative;

  transform: rotate(45deg);

  transition: 0.5s;

}

.services-button .arrow-icon:hover:before {

  color: #9147ff;

  top: 15px;

}

/*-- Blog Button CSS --*/

.blog-button a {

  font-size: 18px;

  font-weight: 400;

  line-height: 16px;

  font-family: Roobert,sans-serif !important;

}

.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: #ff7425;

}

.blog-button a:hover i:before {

  color: #ff7425;

  transform: translateX(10px);

}

.blog-button.inner-btn a {

  position: relative;

  padding: 0 20px 0 0;

  font-size: 18px;

  font-weight: 400;

  line-height: 26px;

  text-transform: capitalize;

  font-family: Roobert,sans-serif !important;

  color: #010d14;

  z-index: 1;

}

.blog-button.inner-btn a:before {

  content: "\f121";

  position: absolute;

  font-family: uicons-regular-rounded !important;

  font-size: 19px;

  top: 2px;

  right: -5px;

  opacity: 1;

  transition: all 0.3s;

}

.blog-button.inner-btn:hover a {

  color: #9147ff;

}

.blog-button.inner-btn:hover a:before {

  right: -10px;

  opacity: 1;

}

/*-- Submit Button CSS --*/

.submit-btn {

  display: inline-block;

  position: relative;

  background-color: #8873EF;

  border: none;

}

.submit-btn .btn-text {

  color: #ffffff;

}

.submit-btn:before {

  content: "\f116";

  font-size: 17px;

  color: #fff;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  font-weight: 600;

  top: 15px;

  right: 23px;

  position: absolute;

  transform: rotate(45deg);

  transition: 0.5s;

  z-index: 1;

}

.submit-btn input[type="submit"] {

  position: relative;

  display: inline-block;

  border-radius: 3px;

  font-size: 18px;

  font-weight: 400;

  cursor: pointer;

  color: #fff;

  padding: 14px 50px 14px 38px;

  outline: none;

  transition: all .5s ease;

  background: 0 0;

  border: none;

}

.submit-btn:hover input[type="submit"] {

  background-color: #6654BC;

}

.submit-btn:hover:before {

  top: 12px;

}

.submit-btn.submit-reds {

  background: #9147ff;

  border-radius: 15px 15px 15px 15px;

}

.submit-btn.submit-reds input[type="submit"] {

  border-radius: 15px 15px 15px 15px;

}

.submit-btn.submit-reds:hover input[type="submit"] {

  background-color: #9147ff;

}

.submit-btn.submit-reds:hover:before {

  top: 12px;

}

.submit-btn.submit-stle2 {

  background-color: #6722B5;

  border-radius: 15px 15px 15px 15px;

}

.submit-btn.submit-stle2 input[type="submit"] {

  border-radius: 15px 15px 15px 15px;

}

.submit-btn.submit-stle2:hover input[type="submit"] {

  background-color: #7A36C6;

}

.submit-btn.submit-stle2:hover:before {

  top: 12px;

}

.address-wrap-item .icon-part {

  display: inline-block;

  position: relative;

  height: 70px;

  width: 70px;

  line-height: 70px;

  border-radius: 100%;

  text-align: center;

  background: #9147ff;

}

.address-wrap-item .icon-part i {

  text-align: center;

  color: #000;

  border-radius: 100%;

  font-size: 30px;

  position: relative;

  line-height: 70px;

  z-index: 9;

  width: 100%;

  vertical-align: middle;

  margin-left: 0;

  height: auto;

}

.address-wrap-item .icon-part:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  animation: pulse-border 1500ms ease-out infinite;

  background: #9147ff;

}

.address-wrap {

  display: flex;

  align-items: center;

}

.address-wrap .address-icon {

  display: inline-block;

  position: relative;

  height: 70px;

  width: 70px;

  line-height: 70px;

  border-radius: 100%;

  text-align: center;

  background: #fff;

}

.address-wrap .address-icon:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  animation: pulse-border 1500ms ease-out infinite;

  background: #fff;

}

.address-wrap .address-icon i {

  text-align: center;

  color: #ff7425;

  border-radius: 100%;

  font-size: 30px;

  position: relative;

  line-height: 70px;

  z-index: 9;

  width: 100%;

  vertical-align: middle;

  margin-left: 0;

  height: auto;

  line-height: 55px;

}

.address-wrap .content-txt {

  padding-left: 30px;

}

.address-wrap .des {

  font-size: 25px;

  font-weight: 500;

  line-height: 40px;

  color: #fff;

}

/*Video Icon*/

.rs-videos .animate-border .popup-border {

  display: flex;

  align-items: center;

  font-size: 18px;

  font-weight: 600;

  color: #3E3E3E;

}

.rs-videos .animate-border .popup-border em {

  position: relative;

  border-width: 1px;

  border-radius: 15px;

  font-weight: 600;

  border-color: #9147ff;

  border-style: solid;

  margin-left: 12px;

  margin-right: 15px;

  padding: 22px 33px !important;

  width: 80px;

  height: 69px;

  display: inline-block;

}

.rs-videos .animate-border .popup-border em i {

  font-size: 22px;

  line-height: 25px;

  font-weight: 500;

  color: #9147ff;

}

.rs-videos .animate-border .popup-border:hover {

  color: #ff7425;

}

.rs-videos .animate-border .popup-border:hover em {

  border-color: #ff7425;

}

.rs-videos .animate-border .popup-border:hover em i {

  color: #ff7425;

}

.rs-videos.red-style1 .animate-border .popup-border {

  color: #ffffff;

}

.rs-videos.red-style1 .animate-border .popup-border em {

  border-color: #fff;

}

.rs-videos.red-style1 .animate-border .popup-border em i {

  color: #ffffff;

}

.rs-videos.red-style1 .animate-border .popup-border:hover {

  color: #9147ff;

}

.rs-videos.red-style1 .animate-border .popup-border:hover em {

  border-color: #9147ff;

}

.rs-videos.red-style1 .animate-border .popup-border:hover em i {

  color: #9147ff;

}

.margin-remove {

  margin: 0 !important;

}

.no-gutter {

  margin-left: 0;

  margin-right: 0;

}

.no-gutter [class*="col-"] {

  padding-left: 0;

  padding-right: 0;

}

[class^="flaticon-"]:before,

[class*=" flaticon-"]:before,

[class^="flaticon-"]:after,

[class*=" flaticon-"]:after {

  margin: 0;

}

.container-fluid {

  padding-left: 70px;

  padding-right: 70px;

}

.display-table {

  display: table;

  height: 100%;

  width: 100%;

}

.display-table-cell {

  display: table-cell;

  vertical-align: middle;

}

.relative {

  position: relative;

}

.pt-relative {

  position: relative !important;

}

.sec-title {

  position: relative;

}

.sec-title .sub-text {

  font-size: 18px;

  font-weight: 200;

  line-height: 30px;

  color: #9147ff !important;

  text-transform: uppercase;

  font-family: Roobert,sans-serif !important;

  margin: 0 0 10px;

  display: block;

  padding: 5px 0;

}

.sec-title .sub-text.primary-color {

  color: #9147ff;

}

.sec-title .sub-text.sub-text2 {

  font-size: 25px;

  font-weight: 600;

  line-height: 35px;

  color: #ffffff;

  text-transform: capitalize;

  font-family: Roobert,sans-serif !important;

}

.sec-title .sub-text.text3 {

  color: #FFDC76;

}

.sec-title .title {

  font-size: 34px;

  font-weight: 300;

  line-height: 34px;

  padding-top: 10px;

  letter-spacing: -0.02em;

  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.title4 {

  font-size: 35px;

  line-height: 45px;

  font-weight: 700;

  color: #ffffff;

}

.sec-title .title.title5 {

  font-size: 55px;

  line-height: 60px;

  font-weight: 400;

  color: #000;

  position: relative;

  bottom: -55px;

}

.sec-title .title span {

  color: #9147ff;

}

.sec-title .desc {

  font-size: 20px;

  line-height: 28px;

  font-weight: 300 !important;

  color: #3e3e3e;

  margin: 0;

}

.sec-title .desc.desc2 {

  color: #BCBBBB;

}

.sec-title .desc.desc3 {

  color: #FFFFFFC2;

}

.sec-title .desc.desc4 {

  color: #fff;

}

.sec-title2 .sub-text {

  font-size: 20px;

  font-weight: 500;

  line-height: 30px;

  color: #9147ff;

  letter-spacing: -0.00em;

  text-transform: uppercase;

  font-family: Roobert,sans-serif !important;

  margin: 0 0 10px;

  display: block;

  padding-right: 20px;



}

.sec-title2 .sub-text.sub-text2 {

  color: #be0d42;

}

.sec-title2 .sub-text.sub-text3 {

  position: relative;

  padding: 5px  0px;

  text-align: left !important;

  color: #000;

  font-weight: 200;

  font-size: 18px;

  max-width: 100%;

  border-bottom: 1px solid #000;

  letter-spacing:0px;

  margin-bottom: 20px !important;

}





.sec-title2 .sub-text.sub-text4 {

  position: relative;

  padding: 5px  0px;

  text-align: left !important;

  color: #fff;

  font-weight: 200;

  font-size: 18px;

  max-width: 100%;

  border-bottom: 1px solid #fff;

  letter-spacing:0px;

}





.sec-title2 .sub-text.sub-text5 {

  position: relative;

  padding: 5px  0px;

  text-align: left !important;

  color: #000;

  font-weight: 200;

  font-size: 18px;

  max-width: 100%;

  border-bottom: 1px solid #9147ff;

  letter-spacing:0px;

}







.sec-title2 .title {





  font-weight: 500;

  letter-spacing: -0.03em;

  color: #000;

  margin: 0;

}

.sec-title2 .title span {

  color: #9147ff;

}

.sec-title2 .title.title2 {

  position: relative;

  color: #ffffff;

}

.sec-title2 .title.title2:before {

  content: "";

  position: absolute;

  border: 0;

  width: 40px;

  height: 1px;

  background: #9147ff;

  z-index: 1;

  margin-left: 0;

  left: 0;

  bottom: -20px;

}

.sec-title2 .title.title3 {

  font-size: 100px;

  letter-spacing: -0.04em !important;

  line-height: 90px;

  text-transform: none;

}

.sec-title2 .title.title4 {

  font-size: 100px;

  line-height: 100px !important;

  padding: 0  0px;

  font-weight: 500;

  text-align: left;

}

.sec-title2 .title.title5 {

  font-size: 60px;

  line-height: 70px;

  font-weight: 500;

}

.sec-title2 .title.title6 {

  font-size: 50px;

  line-height: 60px;

  font-weight: 600;

  font-family: Roobert,sans-serif !important;

}

.sec-title2 .title.title7 {

  font-size: 50px;

  line-height: 60px;

  font-weight: 500;

  font-family: Roobert,sans-serif !important;

  text-transform: capitalize;

}

.sec-title2 .title.title8 {

  font-size: 48px;

  line-height: 58px;

}

.sec-title2 .desc {

  font-size: 18px;

  line-height: 28px;

  font-weight: 400;

  color: #3e3e3e;

  margin: 0;

}

.sec-title2 .desc.desc2 {

  color: #FFFFFFB5;

}

.sec-title2 .desc.dese3 {

  font-size: 16px;

  line-height: 26px;

}

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

	03. Header Section CSS

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

.full-width-header {

  position: relative;

}

.full-width-header .rs-header {

  position: relative;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 {

  padding: 0 20px;

  background: #010D14;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li {

  display: inline-block;

  line-height: 50px;

  font-size: 15px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child {

  margin-right: 0;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i {

  color: #9147ff;

  margin-right: 6px;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i:before {

  font-size: 18px;

  margin-left: 0;

  position: relative;

  top: 3px;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a {

  border-right: 1px solid #514d4d;

  margin-right: 20px;

  padding-right: 20px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a:hover {

  color: #9147ff;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li .desc {

  margin: 0;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child a {

  border: none;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix {

  text-align: right;

  margin: 0px;

  padding: 0;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em {

  border-right: 1px solid #514d4d;

  margin-right: 5px;

  padding-right: 20px;

  color: #ffffff;

  font-style: normal;

  font-size: 14px;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i {

  color: #9147ff;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i:before {

  font-size: 18px;

  margin-right: 8px;

  line-height: 20px;

  position: relative;

  top: 3px;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li {

  display: inline-block;

  line-height: 50px;

  margin-right: 13px;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li:last-child {

  margin-right: 0;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i {

  font-size: 15px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i:hover {

  color: #9147ff;

}

.full-width-header .rs-header .menu-area {

  transition: all 0.3s ease 0s;

  background: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

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

  max-height: 70px;

  height: 70px;

}

.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: 18px;

  font-weight: 500;

  margin-right: 10px;

  height: 110px;

  line-height: 110px;

  padding: 0;

  color: #fff;

  position: relative;

  font-family: Roobert,sans-serif !important;

  transition: all 0.3s ease;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover {

  color: #000 !important;



}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a {

  padding-right: 17px;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:before {

  content: "+";

  position: absolute;

  left: auto;

  right: 4px;

  top: 50%;

  text-align: center;

  z-index: 9999;

  font-size: 16px;

  display: block;

  cursor: pointer;

  transform: translateY(-50%);

  font-weight: 400;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children:hover > a:before {

  content: "-";

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #9147ff !important;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu {

  background: #ffffff;

  margin: 0;

  padding: 20px 0;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li {

  margin: 0 !important;

  border: none;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a {

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 30px;

  padding-right: 30px;

  margin: 0;

  font-family: Roobert,sans-serif !important;

  font-size: 14px;

  font-weight: 500;

  color: #101010;

  height: unset;

  line-height: 25px;

  text-transform: capitalize;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {

  color: #9147ff;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li:last-child {

  margin: 0;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before {

  display: none;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu.right {

  left: auto;

  right: 100%;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.onepage-menu li.current-menu-item > a {

  color: #9147ff;

}

.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.active a,

.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: #9147ff !important;

}

.full-width-header .rs-header .menu-area.sticky {

  background: #000;

  display: none;

}

.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: #fff;

}

.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {

  color: #9147ff;

}

.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {

  color: #9147ff;

}

.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .sidebarmenu-search a i {

  display: none;

}

.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 .expand-btn-inner ul .search-parent {

  position: relative;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent a i {



}

.full-width-header .rs-header .expand-btn-inner ul .search-parent a i:before {

  font-size: 18px;

  font-weight: 400 !important;

  font-family: uicons-regular-rounded !important;

  position: relative;

  top: 3px;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent a i:hover {

  color: #9147ff;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form {

  position: absolute;

  top: 69px;

  right: 0;

  max-width: 400px;

  width: 400px;

  z-index: 9;

  border-radius: 4px;

  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.09);

  opacity: 0;

  visibility: hidden;

  right: -93px;

  transition: 0.4s;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 0 0 0;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form .screen-reader-text {

  position: absolute;

  top: -10000em;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form input {

  background: #010d14;

  border: none;

  color: #000;

  outline: none;

  padding: 14px 17px;

  width: 100%;

  border-radius: 5px;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button {

  background: transparent !important;

  border: medium none;

  padding: 13px 18px;

  position: absolute;

  right: 0;

  bottom: -5px;

  z-index: 1;

  outline: none;

  border-radius: 0;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button i:before {

  font-size: 20px;

  font-weight: 600;

  color: #ffffff;

  font-family: uicons-regular-rounded !important;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #fff;

  opacity: 1;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form ::-moz-placeholder {

  /* Firefox 19+ */



  color: #fff;

  opacity: 1;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form :-ms-input-placeholder {

  /* IE 10+ */



  color: #fff;

  opacity: 1;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form :-moz-placeholder {

  /* Firefox 18- */



  color: #fff;

  opacity: 1;

}

.full-width-header .rs-header .expand-btn-inner ul .search-parent.open_add_class .sticky_form {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

}

.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander {

  background: transparent;

  padding: 12px 0px;



  display: none;

  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: #9147ff;

  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.sub-menu li a {

  color: #000;

}

.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul li.active a,

.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 {

  color: #ff7425 !important;

}

.full-width-header .rs-header.header-style1 .expand-btn-inner ul .search-parent a i {

  color: #ffffff;

}

.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.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: #3e3e3e;

}

.full-width-header .rs-header.header-style1 .menu-area.sticky .expand-btn-inner ul .search-parent a i {

  color: #3e3e3e;

}

.full-width-header .rs-header.header-style1 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander {

  background: #3e3e3e;

}

.full-width-header .rs-header.header-style1 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander .bar span {

  background: #ffffff;

}

.full-width-header .rs-header.header-style1.header-modify1 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style1.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style1.header-modify1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style1.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #dd4447 !important;

}

.full-width-header .rs-header.header-style1.header-yellow-modify3 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style1.header-yellow-modify3 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style1.header-yellow-modify3 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style1.header-yellow-modify3 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #ffae00 !important;

}

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.sub-menu li a {

  color: #000;

}

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #0072f5 !important;

}

.full-width-header .rs-header.header-style2 .expand-btn-inner ul .search-parent a i:hover {

  color: #0072f5;

}

.full-width-header .rs-header.header-style2.header-modify2 {

  border-bottom: 1px solid #ffffff1c;

}

.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li a {

  color: #ffffff;

}

.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.sub-menu li a {

  color: #000;

}

.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #9147ff !important;

}

.full-width-header .rs-header.header-style2.header-modify2 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {

  color: #000;

}

.full-width-header .rs-header.header-style2.header-modify2 .menu-area.sticky .expand-btn-inner ul .search-parent a i {

  color: #000;

}

.full-width-header .rs-header.header-style2.header-modify2 .expand-btn-inner ul .search-parent a i {

  color: #ffffff;

}

.full-width-header .rs-header.header-style2.header-modify2 .expand-btn-inner ul .nav-link .nav-expander {

  background: #ffffff;

}

.full-width-header .rs-header.header-style2.header-modify2 .expand-btn-inner ul .nav-link .nav-expander .bar span {

  background-color: #000;

}

.full-width-header .rs-header.header-style2.header-modify2 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander {

  background: #000;

}

.full-width-header .rs-header.header-style2.header-modify2 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander .bar span {

  background-color: #ffffff;

}

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a {

  color: #ffffff;

}

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li a {

  color: #000;

}

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style3 .main-menu .rs-menu ul li a:hover,

.full-width-header .rs-header.header-style3 .main-menu .rs-menu ul.nav-menu li a:hover {

  color: #320930 !important;

}

.full-width-header .rs-header.header-style3 .main-menu .rs-menu ul.sub-menu li a:hover,

.full-width-header .rs-header.header-style3 .main-menu .rs-menu ul ul > li.current-menu-item > a,

.full-width-header .rs-header.header-style3 .main-menu .rs-menu ul li.active a {

  color: #be0d42 !important;

}

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul ul > li.current-menu-item > a,

.full-width-header .rs-header.header-style3 .main-menu .rs-menu ul ul > li.current-menu-item > a,

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu > ul > li.current-menu-item > a:before,

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu > ul > li.current-menu-item > a {

  color: #320930 !important;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .search-parent a i:hover {

  color: #be0d42;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .nav-link .nav-expander {

  background: #ffffff;

  margin-left: 0px;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .nav-link .nav-expander .bar span {

  background: #000;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .main-menu .rs-menu > ul > li.current-menu-item > a:before,

.full-width-header .rs-header.header-style3 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {

  color: #be0d42 !important;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {

  color: #000;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {

  color: #be0d42 !important;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander {

  background: #be0d42;

  margin-left: 0px;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander .bar span {

  background: #ffffff;

}

.full-width-header .rs-header.header-style4 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style4 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style4 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a,

.full-width-header .rs-header.header-style4 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {

  color: #4f4bff !important;

}

.full-width-header .rs-header.header-style4 .menu-area .row-table .col-cell.menu-respondsive-left {

  padding-left: 56px;

  display: flex;

  flex: 1;

}

.full-width-header .rs-header.header-style5 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style5 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style5 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a,

.full-width-header .rs-header.header-style5 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {

  color: #9147ff !important;

}

.full-width-header .rs-header.header-style6 {

  border-bottom: 1px solid #ffffff1c;

}

.full-width-header .rs-header.header-style6 .rs-menu-area {

  margin-right: 80px;

}

.full-width-header .rs-header.header-style6 .menu-area .row-table .col-cell.header-logo {

  display: flex;

  flex: 1;

}

.full-width-header .rs-header.header-style6 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {

  color: #000;

}

.full-width-header .rs-header.header-style6 .menu-area .main-menu .rs-menu ul.nav-menu li a {

  color: #ffffff;

}

.full-width-header .rs-header.header-style6 .menu-area .main-menu .rs-menu ul.sub-menu li a {

  color: #000;

}

.full-width-header .rs-header.header-style6 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style6 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style6 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a,

.full-width-header .rs-header.header-style6 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {

  color: #cf3201 !important;

}

.full-width-header .rs-header.header-style6 .expand-btn-inner ul .nav-link .nav-expander {

  background: #ffffff;

}

.full-width-header .rs-header.header-style6 .expand-btn-inner ul .nav-link .nav-expander .bar span {

  background: #000;

}

.full-width-header .rs-header.header-style6 .expand-btn-inner ul .search-parent a i {

  color: #ffffff;

}

.full-width-header .rs-header.header-style6 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander {

  background: #000;

}

.full-width-header .rs-header.header-style6 .menu-area.sticky .expand-btn-inner ul .nav-link .nav-expander .bar span {

  background: #fff;

}

.full-width-header .rs-header.header-transparent {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}

.full-width-header .mobile-menu {

  display: none;

}

.full-width-header .mobile-menu .mobile-logo {

  float: left;

}

.full-width-header .mobile-menu .mobile-logo img {

  max-height: 30px;

}

.full-width-header .mobile-menu .rs-menu-toggle {

  color: #ffffff;

  float: right;

}

.full-width-header .mobile-menu .rs-menu-toggle.primary {

  color: #9147ff;

}

.full-width-header .mobile-menu .rs-menu-toggle.secondary {

  color: #ff7425;

}

.full-width-header .mobile-menu .rs-menu-toggle .nav-dots {

  position: absolute;

  right: 0;

  width: 25px;

  height: 2px;

  background: #fff;

  z-index: 11;

  top: 23px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot1,

.full-width-header .mobile-menu .rs-menu-toggle .dot3 {

  width: 15px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot2 {

  top: 28px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot3 {

  top: 34px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot4 {

  top: 40px;

}

.full-width-header .right_menu_togle {

  background: #fff;

  box-shadow: 0px 0px 10px 0px #000;

  padding: 90px 50px 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: #9147ff;

  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: #9147ff;

}

.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: #9147ff;

  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: #3E3E3E;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em {

  display: block;

  font-size: 20px;

  color: #9147ff;

  font-family: Roobert,sans-serif !important;

  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: Roobert,sans-serif !important;

  font-weight: 400;

  color: #9147ff;

  font-style: normal;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover {

  color: #9147ff;

}

.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: #9147ff;

}

.full-width-header .right_menu_togle .canvas-contact .social li:last-child {

  margin: 0;

}

.full-width-header .mobile-navbar-menu .sub-menu {

  display: none;

  position: relative;

  left: 0;

  width: 100%;

  margin: 0;

  text-align: left;

}

.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(145, 71, 255, 0.5);

  display: block;

  font-size: 18px;

  font-weight: 500;

  color: #000;

  padding: 10px 0;

  line-height: 30px;

  width: 100%;

}

.full-width-header .mobile-navbar-menu .nav-menu li li a {

  padding-left: 25px;

}

.full-width-header .mobile-navbar-menu .nav-menu li li li a {

  padding-left: 50px;

}

.full-width-header .mobile-navbar-menu span.submenu-button {

  position: absolute;

  z-index: 99;

  right: 0;

  top: 5px;

  display: block;

  height: 40px;

  width: 40px;

  cursor: pointer;

}

.full-width-header .mobile-navbar-menu span.submenu-button:before,

.full-width-header .mobile-navbar-menu span.submenu-button:after {

  position: absolute;

  top: 24px;

  right: 10px;

  width: 20px;

  height: 1px;

  display: block;

  background: #333;

  z-index: 2;

  content: '';

  right: 12px;

  width: 12px;

}

.full-width-header .mobile-navbar-menu span.submenu-button:before {

  width: 1px;

  height: 12px;

  right: 17px;

  top: 18px;

}

.full-width-header .mobile-navbar-menu span.submenu-button em {

  display: block;

  position: absolute;

  right: 0;

  border-radius: 4px;

  top: 50%;

  transform: translateY(-50%);

}

.full-width-header .mobile-navbar-menu .hash-has-sub span.submenu-button {

  width: 100%;

  cursor: pointer;

  top: 0;

  height: 50px;

}

.full-width-header .mobile-navbar-menu .submenu-button.submenu-opened:before {

  display: none;

}

.full-width-header .mobile-navbar-menu ul ul li,

.full-width-header .mobile-navbar-menu li:hover > ul > li {

  height: auto;

}

.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:after {

  top: 19px;

}

.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:before {

  top: 13px;

}

.full-width-header .mobile-navbar-menu .nav-menu li.active-menu a,

.full-width-header .mobile-navbar-menu .nav-menu li a:hover {

  color: #9147ff;

}

body.modal-open {

  padding: 0 !important;

}

body .modal.show .modal-dialog {

  width: 100%;

  max-width: 500px;

}

body .modal {

  z-index: 9999;

}

body .search-modal {

  padding: 0 !important;

  background: rgba(187, 11, 11, 0.9);

}

body .search-modal .modal-content {

  position: initial;

  border: 0;

  background: unset;

}

body .search-modal .search-block form {

  position: relative;

}

body .search-modal .search-block form input {

  background: 0 0;

  border: none;

  color: #fff;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  outline: none;

  padding: 14px 17px;

  border-radius: unset;

}

body .search-modal .search-block form button {

  background: transparent;

  border: none;

  padding: 5px 20px;

  color: #ffffff;

  border-radius: 0 5px 5px 0;

  font-size: 16px;

  position: absolute;

  content: '';

  right: 0;

  top: 11px;

}

body .search-modal .search-block form button i:before {

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  opacity: .7;

}

body .search-modal .search-block ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #fff;

  opacity: 1;

}

body .search-modal .search-block ::-moz-placeholder {

  /* Firefox 19+ */



  color: #fff;

  opacity: 0.3;

}

body .search-modal .search-block :-ms-input-placeholder {

  /* IE 10+ */



  color: #fff;

  opacity: 1;

}

body .search-modal .search-block :-moz-placeholder {

  /* Firefox 18- */



  color: #fff;

  opacity: 1;

}

body .search-modal .close {

  position: fixed;

  right: 50px;

  top: 50px;

  background: #ffffff;

  color: #0a0a0a;

  width: 40px;

  height: 40px;

  line-height: 43px;

  text-align: center;

  cursor: pointer;

  border-radius: 50%;

  transition: all .5s ease;

  opacity: unset;

  box-shadow: unset;

  border: none;

}

body .search-modal .close i:before {

  font-size: 23px;

  position: relative;

  top: 4px;

  left: 0px;

  font-weight: 700;

}

body .search-modal .close:hover {

  opacity: 0.8 !important;

}

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

	04. Sticky Menu CSS

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

.menu-sticky {

  background: #fff;

  margin: 0;

  z-index: 999;

  width: 100%;

  top: 0;

  position: relative;

}

@-webkit-keyframes sticky-animation {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@keyframes sticky-animation {

  0% {

    opacity: 0;

    transform: translateY(-100%);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

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

	05. About Section CSS

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

.rs-about.about-style1 {

  position: relative;

}

.rs-about.about-style1 .about-image-wrap {

  background-image: url(assets/images/about/style1/min.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: 76% auto;

}

.rs-about.about-style1 .about-image-wrap .images-part {

  text-align: center;

}

.rs-about.about-style1 .about-image-wrap .images-part img {

  width: 62%;

}

.rs-about.about-style1 .about-animation .animate {

  position: absolute;

  bottom: 0;

}

.rs-about.about-style1 .about-animation .animate img {

  max-width: 20px;

}

.rs-about.about-style1 .about-animation .animate.one {

  left: 45%;

  top: 17%;

}

.rs-about.about-style1 .about-animation .animate.two {

  right: 14%;

  top: 10%;

}

.rs-about.about-style1 .about-animation .animate.three {

  left: 47%;

  bottom: 20%;

}

.rs-about.about-style1 .about-img {

  margin: 0px 55px 0px 0px;

}

.rs-about.about-style1 .about-animate-style .dot-animate {

  position: absolute;

  bottom: 0;

  right: 16%;

  top: 18%;

}

.rs-about.about-style1 .about-animate-style .dot-animate img {

  max-width: 20px;

}

.rs-about.about-style1 .about-home6 img {

  position: relative;

  max-width: 715px;

  left: -13%;

}

.rs-about.about-style1 .about-home10 img {

  position: relative;

  max-width: 715px;

}

.rs-about.about-style1 .about-home17 img {

  position: relative;

  max-width: 600px;

}

.rs-about.about-style1 .about-img2 {

  text-align: right;

}

.rs-about.about-style1 .about-img2 img {

  max-width: 626px;

}

.rs-about.about-style2 .about-btn li {

  display: inline-block;

  margin-right: 25px;

}

.rs-about.about-style2 .about-btn li:last-child {

  margin-right: 0;

}

.rs-about.about-style2 .about-img12 {

  text-align: right;

}

.rs-about.about-style2 .about-img12 img {

  width: 62%;

}

.rs-about.about-style2 .man-img {

  text-align: center;

  margin: 0px 0px 0px -180px;

}

.rs-about.about-style2 .man-img img {

  width: 80%;

}

.rs-about.about-style2 .address-item {

  display: flex;

  align-items: center;

}

.rs-about.about-style2 .address-item .address-icon {

  display: inline-block;

  position: relative;

  background-color: #FCE4ED;

  width: 70px;

  height: 70px;

  line-height: 80px !important;

  border-radius: 15px 15px 15px 15px;

  margin-right: 20px;

  text-align: center;

}

.rs-about.about-style2 .address-item .address-icon i {

  color: #9147ff !important;

  font-size: 29px;

  line-height: 20px;

  text-align: center;

}

.rs-about.about-style2 .address-item .address-text .label {

  font-size: 14px;

  line-height: 32px;

  font-weight: 500;

  color: #3e3e3e;

  display: block;

}

.rs-about.about-style2 .address-item .address-text .des {

  font-size: 25px;

  line-height: 35px;

  font-weight: 500;

  color: #000;

}

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

	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: 155px 0px 75px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner .page-title {

  font-size: 80px;

  font-weight: 500;

  line-height: 1.1em;

  color: #9147ff;

  margin: 0px 0px 24px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner .page-title.title2 {

  font-size: 50px;

  line-height: 60px;

  font-weight: 600;

}

.rs-breadcrumbs .breadcrumbs-inner .description {

  font-size: 18px;

  font-weight: 400;

  line-height: 28px;

  color: #3e3e3e;

  margin: 0 0 0 0;

}

.rs-breadcrumbs .breadcrumbs-inner .about-img {

  text-align: right;

  margin: 0 -100px 0 0;

}

.rs-breadcrumbs .breadcrumbs-inner .about-img.about-me img {

  max-width: 626px;

}

.rs-breadcrumbs .breadcrumbs-inner .team-img {

  text-align: right;

  margin: 0px -260px -73px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner .priceing-img {

  text-align: right;

  margin: 0px -110px 0px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .ball-animate {

  position: absolute;

  left: -8%;

  top: 24%;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .ball2-animate {

  position: absolute;

  left: 55%;

  top: 54%;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .ball2-animate img {

  max-width: 52px;

  opacity: 0.5;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .triangle {

  position: absolute;

  left: 58%;

  top: 52%;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .triangle img {

  max-width: 41px;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .dot-animate {

  position: absolute;

  left: -14%;

  top: 14%;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .dot-animate img {

  max-width: 86px;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .team-animate {

  position: absolute;

  right: -11%;

  top: 32%;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .team-animate img {

  max-width: 48px;

  opacity: 0.5;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .line-animate {

  position: absolute;

  right: -16%;

  top: 12%;

}

.rs-breadcrumbs .breadcrumbs-inner .shape-animation .line-animate img {

  max-width: 32px;

}

.rs-breadcrumbs .breadcrumbs-inner.about-me-style {

  padding: 155px 10px 175px 10px;

}

.rs-breadcrumbs .breadcrumbs-inner.about-me-style .sub-title {

  font-size: 20px;

  font-weight: 500;

  line-height: 30px;

  color: #8873EF;

  margin: 0 0 10px;

  font-family: Roobert,sans-serif !important;

  text-transform: uppercase;

  display: inline-block;

}

.rs-breadcrumbs .breadcrumbs-inner.about-me-style .shape-animation .animate-style {

  position: absolute;

  bottom: 0;

}

.rs-breadcrumbs .breadcrumbs-inner.about-me-style .shape-animation .animate-style.dot {

  left: -13%;

  top: 9%;

}

.rs-breadcrumbs .breadcrumbs-inner.about-me-style .shape-animation .animate-style.dot img {

  max-width: 65px;

}

.rs-breadcrumbs .breadcrumbs-inner.about-me-style .shape-animation .animate-style.ball {

  right: -17%;

  top: 8%;

}

.rs-breadcrumbs .breadcrumbs-inner.about-me-style .shape-animation .animate-style.ball img {

  max-width: 90px;

  opacity: 0.1;

}

.rs-breadcrumbs .breadcrumbs-inner.services-style .about-img {

  margin: 0 -133px 0 0;

}

.rs-breadcrumbs .breadcrumbs-inner.shop-style {

  padding: 190px 0px 120px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner.shop-style .page-title.title3 {

  font-size: 48px;

  line-height: 58px;

  font-weight: 700;

  text-align: center;

}

.rs-breadcrumbs .breadcrumbs-inner.contact-inner-style .team-img {

  margin: 0px -200px -74px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner.project-inner-style1 {

  padding: 190px 0px 100px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner.project-inner-style1 .pro-img {

  background-image: url(assets/images/breadcrumbs/images/circle.png);

  background-position: center right;

  background-repeat: no-repeat;

  background-size: 60% auto;

  text-align: right;

  margin: 0 -70px 0 -40px;

}

.rs-breadcrumbs .breadcrumbs-inner.project-inner-style1 .pro-img2 {

  text-align: right;

  margin: 0 -90px 0 0px;

}

.rs-breadcrumbs .breadcrumbs-inner.project-inner-style1 .shape-animation .circle-animate {

  position: absolute;

  left: -4%;

  bottom: 10%;

}

.rs-breadcrumbs .breadcrumbs-inner.project-inner-style1 .shape-animation .circle-animate img {

  max-width: 52px;

  opacity: 0.5;

}

.rs-breadcrumbs.img1 {

  background: url(assets/images/breadcrumbs/about-bg2-1.png);

}

.rs-breadcrumbs.img2 {

  background-position: top center !important;

  background: url(assets/images/breadcrumbs/about-bg2-2.png);

}

.rs-breadcrumbs.img3 {

  background: url(assets/images/breadcrumbs/service-breadcrum.png);

}

.rs-breadcrumbs.img4 {

  background: url(assets/images/breadcrumbs/service-details.png);

}

.rs-breadcrumbs.img5 {

  background: url(assets/images/breadcrumbs/team-bg1.png);

}

.rs-breadcrumbs.img6 {

  background: url(assets/images/breadcrumbs/testi-bg1.png);

}

.rs-breadcrumbs.img7 {

  background: url(assets/images/breadcrumbs/contact-bdcms.png);

  background-position: unset !important;

  background-color: #F3F1FE;

  position: relative;

}

.rs-breadcrumbs.img8 {

  background: url(assets/images/breadcrumbs/contact-bdcms.png);

}

.rs-breadcrumbs.img9 {

  background: url(assets/images/breadcrumbs/port-bg1.png);

}

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

	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-main-home .content-wrap {

  padding: 290px 0 250px;

}

.rs-banner.banner-main-home .content-wrap .title {

  font-size: 90px;

  line-height: 1.3;

  font-weight: 600;

  color: #000;

  margin: 0 0 27px;

}

.rs-banner.banner-main-home .content-wrap .description p {

  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  color: #3e3e3e;

  margin: 0 0 45px;

}

.rs-banner.banner-main-home .content-wrap .banner-bottom {

  display: flex;

  align-items: center;

}

.rs-banner.banner-main-home .content-wrap .banner-bottom li {

  display: inline-block;

  margin-right: 25px;

}

.rs-banner.banner-main-home .content-wrap .banner-bottom li:last-child {

  margin-right: 0;

}

.rs-banner.banner-main-home .main-img {

  position: relative;

  right: -6%;

  top: 15%;

  z-index: 11;

}

.rs-banner.banner-main-home .main-img img {

  width: unset;

  height: unset;

  max-width: 810px;

}

.rs-banner.banner-main-home .main-img .main-img-bg1 {

  position: absolute;

  top: 17%;

  right: -24%;

  z-index: -11;

}

.rs-banner.banner-main-home .banner-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-main-home .banner-animate .animation-style.one {

  left: -3px;

  top: -1%;

  z-index: -11;

}

.rs-banner.banner-main-home .banner-animate .animation-style.two {

  left: 7%;

  bottom: 11%;

  max-width: 85px;

}

.rs-banner.banner-main-home .banner-animate .animation-style.three {

  left: 11%;

  top: 20%;

}

.rs-banner.banner-main-home .banner-animate .animation-style.four {

  right: 7%;

  top: 20%;

}

.rs-banner.banner-main-home .banner-animate .animation-style.five {

  right: 4%;

  bottom: 24%;

}

.rs-banner.banner-main-home .banner-animate .animation-style.six {

  right: 40.7%;

  bottom: 22%;

}

.rs-banner.banner-main-home .banner-animate .animation-style.seven {

  right: 37%;

  top: 20%;

}

.rs-banner.banner-main-home .banner-animate .animation-style.eight {

  right: 41%;

  top: 30%;

  width: 18px;

  opacity: 1;

}

.rs-banner.banner-main-home .banner-animate .animation-style.nine {

  right: 5%;

  bottom: 10%;

  width: 18px;

  opacity: 1;

}

.rs-banner.banner-main-home .banner-animate .animation-style.ten {

  left: 13%;

  bottom: 21%;

  width: 20px;

  opacity: 1;

}

.rs-banner.banner-style1 {

  position: relative;

}

.rs-banner.banner-style1 .prelements-heading-animate .title-inner {

  position: absolute;

  left: 75px;

  transform: rotate(90deg);

  top: 40%;

}

.rs-banner.banner-style1 .prelements-heading-animate .title-inner .sub-text {

  position: relative;

  padding-right: 50px;

  display: inline-block;

  font-size: 16px;

  color: #3e3e3e;

  font-family: Roobert,sans-serif !important;

}

.rs-banner.banner-style1 .prelements-heading-animate .title-inner .sub-text:before {

  content: "";

  position: absolute;

  border: 0;

  width: 24px;

  height: 1px;

  background: #3e3e3e;

  z-index: 1;

  margin-left: 0;

  right: 0;

  top: 16px;

}

.rs-banner.banner-style1 .prelements-heading-animate .social-icon {

  max-width: 270px;

  top: 51%;

  left: -39%;

  position: absolute;

  left: 115px;

}

.rs-banner.banner-style1 .prelements-heading-animate .social-icon .grid-item {

  display: block;

  width: 100%;

  word-spacing: var(--grid-column-gap);

}

.rs-banner.banner-style1 .prelements-heading-animate .social-icon .grid-item a i {

  color: #3E3E3E;

  margin: 10px 15px;

}

.rs-banner.banner-style1 .prelements-heading-animate .social-icon .grid-item a i:hover {

  color: #8873ef;

}

.rs-banner.banner-style1 .content-wrap {

  padding: 340px 0 230px;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .title {

  font-size: 95px;

  font-weight: 500;

  line-height: 105px;

  color: #000;

  margin-bottom: 40px;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-words-wrapper {

  display: inline-block;

  position: relative;

  text-align: left;

  font-size: 95px;

  color: #ff7425;

  line-height: 105px;

  font-weight: 500;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-words-wrapper span {

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  font-weight: 400;

  white-space: nowrap;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-words-wrapper span.is-visible {

  position: relative;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip span {

  display: inline-block;

  font-size: 95px;

  line-height: 110px;

  font-weight: 500;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper {

  overflow: hidden;

  vertical-align: top;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper::after {

  /* line */



  content: '';

  position: absolute;

  top: 0;

  right: 0;

  width: 2px;

  height: 100%;

  background-color: #aebcb9;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper span {

  opacity: 0;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper span.is-visible {

  opacity: 1;

}

.rs-banner.banner-style1 .content-wrap .rs-animated-heading .description p {

  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  color: #3e3e3e;

  margin: 0 0 45px;

}

.rs-banner.banner-style1 .content-wrap .banner-bottom li {

  display: inline-block;

  margin-right: 10px;

}

.rs-banner.banner-style1 .content-wrap .banner-bottom li:last-child {

  margin-right: 0;

}

.rs-banner.banner-style1 .main-img img {

  max-width: 650px;

  width: unset;

  height: unset;

  right: -13%;

  top: 53px;

  position: relative;

}

.rs-banner.banner-style1 .banner-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style1 .banner-animate .animation-style.one {

  right: 10%;

  top: 15%;

  max-width: 40px;

}

.rs-banner.banner-style1 .banner-animate .animation-style.two {

  right: 46%;

  top: 72%;

  max-width: 67px;

}

.rs-banner.banner-style1 .banner-animate .animation-style.three {

  left: 6%;

  bottom: 7%;

  max-width: 39px;

}

.rs-banner.banner-style1 .banner-animate .animation-style.four {

  left: 6%;

  top: 18%;

  max-width: 55px;

}

.rs-banner.banner-style2 {

  position: relative;

  background-color: #5f0fc5;

}

.rs-banner.banner-style2 .content-wrap {

  padding: 290px 0 250px;

}

.rs-banner.banner-style2 .content-wrap .title {

  font-size: 110px;

  line-height: 124px;

  font-weight: 600;

  color: #ffffff;

  text-transform: uppercase;

  margin: 0 0 6px;

}

.rs-banner.banner-style2 .content-wrap .title span {

  color: #ff7425;

}

.rs-banner.banner-style2 .content-wrap .title-small {

  font-size: 70px;

  line-height: 90px;

  font-weight: 600;

  color: #ffffff;

  text-transform: uppercase;

  margin: 0 0 30px;

}

.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: 20%;

  z-index: 11;

}

.rs-banner.banner-style2 .banner-img img {

  width: unset;

  height: unset;

  max-width: 880px;

}

.rs-banner.banner-style2 .banner-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style2 .banner-animate .animation-style.one {

  right: 41%;

  bottom: 12%;

}

.rs-banner.banner-style2 .banner-animate .animation-style.one img {

  max-width: 70px;

}

.rs-banner.banner-style2 .banner-animate .animation-style.two {

  left: 12%;

  bottom: 12%;

}

.rs-banner.banner-style2 .banner-animate .animation-style.two img {

  max-width: 85px;

}

.rs-banner.banner-style2 .banner-animate .animation-style.three {

  left: 7%;

  top: 7%;

}

.rs-banner.banner-style2 .banner-animate .animation-style.three img {

  max-width: 80px;

}

.rs-banner.banner-style2 .banner-animate .animation-style.four {

  left: 49%;

  top: 20%;

}

.rs-banner.banner-style2 .banner-animate .animation-style.four img {

  max-width: 100px;

}

.rs-banner.banner-style3 {

  background: url(assets/images/banner/style3/banner-bg.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  z-index: 11;

  overflow: hidden;

}

.rs-banner.banner-style3 .content-wrap {

  padding: 234px 0px 256px 60px;

}

.rs-banner.banner-style3 .content-wrap .title {

  font-size: 100px;

  line-height: 120px;

  font-weight: 700;

  color: #ffffff;

  text-transform: uppercase;

  margin: 0 0 50px;

}

.rs-banner.banner-style3 .content-wrap .banner-bottom {

  display: flex;

  align-items: center;

}

.rs-banner.banner-style3 .content-wrap .banner-bottom li {

  display: inline-block;

  margin-right: 25px;

}

.rs-banner.banner-style3 .content-wrap .banner-bottom li:last-child {

  margin-right: 0;

}

.rs-banner.banner-style3 .main-img {

  position: relative;

  right: -3.8%;

  top: 9.4%;

  z-index: -11;

}

.rs-banner.banner-style3 .main-img img {

  width: unset;

  height: unset;

  max-width: 850px;

}

.rs-banner.banner-style3 .banner-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style3 .banner-animate .animation-style.one {

  left: -3px;

  top: -1%;

  z-index: -11;

}

.rs-banner.banner-style4 {

  background: url(assets/images/banner/style6/banner-shape.png);

  background-position: top right;

  background-repeat: no-repeat;

  background-size: initial;

  position: relative;

  z-index: 11;

}

.rs-banner.banner-style4 .content-wrap {

  padding: 220px 0px 195px;

}

.rs-banner.banner-style4 .content-wrap .title {

  font-size: 110px;

  font-weight: 600;

  line-height: 1em;

  color: #000;

  margin: 0px 0px 50px 0px;

}

.rs-banner.banner-style4 .content-wrap .description p {

  font-size: 18px;

  margin: 0 0 50px;

}

.rs-banner.banner-style4 .content-wrap .banner-bottom {

  display: flex;

  align-items: center;

}

.rs-banner.banner-style4 .content-wrap .banner-bottom li {

  display: inline-block;

  margin-right: 25px;

}

.rs-banner.banner-style4 .content-wrap .banner-bottom li:last-child {

  margin-right: 0;

}

.rs-banner.banner-style4 .banner-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style4 .banner-animate .animation-style.one {

  left: 43%;

  top: 14%;

}

.rs-banner.banner-style4 .banner-animate .animation-style.one img {

  max-width: 65px;

}

.rs-banner.banner-style4 .banner-animate .animation-style.two {

  left: 3.5%;

  top: 21%;

}

.rs-banner.banner-style4 .banner-animate .animation-style.two img {

  max-width: 65px;

}

.rs-banner.banner-style4 .banner-animate .animation-style.three {

  left: 3.5%;

  top: 50%;

}

.rs-banner.banner-style4 .banner-animate .animation-style.three img {

  max-width: 45px;

}

.rs-banner.banner-style4 .banner-animate .animation-style.four {

  left: 3.5%;

  bottom: 20%;

}

.rs-banner.banner-style4 .banner-animate .animation-style.four img {

  max-width: 30px;

}

.rs-banner.banner-style4 .banner-animate .animation-style.five {

  left: 44%;

  bottom: 35%;

}

.rs-banner.banner-style4 .banner-animate .animation-style.five img {

  max-width: 70px;

}

.rs-banner.banner-style5 {

  background: url(assets/images/banner/style4/banner-bg.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  z-index: 11;

}

.rs-banner.banner-style5 .content-wrap {

  position: relative;

  z-index: 11;

  padding: 245px 0px 230px 87px;

}

.rs-banner.banner-style5 .content-wrap .title {

  font-size: 85px;

  line-height: 100px;

  font-weight: 600;

  color: #ffffff;

  text-transform: uppercase;

  margin: 0 0 24px;

}

.rs-banner.banner-style5 .content-wrap .description p {

  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  color: rgba(255, 255, 255, 0.8);

  margin: 0 0 45px;

}

.rs-banner.banner-style5 .content-wrap .bg-shape {

  position: absolute;

  right: -37%;

  top: 0%;

  z-index: -11;

}

.rs-banner.banner-style5 .content-wrap .bg-shape img {

  width: unset;

  height: unset;

  max-width: 1320px;

}

.rs-banner.banner-style5 .banner-animate .scroll-dwon {

  position: absolute;

  right: 0px;

  bottom: 100px;

  z-index: 11;

  transform: rotate(90deg);

}

.rs-banner.banner-style5 .banner-animate .scroll-dwon a {

  font-weight: 400;

  font-size: 20px;

  line-height: 25px;

  letter-spacing: 0px;

  color: #ffffff;

  transition: all 0.3s ease;

}

.rs-banner.banner-style5 .banner-animate .scroll-dwon a i:before {

  font-size: 16px;

  color: #ffffff;

  margin-left: 20px;

}

.rs-banner.banner-style5 .banner-animate .scroll-dwon a:hover {

  color: #000;

}

.rs-banner.banner-style5 .banner-animate .scroll-dwon a:hover i:before {

  color: #000;

}

.rs-banner.banner-style5 .banner-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style5 .banner-animate .animation-style.left-shape {

  left: -5px;

  top: -5px;

}

.rs-banner.banner-style5 .banner-animate .animation-style.left-shape img {

  width: 115px;

  height: 190px;

}

.rs-banner.banner-style5 .banner-animate .animation-style.right-shape {

  right: 0;

  bottom: 0;

}

.rs-banner.banner-style5 .banner-animate .animation-style.right-shape img {

  width: 308px;

  height: 275px;

}

.rs-banner.banner-style6 {

  position: relative;

}

.rs-banner.banner-style6 .content-wrap {

  padding: 300px 0 300px;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .title {

  font-size: 120px;

  font-weight: 500;

  line-height: 1em;

  color: #000;

  margin-bottom: 45px;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-headline {

  margin-top: 40px;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-words-wrapper {

  display: inline-block;

  position: relative;

  text-align: left;

  font-size: 120px;

  font-weight: 500;

  line-height: 1em;

  color: #ff7425;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-words-wrapper span {

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

  font-weight: 400;

  white-space: nowrap;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-words-wrapper span.is-visible {

  position: relative;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip span {

  display: inline-block;

  font-size: 120px;

  line-height: 120px;

  font-weight: 500;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper {

  overflow: hidden;

  vertical-align: top;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper::after {

  /* line */



  content: '';

  position: absolute;

  top: 0;

  right: 0;

  width: 2px;

  height: 100%;

  background-color: #aebcb9;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper span {

  opacity: 0;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper span.is-visible {

  opacity: 1;

}

.rs-banner.banner-style6 .content-wrap .rs-animated-heading .description p {

  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  color: #3e3e3e;

  margin: 0 0 45px;

}

.rs-banner.banner-style6 .main-img img {

  max-width: 750px;

  width: unset;

  height: unset;

  right: 2%;

  top: -70px;

  position: relative;

}

.rs-banner.banner-style6 .banner-animation .animate-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style6 .banner-animation .animate-style.one {

  right: 42%;

  top: 15%;

  max-width: 40px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.two {

  right: 41%;

  top: 62%;

  max-width: 75px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.three {

  right: 48%;

  top: 52%;

  max-width: 15px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.four {

  left: 6%;

  top: 11%;

  max-width: 50px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.five {

  right: 35%;

  top: 11.5%;

  max-width: 15px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.six {

  left: 7%;

  top: 54%;

  max-width: 30px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.seven {

  right: 31%;

  top: 74%;

  max-width: 50px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.eight {

  right: 6%;

  bottom: 20%;

  max-width: 170px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.nine {

  right: 6%;

  top: 32%;

  max-width: 44px;

}

.rs-banner.banner-style6 .banner-animation .animate-style.ten {

  left: 10%;

  top: 78%;

  max-width: 15px;

}

.rs-banner.banner-style7 {

  background-color: #be0d42;

}

.rs-banner.banner-style7 .content-wrap {

  padding: 250px 0px 200px;

}

.rs-banner.banner-style7 .content-wrap .title {

  font-size: 90px;

  line-height: 100px;

  font-weight: 600;

  color: #ffffff;

  text-transform: uppercase;

  font-family: Roobert,sans-serif !important;

  margin: 0 0 26px;

}

.rs-banner.banner-style7 .content-wrap .description p {

  font-size: 18px;

  line-height: 28px;

  color: #FFFFFFC9;

  padding: 0px 0px 33px 6px;

}

.rs-banner.banner-style7 .content-wrap .banner-bottom {

  display: flex;

  align-items: center;

}

.rs-banner.banner-style7 .content-wrap .banner-bottom li {

  display: inline-block;

  margin-right: 38px;

}

.rs-banner.banner-style7 .content-wrap .banner-bottom li:last-child {

  margin-right: 0;

}

.rs-banner.banner-style7 .banner-img {

  margin: 0px -190px 0px 0px;

}

.rs-banner.banner-style8 .banner-img {

  margin: 0% 0% -15% -28%;

}

.rs-banner.banner-style8 .content-wrap {

  padding: 230px 0px 240px 0px;

}

.rs-banner.banner-style8 .content-wrap .title {

  font-size: 70px;

  font-weight: 600;

  line-height: 1.15em;

  color: #000;

  font-family: Roobert,sans-serif !important;

  margin: 0px 0px 46px 0px;

}

.rs-banner.banner-style8 .content-wrap .description p {

  font-size: 18px;

  line-height: 28px;

  color: #3e3e3e;

  margin: 0 0 42px;

}

.rs-banner.banner-style9 {

  position: relative;

  z-index: 11;

  overflow: hidden;

  background-color: #010404;

  padding: 280px 0 180px 0;

}

.rs-banner.banner-style9 .content-wrap {

  padding: 0 50px 0 0;

}

.rs-banner.banner-style9 .content-wrap .rs-animated-heading .title {

  font-size: 70px;

  font-weight: 600;

  line-height: 1.15em;

  color: #ffffff;

  margin: 0px 0px 46px 0px;

}

.rs-banner.banner-style9 .content-wrap .rs-animated-heading .description p {

  font-size: 18px;

  color: #ffffff;

  margin: 0 0 44px;

}

.rs-banner.banner-style9 .content-wrap .banner-bottom li {

  display: inline-block;

  margin-right: 25px;

}

.rs-banner.banner-style9 .content-wrap .banner-bottom li:last-child {

  margin-right: 0;

}

.rs-banner.banner-style9 .banner-img {

  position: absolute;

  top: 0;

}

.rs-banner.banner-style9 .banner-img .bg-layer {

  position: relative;

  max-width: 38%;

  left: -5%;

}

.rs-banner.banner-style9 .banner-img .main-img {

  max-width: 50%;

  position: relative;

  left: -50%;

  bottom: -86px;

  z-index: 3;

}

.rs-banner.banner-style9 .banner-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style9 .banner-animate .animation-style.one {

  left: 6%;

  bottom: -15%;

}

.rs-banner.banner-style9 .banner-animate .animation-style.two {

  right: 11%;

  top: 18%;

}

.rs-banner.banner-style9 .banner-animate .animation-style.three {

  right: 8%;

  top: 54%;

}

.rs-banner.banner-style9 .banner-animate .animation-style.four {

  right: 11%;

  bottom: 11%;

}

.rs-banner.banner-style10 {

  position: relative;

  z-index: 11;

  padding: 175px 0 100px;

  background-color: #9147ff;

}

.rs-banner.banner-style10 .prelements-heading {

  max-width: 1000px;

  text-align: center;

  margin: 0 auto;

}

.rs-banner.banner-style10 .prelements-heading .title {

  font-size: 100px;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 1.1em;

  color: #ffffff;

  margin: 0px 0px 0px 0px;

}

.rs-banner.banner-style10 .bnr-images {

  margin-top: -285px;

  z-index: -11;

  display: inline-block;

  position: relative;

  width: 100%;

}

.rs-banner.banner-style10 .bnr-images .bnr-img1 {

  width: 30%;

  float: left;

}

.rs-banner.banner-style10 .bnr-images .bnr-img2 {

  width: 40%;

  float: left;

}

.rs-banner.banner-style10 .bnr-images .bnr-img3 {

  width: 30%;

  float: left;

  position: absolute;

  right: -12px;

  bottom: 2%;

}

.rs-banner.banner-style10 .bnr-animation .bnr-animate {

  position: absolute;

  bottom: 0;

}

.rs-banner.banner-style10 .bnr-animation .bnr-animate.one {

  right: 17%;

  top: 21%;

}

.rs-banner.banner-style10 .bnr-animation .bnr-animate.two {

  right: 32%;

  top: 12%;

  z-index: -111;

}

.rs-banner.banner-style10 .prelements-wrap {

  position: absolute;

  left: 6%;

  bottom: 5%;

}

.rs-banner.banner-style10 .prelements-wrap .title-inner {

  display: inline-block;

  margin-right: 20px;

}

.rs-banner.banner-style10 .prelements-wrap .title-inner .sub-text {

  position: relative;

  padding-right: 50px;

  display: inline-block;

  font-size: 20px;

  font-weight: 400;

  color: #FFFFFF;

  margin: 0px 0px 0px 0px;

  text-transform: uppercase;

  font-family: Roobert,sans-serif !important;

}

.rs-banner.banner-style10 .prelements-wrap .title-inner .sub-text:before {

  background: #FFFFFF;

  content: "";

  position: absolute;

  border: 0;

  width: 24px;

  height: 1px;

  z-index: 1;

  margin-left: 0;

  right: 0;

  top: 17px;

}

.rs-banner.banner-style10 .prelements-wrap .title-inner:last-child {

  margin-right: 0;

}

.rs-banner.banner-style10 .prelements-wrap .social-icons {

  display: inline-block;

}

.rs-banner.banner-style10 .prelements-wrap .social-icons span a i {

  color: #ffffff;

  opacity: .9;

  border-radius: 10%;

  width: 38px;

  height: 38px;

  line-height: 40px;

  text-align: center;

  transition: all 0.4s;

}

.rs-banner.banner-style10 .prelements-wrap .social-icons span a i:hover {

  color: #1A28DA;

  background-color: #fff;

}

.rs-banner.banner-style11 .banner-wrap {

  position: relative;

  overflow: hidden;

  transition: all 0.5s;

  margin: 0 5px 0 5px;

  border-radius: 6px;

}

.rs-banner.banner-style11 .banner-wrap .bnr-img {

  position: relative;

  overflow: hidden;

}

.rs-banner.banner-style11 .banner-wrap .bnr-img img {

  transition: all 0.5s;

  transform: scale(1);

}

.rs-banner.banner-style11 .banner-wrap .banner-content {

  position: absolute;

  left: 30px;

  bottom: 30px;

}

.rs-banner.banner-style11 .banner-wrap .banner-content .title {

  font-size: 35px;

  line-height: 45px;

  font-weight: 600;

  margin-bottom: 0;

}

.rs-banner.banner-style11 .banner-wrap .banner-content .title a {

  color: #000;

}

.rs-banner.banner-style11 .banner-wrap .banner-content .title a:hover {

  color: #9147ff;

}

.rs-banner.banner-style11 .banner-wrap:hover .bnr-img img {

  border-radius: 6px;

  transform: scale(1.1);

}

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

	08. Slider Section CSS

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

.rs-slider.slider-style1 .slick-part {

  padding: 240px 0 80px;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner {

  text-align: center;

  margin-bottom: 80px;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .title {

  font-size: 150px;

  font-weight: 600;

  line-height: 130px;

  color: #fff;

  letter-spacing: -0.03em !important;

  margin-bottom:  0px;

  font-family: Roobert,sans-serif !important;

  text-transform: capitalize;





}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-words-wrapper {

  display: inline-block;

  position: relative;

  text-align: left;

  font-size: 80px;

  color: #9147ff;

  line-height: 90px;

  font-weight: 600;

  letter-spacing: -0.02em !important;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline {

  margin-top: 15px;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-words-wrapper span {

  display: inline-block;

  position: absolute;

  left: 0;

  top: 0;

letter-spacing: -0.02em !important;

  color: #000;

  white-space: nowrap;

  font-family: Roobert,sans-serif !important;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-words-wrapper span.is-visible {

  position: relative;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline.clip span {

  display: inline-block;

  font-size: 150px;

  line-height: 120px;

  letter-spacing: -0.03em !important;

  font-weight: 700 !important;

  text-transform: capitalize;

  padding-bottom: 15px;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper {

  overflow: hidden;

  vertical-align: top;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper::after {

  /* line */



  content: '';

  position: absolute;

  top: 0;

  right: 0;

  width: 2px;

  height: 100%;

  background-color: #e9ecef;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper span {

  opacity: 0;

    letter-spacing: -0.03em !important;

    font-weight: 700 !important;

    color: #000 ;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline.clip .cd-words-wrapper span.is-visible {

  opacity: 1;

}

.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .description p {

  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  color: #3e3e3e;

  margin: 0 0 45px;

}

.rs-slider.slider-style1 .slick-part .slider .slick-arrow {

  position: absolute;

  transform: translateY(-50%);

  width: 76px;

  height: 53px;

  border-radius: 32px;

  visibility: visible;

  opacity: 1;

  font-size: 0;

  border: none;

  background: transparent;

  transition: 0.6s ease all;

  z-index: 9;

}

.rs-slider.slider-style1 .slick-part .slider .slick-arrow.slick-next {

  top: 50%;

  right: -8%;

}

.rs-slider.slider-style1 .slick-part .slider .slick-arrow.slick-next:before {

  content: "\f114";

  font-size: 26px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-slider.slider-style1 .slick-part .slider .slick-arrow.slick-prev {

  top: 50%;

  left: -8%;

}

.rs-slider.slider-style1 .slick-part .slider .slick-arrow.slick-prev:before {

  content: "\f115";

  font-size: 26px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-slider.slider-style1 .slick-part .slider .slick-arrow:hover {

  background: #9147ff;

}

.rs-slider.slider-style1 .slick-part .slider .slick-arrow:hover.slick-prev:before,

.rs-slider.slider-style1 .slick-part .slider .slick-arrow:hover.slick-next:before {

  color: #ffffff;

}

.rs-slider.slider-style2 {

  background-image: url(assets/images/slider/style2/slide-bg.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.rs-slider.slider-style2 .slider {

  position: relative;

}

.rs-slider.slider-style2 .slider .slide-item {

  position: relative;

  padding: 200px 0 200px;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container {

  display: flex;

  flex-wrap: wrap;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .content-left {

  flex: 0 0 50%;

  max-width: 50%;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .content-left .watermark {

  z-index: 5;

  position: absolute;

  font-size: 150px;

  font-weight: 800;

  top: 100px;

  line-height: 160px;

  word-spacing: -30px;

  left: auto;

  right: 35px;

  max-width: 1260px;

  margin: 0 auto;

  opacity: .2;

  transform: rotate(-90deg);

  text-transform: uppercase;

  font-family: Roobert,sans-serif !important;

  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;

  color: #de4447;

  transform-origin: 84%;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .content-left .sub-title {

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 500;

  line-height: 26px;

  position: relative;

  padding-left: 80px;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .content-left .sub-title:before {

  content: "";

  position: absolute;

  border: 0;

  width: 60px;

  height: 2px;

  background: #fff;

  z-index: 1;

  margin-left: 0;

  left: 0;

  top: 12px;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .content-left .title {

  font-size: 110px;

  line-height: 120px;

  font-weight: 700;

  text-transform: uppercase;

  color: #ffffff;

  margin: 0 0 10px;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .content-left .desc .description {

  font-size: 18px;

  font-weight: 400;

  color: #FFFFFF9E;

  margin: 20px 60px 40px 0px;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .slide-image {

  flex: 0 0 50%;

  max-width: 50%;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .slide-image .slide-main {

  position: absolute;

  top: 54%;

  right: 12%;

  z-index: 5;

  transform: translateY(-50%);

  height: 650px;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .slide-image img:not(.slide-main) {

  position: absolute;

  top: 50%;

  right: 5%;

  z-index: 5;

  transform: translateY(-50%);

  filter: drop-shadow(80px 50px 200px rgba(37, 0, 1, 0.6));

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .number {

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

  top: auto;

  bottom: 42px;

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  width: 100%;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .number .first {

  font-size: 50px;

  font-weight: 400;

  color: #fff;

  letter-spacing: -6px;

  margin-right: 5px;

}

.rs-slider.slider-style2 .slider .slide-item .rs-slide .slide-des .inner-container .number .last {

  text-align: center;

  font-size: 16px;

  font-weight: 400;

  color: #fff;

}

.rs-slider.slider-style2 .slider .slick-arrow {

  position: absolute;

  transform: translateY(-50%);

  visibility: visible;

  opacity: 1;

  font-size: 0;

  border: none;

  background: transparent;

  transition: 0.6s ease all;

  z-index: 9;

}

.rs-slider.slider-style2 .slider .slick-arrow.slick-next {

  right: 45.4%;

  bottom: 38px;

}

.rs-slider.slider-style2 .slider .slick-arrow.slick-next:before {

  content: "\f110";

  font-size: 25px;

  color: #ffffff;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-slider.slider-style2 .slider .slick-arrow.slick-prev {

  right: 53%;

  bottom: 38px;

}

.rs-slider.slider-style2 .slider .slick-arrow.slick-prev:before {

  content: "\f111";

  font-size: 25px;

  color: #ffffff;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-slider.slider-style2 .slider .slick-arrow:hover.slick-prev:before,

.rs-slider.slider-style2 .slider .slick-arrow:hover.slick-next:before {

  color: #ffffff;

}

.rs-slider.slider-style3 {

  background-image: url(assets/images/slider/style3/sl-slide-bg.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.rs-slider.slider-style3 .slider {

  overflow: hidden;

}

.rs-slider.slider-style3 .slider .container {

  position: relative;

  padding: 150px 15px 110px;

}

.rs-slider.slider-style3 .slider .container .content-part .sl-sub-title {

  font-size: 16px;

  line-height: 30px;

  font-weight: 500;

  color: rgba(255, 255, 255, 0.8);

  text-transform: uppercase;

  display: block;

  margin: 0 0 16px;

}

.rs-slider.slider-style3 .slider .container .content-part .sl-title {

  line-height: 120px;

  letter-spacing: 0px;

  font-weight: 700;

  font-size: 110px;

  font-family: Roobert,sans-serif !important;

  text-transform: uppercase;

  color: #151515;

  white-space: normal;

  width: 640px;

  text-shadow: 1px 1px 0 #f8f9fa, 1px -1px 0 #f8f9fa, -1px 1px 0 #f8f9fa, -1px -1px 0 #f8f9fa, 1px 0px 0 #f8f9fa, 0px 1px 0 #f8f9fa, -1px 0px 0 #f8f9fa, 0px -1px 0 #f8f9fa;

  margin-bottom: 45px;

}

.rs-slider.slider-style3 .slider .container .content-part .sl-desc {

  font-size: 18px;

  line-height: 30px;

  font-weight: 400;

  color: #ffffff;

  margin: 0 0 42px;

}

.rs-slider.slider-style3 .slider .container .slider-bottom li {

  display: inline-block;

  margin-right: 25px;

}

.rs-slider.slider-style3 .slider .container .slider-bottom li:last-child {

  margin-right: 0;

}

.rs-slider.slider-style3 .slider .container .image-part img {

  position: relative;

  width: unset;

  height: unset;

  max-width: unset;

  right: -109px;

}

.rs-slider.slider-style3 .owl-item.active .slider {

  /*-- Animations Start --*/



  /*-- Animations End --*/



}

.rs-slider.slider-style3 .owl-item.active .slider .sl-sub-title {

  -webkit-animation: fadeInDown 1.4s ease-in-out;

  animation: fadeInDown 1.4s ease-in-out;

}

.rs-slider.slider-style3 .owl-item.active .slider .sl-title {

  animation: fadeInLeft 1.6s ease-in-out;

}

.rs-slider.slider-style3 .owl-item.active .slider .slider-bottom {

  -webkit-animation: fadeInUp 1.8s ease-in-out;

  animation: fadeInUp 1.8s ease-in-out;

}

.rs-slider.slider-style3 .owl-nav {

  display: block;

}

.rs-slider.slider-style3 .owl-nav .owl-next,

.rs-slider.slider-style3 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  width: 70px;

  height: 70px;

  line-height: 74px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.1);

  text-align: center;

  color: #ffffff;

  transition: all 0.5s;

  transition-delay: 0.70s;

  opacity: 0;

  visibility: hidden;

}

.rs-slider.slider-style3 .owl-nav .owl-next i:before,

.rs-slider.slider-style3 .owl-nav .owl-prev i:before {

  content: "\f112";

  font-family: Flaticon;

  font-size: 20px;

  margin-right: 3px;

}

.rs-slider.slider-style3 .owl-nav .owl-next:hover,

.rs-slider.slider-style3 .owl-nav .owl-prev:hover {

  background: #c0c0c0;

  background: rgba(0, 0, 0, 0.5);

}

.rs-slider.slider-style3 .owl-nav .owl-next {

  right: 0;

  left: unset;

}

.rs-slider.slider-style3 .owl-nav .owl-next i:before {

  content: "\f113";

  margin-right: 0;

  margin-left: 3px;

}

.rs-slider.slider-style3:hover .owl-nav .owl-next,

.rs-slider.slider-style3:hover .owl-nav .owl-prev {

  left: 30px;

  transition-delay: 0s;

  visibility: visible;

  opacity: 1;

}

.rs-slider.slider-style3:hover .owl-nav .owl-next {

  right: 30px;

  left: unset;

}

.rs-slider.slider-style4 {

  position: relative;

  z-index: 11;

}

.rs-slider.slider-style4 .rs-html5-video {

  position: absolute;

  transform: translate(-50%, -50%);

  top: 50%;

  left: 50%;

  object-fit: cover;

  width: 100%;

  height: 100%;

  margin: 0;

  line-height: 1;

  border: none;

}

.rs-slider.slider-style4 .slide-shape {

  position: absolute;

  bottom: -6px;

}

.rs-slider.slider-style4 .background-video-wrap .background-overlay {

  background-image: linear-gradient(105deg, #0401ab 0.6%, #03a4ff 98.19%);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

  height: 100%;

  opacity: 0.62;

  width: 100%;

  mix-blend-mode: normal;

  top: 0;

  left: 0;

  position: absolute;

}

.rs-slider.slider-style4 .slide-shape .slide-svg {

  background-image: url(assets/images/slider/style4/subtract.png);

  background-color: #fff;

  background-position: center;

}

.rs-slider.slider-style4 .slider {

  overflow: hidden;

}

.rs-slider.slider-style4 .slider .container {

  position: relative;

  padding: 160px 20px 140px;

}

.rs-slider.slider-style4 .slider .container .content-part .sl-title {

  font-size: 80px;

  line-height: 90px;

  font-weight: 600;

  color: #ffffff;

}

.rs-slider.slider-style4 .slider .container .content-part .sl-desc {

  font-size: 18px;

  line-height: 28px;

  font-weight: 400;

  color: #ffffff;

  margin: 0 0 42px;

}

.rs-slider.slider-style4 .slider .container .slider-bottom {

  display: flex;

  align-items: center;

}

.rs-slider.slider-style4 .slider .container .slider-bottom li {

  display: inline-block;

  margin-right: 25px;

  color: #ffffff;

}

.rs-slider.slider-style4 .slider .container .slider-bottom li:last-child {

  margin-right: 0;

}

.rs-slider.slider-style4 .slider .container .slider-bottom .ratings i {

  color: #FF965A;

}

.rs-slider.slider-style4 .slider .container .slider-bottom .ratings .star-color {

  padding-right: 8px;

  color: #ffffff;

}

.rs-slider.slider-style4 .slider .container .image-part .slide-main {

  position: absolute;

  top: 46%;

  right: -4%;

  z-index: 11;

  transform: translateY(-50%);

  max-width: 470px;

}

.rs-slider.slider-style4 .slider .container .image-part img {

  position: relative;

  max-width: 450px;

  right: -37%;

  top: 0px;

  z-index: 111;

}

.rs-slider.slider-style4 .owl-item.active .slider {

  /*-- Animations Start --*/



  /*-- Animations End --*/



}

.rs-slider.slider-style4 .owl-item.active .slider .sl-title {

  animation: fadeInLeft 1.5s ease-in-out;

}

.rs-slider.slider-style4 .owl-item.active .slider .sl-desc {

  animation: fadeInLeft 1.7s ease-in-out;

}

.rs-slider.slider-style4 .owl-item.active .slider .slider-bottom {

  -webkit-animation: fadeInUp 1.8s ease-in-out;

  animation: fadeInUp 1.8s ease-in-out;

}

.rs-slider.slider-style4 .owl-nav {

  display: block;

}

.rs-slider.slider-style4 .owl-nav .owl-next,

.rs-slider.slider-style4 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  width: 70px;

  height: 70px;

  line-height: 74px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.1);

  text-align: center;

  color: #ffffff;

  transition: all 0.5s;

  transition-delay: 0.70s;

  opacity: 0;

  visibility: hidden;

}

.rs-slider.slider-style4 .owl-nav .owl-next i:before,

.rs-slider.slider-style4 .owl-nav .owl-prev i:before {

  content: "\f112";

  font-family: Flaticon;

  font-size: 20px;

  margin-right: 3px;

}

.rs-slider.slider-style4 .owl-nav .owl-next:hover,

.rs-slider.slider-style4 .owl-nav .owl-prev:hover {

  background: #c0c0c0;

  background: rgba(0, 0, 0, 0.5);

}

.rs-slider.slider-style4 .owl-nav .owl-next {

  right: 0;

  left: unset;

}

.rs-slider.slider-style4 .owl-nav .owl-next i:before {

  content: "\f113";

  margin-right: 0;

  margin-left: 3px;

}

.rs-slider.slider-style4:hover .owl-nav .owl-next,

.rs-slider.slider-style4:hover .owl-nav .owl-prev {

  left: 30px;

  transition-delay: 0s;

  visibility: visible;

  opacity: 1;

}

.rs-slider.slider-style4:hover .owl-nav .owl-next {

  right: 30px;

  left: unset;

}

.rs-slider.slider-style5 {

  background-image: url(assets/images/slider/style5/slide-bg.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

}

.rs-slider.slider-style5 .slider .slide-item {

  position: relative;

  z-index: 11;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des {

  padding: 170px 0 130px;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des .inner-container {

  display: flex;

  align-items: center;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des .inner-container .slide-image {

  flex: 0 0 40%;

  max-width: 40%;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des .inner-container .slide-content {

  flex: 0 0 60%;

  max-width: 60%;

  padding-left: 80px;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des .inner-container .slide-content .sub-title {

  font-size: 16px;

  line-height: 26px;

  font-weight: 500;

  color: #ffffff;

  display: block;

  margin-bottom: 10px;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des .inner-container .slide-content .title {

  font-size: 90px;

  line-height: 100px;

  font-weight: 700;

  color: #ffffff;

  text-transform: capitalize;

  margin: 0 0 45px;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des .inner-container .slide-content .banner-bottom li {

  display: inline-block;

  margin-right: 20px;

}

.rs-slider.slider-style5 .slider .slide-item .slider-des .inner-container .slide-content .banner-bottom li:last-child {

  margin-right: 0;

}

.rs-slider.slider-style5 .slider .slide-item:before {

  content: '';

  background-color: #ffae00;

  height: 100%;

  width: 30%;

  position: absolute;

  left: 0;

  z-index: -11;

}

.rs-slider.slider-style5 .slider .slide-item.slide-bg2:before {

  background-color: #ff5815;

}

.rs-slider.slider-style5 .slider .slide-item.slide-bg3:before {

  background-color: #01dbcb;

}

.rs-slider.slider-style5 .slider .slide-item.slide-bg4:before {

  background-color: #010101;

}

.rs-slider.slider-style5 .slider .slick-dots {

  position: absolute;

  bottom: auto!important;

  top: 50%;

  transform: translateY(-50%);

  text-align: right;

  right: 70px;

}

.rs-slider.slider-style5 .slider .slick-dots li {

  width: unset;

  height: unset;

  margin: 0 5px;

  transition: 0.6s;

  position: relative;

  text-align: left;

}

.rs-slider.slider-style5 .slider .slick-dots li button {

  position: relative;

  border: none;

  font-size: 18px;

  margin-left: auto;

  transition: 0.6s;

  margin: 16px 0;

  color: #ffffff;

  background: transparent;

  opacity: 1;

}

.rs-slider.slider-style5 .slider .slick-dots li:before {

  background-color: #fff;

  content: '';

  height: 2px;

  width: 40px;

  left: 0;

  display: block;

  opacity: 1;

  position: absolute;

  transition: 0.5s;

}

.rs-slider.slider-style5 .slider .slick-dots li.active-slick:before,

.rs-slider.slider-style5 .slider .slick-dots li:hover:before {

  width: 60px;

  background: #ffae00;

  opacity: 1;

}

.rs-slider.slider-style5 .slider .slick-dots li:first-child:before {

  display: none;

}

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

	09. Cta Section CSS

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

.rs-cta.cta-style1 {

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.rs-cta.cta-style1 .cta-animation .animate-style {

  position: absolute;

  bottom: 0;

}

.rs-cta.cta-style1 .cta-animation .animate-style.one {

  left: 16%;

  top: -9%;

  z-index: -1;

}

.rs-cta.cta-style1 .cta-animation .animate-style.two {

  right: 16%;

  bottom: -6%;

}

.rs-cta.cta-style1 .cta-animation .animate-style.two img {

  max-width: 90px;

}

.rs-cta.cta-style1 .cta-animation .animate-style.three {

  left: 16%;

  bottom: 14%;

}

.rs-cta.cta-style1 .cta-animation .animate-style.three img {

  max-width: 90px;

}

.rs-cta.cta-style1 .cta-animation .animate-style.four {

  right: 13%;

  top: 9%;

}

.rs-cta.cta-style1 .cta-animation .animate-style.four img {

  max-width: 90px;

}

.rs-cta.cta-style2 {

  position: relative;

  z-index: 11;

}

.rs-cta.cta-style2 .rs-html5-video {

  position: absolute;

  transform: translate(-50%, -50%);

  top: 50%;

  left: 50%;

  object-fit: cover;

  width: 100%;

  height: 100%;

  margin: 0;

  line-height: 1;

  border: none;

}

.rs-cta.cta-style2 .background-video-wrap .background-overlay {

  background-image: url(assets/images/cta/shoe-bg.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

  height: 100%;

  opacity: 0.62;

  width: 100%;

  mix-blend-mode: normal;

  top: 0;

  left: 0;

  position: absolute;

}

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

	10. Counter Section CSS

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

.rs-counter.counter-style1 .rs-counter-list .count-text .count-number .rs-count {

  font-size: 40px;

  line-height: 50px;

  font-weight: 700;

  color: #ff7425;

}

.rs-counter.counter-style1 .rs-counter-list .count-text .count-number .prefix {

  font-size: 40px;

  line-height: 60px;

  font-weight: 700;

  color: #ff7425;

}

.rs-counter.counter-style1 .rs-counter-list .count-text .title {

  font-size: 18px;

  font-weight: 500;

  line-height: 22px;

  color: #413F3F;

}

.rs-counter.counter-style1.counter-modify1 .rs-counter-list {

  text-align: center;

}

.rs-counter.counter-style1.counter-modify1 .rs-counter-list .count-text .count-number .rs-count,

.rs-counter.counter-style1.counter-modify1 .rs-counter-list .count-text .count-number .prefix {

  font-size: 70px;

  line-height: 90px;

  font-weight: 300;

  color: #000;

}

.rs-counter.counter-style1.counter-modify1 .rs-counter-list .count-text .title {

  font-weight: 300;

  color: #000;

}

.rs-counter.counter-style1.counter-modify2 .rs-counter-list .count-text .count-number .rs-count,

.rs-counter.counter-style1.counter-modify2 .rs-counter-list .count-text .count-number .prefix {

  font-size: 40px;

  line-height: 60px;

  font-weight: 600;

  color: #9147ff;

}

.rs-counter.counter-style1.counter-modify2 .rs-counter-list .count-text .title {

  color: #3E3E3EB3;

}

.rs-counter.counter-style1.counter-modify3 .rs-counter-list .count-text .count-number .rs-count,

.rs-counter.counter-style1.counter-modify3 .rs-counter-list .count-text .count-number .prefix {

  font-size: 40px;

  line-height: 50px;

  font-weight: 300;

  color: #3e3e3e;

}

.rs-counter.counter-style1.counter-modify3 .rs-counter-list .count-text .title {

  font-size: 16px;

  font-weight: 400;

  line-height: 22px;

  color: #413F3F;

}

.rs-counter.counter-style1.counter-modify4 .rs-counter-list .count-text .title {

  font-size: 14px;

  font-weight: 400;

  line-height: 22px;

  color: #413F3F;

}

.rs-counter.counter-style1.counter-modify4 .rs-counter-list .count-text .count-number .prefix,

.rs-counter.counter-style1.counter-modify4 .rs-counter-list .count-text .count-number .rs-count {

  font-size: 40px;

  line-height: 50px;

  font-weight: 500;

  color: #9147ff;

}

.rs-counter.counter-style1.counter-modify4 .rs-counter-list {

  position: relative;

}

.rs-counter.counter-style1.counter-modify4 .rs-counter-list .separator-dot {

  width: 6px;

  height: 6px;

  content: '';

  right: 20px;

  top: 30px;

  border-radius: 50px;

  position: absolute;

  background-color: #a47ad3;

}

.rs-counter.counter-style1.counter-modify5 .rs-counter-list .count-text .count-number .rs-count,

.rs-counter.counter-style1.counter-modify5 .rs-counter-list .count-text .count-number .prefix {

  font-size: 50px;

  line-height: 50px;

  font-weight: 400;

  font-family: Roobert,sans-serif !important;

  color: #9147ff;

}

.rs-counter.counter-style1.counter-modify5 .rs-counter-list .count-text .title {

  font-size: 18px;

  font-weight: 400;

  line-height: 22px;

  color: #413F3F;

}

.rs-counter.counter-style2 {

  display: inline-block;

}

.rs-counter.counter-style2 .rs-counter-list {

  width: 20%;

  float: left;

  padding: 0 20px 0 0;

}

.rs-counter.counter-style2 .rs-counter-list .counter-icon {

  text-align: center;

  width: 70px;

  height: 70px;

  line-height: 70px;

  padding: 0px 0px 0px 0px;

  margin: 0px 0px 8px 0px;

  border-radius: 50px 50px 50px 50px;

  background-color: #F2F2F2;

  display: inline-block;

}

.rs-counter.counter-style2 .rs-counter-list .counter-icon img {

  width: 19px;

  height: auto;

  max-width: 100%;

}

.rs-counter.counter-style2 .rs-counter-list .count-text .count-number {

  text-align: center;

}

.rs-counter.counter-style2 .rs-counter-list .count-text .count-number .rs-count {

  font-size: 16px;

  line-height: 18px;

  font-weight: 500;

  color: #ffffff;

  font-family: Roobert,sans-serif !important;

}

.rs-counter.counter-style2 .rs-counter-list .count-text .count-number .prefix {

  font-size: 16px;

  line-height: 18px;

  font-weight: 500;

  color: #ffffff;

  font-family: Roobert,sans-serif !important;

}

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

	11. Contact Section CSS

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

.rs-contact.contact-style1 {

  position: relative;

}

.rs-contact.contact-style1 .model-img {

  background-image: url(assets/images/contact/model-min.png);

  background-position: bottom left;

  background-repeat: no-repeat;

  background-size: 86% auto;

}

.rs-contact.contact-style1 .contact-wrap {

  position: relative;

  margin: 100px 50px 115px 10px;

}

.rs-contact.contact-style1 .contact-wrap .from-control {

  font-size: 18px;

  padding: 18px 30px 18px 30px;

  border-radius: 10px 10px 10px 10px;

  border-style: solid;

  color: #FFFFFF;

  background-color: #FFFFFF12;

  border-width: 0px 0px 0px 0px;

  box-shadow: 0px 0px 12px -2px rgba(0, 0, 0, 0.05);

  border: none;

  width: 100%;

  max-width: 100%;

  opacity: 1;

}

.rs-contact.contact-style1 .contact-wrap textarea {

  height: 120px;

}

.rs-contact.contact-style1 .contact-wrap .address-widget {

  position: relative;

  right: -39%;

  margin-top: -73px;

}

.rs-contact.contact-style1 .contact-wrap ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #fff;

  opacity: 0.69;

}

.rs-contact.contact-style1 .contact-wrap ::-moz-placeholder {

  /* Firefox 19+ */



  color: #fff;

  opacity: 0.69;

}

.rs-contact.contact-style1 .contact-wrap :-ms-input-placeholder {

  /* IE 10+ */



  color: #fff;

  opacity: 0.69;

}

.rs-contact.contact-style1 .contact-wrap :-moz-placeholder {

  /* Firefox 18- */



  color: #fff;

  opacity: 0.69;

}

.rs-contact.contact-style1 .contact-animate .animation {

  position: absolute;

  bottom: 0;

}

.rs-contact.contact-style1 .contact-animate .animation.one {

  left: 10%;

  top: 10%;

}

.rs-contact.contact-style1 .contact-animate .animation.one img {

  max-width: 70px;

  opacity: .4;

}

.rs-contact.contact-style1 .contact-animate .animation.two {

  right: 10%;

  top: 10%;

}

.rs-contact.contact-style1 .contact-animate .animation.two img {

  opacity: 0.2;

  width: 47px;

  max-width: 47px;

}

.rs-contact.contact-style1 .contact-animate .animation.three {

  left: 6%;

  bottom: 16%;

}

.rs-contact.contact-style1 .contact-animate .animation.three img {

  max-width: 60px;

  opacity: 0.2;

}

.rs-contact.contact-style1 .contact-animate .animation.four {

  right: 11%;

  bottom: 20%;

}

.rs-contact.contact-style1 .contact-animate .animation.four img {

  opacity: 0.3;

  width: 47px;

  max-width: 47px;

}

.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: 39px !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: #3E3E3E !important;

  font-size: 14px;

  display: block;

}

.rs-contact.contact-style2 .address-boxs .address-text .text .des {

  font-size: 20px;

  color: #9147ff !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: #9147ff;

  font-weight: 500;

  display: block;

  margin-bottom: 0;

}

.rs-contact.contact-style2 .content-wrap .from-control {

  padding: 10px 0px 16px 0px;

  border-radius: 0px 0px 0px 0px;

  border-style: solid;

  border-width: 0px 0px 1px 0px;

  font-size: 18px;

  color: #9147ff;

  background-color: #F8F8F8;

  border-color: #3E3E3E21;

  width: 100%;

  max-width: 100%;

  opacity: 1;

}

.rs-contact.contact-style2 .content-wrap textarea {

  height: 105px;

}

.rs-contact.contact-style2 .content-wrap ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #3e3e3e;

  opacity: 0.61;

}

.rs-contact.contact-style2 .content-wrap ::-moz-placeholder {

  /* Firefox 19+ */



  color: #3e3e3e;

  opacity: 0.61;

}

.rs-contact.contact-style2 .content-wrap :-ms-input-placeholder {

  /* IE 10+ */



  color: #3e3e3e;

  opacity: 0.61;

}

.rs-contact.contact-style2 .content-wrap :-moz-placeholder {

  /* Firefox 18- */



  color: #3e3e3e;

  opacity: 0.61;

}

.rs-contact.contact-style2.contact-modfiy1 .address-boxs .address-icon {

  background-color: #9147ff;

}

.rs-contact.contact-style2.contact-modfiy1 .address-boxs .address-text .text .label {

  font-weight: 500;

  color: #fff !important;

}

.rs-contact.contact-style2.contact-modfiy1 .address-boxs .address-text .text .des {

  color: #fff !important;

}

.rs-contact.contact-style2.contact-modfiy1 .content-wrap {

  border-radius: 30px 30px 30px 30px;

}

.rs-contact.contact-style2.contact-modfiy2 .content-wrap {

  background-color: #fff;

  padding: 60px 50px 60px 50px;

}

.rs-contact.contact-style2.contact-modfiy2 .content-wrap label {

  margin-bottom: 8px;

}

.rs-contact.contact-style2.contact-modfiy2 .content-wrap .from-control {

  padding: 14px 17px 14px 17px;

  border-radius: 5px;

  border-style: solid;

  border-width: 0px 0px 1px 0px;

  font-size: 18px;

  color: #9147ff;

  background-color: #F4F3FF;

  border-color: #F4F3FF;

}

.rs-contact.contact-style2.contact-modfiy2 .address-boxs .address-icon {

  background-color: #4f4bff;

}

.rs-contact.contact-style2.contact-modfiy3 .content-wrap {

  background-color: #fff;

  padding: 60px 50px 60px 50px;

}

.rs-contact.contact-style2.contact-modfiy3 .content-wrap label {

  margin-bottom: 8px;

}

.rs-contact.contact-style2.contact-modfiy3 .content-wrap .from-control {

  padding: 14px 17px 14px 17px;

  border-radius: 5px;

  border-style: solid;

  border-width: 0px 0px 1px 0px;

  font-size: 18px;

  color: #9147ff;

  background-color: #f8f8f8;

  border-color: #f8f8f8;

}

.rs-contact.contact-style2.contact-modfiy3 .address-boxs .address-icon {

  background-color: #9147ff;

}

.rs-contact.contact-style2.contact-modfiy4 .content-wrap {

  background-color: #F6F6F6;

  padding: 60px 50px 60px 50px;

  border-radius: 20px 20px 20px 20px;

}

.rs-contact.contact-style2.contact-modfiy4 .content-wrap label {

  margin-bottom: 8px;

}

.rs-contact.contact-style2.contact-modfiy4 .content-wrap .from-control {

  padding: 14px 17px 14px 17px;

  border-radius: 0px;

  border-style: solid;

  border-width: 0px 0px 1px 0px;

  font-size: 18px;

  color: #9147ff;

  background-color: #fff;

  border-color: #fff;

}

.rs-contact.contact-style2.contact-modfiy4 .address-boxs .address-icon {

  background-color: #cf3201;

}

.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 .content-wrap .from-control {

  padding: 14px 17px 14px 0px;

  border-radius: 0px;

  border-style: solid;

  border-width: 0px 0px 1px 0px;

  font-size: 18px;

  color: #9147ff;

  background-color: #fff;

  border-color: #3E3E3E21;

}

.rs-contact.contact-style2.contact-modfiy5 .address-boxs .address-icon {

  background-color: #6722B5;

}

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

}

.rs-contact.contact-style2.contact-modfiy5.pro-details .content-wrap {

  box-shadow: unset;

}

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

	12. Video Section CSS

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

.iconovideo {

  position: relative;

}

.iconovideo   a {

  left: 50%;

  position: absolute;

  top: 50%;

  transform: translate(-50%,-50%);

  text-align: center;

  background: #9147ff;

  width: 80px;

  height: 80px;

  line-height: 0;

  border-radius: 50%;





}



.iconovideo a i {

  font-size: 30px;

  line-height: 80px;

  color: #FFF;

  z-index: 1;

}





.iconovideo a:before {

  content: "";

  position: absolute;

  z-index: -999;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  animation: pulse-border 1500ms ease-out infinite;

  transition: all 0.3s ease;

  background: #9147ff;

}

.iconovideo a:after {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  transition: all 200ms;

  animation: pulse-border 1.5s ease-out infinite;

}

.rs-videos.video-item .video-desc {

  position: relative;

  color: #FFFFFF;

  font-size: 18px;

  font-weight: 600;

  z-index: 1;

  left: 116px;

}

.rs-videos.video-item.purple-video .overly-border {

  border: 1px solid #4F4BFF;

  border-radius: 50%;

  position: absolute;

  width: 70px;

  height: 70px;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.rs-videos.video-item.purple-video .overly-border a {

  background-color: #E1666600;

}

.rs-videos.video-item.purple-video .overly-border a img {

  width: 18px;

  position: relative;

  top: -4px;

}

.rs-videos.video-item.purple-video .overly-border a:before {

  background-color: #E1666600;

}

.rs-videos.video-item.purple-video .video-desc {

  color: #4f4bff;

  left: 98px;

}

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

	13. Process Section CSS

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

.rs-process.nav-tab-style1 {

  background-color: #9147ff;

  padding: 0% 0% 0% 18%;

}

.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: Roobert,sans-serif !important;

  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: #FF7425;

  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: #FF7425;

  left: 20px;

}

.rs-process.nav-tab-style1 .rs-hover-tabs #rs-hover-tabs-content {

  width: 60%;

}

.rs-process.nav-tab-style1.yellow-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li.active span.title {

  color: #ffae00;

}

.rs-process.nav-tab-style1.yellow-tab-style1 .rs-hover-tabs ul#rs-hover-tabs-nav li .title:before {

  background-color: #ffae00;

}

.rs-process.process-style1 .process-work {

  padding: 80px 0px 80px 0px;

  background-color: #FFFFFF;

  border-radius: 50px 50px 50px 50px;

  text-align: center;

}

.rs-process.process-style1 .process-work img {

  max-width: 270px;

  border-radius: 0px 0px 0px 0px;

}

.rs-process.process-style1 .process-work.wireframe-img {

  padding: 100px 0px 100px 0px;

}

.rs-process.process-style1 .process-work.wireframe-img img {

  max-width: 218px;

}

.rs-process.process-style1 .process-work.development-img {

  padding: 65px 0px 60px 0px;

}

.rs-process.process-style1 .process-work.development-img img {

  max-width: 80%;

}

.rs-process.process-style1 .process-work.testing-img {

  padding: 50px 0px 50px 0px;

}

.rs-process.process-style1 .process-work.testing-img img {

  max-width: 80%;

}

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

	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;

}

.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: #9147ff;

}

.rs-project.project-style1 .project-item .project-content .category a:hover {

  color: #ff7425;

}

.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: #3e3e3e;

}

.rs-project.project-style1 .project-item .project-content .title a:hover {

  color: #ff7425;

}

.rs-project.project-style1 .project-item:hover .project-img a img {

  transform: scale(1.2);

}

.rs-project.project-style1.project-modify1 .project-item .project-content .category a {

  color: #9147ff;

}

.rs-project.project-style1.project-modify1 .project-item .project-content .title a {

  color: #3e3e3e;

}

.rs-project.project-style1.project-modify1 .project-item .project-content .title a:hover {

  color: #9147ff;

}

.rs-project.project-style1.project-modify1 .project-item .project-content {

  box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.05);

}

.rs-project.project-style1.project-modify2 .project-item .project-content {

  padding: 31px 40px 31px 40px;

  box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.05);

  border-radius: 0px 0px 20px 20px;

}

.rs-project.project-style1.project-modify2 .project-item .project-content .category a {

  color: #0072f5;

}

.rs-project.project-style1.project-modify2 .project-item .project-content .title {

  font-weight: 500;

}

.rs-project.project-style1.project-modify2 .project-item .project-content .title a {

  color: #3e3e3e;

}

.rs-project.project-style1.project-modify2 .project-item .project-content .title a:hover {

  color: #0072f5;

}

.rs-project.project-style1.project-modify4 .project-item .project-content {

  padding: 31px 40px 31px 40px;

  background-color: #ffffff;

}

.rs-project.project-style1.project-modify4 .project-item .project-content .category a {

  color: #be0d42;

}

.rs-project.project-style1.project-modify4 .project-item .project-content .title {

  font-weight: 500;

}

.rs-project.project-style1.project-modify4 .project-item .project-content .title a {

  color: #000;

}

.rs-project.project-style1.project-modify4 .project-item .project-content .title a:hover {

  color: #be0d42;

}

.rs-project.project-style1.project-modify5 .project-item .project-content .category a {

  color: #4f4bff;

}

.rs-project.project-style1.project-modify5 .project-item .project-content .title a {

  color: #3e3e3e;

}

.rs-project.project-style1.project-modify5 .project-item .project-content .title a:hover {

  color: #4f4bff;

}

.rs-project.project-style1.project-modify5 .project-item .project-content {

  box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.05);

}

.rs-project.project-style1.project-modify6 .project-item .project-content .category a {

  color: #9147ff;

}

.rs-project.project-style1.project-modify6 .project-item .project-content .title a {

  color: #3e3e3e;

}

.rs-project.project-style1.project-modify6 .project-item .project-content .title a:hover {

  color: #9147ff;

}

.rs-project.project-style1.project-modify7 .project-item .project-img a img {

  border-radius: 20px 20px 0px 0px;

}

.rs-project.project-style1.project-modify7 .project-item .project-content {

  box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.05);

  border-radius: 0px 0px 20px 20px;

}

.rs-project.project-style1.project-modify7 .project-item .project-content .category a {

  color: #dd4447;

}

.rs-project.project-style1.project-modify7 .project-item .project-content .title a {

  color: #3e3e3e;

}

.rs-project.project-style1.project-modify7 .project-item .project-content .title a:hover {

  color: #dd4447;

}

.rs-project.project-style1.project-modify8 .project-item .project-img a img {

  border-radius: 20px 20px 0px 0px;

}

.rs-project.project-style1.project-modify8 .project-item .project-content {

  padding: 40px 50px 40px 50px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

  border-radius: 0px 0px 20px 20px;

}

.rs-project.project-style1.project-modify8 .project-item .project-content .category a {

  color: #9147ff;

}

.rs-project.project-style1.project-modify8 .project-item .project-content .title a {

  color: #3e3e3e;

}

.rs-project.project-style1.project-modify8 .project-item .project-content .title a:hover {

  color: #9147ff;

}

.rs-project.project-style1.project-modify8 .project-item .project-content .title {

  font-weight: 500;

}

.rs-project.project-style1.project-modify8 .mb-30 {

  margin-bottom: 30px !important;

}

.rs-project.project-style1.project-modify9 .project-item .project-content .category a {

  color: #dd4447;

}

.rs-project.project-style1.project-modify9 .project-item .project-img a img {

  border-radius: 0;

}

.rs-project.project-style1.project-modify9 .project-item .project-content .title a {

  color: #3e3e3e;

}

.rs-project.project-style1.project-modify9 .project-item .project-content .title a:hover {

  color: #dd4447;

}

.rs-project.project-style1.project-modify9 .project-item .project-content {

  border-radius: 0;

  box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.08);

}

.rs-project.project-style1.project-modify9 .mb-30 {

  margin-bottom: 30px !important;

}

.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-modify11 .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-modify11 .project-item .project-img a img {

  border-radius: 20px 20px 0px 0px;

}

.rs-project.project-style1.project-modify11 .project-item .project-content .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  margin-bottom: 0;

}

.rs-project.project-style1.project-modify11 .project-item .project-content .category {

  font-size: 15px;

  font-weight: 400;

  margin-bottom: 5px;

}

.rs-project.project-style1.project-modify11.home14-style1 .project-item .project-content {

  border-radius: 0px 0px 0px 0px;

}

.rs-project.project-style1.project-modify11.home14-style1 .project-item .project-img a img {

  border-radius: 0px 0px 0px 0px;

}

.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-img a img {

  border-radius: 20px 20px 0px 0px;

}

.rs-project.project-style1.project-modify12 .project-item .project-content .title {

  font-size: 30px;

  line-height: 40px;

  font-weight: 500;

  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-style1 .project-animate .pro-animation {

  position: absolute;

  bottom: 0;

  z-index: -11;

}

.rs-project.project-style1 .project-animate .pro-animation.left-arrow {

  left: 8%;

  top: 55%;

}

.rs-project.project-style1 .project-animate .pro-animation.right-arrow {

  right: 8%;

  top: 55%;

}

.rs-project.project-style2 {

  position: relative;

  z-index: 11;

}

.rs-project.project-style2 .swiper {

  position: relative;

}

.rs-project.project-style2 .swiper .swiper-wrapper {

  padding-top: 120px;

}

.rs-project.project-style2 .swiper .swiper-wrapper .project-item .project-img img {

  transition: 0.5s;

  transform: scale(1);

}

.rs-project.project-style2 .swiper .swiper-wrapper .project-item .project-content {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 55px;

  margin-top: 20px;

}

.rs-project.project-style2 .swiper .swiper-wrapper .project-item .project-content .title {

  font-size: 25px;

  line-height: 35px;

  font-weight: 400;

}

.rs-project.project-style2 .swiper .swiper-wrapper .project-item .project-content .title a {

  color: #000;

}

.rs-project.project-style2 .swiper .swiper-wrapper .project-item .project-content .title a:hover {

  color: #9147ff;

}

.rs-project.project-style2 .swiper .swiper-scrollbar {

  border-radius: 6px;

  position: absolute;

  width: 100%;

  background: rgba(62, 62, 62, 0.1);

  height: 1px;

  left: 0;

  bottom: 3px;

  z-index: 50;

}

.rs-project.project-style2 .swiper .swiper-navigation .swiper-button-prev {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  right: 0;

  left: auto;

  text-align: center;

  width: 56px;

  height: 52px;

  top: 23px;

  background: #FFFFFF;

  color: #000;

}

.rs-project.project-style2 .swiper .swiper-navigation .swiper-button-next {

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  right: 56px;

  left: auto;

  text-align: center;

  width: 56px;

  height: 52px;

  top: 23px;

  background: #FFFFFF;

  color: #000;

}

.rs-project.project-style2 .swiper .swiper-navigation .swiper-button-prev:after {

  content: "\f110";

  font-size: 20px;

  font-family: flaticon;

}

.rs-project.project-style2 .swiper .swiper-navigation .swiper-button-next:after {

  content: "\f111";

  font-size: 20px;

  font-family: flaticon;

}

.rs-project.project-style2 .swiper .swiper-navigation .swiper-button-prev:hover,

.rs-project.project-style2 .swiper .swiper-navigation .swiper-button-next:hover {

  color: #ffffff;

  background-color: #3E3E3E;

}

.rs-project.project-style2.swiper-modify1 .swiper-navigation .swiper-button-prev,

.rs-project.project-style2.swiper-modify1 .swiper-navigation .swiper-button-next {

  display: none;

}

.rs-project.project-style2.swiper-modify1 .swiper .swiper-wrapper {

  padding-top: 0;

}

.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(25, 8, 45, 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: Roobert,sans-serif !important;

  text-transform: uppercase;

  display: block;

  margin-bottom: 10px;

}

.rs-project.project-style3 .project-item .project-content .category a {

  color: #ff7425;

}

.rs-project.project-style3 .project-item .project-content .category a:hover {

  color: #ff7425;

}

.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: #ff7425;

}

.rs-project.project-style3 .project-item:hover .project-img:before {

  background-color: #9147ffB5;

  opacity: 1;

  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-style3 .pro-animate .animation-style {

  position: absolute;

  bottom: 0;

}

.rs-project.project-style3 .pro-animate .animation-style.left-side {

  left: -5%;

  top: 0%;

}

.rs-project.project-style3 .pro-animate .animation-style.right-side {

  right: 0%;

  bottom: 0%;

}

.rs-project.project-style4 .slider .project-item {

  position: relative;

  overflow: hidden;

  padding: 0 15px;

}

.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: rgba(25, 8, 45, 0.8);

  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: #ff7425;

}

.rs-project.project-style4 .slider .project-item:hover .project-img:before {

  opacity: 1;

  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;

}

.rs-project.project-style4 .slider .slick-list {

  padding: 0px 400px !important;

}

.rs-project.project-style4 .slider .slick-slide {

  padding: 0 15px !important;

}

.rs-project.project-style4 .slider .slick-arrow {

  position: absolute;

  transform: translateY(-50%);

  width: 50px;

  height: 50px;

  visibility: visible;

  opacity: 1;

  font-size: 0;

  border: none;

  background: transparent;

  transition: 0.6s ease all;

  z-index: 9;

}

.rs-project.project-style4 .slider .slick-arrow.slick-next {

  top: -14.9%;

  right: 17%;

}

.rs-project.project-style4 .slider .slick-arrow.slick-next:before {

  content: "\f114";

  font-size: 18px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-project.project-style4 .slider .slick-arrow.slick-prev {

  top: -14.9%;

  right: 21%;

}

.rs-project.project-style4 .slider .slick-arrow.slick-prev:before {

  content: "\f115";

  font-size: 18px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-project.project-style4 .slider .slick-arrow:hover {

  background: #0501C6;

}

.rs-project.project-style4 .slider .slick-arrow:hover.slick-prev:before,

.rs-project.project-style4 .slider .slick-arrow:hover.slick-next:before {

  color: #ffffff;

}

.rs-project.project-style4.project-modify3 .slider .slick-arrow:hover {

  background: #9147ff;

}

.rs-project.project-style5 .project-item {

  position: relative;

  overflow: hidden;

}

.rs-project.project-style5 .project-item .project-img {

  position: relative;

  overflow: hidden;

}

.rs-project.project-style5 .project-item .project-img:before {

  position: absolute;

  width: 100%;

  height: 100%;

  content: "";

  top: 0;

  left: 0;

  opacity: 0;

  visibility: hidden;

  transition: 0.4s;

  background: rgba(25, 8, 45, 0.8);

  border-radius: 30px;

  z-index: 1;

}

.rs-project.project-style5 .project-item .project-img a img {

  width: 100%;

  border-radius: 30px;

}

.rs-project.project-style5 .project-item .project-content {

  position: absolute;

  padding: 0 0 0 30px;

  bottom: 0;

  opacity: 0;

  z-index: 11;

  visibility: hidden;

  transition: all 0.3s ease;

}

.rs-project.project-style5 .project-item .project-content .category {

  font-size: 15px;

  font-weight: 400;

  display: block;

  margin-bottom: 10px;

}

.rs-project.project-style5 .project-item .project-content .category a {

  color: #ffffff;

}

.rs-project.project-style5 .project-item .project-content .category a:hover {

  color: #ffae00;

}

.rs-project.project-style5 .project-item .project-content .title {

  font-size: 35px;

  line-height: 45px;

  font-weight: 600;

  margin-bottom: 0;

}

.rs-project.project-style5 .project-item .project-content .title a {

  color: #ffffff;

}

.rs-project.project-style5 .project-item .project-content .title a:hover {

  color: #ffae00;

}

.rs-project.project-style5 .project-item:hover .project-img:before {

  opacity: 1;

  visibility: visible;

}

.rs-project.project-style5 .project-item:hover .project-content {

  bottom: 30px;

  opacity: 1;

  visibility: visible;

}

.rs-project-details .prelements-heading .widget-inner-content {

  border-top: 1px solid #3E3E3E17;

  padding: 35px 0 0px 0;

}

.rs-project-details .prelements-heading .widget-inner-content .title-inner .title {

  font-size: 18px;

  line-height: 1.3;

  font-weight: 600;

  color: #9147ff;

  margin: 0px 0px 15px 0px;

}

.rs-project-details .prelements-heading .widget-inner-content .title-inner .description p {

  font-size: 18px;

  margin: 0;

}

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

	15. Skill-bar Section CSS

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

.rs-skillbar.skillbar-style1 {

  position: relative;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar-title {

  color: #fff;

  font-size: 16px;

  font-weight: 500;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar {

  background: #eeeeee;

  height: 8px;

  line-height: 8px;

  margin: 10px 0 24px;

  border-radius: 0;

  overflow: visible;

  position: relative;

  width: 100%;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar {

  height: 8px;

  line-height: 8px;

  background: #FFDC76;

  border-radius: 0;

  margin-bottom: 0;

  overflow: visible !important;

  width: 0;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skill-bar-percent {

  height: 30px;

  line-height: 30px;

  position: absolute;

  right: 0px;

  top: -38px;

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.margin-no {

  margin: 10px 0 0;

}

.rs-skillbar.skillbar-style1 .skill-img {

  margin: 0 0 0 -105px;

}

.rs-skillbar.skillbar-style1 .skill-img img {

  max-width: 626px;

}

.rs-skillbar.skillbar-style1 .skill-animation .skill-animate {

  position: absolute;

  left: 35.4%;

  top: 18%;

}

.rs-skillbar.skillbar-style1 .skill-animation .skill-animate img {

  max-width: 140px;

}

.rs-skillbar.skillbar-style1.skillbar-modify1 .skill-animation .skill-animate img {

  max-width: 140px;

}

.rs-skillbar.skillbar-style1.skillbar-modify1 .skill-animation .skill-animate {

  left: 6%;

  top: 11%;

}

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

	16. Skill Experience Section CSS

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

.rs-skill-experience .skill-content .text-box-item .title-inner .sub-text {

  font-size: 14px;

  font-weight: 500;

  line-height: 30px;

  color: rgba(255, 255, 255, 0.78);

  display: inline-block;

  margin: 0 0 6px;

}

.rs-skill-experience .skill-content .text-box-item .title-inner .title {

  font-size: 35px;

  font-weight: 500;

  line-height: 1.35em;

  color: #ffffff;

  margin: 0;

}

.rs-skill-experience .skill-content .text-box-item .title-inner .title.title2 {

  font-size: 25px;

  margin: 0;

}

.rs-skill-experience .skill-content .text-box-item .title-inner .description p {

  font-size: 18px;

  color: rgba(255, 255, 255, 0.78);

  margin: 0;

}

.rs-skill-experience .skill-content .text-box-item .title-inner.border-bottom-style {

  margin: 0;

  border-style: solid;

  border-width: 0px 0px 1px 0px;

  border-color: #FFFFFF08;

  margin-bottom: 23px;

  padding-bottom: 23px;

}

.rs-skill-experience .skill-content.item-details .text-box-item {

  position: relative;

}

.rs-skill-experience .skill-content.item-details .text-box-item .icon-list-items {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(95%);

}

.rs-skill-experience .skill-content.item-details .text-box-item .icon-list-items li a .list-icon i {

  color: rgba(255, 255, 255, 0.78);

  transition: all 0.4s ease-in-out 0s;

}

.rs-skill-experience .skill-content.item-details .text-box-item .icon-list-items li a .icon-list-text {

  font-size: 15px;

  color: rgba(255, 255, 255, 0.78);

  padding-left: 5px;

  transition: all 0.4s ease-in-out 0s;

}

.rs-skill-experience .skill-content.item-details .text-box-item .icon-list-items li a:hover .list-icon i,

.rs-skill-experience .skill-content.item-details .text-box-item .icon-list-items li a:hover .icon-list-text {

  color: #8873ef !important;

}

.rs-skill-experience .skill-content.item-details .text-box-item .icon-list-items.item-two {

  transform: translateY(-50%);

}

.rs-skill-experience .skill-content.item-details .text-box-item .icon-list-items.item-three {

  transform: translateY(-50%);

}

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

	17. Services Section CSS

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

.rs-services.services-main-home .services-item {

  margin: 0 8px 0 8px;

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

  border-radius: 30px 30px 30px 30px;

  box-shadow: 38px 45px 93px -10px rgba(0, 0, 0, 0.05);

}

.rs-services.services-main-home .services-item .services-wrap {

  text-align: center;

  padding: 60px 60px 55px 60px;

  border-radius: 30px 30px 30px 30px;

  overflow: hidden;

  background-color: transparent;

  background-image: linear-gradient(137deg, #ffffff 0%, #ffffff 73 100%);

}

.rs-services.services-main-home .services-item .services-wrap .services-img img {

  height: 110px;

  width: 110px;

  max-width: unset;

}

.rs-services.services-main-home .services-item .services-wrap .services-content {

  margin: 28px 0px 0px 0px;

}

.rs-services.services-main-home .services-item .services-wrap .services-content .title {

  font-size: 30px;

  font-weight: 500;

  line-height: 35px;

  margin: 0 0 21px;

}

.rs-services.services-main-home .services-item .services-wrap .services-content .title a {

  color: #000;

}

.rs-services.services-main-home .services-item .services-wrap .services-content .title a:hover {

  color: #9147ff;

}

.rs-services.services-main-home .services-item .services-wrap .services-content .services-txt {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #3E3E3E;

  margin-bottom: 20px;

}

.rs-services.services-main-home .services-item:hover {

  background-color: #fff;

  box-shadow: 25px 25px 81px 0px rgba(95, 63, 176, 0.2);

}

.rs-services.services-main-home.services-modify2 .services-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);

}

.rs-services.services-main-home.services-modify2 .services-item .services-wrap .services-content .title a:hover {

  color: #4f4bff;

}

.rs-services.services-main-home.services-modify2 .services-button a:hover i:before,

.rs-services.services-main-home.services-modify2 .services-button a:hover .btn-text {

  color: #4f4bff;

}

.rs-services.services-style1 .services-item {

  margin: 0 2px 0 2px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);

}

.rs-services.services-style1 .services-item .services-wrap {

  text-align: left;

  padding: 30px 30px 50px 30px;

  background-color: transparent;

}

.rs-services.services-style1 .services-item .services-wrap .services-icon img {

  height: 58px;

  width: 58px;

  max-width: unset;

}

.rs-services.services-style1 .services-item .services-wrap .services-text {

  margin: 20px 0px 0px 0px;

}

.rs-services.services-style1 .services-item .services-wrap .services-text .title {

  font-size: 25px;

  font-weight: 500;

  line-height: 35px;

  margin: 0 0 16px;

}

.rs-services.services-style1 .services-item .services-wrap .services-text .title a {

  color: #000;

}

.rs-services.services-style1 .services-item .services-wrap .services-text .title a:hover {

  color: #9147ff;

}

.rs-services.services-style1 .services-item .services-wrap .services-text .services-txt {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #3E3E3E;

  margin-bottom: 0;

}

.rs-services.services-style1 .services-item:hover {

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

  box-shadow: 25px 25px 81px 0px rgba(95, 63, 176, 0.08);

}

.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: #ff7425;

}

.rs-services.services-style2 .services-item .services-wrap .services-text .services-txt {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #3E3E3E;

  margin: 0;

}

.rs-services.services-style2 .services-item:hover {

  box-shadow: 25px 25px 81px 0px rgba(95, 63, 176, 0.08);

}

.rs-services.services-style2 .ser-animate .animate-style {

  position: absolute;

  bottom: 0;

}

.rs-services.services-style2 .ser-animate .animate-style.one {

  left: 32%;

  top: 63%;

  z-index: -11;

  transform: rotate(-2deg);

}

.rs-services.services-style2 .ser-animate .animate-style.two {

  left: 49%;

  top: 63%;

  z-index: -11;

  transform: rotate(-2deg);

}

.rs-services.services-style2 .ser-animate .animate-style.three {

  right: 32%;

  top: 63%;

  z-index: -11;

  transform: rotate(-2deg);

}

.rs-services.services-style3 .services-item {

  margin: 0 8px 0 8px;

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

  border-radius: 30px 30px 30px 30px;

  box-shadow: 38px 45px 93px -10px rgba(0, 0, 0, 0.05);

}

.rs-services.services-style3 .services-item .services-wrap {

  padding: 40px 40px 40px 40px;

  border-radius: 30px;

  overflow: hidden;

  background-color: transparent;

  background-image: linear-gradient(137deg, #ffffff 0%, #ffffff 73 100%);

}

.rs-services.services-style3 .services-item .services-wrap .services-img img {

  height: 110px;

  width: 110px;

  max-width: unset;

}

.rs-services.services-style3 .services-item .services-wrap .services-content {

  margin: 28px 0px 0px 0px;

}

.rs-services.services-style3 .services-item .services-wrap .services-content .title {

  font-size: 30px;

  font-weight: 500;

  line-height: 35px;

  margin: 0 0 21px;

  color: #9147ff;

}



.rs-services.services-style3 .services-item .services-wrap .services-content .services-txt {

  font-size: 18px;

  font-weight: 300;

  line-height: 26px;

  color: #fff;

  margin-bottom: 20px;

}

.rs-services.services-style3 .services-item:hover {

  background-color: #fff;

  box-shadow: 25px 25px 81px 0px rgba(95, 63, 176, 0.5);

  cursor: pointer;

}

.rs-services.services-style3.services-modify1 .services-item .services-wrap .services-content .title:hover {

  color: #be0d42;

}

.rs-services.services-style3.services-modify3 .services-item .services-wrap .services-content .title:hover {

  color: #9147ff;

}

.rs-services.services-style3.services-modify4 .services-item {

  background: #ffffff;

}

.rs-services.services-style3.services-modify4 .services-item::before {

  content: "";

  width: 104%;

  height: 102%;

  border-radius: 8px;

  background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);

  position: absolute;

  z-index: -1;

  top: -1%;

  left: -2%;

  animation: spin 2.5s linear infinite;

}

.rs-services.services-style3.services-modify4 .services-item::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  z-index: -1;

  height: 100%;

  width: 100%;

  margin: 0 auto;

  transform: scale(0.8);

  background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);

  opacity: 1;

  transition: opacity .5s;

  animation: spin 2.5s linear infinite;

}

.rs-services.services-style3.services-modify4 .services-item .services-wrap .services-content .title:hover {

  color: #9147ff;

}

.rs-services.services-style4 {

  position: relative;

  z-index: 11;

}

.rs-services.services-style4 .services-item {

  background-color: #fff;

  border-radius: 10px 10px 10px 10px;

  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.04);

  margin: 0 2px 0 2px;

}

.rs-services.services-style4 .services-item .services-wrap {

  text-align: center;

  padding: 45px 30px 40px 30px;

  border-radius: 30px 30px 30px 30px;

}

.rs-services.services-style4 .services-item .services-wrap .services-icon {

  position: relative;

  transition: all .3s ease;

  line-height: 90px !important;

  min-width: 92px;

  height: 92px;

  border-radius: 192px 192px 192px 192px !important;

  background-color: #F8F8F8;

  display: inline-block;

  margin-bottom: 20px;

}

.rs-services.services-style4 .services-item .services-wrap .services-icon img {

  height: 40px;

  width: 41px;

  max-width: unset;

}

.rs-services.services-style4 .services-item .services-wrap .services-text .title {

  font-size: 25px;

  font-weight: 500;

  line-height: 35px;

  margin: 0 0 17px;

}

.rs-services.services-style4 .services-item .services-wrap .services-text .title a {

  color: #000;

}

.rs-services.services-style4 .services-item .services-wrap .services-text .title a:hover {

  color: #0501C6;

}

.rs-services.services-style4 .services-item .services-wrap .services-text .services-txt {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #3E3E3E;

  margin: 0;

}

.rs-services.services-style4 .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: #ff7425;

}

.rs-services.services-style5 .services-item .services-wrap .services-content .services-txt {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  color: #3E3E3E;

  margin-bottom: 20px;

}

.rs-services.services-details .ser-details {

  margin: 0 0 0 -130px;

}

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

	18. Faq Section CSS

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

.rs-feature-product.feature-style1 .services-item .services-content {

  text-align: center;

  padding: 25px 30px 25px 30px;

  border-radius: 15px 15px 15px 15px;

  background: #ffffff;

  box-shadow: 30px 30px 50px 0px rgba(0, 0, 0, 0.05);

}

.rs-feature-product.feature-style1 .services-item .services-content .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  margin-bottom: 8px;

}

.rs-feature-product.feature-style1 .services-item .services-content .title a {

  color: #000;

}

.rs-feature-product.feature-style1 .services-item .services-content .title a:hover {

  color: #9147ff;

}

.rs-feature-product.feature-style1 .services-item .services-content .price {

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  color: #3e3e3e;

  margin-bottom: 0;

}

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

	19. Product CSS

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

.rs-product.product-style1 .product-item .image-wrap {

  position: relative;

  overflow: hidden;

}

.rs-product.product-style1 .product-item .image-wrap img {

  border-radius: 15px 15px 0px 0px;

}

.rs-product.product-style1 .product-item .image-wrap .add-cart {

  position: absolute;

  bottom: 0px;

  width: calc(40%);

  left: 50%;

  transform: translateX(-50%);

  width: calc(55%);

  background-color: #000;

  padding: 8px 18px 8px 18px;

  color: #ffffff;

  border-radius: 50px;

  opacity: 0;

  visibility: hidden;

  transition: 0.4s;

}

.rs-product.product-style1 .product-item .image-wrap .add-cart i {

  padding-right: 10px;

}

.rs-product.product-style1 .product-item .image-wrap .add-cart:hover {

  color: #9147ff;

  background-color: #ffffff;

}

.rs-product.product-style1 .product-item .image-wrap .add-cart:hover i {

  color: #9147ff;

}

.rs-product.product-style1 .product-item .product-text {

  text-align: center;

  padding: 25px 30px 25px 30px;

  border-radius: 0 0 15px 15px;

  background: #ffffff;

}

.rs-product.product-style1 .product-item .product-text .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

  margin-bottom: 8px;

}

.rs-product.product-style1 .product-item .product-text .title a {

  color: #000;

}

.rs-product.product-style1 .product-item .product-text .title a:hover {

  color: #9147ff;

}

.rs-product.product-style1 .product-item .product-text .price {

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  color: #3e3e3e;

  margin-bottom: 0;

}

.rs-product.product-style1 .product-item:hover .image-wrap .add-cart {

  bottom: 80px;

  opacity: 1;

  visibility: visible;

}

.rs-product.product-style1 .owl-nav .owl-next,

.rs-product.product-style1 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 6%;

  left: unset;

  top: -18%;

  color: #fff;

  text-align: center;

  width: 55px;

  height: 50px;

  border-radius: 6px;

  border: none !important;

  line-height: 60px;

}

.rs-product.product-style1 .owl-nav .owl-next i:before,

.rs-product.product-style1 .owl-nav .owl-prev i:before {

  font-size: 22px;

  color: #3e3e3e;

  content: "\f111";

  font-family: Flaticon;

}

.rs-product.product-style1 .owl-nav .owl-next:hover,

.rs-product.product-style1 .owl-nav .owl-prev:hover {

  background: linear-gradient(98.89deg, #9147ff 8.22%, #009cf4 89.42%);

}

.rs-product.product-style1 .owl-nav .owl-next:hover i:before,

.rs-product.product-style1 .owl-nav .owl-prev:hover i:before {

  color: #ffffff;

}

.rs-product.product-style1 .owl-nav .owl-next {

  right: 0px;

  left: unset;

  top: -18%;

}

.rs-product.product-style1 .owl-nav .owl-next i:before {

  font-size: 22px;

  content: "\f110";

}

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

	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;



  font-size: 22px;

  line-height: 28px;

  font-weight: 500;

  font-family: Roobert,sans-serif !important;



  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: #ff7425;

}

.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: 18px;

  line-height: 26px;

  color: #3e3e3e;
 

  font-weight: 300;

  padding: 10px 30px 30px 30px !important;

  width: 100%;
 

}

.rs-faq.faq-style1 .faq-img img {

  position: relative;

  right: -173px;

}

.rs-faq.faq-style1 .faq-animation .animate {

  position: absolute;

  bottom: 0;

}

.rs-faq.faq-style1 .faq-animation .animate.one {

  left: 11%;

  top: 4%;

}

.rs-faq.faq-style1 .faq-animation .animate.one img {

  max-width: 20px;

}

.rs-faq.faq-style1 .faq-animation .animate.two {

  left: 60%;

  top: 6%;

}

.rs-faq.faq-style1 .faq-animation .animate.two img {

  max-width: 25px;

}

.rs-faq.faq-style1 .faq-animation .animate.three {

  right: 40%;

  bottom: 24%;

}

.rs-faq.faq-style1 .faq-animation .animate.three img {

  max-width: 20px;

}

.rs-faq.faq-style1 .faq-animation .animate.four {

  right: 10%;

  top: 41%;

}

.rs-faq.faq-style1 .faq-animation .animate.four img {

  max-width: 20px;

}

.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card {

  box-shadow: 0px 0px 50px 0 rgba(0, 0, 1, 0.05);

}

.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link:after,

.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link {

  color: #9147ff;

}

.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link.collapsed:after {

  color: #000;

}

.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card {

  margin-bottom: 15px;

  border-radius: 6px;

}

.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link.collapsed {

  border-radius: 6px;

  color: #000;

  background: #fff;

  box-shadow: unset;

}

.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: #9147ff;

}

.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: 6px;

}

.rs-faq.faq-style1.faq-modify2 .faq-content .accordion .card .card-header .card-link.collapsed {

  border-radius: 6px;

  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

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

.rs-team.team-style1 .team-item .team-inner-wrap {

  padding: 35px 20px 25px;

  overflow: visible;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

  border-radius: 20px;

}

.rs-team.team-style1 .team-item .team-inner-wrap .image-wrap {

  overflow: hidden;

  border-radius: 50%;

  max-width: 135px;

  margin: 0 auto;

}

.rs-team.team-style1 .team-item .team-inner-wrap .image-wrap a {

  transform: scale(1);

  border-radius: 50%;

  transition: 0.3s ease-in-out;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content {

  padding-top: 10px;

  opacity: 1;

  text-align: center;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name {

  font-size: 25px;

  line-height: 38px;

  font-weight: 600;

  text-transform: capitalize;

  margin-bottom: 8px;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name a {

  color: #000;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name a:hover {

  color: #A47AD3;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-title {

  font-size: 14px;

  color: #3E3E3E;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .social-icons {

  padding-top: 15px;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .social-icons a {

  display: inline-block;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .social-icons a i {

  font-size: 16px;

  color: #4a4a4a;

  width: 35px;

  height: 35px;

  line-height: 35px;

  background: transparent;

  text-align: center;

}

.rs-team.team-style1 .team-item .team-inner-wrap .team-content .social-icons a i:hover {

  color: #A47AD3;

}

.rs-team-single .images-part {

  padding: 0 30px 0 0;

}

.rs-team-single .con-info {

  margin-left: 20px;

}

.rs-team-single .con-info .designation-info {

  font-size: 18px;

  line-height: 29px;

  font-weight: 400;

  color: #3e3e3e;

  padding-bottom: 20px;

  display: block;

}

.rs-team-single .con-info .title {

  font-size: 50px;

  line-height: 60px;

  font-weight: 600;

  color: #9147ff;

  margin: 0px 0px 2px 0px;

}

.rs-team-single .con-info .social-info li {

  display: inline-block;

  margin-right: 20px;

}

.rs-team-single .con-info .social-info li:last-child {

  margin-right: 0;

}

.rs-team-single .con-info .social-info li a i {

  font-size: 16px;

  color: #4a4a4a;

}

.rs-team-single .con-info .social-info li a i:hover {

  color: #9147ff;

}

.rs-team-single .con-info .short-desc {

  font-size: 15px;

  line-height: 24px;

  font-weight: 400;

  color: #3e3e3e;

  margin: 0;

}

.rs-team-single .con-info .ps-informations .signature-img img {

  max-width: 140px;

}

.rs-team-single .con-info .ps-informations .description p {

  margin: 0;

}

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

	22. Partner Section CSS

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

.rs-partner.partner-main-home .slider .partner-item {

  padding: 0 15px;

}

.rs-partner.partner-main-home .slider .partner-item .logo-img {

  text-align: center;

  padding: 20px 38px 36px 38px;

}

.rs-partner.partner-main-home .slider .partner-item .logo-img a {

  overflow: hidden;

  display: inline-block;

  position: relative;

  transition: all 0.3s ease-in-out;

}

.rs-partner.partner-main-home .slider .partner-item .logo-img a .hovers-logos {

  display: block;

  position: absolute;

  transition: all 0.3s ease-in-out;

  z-index: 1;

  top: 0;

  left: 0;

  visibility: hidden;

  -webkit-transform: translateY(-100%);

}

.rs-partner.partner-main-home .slider .partner-item .logo-img a .mains-logos {

  transition: all 0.3s ease-in-out;

  display: block;



}

.rs-partner.partner-main-home .slider .partner-item .logo-img a:hover .hovers-logos {

  display: block;

  opacity: 3;

  visibility: visible;

  transform: translateY(0%);

  filter: grayscale(0%);

}

.rs-partner.partner-main-home .slider .partner-item .logo-img a:hover .mains-logos {

  display: block;

  visibility: hidden;

  transform: translateY(100%);

  filter: grayscale(1);

}

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

	23. Pricing Section CSS

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

.pricing-container.pricing-style1 .pricing-switcher {

  text-align: center;

}

.pricing-container.pricing-style1 .pricing-switcher .switch {

  position: absolute;

  top: 10px;

  left: 10px;

  height: 45px;

  width: 90px;

  background-color: #6722B5;

  border-radius: 6px;

  -webkit-transition: -webkit-transform 0.5s;

  -moz-transition: -moz-transform 0.5s;

  transition: transform 0.5s;

}

.pricing-container.pricing-style1 .pricing-switcher input[type="radio"]:checked + label + .switch,

.pricing-container.pricing-style1 .pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {

  -webkit-transform: translateX(95px);

  -moz-transform: translateX(95px);

  -ms-transform: translateX(95px);

  -o-transform: translateX(95px);

  transform: translateX(95px);

  color: #fff;

}

.pricing-container.pricing-style1 .pricing-switcher .fieldset {

  display: inline-block;

  position: relative;

  padding: 20px 8px;

  border-radius: 15px;

  background: #fff;

  width: 100%;

  max-width: 205px;

}

.pricing-container.pricing-style1 .pricing-switcher .fieldset.mnt-ac .rs-mnt,

.pricing-container.pricing-style1 .pricing-switcher .fieldset.mnt-acs .rs-yrs {

  color: #fff !important;

}

.pricing-container.pricing-style1 .pricing-switcher input[type="radio"] {

  position: absolute;

  opacity: 0;

}

.pricing-container.pricing-style1 .pricing-switcher label {

  position: relative;

  z-index: 1;

  display: inline-block;

  float: left;

  cursor: pointer;

  font-size: 16px;

  color: #3E3E3E;

  font-weight: 400;

  margin: 0;

  width: 50%;

}

.pricing-container.pricing-style1 .no-js .pricing-wrapper .is-hidden {

  position: relative;

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  margin-top: 1em;

}

.pricing-container.pricing-style1 .no-js .pricing-switcher {

  display: none;

}

.pricing-container.pricing-style1 .pricing-header {

  position: relative;

  padding: 0 0 25px;

  margin: 0 0 23px;

}

.pricing-container.pricing-style1 .pricing-header .title {

  font-size: 20px;

  font-weight: 500;

  color: #9147ff;

  line-height: 30px;

  text-transform: uppercase;

  margin: 0 0 15px;

}

.pricing-container.pricing-style1 .pricing-header .price {

  font-size: 45px;

  line-height: 55px;

  color: #9147ff;

  font-family: Roobert,sans-serif !important;

  font-weight: 600;

}

.pricing-container.pricing-style1 .pricing-header:after {

  content: "";

  position: absolute;

  background: #4D4C4C;

  height: 1px;

  bottom: 0;

  left: 0;

  right: -50px;

  opacity: .1;

}

.pricing-container.pricing-style1 .pricing-body .description {

  font-size: 16px;

  color: #3E3E3E;

  opacity: .8;

  line-height: 22px;

  font-family: Roobert,sans-serif !important;

  padding: 0 0 10px;

}

.pricing-container.pricing-style1 .pricing-body .features ul li {

  position: relative;

  font-size: 16px;

  line-height: 26px;

  color: #372748;

  padding-left: 36px;

  margin: 15px 0;

  transition: all .5s ease;

}

.pricing-container.pricing-style1 .pricing-body .features ul li:before {

  content: "\f160";

  font-size: 9px;

  color: #3E3E3E;

  margin: 0;

  display: inline-block;

  font-family: uicons-regular-rounded !important;

  font-weight: 600;

  text-align: center;

  position: absolute;

  left: 0;

  top: 4px;

  width: 20px;

  height: 20px;

  border: 1px solid #3E3E3E;

  line-height: 17px;

  border-radius: 50%;

  opacity: .6;

  transition: all .5s ease;

}

.pricing-container.pricing-style1 .pricing-footer a {

  display: inline-block;

  border: 1px solid #6722B5;

  font-size: 18px;

  line-height: 28px;

  color: #6722B5;

  font-weight: 700;

  font-family: Roobert,sans-serif !important;

  padding: 20px;

  width: 100%;

  border-radius: 15px;

  text-align: center;

}

.pricing-container.pricing-style1 .pricing-wrapper > li:hover .pricing-footer a {

  background: #6722B5;

  color: #ffffff;

  box-shadow: 0px 20px 40px rgba(103, 34, 181, 0.2);

}

.pricing-container.pricing-style1 .pricing-list {

  margin: 2em 0 0;

  list-style: none;

}

.pricing-container.pricing-style1 .pricing-list > li {

  position: relative;

}

.pricing-container.pricing-style1 .pricing-body {

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}

.pricing-container.pricing-style1 .pricing-wrapper {

  position: relative;

  list-style: none;

  margin-left: 20px;

  margin-right: 20px;

}

.pricing-container.pricing-style1 .touch .pricing-wrapper {

  -webkit-perspective: 2000px;

  -moz-perspective: 2000px;

  perspective: 2000px;

}

.pricing-container.pricing-style1 .pricing-wrapper.is-switched .is-visible {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

  -webkit-animation: rotate 0.5s;

  -moz-animation: rotate 0.5s;

  animation: rotate 0.5s;

}

.pricing-container.pricing-style1 .pricing-wrapper.is-switched .is-hidden {

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  -webkit-animation: rotate-inverse 0.5s;

  -moz-animation: rotate-inverse 0.5s;

  animation: rotate-inverse 0.5s;

  opacity: 0;

}

.pricing-container.pricing-style1 .pricing-wrapper.is-switched .is-selected {

  opacity: 1;

}

.pricing-container.pricing-style1 .pricing-wrapper.is-switched.reverse-animation .is-visible {

  -webkit-transform: rotateY(-180deg);

  -moz-transform: rotateY(-180deg);

  -ms-transform: rotateY(-180deg);

  -o-transform: rotateY(-180deg);

  transform: rotateY(-180deg);

  -webkit-animation: rotate-back 0.5s;

  -moz-animation: rotate-back 0.5s;

  animation: rotate-back 0.5s;

}

.pricing-container.pricing-style1 .pricing-wrapper.is-switched.reverse-animation .is-hidden {

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  -webkit-animation: rotate-inverse-back 0.5s;

  -moz-animation: rotate-inverse-back 0.5s;

  animation: rotate-inverse-back 0.5s;

  opacity: 0;

}

.pricing-container.pricing-style1 .pricing-wrapper.is-switched.reverse-animation .is-selected {

  opacity: 1;

}

.pricing-container.pricing-style1 .pricing-wrapper > li {

  background-color: #ffffff;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  box-shadow: 20px 20px 40px rgba(0, 0, 1, 0.05);

  border-radius: 30px;

  padding: 50px;

}

.pricing-container.pricing-style1 .pricing-wrapper .is-visible {

  position: relative;

  z-index: 5;

}

.pricing-container.pricing-style1 .pricing-wrapper .is-hidden {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 1;

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.pricing-container.pricing-style1 .pricing-wrapper .is-selected {

  z-index: 3 !important;

}

.pricing-container.pricing-style1 .is-switched .pricing-body {

  overflow: hidden;

}

.pricing-container.pricing-style1 .pricing-body {

  overflow-x: visible;

  padding-bottom: 20px;

}

.pricing-container.pricing-style1 .pricing-features {

  width: 600px;

}

.pricing-container.pricing-style1 .pricing-features li {

  width: 100px;

  float: left;

  padding: 1.6em 1em;

  font-size: 1.5rem;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.pricing-container.pricing-style1 .has-margins .exclusive .pricing-features li {

  margin: 0;

}

.pricing-container.pricing-style1 .has-margins .pricing-footer {

  padding-bottom: 0;

}

.pricing-container.pricing-style1 .select {

  position: relative;

  z-index: 1;

  display: block;

  height: 100%;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  color: transparent;

}

.pricing-container.pricing-style1 .select {

  position: static;

  display: inline-block;

  height: auto;

  padding: 1.3em 2em;

  color: #1bbc9d;

  border-radius: 8px;

  border: 2px solid #1bbc9d;

  font-size: 1.4rem;

  text-indent: 0;

  text-transform: uppercase;

  letter-spacing: 2px;

  transition: all .6s;

  width: 70%;

}

.pricing-container.pricing-style1 .no-touch .select:hover {

  background-color: #1bbc9d;

  color: #ffffff;

}

.pricing-container.pricing-style1 .exclusive .select {

  background-color: #1bbc9d;

  color: #ffffff;

}

.pricing-container.pricing-style1 .no-touch .exclusive .select:hover {

  background-color: #24e0ba;

}

.pricing-container.pricing-style1 .secondary-theme .exclusive .select {

  background-color: #1bbc9d;

}

.pricing-container.pricing-style1 .no-touch .secondary-theme .exclusive .select:hover {

  background-color: #112e3c;

}

.pricing-container.pricing-style1 .has-margins .select {

  display: block;

  padding: 1.7em 0;

  border-radius: 0 0 4px 4px;

}

.pricing-container.pricing-style1.pricing-table-style1 .pricing-wrapper > li {

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);

}

.pricing-container.pricing-style1.pricing-table-style1 .pricing-container.pricing-style1 .pricing-switcher .fieldset.mnt-acs .rs-yrs {

  color: #000 !important;

}

.pricing-container.pricing-style2 .pricing-table .pricing-wrap {

  position: relative;

  overflow: hidden;

  padding: 35px 50px 50px 50px;

  border-radius: 25px;

 

  margin: 0 0px 0 0px;

  background-color: #fff;
 

}



.pricing-container.pricing-style2 .pricing-table .pricing-wrap:hover {

 

  transition: all .7s ease;

}



.pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-header .pricing-table-title {

  font-size: 22px;

  font-weight: 800;

  color: #9147ff;

  line-height: 30px;

  text-transform: uppercase;

  margin: 0 0 15px;

}

.pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-price .pricing-table-price-tag .pricing-table-currency {

  font-size: 45px;

  line-height: 55px;

  color: #9147ff;

  font-family: Roobert,sans-serif !important;

  font-weight: 600;

}

.pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-price .pricing-table-price-tag .pricing-table-price-text {

  font-size: 68px;

  line-height: 78px;

  color: #9147ff;

   

  font-family: Roobert,sans-serif !important;

  font-weight: 600;

}

.pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-body {

  border-style: solid;

  border-width: 1px 0px 0px 0px;

  border-color: #9147ff;

  padding-bottom: 25px !important;

  margin-top: 25px;

}

.pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-body .pricing-table-features-title {

  color: #3E3E3ECF;

  font-family: Roobert,sans-serif !important;

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 15px;

  margin-top: 15px;

}

.pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-body .features ul li {

  position: relative;

  font-size: 18px;

  font-weight: 300;

  line-height: 26px;

  color: #000;

  padding-left: 36px;

  margin: 16px 0;

  padding-bottom: 10px;

  border-bottom: 0px dashed #9147ff;

  transition: all .5s ease;

  

}

.pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-body .features ul li:before {

  content: "\f160";

  font-size: 9px;

  color: #9147ff;

  margin: 0;

  display: inline-block;

  font-family: uicons-regular-rounded !important;

  font-weight: 600;

  text-align: center;

  position: absolute;

  left: 0;

  top: 4px;

  width: 20px;

  height: 20px;

  border: 1px solid #9147ff;

  line-height: 17px;

  border-radius: 50%;

  opacity: 1.6;

  transition: all .5s ease;

}

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

	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 a 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-meta {

  display: flex;

  justify-content: flex-start;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  margin: 4px 38px 20px;

  padding: 0 0 15px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin {

  position: relative;

  font-size: 14px;

  font-family: Roobert,sans-serif !important;

  font-weight: 500;

  color: #3e3e3e;

  margin-right: 45px;

  letter-spacing: 0.1em;

  margin-top: 3px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i {

  color: #454545;

  margin-right: 6px;

  font-weight: 900;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i:before {

  top: 0px;

  position: relative;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin:after {

  content: "";

  position: absolute;

  right: -20px;

  top: 8px;

  height: 7px;

  width: 1px;

  background: rgba(62, 62, 62, 0.3);

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .categories i {

  color: #454545;

  font-size: 13px;

  margin-right: 6px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .categories i:before {

  top: 1px;

  position: relative;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .categories a {

  font-size: 14px;

  font-weight: 500;

  font-family: Roobert,sans-serif !important;

  color: #3e3e3e;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .categories a:hover {

  color: #ff7425;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-title {

  font-size: 25px;

  line-height: 1.4;

  font-weight: 500;

  font-family: Jost;

  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: #ff7425;

}

.rs-blog.blog-main-home .owl-stage-outer {

  padding: 10px;

  margin: -10px;

}

.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);

}

.rs-blog.blog-main-home.blog-modify2 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify2 .blog-item .blog-content .blog-title a:hover {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify2 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify2 .blog-button a:hover .btn-text {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify3 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}

.rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify3 .blog-item .blog-content .blog-title a:hover {

  color: #0072f5;

}

.rs-blog.blog-main-home.blog-modify3 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify3 .blog-button a:hover .btn-text {

  color: #0072f5;

}

.rs-blog.blog-main-home.blog-modify4 .blog-item {

  background: #ffffff;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

  border-radius: 30px 30px 30px 30px;

}

.rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify4 .blog-item .blog-content .blog-title a:hover {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify4 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify4 .blog-button a:hover .btn-text {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify5 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

  background-color: #ffffff;

}

.rs-blog.blog-main-home.blog-modify5 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify5 .blog-item .blog-content .blog-title a:hover {

  color: #be0d42;

}

.rs-blog.blog-main-home.blog-modify5 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify5 .blog-button a:hover .btn-text {

  color: #be0d42;

}

.rs-blog.blog-main-home.blog-modify5 .rs-carousel .owl-dots .owl-dot {

  background-color: #BE0D426E;

  border-radius: 30px 30px 30px 30px;

}

.rs-blog.blog-main-home.blog-modify5 .rs-carousel .owl-dots .owl-dot:hover,

.rs-blog.blog-main-home.blog-modify5 .rs-carousel .owl-dots .owl-dot.active {

  width: 40px;

  background-color: #be0d42;

  opacity: 1;

}

.rs-blog.blog-main-home.blog-modify6 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}

.rs-blog.blog-main-home.blog-modify6 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify6 .blog-item .blog-content .blog-title a:hover {

  color: #4f4bff;

}

.rs-blog.blog-main-home.blog-modify6 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify6 .blog-button a:hover .btn-text {

  color: #4f4bff;

}

.rs-blog.blog-main-home.blog-modify7 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}

.rs-blog.blog-main-home.blog-modify7 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify7 .blog-item .blog-content .blog-title a:hover {

  color: #dd4447;

}

.rs-blog.blog-main-home.blog-modify7 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify7 .blog-button a:hover .btn-text {

  color: #dd4447;

}

.rs-blog.blog-main-home.blog-modify7 .rs-carousel .owl-dots .owl-dot {

  background-color: #BE0D426E;

  border-radius: 30px 30px 30px 30px;

}

.rs-blog.blog-main-home.blog-modify7 .rs-carousel .owl-dots .owl-dot:hover,

.rs-blog.blog-main-home.blog-modify7 .rs-carousel .owl-dots .owl-dot.active {

  width: 40px;

  background-color: #dd4447;

  opacity: 1;

}

.rs-blog.blog-main-home.blog-modify8 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}

.rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify8 .blog-item .blog-content .blog-title a:hover {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify8 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify8 .blog-button a:hover .btn-text {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify9 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);

}

.rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify9 .blog-item .blog-content .blog-title a:hover {

  color: #dd4447;

}

.rs-blog.blog-main-home.blog-modify9 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify9 .blog-button a:hover .btn-text {

  color: #dd4447;

}

.rs-blog.blog-main-home.blog-modify10 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);

}

.rs-blog.blog-main-home.blog-modify10 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify10 .blog-item .blog-content .blog-title a:hover {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify10 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify10 .blog-button a:hover .btn-text {

  color: #9147ff;

}

.rs-blog.blog-main-home.blog-modify11 .blog-item {

  border-radius: 30px 30px 30px 30px;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);

}

.rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-meta .categories a:hover,

.rs-blog.blog-main-home.blog-modify11 .blog-item .blog-content .blog-title a:hover {

  color: #ffae00;

}

.rs-blog.blog-main-home.blog-modify11 .blog-button a:hover i:before,

.rs-blog.blog-main-home.blog-modify11 .blog-button a:hover .btn-text {

  color: #ffae00;

}

.rs-blog.blog-style2 .blog-item {

  border-bottom: 1px solid #3e3e3e1f;

  padding-bottom: 50px;

  margin-bottom: 50px;

}

.rs-blog.blog-style2 .blog-item .blog-inner-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0;

  box-shadow: none;

  background: transparent;

  transition: 0.3s;

}

.rs-blog.blog-style2 .blog-item .blog-inner-wrap .images-wrap {

  flex: 0 0 33%;

  max-width: 33%;

  overflow: hidden;

}

.rs-blog.blog-style2 .blog-item .blog-inner-wrap .blog-content {

  -webkit-box-flex: 0;

  max-width: 67%;

  padding: 0 40px;

}

.rs-blog.blog-style2 .blog-item .blog-inner-wrap .blog-content .cat-list .post-categories li a {

  font-size: 25px;

  color: #3E3E3E;

  border-bottom: 1px solid #3E3E3E;

  padding-bottom: 12px;

  margin-bottom: 30px;

  display: inline-block;

}

.rs-blog.blog-style2 .blog-item .blog-inner-wrap .blog-content .cat-list .title {

  font-size: 50px;

  font-weight: 400;

  line-height: 1.3em;

  margin-bottom: 15px;

}

.rs-blog.blog-style2 .blog-item .blog-inner-wrap .blog-content .cat-list .title a {

  color: #9147ff;

}

.rs-blog.blog-style2 .blog-item .blog-inner-wrap .blog-content .cat-list .title a:hover {

  color: #9147ff;

}

.rs-blog.blog-style2 .blog-item.border-no-grid {

  margin-bottom: 0;

  padding-bottom: 0;

  border-bottom: none;

}

.rs-inner-blog .blog-item {

  background: #fff;

  border-radius: 15px;

  transition: 0.3s;

  padding: 30px;

  box-shadow: 15px 15px 30px rgba(0, 0, 1, 0.05);

}

.rs-inner-blog .blog-item .blog-img {

  position: relative;

}

.rs-inner-blog .blog-item .blog-img img {

  border-radius: 30px;

}

.rs-inner-blog .blog-item .blog-content {

  padding: 25px 0px 10px;

  overflow: hidden;

}

.rs-inner-blog .blog-item .blog-content .blog-title {

  margin: 4px 0 15px;

  font-size: 42px;

  line-height: 52px;

  font-weight: 500;

}

.rs-inner-blog .blog-item .blog-content .blog-title a {

  color: #000;

}

.rs-inner-blog .blog-item .blog-content .blog-title a:hover {

  color: #9147ff;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate {

  overflow: hidden;

  list-style: none;

  padding: 0 0 12px;

  position: relative;

  font-size: 13px;

  display: flex;

  align-items: center;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li {

  margin-right: 25px;

  line-height: 42px;

  position: relative;

  padding-right: 12px;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li:after {

  content: "";

  position: absolute;

  right: -6px;

  top: 17px;

  height: 7px;

  width: 1px;

  background: rgba(62, 62, 62, 0.3);

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .postedby .info .name img {

  margin-right: 9px;

  border-radius: 50%;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date {

  display: inline-block;

  font-size: 14px;

  line-height: 24px;

  color: #555;

  font-weight: 400;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i {

  color: #3E3E3E;

  position: relative;

  margin-right: 2px;

  top: 2px;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i:before {

  font-size: 14px;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line i {

  margin-right: 2px;

  color: #3E3E3E;

  position: relative;

  top: 2px;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line a {

  padding-left: 4px;

  font-size: 14px;

  color: #555;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line a:hover {

  color: #9147ff;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li:last-child:after {

  display: none;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li:last-child {

  margin-right: 0;

}

.rs-inner-blog .blog-item .blog-content .blog-desc {

  font-size: 16px;

  line-height: 27px;

  font-weight: 400;

  color: #333333;

  margin-bottom: 20px;

}

.rs-inner-blog .widget-area .widget-title .title {

  font-size: 20px;

  line-height: 26px;

  font-weight: 700;

  color: #000;

  margin: 0;

}

.rs-inner-blog .widget-area .search-widget {

  background: #fff;

  padding: 40px 30px 40px;

  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);

}

.rs-inner-blog .widget-area .search-widget .search-wrap {

  position: relative;

}

.rs-inner-blog .widget-area .search-widget .search-wrap [type=search] {

  color: #444444;

  padding: 12px 17px;

  width: 100%;

  border: none;

  border-radius: 5px;

  position: relative;

  background: #F6F7F9;

}

.rs-inner-blog .widget-area .search-widget .search-wrap button {

  background: transparent;

  border: medium none;

  color: #3e3e3e;

  padding: 11px 15px 12px;

  position: absolute;

  display: block;

  right: 0px;

  top: 0;

  z-index: 10;

  font-size: 20px;

  border-radius: 0 5px 5px;

}

.rs-inner-blog .widget-area .search-widget .search-wrap button i:before {

  font-family: uicons-regular-rounded !important;

  font-size: 18px;

  font-weight: 600;

  content: "\f279";

  position: absolute;

  right: 20px;

  top: 9px;

}

.rs-inner-blog .widget-area .search-widget .search-wrap button:hover {

  color: #9147ff;

}

.rs-inner-blog .widget-area .recent-posts {

  background: #fff;

  padding: 40px 30px;

  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget {

  margin-top: 15px;

  padding-top: 15px;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  overflow: hidden;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img {

  width: 100px;

  float: left;

  padding-right: 15px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img img {

  border-radius: 5px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc {

  overflow: hidden;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a {

  font-size: 16px;

  line-height: 22px;

  font-weight: 300;

  font-family: Roobert,sans-serif !important;

  color: #000;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover {

  color: #9147ff;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post {

  display: block;

  font-size: 14px;

  color: #3E3E3E;

  margin-bottom: 5px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i {

  margin-right: 8px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i:before {

  top: 1px;

  font-size: 13px;

  color: #3E3E3E;

  position: relative;

}

.rs-inner-blog .widget-area .categories {

  background: #fff;

  padding: 40px 30px 40px;

  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);

}

.rs-inner-blog .widget-area .categories ul li {

  margin-top: 13px;

  padding-top: 13px;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

}

.rs-inner-blog .widget-area .categories ul li a {

  font-weight: 500;

  font-size: 15px;

  color: #0a0a0a;

  transition: all 0.4s ease-in-out 0s;

}

.rs-inner-blog .widget-area .categories ul li a:hover {

  color: #9147ff;

}

.rs-inner-blog .widget-area .categories ul li:first-child {

  border-top: none;

}

.rs-inner-blog .widget-area .tags-cloud {

  background: #fff;

  padding: 40px 30px 40px;

  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);

}

.rs-inner-blog .widget-area .tags-cloud .tagcloud a {

  display: inline-block;

  margin: 10px 3px 0px 0;

  line-height: 20px;

  padding: 6px 12px;

  font-size: 13px;

  text-transform: capitalize;

  transition: all .3s ease;

  background: #ffffff;

  color: #444444;

  border: 1px solid #f0f0f0;

  border-radius: 5px;

}

.rs-inner-blog .widget-area .tags-cloud .tagcloud a:hover {

  color: #ffffff;

  background: #9147ff;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .title {

  font-size: 28px;

  line-height: 38px;

  font-weight: 700;

  color: #000;

  margin: 0;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .title.title2 {

  font-size: 20px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .title.title3 {

  font-size: 24px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full p {

  margin: 0;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info {

  margin-top: 25px;

  clear: both;

  margin-bottom: 30px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info a {

  font-size: 13px;

  margin-right: 5px;

  display: inline-block;

  text-align: center;

  font-weight: normal;

  color: #ffffff;

  background: #9147ff;

  padding: 2px 15px 4px;

  margin-left: 7px;

  border-radius: 0px;

  line-height: 20px;

  margin-top: 5px;

  margin-bottom: 5px;

  padding-top: 4px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info a:hover {

  background: #010D14;

  color: #fff;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note .from-control {

  width: 100%;

  padding: 12px 20px;

  background-color: #f6f7f9;

  border: 1px solid #f6f7f9;

  border-radius: 5px;

  max-width: 100%;

  opacity: 1;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note textarea {

  height: 160px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #454545;

  opacity: 0.5;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note ::-moz-placeholder {

  /* Firefox 19+ */



  color: #454545;

  opacity: 0.5;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note :-ms-input-placeholder {

  /* IE 10+ */



  color: #454545;

  opacity: 0.5;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note :-moz-placeholder {

  /* Firefox 18- */



  color: #454545;

  opacity: 0.5;

}

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

	25. Testimonial Section CSS

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

.rs-testimonial.testimonial-style1 .slider {

  position: relative;

}

.rs-testimonial.testimonial-style1 .slider .testi-item {

  margin: 40px 20px 40px 20px;

  padding: 60px 60px 60px 60px;

  background: #ffffff;

  box-shadow: 0px 10px 25px 0px rgba(103, 34, 181, 0.05);

  border-radius: 30px 30px 30px 30px;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .item-content span {

  position: relative;

  display: block;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .item-content span .normal-img {

  width: 37px;

  z-index: 9;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .item-content span .hover-logo {

  width: 37px;

  position: absolute;

  top: 0;

  opacity: 0;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .item-content p {

  font-size: 20px;

  line-height: 34px;

  color: #3e3e3e;

  margin: 34px 0 25px 0;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .testi-content {

  display: flex;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .testi-content .image-wrap img {

  width: 60px !important;

  height: 60px !important;

  border-radius: 50%;

  position: relative;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .testi-content .testi-information {

  padding: 0 0 0 20px;

  text-align: left;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .testi-content .testi-information .testi-name {

  font-size: 18px;

  font-weight: 500;

  line-height: 34px;

  color: #372748;

  font-family: Roobert,sans-serif !important;

}

.rs-testimonial.testimonial-style1 .slider .testi-item .testi-content .testi-information .testi-title {

  font-size: 14px;

  font-weight: 300;

  line-height: 22px;

  color: #3E3E3EB5;

  padding-bottom: 10px;

  display: block;

}

.rs-testimonial.testimonial-style1 .slider .testi-item:hover {

  transition: all .5s ease;

  box-shadow: 35px 25px 60px 0px rgba(103, 34, 181, 0.05) !important;

}

.rs-testimonial.testimonial-style1 .slider .testi-item:hover .item-content span {

  position: relative;

  display: block;

}

.rs-testimonial.testimonial-style1 .slider .testi-item:hover .item-content span .normal-img {

  width: 37px;

  z-index: 9;

}

.rs-testimonial.testimonial-style1 .slider .testi-item:hover .item-content span .hover-logo {

  opacity: 1;

}

.rs-testimonial.testimonial-style1 .slider .slick-arrow {

  position: absolute;

  transform: translateY(-50%);

  width: 76px;

  height: 53px;

  border-radius: 32px;

  visibility: visible;

  opacity: 1;

  font-size: 0;

  border: none;

  background: transparent;

  transition: 0.6s ease all;

  z-index: 9;

}

.rs-testimonial.testimonial-style1 .slider .slick-arrow.slick-next {

  top: -22.9%;

  right: 0px;

}

.rs-testimonial.testimonial-style1 .slider .slick-arrow.slick-next:before {

  content: "\f114";

  font-size: 26px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-testimonial.testimonial-style1 .slider .slick-arrow.slick-prev {

  top: -22.9%;

  right: 85px;

}

.rs-testimonial.testimonial-style1 .slider .slick-arrow.slick-prev:before {

  content: "\f115";

  font-size: 26px;

  color: #3e3e3e;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-testimonial.testimonial-style1 .slider .slick-arrow:hover {

  background: #9147ff;

}

.rs-testimonial.testimonial-style1 .slider .slick-arrow:hover.slick-prev:before,

.rs-testimonial.testimonial-style1 .slider .slick-arrow:hover.slick-next:before {

  color: #ffffff;

}

.rs-testimonial.testimonial-style2 .testimonial-item {

  padding: 40px 30px 30px 30px;

  background: #ffffff;

  box-shadow: 0px 10px 25px 0px rgba(103, 34, 181, 0.05);

}

.rs-testimonial.testimonial-style2 .testimonial-item .testi-content {

  display: flex;

}

.rs-testimonial.testimonial-style2 .testimonial-item .testi-content .image-wrap img {

  width: 60px !important;

  height: 60px !important;

  border-radius: 50%;

  position: relative;

}

.rs-testimonial.testimonial-style2 .testimonial-item .testi-content .testi-information {

  padding: 0 0 0 20px;

  text-align: left;

}

.rs-testimonial.testimonial-style2 .testimonial-item .testi-content .testi-information .testi-name {

  font-size: 18px;

  font-weight: 500;

  line-height: 34px;

  color: #372748;

  font-family: Roobert,sans-serif !important;

}

.rs-testimonial.testimonial-style2 .testimonial-item .testi-content .testi-information .testi-title {

  font-size: 14px;

  font-weight: 300;

  line-height: 22px;

  color: #3E3E3EB5;

  padding-bottom: 10px;

  display: block;

}

.rs-testimonial.testimonial-style2 .testimonial-item .item-content-basic span {

  position: relative;

  display: block;

}

.rs-testimonial.testimonial-style2 .testimonial-item .item-content-basic span .normal-img {

  width: 37px;

  z-index: 9;

  top: -82px;

  position: absolute;

  left: 89%;

}

.rs-testimonial.testimonial-style2 .testimonial-item .item-content-basic span .hover-logo {

  width: 37px;

  z-index: 9;

  top: -82px;

  position: absolute;

  left: 89%;

  opacity: 0;

}

.rs-testimonial.testimonial-style2 .testimonial-item .item-content-basic p {

  font-size: 18px;

  font-weight: 400;

  line-height: 34px;

  color: #3e3e3e;

  margin: 28px 0 15px 0;

}

.rs-testimonial.testimonial-style2 .testimonial-item:hover {

  transition: all .5s ease;

  box-shadow: 35px 25px 60px 0px rgba(103, 34, 181, 0.05) !important;

}

.rs-testimonial.testimonial-style2 .testimonial-item:hover .item-content-basic span .hover-logo {

  opacity: 1;

}

.rs-testimonial.testimonial-style2.testimonial-modify1 .rs-carousel .owl-dots .owl-dot {

  background: #0501C633;

  height: 10px;

  width: 15px;

  border-radius: 20px 20px 20px 20px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border: none;

  transition: all 0.3s ease;

}

.rs-testimonial.testimonial-style2.testimonial-modify1 .rs-carousel .owl-dots .owl-dot:hover,

.rs-testimonial.testimonial-style2.testimonial-modify1 .rs-carousel .owl-dots .owl-dot.active {

  background: #0501C6;

  width: 22px;

}

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-red2-modify1 .rs-carousel .owl-dots .owl-dot {

  background: #FE32434D;

}

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-red2-modify1 .rs-carousel .owl-dots .owl-dot:hover,

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-red2-modify1 .rs-carousel .owl-dots .owl-dot.active {

  background: #9147ff;

}

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-red3-modify1 .rs-carousel .owl-dots .owl-dot {

  background: #dd4447;

}

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-red3-modify1 .rs-carousel .owl-dots .owl-dot:hover,

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-red3-modify1 .rs-carousel .owl-dots .owl-dot.active {

  background: #dd4447;

}

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-yellow-modify1 .rs-carousel .owl-dots .owl-dot {

  background: #ffae00;

}

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-yellow-modify1 .rs-carousel .owl-dots .owl-dot:hover,

.rs-testimonial.testimonial-style2.testimonial-modify1.testi-yellow-modify1 .rs-carousel .owl-dots .owl-dot.active {

  background: #ffae00;

}

.rs-testimonial.testimonial-style2 .owl-stage-outer {

  padding: 20px;

  margin: -20px;

}

.rs-testimonial.testimonial-style2.testimonial-modify4 .rs-carousel .owl-dots .owl-dot {

  height: 8px;

  width: 14px;

  background: #BE0D423B;

  border-radius: 30px 30px 30px 30px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border: none;

  transition: all 0.3s ease;

}

.rs-testimonial.testimonial-style2.testimonial-modify4 .rs-carousel .owl-dots .owl-dot:hover,

.rs-testimonial.testimonial-style2.testimonial-modify4 .rs-carousel .owl-dots .owl-dot.active {

  background: #BE0D42;

  width: 40px;

}

.rs-testimonial.testimonial-style3 .testi-arrow img {

  max-width: 110px;

  position: relative;

  top: 41px;

}

.rs-testimonial.testimonial-style3 .slider {

  position: relative;

}

.rs-testimonial.testimonial-style3 .slider.slider-for .item-content p {

  font-size: 40px;

  line-height: 50px;

  font-weight: 400;

  color: #FFFFFF;

  font-family: Roobert,sans-serif !important;

  margin: 0 0 35px;

  padding: 0px 0px 0px 10px;

}

.rs-testimonial.testimonial-style3 .slider.slider-for .slick-list.draggable {

  overflow: hidden;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav {

  max-width: 280px;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image {

  position: relative;

  border-radius: 50%;

  margin-top: 6px;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image img {

  margin: 0 auto;

  width: 60px;

  height: 60px;

  border-radius: 50%;

  cursor: pointer;

  transition: 0.4s;

  position: relative;

  border: 5px solid #9147ff;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle {

  display: none;

  position: absolute;

  z-index: 9;

  width: 70px;

  height: 70px;

  top: -2px;

  z-index: -1;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle .circular {

  height: 70px;

  width: 70px;

  position: relative;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .inner {

  position: absolute;

  z-index: 6;

  top: 50%;

  left: 50%;

  height: 60px;

  width: 60px;

  margin: -33px 0 0 -30px;

  background: #100E22;

  border-radius: 100%;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .bar {

  position: absolute;

  height: 100%;

  width: 100%;

  background: transparent;

  -webkit-border-radius: 100%;

  clip: rect(0px, 100px, 100px, 35px);

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle .circle .bar .progress {

  position: absolute;

  height: 100%;

  width: 100%;

  -webkit-border-radius: 100%;

  clip: rect(0px, 35px, 100px, 0px);

  background: #FF7425;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .left .progress {

  z-index: 1;

  animation: left 4s linear both;

}

@keyframes left {

  100% {

    transform: rotate(180deg);

  }

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .right {

  transform: rotate(180deg);

  z-index: 3;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .right .progress {

  animation: right 4s linear both;

  animation-delay: 4s;

}

@keyframes right {

  100% {

    transform: rotate(180deg);

  }

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .author-content {

  display: none;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .author-content .testi-name {

  color: #FFFFFF;

  font-family: Roobert,sans-serif !important;

  font-size: 20px;

  font-weight: 500;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .author-content .testi-title {

  color: #FFFFFFAB;

  font-size: 16px;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide.slick-current .circle {

  display: block;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide.slick-current .circle .circular .circle {

  display: block;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide.slick-current .author-content {

  display: block;

  min-width: 180px;

  padding-top: 30px;

  margin-left: 10px;

  float: left;

  height: 100%;

  min-height: 1px;

}

.rs-testimonial.testimonial-style3 .slider.slider-nav .item-slick-slide .slick-list {

  padding: 0 0px !important;

}

.rs-testimonial.testimonial-style3 .slider .slick-arrow {

  position: absolute;

  transform: translateY(-50%);

  visibility: visible;

  opacity: 1;

  font-size: 0;

  border: none;

  background: transparent;

  transition: 0.6s ease all;

  z-index: 9;

}

.rs-testimonial.testimonial-style3 .slider .slick-arrow.slick-next {

  top: 114.1%;

  right: 46px;

}

.rs-testimonial.testimonial-style3 .slider .slick-arrow.slick-next:before {

  content: "\f114";

  font-size: 26px;

  color: #FFFFFF47;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-testimonial.testimonial-style3 .slider .slick-arrow.slick-prev {

  top: 114.1%;

  right: 115px;

}

.rs-testimonial.testimonial-style3 .slider .slick-arrow.slick-prev:before {

  content: "\f115";

  font-size: 26px;

  color: #FFFFFF47;

  margin: 0;

  display: inline-block;

  font-family: flaticon !important;

  text-align: center;

  font-weight: 600;

}

.rs-testimonial.testimonial-style3 .slider .slick-arrow:hover.slick-prev:before,

.rs-testimonial.testimonial-style3 .slider .slick-arrow:hover.slick-next:before {

  color: #ff7425;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider.slider-nav .item-slick-slide .nav-image img {

  border: 5px solid #F8FBFF;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider.slider-nav .item-slick-slide .nav-image .circle .circle .bar .progress {

  background: #0072f5;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .inner {

  background: #F8FBFF;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider.slider-for .item-content p {

  color: #000;

  line-height: 63px;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider.slider-nav .item-slick-slide .author-content .testi-name {

  color: #000;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider.slider-nav .item-slick-slide .author-content .testi-title {

  color: #3e3e3e;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider .slick-arrow.slick-next:before,

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider .slick-arrow.slick-prev:before {

  color: #bababa;

  font-size: 20px;

  opacity: 1;

}

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider .slick-arrow:hover.slick-prev:before,

.rs-testimonial.testimonial-style3.testimonial-modify2 .slider .slick-arrow:hover.slick-next:before {

  color: #0072f5;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider.slider-nav .item-slick-slide .nav-image img {

  border: 5px solid #F8FBFF;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider.slider-nav .item-slick-slide .nav-image .circle .circle .bar .progress {

  background: #4f4bff;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .inner {

  background: #F8FBFF;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider.slider-for .item-content p {

  color: #000;

  line-height: 63px;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider.slider-nav .item-slick-slide .author-content .testi-name {

  color: #000;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider.slider-nav .item-slick-slide .author-content .testi-title {

  color: #3e3e3e;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider .slick-arrow.slick-next:before,

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider .slick-arrow.slick-prev:before {

  color: #bababa;

  font-size: 20px;

  opacity: 1;

}

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider .slick-arrow:hover.slick-prev:before,

.rs-testimonial.testimonial-style3.testimonial-modify5 .slider .slick-arrow:hover.slick-next:before {

  color: #4f4bff;

}

.rs-testimonial.testimonial-style3.testimonial-modify5.testi-orange-arrow .slider .slick-arrow:hover.slick-prev:before,

.rs-testimonial.testimonial-style3.testimonial-modify5.testi-orange-arrow .slider .slick-arrow:hover.slick-next:before {

  color: #dd4447;

}

.rs-testimonial.testimonial-style3.testimonial-modify5.testi-orange-arrow .slider.slider-nav .item-slick-slide .nav-image img {

  border: 5px solid #F8FBFF;

}

.rs-testimonial.testimonial-style3.testimonial-modify5.testi-orange-arrow .slider.slider-nav .item-slick-slide .nav-image .circle .circle .bar .progress {

  background: #DD4447;

}

.rs-testimonial.testimonial-style3.testimonial-modify5.testi-orange-arrow .slider.slider-nav .item-slick-slide .nav-image .circle .circular .inner {

  background: #F8FBFF;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider.slider-nav .item-slick-slide .nav-image img {

  border: 5px solid #9147ff;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider.slider-nav .item-slick-slide .nav-image .circle .circle .bar .progress {

  background: #9147ff;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider.slider-nav .item-slick-slide .nav-image .circle .circular .inner {

  background: #9147ff;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider.slider-for .item-content p {

  color: #ffffff;

  line-height: 63px;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider.slider-nav .item-slick-slide .author-content .testi-name {

  color: #ffffff;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider.slider-nav .item-slick-slide .author-content .testi-title {

  color: #FFFFFFAB;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider .slick-arrow.slick-next:before,

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider .slick-arrow.slick-prev:before {

  color: #bababa;

  font-size: 20px;

  opacity: 1;

}

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider .slick-arrow:hover.slick-prev:before,

.rs-testimonial.testimonial-style3.testimonial-modify6 .slider .slick-arrow:hover.slick-next:before {

  color: #9147ff;

}

.rs-testimonial.testimonial-style4 .testi-item {

  text-align: center;

}

.rs-testimonial.testimonial-style4 .testi-item .item-content span img {

  width: 97px;

  margin: 0 auto;

}

.rs-testimonial.testimonial-style4 .testi-item .item-content p {

  font-size: 25px;

  line-height: 35px;

  font-weight: 300;

  color: #FFFFFF9C;

  margin: 46px 185px 35px 185px;

}

.rs-testimonial.testimonial-style4 .testi-item .testi-content {

  display: flex;

  align-items: center;

  justify-content: center;

}

.rs-testimonial.testimonial-style4 .testi-item .testi-content .image-wrap img {

  width: 60px !important;

  height: 60px !important;

  border-radius: 50%;

  position: relative;

}

.rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information {

  padding: 0 0 0 20px;

  text-align: left;

}

.rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .testi-name {

  font-size: 18px;

  font-weight: 500;

  line-height: 34px;

  color: #ffffff;

  font-family: Roobert,sans-serif !important;

}

.rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .testi-title {

  font-size: 14px;

  font-weight: 300;

  line-height: 22px;

  color: rgba(255, 255, 255, 0.71);

  padding-bottom: 10px;

  display: block;

}

.rs-testimonial.testimonial-style4 .owl-nav .owl-next,

.rs-testimonial.testimonial-style4 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 20px;

  color: #fff;

  text-align: center;

  width: 76px;

  height: 53px;

  border-radius: 32px;

  border: none !important;

  line-height: 65px;

  background: #9147ff;

  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);

}

.rs-testimonial.testimonial-style4 .owl-nav .owl-next i:before,

.rs-testimonial.testimonial-style4 .owl-nav .owl-prev i:before {

  font-size: 26px;

  content: "\f111";

  font-family: Flaticon;

}

.rs-testimonial.testimonial-style4 .owl-nav .owl-next:hover i:before,

.rs-testimonial.testimonial-style4 .owl-nav .owl-prev:hover i:before {

  color: #9147ff;

}

.rs-testimonial.testimonial-style4 .owl-nav .owl-next {

  right: 20px;

  left: unset;

}

.rs-testimonial.testimonial-style4 .owl-nav .owl-next i:before {

  font-size: 26px;

  content: "\f110";

}

.rs-testimonial.testimonial-style4.testimonial-modify3 .testi-item .item-content p {

  color: #3e3e3e;

}

.rs-testimonial.testimonial-style4.testimonial-modify3 .testi-item .testi-content .testi-information .testi-name {

  color: #000;

}

.rs-testimonial.testimonial-style4.testimonial-modify3 .testi-item .testi-content .testi-information .testi-title {

  color: #3e3e3e;

}

.rs-testimonial.testimonial-style4.testimonial-modify3 .owl-nav .owl-next,

.rs-testimonial.testimonial-style4.testimonial-modify3 .owl-nav .owl-prev {

  color: #3E3E3E52;

  background: #FFFBFB;

  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);

}

.rs-testimonial.testimonial-style4.testimonial-modify3 .owl-nav .owl-next:hover i:before,

.rs-testimonial.testimonial-style4.testimonial-modify3 .owl-nav .owl-prev:hover i:before {

  color: #9147ff;

}

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-orange2 .owl-nav .owl-next,

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-orange2 .owl-nav .owl-prev {

  color: #3E3E3E52;

  background: transparent;

  box-shadow: unset;

}

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-orange2 .owl-nav .owl-next:hover i:before,

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-orange2 .owl-nav .owl-prev:hover i:before {

  color: #cf3201;

}

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-red2 .owl-nav .owl-next,

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-red2 .owl-nav .owl-prev {

  color: #3E3E3E52;

  background: transparent;

  box-shadow: unset;

}

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-red2 .owl-nav .owl-next:hover i:before,

.rs-testimonial.testimonial-style4.testimonial-modify3.testi-red2 .owl-nav .owl-prev:hover i:before {

  color: #9147ff;

}

.rs-testimonial.testimonial-style4.testi-purple-style1 .owl-nav .owl-next:hover i:before,

.rs-testimonial.testimonial-style4.testi-purple-style1 .owl-nav .owl-prev:hover i:before {

  color: #9147ff;

}

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

	26. Shop Section CSS

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

.rs-shop-part .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  color: #000;

  margin: 0;

}

.rs-shop-part .woocommerce-result-count {

  font-size: 16px;

  line-height: 26px;

  color: #3e3e3e;

  font-weight: 400;

  margin: 0;

}

.rs-shop-part .from-control {

  float: right;

  font-size: 16px;

  color: #3e3e3e;

  font-weight: 400;

  vertical-align: top;

  padding: 10px;

  border: none;

  border-radius: 0px;

  border-right: 10px solid #fff;

  background: none;

  box-shadow: 0 0 1px #999;

}

.rs-shop-part .product-list {

  text-align: center;

  margin: 0 9px 0 9px;

}

.rs-shop-part .product-list .image-product {

  position: relative;

  overflow: hidden;

  padding: 0;

  margin-bottom: 20px;

}

.rs-shop-part .product-list .image-product img {

  margin-bottom: 0 !important;

  position: relative;

  width: 100% !important;

}

.rs-shop-part .product-list .image-product .overley {

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

  width: 100%;

  background: transparent;

  bottom: -50px;

  transform: scaleY(0);

  transform-origin: 0 1 0;

  opacity: 0;

  transition: all 0.4s ease-in-out 0s;

  padding: 0;

}

.rs-shop-part .product-list .image-product .overley .product-info a {

  text-transform: capitalize;

  text-decoration: none;

  border-radius: 0px;

  line-height: 33px;

  border: 0px solid #ffb703;

  text-align: center;

  transition: all 0.4s ease-in-out 0s;

  padding: 5px 20px;

  color: #ffffff;

  background-color: #9147ff;

  display: block;

}

.rs-shop-part .product-list .image-product .overley .product-info a:hover {

  background-color: #ff7425 !important;

}

.rs-shop-part .product-list .image-product .onsale {

  font-size: 13px;

  font-weight: 500;

  color: #ffffff;

  font-weight: 700;

  line-height: 40px;

  background: #9147ff;

  width: 40px;

  height: 40px;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

  position: absolute;

  top: 13px;

  right: 13px;

}

.rs-shop-part .product-list .content-desc .loop-product-title {

  font-size: 16px;

  line-height: 25px;

  font-weight: 700;

  font-family: Roobert,sans-serif !important;

  margin: 0;

  float: left;

}

.rs-shop-part .product-list .content-desc .loop-product-title a {

  color: #000;

}

.rs-shop-part .product-list .content-desc .loop-product-title a:hover {

  color: #9147ff;

}

.rs-shop-part .product-list .content-desc .price {

  font-size: 16px;

  line-height: 25px;

  color: #5d5d5d;

  font-weight: 600;

  margin: 0;

  float: right;

}

.rs-shop-part .product-list:hover .image-product .overley {

  opacity: 1;

  transform: scaleY(1);

  bottom: 0;

}

.rs-shop-part .product-list:hover .image-product .overley .product-info a {

  background-color: #9147ff;

}

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

	27. Single Shop Section CSS

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

.rs-single-shop .single-product-image .images-single {

  z-index: 1 !important;

}

.rs-single-shop .single-product-image img {

  width: 100%;

}

.rs-single-shop .single-price-info .product-title {

  font-size: 25px;

  font-weight: 700;

  margin-bottom: 12px;

}

.rs-single-shop .single-price-info .single-price {

  color: #9147ff;

  font-weight: 600;

}

.rs-single-shop .single-price-info .some-text {

  margin-top: 15px;

}

.rs-single-shop .single-price-info form {

  margin-bottom: 30px;

}

.rs-single-shop .single-price-info form input {

  height: 40px;

  width: 70px;

  line-height: 40px;

  text-align: center;

  padding-left: 10px;

  border: 1px solid rgba(54, 54, 54, 0.1);

  outline: none;

}

.rs-single-shop .single-price-info p.category {

  margin: 0;

  padding-top: 25px;

  border-top: 1px solid #e6e6e6;

  font-size: 14px;

}

.rs-single-shop .single-price-info p.category span {

  font-weight: 700;

  padding-right: 10px;

}

.rs-single-shop .single-price-info p.category a {

  color: #666666;

}

.rs-single-shop .single-price-info p.category a:hover {

  color: #9147ff;

}

.rs-single-shop .single-price-info .tag {

  margin: 0;

}

.rs-single-shop .single-price-info .tag span {

  font-weight: 700;

}

.rs-single-shop .tab-area {

  margin-top: 50px;

}

.rs-single-shop .tab-area ul.nav-tabs {

  border-bottom: 1px solid #f0f0f0;

  margin-bottom: 32px;

}

.rs-single-shop .tab-area ul.nav-tabs li {

  margin-right: 13px;

}

.rs-single-shop .tab-area ul.nav-tabs li .nav-link {

  padding: 20px 45px;

  display: inline-block;

  border-radius: 0px;

  font-size: 18px;

  background: #fbfbfb;

  border: 1px solid #fbfbfb;

  background-color: #fbfbfb;

  color: #000;

  font-weight: 400;

}

.rs-single-shop .tab-area ul.nav-tabs li .nav-link:hover,

.rs-single-shop .tab-area ul.nav-tabs li .nav-link.active {

  background-color: #9147ff;

  color: #ffffff;

}

.rs-single-shop .tab-area ul.nav-tabs li:last-child {

  margin-right: 0;

}

.rs-single-shop .tab-area .tab-content .tab-pane .tab-title {

  font-weight: 700;

  margin-bottom: 34px;

}

.rs-single-shop .tab-area .tab-content .tab-pane .dsc-p {

  margin: 0;

}

.rs-single-shop .tab-area .tab-content .tab-pane table {

  border: 0;

  border-top: 1px dotted rgba(0, 0, 0, 0.1);

  margin-bottom: 0;

  width: 100%;

}

.rs-single-shop .tab-area .tab-content .tab-pane table .table-box tr th {

  width: 150px;

  font-weight: 700;

  margin: 0;

  line-height: 1.5;

  padding: 3px 15px !important;

  border: 1px solid rgba(0, 0, 0, 0.1) !important;

}

.rs-single-shop .tab-area .tab-content .tab-pane table .table-box tr td {

  padding: 3px 15px !important;

  border: 1px solid rgba(0, 0, 0, 0.1) !important;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area {

  margin-bottom: 5px;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area p {

  margin-bottom: 23px;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area h6 {

  font-size: 15px;

  font-weight: 600;

  color: #3e3e3e;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form {

  max-width: 600px;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form p.comment-notes {

  margin-bottom: 15px;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl label {

  font-weight: 600;

  display: block;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl input {

  border: 1px solid rgba(54, 54, 54, 0.1);

  padding: 10px 15px;

  margin-bottom: 10px;

  width: 100%;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl textarea {

  width: 100%;

  padding: 10px 15px;

  height: 75px;

  border: 1px solid rgba(54, 54, 54, 0.1);

  margin-bottom: 20px;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings {

  font-weight: 600;

  margin-bottom: 18px;

  display: block;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li {

  display: inline;

}

.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li i {

  color: #9147ff;

  font-weight: normal;

}

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

	28. Cart Section CSS

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

.rs-cart .cart-wrap table.cart-table {

  border: 1px solid rgba(0, 0, 0, 0.1);

  width: 100%;

  border-collapse: collapse;

}

.rs-cart .cart-wrap table.cart-table td,

.rs-cart .cart-wrap table.cart-table th {

  padding: 25px;

  text-align: center;

  border: 1px solid #ccc;

}

.rs-cart .cart-wrap table.cart-table th {

  border: none;

  font-size: 18px;

  padding: 25px;

  text-align: center;

  vertical-align: middle;

  font-weight: 700;

}

.rs-cart .cart-wrap table.cart-table td {

  border-bottom: none;

  border-left: none;

  border-right: none;

  border-top: 1px solid #e6e6e6;

}

.rs-cart .cart-wrap table.cart-table .product-remove a {

  margin: 0 auto;

  color: #000;

  display: block;

  border-radius: 100%;

  border: 1px solid #ddd;

  font-size: 16px;

  font-weight: 400;

  height: 20px;

  width: 20px;

  line-height: 17px;

  text-align: center;

}

.rs-cart .cart-wrap table.cart-table .product-remove a:hover {

  background: #ff0000;

  color: #ffffff;

}

.rs-cart .cart-wrap table.cart-table .product-thumbnail {

  min-width: 32px;

}

.rs-cart .cart-wrap table.cart-table .product-thumbnail a img {

  width: 80px;

  height: auto;

}

.rs-cart .cart-wrap table.cart-table .product-name a {

  color: #3e3e3e;

  font-weight: 700;

}

.rs-cart .cart-wrap table.cart-table .product-name a:hover {

  color: #9147ff;

}

.rs-cart .cart-wrap table.cart-table .product-price {

  font-weight: 700;

}

.rs-cart .cart-wrap table.cart-table .product-quantity input {

  border: 1px solid #e6e6e6;

  border-radius: 4px;

  padding: 0 0 0 10px;

  max-width: 65px;

  margin: 0 auto;

  outline: none;

}

.rs-cart .cart-wrap table.cart-table .action .coupon {

  float: left;

}

.rs-cart .cart-wrap table.cart-table .action .coupon input {

  box-sizing: border-box;

  border: 1px solid #d3ced2;

  padding: 6px 6px 5px;

  margin: 0 4px 0 0;

  outline: none;

  width: 320px;

  border-radius: 4px;

  height: 45px;

  margin-right: 20px;

  text-align: left;

  padding-left: 22px;

}

.rs-cart .cart-collaterals {

  width: 100%;

  overflow: hidden;

}

.rs-cart .cart-collaterals .cart-totals {

  float: right;

  width: 48%;

}

.rs-cart .cart-collaterals .cart-totals .title {

  font-size: 26px;

  line-height: 36px;

  font-weight: 700;

  color: #3e3e3e;

  text-transform: capitalize;

}

.rs-cart .cart-collaterals .cart-totals table.cart-total-table {

  text-align: left;

  width: 100%;

  border-collapse: collapse;

  border-radius: 5px;

}

.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th {

  font-size: 18px;

  font-weight: 700;

}

.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr td,

.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th {

  padding: 30px 10px;

}

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

	29. Checkout Section CSS

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

.rs-checkout .checkout-title {

  margin-bottom: 30px;

}

.rs-checkout .checkout-title h3 {

  font-size: 26px;

  margin: 0;

}

.rs-checkout .coupon-toggle .accordion .card {

  border: unset;

  border-top: 3px solid #9147ff;

  border-radius: 0;

}

.rs-checkout .coupon-toggle .accordion .card .card-header {

  border: none;

  margin: 0;

  border-radius: unset;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title {

  margin: 0;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title span i {

  margin-right: 10px;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title button {

  background: unset;

  border: none;

  color: #9147ff;

  transition: all 0.3s ease;

  outline: none;

  cursor: pointer;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title button:hover {

  color: #9147ff;

}

.rs-checkout .coupon-toggle .accordion .card .card-body {

  border: 1px solid #d3ced2;

  padding: 20px 20px 50px 20px;

  margin-top: 2em;

  text-align: left;

}

.rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input {

  width: 47%;

  float: left;

  margin-right: 50px;

}

.rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input input {

  width: 100%;

  height: 45px;

  outline: none;

  padding: 10px 18px;

  color: #3e3e3e;

  border: 1px solid rgba(54, 54, 54, 0.1);

}

.rs-checkout .full-grid {

  margin-top: 25px;

}

.rs-checkout .full-grid .form-content-box {

  margin-bottom: 50px;

}

.rs-checkout .full-grid .form-content-box .form-group label {

  line-height: 2;

  display: block;

  margin-bottom: 5px;

  font-weight: 600;

}

.rs-checkout .full-grid .form-content-box .form-group select {

  color: #666666;

  opacity: .5;

  padding-left: 8px;

  padding-right: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  border: 1px solid #ccc;

  border-radius: 0;

  height: 45px;

  line-height: 45px;

  cursor: pointer;

  width: 100%;

  outline: none;

}

.rs-checkout .full-grid .form-content-box .form-group textarea {

  height: 4em;

  line-height: 1.5;

  display: block;

  box-shadow: none;

  width: 100%;

  border: 1px solid rgba(54, 54, 54, 0.1);

  padding: 10px 18px;

  margin: 0;

  outline: none;

}

.rs-checkout .full-grid .form-content-box .form-group .form-control-mod {

  border: 1px solid rgba(54, 54, 54, 0.1);

  height: 45px;

  padding: 10px 18px;

  width: 100%;

  margin: 0;

  outline: none;

  line-height: normal;

  border-radius: unset;

}

.rs-checkout .full-grid .form-content-box .form-group .form-control-mod.margin-bottom {

  margin-bottom: 10px !important;

}

.rs-checkout .full-grid .ordered-product table {

  width: 100%;

}

.rs-checkout .full-grid .ordered-product table tr th {

  border: 1px solid #ccc;

  padding: 9px 12px;

}

.rs-checkout .full-grid .ordered-product table tr td {

  border: 1px solid #ccc;

  padding: 6px 12px;

}

.rs-checkout .full-grid .payment-method .top-area {

  border-bottom: 1px solid #d3ced2;

}

.rs-checkout .full-grid .payment-method .top-area .payment-co {

  margin-bottom: 20px;

}

.rs-checkout .full-grid .payment-method .top-area .payment-co span {

  font-weight: 600;

  margin-right: 10px;

}

.rs-checkout .full-grid .payment-method .top-area .p-msg {

  position: relative;

  box-sizing: border-box;

  width: 100%;

  padding: 1em;

  margin: 1em 0 2em;

  font-size: .92em;

  border-radius: 2px;

  line-height: 1.5;

  background-color: #f9f9f9;

}

.rs-checkout .full-grid .payment-method .top-area .p-msg:before {

  content: '';

  display: block;

  border: 1em solid #f9f9f9;

  border-right-color: transparent;

  border-left-color: transparent;

  border-top-color: transparent;

  position: absolute;

  top: -0.75em;

  left: 0;

  margin: -1em 0 0 2em;

}

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

	30. Account Section CSS

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

.rs-my-account .title {

  font-size: 36px;

  line-height: 46px;

  font-weight: 700;

  color: #000;

  margin: 0;

}

.rs-my-account .rs-login {

  border: 1px solid rgba(54, 54, 54, 0.1);

  padding: 20px;

  text-align: left;

  border-radius: 5px;

}

.rs-my-account .rs-login .form-group label {

  display: block;

  font-size: 15px;

  line-height: 30px;

  font-weight: 600;

  color: #3e3e3e;

}

.rs-my-account .rs-login .form-group label span {

  color: #9147ff;

}

.rs-my-account .rs-login .form-group input {

  width: 100%;

  margin: 0;

  outline: 0;

  line-height: normal;

  border: 1px solid rgba(54, 54, 54, 0.1);

  height: 45px;

}

.rs-my-account .rs-login .last-password a {

  font-size: 15px;

  line-height: 26px;

  font-weight: 400;

  color: #9147ff;

}

.rs-my-account .rs-login p {

  font-size: 15px;

  line-height: 26px;

  font-weight: 400;

  color: #3e3e3e;

  margin-bottom: 14px;

}

.rs-my-account .rs-login p a {

  font-size: 15px;

  line-height: 26px;

  font-weight: 400;

  color: #9147ff;

}

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

	31. Footer Section CSS

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

.rs-footer.footer-main-home {

  background-color: #090909;

  position: relative;

  background-position: center top !important;

}

.rs-footer.footer-main-home .footer-top {

  position: relative;

  padding: 100px 0 70px;

}

.rs-footer.footer-main-home .footer-top .footer-logo img {

  height: 50px;

}

.rs-footer.footer-main-home .footer-top .footer-title {

  position: relative;

  font-size: 19px;

  line-height: 30px;

  font-weight: 400 !important;

  color: #3c3c3c;

  margin-bottom: 95px;

}

.rs-footer.footer-main-home .footer-top .textwidget p {

  color: #ffffff;

  margin: 0;

}

.rs-footer.footer-main-home .footer-top .textwidget p strong {

  font-weight: 700;

}

.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: #9147ff;

  border-radius: 6px;

  width: 32px;

  height: 32px;

  line-height: 32px;

  text-align: center;

  transition: all 0.4s;

  margin-top: 20px;

}

.rs-footer.footer-main-home .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #ff7425;

}

.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: #3e3e3e;

}

.rs-footer.footer-main-home .footer-top .address-widget li .desc a {

  color: #3e3e3e;

}

.rs-footer.footer-main-home .footer-top .address-widget li .desc a:hover {

  color: #ff7425;

}

.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: #3e3e3e;

  opacity:1;

  font-weight: 300;

  transition: all 0.3s;

}

.rs-footer.footer-main-home .footer-top .site-map li a:hover {

  color: #000 !important;

}

.rs-footer.footer-main-home .footer-top .widget-desc {

  margin: 0px 0px 20px 0;

  color: #3e3e3e;

  opacity:1;

    font-weight: 300 !important;

}

.rs-footer.footer-main-home .footer-top p {

  margin: 0 0 35px;

}

.rs-footer.footer-main-home .footer-top p input[type="email"] {

  width: 100%;

  font-size: 16px;

  padding: 15px 20px;

  margin: 0;

  color: #3e3e3e;

  overflow: hidden;

  background: #fff;

  border: 1px solid #dfe2e6;

  border-radius: 6px;

  max-width: 100%;

  opacity: 1;

}

.rs-footer.footer-main-home .footer-top p input[type="submit"] {

  position: relative;

  border: none;

  background: #9147ff;

  color: #fff;

  padding: 12px 25px;

  font-weight: 400;

  font-size: 16px;

  line-height: 26px;

  margin-top: 20px;

  outline: none;

  transition: all 0.3s;

  border-radius: 6px;

}

.rs-footer.footer-main-home .footer-top p input[type="submit"]:hover {

  background: #ff7425;

  color: #fff;

}

.rs-footer.footer-main-home .footer-top p ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #3e3e3e;

  opacity: 1;

  font-size: 16px;

  font-weight: 300;

}

.rs-footer.footer-main-home .footer-top p ::-moz-placeholder {

  /* Firefox 19+ */



  color: #fff;

  opacity: 0.5;

}

.rs-footer.footer-main-home .footer-top p :-ms-input-placeholder {

  /* IE 10+ */



  color: #fff;

  opacity: 0.5;

}

.rs-footer.footer-main-home .footer-top p :-moz-placeholder {

  /* Firefox 18- */



  color: #fff;

  opacity: 0.5;

}

.rs-footer.footer-main-home .footer-top:before {

  content: "";

  position: absolute;

  top: 32%;

  left: -5px;

  right: 15px;

  border-top: 1px solid #dfe2e6;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border {

  border-top: 1px solid #dfe2e6;

  padding: 25px 0;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p {

  font-size: 15px;

  font-weight: 300;

  opacity: 1;

  color: #3e3e3e;

  margin: 0;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p a {

  transition: all 0.4s;

  color: #ffffff;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p a:hover {

  color: #ff7425;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li {

  display: inline-block;

  position: relative;

  padding: 0px 19px 0 25px;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li a {

  font-size: 16px;

  font-weight: 300;

  opacity: .8;

  color: #ffffff;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li a:hover {

  color: #ff7425;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li:before {

  display: block;

  content: "";

  position: absolute;

  font-size: 18px;

  background: #fff;

  opacity: .8;

  left: 0;

  top: 50%;

  width: 6px;

  height: 6px;

  transform: translateY(-50%);

  border-radius: 50%;

}

.rs-footer.footer-main-home .footer-bottom .bottom-border .copy-right-menu li:first-child:before {

  display: none;

}

.rs-footer.footer-main-home.footer-modify1 .footer-top p input[type="submit"] {

  background: #8873ef;

}

.rs-footer.footer-main-home.footer-modify1 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify1 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify1 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify1 .footer-top .site-map li a:hover {

  color: #8873ef;

}

.rs-footer.footer-main-home.footer-modify1 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #8873ef;

}

.rs-footer.footer-main-home.footer-modify1 .footer-top p input[type="submit"]:hover {

  background: #8873ef;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify2 .footer-top p input[type="submit"] {

  background: #ff5c00;

}

.rs-footer.footer-main-home.footer-modify2 .footer-top p input[type="submit"]:hover {

  opacity: .9;

}

.rs-footer.footer-main-home.footer-modify3 .footer-top p input[type="submit"] {

  background: #9147ff;

}

.rs-footer.footer-main-home.footer-modify3 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify3 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify3 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify3 .footer-top .site-map li a:hover {

  color: #9147ff;

}

.rs-footer.footer-main-home.footer-modify3 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #9147ff;

}

.rs-footer.footer-main-home.footer-modify3 .footer-top p input[type="submit"]:hover {

  background: #9147ff;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify4 .footer-top p input[type="submit"] {

  background: #0072f5;

}

.rs-footer.footer-main-home.footer-modify4 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify4 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify4 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify4 .footer-top .site-map li a:hover {

  color: #0072f5;

}

.rs-footer.footer-main-home.footer-modify4 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #0072f5;

}

.rs-footer.footer-main-home.footer-modify4 .footer-top p input[type="submit"]:hover {

  background: #0072f5 !important;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify5 .footer-top p input[type="submit"] {

  background: #be0d42;

}

.rs-footer.footer-main-home.footer-modify5 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify5 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify5 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify5 .footer-top .site-map li a:hover {

  color: #be0d42;

}

.rs-footer.footer-main-home.footer-modify5 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #be0d42;

}

.rs-footer.footer-main-home.footer-modify5 .footer-top p input[type="submit"]:hover {

  background: #be0d42;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify6 .footer-top p input[type="submit"] {

  background: #4f4bff;

}

.rs-footer.footer-main-home.footer-modify6 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify6 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify6 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify6 .footer-top .site-map li a:hover {

  color: #4f4bff;

}

.rs-footer.footer-main-home.footer-modify6 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #4f4bff;

}

.rs-footer.footer-main-home.footer-modify6 .footer-top p input[type="submit"]:hover {

  background: #4f4bff;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify7 .footer-top p input[type="submit"] {

  background: #9147ff;

}

.rs-footer.footer-main-home.footer-modify7 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify7 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify7 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify7 .footer-top .site-map li a:hover {

  color: #9147ff;

}

.rs-footer.footer-main-home.footer-modify7 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #9147ff;

}

.rs-footer.footer-main-home.footer-modify7 .footer-top p input[type="submit"]:hover {

  background: #9147ff;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify8 .footer-top p input[type="submit"] {

  background: #cf3201;

}

.rs-footer.footer-main-home.footer-modify8 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify8 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify8 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify8 .footer-top .site-map li a:hover {

  color: #cf3201;

}

.rs-footer.footer-main-home.footer-modify8 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #cf3201;

}

.rs-footer.footer-main-home.footer-modify8 .footer-top p input[type="submit"]:hover {

  background: #cf3201;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify9 .footer-top p input[type="submit"] {

  background: #9147ff;

}

.rs-footer.footer-main-home.footer-modify9 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify9 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify9 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify9 .footer-top .site-map li a:hover {

  color: #9147ff;

}

.rs-footer.footer-main-home.footer-modify9 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #9147ff;

}

.rs-footer.footer-main-home.footer-modify9 .footer-top p input[type="submit"]:hover {

  background: #9147ff;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify10 .footer-top p input[type="submit"] {

  background: #dd4447;

}

.rs-footer.footer-main-home.footer-modify10 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify10 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify10 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify10 .footer-top .site-map li a:hover {

  color: #dd4447;

}

.rs-footer.footer-main-home.footer-modify10 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #dd4447;

}

.rs-footer.footer-main-home.footer-modify10 .footer-top p input[type="submit"]:hover {

  background: #dd4447;

  color: #fff;

}

.rs-footer.footer-main-home.footer-modify11 {

  background-color: #efefef;

}

.rs-footer.footer-main-home.footer-modify11 .footer-top:before {

  border-top: 1px solid #dee2e6;

}

.rs-footer.footer-main-home.footer-modify11 .footer-top .footer-title {

  color: #000;

}

.rs-footer.footer-main-home.footer-modify11 .footer-top .footer-social li a i {

  color: #3e3e3e;

  background: #e4e3e5;

}

.rs-footer.footer-main-home.footer-modify11 .footer-top p input[type="submit"] {

  background: linear-gradient(98.89deg, #9147ff 8.22%, #009cf4 89.42%);

}

.rs-footer.footer-main-home.footer-modify11 .footer-top p input[type="submit"]:hover {

  background: linear-gradient(98.89deg, #009cf4 8.22%, #9147ff 89.42%);

}

.rs-footer.footer-main-home.footer-modify11 .footer-top .site-map li a,

.rs-footer.footer-main-home.footer-modify11 .footer-top .address-widget li .desc,

.rs-footer.footer-main-home.footer-modify11 .footer-top .address-widget li .desc a,

.rs-footer.footer-main-home.footer-modify11 .footer-top .widget-desc,

.rs-footer.footer-main-home.footer-modify11 .footer-bottom .bottom-border .copy-right-menu li a,

.rs-footer.footer-main-home.footer-modify11 .footer-bottom .bottom-border .copyright p a,

.rs-footer.footer-main-home.footer-modify11 .footer-bottom .bottom-border .copyright p {

  color: #3e3e3e;

}

.rs-footer.footer-main-home.footer-modify11 .footer-bottom .bottom-border {

  border-top: 0.5px solid #e4e3e5;

}

.rs-footer.footer-main-home.footer-modify11 .footer-bottom .bottom-border .copy-right-menu li:before {

  background: #000;

}

.rs-footer.footer-main-home.footer-modify11 .footer-top .site-map li a:hover,

.rs-footer.footer-main-home.footer-modify11 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify11 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify11 .footer-bottom .bottom-border .copyright p a:hover {

  color: #9147ff;

}

.rs-footer.footer-main-home.footer-modify11 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #9147ff;

}

.rs-footer.footer-main-home.footer-modify12 .footer-top p input[type="submit"] {

  background: #ffae00;

}

.rs-footer.footer-main-home.footer-modify12 .footer-bottom .bottom-border .copy-right-menu li a:hover,

.rs-footer.footer-main-home.footer-modify12 .footer-bottom .bottom-border .copyright p a:hover,

.rs-footer.footer-main-home.footer-modify12 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-main-home.footer-modify12 .footer-top .site-map li a:hover {

  color: #ffae00;

}

.rs-footer.footer-main-home.footer-modify12 .footer-top .footer-social li a i:hover {

  color: #ffffff;

  background: #ffae00;

}

.rs-footer.footer-main-home.footer-modify12 .footer-top p input[type="submit"]:hover {

  background: #ffae00;

  color: #fff;

}

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

	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: 6px;
  color: #ffffff;
  line-height: 36px;
  transition: all 0.3s ease 0s;
  background: #9147ff !important;
  margin-left: 2px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.02);
  display: block;
  margin-right: 0px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

#scrollUp i:before {

  font-weight: 900;

}

#scrollUp i:hover {

  background: #333;

  color: #fff;

}

#scrollUp.purple-color i {

  background: #8873ef;

  color: #ffffff;

}

#scrollUp.purple-color2 i {

  background: #4f4bff;

  color: #ffffff;

}

#scrollUp.red-color i {

  background: #9147ff;

  color: #ffffff;

}

#scrollUp.blue-color i {

  background: #0072f5;

  color: #ffffff;

}

#scrollUp.red-color2 i {

  background: #be0d42;

  color: #ffffff;

}

#scrollUp.red-color3 i {

  background: #9147ff;

  color: #ffffff;

}

#scrollUp.red-color4 i {

  background: #dd4447;

  color: #ffffff;

}

#scrollUp.red-color5 i {

  background: #9147ff;

  color: #ffffff;

}

#scrollUp.orange-color i {

  background: #ff5c00;

  color: #ffffff;

}

#scrollUp.orange-color2 i {

  background: #cf3201;

  color: #ffffff;

}

#scrollUp.yellow-color i {

  background: #ffae00;

  color: #ffffff;

}

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

	33. Preloader CSS

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

#pre-load {

  background-color: #9147ff;

  height: 100%;

  width: 100%;

  position: fixed;

  margin-top: 0px;

  top: 0px;

  z-index: 9999;

}

.loader .loader-container {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100px;

  height: 100px;

  border: 3px solid #fff;

  border-radius: 50%;

}

.loader .loader-container:before {

  position: absolute;

  content: "";

  display: block;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 100px;

  height: 100px;

  border-top: 3px solid #fff;

  border-radius: 50%;

  animation: loaderspin 1.8s infinite ease-in-out;

  -webkit-animation: loaderspin 1.8s infinite ease-in-out;

}

.loader .loader-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 80px;

  text-align: center;

}

.loader .loader-icon img {

  animation: loaderpulse alternate 900ms infinite;

  width: 40px;

}

.woocommerce .quantity input[type="number"]::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #363636 !important;

  opacity: 1;

}

.woocommerce .quantity input[type="number"]::-moz-placeholder {

  /* Firefox 19+ */



  color: #363636 !important;

  opacity: 1;

}

.woocommerce .quantity input[type="number"]:-ms-input-placeholder {

  /* IE 10+ */



  color: #363636 !important;

  opacity: 1;

}

.woocommerce .quantity input[type="number"]:-moz-placeholder {

  /* Firefox 18- */



  color: #363636 !important;

  opacity: 1;

}

@keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@-webkit-keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes loaderpulse {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.2);

  }

}

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

	34. Animation Part CSS

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

@keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@-webkit-keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes loaderpulse {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.2);

  }

}

@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@-webkit-keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

.move-y {

  animation: move-y 2s alternate infinite;

  -webkit-animation: move-y 2s alternate infinite;

}

@keyframes move-y {

  0% {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

  }

  100% {

    transform: translate3d(0, 10px, 0);

    -webkit-transform: translate3d(0, 10px, 0);

  }

}

.scale {

  animation-duration: 2s;

  -webkit-animation: scale 2s alternate infinite;

}

.scale.new {

  animation-duration: 2.5s;

}

@-webkit-keyframes scale {

  0% {

    transform: scale(0.9);

    -webkit-transform: scale(0.9);

  }

  100% {

    transform: scale(1.08);

    -webkit-transform: scale(1.08);

  }

}

.horizontal {

  animation: horizontal 2s alternate infinite;

  -webkit-animation: horizontal 2s alternate infinite;

}

@keyframes horizontal {

  0% {

    transform: translateX(-20px);

    -webkit-transform: translateX(-20px);

  }

  0% {

    transform: translateX(20px);

    -webkit-transform: translateX(20px);

  }

}

.rotated-style {

  animation: rotated-style 5s linear infinite;

}

@keyframes rotated-style {

  0% {

    -webkit-transform: translate(0) rotate(0deg);

    transform: translate(0) rotate(0deg);

  }

  25% {

    -webkit-transform: translate(-10px, 10px) rotate(10deg);

    transform: translate(-10px, 10px) rotate(10deg);

  }

  50% {

    -webkit-transform: translate(5px, -5px) rotate(25deg);

    transform: translate(5px, -5px) rotate(25deg);

  }

  75% {

    -webkit-transform: translate(15px, -5px) rotate(15deg);

    transform: translate(15px, -5px) rotate(15deg);

  }

  100% {

    -webkit-transform: translate(0) rotate(0deg);

    transform: translate(0) rotate(0deg);

  }

}

.spine {

  animation: spine 30s infinite linear;

  -webkit-animation: spine 30s infinite linear;

}

@keyframes spine {

  0% {

    transform: rotate(0);

    -webkit-transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

  }

}

@-webkit-keyframes spine {

  0% {

    transform: rotate(0);

    -webkit-transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

  }

}

.spine-r {

  animation: spine-r 5s linear infinite;

  -webkit-animation: spine-r 5s linear infinite;

}

@keyframes spine-r {

  0% {

    transform: rotate(0);

    -webkit-transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

  }

}

@-webkit-keyframes spine-r {

  0% {

    transform: rotate(0);

    -webkit-transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

  }

}

.veritcal {

  animation-name: veritcal;

  animation-timing-function: linear;

  animation-duration: 12s;

  animation-iteration-count: infinite;

}

@keyframes veritcal {

  0% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(100px);

  }

  100% {

    transform: translateY(0);

  }

}

.veritcal2 {

  animation-name: veritcal2 3s alternate infinite;

  -webkit-animation: veritcal2 3s alternate infinite;

}

@keyframes veritcal2 {

  0% {

    transform: translate3d(0, -10px, 0);

    -webkit-transform: translate3d(0, -10px, 0);

  }

  100% {

    transform: translate3d(0, 10px, 0);

    -webkit-transform: translate3d(0, 10px, 0);

  }

}

.left-right {

  animation: left-right 5s cubic-bezier(0.41, 0.04, 0.03, 1.1) infinite;

  -webkit-animation: left-right 5s cubic-bezier(0.41, 0.04, 0.03, 1.1) infinite;

}

@keyframes left-right {

  0% {

    transform: translatex(0);

    -webkit-transform: translatex(0);

  }

  50% {

    transform: translateY(-50px);

    -webkit-transform: translatex(-50px);

  }

  100% {

    transform: translatex(0);

    -webkit-transform: translatex(0);

  }

}

@-webkit-keyframes left-right {

  0% {

    transform: translatex(0);

    -webkit-transform: translatex(0);

  }

  50% {

    transform: translatex(-50px);

    -webkit-transform: translatex(-50px);

  }

  100% {

    transform: translatex(0);

    -webkit-transform: translatex(0);

  }

}

.move-reverse {

  -webkit-animation-duration: 4s;

  animation-name: move-reverse;

  -webkit-animation-name: move-reverse;

  -webkit-animation-iteration-count: infinite;

}

@keyframes move-reverse {

  0% {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

  }

  25% {

    transform: translate3d(5px, 0, 0) rotate(4deg);

    -webkit-transform: translate3d(5px, 0, 0) rotate(4deg);

  }

  50% {

    transform: translate3d(0, 0, 0) rotate(-2deg);

    -webkit-transform: translate3d(0, 0, 0) rotate(-2deg);

  }

  75% {

    transform: translate3d(5px, 0, 0) rotate(4deg);

    -webkit-transform: translate3d(5px, 0, 0) rotate(4deg);

  }

  100% {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

  }

}

/********** Price Table *************/

.pricing-switcher .switch {

  position: absolute;

  top: 10px;

  left: 10px;

  height: 45px;

  width: 90px;

  background-color: #6722B5;

  border-radius: 6px;

  -webkit-transition: -webkit-transform 0.5s;

  -moz-transition: -moz-transform 0.5s;

  transition: transform 0.5s;

}

.pricing-switcher input[type="radio"]:checked + label + .switch,

.pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .switch {

  -webkit-transform: translateX(95px);

  -moz-transform: translateX(95px);

  -ms-transform: translateX(95px);

  -o-transform: translateX(95px);

  transform: translateX(95px);

  color: #fff;

}

.pricing-switcher .fieldset {

  display: inline-block;

  position: relative;

  padding: 20px 8px;

  border-radius: 15px;

  background: #fff;

  width: 100%;

  max-width: 205px;

}

.pricing-switcher .fieldset.mnt-ac .rs-mnt,

.pricing-switcher .fieldset.mnt-acs .rs-yrs {

  color: #fff !important;

}

.pricing-switcher input[type="radio"] {

  position: absolute;

  opacity: 0;

}

.pricing-switcher label {

  position: relative;

  z-index: 1;

  display: inline-block;

  float: left;

  cursor: pointer;

  font-size: 16px;

  color: #3E3E3E;

  font-weight: 400;

  margin: 0;

  width: 50%;

}

.no-js .pricing-switcher {

  display: none;

}

.pricing-list {

  margin: 2em 0 0;

  list-style: none;

}

.pricing-list > li {

  position: relative;

}

@media only screen and (min-width: 992px) {

  .pricing-list:after {

    content: "";

    display: table;

    clear: both;

  }

  .pricing-list > li {

    width: 33.333%;

    float: left;

  }

  .has-margins .pricing-list > li {

    width: 32.3333333333%;

    float: left;

    margin-right: 1.5%;

  }

  .has-margins .pricing-list > li:last-of-type {

    margin-right: 0;

  }

}

.pricing-wrapper {

  position: relative;

  list-style: none;

  margin-left: 20px;

  margin-right: 20px;

}

.touch .pricing-wrapper {

  -webkit-perspective: 2000px;

  -moz-perspective: 2000px;

  perspective: 2000px;

}

.pricing-wrapper.is-switched .is-visible {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

  -webkit-animation: rotate 0.5s;

  -moz-animation: rotate 0.5s;

  animation: rotate 0.5s;

}

.pricing-wrapper.is-switched .is-hidden {

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  -webkit-animation: rotate-inverse 0.5s;

  -moz-animation: rotate-inverse 0.5s;

  animation: rotate-inverse 0.5s;

  opacity: 0;

}

.pricing-wrapper.is-switched .is-selected {

  opacity: 1;

}

.pricing-wrapper.is-switched.reverse-animation .is-visible {

  -webkit-transform: rotateY(-180deg);

  -moz-transform: rotateY(-180deg);

  -ms-transform: rotateY(-180deg);

  -o-transform: rotateY(-180deg);

  transform: rotateY(-180deg);

  -webkit-animation: rotate-back 0.5s;

  -moz-animation: rotate-back 0.5s;

  animation: rotate-back 0.5s;

}

.pricing-wrapper.is-switched.reverse-animation .is-hidden {

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  -webkit-animation: rotate-inverse-back 0.5s;

  -moz-animation: rotate-inverse-back 0.5s;

  animation: rotate-inverse-back 0.5s;

  opacity: 0;

}

.pricing-wrapper.is-switched.reverse-animation .is-selected {

  opacity: 1;

}

.pricing-wrapper > li {

  background-color: #ffffff;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  box-shadow: 20px 20px 40px rgba(0, 0, 1, 0.05);

  border-radius: 30px;

  padding: 50px;

}

.pricing-wrapper .is-visible {

  position: relative;

  z-index: 5;

}

.pricing-wrapper .is-hidden {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 1;

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.pricing-wrapper .is-selected {

  z-index: 3 !important;

}

@media only screen and (min-width: 1050px) {

  .pricing-wrapper > li::before {

    content: '';

    position: absolute;

    z-index: 6;

    left: -1px;

    top: 50%;

    bottom: auto;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    height: 50%;

    width: 1px;

  }

  .pricing-wrapper > li::after {

    display: none;

  }

  .has-margins .pricing-wrapper > li,

  .has-margins .exclusive .pricing-wrapper > li {

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

  }

  :nth-of-type(1) > .pricing-wrapper > li::before {

    display: none;

  }

  .has-margins .pricing-wrapper > li {

    border-radius: 4px 4px 6px 6px;

  }

  .has-margins .pricing-wrapper > li::before {

    display: none;

  }

}

@media only screen and (min-width: 1500px) {

  .full-width .pricing-wrapper > li {

    padding: 2.5em 0;

  }

}

.no-js .pricing-wrapper .is-hidden {

  position: relative;

  -webkit-transform: rotateY(0);

  -moz-transform: rotateY(0);

  -ms-transform: rotateY(0);

  -o-transform: rotateY(0);

  transform: rotateY(0);

  margin-top: 1em;

}

@media only screen and (min-width: 1050px) {

  .exclusive .pricing-wrapper > li::before {

    display: none;

  }

  .exclusive + li .pricing-wrapper > li::before {

    display: none;

  }

}

.pricing-body {

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}

.is-switched .pricing-body {

  overflow: hidden;

}

.pricing-body {

  overflow-x: visible;

  padding-bottom: 20px;

}

.pricing-features {

  width: 600px;

}

.pricing-features li {

  width: 100px;

  float: left;

  padding: 1.6em 1em;

  font-size: 1.5rem;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.has-margins .exclusive .pricing-features li {

  margin: 0;

}

.has-margins .pricing-footer {

  padding-bottom: 0;

}

.select {

  position: relative;

  z-index: 1;

  display: block;

  height: 100%;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  color: transparent;

}

.select {

  position: static;

  display: inline-block;

  height: auto;

  padding: 1.3em 2em;

  color: #1bbc9d;

  border-radius: 8px;

  border: 2px solid #1bbc9d;

  font-size: 1.4rem;

  text-indent: 0;

  text-transform: uppercase;

  letter-spacing: 2px;

  transition: all .6s;

  width: 70%;

}

.no-touch .select:hover {

  background-color: #1bbc9d;

  color: #ffffff;

}

.exclusive .select {

  background-color: #1bbc9d;

  color: #ffffff;

}

.no-touch .exclusive .select:hover {

  background-color: #24e0ba;

}

.secondary-theme .exclusive .select {

  background-color: #1bbc9d;

}

.no-touch .secondary-theme .exclusive .select:hover {

  background-color: #112e3c;

}

.has-margins .select {

  display: block;

  padding: 1.7em 0;

  border-radius: 0 0 4px 4px;

}

@-webkit-keyframes rotate {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

  }

}

@-moz-keyframes rotate {

  0% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

  70% {

    -moz-transform: perspective(2000px) rotateY(200deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(180deg);

  }

}

@keyframes rotate {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(200deg);

    -moz-transform: perspective(2000px) rotateY(200deg);

    -ms-transform: perspective(2000px) rotateY(200deg);

    -o-transform: perspective(2000px) rotateY(200deg);

    transform: perspective(2000px) rotateY(200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

    -moz-transform: perspective(2000px) rotateY(180deg);

    -ms-transform: perspective(2000px) rotateY(180deg);

    -o-transform: perspective(2000px) rotateY(180deg);

    transform: perspective(2000px) rotateY(180deg);

  }

}

@-webkit-keyframes rotate-inverse {

  0% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

}

@-moz-keyframes rotate-inverse {

  0% {

    -moz-transform: perspective(2000px) rotateY(-180deg);

  }

  70% {

    -moz-transform: perspective(2000px) rotateY(20deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

}

@keyframes rotate-inverse {

  0% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

    -moz-transform: perspective(2000px) rotateY(-180deg);

    -ms-transform: perspective(2000px) rotateY(-180deg);

    -o-transform: perspective(2000px) rotateY(-180deg);

    transform: perspective(2000px) rotateY(-180deg);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(20deg);

    -moz-transform: perspective(2000px) rotateY(20deg);

    -ms-transform: perspective(2000px) rotateY(20deg);

    -o-transform: perspective(2000px) rotateY(20deg);

    transform: perspective(2000px) rotateY(20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

}

@-webkit-keyframes rotate-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(-200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

  }

}

@-moz-keyframes rotate-back {

  0% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

  70% {

    -moz-transform: perspective(2000px) rotateY(-200deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(-180deg);

  }

}

@keyframes rotate-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(-200deg);

    -moz-transform: perspective(2000px) rotateY(-200deg);

    -ms-transform: perspective(2000px) rotateY(-200deg);

    -o-transform: perspective(2000px) rotateY(-200deg);

    transform: perspective(2000px) rotateY(-200deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(-180deg);

    -moz-transform: perspective(2000px) rotateY(-180deg);

    -ms-transform: perspective(2000px) rotateY(-180deg);

    -o-transform: perspective(2000px) rotateY(-180deg);

    transform: perspective(2000px) rotateY(-180deg);

  }

}

@-webkit-keyframes rotate-inverse-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(-20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

  }

}

@-moz-keyframes rotate-inverse-back {

  0% {

    -moz-transform: perspective(2000px) rotateY(180deg);

  }

  70% {

    -moz-transform: perspective(2000px) rotateY(-20deg);

  }

  100% {

    -moz-transform: perspective(2000px) rotateY(0);

  }

}

@keyframes rotate-inverse-back {

  0% {

    -webkit-transform: perspective(2000px) rotateY(180deg);

    -moz-transform: perspective(2000px) rotateY(180deg);

    -ms-transform: perspective(2000px) rotateY(180deg);

    -o-transform: perspective(2000px) rotateY(180deg);

    transform: perspective(2000px) rotateY(180deg);

  }

  70% {

    -webkit-transform: perspective(2000px) rotateY(-20deg);

    -moz-transform: perspective(2000px) rotateY(-20deg);

    -ms-transform: perspective(2000px) rotateY(-20deg);

    -o-transform: perspective(2000px) rotateY(-20deg);

    transform: perspective(2000px) rotateY(-20deg);

  }

  100% {

    -webkit-transform: perspective(2000px) rotateY(0);

    -moz-transform: perspective(2000px) rotateY(0);

    -ms-transform: perspective(2000px) rotateY(0);

    -o-transform: perspective(2000px) rotateY(0);

    transform: perspective(2000px) rotateY(0);

  }

}

.rs-pricing-container .pricing-switcher {

  text-align: center;

}

.rs-pricing-container .pricing-header {

  position: relative;

  padding: 0 0 25px;

  margin: 0 0 23px;

}

.rs-pricing-container .pricing-header h3 {

  font-size: 20px;

  font-weight: 500;

  color: #6722B5;

  line-height: 30px;

  text-transform: uppercase;

  margin: 0 0 15px;

}

.rs-pricing-container .pricing-header .price {

  font-size: 45px;

  line-height: 55px;

  color: #6722B5;

  font-weight: 600;

}

.rs-pricing-container .pricing-header:after {

  content: "";

  position: absolute;

  background: #4D4C4C;

  height: 1px;

  bottom: 0;

  left: 0;

  right: -50px;

  opacity: .1;

}

.rs-pricing-container .pricing-body .description {

  font-size: 16px;

  color: #3E3E3E;

  opacity: .8;

  line-height: 22px;

  padding: 0 0 10px;

}

.rs-pricing-container .pricing-body .features ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.rs-pricing-container .pricing-body .features ul li {

  position: relative;

  font-size: 16px;

  line-height: 26px;

  color: #372748;

  padding-left: 36px;

  margin: 15px 0;

  transition: all .5s ease;

}

.rs-pricing-container .pricing-body .features ul li:before {

  content: "\f160";

  font-size: 9px;

  color: #3E3E3E;

  margin: 0;

  display: inline-block;

  font-family: uicons-regular-rounded !important;

  font-weight: 600;

  text-align: center;

  position: absolute;

  left: 0;

  top: 4px;

  width: 20px;

  height: 20px;

  border: 1px solid #3E3E3E;

  line-height: 17px;

  border-radius: 50%;

  opacity: .6;

  transition: all .5s ease;

}

.rs-pricing-container .pricing-body .features ul li:hover {

  color: #6722B5;

}

.rs-pricing-container .pricing-body .features ul li:hover:before {

  color: #6722B5;

  opacity: 1;

}

.rs-pricing-container .pricing-footer a {

  display: inline-block;

  border: 1px solid #6722B5;

  font-size: 18px;

  line-height: 28px;

  color: #6722B5;

  font-weight: 700;

  padding: 20px;

  width: 100%;

  border-radius: 15px;

  text-align: center;

}

.rs-pricing-container .pricing-wrapper > li:hover .pricing-footer a {

  background: #6722B5;

  color: #ffffff;

  box-shadow: 0px 20px 40px rgba(103, 34, 181, 0.2);

}



.calculator-box {

  padding: 15px;

}

  .dropdown,

  .amount-box {

    align-items: center;

    margin-bottom: 15px;

  }

  .dropdown select, .amount-box select {

  border: 2px solid #9147ff;

  border-radius:50px;

  font-weight: 500;

  font-size: 2.3rem;

  color: #000;

  text-align: center ;

  width: 100%;
  
  background-color: #fff !important;

}



select.select-usuarios, select.select-level {

  font-weight: 500;

}

  .amount-box {

    justify-content: space-between;

  }

  .amount-box span {

    font-weight: bold;

    font-size: 16px;

  }

  .calculator-box p {

padding: 2px 0;

  margin: 0px 0px 8px;

  font-size: 1.25em;

  font-weight: 300;

  color: #000;

}

  .level-info {

    font-size: 1.25em;

    margin-top:12px;

    margin-bottom: 12px;

    font-weight: 300;

    color: #000;

  }

  .gain-summary {

  background-color: #fff;

  border: 2px solid #9147ff;

  border-radius: 25px;

  padding: 15px;

  margin-top: 20px;

  text-align: center;

  min-height: 176px;

  border-bottom: solid 5px #9147ff;

}

  .gain-summary p {

    margin: 0;

    font-weight: bold;

  }

  .highlight {

    color: #9147ff !important;

  }

 



  .custom-select {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;



    padding-right: 40px; /* Espacio para el icono de flecha */



    position: relative;

  }



  /* Contenedor para posicionar la flecha */

  .custom-select-wrapper {

    position: relative;

  }



  /* Icono de Font Awesome como flecha */

  .custom-select-wrapper::after {

  font-weight: 900;

  position: absolute;

  top: 50%;

  right: 25px;

  transform: translateY(-50%);

  font-size: 20px;

  color: #000000;

  pointer-events: none;

  content: "\f078";

  font-family: FontAwesome;

}

.people-sume {

  display: flex;

  justify-content: center;

  align-items: center;

  padding-top: 30px;

  color: black;

}

.gain-summary p {

  margin: -5px 0px;

  font-weight: 300;

  color: black;

  font-size: 1.4em;

}

.people-info {

  font-size: 1.4em;

  text-align: left;

}

.sec-title2.mb70 {

  margin-bottom: 70px;

}

.custom-select-wrapper {

  overflow: hidden;

  border-radius: 100px;

}

.gain-summary2 {

  background-color: #fff;

  border: 2px solid #9147ff;

  border-radius: 25px;

  padding: 10px 25px;

  text-align: center;

  border-bottom: solid 5px #9147ff;

}

.custom-select-wrapper::before {

  content: '';

  position: absolute;

  top: 0;

  left: -50%;

  width: 100%;

  height: 100%;

  background: rgb(145 71 255 / 11%);

  transform: skewX(227deg);

  animation: shine 3s infinite;

  z-index: 1;

}



@keyframes shine {

0% {

    left: -100%;

}

50% {

    left: 140%;

}

100% {

    left: 140%;

}

}

.people-info-mobile {

display:none;

}

.gain-summary2.only-mobile {

  display:none;

}

  @media (max-width: 800px) {


    .pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-header .pricing-table-title{

   font-size: 20px !important;

    }

    .dropdown, .info-section, .totals {

      flex-direction: column;

      text-align: center;

    }

    .people-info-mobile {

      font-size: 1.1em;

   font-weight: 400; 

      text-align: right;

      color:#3e3e3e;

      margin-top: 15px;

      margin-bottom: -40px;

      display: block;

  }

  .gain-summary2.only-mobile {

    margin-top: 50px;

    margin-bottom: -50px;

    display: block;

    text-align: center;

    color: black;

}

    .level-info {

   font-size: 1.2em;

   font-weight: 300; 

  

}

.dropdown, .amount-box {

  margin-bottom: 0px;

}

.people-sume {

  display: none;

}

.amount-box {

  border-top: solid 1px #9147ff;

  margin-top: 30px;

}

.dropdown select, .amount-box select {

  font-size: 1.9em;
  background-color: #fff !important;
  padding: 8px 0px;
  padding-left:0px;
  text-align: center !important;

}

  }