/*
 |--------------------------------------------------------------------------
 | Wadan UOS - brand theme (public site)
 |--------------------------------------------------------------------------
 | GENERATED FILE - do not edit by hand.
 | Source: public/web/css/style.css + default.css + responsive.css
 | Rebuild: python3 resources/brand/build-theme.py
 |
 | The public site belongs to the client institute, so its *content* (logo,
 | name, copyright) comes from Setting - but the palette follows the product
 | so the whole install reads as one system. Load after responsive.css.
 */

/* ---- from default.css ---- */

.primary-bg {
	background: #323275;}
.box20:before {width:80%;height:220%;background:#4c58c4;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.flip-card-back {
  background-color: #4c58c4;
  color: white;
  transform: rotateY(180deg);}
.flip-card-back .social a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    line-height: 40px;
    color: #4c58c4;}
.flip-card-back .social a:hover {
    background: #23264a;
    display: inline-block;
    line-height: 40px;
    color: #fff;}

/* ---- from style.css ---- */

.mean-container .mean-nav ul li.current a {
	color: #4c58c4;}
a:hover {
    color: #4c58c4;}
.btn {
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 20px 30px;
	text-align: center;
	text-transform: unset;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
    z-index:1;
    text-transform: capitalize;
   background: #4c58c4;
    border: 1px solid #4c58c4;
    overflow: hidden;}
.btn::before {
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 50%;
  content: "";
  background: #23264a;
  top: -60PX;
  left: 10px;
  z-index: -1;    
    transition: all 0.3s ease 0s;}
.btn:hover::before {
width: 100%;
height: 100%;
position: absolute;
border-radius: 4px;
content: "";
background: #23264a;
top: 0;
left: 0;
z-index: -1;}
.btn:hover {
    color: #fff;
    border-color: #23264a;}
#scrollUp {
	background: #4c58c4;
	height: 45px;
	width: 45px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 22px;
	line-height: 45px;
	transition: .3s;}
#scrollUp:hover {
	background: #4c58c4;}
.header-cta ul li i {
display: inline-block;
margin-right: 5px;
position: relative;
top: 1px;
color: #4c58c4;}
.menu .sub-menu, .menu .children {
    display: none;
    position: absolute;
    background-color: #ffff;
    min-width: 250px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    margin-top: 15px;
    border-top: 4px solid #4c58c4;
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);}
.main-menu ul li.active a {
	color: #4c58c4;}
.main-menu ul li a::after {
  content: "+";
  margin-left: 10px;
  color: #4c58c4;
    display: none;}
.main-menu ul li:hover > a {color: #4c58c4;}
.right-menu .text strong {
 color: #23264a;
font-size: 25px;
font-weight: 900;
font-family: 'Jost', sans-serif;}
.top-btn {
    background: #4c58c4;
    padding: 16px 30px;
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;}
.top-btn:hover {
    background: transparent linear-gradient(90deg, #4c58c40%, #4c58c4100%) 0% 0% no-repeat padding-box;
     color: #fff;}
.slider-price h2 {
    color:#4c58c4;
    font-size: 60px;
    font-weight: 500;}
.slider-active .slick-dots li button {
    text-indent: -99999px;
    border: none;
    padding: 0;
    height: 1px;
    margin-left: 10px;
    background: #4c58c4;
    border-radius: 50px;
    z-index: 1;
    cursor: pointer;
    transition: .3s;}
.slider-active .slick-dots li.slick-active button {
    width: 50px;
   background: #4c58c4;}
.second-header::before {
content: "";
height: 100%;
position: absolute;
width: 32%;
background: #4c58c4;
top: 0;
z-index: -1;
left: -25px;
transform: skew(30deg);}
.second-header-btn .btn {
background: #4c58c4;
font-size: 16px;
color: #fff;
padding: 15px 30px;
position: relative;
border-radius: 0;}
.second-header-btn .btn:hover {
color: #fff;
background: #23264a;}
.menu-close:hover i {
	color: #4c58c4;}
.offcanvas-menu ul li:hover a {
	color: #4c58c4;}
.side-social a:hover {
	color: #4c58c4;}
.offcanvas-menu form button {
    position: absolute;
    border: none;
    right: 0;
    background: #4c58c4;
    padding: 8px 14px;
	top: 0;
	cursor: pointer;}
.header-two .top-callus {
    background: #4c58c4;
    color: #fff;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 0 0px 10px 10px;
    width: 100%;}
.header-three .second-header {
  background: #23264a;}
.header-three .main-menu .sub-menu li a:hover,.menu .children li a:hover {
    color: #4c58c4 !important;}
.slider-four .slider-bg .text2 h5 {
    color: #4c58c4;
    font-size: 18px;
           font-family: 'Jost', sans-serif;
    font-weight: 500;}
.slider-four .slider-bg .video-i i {
    border: none;
    color: #4c58c4;
    margin-right: 10px;}
.header-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  bottom: 15px;
  border-radius: 4px;
 background: #4c58c4;
    border: none;
  color: #fff;
    padding: 5px 15px;}
.search-top2 li {
margin-left: 20px;
float: left;
border-radius: 10px;
background: #23264a;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;}
.breadcrumb-area {
background-size: cover;
position: relative;
    min-height: 200px;
    background-repeat: no-repeat;
    background-color: #23264a;}
.breadcrumb {
display: inline-block;
-ms-flex-wrap: wrap;
flex-wrap: unset;
padding: 0;
margin-bottom: 0;
list-style: none;
background-color: unset;
border-radius: 30px;
background: #4c58c4;
padding: 15px 35px;
position: relative;}
.slider-bg2 .slider-content > span {
    font-size: 22px;
    font-weight: 500;
    color:#4c58c4;
    display: block;
    margin-bottom: 20px;
    margin-top: 30px;}
.slider-bg .video-i i {
background: #fff;
padding: 14px;
border-radius: 100%;
width: 60px;
display: inline-block;
text-align: center;
color: #4c58c4;
height: 60px;
line-height: 30px;
box-shadow: 1px 1.732px 60px 0px rgba(250, 63, 108, 0.1);}
.slider-bg2 .video-i:hover {
    background:#4c58c4;
    padding: 14px;
    border-radius: 100%;
    width: 51px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-left: 20px;}
.slider-content > span {
	font-size: 16px;
	font-weight: 500;
	color: #4c58c4;
	text-transform: uppercase;
	letter-spacing: 6px;
	display: block;
	margin-bottom: 20px;}
.slider-content h2 span::after {
  bottom: 13px;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
  display: inline-block;
  background: #4c58c4;
  left: 0;}
.slider-content h5::after {
  content: "";
  height: 2px;
  width: 55px;
  position: relative;
  display: inline-block;
  background: #4c58c4;
  top: -5px;
  left: 15px;}
.slider-content p span {
	display: inline-block;
	height: 2px;
	width: 40px;
	background: #4c58c4;
	margin-right: 20px;
	position: relative;
	top: -4px;}
.slider-active .slick-arrow:hover {
	color: #fff;
    background: #4c58c4;}
.slider-bg .text2 .btn.ss-btn.active {
    background: #4c58c4;
    border: 2px solid #4c58c4;
    color: #FFF;}
.slider-content2 h2 {
    color: #23264a;}
.about-area .btn {
    background:#23264a;
border: 1px solid #23264a;}
.about-area .btn:hover {
border: 1px solid #4c58c4;}
.about-area .btn:hover::before {
    background: #4c58c4;}
.about-user .text h5 {
    color: #4c58c4;}
.about-text {
  position: absolute;
  bottom: 0px;
  right: 30px;
  width: 200px;
  background: #4c58c4;
  padding: 30px;
   border-radius: 10px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;}
.about-text::after {
position: absolute;
content: "";
height: 6px;
width: 100%;
bottom: 0;
left: 0;
display: inline-block;
background: #23264a;}
.about-title > span {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	background: #4c58c4;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	margin-bottom: 30px;}
.about-title h5 {
   color: #4c58c4;
    font-size: 18px;
    margin-bottom: 10px;}
.about-title .title-strong span {
    padding: 3px 12px;
    background: #4c58c4;
    border-radius: 5px;
    color: #fff;}
.about-title p span {
	display: inline-block;
	height: 2px;
	width: 40px;
	background: #4c58c4;
	margin-right: 20px;
	position: relative;
	top: -5px;}
.about-content li {
    display: flex;
    margin-bottom: 10px;
    color: #23264a;}
.about-title h2 span {
    color: #4c58c4;}
.about-content li .icon i {
    width: 40px;
height: 40px;
background: #ebebeb;
text-align: center;
line-height: 40px;
margin-right: 20px;
color: #4c58c4;}
.ab-ul li .icon i {
    width: 40px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EEEEEE;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-right: 20px;
    color: #4c58c4;}
.sr-ul li .text {
  font-size: 14px;
  
  color: #23264a;}
.second-atitle > span {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #4c58c4;
	letter-spacing: 2px;
	display: inline-block;
	margin-bottom: 20px;
	background: transparent;}
.about-content strong {
    color: #4c58c4;}
.signature-text {font-size: 22px; color: #4c58c4;font-family: 'Playfair Display', serif;font-weight: 600;}
.about-content2 li .ano {
 font-size: 20px;
width: 90px;
height: 56px;
background: #4c58c4;
text-align: center;
margin-right: 15px;
color: #fff;
display: block;
border-radius: 50%;
font-weight: 500;
line-height: 56px;
font-family: 'Jost', sans-serif;}
.experience-text span {
font-size: 60px;
color: #4c58c4;
position: relative;
font-weight: 800;
font-family: 'Jost', sans-serif;
margin-top: 15px;
float: left;
margin-right: 15px;}
.experience-text span sub {
  font-size: 30px;
  color: #4c58c4;
  font-weight: 800;
  margin-left: -10px;
  bottom: 5px;}
.achivments-outer .text p {
    color: #4c58c4;}
.s-btn:hover {
	background: #4c58c4;
	border-color: #4c58c4;
	color: #fff;}
.section-title h5 {
  color: #4c58c4;
font-size: 18px;
    margin-bottom: 10px;}
.section-title h2::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	width: 60px;
	background: #4c58c4;
	margin: auto;
	transition: .3s;
    display: none;}
.about-content3 li::before {
    font-family: "Font Awesome 5 Pro";
    content: "";
    margin-right: 10px;
    color: #4c58c4;}
.services-box a:hover {
    color: #4c58c4;}
.services-two .s-single-services .btn2 {
    display: inline-block;
    color: #4c58c4;}
.single-services::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	left: 5px;
	top: 5px;
	background: #4c58c4;
	z-index: -1;
	transition: .3s;
	opacity: 0;}
.services-content span {
	display: block;
	height: 2px;
	width: 150px;
	background: #4c58c4;
	transition: .3s;
	margin-bottom: 55px;}
.services-content h4:hover a {color: #4c58c4;}
.single-services:hover .services-content span {background: #4c58c4;}
.services-active .slick-dots li button {
	text-indent: -99999px;
	border: none;
	padding: 0;
	height: 5px;
	width: 20px;
	background: #4c58c4;
	border-radius: 50px;
	z-index: 1;
	cursor: pointer;
	transition: .3s;}
.services-active .slick-dots li.slick-active button {
	width: 50px;
	background: #4c58c4;}
.services-two ul li::before {
   font-family: "Font Awesome 5 Pro";
    content: "";
   margin-right: 10px;
color: #4c58c4;}
.services-three ul li::before {
   font-family: "Font Awesome 5 Pro";
    content: "";
   margin-right: 10px;
color: #4c58c4;}
.services-hover .box1 {
  content: "";
  width: 60px;
  height: 60px;
  border: 1px solid #4c58c4;
  position: absolute;
  z-index: 11;
  left: 40px;
  top: 40px;
  border-right: 0;
  border-bottom: 0;}
.services-hover .box2 {
  content: "";
  width: 60px;
  height: 60px;
  border: 1px solid #4c58c4;
  position: absolute;
  z-index: 11;
  right:40px;
  top:40px;
  border-left: 0;
  border-bottom: 0;}
.services-active2 .slick-arrow {
   position: absolute;
    top: 50%;
    left: -60px;
    border: none;
    background: none;
    padding: 0;
    font-size: 24px;
    color: #4c58c4;
    z-index: 9;
    cursor: pointer;
    transition: .3s;}
.services-box .ss-btn2 {
    width: 60px;
    height: 60px;
    background: #4c58c40% 0% no-repeat padding-box;
    box-shadow: 0px 16px 32px #4c58c433;
    display: none;
    color: #fff;
    line-height: 60px;
    font-size: 31px;
    border-radius: 50%;
    position: absolute;
    left: 42%;
    bottom: -25px;
    transition: .3s;}
.services-content-02 .ss-btn2 span {
   color: #4c58c4; 
    margin-left: -10px;
    font-weight: 600;
    opacity: 0;
   transition: all 0.5s ease 0s;}
.services-box-04 .services-content-02 li {
    font-weight: 500;
    font-size: 16px;
    margin-top: 10px;
    color: #23264a;}
.services-box-04 .services-content-02 li::before {
    font-family: "Font Awesome 5 Pro";
    content: "";
    margin-right: 10px;
    color: #4c58c4;}
.services-05::before {
    content: "";
    background: #23264a;
    position: absolute;
    top: 0;
    width: 100%;
    height: 529px;}
.services-content-05 span {
    color: #4c58c4;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;}
.services-text05 a {
    font-size: 20px;
color: #4c58c4;
font-weight: 500;
text-decoration: underline;}
.services-box07 {
background-color: rgba(35, 38, 74, 0.85);
    padding: 35px;
    transition: all 0.3s ease 0s;}
.services-box07:hover,.services-box07.active {
    background: #4c58c4;}
.services-08-item .readmore:hover {
    color: #fff;
    background: #4c58c4;}
.services-08-content .number {
  color: #f5f5f5;
  -webkit-text-stroke: 1px #4c58c4;
  -webkit-text-fill-color: #fff;
  font-size: 70px;
  font-weight: bold;
    margin-bottom: 35px;}
.services-area2 .services-box2 h3 {
    padding-left: 30px;
    border-left: 5px solid #4c58c4;}
.services-area2 .services-box2 .services-icon i {
    border: none;
    color: #4c58c4;}
.services-box2 .services-content2 .icon:hover {
color: #4c58c4;
border: 2px solid #4c58c4;}
.step-box .date-box {
width: 75px;
  height: 75px;
  border-radius: 50%;
background-color: #4c58c4;
margin-right: 20px;
text-align: center;
position: relative;
float: left;
color: #fff;
font-family: 'Jost', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 70px;}
.video-img a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9;
  font-size: 30px;
  color: #fff;
  height: 80px;
  width: 80px;
  text-align: center;
  background: #4c58c4;
  border-radius: 50%;
  padding: 25px;}
.video-img a::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 90px;
	width: 90px;
	background: transparent linear-gradient(90deg, #4c58c40%, #4c58c4100%) 0% 0% no-repeat padding-box;
	z-index: -1;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	animation: pulse-border 1500ms ease-out infinite;}
.v-list ul li i {
	color: #4c58c4;
	display: inline-block;
	margin-right: 5px;}
.choose-list ul li i {
	color: #4c58c4;
	display: inline-block;
	margin-right: 5px;
	font-size:18px;}
.w-title h2::before {background-color: #4c58c4;}
.team-active .slick-dots .slick-active button {
  width: 10px;
  background-color: #4c58c4;}
.team-thumb .dropdown .xbtn {
width: 50px;
height: 50px;
background: #4c58c4 0% 0% no-repeat padding-box;
display: inline-block;
font-size: 18px;
line-height: 48px;
font-family: 'Titillium Web', sans-serif;
color: #fff;
cursor: pointer;
border-radius: 50%;
position: relative;}
.team-info .text {
    padding-left: 30px;
    border-left: 5px solid #4c58c4;}
.team-info span {
	font-size: 16px;
	transition: .3s;
    color: #4c58c4;
    font-weight: 600;}
.team-info p {
    margin-bottom: 0;
    color: #4c58c4;}
.team-social a:hover {
    background: #4c58c4;
    color: #fff;
    border: 1px solid #4c58c4;}
.single-team:hover .team-thumb .brd::before,.single-team:hover .team-thumb .brd::after {
    color: #4c58c4;}
.single-team:hover .team-info {
   border-color: #4c58c4;}
.single-team:hover .team-info h4 {
    color: #4c58c4;}
.team-active .slick-arrow {
position: absolute;
top: 40%;
left: -60px;
border: none;
background: none;
padding: 0;
font-size: 20px;
color: #fff;
z-index: 9;
cursor: pointer;
transition: .3s;
background: #4c58c4;
width: 50px;
height: 50px;
border-radius:4px;}
.team-active .slick-arrow:hover {
    background: #23264a;}
.team-info h4 a:hover {
      color: #4c58c4;}
.team-area-content span {
    margin-bottom: 10px;
    color: #4c58c4;
    font-size: 18px;
    display: inline-block;
    font-weight: 500;
    position: relative;}
.team-area-content span::before {
    content: "";
    width: 50px;
    height: 1px;
    background: #4c58c4;
    position: relative;
    display: inline-block;
    top: -5px;
    margin-right: 15px;}
.team-area-content li .icon i {
    margin-right: 10px;
    color: #4c58c4;
    width: 20px;}
.team-area-content li .icon strong {
     color: #23264a;}
.per-info .info-text p i {
    color: #4c58c4;
    margin-right: 10px;}
.s-about-content .footer-social a {
    background: #23264a;}
.conterdown {
  background: #23264a;
    padding: 50px 0;
    border-radius: 4px;
    margin: 30px 0;}
.single-project .project-info p {
    color: #4c58c4;
    margin-bottom: 0;}
.single-project .project-info a {
    color: #4c58c4;}
.portfolio-active .slick-arrow {
    position: absolute;
    top: -124px;
    right: 19%;
    border: none;
    background: none;
    padding: 0;
    color: #fff;
    z-index: 9;
    cursor: pointer;
    transition: .3s;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    color: #4c58c4;
    box-shadow: 1px 1.732px 30px 0px rgba(255, 94, 21, 0.25);
    font-size: 30px;}
.portfolio-active .slick-arrow:hover {
    background: #4c58c4;
    color: #fff;}
.portfolio-box .caption .arrow-icon {
    position: absolute;
    right: 40px;
    top: 25%;
    font-size: 28px;
    color: #4c58c4;}
.counter-tittle {
  display: inline-block;
  background: #4c58c4;
  padding: 11px 30px;
  position: relative;
  top: -60px;}
.counter-tittle::before {
   content: "";
background: #4c58c4;
width: 17%;
height: 62px;
position: absolute;
top: -2px;
transform: skew(20deg);
left: -13px;}
.counter-tittle::after {
   content: "";
background: #4c58c4;
width: 17%;
height: 62px;
position: absolute;
top: -2px;
transform: skew(-20deg);
right: -13px;}
.event-item:hover .event-content {
    background: #23264a;
    color: #96bece;}
.event-content .date {
  position: absolute;
  background-color: #4c58c4;
  width: 87px;
  height: 67px;
  left: 30px;
  top: -60px;
  color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: 'Jost', sans-serif;}
.event-content .time strong {
    font-weight: 500;
    color: #4c58c4;}
.event03 .event-content {
    background: #fff;
    border: 1px solid #4c58c4;
    padding: 30px;}
.event03 .event-content .time i {
    color: #4c58c4;}
.class-scroll .schedule span.class-age,.class-scroll .schedule span.class-size {
  color: #4c58c4;
    font-weight: 400;}
.courses-content .cat {
  border-radius: 4px;
  background-color: #4c58c4;
  position: absolute;
  top: -18px;
  right: 30px;
  color: #fff;
  padding: 5px 10px;}
.courses-content a.readmore {
     color: #4c58c4;}
.courses-content a:hover {
    color: #4c58c4;}
.course-widget-price li i {
  padding-right: 9px;
  font-size: 14px;
  padding-left: 2px;
  color: #4c58c4;}
.class-active .slick-arrow {
position: absolute;
top: -122px;
left: 71.6%;
border: none;
background: none;
padding: 0;
font-size: 36px;
color: #fff;
z-index: 9;
cursor: pointer;
transition: .3s;
background: #4c58c4;
width: 60px;
height: 60px;
border-radius: 4px;}
.class-active .slick-arrow:hover {
    background: #23264a;
    color: #fff;}
.course-meta2 {
  background: #23264a;
  border-radius: 8px;
    padding: 15px 30px;}
.course-meta2 .price {
  padding: 5px 30px;
  color: #fff;
  background: #4c58c4;
  border-radius: 30px;
  font-weight: 600;
  font-size: 18px;
  margin-top: 7px;}
.class-content .schedule span.class-size,.class-content .schedule span.class-age {
  color: #4c58c4;}
.cta-title h3 {padding-bottom: 0; font-size:18px; color: #23264a; text-transform: uppercase;}
.cta-btn .btn {
    border: 1px solid #4c58c4;}
.cta-btn .btn:hover {
        border: 1px solid #23264a;}
.cta-btn .btn::before {background: #23264a;}
.cta-btn2 .btn {
    border: 1px solid #23264a;
    background: #23264a;}
.cta-bg .social .icon {
   display: inline-block;
    width: 110px;
    height: 110px;
    background: #4c58c4;
    padding: 30px;
    border-radius: 50%;
    line-height: 47px;
    margin-bottom: 30px;
    box-shadow: 3px 4px 15px #00000066;}
.testimonial-active .slick-arrow:hover {color: #4c58c4;}
.testimonial-active .slick-dots .slick-active button {
   width: 10px;
     background-color:#4c58c4;}
.testimonial-active2 .slick-arrow:hover {color: #4c58c4;}
.testimonial-active2 .ta-info span {
    color: #4c58c4;
    font-size: 16px;}
.testimonial-active2 .single-testimonial p {
    margin-bottom: 50px;
    font-size: 28px;
    line-height: 38px;
    color: #23264a;
    font-family: 'Jost', sans-serif;
    font-weight: 500;}
.testimonial-active2 .slick-dots .slick-active button {
border-radius: 5px;
     background-color: #4c58c4;}
.faq-btn {
font-size: 17px;
font-weight: 600;
border: none;
outline: none;
cursor: pointer;
padding: 20px 30px;
  padding-right: 30px;
width: 100%;
text-align: left;
padding-right: 75px;
background: #fff;
border: 1px solid #4c58c4;
border-radius: 4px;}
.faq-wrap .card-header h2 button::after {
position: absolute;
content: "\f107";
top: 5px;
right: 5px;
font-size: 26px;
font-family: "Font Awesome 5 Pro";
font-weight: 600;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
color: #4c58c4;
border-radius: 4px;}
.home-blog-active .slick-arrow,.home-blog-active2 .slick-arrow {
   position: absolute;
top: 55%;
transform: translateY(-50%);
left: -440px;
border: none;
background: none;
padding: 0;
color: #f6fbff;
z-index: 1;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
cursor: pointer;
width: 70px;
height: 70px;
text-align: center;
color: #fff;
background: #4c58c4;
font-size: 24px;
    box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.07);
    border-radius: 4px;}
.home-blog-active .slick-arrow:hover,.home-blog-active2 .slick-arrow:hover {
    background: #23264a;}
.blog-content2 .category {
 position: absolute;
top: -250px;
background: #4c58c4;
padding: 10px 19px;
left: 20px;
border-radius: 10px;
box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
font-weight: 500;
text-transform: uppercase;
color: #fff;}
.blog-thumb .b-meta {
padding: 30px 25px 0;
color: #4c58c4;
position: absolute;
top: 0;
left: 0;
    z-index: 1;}
.blog-content h4:hover a {color: #4c58c4;}
.blog-thumb2 .b-meta {
padding: 30px 25px 0;
color: #4c58c4;
top: 0;
left: 0;
    z-index: 1;}
.blog-thumb2 .date-home {
  position: absolute;
  top: 30px;
  background: #4c58c4;
  color: #fff;
  padding: 5px 15px;
  border-radius: 6px;
  left: 30px;
  font-size: 14px;}
.b-meta ul li a.corpo {color: #4c58c4;}
.b-meta ul li a:hover {color: #4c58c4;}
.blog-btn a {
display: inline-block;
color: #4c58c4;
text-align: center;
font-size: 15px;
font-weight: 500;}
.b-meta i {
    margin-right: 5px;
    color: #4c58c4;}
.bsingle__post .video-p .video-i {
	height: 80px;
	width: 80px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
	color: #4c58c4;}
.blog-details-wrap .meta-info ul li i {
    color: #4c58c4;
    margin-right: 5px;}
.bsingle__content .meta-info ul li i {
    color: #4c58c4;}
.bsingle__content .meta-info ul li a:hover {
	color: #4c58c4;}
.bsingle__content h2:hover a {
	color: #4c58c4;}
.bsingle__content .blog__btn .btn:hover {
	background: #4c58c4;
	color: #fff;}
.pricing-area .nav-pills .nav-link span {
    background: #ffebe4;
    padding: 5px 9px;
    font-size: 12px;
    border-radius: 15px;
    color: #4c58c4;
    font-weight: 600;}
.pricing-box.active {
    border-color: #23264a;
    background: #23264a;}
.pricing-box.active .pricing-btn .btn {
    background: #4c58c4;
    color: #fff;
    border-color: #4c58c4;}
.pricing-btn .btn {
   background: #23264a;
    border-color:  #23264a;}
.pricing-btn .btn::before {
      background: #4c58c4;
    border-color:  #4c58c4;}
.contact-form .btn {
  background: #4c58c4;
  border: 1px solid #4c58c4;}
.contact-form .btn:hover {
  background: #23264a;
  border: 1px solid #23264a;}
.contact-field::after {
	position: absolute;
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	font-size: 14px;
	text-align: center;
	right: 25px;
	color: #4c58c4;
	bottom: 22px;
    display: none;}
.recent-blog-footer span {
    color:#4c58c4;}
.f-contact i {
  width: 40px;
  height: 40px;
background: #4c58c4;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 50%;
  float: left;}
.f-cta-area.gray-bg {
	background: #f4f4fe;
	border-top: 3px solid #4c58c4;}
.footer-social a:hover {    
  background: #4c58c4;
    color: #fff !important;}
.f-widget-title h2::before,.footer-widget .widgettitle::before {
     content: "";
position: absolute;
left: 0;
bottom: 22px;
height: 1px;
width: 70px;
background: #4c58c4;}
.footer-link ul li i {
    color: #4c58c4;
    margin-right: 5px;}
.footer-link ul li a::before {
  content: "+";
  margin-right: 8px;
  color: #4c58c4;
  font-size: 18px;
    display: none;}
.f-insta ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #4c58c4;
	opacity: 0;
	transition: .3s;}
.copyright-wrap {
    background: #4c58c4;
    color: #fff;
    font-size: 15px;}
.gallery-image figcaption {
	width: 100%;
	padding: 0 35px 30px 60px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	color: #4c58c4;
	font-size: 16px;
	font-weight: 500;
    position: absolute;
     bottom:-150px;
    z-index: 2;
    text-align: left;}
.gallery-image::before {
    content: "\e035";
    font-family: "dripicons-v2" !important;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 24px;
    color: #fff;
    transition: .3s;
    opacity: 0;
    z-index: 9;
    background: #23264a;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;}
.gallery-image::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #4c58c4;
    opacity: 0;
    transition: .3s;}
.button-group button.active {
    color: #fff;
background: #4c58c4;
font-weight: 500;
padding: 5px 10px;
border-radius: 4px;}
.main-menu ul li.current a {
   color:#4c58c4;}
.main-menu .has-sub > ul {
visibility:hidden;
position: absolute;
background-color: #ffff;
min-width: 250px;
z-index: 1;
transition: all 0.3s ease-in-out;
margin-top: 15px;
border-top: 4px solid #4c58c4;
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
opacity: 0;}
.main-menu .has-sub a:hover {
	color:#4c58c4;}
.main-menu .has-sub ul li a:hover {
    color: #4c58c4;}
.offcanvas-menu .mega-menu-column.has-sub ul li a:hover {
    color: #4c58c4;}
.main-menu .mega-menu-column.has-sub a:hover {
    color: #4c58c4;}
.menu .children {
    display: none;
    position: absolute;
    background-color: #ffff;
    min-width: 250px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    margin-top: 15px;
    border-top: 4px solid #4c58c4;
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);}
.tag-cloud-link:hover {
     border: 1px solid #4c58c4;
	 color:#6a6a6a;}
.sidebar-widget .widget .widget_archive li:hover,.widget_categories li:hover,.sidebar-widget .widget_archive li:hover {
	  color: #4c58c4;}
.post-password-form input[type="submit"]:hover {
    background: #4c58c4;}
.inner-linke-page a {
	border: none;
	height: 32px;
	width: 32px;
	display: inline-block;
	line-height: 32px;
	background: #4c58c4;
	border-radius: 50%;
	color: #fff;
	 font-weight: 400;
	font-size: 14px;
	text-align: center;}
.call-area h5 {
    color: #4c58c4;}
.call-area h2 span {
    color: #4c58c4;}
.number {
    font-size: 55px;
    font-weight: 600;
    color: #4c58c4;}
.product-action a:hover {
  background: #4c58c4;
  color: #ffffff;}
.pro-cat a {
  color: #4c58c4;
  font-size: 14px;
  letter-spacing: 2px;
  
  text-transform: uppercase;}
.pro-title a:hover {
  color: #4c58c4;}
.product-showing p {
  margin: 0;
  border: 2px solid #eef0fd;
  padding: 17px 30px;
  text-align: center;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 500;}
.pro-filter select {
  border: 2px solid #eef0fd;
  padding: 17px 30px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
  color: #6f7172;
  appearance: none;
  -moz-appearance: none;
  width: 145px;
  font-weight: 500;}
.details-price span {
	color: #4c58c4;
	font-size: 20px;
	font-weight: 400;
	margin-left: 0;
	margin-right: 10px;}
.details-price {
  border-bottom: 2px solid #eef0fd;}
.action-btn:hover {
  background: #4c58c4;
  color: #ffffff;}
.cart-plus-minus input {
  height: 60px;
  width: 100px;
  border: 0;
  border: 2px solid #eef0fd;
  text-align: center;
  -moz-appearance: none;
  appearance: none;}
.shop-cat a {
  padding: 45px 30px;
  border: 2px solid #eef0fd;
  display: block;}
.bakix-details-tab ul li a.active {
  color: #4c58c4;}
.bakix-details-tab ul li a.active:before {
  position: absolute;
  bottom: -32px;
  left: 0;
  height: 2px;
  width: 100%;
  content: "";
  background: #4c58c4;
  transition: .3s;}
.table-content table {
  background: #ffffff;
  border-color: #eef0fd;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;}
.table-content table td.product-name a:hover {
  color: #4c58c4;}
.table-content table th, .table-content table td {
  border-bottom: 1px solid #eef0fd;
  border-right: 1px solid #eef0fd;}
.table td, .table th {
	border-top: 1px solid #eef0fd;}
#coupon_code {
	height: 62px;
	border: 2px solid #eef0fd;
	padding: 0 15px;
	margin-right: 10px;}
.cart-page-total > ul {
  border: 1px solid #eef0fd;}
.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eef0fd;
  font-weight: 400;}
.coupon-accordion h3 {
	background-color: #fff1f0;
	border-top: 3px solid #4c58c4;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 25px;
	padding: 1em 2em 1em 3.5em;
	position: relative;
	width: auto;}
.coupon-accordion span:hover, p.lost-password a:hover {
  color: #4c58c4;}
.coupon-content {
  border: 1px solid #eef0fd;
  display: none;
  margin-bottom: 20px;
  padding: 30px;}
.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eef0fd;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;}
.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
  background: #4c58c4none repeat scroll 0 0;}
p.checkout-coupon input[type="text"] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eef0fd;
  margin-bottom: 15px;}
.checkbox-form h3 {
  border-bottom: 1px solid #eef0fd;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;}
.country-select select {
  -moz-appearance: none;
  border: 1px solid #eef0fd;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;}
.checkout-form-list input[type="text"], .checkout-form-list input[type="password"], .checkout-form-list input[type="email"] {
  background: #ffffff;
  border: 1px solid #eef0fd;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;}
.order-notes textarea {
  border: 1px solid #eef0fd;
  height: 90px;
  padding: 15px;
  width: 100%;}
.your-order {
	padding: 30px 40px 45px;
	border: 3px solid #eef0fd;}
.your-order h3 {
  border-bottom: 1px solid #eef0fd;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;}
.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eef0fd;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;}
.your-order-table table tr.order-total td span {
  color: #4c58c4;
  font-size: 18px;
  font-weight: 500;}
.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eef0fd;
  border-radius: 0;
  margin-bottom: 10px;}
.payment-method .accordion .card:first-of-type {
  border: 1px solid #eef0fd;}
.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eef0fd;}
.country-select .nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #fff;
	border-radius: 0;
	border: solid 1px #eef0fd;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	line-height: 45px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	margin-bottom: 19px;}
.zcube-login {
  padding: 90px;
  border: 2px solid #eef0fd;}
.zcube-login input {
  width: 100%;
  height: 60px;
  border: 2px solid #eef0fd;
  color: #6f7172;
  padding: 0 20px;
  margin-bottom: 20px;}
.or-divide {
  border-top: 2px solid #eef0fd;
  margin: 40px 0;
  text-align: center;
  position: relative;}
.services-categories li a:hover {
    background: #4c58c4;}
.services-categories li.active a, .services-categories li:hover a {
	color: #ffffff;
    background: #4c58c4;}
.services-categories li:hover a::before,.services-categories li.active a::before {
    background: #23264a;}
.service-detail-contact h3::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 6px;
  background-color: #4c58c4;
  border-radius: 10px;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);}
.service-detail-contact a {
color: #4c58c4;
font-size: 25px;
font-weight: 900;
transition: 0.3s;}
.service-detail .prod-tabs .tab-btns .tab-btn:before {
	position:absolute;
	content:'';
	top: 0;
	left: 50%;
	width:0%;
	height:3px;
	background-color:#4c58c4;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;}
.service-detail .prod-tabs .tab-btns .tab-btn:hover, .service-detail .prod-tabs .tab-btns .tab-btn.active-btn {
	color: #4c58c4;
    background: #ffffff;}
.list-style-one li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 25px;
    color: #4c58c4;
    content: "\f101";
    font-weight: 600;
    font-family: "Font Awesome 5 Pro";}
.project-detail .text-column .inner-column .dropcap {
    float: left;
    background: #4c58c4;
    border-radius: 20px;
    padding: 30px;
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 600;
    margin-right: 20px;}
.project-detail .pr-ul .icon i {
    width: 40px;
    height: 40px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EEEEEE;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-right: 20px;
    color: #4c58c4;}
.project-detail .info-column .inner-column2 h3 {
    background: #23264a;
    color: #fff;
    font-size: 20px;
    padding: 15px;
    margin-bottom: 15px;}
.project-detail .info-column .inner-column3 .footer-social a {
    background: #23264a;}
.project-detail .info-column .inner-column3 .footer-social a:hover {
    background: #4c58c4;}
.project-detail .info-column .inner-column3 h3 {
    background: #23264a;
    color: #fff;
    font-size: 20px;
    padding: 15px;
    margin-bottom: 15px;}
.project-detail .project-info li .icon {
	font-size: 18px;
	line-height: 28px;
	color:#4c58c4;}
.project-detail .project-info .priceing strong {
    font-family: 'Roboto', sans-serif;
    color:#4c58c4;
    font-size: 24px;}
.project-detail .project-info .priceing span {
border-radius: 5px;
position: absolute;
background: #4c58c43d;
padding: 1px 12px;
font-size: 14px;
color: #4c58c4;
top: 6px;
margin-left: 15px;
font-weight: 600;}
.project-detail .project-info li p a:hover {
	color: #4c58c4;}
.project-detail .lower-content th {
  background: #4c58c4;
  color: #fff;}
.load-more-option li.prev a, .load-more-option li.next a {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 20px;
	width: 80px;
	padding: 10px 10px;
	text-align: center;
	color: #ffffff;
	background-color: #4c58c4;
	border-radius: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;}
.load-more-option .load-more a {
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 42px;
	color: #4c58c4;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;}
.newslater-area #contact-form4 button {
border-radius: 4px;
background: #23264a;
color: #fff;
height: 55px;
padding: 0 30px;
z-index: 1;
text-align: center;
margin-top: 4px;
margin-right: 4px;
border: none;}
.close2 {
	color: #4c58c4;
	cursor: pointer;
	font-size: 14px;}
.search-bg a i {
	color: #4c58c4;
	font-size: 18px;}
.case-study-content02 span {
   margin-bottom: 10px;
display: inline-block;
    color: #4c58c4;}
.process-area .section-title h5 {
     color: #4c58c4;}
.process-area .col-lg-3.col-md-12:nth-child(2) .process-icon,.process-area .col-lg-3.col-md-12:nth-child(2) .no {
    background: #4c58c40% 0% no-repeat padding-box;}
.skill-per {
height: 10px;
background-color: #4c58c4;
border-radius: 0;
width: 0;
position: relative;
transition: 1s linear;}
.skill-per::before {
  content: attr(id);
  position: absolute;
  padding: 4px 6px;
  background-color: #4c58c4;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  top: -43px;
  right: 0;
  transform: translateX(50%);}
.skill-per::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #4c58c4;
  top: -16px;
  right: 0;
  transform: translateX(50%) rotate(45deg);
  border-radius: 2px;}
.skills-title h5 {
   color: #4c58c4;
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;}
.progress .progress-value {
width: 90%;
height: 90%;
border-radius: 50%;
background: none;
font-size: 48px;
font-weight: 800;
color: #4c58c4;
line-height: 135px;
text-align: center;
position: absolute;
top: 15%;
left: 5%;}
.progress .progress-value sub {
    font-size: 20px;
    color: #4c58c4;
    margin-left: 5px;
    font-weight: 400;}
.progress.blue .progress-bar {
    border-color: #4c58c4;}
.contact-bg02 .btn.ss-btn.active {
    background: #4c58c4;
    border: 2px solid #4c58c4;
    color: #fff;}
.sidebar-widget .widget th,.footer-widget .widget th {
background: #4c58c4;
padding: 10px 5px;
text-align: center;
color: #fff;}
.sidebar-widget .widgettitle::after, .sidebar-widget .widget-title::after {
  position: absolute;
  content: "";
  background: #4c58c4;
  height: 1px;
  width: 50px;
  left: 0;
  bottom: -1px;}
.search-form .search-submit, .wp-block-search .wp-block-search__button {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background:#4c58c4;
	padding: 18px 23px;
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
	min-height: 88%;
	width: 106px;}
.widget-insta-post li a::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background:#4c58c4;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;}
.widget-social a:hover {
	background:#4c58c4;
	color: #ffffff !important;
	border-color:#4c58c4;
	padding: 0 !important;
	box-shadow: 0px 10px 19px 0px #4c58c466 !important;}
.cat__list li:hover a {
	color:#4c58c4;}
.widget__post-content h6:hover a {
	color:#4c58c4;}
.widget__tag ul li:hover a {
	background:#4c58c4;
	border-color:#4c58c4;
	color: #ffffff;}
.widget__banner-overly .btn {
	border-radius: unset;
	background: #fff;
	border: 2px solid #fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 17px 35px;
	color:#4c58c4;}
.meta__info ul li a:hover {
	color: #4c58c4;}
cite {
	margin-top: 15px;
	color:#4c58c4;
	font-weight: 600;}
.post__tag ul li a:hover {
	border-color:#4c58c4;
	background:#4c58c4;
	color: #ffffff;}
.post__share ul li a:hover {
	color:#4c58c4;}
.posts_navigation .prev-link h4:hover a {
	color:#4c58c4;}
.posts_navigation .next-link h4:hover a {
	color:#4c58c4;}
.related-post-wrap .rp__content h3:hover a {
	color:#4c58c4;}
.avatar__info-social a {
    font-size: 12px;
    color: #4c58c4;
    display: inline-block;
	margin: 0 5px;}
.avatar__info-social a:hover {
	color:#4c58c4;}
.comment-text .avatar-name span {
	font-size: 12px;
	
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #4c58c4;}
.comment-text .comment-reply:hover {
	border-color:#4c58c4;
	background:#4c58c4;
	color: #ffffff;}
.comment-form i {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	color:#4c58c4;
	font-size: 14px;}
.comment-form textarea:focus {
	outline: 1px solid#4c58c4;}
.comment-form input:focus {
	outline: 1px solid#4c58c4;}
.comment-form .submit {
	background:#4c58c4;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 0px;
	padding: 12px 45px;
	margin-top:20px;
	border-radius: 5px;
	width: auto;}
.comment-form .submit:hover {
	color: #fff;
	background:#4c58c4;}
blockquote footer {
    color: #4c58c4;
    margin-bottom: 30px;}
.pagination .page-item:hover a.page-link, .page-item:hover .page-link {
	box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2);
	background: #4c58c4;
	color: #fff;}
.pagination .page-item.active a.page-link, .page-item.active .page-link {
	box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2);
	background: #4c58c4;
	color: #fff;}
.pagination-wrap .pagination li.active a {
	background:#252525;
	color: #ffffff;
	box-shadow: 0px 8px 16px 0px rgba(50, 50, 117, 0.32);}
.pagination-wrap .pagination li a {
	border: none;
	height: 50px;
	width: 50px;
	display: block;
	line-height: 50px;
	background: #4c58c4;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	text-align: center;}
.pagination-wrap .pagination li a:hover {
	color: #ffffff;
	background: #4c58c4;}
.f-cta-icon i {
	display: inline-block;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 78px;
	background: #4c58c4;
	border-radius: 50%;
	color: #fff;
	font-size: 28px;}
.inner-linke-page a,.post-page-numbers {
	border: none;
	height: 32px;
	width: 32px;
	display: inline-block;
	line-height: 32px;
	background: #4c58c4;
	border-radius: 50%;
	color: #fff;
	 font-weight: 400;
	font-size: 14px;
	text-align: center;}
.bsingle__content table a, .pages-content table a,.comment-text table a {
    color: #4c58c4;
    outline: medium none;}
.wpding .footer-widget .widget ul li:hover,.wpding .footer-widget .widget ul li a:hover {
    color: #4c58c4;}
.booking-contact-box .nav.nav-tabs li.active a,.booking-contact-box .nav.nav-tabs li a.active {
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 2px solid #4c58c4;
    color: #000;}
.copyright-wrap .dropdown .dropdown-item:focus, .copyright-wrap .dropdown .dropdown-item:hover {
	color: #fff;
	background-color: #4c58c4;}

/* ---- from responsive.css ---- */

@media (min-width: 992px) and (max-width: 1200px) {
  .right-menu .text strong {
    color: #2c2f5e;
    font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  #mobile-menu {
    background: #2c2f5e;}
  .responsive i {
    color: #2c2f5e;
    font-size: 25px;}
}
@media (max-width: 767px) {
  .responsive i {
    color: #2c2f5e;
    font-size: 25px;}
  #mobile-menu {
display: none;
background: no-repeat;
padding: 20px 0;
margin-top: 21px;
background: #2c2f5e;}
}