/*!
Theme Name: Tara Digital Solution
Theme URI: http://underscores.me/
Author: taradigital
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tara-digital-solution
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Tara Digital Solution is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Nunito', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Titillium Web', sans-serif;
}

p {
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #333;
	margin: 0;
}

h1 {
	font-size: 38px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 20px;
}

input:focus,button:focus,textarea:focus,select:focus {
	outline: none;
}

img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	object-position: top;
}

ul li {
	list-style: none;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #2A2A77;
	text-decoration: none;
}

b, strong {
	font-weight: bold;
}

.loader {
	background-image: url(assets/images/loader.gif);
	z-index: 999999;
	position: fixed;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #025D8C;
}

.admin-bar .head-wrapper {
	margin-top: 32px;
}

.admin-bar .modal {
	margin-top: 32px;
}

.spacing {
	padding: 50px 0;
}

.bg {
	background: #fafafa;
}

.overlay {
	position: absolute;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
}

.icon {
	text-align: center;
}

.icon svg {
	color: #2A2A77;
	font-size: 42px;
}

.title {
	margin-bottom: 50px;
}

.title h1 {
	text-align: center;
	margin-bottom: 20px;
	color: #2A2A77;
	font-weight: 300;
}

.sub-title {
	text-align: center;
	letter-spacing: 2px;
}

.inner-title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}

.mean-push {
	display: none;
}

/*=============== header ====================*/


.head-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	box-shadow: 0px 8px 10px -8px rgba(0,0,0,0.3);
}

.menu-wrapper {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 80px;
	transition: .3s ease all;
}

.menu-wrapper.shrink {
	height: 60px;
	transition: .3s ease all;
}

.logo {
	width: 80px;
	transition: .3s ease all;
}

.menu-wrapper.shrink .logo {
	width: 60px;
	transition: .3s ease all;
}

.menu ul li {
	list-style: none;
	display: inline-block;
}

.menu ul li a {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	line-height: 80px;
	display: block;
	padding: 0 20px;
	color: #333;
	transition: .3s ease all;
}

.menu-wrapper.shrink .menu ul li a {
	line-height: 60px;
	transition: .3s ease all;
}

.menu ul li.current_page_item a {
	font-weight: bold;
}

.menu ul li.current_page_item a,
.menu ul li a:hover {
	color: #2A2A77;
}

.mean-bar {
	order: 2;
}

/*=====================Slider=======================*/

#banner {
	margin-top: 80px;
	height: 100vh;
	overflow: hidden;
}

#banner .item {
	position: relative;
	height: 100vh;
}

#banner .item img {
	object-fit: initial;
}

#banner .item .overlay .banner-text-cover {
	color: #fff;
	width: 50%;
	margin-top: 60px;
}

#banner .item .overlay .banner-text-cover h1 {
	font-size: 44px;
}

#banner .item .overlay .banner-text-cover p {
	font-size: 20px;
	text-shadow: 1px 1px 2px rgba(255,255,255,.9);
}

#banner .item .banner-button {
	margin-top: 20px;
}

#banner .item .banner-button a {
	padding: 8px 14px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	transition: .3s all ease;
	margin-right: 30px;
}

#banner .item .banner-button a:hover {
	background-color: #2A2A77;
	transition: .3s all ease;
	box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.5);
}

/*====================About Section======================*/

.about-image-cover {
	padding-right: 30px;
	height: 580px;
}

.about-image-cover,
.principle-image-cover {
	overflow: hidden;
}

.about-text {
	padding: 30px 0;
	padding-left: 30px;
}

.about-description {
	margin: 30px 0;
}

.about-content p {
	text-align: justify;
	margin-bottom: 20px;
}

/*====================Feature Section======================*/

.features-inner {
	padding: 30px 20px;
	text-align: center;
	border: 1px solid #eaeaea;
	margin-bottom: 30px;
	min-height: 215px;
}

.features-inner .feature-inner-title {
	margin: 30px 0;
}

/*====================Feature Section end======================*/





/*====================how we do it Section======================*/


.hwd-container {
	text-align: center;
	position: relative;
}

.hwd-container:before {
	content: "";
	display: block;
	width: 74%;
	height: 1px;
	background-color: #2A2A77;
	position: absolute;
	top: 15px;
	left: 70%;
	transition: all .3s;
}

#hwd .col-md-3:last-child .hwd-container:before {
	display: none;
}

.hwd-container .hwd-number {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.hwd-container .hwd-number span {
	display: inline-block;
	background-color: #2A2A77;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	transform: scale(1);
	transition: all .3s;
}

.hwd-number span:hover {
	transition: all .3s;
	transform: scale(1.2);
}

.hwd-container .hwd-text p {
	text-align: center;
}


/*====================how we do it Section end======================*/




/*====================Product Section======================*/

.products-cover {
	position: relative;
}

.products-cover:after {
	display: block;
	visibility: hidden;
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	content: ".";
}

.products-cover .one-third {
	width: 29.666%;
	margin-right: 5.5%;
}

.products-cover .products-inner {
	float: left;
}

.products-cover .sidebar-left {
	height: 400px;
	overflow-y: auto;
}

.sidebar-left::-webkit-scrollbar {
	border-radius: 10px;
	width: 10px;
}

.sidebar-left::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #7b7a7c;
}

.products-cover .sidebar-left li {
	padding: 4px 0;
	margin: 0;
	border-bottom: 1px solid #eaeaea;
}

.products-cover .sidebar-left li a {
	line-height: 30px;
}

.products-cover .sidebar-left li a.active1 {
	font-weight: bold;
}

.products-cover .two-third {
	width: 64.833%;
}

.products-cover .reservation {
	width: 100%;
	margin-bottom: 40px;
}

.products-cover .reservation .product-detail-cover>div{
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.products-cover .reservation .product-icon svg {
	font-size: 32px;
	color: #2A2A77;
	margin-right: 20px;
}

.products-cover .reservation .product-icon h3 {
	display: inline-block;
}

.products-cover .reservation .product-detail img {
	margin: 30px 0;
	object-fit: initial;
}

.products-cover .reservation .product-detail h4 {
	margin: 20px 0;
}

.products-cover .reservation .product-detail p,
.products-cover .reservation .product-detail li {
	color: #333;
	font-weight: normal;
}

.products-cover .reservation .product-detail-list {
	display: flex;
}

.products-cover .reservation .product-detail-list ul {
	width: 49%;
}

.products-cover .right-section .product-detail-list ul:first {
	margin-right: 2%;
}

.products-cover .right-section .product-detail .product-read-more {
	margin-top: 20px;
}

.products-cover .right-section .product-detail .product-read-more a {
	padding: 8px 20px;
	border: 1px solid #eaeaea;
	transition: .3s all ease-in-out;
}

.products-cover .right-section .product-detail .product-read-more a:hover {
	background: #2A2A77;
	color: #fff;
	transition: .3s all ease-in-out;
}

.products-cover .two-third .modal-dialog {
	max-width: 90%;
	margin: auto;
}

.products-cover .two-third .modal-dialog .modal-body {
	height: 610px;
	padding: 0;
	overflow: scroll;
}

.products-cover .two-third .modal-dialog .modal-body img {
	height: auto;
}


/*====================Product Section end======================*/



/*====================Career Section======================*/


.career-table {
	margin: 30px 0;
}

.career-table a:hover {
	text-decoration: underline;
}



/*====================Career Section end======================*/



/*====================Team Section======================*/

.team-inner {
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
	margin-bottom: 30px;
	min-height: 255px;
	background: #999;
	height: 255px;
}

#team .team-overlay {
	background: #fff;
	position: absolute;
	bottom: -53%;
	width: 100%;
	text-align: center;
	padding: 20px;
	box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.5);
	transition: .3s all ease-in-out;
}

#team .team-inner:hover .team-overlay {
	bottom: 0;
	transition: .3s all ease-in-out;
}

#team .team-social a {
	padding: 0 10px;
}

#team .position {
	margin-top: 20px;
	margin-bottom: 0;
}

/*====================Team Section end======================*/



/*====================Gallery Section======================*/

#gallery-cover a {
	display: block;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	height: 100%;
}

#gallery-cover a img {
	transform: scale3d(1, 1, 1);
	transition: transform 0.15s ease 0s;
}

#gallery-cover a img:hover {
	transform: scale3d(1.1, 1.1, 1.1);
}

#gallery-cover a .caption {
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}

#gallery-cover a .caption p {
	margin: 10px 0;
	text-align: center;
	color: #fff;
}

.more {
	margin-top: 50px;
	text-align: center;
}

.more a {
	padding: 10px 20px;
	border: 1px solid #2A2A77;
	color: #2A2A77;
	transition: .5s ease all;
	font-size: 18px;
}

.more a:hover {
	background-color: #2A2A77;
	color: #fff;
	transition: .5s ease all;
}


/*====================Gallery Section end======================*/



/*====================Activities Section======================*/

.activity-cover {
	  border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    overflow: hidden;
}

.activity-cover .activity-content {
	padding: 20px;
	transition: all ease 0.3s;
}

.activity-cover .activity-content .activity-desc {
	font-size: 12px;
	text-align: justify;
}

.activity-cover .activity-content .activity-title h4 {
	text-transform: uppercase;
	font-weight: bold;
}

.activity-cover .activity-image {
	  height: 250px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.activity-cover .activity-content .view a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.activity-cover .activity-content .view a svg {
	font-size: 24px;
	padding-top: 6px;
	transition: all ease-in-out .5s;
}

.activity-cover .activity-content .view a:hover svg  {
	margin-left: 10px;
	transition: all ease-in-out .5s;
}

.activity-cover .activity-image:before {
	content: "";
	height: 100%;
	width: 50%;
	position: absolute;
	top: 0;
	background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);
	transform: skew(-25deg);
	left: -75%;
	transition: all ease .5s;
	-webkit-transition-duration: 500ms;
	-webkit-transition-property: all;
	opacity: 0;
	transition-property: left, opacity;
	transition-duration: .7s, 0.15s;
	-webkit-transition-duration: 700ms,150ms;
	-webkit-transition-property: left,opacity;
	transition-timing-function: ease;
}

.activity-cover:hover .activity-image:before {
	left: 125%;
	opacity: 1;
}

.activity-cover:hover .activity-content {
	background: #2A2A77;
}

.activity-cover:hover .activity-content .activity-title,
.activity-cover:hover .activity-content .activity-desc p,
.activity-cover:hover .activity-content .view a {
	color: #fff;
}



/*====================Activities Section end======================*/



/*====================Pricing Plan======================*/

.pricing-title {
	margin-bottom: 125px;
}

.pack {
	position: relative;
}

.pack-header {
	position: relative;
	color: #2A2A77;
	height: 415px;
	text-align: center;
	padding: 30px 10px;
	border: 2px solid #2A2A77;
}

.pack-header p {
	color: #2A2A77;
	line-height: 1.6;
	font-size: 16px;
	padding-bottom: 20px;
}

.pack-header .pricing-button {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.pack-header .pricing-button p {
	text-align: center;
}

.pack-header p b {
	font-size: 50px;
}

.pack-header p a {
	display: inline-block;
	color: #fff;
	padding: 8px 20px;
	background: #333;
	margin-top: 50px;
}

.recommended {
	position: absolute;
	background: #2A2A77;
	padding: 20px 0;
	text-align: center;
	width: 100%;
	top: -66px;
}

.recommended p {
	color: #fff;
	font-weight: bold;
}

.plan-comparision {
	text-align: center;
	margin-top: 50px;
}

.plans-title .software-detail p {
	font-weight: bold;
}

.plans-title .title-text p {
	text-align: center;
	padding: 8px 10px;
	background-color: #f0f0f0;
	font-size: 18px;
	font-weight: bold;
	color: #2A2A77;
}

.plan-lists .plan-title {
	padding: 8px 0;
	margin-top: 10px;
	color: #2A2A77;
}

.plan-lists .plan-title h4 {
	font-size: 18px;
	font-weight: bold;
}

.plan-lists .plans {
	margin-top: 10px;
}

.plan-lists .plans-desc-title p {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;	
}

.plan-lists .plans-desc {
	height: 100%;
}

.plan-lists .plans-desc p {
	text-align: center;
	background-color: #f0f0f0;
	font-size: 14px;
	padding: 10px;
	height: 100%;
}


.plans-desc p svg {
	color: #2A2A77;
	font-weight: 300;
}



/*=====================Pricing plan End========================*/


/*=====================Contact section========================*/

.contact-cover {
	margin-top: 20px;
}

.contact-cover div {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

.contact-cover div p {
	width: 88%;
}

.contact-cover div svg {
	color: #2A2A77;
	font-size: 20px;
}

.contact-cover div.location svg {
	margin-top: 8px;
}

.contact-form-cover input[type="text"],
.contact-form-cover input[type="email"],
.contact-form-cover textarea {
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 20px;
	border: 1px solid #ced4da;
	color: #495057;
	font-size: 14px;
}

.contact-form-cover textarea {
	height: 90px;
}

.contact-form-cover input::placeholder,
.contact-form-cover textarea::placeholder {
	color: #ced4da;
}

.contact-form-cover input[type="submit"] {
	background: #2A2A77;
	border: 1px solid transparent;
	color: #fafafa;
	padding: 8px 20px;
}

.contact-form-cover .contact-form-button {
	text-align: center;
}

/*=====================Contact section end========================*/


/*=====================Footer Section========================*/

footer {
	color: #fff;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #999;
}

.top-footer {
	background: #333;
	padding: 50px 0;
}

.top-footer .footer-inner-cover {
	padding: 0 10px;
}

.top-footer .footer-inner-cover .textwidget p {
	color: #fff;
}

.top-footer p {
	text-align: justify;
}

.top-footer .footer-logo {
	width: 100px;
	margin: 0 auto;
}

.top-footer .footer-text p {
	color: #eaeaea;
}

.top-footer .footer-title {
	margin-bottom: 30px;
	border-bottom: 1px solid #eaeaea;
}

.top-footer svg {
	margin-right: 10px;
}

.top-footer .footer-links {
	display: flex;
	justify-content: space-between;
}

.top-footer .footer-links li {
	list-style: none;
	margin-bottom: 10px;
}

.top-footer .footer-contact div {
	margin-bottom: 20px;
}

.top-footer form .newsletter input[type="email"] {
	padding: 8px;
	width: 100%;
	background: transparent;
	border: 1px solid #eaeaea;
	color: #fff;
}

.top-footer form .newsletter input[type="email"]::placeholder {
	color: #eaeaea;
}

.top-footer form .newsletter input[type="submit"] {
	padding: 4px 25px;
	border: 1px solid #eaeaea;
	margin-top: 10px;
	color: #eaeaea;
	background: transparent;
	transition: .5s all ease-in-out;
}

.top-footer form .newsletter input[type="submit"]:hover {
	background: #2A2A77;
	border-color: #2A2A77;
}

.bottom-footer {
	background: #161716;
	font-size: 12px;
	padding: 20px 0;
}

.bottom-footer-inner {
	display: flex;
	justify-content: space-between;
}

.bottom-footer-inner .copyright p {
	color: #eaeaea;
}

/*=====================Footer Section end========================*/


/*=====================Scroll to top========================*/

.scrolltop {
	padding: 7px 10px;
	position: fixed;
	width: 40px;
	margin: 0 0 0 auto;
	bottom: 15px;
	right: 20px;
	z-index: 999;
	display: none;
	background-color: #2A2A77;
}

.scrolltop:hover {
	background-color: #313131;
}

.scrolltop svg {
	color: white;
	transition: all 0.4s ease-in-out;
	font-size: 26px !important;
}


/*=====================Scroll to top end========================*/



/*=======
=====================form page css ========================
=========*/

.form-cover form {
	width: 70%;
	margin: auto;
}

.form-group {
	margin: 0;
}

.form-group:after {
	content: ".";
	visibility: hidden;
	clear: both;
}

.form-group .half {
	width: 48%;
}

.form-group .half {
	margin-left: 2%;
	float: left;
}

.form-group .half:first-child {
	margin-right: 2%;
	margin-left: 0;
}

.form-group label {
	font-size: 18px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="number"],
.form-group textarea,
.form-group select {
	width: 100%;
	padding: 4px 10px;
	font-size: 16px;
	background: transparent;
	border: 1px solid #2A2A77;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="number"],
.form-group select {
	padding: 4px 39px;
}

.form-group textarea {
	height: 150px;
}

.submit-button {
	text-align: center;
}

.submit-button input[type="submit"] {
	padding: 8px 20px;
	border: 1px solid #2A2A77;
	color: #2A2A77;
	background: transparent;
	transition: .3s all ease;
}

.submit-button input[type="submit"]:hover {
	color: #fff;
	background: #2A2A77;
	transition: .3s all ease;
}

span.form-icon {
	position: absolute;
	height: 34px;
	width: 34px;
	align-items: center;
	display: flex;
	justify-content: center;
	color: #fff;
	background: #2A2A77;
}


/*=======
=====================form page css end========================
=========*/





/*=======
=====================Common page banner========================
=========*/


.page-banner {
	position: relative;
	height: 400px;
}

.page-banner .banner-text-cover {
	text-align: center;
	margin-top: 80px;
}

.page-banner .banner-text-cover .banner-text {
	color: #fff;
}




/*=======
=====================Common page banner========================
=========*/







/*=======
=====================vacancy single page========================
=========*/

.career-single-block {
	border: 1px solid #eaeaea;
	padding: 1%;
	margin-bottom: 30px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}

.career-title h5 {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 5px;
	color: #2A2A77;
	font-weight: bold;
}

.career-desc-section p {
	line-height: 30px;
}

table {
	width: 100%;
}

th,td {
	padding: 8px 10px;
}

.job-details li {
	list-style: square;
	line-height: 30px;
	margin-left: 20px;
}




/*=======
=====================vacancy single page end========================
=========*/



/* The Overlay (background) */
.mainoverlay { 
	height: 100%;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	transition: 0.5s;
}

.overlay-content {
	position: relative;
	top: 13%;
	width: 70%;
	text-align: center;
	margin: 0 auto;
	overflow: auto;
}

.overlay-content img {
	height: auto;
	width: auto;
}

.mainoverlay .closebtn {
	z-index: 1001;
	padding: 8px;
	text-decoration: none;
	color: #fff;
	display: block;
	transition: 0.3s;
	position: absolute;
	top: 0px;
	right: 45px;
	font-size: 60px;
}

/*=======
=====================vacancy single page end========================
=========*/




/*=======
=====================team single page========================
=========*/

#single-team,
#gallery,
#activity,
#single-activity {
	margin-top: 80px;
}

.single-team-inner {
	padding: 30px;
	position: relative;
	background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

.single-team-inner:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 110px;
	height: 110px;
	border-style: solid;
	border-color: #fff;
	border-width: 5px 5px 0 0;
}

.single-team-inner:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 110px;
	height: 110px;
	border-style: solid;
	border-color: #fff;
	border-width: 0 0 5px 5px;
}

.single-team-inner .single-team-image {
	height: 500px;
}

.single-team-personal-desc {
	padding: 30px 50px;
}

.single-team-personal-desc .name h2,
.single-team-personal-desc .position p {
	color: #fff;
}

.single-team-social {
	margin: 10px 0;
}

.single-team-social a {
	margin-right: 10px;
}

.single-team-social a svg {
	font-size: 20px;
	color: #fff;
}

.single-team-member-desc p {
	text-align: justify;
	padding-top: 10px;
	color: #fff;
}

/*=======
=====================team single page end========================
=========*/



/*=======
=====================gallery page========================
=========*/

#gallery-inner {
	margin: 50px 0;
}

#gallery-inner .mix {
	display: none;
}

#gallery-inner>div {
	height: 250px;
}

#gallery-inner a.image-link,
#gallery-inner a.image-link .gallery-wrapper,
#gallery-inner a.image-link .gallery-image {
	display: block;
	height: 100%;
}

#gallery-inner a.image-link .gallery-wrapper {
	position: relative;
}

#gallery-inner a.image-link .gallery-wrapper .name {
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.5);
	left: 0;
	bottom: 0;
}

#gallery-inner a.image-link .gallery-wrapper .name p {
	text-align: center;
	margin: 10px 0;
	color: #fff; 	
}


/*=======
=====================gallery page end========================
=========*/




/*=======
=====================activity page========================
=========*/

#activity-inner {
	margin-bottom: 50px;
}







/*=======
=====================activity page========================
=========*/







/*=======
=====================activity single page========================
=========*/



.single-activity-inner {
	padding: 30px 100px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

.single-activity-content .activity-title h2 {
	margin: 30px 0;
	font-weight: bold;
}




/*=======
=====================activity single page end========================
=========*/



.pagination {
	margin: 0 15px;
	display: flex;
}

.pagination span,
.pagination a {
	font-family: 'Josefin Sans', sans-serif;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #2A2A77;
	margin-right: 10px;
}

.pagination a {
	color: #2A2A77;
}

.pagination a:hover,
.pagination span {
	background: #2A2A77;
	color: #fff;
}

.controls {
	margin-left: 15px;
}

.controls .btn {
	border-color: #2A2A77;
	text-transform: capitalize;
	margin: 2px;
	border-radius: 0;
	transition: .5s ease all;
}

.controls .active{
	color: #fff !important;
	border-color: #2A2A77;
	background: #2A2A77;
}

.controls a.btn:hover,
.controls a.active:hover {
	background: #2A2A77;
	color: #fff;
	transition: .5s ease all;
}

.lg-sub-html p {
	color: #fff;
}